@charset 'utf-8'; /* Theme Name: lifestyle Theme URI: http://lifestyle.themerex.net/ Author: themerex Author URI: http://themerex.net/ Description: Description Version: 1.0 License: GNU General Public License License URI: license.txt Tags: light, theme-options */ /*------------------------------------------------------------------ 1. Reset 2. List 3. Table 4. Sidebar right left 5. Grid 6. Transition 7. Social icons color 8. WP Styles 9. Header style 10. Menu 11. Content 12. ItemPage 13. Slider 14. Portfolio 15. Border tablet 16. Video 17. Button 18. Pagination 19. Sidebar widgets common styles 20. Footer styles 21. Theme Customizer 22. View more button 23. Animations /*---------------------------------- /* Reset -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, address, section, video, audio { border: 0; font-family: inherit; font-size: 101%; font-style: inherit; font-weight: inherit; outline: 0;} html,body { margin:0; padding:0; width:100%; height:100%;} /* html { overflow-y: scroll; } */ table, caption, tbody, tfoot, thead, tr, th, td{ border: solid 1px #ccc; } table{border-width: 1px 0 0 1px;} tr, td, th{ border-width: 0 1px 1px 0;} body { font-family: 'Noto Sans', sans-serif; font-size:13px; line-height:18px; font-weight:300; color:#7f7f7f;} header, nav, section, article, aside, footer {display:block} .wpb_row, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button, .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button{ margin-bottom: 0 !important;} big{ font-size:120%;} small{ font-size:80%;} pre{ overflow: auto;} a img { border: none;} a {text-decoration:none;} a:hover {color: #888888; } img { max-width: 100%; height: auto; } figure{ border: 0; margin: 0; padding: 0;} address{ font-style: italic;} abbr, acronym{ cursor: help; font-style: italic;} code, kbd, tt, var, samp, pre{ font-family: monospace,serif;} p { padding:0 0 30px 0; margin:0;} b, strong { font-weight:600; } em, i { font-style: italic; } code { display: block; padding: 10px; font-family: 'Courier New', monospace;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin:0; color:#2e2e2e; -ms-word-wrap: break-word; word-wrap: break-word; } h1, .h1 { font-size:423%; line-height:1.2em; padding:0 0 12px 0; font-weight:100;} h2, .h2 { font-size:277%; line-height:1.2em; padding:0 0 20px 0; font-weight:100;} h3, .h3 { font-size:177%; line-height:1.2em; padding:0 0 20px 0; font-weight:600;} h4, .h4 { font-size:131%; line-height:1.2em; padding:0 0 20px 0; font-weight:600;} h5, .h5 { font-size:115%; line-height:1.2em; padding:0 0 26px 0; font-weight:300; text-transform: uppercase; color: #abb2b2; font-family: 'PT sans', sans-serif;} h6, .h6 { font-size:100%; line-height:1.2em; padding:0 0 20px 0; font-weight:300;} h5 strong{ text-transform: none; } .big_text { font-size:18px; line-height:27px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color:#222222; } .clear { clear: both; } .footerStyleDark h1 a, .footerStyleDark h2 a, .footerStyleDark h3 a, .footerStyleDark h4 a, .footerStyleDark h5 a, .footerStyleDark h6 a, .footerStyleDark .h1 a, .footerStyleDark .h2 a, .footerStyleDark .h3 a, .footerStyleDark .h4 a, .footerStyleDark .h5 a, .footerStyleDark .h6 a { color:#e1e1e1; } /*list*/ /* ul li { list-style: circle; } ol li { list-style: decimal; } */ dt{ font-weight: bold;} .post ul.sc_list_style_iconed, .post ul.sc_list_style_arrows, .post ul.sc_list_style_disk { margin-left: 0; margin-bottom: 30px; } ul.sc_list_style_iconed li, ul.sc_list_style_arrows li, ul.sc_list_style_disk li { padding: 0 0 0 20px; list-style: none;} ul.sc_list_style_iconed li:before, ul.sc_list_style_arrows li:before { display: block; font-family: "fontello"; width: 20px; font-size: 16px; font-weight: normal; height: 20px; margin: 4px 0 0 -25px; float: left; text-align: center; line-height: 20px;} ul.sc_list_style_arrows li:before{ font-size: 9px; font-weight: bold;} ul.sc_list_style_disk li:before { content: ''; display: block; width: 8px; height: 8px; margin: 12px 0 0 -18px; float: left; } .post ul.sc_list_style_iconed, .post ul.sc_list_style_iconed a, .sc_list_style_arrows li, .sc_list_style_arrows li a, .sc_list_style_disk li, .sc_list_style_disk li a { /*color: #222222;*/ } .sc_list_item p { padding-bottom:0 !important; } /*table*/ table { width:100%; border-spacing:0;} .post_content table { margin-bottom:30px; } /* .post_content table { border:1px solid #dddddd; } .post_content table td, .post_content table th { border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:4px; } */ :focus{ outline:none;} .squareButton.global > a:hover {color:#ffffff; } /*respons Width*/ body { min-width:1200px;} .content{ margin-bottom: 12px;} .main_content { min-width: 1200px;} .sidemenu_left .main_content { min-width: 1150px} .main { width:1209px; margin:0 auto; } .topMenuStyleFon .menu-container { margin-left:-20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;} body.fullwide .main:not(.main_fixed) { width: auto !important; padding-left: 50px; padding-right: 50px; overflow:hidden; } body.fullwide .topWrap .main { overflow:visible; } .mainWrap:after{content: ''; clear: both; display: block; height: 0;} /*sidebar right left*/ .sideBarRight .content, .sideBarLeft .content{ width:791px;} .faq .sideBarRight .content, .faq .sideBarLeft .content{ width:750px;} .sideBarRight .content{ float:left;} .sideBarRight .sidebar{ float:right; padding:0 0 0 50px; margin-bottom: 30px; position: relative; border-left: solid 1px #e5e5e5;} .sideBarLeft .content{ float:right; } .sideBarLeft .sidebar{ float:left; padding:0 50px 0 0 ; margin-bottom: 30px; position: relative; border-right: solid 1px #e5e5e5;} .sc_scroll_bar { background:transparent; } /*boxedWrap*/ body.boxed .boxedWrap, body.boxed .footerContentWrap{ width: 1386px; margin: 0 auto; background-color: #fff; } /*clear*/ .clr{ clear:both;} .clr:after{ display:block; height:0px; clear:both; content:'';} /*position*/ .alignleft { display: inline; float: left; margin: 0 30px 15px 0;} .alignright { display: inline; float: right; margin:0 0 15px 30px;} .aligncenter { clear: both; display: block; margin: 0 auto; text-align: center;} .sc_image_align_left, .sc_alignleft { display: inline; float: left !important; margin-right: 30px !important; margin-left:0 !important; } .sc_image_align_right, .sc_alignright { display: inline; float: right !important; margin-left: 30px !important; margin-right:0 !important; } .sc_image_align_center img, .sc_aligncenter img, .sc_image_align_left img, .sc_alignleft img, .sc_image_align_right img, .sc_alignright img { width: 100%;} .sc_image_align_center, .sc_aligncenter { display: block; float: none !important; clear:both; margin-left: auto !important; margin-right: auto !important; text-align:center; width:auto; } /*===================================================== grid ====================================================*/ .wrapper{ width: 100%; overflow: hidden;} .columnsWrap { margin: 0 -4.3478% 0 0; overflow:hidden;} .columnsWrap:after { height: 0; display: block; content: ''; clear: both;} .columns1, .columns1_1 { margin: 0 4.1666% 0 0 ; width:95.8334%;} .columns1_2 { float:left; margin: 0 4.1666% 0 0 ; width:45.8334%; } .columns1_3 { float:left; margin: 0 4.1666% 0 0 ; width:29.1667%; } .columns2_3 { float:left; margin: 0 4.1666% 0 0 ; width:62.5%; } .columns1_4 { float:left; margin: 0 4.1666% 0 0 ; width:20.8334%; } .columns2_4 { float:left; margin: 0 4.1666% 0 0 ; width:45.8334% } .columns3_4 { float:left; margin: 0 4.1666% 0 0 ; width:70.8334%; } .columns1_5 { float:left; margin: 0 4.1666% 0 0 ; width:15.8334%; } .columns2_5 { float:left; margin: 0 4.1666% 0 0 ; width:35.8333%;} .columns3_5 { float:left; margin: 0 4.1666% 0 0 ; width:55.8333%;} .columns4_5 { float:left; margin: 0 4.1666% 0 0 ; width:75.8333%;} .columns1_2 .columnsWrap { margin: 0 -9.0909% 0 0; } .columns1_2 .columns1_2 { margin: 0 8.3472% 0 0; width: 41.6528%; } .columns1_2 .columns1_3 { margin: 0 8.3472% 0 0; width: 24.9861%; } .columns1_2 .columns2_3 { margin: 0 8.3472% 0 0; width: 58.3194%; } .columns1_3 .columnsWrap{ margin: 0 -14.2857% 0 0; } .columns1_3 .columns1_2 { margin: 0 12.5% 0 0; width: 37.5%; } .columns2_3 .columnsWrap{ margin: 0 -6.6666% 0 0; } .columns2_3 .columns1_2 { margin: 0 6.2578% 0 0; width: 43.7422%; } .columns2_3 .columns1_3 { margin: 0 6.2578% 0 0; width: 27.0755%; } .columns2_3 .columns2_3 { margin: 0 6.2578% 0 0; width: 60.4088%; } .columns2_3 .columns1_4 { margin: 0 6.2578% 0 0; width: 18.7422%; } .columns2_3 .columns2_4 { margin: 0 6.2578% 0 0; width: 43.7422%; } .columns3_4 .columnsWrap{ margin: 0 -5.8823% 0 0; } .columns3_4 .columns1_2 { margin: 0 5.5555% 0 0; width: 44.4445%; } .columns3_4 .columns1_3 { margin: 0 5.5555% 0 0; width: 27.7778%; } .columns3_4 .columns2_3 { margin: 0 5.5555% 0 0; width: 61.1111%; } .columns3_4 .columns1_4 { margin: 0 5.5555% 0 0; width: 19.4445%; } .columns3_4 .columns2_4 { margin: 0 5.5555% 0 0; width: 44.4445%; } .with_sidebar .columnsWrap { margin: 0 -5.8823% 0 0; } .with_sidebar .columns1, .with_sidebar .columns1_1 { margin: 0 5.5555% 0 0; width:94.4445%;} .with_sidebar .columns1_2 { margin: 0 5.5555% 0 0; width:44.4445%;} .with_sidebar .columns1_3 { margin: 0 1.5% 0 0; width:30%;} .with_sidebar .columns2_3 { margin: 0 5.5555% 0 0; width:61.1111%;} .with_sidebar .columns1_4 { margin: 0 5.5555% 0 0; width:19.4445%;} .with_sidebar .columns2_4 { margin: 0 5.5555% 0 0; width:44.4445%;} .with_sidebar .columns3_4 { margin: 0 5.5555% 0 0; width:69.4445%;} .with_sidebar .columns1_5 { margin: 0 5.5555% 0 0; width:14.4445%;} .with_sidebar .columns2_5 { margin: 0 5.5555% 0 0; width:34.4445%;} .with_sidebar .columns3_5 { margin: 0 5.5555% 0 0; width:54.4445%;} .with_sidebar .columns4_5 { margin: 0 5.5555% 0 0; width:74.4445%;} .with_sidebar .columns1_2 .columnsWrap { margin: 0 -12.5% 0 0; } .with_sidebar .columns1_2 .columns1_2 { margin: 0 11.1111% 0 0; width: 38.8889%; } .with_sidebar .columns1_2 .columns1_3 { margin: 0 11.1111% 0 0; width: 22.2222%; } .with_sidebar .columns1_2 .columns2_3 { margin: 0 11.1111% 0 0; width: 55.5555%; } .with_sidebar .columns1_3 .columnsWrap { margin: 0 -20% 0 0; } .with_sidebar .columns1_3 .columns1_2 { margin: 0 16.6666% 0 0; width: 33.3334%; } .with_sidebar .columns2_3 .columnsWrap { margin: 0 -9.0909% 0 0; } .with_sidebar .columns2_3 .columns1_2 { margin: 0 8.3333% 0 0; width: 41.6667%; } .with_sidebar .columns2_3 .columns1_3 { margin: 0 8.3333% 0 0; width: 25%; } .with_sidebar .columns2_3 .columns2_3 { margin: 0 8.3333% 0 0; width: 58.3333%; } .with_sidebar .columns3_4 .columnsWrap { margin: 0 -8% 0 0; } .with_sidebar .columns3_4 .columns1_2 { margin: 0 7.4074% 0 0; width: 42.5926%; } .with_sidebar .columns3_4 .columns1_3 { margin: 0 7.4074% 0 0; width: 25.9259%; } .with_sidebar .columns3_4 .columns1_4 { margin: 0 7.4074% 0 0; width: 17.5926%; } .with_sidebar .columns3_4 .columns2_3 { margin: 0 7.4074% 0 0; width: 59.2592%; } .with_sidebar .columns3_4 .columns2_4 { margin: 0 7.4074% 0 0; width: 42.5926%; } .with_sidebar .columns3_4 .columns3_4 { margin: 0 7.4074% 0 0; width: 67.5926%; } /*===================================================== /grid ====================================================*/ /*radius*/ .rad4, .postSharing > ul > li, .postSharing > ul > li > a, .postSharing > ul > li > span, .mejs-container .mejs-controls, .mejs-container .mejs-controls .mejs-time-rail span, .mejs-container .mejs-controls .mejs-horizontal-volume-slider > div, .pagination > ul > li > a, .pagination .pageLibrary li.libPage .navInput, .pagination .pageLibrary > li.libPage > .pageFocusBlock, input[type="submit"], input[type="button"], .nav_pages_parts span, .nav_comments a, .nav_comments span, .comments_list a.comment-edit-link, .topWrap .search .ajaxSearchResults, input[type="text"], input[type="password"], textarea, .sc_infobox, .sc_tabs_style_1 .sc_tabs_content + .sc_tabs_content, .masonry article .status, .sc_skills_bar .sc_skills_item, .sc_skills_bar .sc_skills_item .sc_skills_count, .reviewBlock .infoTotal, /*.sliderHomeBullets .rsContent .slide-3 .order .submitOrder,*/ .upToScroll, .sc_skills_counter .sc_skills_item.sc_skills_style_3 .sc_skills_count, .sc_testimonials_style_1 .sc_testimonials_item_quote, .sc_testimonials_style_2 .sc_testimonials_items, .sc_testimonials_style_3 .sc_testimonials_items, .sc_testimonials_style_2 .flex-direction-nav li, .sc_testimonials_style_3 .flex-direction-nav li, .sc_scroll_bar .swiper-scrollbar-drag:before, .sc_tabs_style_2 .sc_tabs_titles li a, .sc_slider_pagination_area .flex-control-nav.manual .slide_date, .user-popUp .formItems .formList li .sendEnter, .user-popUp .formItems .formList .loginSoc .iconLogin, .widgetWrap .tagcloud a, .widgetTabs .widgetTop .tagcloud a /*radius4*/{/* -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/} .postSharing > ul > li.share > a.selected, .postSharing > ul > li.share > span.selected, .sc_accordion.sc_accordion_style_1 .sc_accordion_item:first-child .sc_accordion_title, .sc_accordion.sc_accordion_style_1 .sc_accordion_item:first-child, .sc_accordion.sc_accordion_style_3 .sc_accordion_item:first-child .sc_accordion_title, .sc_accordion.sc_accordion_style_3 .sc_accordion_item:first-child, .sc_toggles.sc_toggles_style_1 .sc_toggles_item:first-child .sc_toggles_title, .sc_toggles.sc_toggles_style_1 .sc_toggles_item:first-child, .sc_toggles.sc_toggles_style_3 .sc_toggles_item:first-child .sc_toggles_title, .sc_toggles.sc_toggles_style_3 .sc_toggles_item:first-child, .sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_count /*radius4 top left*/{-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;} .postSharing > ul > li.share > a.selected, .postSharing > ul > li.share > span.selected, .postSharing > ul > li.share > ul.shareDrop, .sc_accordion.sc_accordion_style_1 .sc_accordion_item:first-child .sc_accordion_title, .sc_accordion.sc_accordion_style_1 .sc_accordion_item:first-child, .sc_accordion.sc_accordion_style_3 .sc_accordion_item:first-child .sc_accordion_title, .sc_accordion.sc_accordion_style_3 .sc_accordion_item:first-child, .sc_toggles.sc_toggles_style_1 .sc_toggles_item:first-child .sc_toggles_title, .sc_toggles.sc_toggles_style_1 .sc_toggles_item:first-child, .sc_toggles.sc_toggles_style_3 .sc_toggles_item:first-child .sc_toggles_title, .sc_toggles.sc_toggles_style_3 .sc_toggles_item:first-child, .sc_tabs_style_1 .sc_tabs_content, .sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_count /*radius4 top right*/{-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;} .postSharing > ul > li.share > ul.shareDrop, .sc_accordion.sc_accordion_style_1 .sc_accordion_item:last-child, .sc_accordion.sc_accordion_style_1 .sc_accordion_item:last-child .sc_accordion_content, .sc_accordion.sc_accordion_style_1 .sc_accordion_item:last-child .sc_accordion_title, .sc_accordion.sc_accordion_style_3 .sc_accordion_item:last-child .sc_accordion_title, .sc_accordion.sc_accordion_style_3 .sc_accordion_item:last-child .sc_accordion_content, .sc_accordion.sc_accordion_style_3 .sc_accordion_item:last-child, .sc_toggles.sc_toggles_style_1 .sc_toggles_item:last-child .sc_toggles_title, .sc_toggles.sc_toggles_style_1 .sc_toggles_item:last-child .sc_toggles_content, .sc_toggles.sc_toggles_style_1 .sc_toggles_item:last-child, .sc_toggles.sc_toggles_style_3 .sc_toggles_item:last-child .sc_toggles_title, .sc_toggles.sc_toggles_style_3 .sc_toggles_item:last-child .sc_toggles_content, .sc_toggles.sc_toggles_style_3 .sc_toggles_item:last-child, .sc_tabs_style_1 .sc_tabs_content, .sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info, .sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info:before /*radius4 bottom left*/{-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;} .postSharing > ul > li.share > ul.shareDrop, .sc_accordion.sc_accordion_style_1 .sc_accordion_item:last-child, .sc_accordion.sc_accordion_style_1 .sc_accordion_item:last-child .sc_accordion_content, .sc_accordion.sc_accordion_style_1 .sc_accordion_item:last-child .sc_accordion_title, .sc_accordion.sc_accordion_style_3 .sc_accordion_item:last-child .sc_accordion_title, .sc_accordion.sc_accordion_style_3 .sc_accordion_item:last-child .sc_accordion_content, .sc_accordion.sc_accordion_style_3 .sc_accordion_item:last-child, .sc_toggles.sc_toggles_style_1 .sc_toggles_item:last-child .sc_toggles_title, .sc_toggles.sc_toggles_style_1 .sc_toggles_item:last-child .sc_toggles_content, .sc_toggles.sc_toggles_style_1 .sc_toggles_item:last-child, .sc_toggles.sc_toggles_style_3 .sc_toggles_item:last-child .sc_toggles_title, .sc_toggles.sc_toggles_style_3 .sc_toggles_item:last-child .sc_toggles_content, .sc_toggles.sc_toggles_style_3 .sc_toggles_item:last-child, .sc_tabs_style_1 .sc_tabs_content, .sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info, .sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info:before /*radius4 bottom right*/{-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;} .sc_border .sc_zoom, .sc_border .slides, .mejs-container .mejs-controls .mejs-time-rail span.mejs-time-float, .reviewBlock .ratingItem .ratBubble /*radius3*/{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .sc_table, .sc_pricing_table, .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_draggerRail, .sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate /*radius10*/{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .sc_pricing_table .sc_pricing_columns:first-child ul li:first-child, .sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate li:first-child, .sc_pricing_table .sc_pricing_columns:first-child ul, /*.sc_pricing_table .sc_pricing_columns:first-child ul li.sc_pricing_title_img img,*/ .sc_tabs_style_1 .sc_tabs_titles li.ui-tabs-active a /*radius10 top left*/{-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;} .sc_pricing_table .sc_pricing_columns:last-child ul li:first-child, .sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate li:first-child, .sc_pricing_table .sc_pricing_columns:last-child ul, /*.sc_pricing_table .sc_pricing_columns:last-child ul li.sc_pricing_title_img img,*/ .sc_tabs_style_1 .sc_tabs_titles li.ui-tabs-active a /*radius10 top right*/{-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;} .sc_pricing_table .sc_pricing_columns:first-child ul li:last-child, .sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate li:last-child, .sc_pricing_table .sc_pricing_columns:first-child ul /*radius10 bottom left*/{-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;} .sc_pricing_table .sc_pricing_columns:last-child ul li:last-child, .sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate li:last-child, .sc_pricing_table .sc_pricing_columns:last-child ul /*radius10 bottom right*/{-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;} .radCircle, .zoomLens, .zoomLens:before, .sc_video_player .sc_video_play_button:after, .mejs-controls .mejs-button button, .roundButton a, .sc_accordion .sc_accordion_item .sc_accordion_title:before, .sc_toggles .sc_toggles_item .sc_toggles_title:before, .masonry .slides .rsBullets .rsNavItem, .rsBullets .rsBullet, .hoverIncrease .hoverIcon, .itemPageFull .itemDescriptionWrap .toggleButton, .sc_blogger.style_date .load_more:before, .menuSearch, .searchBlock, .twitBlock .sc_slider .flex-direction-nav li a:before, .sc_testimonials .flex-direction-nav a, .sc_scroll_controls .flex-direction-nav a, .sliderLogo .elastislide-wrapper nav span:before, .pagination .flex-direction-nav a, .sc_dropcaps.sc_dropcaps_style_2 .sc_dropcap, .sc_dropcaps.sc_dropcaps_style_5 .sc_dropcap, .sc_title_bg.sc_bg_circle:before, .topWrap .search:before, ul.sc_list_style_disk li:before /*100%*/ {-webkit-border-radius: 1000px !important; -moz-border-radius: 1000px !important; border-radius: 1000px !important;} .topWrap .search, .openRightMenu /*15px*/ {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px ;} .imgNav .itemPrev:before, .imgNav .itemNext:before, .imgNav .itemPrev .itInf, .imgNav .itemNext .itInf /*25px*/{-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px ;} /*form*/ input[type="text"], input[type="password"] { height:36px; line-height:36px; padding:0 10px; box-sizing: border-box; -moz-box-sizing: border-box; } textarea { padding:10px; resize:vertical; box-sizing: border-box;} textarea.textAreaSize{ max-height: 500px !important;} input[type="text"], input[type="password"], textarea { font-family: 'Noto sans', sans-serif; font-size: 13px; outline:none; color:#b0b0b0; background-color:none; border: 1px solid #d4d7d9; font-style: italic; margin: 0px;} input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ border-color:#bebebe; } button:focus {outline: none; border: none;} button::-moz-focus-inner { border: 0;} label{ color:#222222; display:block; height:20px; line-height:14px;} label.required:before{ color:#da6f5b; content:'*'; display:block; float:left; margin:0 3px 0 0 ; } /*transition*/ .postSharing a, .postSharing a:hover, ul > li.like > a > span.likePost:before, ul > li.likeActive > a > span.likePost:before, ul > li.like > a:hover > span.likePost:before, ul > li.likeActive > a:hover > span.likePost:before, .sc_video_player .sc_video_play_button:after, .video-frame .video-list-image:after, .sc_video_player:hover .sc_video_play_button:after, .sc_video_player:active .sc_video_play_button:after, .mejs-controls .mejs-playpause-button button, .mejs-controls .mejs-playpause-button button, .mejs-container .mejs-controls .mejs-volume-button button, .mejs-container .mejs-controls .mejs-volume-button button, .roundButton a, .nav_pages_parts > a > span, .nav_comments > a, .comments_list a.comment-edit-link, .hoverIncrease .hoverIcon, .hoverIncrease .hoverShadow, .sc_team .sc_team_item, .sc_team .sc_team_item .sc_team_item_avatar, .sc_team .sc_team_item .sc_team_item_socials, .sc_team .sc_team_item:hover .sc_team_item_avatar:after, .sc_team .sc_team_item:hover .sc_team_item_avatar .sc_team_item_description, .footerWidget .flickr_badge_image a:before, .footerWidget .instagram-pics li a:before, .reviewBlock .ratingItem .ratBubble, .topWrap > ul > li ul li a, .twitBlock .sc_slider .flex-direction-nav li a:before, .sc_testimonials .flex-direction-nav a, .sc_scroll_controls .flex-direction-nav a, .upToScroll.buttonShow, .upToScroll, .pagination .flex-direction-nav a, .pagination .flex-direction-nav a:active, .sliderLogo .elastislide-wrapper nav span:before, body.boxed, body.boxed .boxedWrap, .topWrap, .openRightMenu, .topWrap .search:not(.searchOpen):before, header.fixedTopMenu .topWrap, .widgetWrap .tagcloud a, .fullScreenSlider .sliderHomeBullets .order a, .topWrap ul.main_usermenu_list li a, .contactFooter .contactShare ul li a span, .sc_team .sc_team_item .sc_team_item_socials li a span, .socPage li a span, .openRightMenu:before, .infoPost .post_cats a, .sc_blogger_item .post_cats a, .post .tagsWrap .infoPost a, .masonryInfo .post_cats a, ul#mainmenu .menu-panel.cat_thumb_title .cat_thumb_title li a { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .sc_blogger_item .post_cats a:hover, .infoPost .post_cats a:hover, .masonryInfo .post_cats a:hover, .topWrap .search:not(.searchOpen):hover:before, .socPage li a:hover span, .topWrap ul.main_usermenu_list li a:hover, .openRightMenu:hover:before, .post .tagsWrap .infoPost a:hover, ul#mainmenu .menu-panel.cat_thumb_title .cat_thumb_title li a:hover { -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -o-transition: all 0s ease-out; -ms-transition: all 0s ease-out; transition: all 0s ease-out; } /****/ ul#mainmenu .menu-panel .subcat-with-thumb .subcat_2_level li a img { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } /*****/ /*header*/ .topWrap { top: -100px; background-position: center center;} .fullScreenSlider .header_dark.fixedTopMenu .topWrap, header.header_dark .topWrap{ background: #000 !important;} header.header_dark .logo, header.header_dark .logo_text{ color: #fff;} .fullScreenSlider .header_light.fixedTopMenu .topWrap, header.header_light .topWrap{ background: #fff !important;} header.header_light .logo, header.header_light .logo_text{ color: #000 !important;} .fullScreenSlider .top-slider-wrap, .fullScreenSlider header, .fullScreenSlider .topWrap{ background: none !important; } .fakeFixMenu{ position: fixed; left: 0; top: -100px; z-index: 2000; width: 100%;} .topWrap .usermenu_area{ height: auto;} header.fixedTopMenu .topWrap{ position: fixed; left: 0; top: -60px; z-index: 2000; width: 100%; padding-bottom: 0; -webkit-box-shadow: 0 0 10px 1px #777; -moz-box-shadow: 0 0 10px 1px #777; box-shadow: 0 0 10px 1px #777;} header.fixedTopMenu .topWrap .header-block { padding: 20px 0 0;} header.fixedTopMenu .topWrap .menu-container{ margin-top: 5px;} header.fixedTopMenu .topWrap .logo{ padding:0 0 5px 0;} header.fixedTopMenu .topWrap .logo img { height: 25px; vertical-align: top; margin: 5px 0 0 0 ;} header.fixedTopMenu .topWrap .menuTopWrap > ul > li { } header.fixedTopMenu .topWrap .menuTopWrap > ul > li > ul { top: 42px;} header.fixedTopMenu .topWrap .search {} header.fixedTopMenu .topWrap .openRightMenu {} header.fixedTopMenu .topWrap .usermenu_area { height: 0; overflow: hidden;} header .header-block{ padding-top: 38px;} .sidemenu_left header.fixedTopMenu .topWrap { padding: 0 0 0 50px; } .sidemenu_left.openMenuFix header.fixedTopMenu .topWrap { padding-left: 250px; } .admin-bar header.fixedTopMenu .topWrap { padding-top: 32px; } header .socPage{ float: right;} header .socPage ul{ margin: 0; padding: 3px 34px 0 0;} header .socPage li a{ font-size: 13px;} header .socPage.mono li a{ font-size: 13px; color: #373839;} /* social icons color */ header .socPage.colored li a.social_wwwfacebook, header .socPage.colored li a.social_facebook { color: #3c599f;} header .socPage.colored li a.social_wwwplusgoogle, header .socPage.colored li a.social_plusgoogle { color: #d44132;} header .socPage.colored li a.social_wwwtwitter, header .socPage.colored li a.social_twitter { color: #2ecbfe;} header .socPage.colored li a.social_wwwvimeo, header .socPage.colored li a.social_vimeo { color: #20b9eb;} header .socPage.colored li a.social_wwwdribbble, header .socPage.colored li a.social_dribbble { color: #ff0084;} header .socPage.colored li a.social_wwwlinkedin, header .socPage.colored li a.social_linkedin { color: #017fb2;} header .socPage.colored li a.social_wwwpinterest, header .socPage.colored li a.social_pinterest { color: #d73532;} header .socPage.colored li a.social_wwwyoutube, header .socPage.colored li a.social_youtube { color: #cc181e;} header .socPage.colored li a.social_wwwskype, header .socPage.colored li a.social_skype { color: #00aff0;} header .socPage.colored li a.social_wwwflickr, header .socPage.colored li a.social_flickr { color: #ff0084;} header .socPage.colored li a.social_wwwevernote, header .socPage.colored li a.social_evernote { color: #20c05c;} header .socPage.colored li a.social_wwwinstagram, header .socPage.colored li a.social_instagram { color: #735749;} header .socPage.colored li a.social_wwwvk, header .socPage.colored li a.social_vk { color: #597da3;} header .socPage.colored li a.social_wwwpaypal, header .socPage.colored li a.social_paypal { color: #253b80;} .topWrap .usermenu_area ul.usermenu_list { padding: 0; margin: 0;} .topWrap .usermenu_area ul.usermenu_list:after{content: ''; height: 0; display: block; clear: both;} .topWrap .usermenu_area ul.usermenu_list > li { list-style: none; position: relative; height: 35px; line-height: 35px; float: left; } .topWrap .usermenu_area ul.usermenu_list > li a:before, .topWrap .usermenu_area ul.usermenu_list > li a:after{font-family: "fontello";} .topWrap .usermenu_area ul.usermenu_list > li > a{ height: 35px; line-height: 35px; display: block;} .topWrap .usermenu_area ul.usermenu_list > li.sfHover > a{ color: #fff; text-decoration: underline;} .topWrap .usermenu_area ul.usermenu_list > li + li { margin: 0 0 0 10px;} /* Video background */ .videoBackgroundFullscreen { position:fixed; z-index:-1; top:0; bottom:0;left:0;right:0; overflow:hidden; width:100%; height:100%; display:none; } .videoBackgroundFullscreen.inited { display:block; } .videoBackgroundFullscreen video { max-width: none; } .videoBackgroundFullscreen .wp-video { position:absolute; left:0; top:0; width:100%; height: 100%; max-width:none; max-height:none;} .videoBackgroundFullscreen .mejs-layers, .videoBackgroundFullscreen .mejs-controls { display:none !important; } .videoBackgroundOverlay { position:relative; z-index:2; } /* WP Styles -------------------------------------------------------------- */ .sticky { position:relative; } .sticky .sticky_label { position:absolute; right:3px; top: 3px; width:48px; height:48px; background-image:url(images/sticky.png); background-repeat:no-repeat; background-position:right top; background-size:48px 48px;} .gallery-caption {} .bypostauthor {} .wp-caption { position: relative; overflow:hidden; max-width:100%; } .wp-caption a[class*="prettyPhoto"] { display: block; } .wp-caption a[class*="prettyPhoto"] img { vertical-align: top; } .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd { padding: 6px 0 20px; font-size:12px; line-height:16px; font-style:italic; text-align:center; } .gallery { margin: 0 -5px; } .gallery .gallery-item { } .gallery .gallery-item a { display: block; } .gallery .gallery-item a img { border: none !important; display: block; width: 100%; } .gallery .gallery-item .gallery-icon { margin: 0 5px; } .gallery .gallery-item .gallery-caption { } .gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; } .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; } .gallery.gallery-columns-6 .gallery-item { width: 16.6666% !important; } .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .gallery.gallery-columns-3 .gallery-item { width: 33.3333% !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-1 .gallery-item { width: 100% !important; } .gallery.gallery-columns-9 .gallery-caption { font-size: 10px; line-height: 10px; margin: 0; padding: 5px 5px 0; } .gallery.gallery-columns-8 .gallery-caption { font-size: 11px; line-height: 11px; margin: 0; padding: 5px 5px 0; } .gallery.gallery-columns-7 .gallery-caption { font-size: 12px; line-height: 12px; margin: 0; padding: 5px 5px 0; } .gallery.gallery-columns-6 .gallery-caption { font-size: 13px; line-height: 13px; margin: 0; padding: 5px 5px 0; } .gallery.gallery-columns-5 .gallery-caption, .gallery.gallery-columns-4 .gallery-caption, .gallery.gallery-columns-3 .gallery-caption, .gallery.gallery-columns-2 .gallery-caption, .gallery.gallery-columns-1 .gallery-caption { margin: 0; padding: 5px 5px 0; } .post-password-form label { display:inline-block; vertical-align:top; } .post-password-form input[type="submit"] { display:inline-block; margin-left:10px; height:36px; line-height:36px; } /* Header style */ .topWrap:after { content:""; display:block; clear:both; } .topWrap .logo { float:left; font-size:40px; padding: 17px 0 0; } .logo { font-family: 'Roboto', sans-serif; color:#fff; font-weight:100; position: relative;} .logo a { display:block; color:#fff; text-decoration:none;} .logo img { height:25px; border:none; vertical-align:bottom;} .logo .logo_text { display:inline-block; line-height: normal; } .logo .logo_slogan{ position: absolute; font-size: 10px; color: #636363; text-transform: uppercase; font-weight: normal; bottom: -6px; left: 3px; letter-spacing: 0;} footer .logo a { display: inline-block; vertical-align: middle;} footer .widget_inner .logo img {height:26px; line-height: 26px; border:none; vertical-align: top;} footer .widget_inner .logo .logo_text { font-size:29px; } .topWrap .logo.logo_left { text-align:left; float: left;} .topWrap .logo.logo_center { text-align:center; float: none;} .topWrap .logo.logo_right { text-align:right; float: none; padding-right: 45px; } .responsive_menu header.menu_left .topWrap .logo, .responsive_menu header.menu_center .topWrap .logo { float:left; } header.menu_left .topWrap .logo a, header.menu_center .topWrap .logo a { display:inline-block; } .topWrap .search{ float:right; margin:0 8px 0 0; height:27px; width:0; padding:0 33px 0 0 ; position:relative; -webkit-transition: width 0.3s ease-out; -moz-transition: width 0.3s ease-out; -ms-transition: width 0.3s ease-out; -o-transition: width 0.3s ease-out; transition: width 0.3s ease-out; } header.header_dark .topWrap .search{ background: #333333;} .topWrap .search:before{ position:absolute; right:0; top:0; z-index:2; width:33px; height:27px; content: '\e83f'; font-family: "fontello"; font-size:16px; color: rgba(255,255,255,0.5); line-height:29px; text-align:center;} .topWrap .search.searchOpen:before{ content:'\e811';} .topWrap .search:hover{ cursor:pointer; } .topWrap .search:not(.searchOpen):hover:before{ } .topWrap .search.searchOpen{ width:220px;} .topWrap .search.searchOpen .searchForm { display: block; } .topWrap .search .searchForm{ display:none; height:28px; width:220px; overflow:hidden; position:relative; z-index:1;} .topWrap .search .searchForm .searchField{ height:28px; width:180px; line-height: 28px; background:none; border:none; margin:0; padding:0 9px; color:#fff; position:absolute; left:28px; top:0; color: rgba(255,255,255,0.5); font-weight: 300;} .topWrap .search .searchForm .searchField:focus{ color:#fff;} .topWrap .search .searchForm .searchSubmit{ width:28px; height:28px; border:none; background: none; padding:0px; cursor:pointer; position:absolute; left:0; top:0;} .topWrap .search .searchForm .searchSubmit .icoSearch{ display:block; width:28px; height:28px; color:#fff; text-align:center; position:relative;} .topWrap .search .searchForm .searchSubmit .icoSearch:before{ font-family: "fontello"; content: '\e83f'; font-size:16px; color: rgba(255,255,255,0.5); line-height:28px; width:28px; height:28px; display:block; position:absolute; z-index:4;} .topWrap .search .ajaxSearchResults{ display:none; background:#fff; border:1px solid #ddd; width:260px; position:absolute; right:0; top:40px; z-index:10000; -webkit-box-shadow: 0 2px 2px -1px #ddd; -moz-box-shadow: 0 2px 2px -1px #ddd; box-shadow: 0 2px 2px -1px #ddd;} .topWrap .search .ajaxSearchResults:after{ content:""; width:10px; height:10px; background:#FFF; border-left:1px solid #ddd; border-top:1px solid #ddd; position:absolute; top:-5px; left:50px; -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -o-transform: rotate(45deg) ; -ms-transform: rotate(45deg) ;} .topWrap .search .ajaxSearchResults > .post_item { display:block; padding:10px 10px; position:relative; z-index:3; overflow:hidden; } .topWrap .search .ajaxSearchResults > .post_item + .post_item { border-top:1px solid #ddd; } .topWrap .search .ajaxSearchResults > .post_item .post_thumb { float:left; width: 50px; height: 50px; margin:0 10px 10px 0; } .topWrap .search .ajaxSearchResults > .post_item .post_thumb img { width:100%;} .topWrap .search .ajaxSearchResults > .post_item .post_title { display:block; position:relative; padding:0 0 6px 0; font-size:14px; line-height:17px; font-weight:300;} .topWrap .search .ajaxSearchResults > .post_item .post_info .post_comments, .topWrap .search .ajaxSearchResults > .post_item .post_info .post_author, .topWrap .search .ajaxSearchResults > .post_item .post_info .post_date { font-size:11px; line-height:16px; font-style:italic; display:block; float:left; padding:0 10px 0 0 ;} .topWrap .search .ajaxSearchResults > .post_item .post_info .post_comments { padding-right:0; } .topWrap .search .ajaxSearchResults > .post_item .post_info .post_date a { color:#222222;} .topWrap .search .ajaxSearchResults > .post_item .post_info .post_comments a { display:block;} .topWrap .search .ajaxSearchResults > .post_item .post_comments_icon { display:inline-block;} .topWrap .search .ajaxSearchResults > .post_item .post_info .post_comments_icon:before { width:12px; font-size:12px; height:12px; line-height:14px; display:block; float:left; font-family: "fontello"; content:'\e830'; font-style:normal; margin: 0 5px 0 0 ;} .topWrap .search .ajaxSearchResults > .post_item .post_more { display:block; text-align:center; } .topWrap .search .ajaxSearchResults > .post_item.no_thumb .post_title{ padding-left:20px; position:relative;} .topWrap .search .ajaxSearchResults > .post_item.no_thumb .post_title:before{ font-family: "fontello"; content: '\e826'; width:20px; height:20px; position:absolute; left:0; top:0; font-size:10px;} .topWrap .search .ajaxSearchResults > .post_item.no_thumb .post_info { padding-left:20px; } .topWrap .search .ajaxSearchResults > .post_item.no_thumb .post_info .post_comments, .topWrap .search .ajaxSearchResults > .post_item.no_thumb .post_info .post_author, .topWrap .search .ajaxSearchResults > .post_item.no_thumb .post_info .post_date{ font-size:12px; } .topWrap .search .ajaxSearchResults > .post_item.no_thumb .post_info .post_comments a.ico:before{ font-size:14px; margin: 0 10px 0 0 ;} /*topusermenu_area*/ .topWrap .usermenu_area { /*border-bottom: 1px solid rgba(255,255,255,0.1);*/ color: rgba(255,255,255,0.5); font-size: 12px; font-weight: 300;} .topWrap .usermenu_area .menuUsItem:after, .topWrap .usermenu_area:after{ content: '' ;height: 0; display: block; clear: both; } .topWrap .usermenu_area a{ color: rgba(255,255,255,0.7); } .topWrap .usermenu_area a:hover{ color: #fff; text-decoration: underline;} .topWrap .usermenu_area .menuItemRight{ float: right;} .topWrap .usermenu_area .menuItemLeft{ float: left; height: 35px; line-height: 35px;} .topWrap .usermenu_area ul.usermenu_list { padding: 0; margin: 0;} .topWrap .usermenu_area ul.usermenu_list:after{content: ''; height: 0; display: block; clear: both;} .topWrap .usermenu_area ul.usermenu_list > li { list-style: none; position: relative; height: 35px; line-height: 35px; float: left; } .topWrap .usermenu_area ul.usermenu_list > li a:before, .topWrap .usermenu_area ul.usermenu_list > li a:after{font-family: "fontello";} .topWrap .usermenu_area ul.usermenu_list > li > a{ height: 35px; line-height: 35px; display: block;} .topWrap .usermenu_area ul.usermenu_list > li.sfHover > a{ color: #fff; text-decoration: underline;} .topWrap .usermenu_area ul.usermenu_list > li + li { margin: 0 0 0 10px;} .topWrap .usermenu_area ul.usermenu_list li ul { display: none; background: #fff; border: 1px solid #ddd; margin: 0; padding: 10px; position: absolute; right: 0; top: 35px; width: 110px; z-index: 1020;} .topWrap .usermenu_area ul.usermenu_list li ul:before{ width: 6px; height: 6px; background: #fff; content: ''; display: block; position: absolute; top: -4px; right: 7px; border-width: 1px; border-style: solid ; border-color: #ddd #fff #fff #ddd; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .topWrap .usermenu_area ul.usermenu_list > li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul { right: auto; left:0;} .topWrap .usermenu_area ul.usermenu_list > li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul:before{ left: 7px; right: auto; } .topWrap .usermenu_area ul.usermenu_list li ul li { position:relative; } .topWrap .usermenu_area ul.usermenu_list li ul li ul { right: auto; top: 0px; left: 128px !important;} .topWrap .usermenu_area ul.usermenu_list li ul li ul:before{ top: 7px !important; left: -4px !important; border-color: #fff #fff #ddd #ddd; } .topWrap .usermenu_area ul.usermenu_list li ul li ul.submenu_left { right: auto; top: 0px; left: -150px !important;} .topWrap .usermenu_area ul.usermenu_list li ul li ul.submenu_left:before{ top: 7px !important; left: auto !important; right:-4px !important; border-color: #ddd #ddd #fff #fff; } .topWrap .usermenu_area ul.usermenu_list li ul li { list-style: none; padding: 0; color: #888;} .topWrap .usermenu_area ul.usermenu_list li ul li a { color: #888; display: block; padding: 0 5px 0 20px; height: auto; line-height: 25px; min-height: 25px; position:relative;} .topWrap .usermenu_area ul.usermenu_list li ul li a.icon:before, .topWrap .usermenu_area ul.usermenu_list > li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul li > a:before { display: block; padding: 0; text-decoration:none; position:absolute; left: 0px; line-height:25px; height:25px; width:auto; padding:0; margin:0; } .topWrap .usermenu_area ul.usermenu_list > li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_login) ul li > a:before { left: 5px !important; } .topWrap .usermenu_area ul.usermenu_list > li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul li > a:before {content: '\e897';} /* user menu '.main_usermenu_list' */ .topWrap ul.main_usermenu_list { float: right; position: relative;margin: 0 40px 0 0; padding: 0;} .topWrap ul.main_usermenu_list li{ list-style: none; } header .topWrap ul.main_usermenu_list > li > a{ font-size: 12px; color: #ffffff; text-transform: lowercase; display: inline-block; border-radius: 3px; padding: 5px 12px; } header.header_dark .topWrap ul.main_usermenu_list > li > a, header.header_light .topWrap ul.main_usermenu_list > li > a:hover{background-color: #333333 !important;} .topWrap ul.main_usermenu_list li ul { display: none; background: #fff; border: 1px solid #ddd; margin: 0; font-size: 12px; padding: 10px; position: absolute; right: 0; top: 35px; width: 110px; z-index: 1020;} .topWrap ul.main_usermenu_list li ul:before{ width: 6px; height: 6px; background: #fff; content: ''; display: block; position: absolute; top: -4px; right: 7px; border-width: 1px; border-style: solid ; border-color: #ddd #fff #fff #ddd; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .topWrap ul.main_usermenu_list > li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul { right: auto; left:0;} ul.main_usermenu_list > li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul:before{ left: 7px; right: auto; } .topWrap ul.main_usermenu_list li ul li { position:relative; } .topWrap ul.main_usermenu_list li ul li ul { right: auto; top: 0px; left: 128px !important;} .topWrap ul.main_usermenu_list li ul li ul:before{ top: 7px !important; left: -4px !important; border-color: #fff #fff #ddd #ddd; } .topWrap ul.main_usermenu_list li ul li ul.submenu_left { right: auto; top: 0px; left: -150px !important;} .topWrap ul.main_usermenu_list li ul li ul.submenu_left:before{ top: 7px !important; left: auto !important; right:-4px !important; border-color: #ddd #ddd #fff #fff; } .topWrap ul.main_usermenu_list li ul li { list-style: none; padding: 0; color: #888;} .topWrap ul.main_usermenu_list li ul li a { color: #888; display: block; padding: 0 5px 0 20px; height: auto; line-height: 25px; min-height: 25px; position:relative;} .topWrap ul.main_usermenu_list li ul li a.icon:before, .topWrap ul.main_usermenu_list > li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul li > a:before { display: block; padding: 0; text-decoration:none; position:absolute; left: 0px; line-height:25px; height:25px; width:auto; padding:0; margin:0; } .topWrap ul.main_usermenu_list > li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_login) ul li > a:before { left: 5px !important; } .topWrap ul.main_usermenu_list > li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul li > a:before {content: '\e897';} /* ************* */ .usermenu_area ul.usermenu_list li.usermenu_currency > a { padding: 0 15px; background: rgba(255,255,255,0.5); text-decoration: none;} .usermenu_area ul.usermenu_list li.usermenu_currency.sfHover > a, .usermenu_area ul.usermenu_list li.usermenu_currency > a:hover { background-color: #fff; position: relative; z-index: 1050; height: 36px;} .usermenu_area ul.usermenu_list li.usermenu_currency ul { width: 80px;} .usermenu_area ul.usermenu_list li.usermenu_currency ul li a b { display: inline-block; padding: 0 7px 0 0;} .usermenu_area ul.usermenu_list li.usermenu_cart > a:before, .usermenu_area ul.usermenu_list li.usermenu_language > a:before, .usermenu_area ul.usermenu_list li.usermenu_controlPanel > a:before, .usermenu_area ul.usermenu_list li.usermenu_sound > a:before, .usermenu_area ul.usermenu_list li.usermenu_login > a:before { display: inline-block; height: 35px; width: 15px; text-align: center; line-height: 35px; padding: 0 5px 0 0;} .usermenu_area ul.usermenu_list li.usermenu_sound > a, .usermenu_area ul.usermenu_list li.usermenu_sound > a:hover { text-decoration:none !important; } .usermenu_area ul.usermenu_list li.usermenu_language ul li a img { height: 10px; vertical-align: middle; display: inline-block; margin: 0 10px 0 0; } .usermenu_area ul.usermenu_list li.usermenu_cart > a:before { content: '\e883';} .usermenu_area ul.usermenu_list li.usermenu_language > a:before { content: '\e884'; } .usermenu_area ul.usermenu_list li.usermenu_controlPanel > a:before { content: '\e885'; } .usermenu_area ul.usermenu_list li.usermenu_login > a:before { content: '\e886'; } .usermenu_area ul.usermenu_list li.usermenu_cart > a:after, .usermenu_area ul.usermenu_list li.usermenu_language > a:after { content: '\e85a'; display: inline-block; height: 35px; width: 15px; text-align: left; line-height: 35px; padding: 0 0 0 5px; } .usermenu_area ul.usermenu_list li.usermenu_cart.sfHover > a:after, .usermenu_area ul.usermenu_list li.usermenu_language.sfHover > a:after { content: '\e859';} .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart { width: 300px;} .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart aside:last-child { padding-bottom:0; margin-bottom:10px;} .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart .widgettitle { font-size:18px; padding-bottom:20px; } .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart ul { display:block; position:static; border:none; width: 100%; padding:0; } .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart ul:before { display:none; } .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li { margin-bottom:10px; } .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a { color:#222222; } .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a, .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a:hover, .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a, .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:hover, .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:after, .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:hover:after { text-decoration:none !important; font-size:14px !important; } .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a { padding: 4px 10px; display:inline-block; float:none; margin-right:10px; width:auto; } .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:after { font-family:"WooCommerce" !important; } .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.total { padding-bottom:10px; } /* user header */ .userHeaderSection.grey { border-bottom:1px solid #ddd; background: #fff; background: -moz-linear-gradient(top, #ffffff 21%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,#ffffff), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 21%,#f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 21%,#f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 21%,#f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 21%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); } .userFooterSection.grey { border-top:1px solid #ddd; background: #fff; background: -moz-linear-gradient(top, #f2f2f2 21%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,#f2f2f2), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f2f2f2 21%,#ffffff 100%); background: -o-linear-gradient(top, #f2f2f2 21%,#ffffff 100%); background: -ms-linear-gradient(top, #f2f2f2 21%,#ffffff 100%); background: linear-gradient(to bottom, #f2f2f2 21%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); } .userHeaderSection.grey *, .userFooterSection.grey * { color: #888888; } .userHeaderSection.global *, .userFooterSection.global * { color: #ffffff; } /*openResponsiveMenu*/ .openResponsiveMenu { display: none; margin: 0; height: 35px; line-height: 35px; width: 100%; border-top: 1px solid rgba(255,255,255,0.2); text-transform: uppercase; color: #fff; text-align: center; clear:both; font-size: 110%; } .openResponsiveMenu:hover{ color: #fff;} .responsive_menu .openResponsiveMenu { display: block;} .responsive_menu ul#mainmenu li.menu-item-has-children a { margin-right: 0 !important; } /*top Menu style line*/ .menu-container{ margin: 31px 0 0;} .topWrap .main{ } .topWrap nav{ float:right; } .topWrap nav > ul{ margin:0px; padding:0px; font-family: 'Segoe UI Light', sans-serif;} .topWrap nav > ul:after{content: ''; height: 0; display: block; clear: both;} .topWrap nav > ul > li { display:block; float:left; position: relative; margin: 2px 49px 0 0;} .topWrap nav > ul > li:after{ content: ''; display: block; position: absolute; bottom: 0; height: 2px; background: #fff; width: 0; left: 50%; -webkit-transition:transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .topWrap nav > ul > li:hover:after, .topWrap nav > ul > li.current_page_item:after, .topWrap nav > ul > li.current-menu-item:after{ width: 100%; left: 0;} .topWrap nav > ul > li > a { display:block; padding:0 4px; height:39px; padding-bottom: 5px; line-height:39px; text-decoration:none; color:#fff; z-index:88; position: relative; font-size: 20px;} .topWrap nav > ul > li.menu-item-has-children > a { } .topWrap nav > ul > li ul { width: 200px; display: none; position:absolute; left:0px; top: 42px; padding:0; margin:0px; border: none; z-index:2999; font-weight: 300; font-size: 12px; background: #fff; } .topWrap nav > ul > li ul:after{ content: ''; display: block; position: absolute; top: 0; height: 2px; background: #fff; width:100%;} .topWrap nav > ul > li:not(.custom_view_item) ul li.menu-item-has-children > a:after { font-size: 11px; font-family: "fontello"; content: '\e826'; height:30px; width:10px; line-height:30px; position:absolute; top:0; right:15px; text-align:right; font-weight: bold;} .topWrap nav > ul > li ul a{ position:relative;} .topWrap nav > ul > li ul li { list-style:none; display:block; border-bottom: dotted 1px #bdbdbd;} .topWrap nav > ul > li ul li:last-child{ border: none;} .topWrap nav > ul > li ul li a{ display:block; padding:6px 20px; line-height:20px; margin: 0; text-transform: none; color:#636363; text-transform: uppercase; font-size: 13px;} .topWrap nav > ul > li ul li ul { top:0; left:200px; background: #f0f0f0;} .menu_right .topWrap ul.submenu_left { left: -204px !important; } .topWrap .topMenuStyleLine> .main{ width: 100%;} header.menu_left .topWrap nav{float: left; } header.menu_right .topWrap nav{float: right; } header.menu_center .topWrap ul > li{ margin-bottom: -6px;} header.menu_center .topWrap nav{float: none; text-align: center; } header.menu_center .topWrap ul#mainmenu {text-align: left; display:inline-block; margin-right:-45px; } .responsive_menu header.menu_center .topWrap ul#mainmenu {display:block; margin-right:0; } /* Content */ .sidemenu_left .main_content{ margin-left: 50px; } .swpRightPos, .sidemenu_left .main_content{ -webkit-transition: margin 0.2s ease-out; -moz-transition: margin 0.2s ease-out; -ms-transition: margin 0.2s ease-out; -o-transition: margin 0.2s ease-out; transition: margin 0.2s ease-out; } .openMenuFixRight .swpRightPos, .sidemenu_left.openMenuFix .main_content{ -webkit-transition: margin 0.4s 0.25s ease-out; -moz-transition: margin 0.4s 0.25s ease-out; -ms-transition: margin 0.4s 0.25s ease-out; -o-transition: margin 0.4s 0.25s ease-out; transition: margin 0.4s 0.25s ease-out; } .sidemenu_left.openMenuFix .main_content{ margin-left: 250px; } .openRightMenu { float: right; margin: 0 8px 0 0; height: 28px; width: 28px; text-align:center; } .openRightMenu:before { height: 28px; line-height:28px; color: rgba(255,255,255,0.2); } header.header_dark .openRightMenu{ background: #333333;} .openRightMenu:hover { } .swpLeftPos{ left: 0; width: 50px;} .swpRightPos{ right: 0; width: 0; width: 250px; background-color: #f6f6f6; height: 100%; position: fixed; top: 0; z-index: 3000; margin: 0 -250px 0 0 ;} .openMenuFixRight .swpRightPos{ margin: 0;} .swpRightPos .swpRightPosButton { display: block; position:absolute; width:40px; height:40px; line-height:40px; top: 50%; margin:-20px 0 0 -40px; background:rgba(0,0,0,0.3); color:rgba(255,255,255,0.7); text-align:center; } .swpRightPos .swpRightPosButton:before {margin:0; line-height:inherit; font-size:18px; } .swpRightPos .sc_tabs { height:100%;} .sidemenu_wrap { height: 100%; position: fixed; top: 0; z-index: 2001; /*199*/ -webkit-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%;} .admin-bar .sidemenu_wrap, .admin-bar .swpRightPos { padding-top:32px; } .openMenuFix .sidemenu_wrap{ width: 250px;} .sidemenu_wrap .logo { display: block; text-align: center; padding: 50px 0;} .sidemenu_wrap .logo a { display: block; } .sidemenu_wrap .logo img { height: 25px;} .sidemenu_wrap .logo .logo_text { font-size: 25px; color: #ffffff; } .sidemenu_wrap .sc_scroll, .sidemenu_wrap .sc_scroll_wrapper { overflow:visible; } /*swpRightPos*/ .swpRightPos .tabsMenuHead{ height: 64px; padding: 0; margin: 0; background-color:#ffffff;} .swpRightPos .tabsMenuHead li{ display: block; float: left; list-style: none; height: 64px; width: 25%;} .swpRightPos .tabsMenuHead li a{ display: block; height: 64px; background: #fff;} .swpRightPos .tabsMenuHead li.ui-tabs-active a{ background-color: #f6f6f6;} .swpRightPos .tabsMenuHead li a:before{ display: block; height: 64px; text-align: center; line-height: 64px; font-family: "fontello"; font-size: 17px;} .swpRightPos .tabsMenuHead li a.tabsCustom:before{ content: '\e837'; } .swpRightPos .tabsMenuHead li a.tabsWidget:before{ content: '\e888'; } .swpRightPos .tabsMenuHead li a.tabsMenu:before{ content: '\e889';} .swpRightPos .tabsMenuHead li a.tabsFavorite:before{ content: '\e81e'; } .swpRightPos .tabsMenuBody { padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; } .swpRightPos .tabsMenuBody .sc_scroll_vertical { height:100%; padding-right:10px; } .sidebar.sidebar_panel { width:100%; height:100%; padding: 0; } .sidebar.sidebar_panel .widgetWrap { padding-bottom: 15px; margin-bottom:15px; border-bottom:1px solid #c9c9c9; } .sidebar.sidebar_panel .widgetWrap .title { padding-bottom: 16px; } .sidebar.sidebar_panel .widgetWrap ul > li { padding-bottom:10px; } .sidebar.sidebar_panel .wp-calendar th, .sidebar.sidebar_panel .wp-calendar td { height: 30px; } .sidebar.sidebar_panel .instagram-pics li, .sidebar.sidebar_panel .widget_flickr .flickr_badge_image { width: 65px; } .swpRightPos .panelmenu_area > ul > li{ border-bottom: 1px solid #c9c9c9;} .swpRightPos .panelmenu_area > ul { margin: 0; padding: 0; } .swpRightPos .panelmenu_area ul li{ list-style: none; } .swpRightPos .panelmenu_area li.dropMenu:hover { cursor: pointer; } .swpRightPos .panelmenu_area li.dropMenu:before{ content: '\e85d'; font-family: "fontello"; width: 40px; display: block; float: right; padding: 7px 0 0 0 ; text-align: center; color: #505050} .swpRightPos .panelmenu_area li.dropMenu.dropOpen:before{ content: '\e85e';} .swpRightPos .panelmenu_area li.dropMenu a{ margin: 0 40px 0 0 ; } .swpRightPos .panelmenu_area > ul > li > a { text-transform: uppercase; display: block; color: #505050; padding: 10px 15px 10px 30px; font-weight: 300; font-size: 12px; } .swpRightPos .panelmenu_area ul li > a.sf-with-ul{ margin: 0 40px 0 0 0 ;} .swpRightPos .panelmenu_area ul li ul{ background: #fff; padding: 0; margin: 0; display: none; } .swpRightPos .panelmenu_area ul li ul, .swpRightPos .panelmenu_area ul li ul li + li{ border-top: 1px solid #c9c9c9;} .swpRightPos .panelmenu_area ul li ul li a{ color: #505050; font-weight: 300; display: block; padding: 6px 15px 6px 42px; font-size: 13px;} .swpRightPos .panelmenu_area ul li ul li ul li a{ padding: 6px 15px 6px 54px; font-size: 12px;} .swpRightPos .searchBlock { position: relative; border:1px solid #c9c9c9; margin:40px 30px; height: 30px;} .swpRightPos .searchBlock .searchField{ height:30px; line-height: 30px; width: 80%; background:none; border:none; margin: 0 ; padding: 0 0 0 10px; color:#888888; position:absolute; left:0; top:0; font-weight: 300; } .swpRightPos .searchBlock .searchField:focus{ color:#666666;} .swpRightPos .searchBlock .searchSubmit{ width:30px; height:30px; border:none; background: none; padding:0px; cursor:pointer; position:absolute; right:0; top:0;} .swpRightPos .searchBlock .searchSubmit:before{ font-family: "fontello"; content: '\e83f'; font-size:16px; color: #888888; line-height:30px; width:30px; height:30px; display:block; position:absolute; z-index:4; right: 0; top: 0;} /* Bookmarks area */ .swpRightPos .addBookmark { height:50px; line-height:50px; font-size:23px; color: #919191; display:block; position:relative; border:1px solid #dddddd; background-color:#fafafa; text-align:center; padding-left:30px; margin:0 0 20px 0; } .swpRightPos .addBookmark:before { content: '+'; height:50px; line-height:50px; font-size:30px; color: #919191; display:block; position:absolute; left: 16px; } .swpRightPos .listBookmarks { margin: 0; padding: 0 20px 0 30px; color:#222222; } .swpRightPos .listBookmarks > li { position:relative; } .swpRightPos .listBookmarks > li + li { margin-top: 6px; } .swpRightPos .listBookmarks > li .delBookmark { position:absolute; width:20px; height:20px; line-height:20px; right: -20px; top:50%; margin-top:-10px; } .swpRightPos .listBookmarks > li a { color:#222222; } /*topusermenu_area sidemenu_area*/ .sidemenu_wrap .usermenu_area { border-bottom: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.5); font-size: 12px; font-weight: 300; background-color: rgba(0,0,0,0.02);} .sidemenu_wrap .usermenu_area:after { content: '' ;height: 0; display: block; clear: both; } .sidemenu_wrap .usermenu_area a { color: rgba(255,255,255,0.7); } .sidemenu_wrap .usermenu_area a:hover { color: #fff; text-decoration: underline;} .sidemenu_wrap .usermenu_area ul.usermenu_list { padding: 0; margin: 0;} .sidemenu_wrap .usermenu_area ul.usermenu_list:after {content: ''; height: 0; display: block; clear: both;} .sidemenu_wrap .usermenu_area ul.usermenu_list > li { list-style: none; position: relative; height: 35px; line-height: 35px; float: left; } .sidemenu_wrap .usermenu_area ul.usermenu_list > li a:before, .sidemenu_wrap .usermenu_area ul.usermenu_list > li a:after {font-family: "fontello"; text-decoration:none; } .sidemenu_wrap .usermenu_area ul.usermenu_list > li > a { height: 35px; line-height: 35px; display: block;} /* .sidemenu_wrap .usermenu_area ul.usermenu_list > li > a > span{display: none;} */ .sidemenu_wrap .usermenu_area ul.usermenu_list > li.sfHover > a{ color: #fff; text-decoration: underline;} .sidemenu_wrap .usermenu_area ul.usermenu_list li ul { display: none; background: #fff; border: 1px solid #ddd; margin: 0; padding: 10px; position: absolute; left: -7px; top: 35px; width: 120px; z-index: 1020;} .sidemenu_wrap .usermenu_area ul.usermenu_list li ul:before { width: 6px; height: 6px; background: #fff; content: ''; display: block; position: absolute; top: -4px; left: 10px; border-width: 1px; border-style: solid ; border-color: #ddd #fff #fff #ddd ; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(46deg);} .sidemenu_wrap .usermenu_area ul.usermenu_list li ul li { list-style: none; padding: 0; color: #888;} .sidemenu_wrap .usermenu_area ul.usermenu_list li ul li a { color: #888; display: block; padding: 0 5px; height: auto; line-height: 25px; min-height: 25px;} .sidemenu_wrap .usermenu_area ul.usermenu_list li ul li a.icon:before { display: inline-block; padding: 0 10px 0 0; } .sidemenu_wrap .usermenu_area ul.usermenu_list > li { margin: 0 0 0 30px;} .sidemenu_wrap .usermenu_area ul.usermenu_list > li + li { margin: 0 0 0 10px;} .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_currency > a{ padding: 0 15px; background: rgba(255,255,255,0.5); text-decoration: none;} .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_currency.sfHover > a, .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_currency > a:hover{ background-color: #fff; position: relative; z-index: 1050; height: 36px;} .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_currency ul { width: 80px; left: 0;} .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_currency ul li a b { display: inline-block; padding: 0 7px 0 0;} .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart > a:before, .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_language > a:before, .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_controlPanel > a:before, .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_login > a:before { display: inline-block; height: 35px; width: 15px; text-align: center; line-height: 35px; padding: 0 5px 0 0;} .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_language ul li a img { height: 10px; vertical-align: middle; display: inline-block; margin: 0 10px 0 0; } .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart > a:before { content: '\e883';} .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_language > a:before { content: '\e884'; } .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_controlPanel > a:before { content: '\e885'; } .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_login > a:before { content: '\e886'; } .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart > a:after, .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_language > a:after{ content: '\e85a'; display: inline-block; height: 35px; width: 15px; text-align: left; line-height: 35px; padding: 0 0 0 5px; } .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart.sfHover > a:after, .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_language.sfHover > a:after{ content: '\e859';} .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart { width: 210px; left:-40px;} .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart > ul:before { left: 43px; } .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart aside:last-child { padding-bottom:0; margin-bottom:10px;} .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart .widgettitle { font-size:18px; padding-bottom:20px; } .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart ul { display:block; position:static; border:none; width: 100%; padding:0; } .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li { margin-bottom:10px; } .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a { color:#222222; } .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a img { width:50px; } .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a, .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a:hover, .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a, .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:hover, .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:after, .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:hover:after { text-decoration:none !important; font-size:14px !important; } .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a { padding: 2px 6px; display:inline-block; float:none; margin-right:6px; width:auto; } .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:after { font-family:"WooCommerce" !important; } .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.total { padding-bottom:10px; } .sidemenu_wrap .sidemenu_area{border-top: 1px solid rgba(255,255,255,0.1);} .sidemenu_wrap .sidemenu_area > ul > li{ border-bottom: 1px solid rgba(255,255,255,0.1);} .sidemenu_wrap .sidemenu_area > ul { margin: 0; padding: 0; } .sidemenu_wrap .sidemenu_area ul li{ list-style: none; } .sidemenu_wrap .sidemenu_area li.dropMenu:hover { cursor: pointer; } .sidemenu_wrap .sidemenu_area li.dropMenu:before{ content: '\e85d'; font-family: "fontello"; width: 40px; display: block; float: right; padding: 7px 0 0 0 ; text-align: center; color: #fff} .sidemenu_wrap .sidemenu_area li.dropMenu.dropOpen:before{ content: '\e85e';} .sidemenu_wrap .sidemenu_area li.dropMenu a{ margin: 0 40px 0 0 ; } .sidemenu_wrap .sidemenu_area > ul > li > a { text-transform: uppercase; display: block; color: #fff; padding: 10px 15px 10px 30px; font-weight: 300; font-size: 12px; } .sidemenu_wrap .sidemenu_area ul li > a.sf-with-ul{ margin: 0 40px 0 0 0 ;} .sidemenu_wrap .sidemenu_area ul li ul{ background: rgba( 0,0,0,0.07); padding: 0; margin: 0; display: none; } .sidemenu_wrap .sidemenu_area ul li ul, .sidemenu_wrap .sidemenu_area ul li ul li + li{ border-top: 1px solid rgba(255,255,255,0.1);} .sidemenu_wrap .sidemenu_area ul li ul li a{ color: #fff; font-weight: 300; display: block; padding: 6px 15px 6px 42px; font-size: 13px;} .sidemenu_wrap .sidemenu_area ul li ul li ul li a{ padding: 6px 15px 6px 54px; font-size: 12px;} .sidemenu_overflow { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 1000; opacity: 0.2; display: none;} .sidemenu_wrap .sidemenu_button { width: 50px; position: absolute; z-index: 200; top: 0; left: 0; height: 100%; cursor: pointer; background-image: url(images/logo-icon.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 25px; -webkit-background-size: 25px; -o-background-size: 25px; -moz-background-size: 25px; } .menuTranform { width: 250px; margin: 0 0 0 -300px; position: relative; z-index: 201; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;} .openMenuFix .menuTranform { margin: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} /* sidemenu Search */ .menuSearch { position: relative; border:1px solid rgba(255,255,255,0.2); margin:40px 30px; height: 30px;} .menuSearch .searchField { height:30px; line-height: 30px; width: 80%; background:none; border:none; margin: 0 ; padding: 0 0 0 10px; color:#fff; position:absolute; left:0; top:0; color: rgba(255,255,255,0.5); font-weight: 300; } .menuSearch .searchField::-webkit-input-placeholder {color: rgba(255,255,255,0.5);} .menuSearch .searchField:focus { color:#fff;} .menuSearch .searchSubmit { width:30px; height:30px; border:none; background: none; padding:0px; cursor:pointer; position:absolute; right:0; top:0;} .menuSearch .searchSubmit:before { font-family: "fontello"; content: '\e83f'; font-size:16px; color: rgba(255,255,255,0.5); line-height:30px; width:30px; height:30px; display:block; position:absolute; z-index:4; right: 0; top: 0;} .shortcodesGridPadding{ padding:45px 0 0 0 ;} #frontend_editor { display:none; } /*info Block - date, author, category*/ .infoPost{ padding:0 0 12px 0; height:auto; font-size:12px; line-height:18px; color: #b3b9ba; } .infoPost a{ color:#b3b9ba; display: inline-block;} .infoPost .infoTags a{ color:#888888; } .infoPost .separator{ padding:5px; font-style:normal;} .infoPost .frontend_editor_buttons { float: left; width:180px; display:block; text-align:left; margin:-7px 30px 0 0; } .sc_blogger_item .post_cats, .infoPost .post_cats, .masonryInfo .post_cats{ margin:0 10px 5px 0; display: inline-block;} .infoPost .post_cats a, .sc_blogger_item .post_cats a, .masonryInfo .post_cats a{ color:#fff; font-size: 14px; display: inline-block; padding: 0 10px; line-height: 27px; text-transform: lowercase; margin-bottom: 1px;} .infoPost .post_cats a:hover, .sc_blogger_item .post_cats a:hover, .masonryInfo .post_cats a:hover{ background: #eef2e9 !important; color: #000} .infoPost .icon-eye:before{ font-size: 20px; vertical-align: middle;} /*itemPage*/ .itemPage:after{ content:""; display:block; clear:both; height:0;} .itemPage .thumb{ margin:0 0 50px 0;} .itemPage .thumb img{ display:block; } .itemPage h1{ text-align:left; padding:0 0 50px 0; } .itemPage .itemInfo { padding:0 0 50px 0;} .itemPageFullWrapper .itemInfo { padding:0 0 30px 0;} .itemPage .itemInfo:after, .itemPageFullWrapper .itemInfo:after { height:0; display:block; content:''; clear:both;} .itemPage .itemInfo .infoPost, .itemPageFullWrapper .itemInfo .infoPost { float:left; padding:0; line-height:30px;} .itemPage .itemInfo .postSharing, .itemPageFullWrapper .itemInfo .postSharing { float:right; padding:0 0 0 50px; } .itemPageFull{ position:relative; overflow:hidden;} .itemPageFull:after{ content:""; display:block; clear:both; height:0;}{} .itemPageFull .thumb{ width:100%; height:100%; overflow:hidden; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto; } .itemPageFull .thumb img{ display:block; width:100%; } .itemPageFull .itemDescriptionWrap{ position:absolute; width:100%; max-height:40%; bottom:0; left:0; padding:30px 0 0 0 ; color:#222222; background:rgb(255,255,255); background:rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)"; } .itemPageFull .itemDescriptionWrap h1{ text-align:center; padding:0 110px 30px 110px;} .itemPageFull .itemDescriptionWrap .main{ position:relative;} .itemPageFull .itemDescriptionWrap .toggleDescription{ display:none} /*.itemPageFull .itemDescriptionWrap:hover .toggleDescription{ display: block; }*/ .itemPageFull .itemDescriptionWrap .toggleButton { display:none; width:48px; height:48px; border:1px solid #dddcdc; position:absolute; top:7px; color:#fff; background:rgb(208,208,208); background:rgba(208,208,208,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cd0d0d0, endColorstr=#4cd0d0d0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cd0d0d0, endColorstr=#4cd0d0d0)"; } .itemPageFull .itemDescriptionWrap .toggleButton:hover{ background-color:#ffffff; color:#888888; border:1px solid #ddd;} .itemPageFull .itemDescriptionWrap .toggleButton:before{ font-family: "fontello"; display:block; height:48px; width:48px; text-align:center; line-height:48px; font-size:25px; } .itemPageFull .itemDescriptionWrap .toggleButton{ right:0;} .itemPageFull .itemDescriptionWrap .toggleButton:before{ content:'\e861'} .itemPageFull .itemDescriptionWrap:hover .toggleButton:before, .itemPageFull .itemDescriptionWrap.descriptionShow .toggleButton:before{ content:'\e856'; } .itemPageFull .itemInfo { padding:0 0 50px 0;} .itemPageFull .itemInfo:after{ height:0; display:block; content:''; clear:both;} .itemPageFull .itemInfo .infoPost{ float:left; padding:0; line-height:30px;} .itemPageFull .itemInfo .postSharing{ float:right; padding:0 0 0 50px; } .imgNav{ position:relative; } .imgNav img{ position:relative; z-index:} .imgNav .itemPrev, .imgNav .itemNext{ display:block; position:absolute; width:50%; height:50px; font-size:13px; color:#3a3a3a; margin:-75px 0 0 0 ; overflow:hidden; padding:50px 0;} .imgNav .itemPrev span.itInf{ display:block; height:50px; width:auto; float: left; background: rgba(255,255,255,0.8); padding:0 40px 0 90px; margin: 0 0 0 -300px; overflow:hidden; max-width:160px;} .imgNav .itemNext span.itInf{ display:block; height:50px; width:auto; float:right; background: rgba(255,255,255,0.8); padding:0 90px 0 40px; margin: 0 -300px 0 0; overflow:hidden; max-width:160px;} .imgNav .itemPrev .titleItem, .imgNav .itemNext .titleItem{ display:block; font-size:16px; padding:4px 0 0 0 ; } .imgNav .itemPrev:before, .imgNav .itemNext:before{ opacity: 0; width:48px; height:48px; border:1px solid #ddd; display:block; background: rgba(255,255,255,0.8); position:absolute; top:50px; font-family: "fontello"; color:#888888; font-size:25px; text-align:center; line-height:50px;} .imgNav:hover .itemPrev:before, .imgNav:hover .itemNext:before { opacity: 1; } .imgNav .itemPrev:before{ content:'\e85f'; left:50px;} .imgNav .itemNext:before{ content:'\e860'; right:50px; } .imgNav .itemPrev{ top:50%; left:0; } .imgNav .itemNext{ top:50%; right:0; } .imgNav .itemPrev:hover span.itInf{ margin:0 0 0 -25px;} .imgNav .itemNext:hover span.itInf{ margin:0 -25px 0 0;} .imgNav .itemPrev:hover:before{ left:0; opacity: 0;} .imgNav .itemNext:hover:before{ right:0; opacity: 0;} .imgNav .itemPrev span.itInf, .imgNav .itemNext span.itInf { -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } .imgNav .itemPrev:before, .imgNav .itemNext:before { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .imgNav .itemPrev span.itInf, .imgNav .itemNext span.itInf { -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; -moz-transition-delay: 0.15s; transition-delay: 0.15s; } .fullscreen .post, .fullscreen .post .article, .fullscreen .post article { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom: 0; } .article{ margin: 0 0 30px 0;} .single .content .itemscope { position:relative; } /*post*/ .post { margin: 39px 0 50px; padding-bottom: 50px; /* padding: 50px 0 0 0; */} .post:last-child{ padding: 0;} .post.shortCode { margin: 0; padding: 50px 0 0 0;} .post:after { content:""; display:block; clear:both; height:0;} /*.post .thumb { width:550px;}*/ .post .thumb img{ width:100%; margin-bottom: 15px;} .post + .post{ margin:0 0 50px 0; padding:0 0 50px;} .post.no_margin { margin-bottom:0;} .post article{ padding:0; position: relative;} .post article:after{ content:""; display:block; clear:both; height:0;} .post .sc_image img{ width:100%; display:block; margin:0px; padding:0px; float:none;} .post .sc_image figcaption{ background:#ededed; color:#777777; font-size:; text-align:center; font-style:italic; height:30px; line-height:30px;} .post p { padding:0 0 20px 0; margin:0; } .post ol, .post ul { margin:0 0 30px 20px; padding:0;} .post li ol, .post li ul { margin-bottom:0; } .post ol li, .post ul li{ line-height:30px;} .post blockquote { font-size:20px; font-weight:300; line-height:28px;} .post .bqLeft { margin: 0 50px 0 0 ;} .post .bqRight { float: right; margin: 0 0 0 50px; } /*post icon*/ .post.with_icon{ padding-left: 39px;} .post.with_icon:before{ float: left; margin-left: -39px; font-size: 24px; } .post .postLink{ padding:0 0 20px 0; } .post .postLink a { font-size:18px; line-height:24px; font-weight:400; } .post .postStatus { color:#fff; padding:20px 30px 0; margin:0 0 40px 0;} .post.format-status .postStatus .infoPost{ color: #fff; padding-bottom: 0 !important;} .post.format-status .postStatus .infoPost a{ color: #fff !important;} .post .postAside { color:#1f1f1f; font-size: 20px; font-style: italic; line-height: 28px; padding:30px 30px 20px; margin:0 0 40px 0; background:#f0f0f2;} .post .sc_quote_title { font-size:12px; font-weight: bold; font-style: normal; font-family: Arial;} .post .postChat{ padding:0 0 20px 0;} .post .sc_chat{ border:1px solid #e8e8eb; padding:25px 30px; margin:0 0 20px 0;} .post .sc_chat img{ float: left; margin-right: 20px;} .post .sc_chat p{ padding:0 0 20px 0;} .post .sc_chat:after{ content:''; display:block; height:0; clear:both;} .post .sc_chat .sc_quote_title { padding:0 0 5px;} .post .sc_chat .sc_quote_title a{ color: #a8aab2; font-family: 'Noto sans'; font-size: 13px; font-weight: normal;} .post .sc_chat .sc_quote_title.alignright{ margin:0;} .post .postSharing{ padding:0 0 10px 0;} .post .postSharing li { margin-bottom:10px; } .post .postSharing .separator{ float: left; margin-right: 10px;} .post .postSharing .reviews_summary{ float: left; margin-top: 6px;} .post .tagsWrap{ margin-top: 31px;} .post .tagsWrap .infoPost{ margin: 0; max-width:50%; text-align:left;} .post .tagsWrap .postSharing{ float: none; clear: both; padding-top: 15px;} .post .tagsWrap .infoPost{ text-transform: uppercase; font-size: 16px;} .post .tagsWrap .infoPost a.tag_link{ text-transform: none; display: inline-block; color: #fff; font-size: 14px; line-height: 27px; padding: 0 10px; margin-bottom: 3px;} .post .tagsWrap .infoPost a.tag_link:hover{ background: none; color: #000;} .post .tagsWrap .share{ width: 100%; overflow: hidden; margin-top: 22px; font-family: 'Noto sans';} .post .tagsWrap .share .shareDrop{ float: left; margin-right: 15px;} .post .tagsWrap .share .post_info{ float: left; } .post .tagsWrap .share a{ display: inline-block; margin-right: 5px;} .post .tagsWrap .share img{ width: 19px; height: 19px;} .post .tagsWrap .share a:hover{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } body:not(.single):not(.page) .with_sidebar .content .post .infoPost { padding:0 0 12px 0; text-align:left; } body:not(.single):not(.page) .with_sidebar .content .post .postSharing { } /*author*/ .author.vcard{ float: right; margin:0 16px 0 0; background: #f0f0f2; padding: 20px; width: 40%; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .author.vcard:before{ color: #171717; top: -10px; content: ""; display: block; height: 0; right: 55px; margin-left: -3px; position: absolute; width: 0; border: 14px solid transparent; border-top:15px solid #f0f0f2; -webkit-transform: rotate(35deg) ; -moz-transform: rotate(35deg) ; -o-transform: rotate(35deg) ; -ms-transform: rotate(35deg) ; } .author.vcard:hover{ background: #e3e3e3; box-shadow: 0px 3px 2px 0px #f0f0f2; } .author.vcard:hover:before{ border-top-color: #e3e3e3;} .author.vcard:after{ content:""; display:block; clear:both; height:0;} .author .avatar{ width:60px; height:60px; float:left; margin-right: 15px;} .author .avatar img{ width:100%;} .author .post_author_title{ font-size: 123%; padding-bottom: 10px; line-height: 1.2em;} .author .authorInfo{ margin:0 0 0 0; color: #7f7f7f; } .author .authorInfo p{ padding-bottom: 0px;} .author .socPage {height:32px; padding-top: 10px; } .author .socPage ul li{ padding-left: 0;} .author .socPage ul{ margin:0; padding:0; } /*formValid*/ .formValid { padding: 0 0 20px 0; } .formValid h2{ font-size: 17px; text-transform: uppercase; color: #abb2b2;} /*comment*/ .comments{ margin: 0 0 50px 0 ; } .comments h2{ padding-bottom: 40px;} .comments .commBody{ margin:0; padding:0;} .comments .commBody li.commItem{ list-style:none;} .comments .commBody li.commItem + li.commItem{ border-top: 1px dotted #bdbdbd; padding:32px 0 0 0 ;} .comments .commBody li.commItem ul{ margin:0; padding: 32px 0 0 35px ; border-top: 1px dotted #bdbdbd; } .comments .commBody li.commItem:after{ content:''; clear:both; height:0; display:block;} .comments .commBody li.commItem .replyWrap{ float:left; margin:0; line-height: 1.2em; } .comments .commBody li.commItem .replyWrap .posted{ display: inline-block; color: #b3b9ba; line-height: 16px; font-weight:100; font-size:12px; padding:0; font-family: 'Noto sans', sans-serif;} .comments .commBody li.commItem .replyWrap a{ font-size: 12px;} .comments .commBody li.commItem .replyWrap .separator{ color: #e2eaec; margin: 0 7px;} .comments .commBody li.commItem h4.comment_title{ padding:0; float:left; font-size: 100%; line-height: 1.2em;} .comments .commBody li.commItem h4 a{ color:#222222;} .comments .commBody li.commItem div.avatar{ float:left; margin:0 20px 20px 0;} .comments .commBody li.commItem .avatar img{ width:100%;} .comments .commBody li.commItem .authorInfo{ padding:10px 0;} .comments .commBody li.commItem .authorInfo .comment_content p{ padding: 0;} .comments .commBody li.commItem .comment_date{ } /*review Block*/ .post .reviewBlock, .itemPageFullWrapper .reviewBlock { float: right; width: 290px; clear: right; margin: 0 0 20px 20px; position:relative; z-index:1; border-left: solid 4px #f0f0f2; padding-left: 30px;} .reviewBlock { margin: 0 0 50px 0;} .reviewBlock .popularFiltr{ margin: 0 0 10px !important;} .reviewBlock .popularFiltr ul{ margin:0 0 10px 0; text-transform:uppercase; font-size: 12px;} .sc_tabs.reviewBlock .ratingStars{ display: none;} .reviewBlock .ratingStars .ratBody{ padding: 0;} .reviewBlock .ratingStars .ratBody + .ratBody{} .reviewBlock .ratingStars .ratBody:after{ clear: both; display: block; height: 0; content: '';} .reviewBlock .ratingStars .ratBody .name{ /*float: left;*/ font-weight:400; font-size: 10px; color: #1f1f1f; text-transform: uppercase;} .reviewBlock .ratingStars .accept{ float: left; padding: 10px 0 0;} .reviewBlock .ratingStars .accept .squareButton a{ font-size: 20px; height: 42px; line-height: 42px; text-transform: lowercase; } .reviewBlock .ratingStars .accept .squareButton:after { content: ''; position: absolute; right: -34px; top: 0px; border: 22px solid transparent; border-left: 12px solid #01b7cc; } .reviewBlock .ratingStars .accept .squareButton:active:after{ border-left-color: #323232;} .reviewBlock .ratBubble{ color: #000;} .rating-data{ float: right;} .ratingItem { position: relative; height: 13px; width: 67px; } .reviewBlock .ratingItem{ float: right; } .reviewBlock .ratingItem.ratingEdit{cursor: pointer;} .reviewBlock .ratingItem .ratBubble{ background: #fff; border: 1px solid #ddd; text-align: center; height: 25px; width: 50px; position: absolute; top: -7px; left: -100px; line-height: 25px; font-size: 12px; z-index: 3; margin: 0 0 0 -20px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .reviewBlock .ratingItem .ratBubble:after{ height: 6px; width: 6px; background: #fff; content: ''; display: block; position: absolute; top: 10px; right: -5px; margin: 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; -webkit-transform: rotate(-45deg) ; -moz-transform: rotate(-45deg) ; -o-transform: rotate(-45deg) ; -ms-transform: rotate(-45deg) ; transform: rotate(-45deg) } .reviewBlock .ratingItem:hover .ratBubble{ opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .ratingItem span{ width: 13px; height: 13px; display: inline-block; margin: 0; padding: 0; font-size: 12px; vertical-align: top; } .ratingItem span:before{ font-family: "fontello"; width: 12px; height: 13px; display: block; line-height: 13px; text-align: center; color: #ffc104; } .ratingItem .starDefault{ height: 16px; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; } .ratingItem .starDefault span:before{ content: '\e809'; } .postSharing .ratingItem { width: 80px;} .postSharing .ratingItem span{ font-size: 16px; width: 16px; height: 16px;} .postSharing .ratingItem span:before{ width: 16px; height: 16px; line-height: 16px;} .ratingItem .starHover{ height: 16px; position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden; white-space:nowrap; } .ratingItem .starHover span:before{ content: '\e809'; } .reviewBlock .infoTotal{ padding: 15px 0 0; margin-top: 15px; border-top: dotted 1px #bdbdbd;} .reviewBlock .infoTotal p { padding:0; } .reviewBlock .infoTotal .infoRat{ font-size: 12px; line-height: 14px; color: #a8aab2; padding: 0 0 0 0; margin: 0 0 0 0;} .reviewBlock .infoTotal .totalWrap{ } .reviewBlock .infoTotal .totalWrap:after{clear: both; height: 0; display: block; content: '';} .reviewBlock .infoTotal .totalWrap .totalRating{ padding: 0; text-align: center; color: #202020; font-size: 40px; line-height: 40px;} .reviewBlock .infoTotal .totalWrap .totalStar{ height: 16px; float: right; padding: 5px 0;} .reviewBlock .infoTotal.without_accept{ width: 100%; overflow: hidden;} .reviewBlock .infoTotal.without_accept .totalWrap{ float: left; margin:0 20px 10px 0;} .reviewBlock .infoTotal.without_accept .totalWrap .totalRating{ font-size: 60px; line-height: 60px;} .style_image_large .ratingItem{ height: 16px; width: 76px;} .style_image_large .ratingItem span{ width: 15px; height: 14px; font-size: 14px; } .style_image_large .ratingItem span:before{ width: 15px; height: 14px; height: 13px; line-height: 16px; } /* summary Rating */ .summaryRating { overflow:hidden; margin:2px 0 6px;} .fullscreen .isotopeFiltr, .sc_gap .isotopeFiltr { text-align:center; } .isotopeFiltr .squareButton,.isotopeFiltr .squareButton+.squareButton { margin-bottom:4px; margin-right: 4px; } /*masonry*/ .masonryWrap .isotopeFiltr ul{ margin:0 0 0 0; padding:50px 0 30px 0;} .masonryWrap .pageFiltr ul a, .masonryWrap .isotopeFiltr ul a{ text-transform:uppercase;} .masonry{ padding:0 0 50px 0; margin:0 -50px 0 0 ;} .masonry:after{ clear:both; content:''; height:0; display:block;} .masonry .isotopePadding{padding: 0 0 50px 0; margin: 0 10px 0 0; position: relative; background:#ffffff; } .masonry article{ float:left; margin:0 0 0 0; background-color:#fff;} .masonry article .thumb{ width:100%; margin-bottom: 20px;} .masonry article .sc_video_player{ margin-bottom: 20px;} .masonry article .thumb img { width:100%; display:block;} .masonry article h4{ padding: 0px 0 20px 0; font-size: 220%; line-height: 1em; font-weight: normal;} .masonry article .sc_quote_title{ font-size:18px; padding:0 0 20px 0; } .masonry article p{ padding: 0 0 20px 0; margin:0; } .masonry article .status{ padding: 15px 10px; margin:0 0 30px 0; color:#fff; } .masonry article .masonryInfo .post_cats{ margin-bottom: 15px;} .masonry article .masonryInfo{ padding:0 0 20px 0 ; font-size:12px; line-height:12px; text-align:left;} .masonry article .masonryInfo:before{} .masonry article .masonryInfo .separator{ padding:5px; font-style:normal; } .masonry article .masonryInfo span.infoTags a{ color:#888888;} .masonry article .masonryMore ul{ padding:0 0 10px 0; margin:0;} .masonry article .moreWrapMasonry:after{ content:''; height:0; display:block; clear:both; padding:0 0 50px 0; } .masonry article .moreWrapMasonry .masonryMore{ float:right;} .masonry article .moreWrapMasonry .infoPost{ padding:7px 0 0 0 ; float:left; } .masonry .slides{ position:relative; /*display: none;*/ } .masonry .slides .rsBullets{ position: absolute; left:0px; bottom:35px; text-align:center; height:20px; width:100%; z-index:789; overflow:hidden; } .masonry .slides .rsBullets .rsBullet { height:10px; width:10px; display: inline-block; background:#fff; margin:2px 5px 0 5px; vertical-align:top; cursor:pointer; } .masonry .slides .rsBullets .rsNavSelected{ height:12px; width:12px; background-color:transparent; border:1px solid #fff; margin:0 3px 0 3px;} .masonryLoad { padding:0 0 50px 0; text-align:center;} .masonryLoad:after{ display:block; content:''; clear:both; height:0;} .masonryMore .reviews_summary{ display: inline-block;} /*block quote*/ blockquote { margin:0px; padding:0px; font-style:italic;} blockquote:before{ font-family: 'fontello'; content:'\e88e'; font-style: normal; display: block; float: left; font-size: 24px; } blockquote p{ padding:0 0 8px 30px !important;} blockquote cite, .sc_quote_title:before { } blockquote cite {display:block; margin-top:20px; } /*hoverIncrease zoom effect*/ .hoverIncrease{ position:relative; } .hoverIncrease img{ position:relative; z-index:5; display:block;} .hoverIncrease .hoverShadow{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:6; display: block; -webkit-box-shadow: 0 0 200px -1px #fff inset; -moz-box-shadow: 0 0 200px -1px #fff inset; box-shadow: 0 0 200px -1px #fff inset; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .hoverIncrease .hoverIcon{ width:0; height:0; font-size:0; line-height:0; line-height:5px; margin:0; position:absolute; left:50%; top:50%; display:block; background:#fff; z-index:7; text-align:center; color:#000; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .hoverIncrease .hoverIcon:before{content: '\e83f'; font-family: "fontello"; display:block; } .hoverIncrease:hover .hoverIcon{ width:50px; height:50px; font-size:20px; line-height:50px; margin:-25px 0 0 -25px; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .hoverIncrease:hover .hoverShadow{ opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} /*post position */ .postCenter h1, .postCenter h2, .postCenter h3, .postCenter h4, .postCenter.items h4, .postCenter h5, .postCenter h6{ text-align:center; margin:0 auto; display:block; } .postCenter .audio_container { margin-left: auto; margin-right: auto; } .postCenter .thumb, .postCenter .sc_section[class*="columns"] { margin: 0 auto 50px; float:none; } .postCenter.items .thumb{ margin-left: auto; margin-right: auto; } .postCenter img { text-align:center; margin-left: auto; margin-right: auto; /* padding:15px 0 45px 0; clear:both; */ display:block; } .postCenter.items .thumb img{text-align:center; margin:0 auto; padding:0 0 20px 0; clear:both; display:block;} .postCenter article{ padding:0 0 10px 0;} .postCenter .sc_video_player { margin-bottom:30px;} .postCenter .noTabletBord, .postCenter .sc_border{ margin:0 auto 50px auto;} .postCenter .sc_section .sc_border{ margin:0 auto;} .postCenter .noTabletBord img{ margin:20px 0 0 0 ; padding:0;} .portfolio .postCenter .thumb{ margin:0 auto 50px auto;} .portfolio .postCenter .folioInfoBlock h2{ text-align:center;} .sidebar + .content .postCenter .sc_video_player{ margin:0 auto 30px auto;} .sidebar + .content .postCenter .noTabletBord, .sidebar + .content .postCenter .sc_border{ float:none;} /*.postLeft img{ float:left; margin:0 30px 30px 0;}*/ .postLeft.items img{ margin: 0 20px 20px 0;} /*.postLeft .sc_border{ margin:0 0 50px 0;}*/ .portfolio .postLeft .thumb{ float:left; margin: 0 50px 50px 0;} .portfolio .postLeft .thumb img{ margin:0;} .sidebar + .content .postLeft .thumb{ float:left; padding:0 30px 0 0 ;} .sidebar + .content .postLeft.audio .thumb{ float:left; padding:80px 30px 0 0 ;} .sidebar + .content .postLeft .audioWrap{ width:100%; } .sidebar + .content .postLeft .sc_video_player{ float:left; margin:0 30px 30px 0;} /*.postRight img{ float:right; margin:0 0 30px 30px;}*/ .postRight.items img{margin:0 0 20px 20px;} .postRight .thumb { float: right; margin: 0 0 0 50px; } /*.postRight .sc_border{ margin:0 0 50px 0;}*/ .portfolio .postRight .thumb{ float:right; margin: 0 0 50px 50px;} .portfolio .postRight .thumb img{ margin:0; } .sidebar + .content .postRight .thumb{ float:right; padding:0 0 0 50px ;} .sidebar + .content .postRight.audio .thumb{ float:right; padding:80px 0 0 30px;} .sidebar + .content .postRight .audioWrap{ width:100%; } .sidebar + .content .postRight .sc_video_player{ float: right; margin:0 0 30px 30px;} /*slider*/ .slider .sliderPost h1.alignCenter{ padding: 0 0 50px 0; text-align: center;} .slider .gridBlock{ text-align:left;} .slider .gridBlock + .gridBlock { padding:0px;} .slider .gridBlock:before{ content:""; display:block; clear:both; } .slider .gridBlock h2{ padding:0 0 20px 0; clear:none; margin: 0 0 0 78px} .slider .gridBlock h2, .slider .gridBlock p{margin:0 0 0 78px; text-align:left;} .slider .gridBlock .icon{ display:block; float:left; width:58px; background-position: 0 0 ; background-repeat:no-repeat; background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; -moz-background-size: 100%;} .slider .gridBlock .icon.iconRetina{ height:58px; background-image: url(images/lens_icon_retina.png); } .slider .gridBlock .icon.iconTablet{ height:89px; background-image: url(images/hand_icon_retina.png); } .tp-leftarrow.default{ background: url("images/slider-prev.png") no-repeat 0 0; height: 105px; width: 105px; top: 50% !important; margin-top: -52px;} .tp-rightarrow.default{ background: url("images/slider-next.png") no-repeat 0 0; height: 105px; width: 105px;top: 50% !important; margin-top: -52px;} /*portfolio*/ .portfolioWrap { padding:50px 0 0 0 ;} .sc_blogger.portfolioWrap { padding: 0; } .portfolioWrap .pageFiltr ul, .portfolioWrap .isotopeFiltr ul{ margin:0 0 -10px 0; padding:0 0 50px 0;} .portfolioWrap .pageFiltr ul a, .portfolioWrap .isotopeFiltr ul a{ text-transform:uppercase;} .portfolio:after{ content:''; clear:both; height:0; display:block;} .portfolio { margin:0 0 30px 0; padding:0 0 20px 0; min-height:287px; overflow:visible !important;} .portfolio .isotopeElement { position:relative; float:left; } .portfolio .isotopeElement .thumb { position:absolute; left:0; top: 0; z-index:5; width:100%; height:100%; overflow:hidden;} .portfolio .isotopeElement .thumb img { width:100%;} .portfolio .isotopeElement .folioShowBlock { width:100%; height:100%; position:absolute; left:0; top:0; z-index:6; overflow:hidden; } .portfolio .isotopeElement .hoverDirShow .folioShowBlock {display:none;} .portfolio .isotopeElement .hoverShiftShow .folioShowBlock {display:none;} .portfolio .isotopeElement .folioShowBlock:before{ width:100%; height:100%; content:''; position:absolute; top:0; left:0; z-index:6;} .portfolio .isotopeElement:not(.hover_Shift) { overflow: hidden; } .portfolio .isotopeElement .hoverDirShow .folioShowBlock:before, .portfolio .isotopeElement .hoverShiftShow .folioShowBlock:before{ opacity: 0.77; filter: alpha(opacity=77); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=77)";} .portfolio .isotopeElement .folioShowBlock .folioContentAfter{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:7; color:#fff; } .portfolio .isotopeElement .folioShowBlock .folioContentAfter h4{ color:#fff; margin:30px 30px 0 30px; padding:0 0 20px 0; vertical-align:middle;} .portfolio .isotopeElement .folioShowBlock .folioContentAfter h4 a { color:#fff; } .portfolio .isotopeElement .folioShowBlock .folioContentAfter h4 a:hover { color: #e0e0e0; } .portfolio .isotopeElement .folioShowBlock .folioContentAfter p { margin: auto 30px; padding: 0 0 20px 0; vertical-align:middle; font-size:13px; color: #e0e0e0; } .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo{ margin: auto 30px; padding:0 0 15px 0; vertical-align:middle; font-style:italic; font-size:12px ;} .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo:before{ content:''; border-top:1px solid #e0e0e0; display:block; height:15px; width:50px;} .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo a{ color:#e0e0e0;} .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo a:hover { color:#ffffff;} .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo .separator{ padding:5px; font-style:normal; color:#e0e0e0; } .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryMore { margin: auto 30px; padding:0; vertical-align:middle;} .portfolio .hoverDirShow{ position:relative; width:100%; height:100%; overflow:hidden;} .portfolio .masonryMore ul { margin: 0; padding:0; } /*hover effect Hover shift*/ .portfolio .isotopeElement:hover{ z-index:10;} .portfolio .isotopeElement .hoverShiftShow{ position:relative; width:100%; height:100%; } .portfolio .isotopeElement .hoverShiftShow .folioShowBlock { left:0 ; top:0; display:block; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .portfolio .isotopeElement:hover .hoverShiftShow .folioShowBlock{ left:20px; top:20px; z-index:5; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .portfolio .isotopeElement .hoverShiftShow .folioShowBlock{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} /*hover effect Hover CUBE*/ .hoverCubeShow:hover .thumb , .hoverCubeShow .folioShowBlock { transform:translateZ(-32px) rotateY(180deg); animation-duration:0.4s; animation-name:rotateOut; animation-timing-function:linear; animation-fill-mode:forwards; -webkit-transform:translateZ(-32px) rotateY(180deg); -webkit-animation-duration:0.4s; -webkit-animation-name:rotateOut; -webkit-animation-timing-function:linear; -webkit-animation-fill-mode:forwards; } .hoverCubeShow .thumb, .hoverCubeShow:hover .folioShowBlock { animation-duration:0.6s; animation-name:rotateIn; animation-timing-function:linear; animation-fill-mode:forwards; -webkit-animation-duration:0.6s; -webkit-animation-name:rotateIn; -webkit-animation-timing-function:linear; -webkit-animation-fill-mode:forwards; } @keyframes rotateIn { 0% { opacity:0; transform:translateZ(-100px) translateX(0) rotateY(180deg); } 1% { transform:translateZ(-100px) rotateY(-180deg); } 50% { opacity:0.5; z-index:1; transform:translateZ(-50px) translateX(-50px) rotateY(-90deg); } 100% { opacity:1; z-index:1; transform:translateZ(0) translateX(0) rotateY(0deg);} } @keyframes rotateOut { 0% { opacity:1; transform:translateZ(0) translateX(0) rotateY(0deg); } 50% { opacity:0.5; z-index:0; transform:translateZ(-50px) translateX(50px) rotateY(90deg); } 100% { opacity:0; z-index:0; transform:translateZ(-100px) translateX(0) rotateY(180deg); } } @-webkit-keyframes rotateIn { 0% { opacity:0; -webkit-transform:translateZ(-100px) translateX(0) rotateY(180deg);} 1% { -webkit-transform:translateZ(-100px) rotateY(-180deg);} 50% { opacity:0.5; z-index:1; -webkit-transform:translateZ(-50px) translateX(-50px) rotateY(-90deg); } 100% { opacity:1; z-index:1; -webkit-transform:translateZ(0) translateX(0) rotateY(0deg); } } @-webkit-keyframes rotateOut { 0% { opacity:1; -webkit-transform:translateZ(0) translateX(0) rotateY(0deg);} 50% { opacity:0.5; z-index:0; -webkit-transform:translateZ(-50px) translateX(50px) rotateY(90deg); } 100% { opacity:0; z-index:0; -webkit-transform:translateZ(-100px) translateX(0) rotateY(180deg); } } /*hover effect Hover book*/ .bookShowWrap{ overflow:hidden; } .folio4col .bookShowWrap .hoverBookShow {perspective: 400px; -webkit-perspective: 400px;} .folio3col .bookShowWrap .hoverBookShow {perspective: 500px; -webkit-perspective: 500px;} .folio2col .bookShowWrap .hoverBookShow {perspective: 800px; -webkit-perspective: 800px;} .bookShowWrap .hoverBookShow { width:100%; height:100%; transition: transform 0.5s ease; transition: -webkit-transform 0.5s ease;} .bookShowWrap .hoverBookShow * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .bookShowWrap .hoverBookShow .thumb { perspective-origin: 100px 20px; transform-origin: left center; transform-style: preserve3d; transition: transform 0.5s ease; -webkit-perspective-origin: 100px 20px; -webkit-transform-origin: left center; -webkit-transform-style: preserve3d; -webkit-transition: -webkit-transform 0.5s ease; } .bookShowWrap .hoverBookShow:hover .thumb{ transform: rotateY(90deg); -webkit-transform: rotateY(90deg); } .bookShowWrap .hoverBookShow .folioShowBlock{ z-index:5; position: absolute; top: 0; left: 0; perspective-origin: 100px 20px; transform-origin: right center; transform-style: preserve3d; transform: rotateY(-111deg); transition: all 0.5s ease; -webkit-perspective-origin: 100px 20px; -webkit-transform-origin: right center; -webkit-transform-style: preserve3d; -webkit-transform: rotateY(-110deg); } .bookShowWrap .hoverBookShow:hover .folioShowBlock{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg); } .feedBlock{ text-align: center; color: #fff; font-size: 18px; line-height: 25px; font-weight: 300;} .portfolio .isotopeElement { padding: 0; } .portfolio.folio1col article{ margin: 0 0 50px 0; overflow:visible !important; } .portfolio.folio1col article .shadow_wrapper { width:100%; height:100%; background:#ffffff; position:relative; z-index:1; } .portfolio.folio1col article .shadow_wrapper:after{ content:''; height:0; display:block; clear:both;} .portfolio.folio1col article .thumb { width:714px; height:auto; position:relative;} .portfolio.folio1col article .thumb img { width:100%;} .portfolio.folio1col .folioInfoBlock{ margin:0 0 50px 0;} .portfolio.folio1col .folioInfoBlock h2{ padding:0 0 30px 0;} .portfolio.folio1col .folioInfoBlock .moreWrapPortfolio .infoPost{ float:left; padding:5px 0 0 0; max-width:250px; line-height:20px; text-align:left; } .portfolio.folio1col .folioInfoBlock .moreWrapPortfolio .portfolioMore{ float:right;} .portfolio.folio2col .isotopeElement { width:575px; height:323px;} .portfolio.folio3col .isotopeElement { width:383px; height:245px; } .portfolio.folio4col .isotopeElement { width:287px; height:287px; } .portfolio.folioAutoCol .isotopeElement { height: 300px;} .isotope-hidden.isotope-item { pointer-events: none; z-index: 1;} .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s;} .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width;} .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity;} /*related post*/ .relatedWrap { margin: 0 0 50px 0 ; } .relatedWrap h2{ font-size: 17px; color: #abb2b2; text-transform: uppercase; padding-bottom: 30px;} .relatedPostWrap h2{ text-align:center} .relatedPostWrap:after{ height:0; display:block; content:''; clear:both;} .relatedPostWrap:not(.sc_blogger) article{ padding: 0 0 50px 0; } .relatedPostWrap article .reviewBlock{ margin: 0 0 10px 0; height: 16px;} .relatedPostWrap article .reviewBlock .ratingItem{ float: left;} .relatedPostWrap article .thumb, .relatedPostWrap article .sc_slider, .relatedPostWrap article .sc_video_player { width:100%; margin:0 0 20px 0;} .relatedPostWrap article .thumb img { width:100%; display: block;} .relatedPostWrap article h4{ padding:0 0 5px; } .relatedPostWrap article h4 + .reviews_summary{ padding:0 0 10px 0; margin-top:-10px; } .relatedPostWrap article p{ padding:0 0 5px 0;} .relatedPostWrap .infoPost{ padding-bottom: 0px;} /*Border tablet*/ .sc_border { /* width:497px; height:354px; max-width:417px; */ padding: 4% 10% 6% 10%; background-repeat: no-repeat; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; } .sc_border.sc_border_light { background-image: url(images/tablet_white.png); } .sc_border.sc_border_dark{ background-image: url(images/tablet_black.png); } .sc_border .sc_slider, .sc_border .sc_zoom{ /* width:438px; height:328px; */ border:3px solid #151515; background:#151515; margin: 0; } .sc_border .sc_zoom img { /* width:438px; height:328px; */ margin:0px; padding:0px; width: 100%; height: auto; vertical-align:middle; } .slides{position: relative;} .noTabletBord .slides .rsBullets, .slides .rsBullets{ position: absolute; left:0px; bottom:35px; text-align:center; height:20px; width:100%; z-index:789; overflow:hidden; } .noTabletBord .slides .rsBullets .rsBullet, .slides .rsBullets .rsBullet { height:10px; width:10px; display: inline-block; background:#fff; margin:2px 5px 0 5px; vertical-align:top; cursor:pointer; } .noTabletBord .slides .rsBullets .rsNavSelected, .slides .rsBullets .rsNavSelected{ height:12px; width:12px; background-color:transparent; border:1px solid #fff; margin:0 3px 0 3px;} .zoomContainer{ overflow:hidden; } .zoomLens{ cursor:cell; border:none !important;} .zoomLens:before {border: rgba(255,255,255,0.33) 10px solid !important; width:180px; height:180px; content:""; position:absolute; } /* video */ iframe, video { max-width: 100%; min-height: 100px; vertical-align: top; } .sc_video_list .sc_video_title { display: block; font-size: 1.4em; line-height: 1.1em; color: #202020; font-weight: bold; border-bottom: dotted 1px #bdbdbd; padding: 15px 0 12px; cursor: pointer; padding-left: 20px;} .sc_video_list .sc_video_title:before { font-family: 'fontello'; font-weight: normal; font-size: 0.8em; content: '\e87b'; padding-right: 5px; margin-left: -20px;} .sc_video_list .sc_video_title.active:before{ content: '\e876'; } .sc_video_list .sc_video_title:hover{ color: #01b7cc;} .sc_video_list .sc_video_title:last-child{ border: none;} .sc_video_list .video-list-image { display: block; cursor: pointer;} .sc_video_list .video-list-image img{ border: solid 1px #dfdfdf;} /*frame Player*/ .sidebar + .content .post .sc_video_player { width:100%; } .sc_video_player .sc_video_player_title, .sc_video_player .sc_video_player_title:after, .sc_video_player .sc_video_player_title:before{ height:21px; background-image: url(images/video_title.png); background-position: no-repeat;} .sc_video_player .sc_video_player_title{ background-position: no-repeat; background-position: 0 -21px; background-repeat:repeat-x; position:relative; margin:0px 10px;} .sc_video_player .sc_video_player_title:after, .sc_video_player .sc_video_player_title:before{ content:""; position:absolute; top:0px; width:60px;} .sc_video_player .sc_video_player_title:after{ background-position: 0 0; left:-10px; } .sc_video_player .sc_video_player_title:before{ background-position: 0 -42px; right:-10px;} .sc_video_player .sc_video_frame{ overflow:hidden; cursor:pointer; background-color:#fff; width: 100%; /*height:100%;*/} .sc_video_player .sc_video_frame img { width:100%; /*height:100%;*/ display:block; margin:0px; padding:0px;} .sc_video_player .sc_video_frame iframe{ display:block;} .sc_video_player .sc_video_play_button { position:relative; opacity:0; } .video-frame{ position: relative;} .sc_video_player .sc_video_play_button:after, .video-frame .video-list-image:after{width:105px; height:105px; line-height:105px; color: #fff; font-size:0px; position:absolute; font-family: "fontello"; content: '\e87b'; left:50%; top:50%; margin: -53px 0 0 -53px; z-index:10; background:url(images/play-button.png) no-repeat 0 0; text-align:center; text-indent:3px; overflow:hidden; text-shadow:3px 3px 2px #9c9c9c; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .footerWidget .sc_video_player:hover .sc_video_play_button:after, .sc_video_player:hover .sc_video_play_button:after, .video-frame:hover .video-list-image:after { font-size:45px; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .sc_video_player:active .sc_video_play_button:after, .video-frame:hover:active .video-list-image:after{ font-size: 40px; color: #222 } .sidebar + .content .post .audioWrap { width:550px;} /*post Sharing*/ .postSharing { height:30px; position:relative; z-index:1;} .postSharing > ul { margin:0; padding:0; display: inline-block;} .with_sidebar .style_excerpt .postSharing { float:right; } .with_sidebar .style_excerpt .infoPost { text-align:left; } ul > li.likeActive > a { background-color:#ddd;} ul > li.like > a > span.likePost, ul > li.likeActive > a > span.likePost{ display: block; float:left; position:relative; overflow:hidden; padding:0; min-width:16px;} ul > li.like > a > span.likePost:before, ul > li.likeActive > a > span.likePost:before{ width:100px; position:absolute; z-index:2; left:0px; top:-28px; text-align:left;} ul > li.likeActive > a > span.likePost:before{ content:"-1";} ul > li.like > a > span.likePost:before{ content:"+1"; } ul > li.like > a:hover > span.likePost:before, ul > li.likeActive > a:hover > span.likePost:before{ top:0px;} ul > li.like > a:hover > span.likePost, ul > li.likeActive > a:hover > span.likePost{ padding:28px 0 0 0 ; height:0px;} ul > li.share{ position:relative;} ul > li.share > ul.shareDrop { display: none; position:absolute; left:0px; top:28px; z-index:2; background:#FFF; margin:0px; padding:10px; border:1px solid #ddd; width:85px; -webkit-box-shadow: 0 2px 2px -1px #ddd; -moz-box-shadow: 0 2px 2px -1px #ddd; box-shadow: 0 2px 2px -1px #ddd;} ul > li.share > ul.shareDrop > li{ list-style:none; display:block; padding:7px 0;} ul > li.share > ul.shareDrop > li > a{ display:block; text-align:left; font-size:12px; height:16px; line-height:16px; } ul > li.share > ul.shareDrop > li > a > img { width:16px; height:16px; display:inline-block; vertical-align:top; margin:0 9px 0 0;} ul > li.share > a.selected, ul > li.share > a.selected:hover { border-width:1px 1px 0 1px; height:29px; position:relative; z-index:3; background:#fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } ul > li.share > ul.shareDrop > li.twitter > a .icon{ background-image:url(images/socials/twitter_dark.png);} ul > li.share > ul.shareDrop > li.facebook > a .icon{ background-image:url(images/socials/facebook_dark.png);} ul > li.share > ul.shareDrop > li.pinterest > a .icon{ background-image:url(images/socials/pinterest_dark.png);} /*== BUTTON ==*/ /* round Button */ .roundButton + .roundButton{ margin-left:12px; } .roundButton, .pagination .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow{list-style: none; width:37px; height:37px;} .roundButton a, .sliderLogo .elastislide-wrapper span:before, .pagination .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow .rsArrowIcn{ width:35px; height: 35px; line-height: 35px; border: 1px solid #ddd; display: block; text-align:center; font-size:18px;} .footerStyleDark .footerWidget .roundButton a{ background-color:#626262; border-color: #626262;} .footerStyleDark .footerWidget .roundButton:hover a{border-color: #878787;} .footerStyleDark .footerWidget .roundButton a:before{ color:#878787;} .footerStyleLight .footerWidget .roundButton a{ background-color:#fff; border-color: #ddd;} .footerStyleLight .footerWidget .roundButton:hover a{ border-color: #888; background-color:#888;} .footerStyleLight .footerWidget .roundButton a:before{ color:#888888; border-color: #888888;} .roundButton a:before, .sc_scroll_controls .flex-direction-nav a:before, .sc_testimonials .flex-direction-nav a:before, .sliderLogo .elastislide-wrapper nav span:before, .pagination .flex-direction-nav a:before { font-family: "fontello"; font-style: normal; font-weight: normal;} .sc_scroll_controls .flex-direction-nav a:hover, .sc_testimonials_style_1 .flex-direction-nav a:hover, .sc_testimonials_style_1 .flex-direction-nav a:active, .pagination .flex-direction-nav a:hover, .pagination .flex-direction-nav a:active, .sliderLogo .elastislide-wrapper nav span:hover:before, .roundButton a:hover, .roundButton a:active{ margin:-1px 0 0 0; -webkit-box-shadow: 0 2px 2px -1px #ddd; -moz-box-shadow: 0 2px 2px -1px #ddd; box-shadow: 0 2px 2px -1px #ddd;} .footerWidget .roundButton a:hover, .footerWidget .roundButton a:active{ margin:0; background-color:#878787; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .footerWidget .roundButton:hover a:before{ color:#fff;} .roundButton a:active, .sc_scroll_controls .flex-direction-nav a:active, .sc_testimonials .flex-direction-nav a:active, .pagination .flex-direction-nav a:active { color:#fff !important; } .roundButton.left a:before, .sc_scroll_controls_horizontal .flex-direction-nav a.flex-prev:before, .sc_testimonials .flex-direction-nav a.flex-prev:before, .pagination .flex-direction-nav a.flex-prev:before { content: '\e85f'; } .roundButton.right a:before, .sc_scroll_controls_horizontal .flex-direction-nav a.flex-next:before, .sc_testimonials .flex-direction-nav a.flex-next:before, .pagination .flex-direction-nav a.flex-next:before { content: '\e860'; } .sc_scroll_controls_vertical .flex-direction-nav a.flex-prev:before, .roundButton.up a:before{ content: '\e861'; } .sc_scroll_controls_vertical .flex-direction-nav a.flex-next:before, .roundButton.down a:before{ content: '\e856'; } .roundButton.big{ width:50px; height:50px;} .roundButton.big a{ width:48px; height:48px; line-height:48px; font-size:26px;} /* Nav pages for single page */ .nav_pages_parts { margin-bottom:30px; } .nav_pages_parts span + span { margin: 0 0 0 7px; } .nav_pages_parts span { height:30px; line-height:30px; display: inline-block; vertical-align:bottom; position:relative; padding:0 10px; } .nav_pages_parts span.pages { text-align:left; padding-left:0; } .nav_pages_parts span:not(.pages) { border:1px solid #dddddd; } .nav_pages_parts > span.page_num { color:#ffffff; } /* Nav pages for comments */ .nav_comments a + a, .nav_comments a + span, .nav_comments span + a { margin: 0 0 0 7px; } .nav_comments a, .nav_comments span, .comments_list li.trackback a.comment-edit-link { height:30px; line-height:30px; display: inline-block; vertical-align:bottom; position:relative; padding:0 10px; } .nav_comments a, .nav_comments span, .comments_list li.trackback a.comment-edit-link { border:1px solid #dddddd; } .nav_comments > span.current { color:#ffffff; } .comments_list li.trackback { list-style:none; margin-left:0; padding-left:0; } .comments_list li.trackback p { font-style:italic; padding-bottom:10px; } .comments_list li.trackback p a { font-style:normal; } .comments_list li.trackback a.comment-edit-link { vertical-align:baseline; margin-left:20px;} /* Square button */ .squareButton + .squareButton { /* margin: 0 0 0 10px; */} input[type="submit"], input[type="button"], .squareButton { height:30px; list-style: none; display: inline-block; vertical-align:bottom; position:relative; /* float:left; */ } .squareButton.mini{ height:26px;} .squareButton.big { height:37px;} .squareButton.huge{ height:50px;} .squareButton.banner{ height:90px;} .squareButton.fullSize{ display: block; text-align: center; margin: 0; clear:both;} .squareButton.fullSize.ico a:before{ display: inline-block; float: none;} input[type="submit"], input[type="button"], .squareButton > a, .squareButton > span { height:32px; line-height:32px; display: block; border: 1px solid #ddd; padding: 0 12px; color: #777777; position: relative; font-size:12px; cursor:pointer; font-weight:300; background-color:#fff; overflow: hidden;} .sc_blogger .squareButton > a { color: #777777; } .squareButton.mini > a, .squareButton.mini > span { height:24px; line-height:24px; font-size:14px; } .squareButton.big > a, .squareButton.big > span { height:37px; line-height:37px; font-size:16px; padding:0 12px; } .squareButton.huge > a, .squareButton.huge > span { height:42px; line-height:42px; font-size:20px; padding:0 12px; } .squareButton.banner > a, .squareButton.banner > span{ height:88px; line-height:88px; font-size:23px; padding:0 30px 0 25px; } .squareButton.dark > a, .squareButton.dark > span { background-color:#323232; color:#fff; border-color:#323232} .squareButton.global > a, .squareButton.global > span { color:#fff;} .squareButton.ico > a:after, .squareButton.ico > a:before{ font-family: "fontello"; font-style: normal; font-weight: normal; height:28px; line-height:28px; display:block;} .squareButton.mini > a:after, .squareButton.mini > a:before{ height:24px; line-height:24px; } .squareButton.big > a:after, .squareButton.big > a:before{ height:38px; line-height:38px; } .squareButton.huge > a:after, .squareButton.huge > a:before{ height:48px; line-height:48px; } .squareButton.banner > a:after, .squareButton.banner > a:before{ height:88px; line-height:88px; } .squareButton.ico > a:before{ padding:0 9px 0 0 ; float:left;} .squareButton.ico > a:after{padding:0 0 0 9px; display:inline-block; float: none;} input[type="submit"]:hover, input[type="button"]:hover, input[type="submit"]:active, input[type="button"]:active, .squareButton:hover, .squareButton:active, .nav_pages_parts a:hover span, .nav_comments a:hover { top: -1px;} .squareButton.global a:hover span{ color: #fff !important;} input[type="submit"]:hover, input[type="button"]:hover, input[type="submit"]:active, input[type="button"]:active, .squareButton:hover > a, .squareButton:active > a, .nav_pages_parts a:hover span, .nav_comments a:hover { -webkit-box-shadow: 0 2px 2px -1px #ddd; -moz-box-shadow: 0 2px 2px -1px #ddd; box-shadow: 0 2px 2px -1px #ddd;} .squareButton > a:active { color:#fff !important ;} .squareButton.dark > a:active{ color:#fff;} .squareButton.global > a:active { background-color:#323232; border-color:#323232;} .squareButton.ui-state-active > a:hover, .squareButton.ui-state-active > a, .squareButton.active > a:hover, .squareButton.active > a, .squareButton.active > span { color:#fff; cursor:default; margin:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .squareButton > span { cursor:default; } .squareButton > a.selected:hover, .squareButton > a.selected:active{border: 1px solid #ddd;color: #777777; margin:0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .squareButton.ico.more > a:before{ content:'\e850';} .squareButton.ico.share > a:before{ content:'\e835';} .squareButton.ico.view > a:before{ content:'\e83c';} .squareButton.ico.comm > a:before{ content:'\e830';} .squareButton.ico.left > a:before{ content:'\e85f';} .squareButton.ico.reply > a:before{ content:'\e831';} .squareButton.ico.right > a:after{ content:'\e860';} /*square Button lite*/ .squareButtonlite{ height:22px; margin:0 30px 15px 0; list-style: none; display:block; float:left;} .squareButtonlite > a{height:22px; line-height:22px; display: inline-block; padding: 0; position: relative; font-size:20px; cursor:pointer;} .squareButtonlite .separator{ color: #e2eaec; padding: 0 5px;} .withMargin { margin-bottom:50px; } .squareButton { height:34px; list-style: none; display: inline-block; vertical-align:bottom; position:relative; /* float:left; */ } /*shadow HR*/ .hrShadow { position:relative; border-bottom:1px solid #ddd; } .hrShadow.withMargin { padding-bottom:30px; } /*.hrShadow:before,*/ .inlineShadow { content:""; position:absolute; margin:0 50px; display:block; bottom:3px; height:40px; left:10px; right:10px; z-index:-2; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3); -moz-box-shadow:0 0 10px rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-border-radius: 50% / 100%; -moz-border-radius: 50% / 100%; border-radius: 50% / 100%;} .sidebar .hrShadow:before{ margin:0 10px; height:5px; bottom: 4px; -webkit-border-radius: 100% / 100%; -moz-border-radius: 100% / 100%; border-radius: 100% / 100%;} .columns2_3 .hrShadow:after, .columns3_4 .hrShadow:after{ width: 100%; height: 20px; background: #fff; position: absolute; left: 0; bottom: 0; content: ''; } .columns2_3 .hrShadow:before, .columns3_4 .hrShadow:before{ margin:0 10px; height:5px; bottom: 2px; z-index: 0; -webkit-border-radius: 100% / 100%; -moz-border-radius: 100% / 100%; border-radius: 100% / 100%;} /*shadow BOX*/ .sc_table, .sc_tabs_style_1 .sc_tabs_content, .sc_pricing_table, .sc_shadow, .sc_popup_light { -webkit-box-shadow: 0 6px 2px -1px #f0f0f0; -moz-box-shadow: 0 6px 2px -1px #f0f0f0; box-shadow: 0 6px 2px -1px #f0f0f0; } /*inlineShadow*/ .inlineShadow{ position:relative; bottom: 0; left: 0; height:10px; width: 100%; border-radius: 0; display:block; padding: 0; margin: 0; z-index:2; border-bottom:1px solid #e5e5e5; box-shadow: none; } /*pagination*/ .pagination { padding:0 0 50px 0;} .pagination:after { display:block; content:""; clear:both;} .pagination > ul { margin:0px; padding:0px;} .pagination > ul > li{ float:left; list-style:none;} .pagination > ul > li > a{ border:1px solid #ddd; display:block; /*padding: 0 9px;*/} .pagination > ul > li > a:active{ color:#fff; margin:-1px 0 0 0 ;} .pagination > ul > li > a .icon{ width:12px; height:12px; font-size:12px; line-height:9px; display:inline-block; vertical-align:middle;} .pagination > ul > li > a .icon:before{ margin:0;} .pagination > ul > li > a:hover{ margin:-1px 0 0 0 ; -webkit-box-shadow: 0 2px 2px -1px #ddd; -moz-box-shadow: 0 2px 2px -1px #ddd; box-shadow: 0 2px 2px -1px #ddd; } .pagination .squareButton { margin: 0 8px 8px 0;} .pagination .pageLibrary > li{ height:30px; line-height:30px;} .pagination .pageLibrary > li+li{ margin-left:12px;} .pagination .pageLibrary > li > a { height:28px;} .pagination .pageLibrary > li.leftPage .icon{ margin-right:2px;} .pagination .pageLibrary > li.rightPage .icon{ margin-left:4px;} .pagination .pageLibrary > li.libPage{ height:30px; line-height:30px; padding:0px 18px; position:relative;} .pagination .pageLibrary > li.libPage .navInput{ border:1px solid #ddd; height:28px; line-height:28px; min-width:17px; padding: 0 9px; margin:0 9px; text-align:center; background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );} /*nav Focus*/ .pagination .pageLibrary > li.libPage > .pageFocusBlock{ position:absolute; z-index:1000; border:1px solid #ddd; background:#fff; bottom:50px; left:-68px; padding:15px 15px 0 15px ; display:none; width:340px; direction: ltr; } .pagination .pageLibrary > li.libPage > .pageFocusBlock.navPadding { padding:75px 0 0 0;} .pagination .pageLibrary > li.libPage > .pageFocusBlock > * { float: left; } .pagination .pageLibrary > li.libPage > .pageFocusBlock:after{ content:""; width:15px; height:15px; background:#FFF; border-right:1px solid #ddd; border-bottom:1px solid #ddd; position:absolute; bottom:-9px; left:143px; -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -o-transform: rotate(45deg) ; -ms-transform: rotate(45deg) ; -webkit-box-shadow: 3px 3px 2px 2px #f0f0f0; -moz-box-shadow: 3px 3px 2px 2px #f0f0f0; box-shadow: 3px 3px 2px 2px #f0f0f0; } .pagination .pageLibrary > li.libPage > .pageFocusBlock .flex-direction-nav { position:absolute; top:20px; list-style:none; margin:0; padding:0; width:100%;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .flex-direction-nav li { list-style:none; margin:0; padding:0;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .flex-direction-nav li a { width: 37px; height: 37px; display: block; position: absolute; z-index: 10; text-align:center; border: 1px solid #ddd; font-size:18px; } .pagination .pageLibrary > li.libPage > .pageFocusBlock .flex-direction-nav li a:before { line-height:37px; color: #888888; } .pagination .pageLibrary > li.libPage > .pageFocusBlock .flex-direction-nav .flex-prev { left:15px;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .flex-direction-nav .flex-next { right:15px;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .sc_slider{ width: 340px; height:225px; overflow: hidden;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .pageNumber{ margin:0px;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table{ font-size:36px; font-weight:100;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td{ text-align:center; vertical-align:middle; padding:0px; margin:0px; width:68px; height:55px;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td a{ display:inline-block; text-align:center;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td a.active, .pagination .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td a:hover{ font-weight:600;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td a.active{ color:#222222; cursor:default;} /*Sidebar widgets common styles*/ .sidebar { width:334px; margin-top: 50px; } .sidebar .widgetWrap { margin:0 0 30px 0; padding-bottom: 30px; } .sidebar .widgetWrap:last-child{ margin-bottom: 0;} .sidebar .title { font-size: 17px; color:#abb2b2; font-weight:300; text-transform: uppercase; font-family: "PT Sans"; padding:0 0 30px 0; } .content .widget h3{ font-size: 15px; color:#abb2b2; font-weight:300; text-transform: uppercase; font-family: "PT Sans"; padding:0 0 30px 0;} .widget .post_title{ text-transform: none !important;} #timeline_slider article{ padding: 10px 0; margin-bottom: 0px;} /* If this settings is on - shadow under widget is invisible .widget_area .widgetWrap { overflow:hidden; } */ .widget_area .sc_video_frame {width:100%; height:100%; overflow:hidden;} .widget_area .sc_video_frame img { width:100%; height:100%;} .widget_area .widgetWrap ul { margin:0px; padding:0px; overflow:hidden;} .widget_area .widgetWrap ul > li { list-style:none; display:block; padding: 0 0 15px 20px; min-height:20px; font-size:17px; line-height: 20px; font-weight: 300; position: relative;} .widget_area .widgetWrap ul > li:before { display: block; position: absolute; left: 2px; top: 0; height:20px; width:20px; font-size:14px; line-height:20px; font-family: "fontello"; content: '\e826';} .widget_area .widgetWrap ul > li.dropMenu { cursor:pointer;} .widget_area .widgetWrap ul > li.dropMenu:before { content:'+'; font-size:20px; left:0;} .widget_area .widgetWrap ul > li.dropMenu.dropOpen:before { content:'-'; font-size:16px;} .widget_area .widgetWrap ul li a { color:#222222;} .widget_area .widgetWrap ul > li a span, .widget_area .widgetWrap ul > li span { color:#888888;} .widget_area .widgetWrap ul > li ul { padding:0; margin:0; display:none;} .widget_area .widgetWrap ul > li ul li { list-style:none; display:block; margin:10px 0 0 0; padding:0 0 0 18px; font-size:13px; line-height:18px; font-weight:300; min-height:13px; position:relative;} .widget_area .widgetWrap ul > li ul li:before { display: block; position:absolute; left: 0; top: 0; height:13px; width:18px; font-size:8px; line-height:13px; font-family: "fontello"; content: '\e826'; } .widget_area .widget.widget_recent_entries li{ padding-bottom: 5px;} .widget_area .widget.widget_recent_entries li a{ font-size: 14px; line-height: 18px;} .footerStyleDark .widget_area .widgetWrap ul > li:before { color: #E1E1E1} .footerStyleDark .widget_area .widgetWrap ul > li > a { color: #E1E1E1;} .footerStyleDark .widget_area .widgetWrap ul > li > a:hover, .footerStyleDark .widget_area .widgetWrap ul > li > a:hover > span { color: #ffffff;} .widget_calendar table, .widget_calendar td, .widget_calendar tr, .widget_calendar th{ border: none !important; border-width: 0;} .widget_calendar th{ font-weight: normal;} /* Flickr images */ .flickr_images { overflow:hidden; } /* Instagram images */ .instagram-pics { overflow:hidden; } /* Widgets Popular, Recent with thumbs */ .widget_area select { border: 1px solid #dddddd; color: #888888; font-weight:300; height: 30px; line-height: 30px; padding: 4px; width: 100%; } .widget_area article:after { content:''; height:0; clear:both; display:block;} .widget_area article{ border-bottom: dotted 1px #bdbdbd; padding: 0 0 15px; margin: 0 0 18px;} .widget_area article:last-child{ border-bottom: none; padding: 0; margin: 0;} .widget_area article:after { content:''; height:0; clear:both; display:block;} .widget_area article .post_thumb { width:60px; margin:0 15px 2px 0; float:left;} .widget_area article .post_thumb img { width:100%;} .widget_area article .post_title { display:block; position:relative; padding:0 0 6px 0; font-size:18px; line-height:17px; font-weight:600;} .footerWrap .widget_area article .post_title{ font-size: 16px;} .widget_area article .post_info .post_comments, .widget_area article .post_info .post_author, .widget_area article .post_info .post_date { font-size:12px; line-height:16px; padding:0 10px 0 0 ;} .widget_area article .post_info .post_date a { color:#222222;} .widget_area article .post_info .post_comments{ display: block; } .widget_area article .post_info .post_comments a { display:block; color: #b3b9ba;} .widget_area article .post_info .post_comments_icon { display:inline-block;} .widget_area article .post_info .post_comments_icon:before { width:12px; font-size:18px; height:18px; line-height:14px; display:block; float:left; font-family: "fontello"; content:'\e830'; font-style:normal; margin: 0 5px 0 0 ;} .widget_area article .post_info .comments_icon{ font-size: 18px;} .content_area article{ border-bottom: dotted 1px #bdbdbd; padding: 0 0 11px; margin: 0 0 20px;} .content_area article:last-child{ border-bottom: none; padding: 0; margin: 0;} .content_area article:after { content:''; height:0; clear:both; display:block;} .content_area article .post_thumb { width:60px; margin:0 15px 2px 0; float:left;} .content_area article .post_thumb img { width:100%;} .content_area article .post_title { display:block; position:relative; padding:0 0 6px 0; font-size:18px; line-height:17px; font-weight:600;} .content_area article .post_info .post_comments, .content_area article .post_info .post_author, .content_area article .post_info .post_date { font-size:12px; line-height:16px; color: #b3b9ba; padding:0 10px 0 0 ;} .content_area article .post_info .post_date a { color:#222222;} .content_area article .post_info .post_comments{ display: block; } .content_area article .post_info .post_comments a { display:block; color: #b3b9ba;} .content_area article .post_info .post_comments_icon { display:inline-block;} .content_area article .post_info .post_comments_icon:before { width:12px; font-size:18px; height:18px; line-height:14px; display:block; float:left; font-family: "fontello"; content:'\e830'; font-style:normal; margin: 0 5px 0 0 ;} .content_area article .post_info .comments_icon{ font-size: 18px;} .footerStyleDark .widget_area article .post_title { color:#dddddd; } .footerStyleDark .widget_area a:hover, .footerStyleDark .widget_area a:hover span, .footerStyleDark .widget_area .ui-state-active a { color:#ffffff !important; } /* Widgets Popular, Recent without thumbs */ .widget_area article.no_thumb { margin:0 0 0 20px; padding:0; position:relative;} .widget_area article.no_thumb + article.no_thumb {padding:30px 0 0 0;} .widget_area article.no_thumb .post_title:before{ font-family: "fontello"; content: '\e826'; width:20px; height:20px; position:absolute; left:-20px; top:0px; font-size:10px;} .widget_area article.no_thumb .post_info .post_comments, .widget_area article.no_thumb .post_info .post_author, .widget_area article.no_thumb .post_info .post_date{ font-size:12px; } .widget_area article.no_thumb .post_info .post_comments a.ico:before{ font-size:14px; margin: 0 10px 0 0 ;} /* widgets with tabs */ .widget_area .tabs_area ul.tabs { padding:0 0 20px 0; margin:-5px 0 0 0;} .widget_area .tabs_area ul.tabs:after{ clear: both; height: 0; display: block; content: ''; } .widget_area .tabs_area ul.tabs > li { float:left; margin:0 20px 0 0; padding:0; text-align: left; font-family: "PT sans"; } .widget_area .tabs_area ul.tabs > li > a { text-transform:uppercase; font-size:17px; font-weight:400; padding:0;} .widget_area .tabs_area ul.tabs > li > a:hover{ } .widget_area .tabs_area ul.tabs > li.ui-tabs-active > a{ color: #222222; text-decoration: none !important;} .widget_area .tabs_area ul.tabs > li > a:hover{ text-decoration: none;} .widget_area .tabs_area ul.tabs > li:before { display:none; } .widget_area .tabs_area .tab_content { display:none; } .content_area .tabs_area ul.tabs { padding:0 0 20px 0; margin:-5px 0 0 0;} .content_area .tabs_area ul.tabs:after{ clear: both; height: 0; display: block; content: ''; } .content_area .tabs_area ul.tabs > li > a { text-transform:uppercase; font-size: 115%; text-decoration: underline; font-weight:400; padding:0; font-family: 'Noto Sans', sans-serif; } .content_area .tabs_area ul.tabs > li > a:hover{ text-decoration: none;} .content_area .tabs_area ul.tabs > li:before { display:none; } .content_area .tabs_area .tab_content { display:none; } .top10_tabs{ counter-reset: top10;} .top10_tabs article{ padding: 3px 0 2px 20px !important; margin: 0 !important; border: none;} .top10_tabs article .post_title:before{ display: none;} .top10_tabs article:before{ content: counter(top10, decimal) ". "; counter-increment: top10; display: block; left: 0; position: absolute; top: 4px; width: 20px; font-size: 16px; } .top10_tabs article .post_title{ font-size: 16px; font-weight: normal;} .top10_tabs ul.tabs > li{height: 30px; line-height: 26px; margin-right: 4px !important;} .top10_tabs ul.tabs > li > a{ font-size: 12px !important; border: solid 2px; height: 30px; line-height: 30px; text-transform: uppercase; border-radius: 2px; padding: 0 10px !important; background: none; font-family: Noto Sans; } .top10_tabs ul.tabs > li.ui-state-active > a{ background: none;height: 26px; line-height: 26px;} /* tags cloud */ .widget_area .tagcloud a{ display: inline-block; color: #fff; line-height: 27px; padding: 0 15px; margin: 0 2px 5px 0; font-size: 14px !important; font-weight:400; } .footerStyleDark .widget_area .tagcloud a { border: 1px solid #888; } .widget_area .tagcloud a:hover, .widget_area .tagcloud a:active{ color: #000 !important; background: none;} /* Search form */ .widget_area .searchform label { display:none; } .widget_area .search-form .search-field { max-width:200px; } .widget_area .search-form .search-field, .widget_area .search-form .search-button { display: inline-block; vertical-align:top; } .widget_area .search-form .search-button { margin-left: 4px; } .widget_area .search-form .search-button a { width:20px; height:34px; line-height:34px; text-align:center; } .widget_area .search-form .search-button a:before { float:none; padding:0; line-height:34px; font-size:16px; } .footerStyleDark .squareButton.light a, .footerStyleDark input[type="text"], .footerStyleDark input[type="password"], .footerStyleDark textarea { background-color: #fff; border-color: #fff; } /* Widget Calendar */ .sidebar .wp-calendar{ font-size:13px; font-weight:300; width: auto;} .sidebar .wp-calendar th, .sidebar .wp-calendar td, .footerWidget .wp-calendar th, .footerWidget .wp-calendar td{ height:28px; } .sidebar .wp-calendar tbody td a{ } .wp-calendar th, .wp-calendar td{ width: 15%; text-align:left; } .wp-calendar tbody td{ text-align: center;} .wp-calendar thead tr + tr th{ border-style: dotted; border-width: 0 0 1px 0; color:#222222; margin-bottom: 2px;} .footerWidget .wp-calendar thead tr + tr th{ border-color:#c2c2c2; color:#888888;} .wp-calendar thead th { color:#abb2b2; font-size: 10px; text-transform: uppercase;} .footerStyleLight .footerWidget .wp-calendar thead th { color:#5c5c5c;} .footerStyleDark .footerWidget .wp-calendar thead th { color:#fff;} .wp-calendar thead th.curMonth{font-size: 17px; font-family: 'PT Sans', sans-serif; text-transform: uppercase; vertical-align: top;} .wp-calendar thead th.prevMonth, .wp-calendar thead th.nextMonth{ height: auto; vertical-align: top;} .wp-calendar thead th span {} .wp-calendar thead th.prevMonth .roundButton { float:right; } .wp-calendar thead th.nextMonth .roundButton { float:right; } .wp-calendar tbody td a{ display:inline-block;} .wp-calendar tbody td a:hover{ font-weight:600;} .wp-calendar tbody td.today a{ display: block; height: 28px; border-radius: 2px; color: #fff; line-height: 28px;} .sidebar .wp-calendar tbody td.today a:hover{ background: #fff;} .footerStyleLight .footerWidget .wp-calendar tbody td.today, .footerStyleLight .footerWidget .wp-calendar tbody td.today a{ color:#000;} .footerStyleDark .footerWidget .wp-calendar tbody td a { color: #dcdcdc; } .footerStyleDark .footerWidget .wp-calendar tbody td a:hover { color: #ffffff; } .footerStyleDark .footerWidget .wp-calendar tbody td.today { border-radius: 4px; } .footerStyleDark .footerWidget .wp-calendar tbody td.today, .footerStyleDark .footerWidget .wp-calendar tbody td.today a { color:#a1f5ff;} .wp-calendar thead .roundButton, .wp-calendar thead .roundButton a{ height: 24px; width: 24px; line-height: 24px;} .wp-calendar thead .roundButton a{ border: none !important; background: none: !important;} .wp-calendar thead .roundButton.left a:before { content: '\e85b'; } .wp-calendar thead .roundButton.right a:before { content: '\e85c'; } .roundButton.right a:before, .sc_scroll_controls_horizontal .flex-direction-nav a.flex-next:before, .sc_testimonials .flex-direction-nav a.flex-next:before, .pagination .flex-direction-nav a.flex-next:before { content: '\e860'; } /* footer widgets columns */ .footerWidget .columnsWrap + .columnsWrap { margin-top:50px; } /* topTabs */ .widgetTabs{ overflow:hidden; } .topTabsWrap{ } .breadcrumbs{ padding: 10px 0; border-top: solid 10px #eef2e9; font-size: 12px; color: #b3b9ba; font-weight: 100;} .breadcrumbs span.separator{ font-size: 7px; line-height: 12px; vertical-align: middle; padding: 0 8px;} .breadcrumbs a:hover{color: #b3b9ba;} /*.widgetTabs .content aside+aside { display:none; }*/ .widgetTabs .tabsButton li a { font-weight:400; } .widgetTabs .titleHide { display:none; } /*speedBar*/ .topTabsWrap:after{ height:0; display:block; content:''; clear:both;} .topTabsWrap .speedBar{ padding:4px 0 29px; float:right; font-size:12px; font-style:italic; } .topTabsWrap .speedBar a{ display:inline-block; color:#888888; text-decoration:none;} .topTabsWrap .pageTitle{ float:left; padding:25px 0; font-weight:300; color:#888888; } /*tabsButton*/ .tabsButton{ height:51px; margin:0 0 -1px ; clear:both;} .tabsButton ul{ margin:0px; padding:0px; overflow:hidden; height:51px;} .tabsButton ul li{ display:block; float:left; height:50px; line-height:50px; margin:1px 1px 0 0;} .tabsButton ul li + li{margin:1px 1px 0 -1px;} .tabsButton ul li.ui-state-default:hover a:before, .tabsButton ul li.ui-tabs-active{ border-style: solid; border-color:#ddd; border-width:1px 1px 0 1px; margin:0 0 0 0; background:#fff;} .tabsButton ul li a{ display:block; height:50px; padding:0px 18px; color:#222222; text-decoration:none;} .tabsButton ul li a span{ display:block; height:50px; line-height:50px; position:relative; z-index:2;} .tabsButton ul li.ui-tabs-active a{ color:#9b9b9b !important;} .tabsButton ul li.ui-state-default a{position:relative;} .tabsButton ul li.ui-state-default a:before, .tabsButton ul li.ui-state-default:hover a:before{content:""; position:absolute; display:block; width:100%; bottom:0px; left:0px; z-index:1; -webkit-transition: height 100ms ease; -moz-transition: height 100ms ease; -ms-transition: height 100ms ease; -o-transition: height 100ms ease; transition: height 100ms ease; } .tabsButton ul li.ui-state-default a:before{ height:0px;} .tabsButton ul li.ui-state-default:hover a:before{ height:50px;} .tabsButton ul li.ui-state-default.ui-tabs-active a{ cursor:default; } .tabsButton ul li.ui-state-default.ui-tabs-active:hover a:before { height:0px; border: none; } .sc_tabs.widgetTabs .widgetWrap{ display: none;} .widgetTabs .widgetTop { font-size:18px; line-height:24px; font-weight:100; color:#222222; padding:50px 0; overflow:hidden; display:none; } .widgetTabs .widgetTop ul:not(.tabs) { margin:0px; padding:0; width:50%; float: left; } .widgetTabs .widgetTop ul:not(.tabs) > li { list-style:none; display:block; padding: 0 50px 0 0; min-height:36px; font-size:30px; line-height:36px; font-weight:100; color:#222222; } .widgetTabs .widgetTop ul:not(.tabs) > li + li { padding: 36px 50px 0 0; } .widgetTabs .widgetTop ul:not(.tabs) > li:before{ display: block; float: left; height:36px; width:30px; font-size:18px; line-height:inherit; font-family: "fontello"; content: '\e826';} .widgetTabs .widgetTop ul:not(.tabs) > li.dropMenu > ul { display:none;} .widgetTabs .widgetTop ul:not(.tabs) > li.dropMenu { cursor:pointer;} .widgetTabs .widgetTop ul:not(.tabs) > li.dropMenu:before{ display: block; float: left; height:36px; width:30px; line-height:inherit; content:'+'; font-size:25px; text-align:left; margin:0; font-weight:100px;} .widgetTabs .widgetTop ul:not(.tabs) > li.dropMenu.dropOpen:before{ content:'-';} .widgetTabs .widgetTop ul:not(.tabs) > li > a { color:#222222; line-height:inherit; } .widgetTabs .widgetTop ul:not(.tabs) > li > a span { color:#888888;} .widgetTabs .widgetTop ul:not(.tabs) > li ul { padding:0 0 0 30px; margin:0; width:auto; float: none; display:none; } .widgetTabs .widgetTop ul:not(.tabs) > li ul li { list-style:none; display:block; font-size:18px; line-height:24px; font-weight:300; min-height:18px; color:#888888; margin:18px 0 0 0; padding:0;} .widgetTabs .widgetTop ul:not(.tabs) > li ul li:before { display: block; float: left; height:18px; width:18px; font-size:13px; line-height:inherit; font-family: "fontello"; content: '\e826'; } .widgetTabs .widgetTop ul:not(.tabs) > li ul li > a { color:#888888; } .widgetTabs .widgetTop ul:not(.tabs) > li div { font-size:24px; line-height:36px; } /* RSS */ .widgetTabs .widgetTop.widget_rss ul:not(.tabs) > li, .widgetTabs .widgetTop.widget_rss ul:not(.tabs) > li div { font-size:18px; line-height:24px; font-weight:300; color:#646464; } .widgetTabs .widgetTop.widget_rss ul:not(.tabs) > li div { margin: 6px 0 0 30px; } .widgetTabs .widgetTop.widget_rss ul:not(.tabs) > li + li { margin-top: 30px; padding-top:30px; border-top:1px solid #ddd; } /* Search */ .widgetTabs .widgetTop .search-form { text-align:center; } .widgetTabs .widgetTop .search-form .search-field { width:50%; margin-right:10px; height:50px; line-height:50px; font-size:32px; font-weight:300; vertical-align:top; } .widgetTabs .widgetTop .search-form .search-button { height:50px; line-height:50px; width:50px; text-align:center; vertical-align:top; } .widgetTabs .widgetTop .search-form .search-button > a { height:48px; line-height:48px; width:48px; text-align:center; padding:0; margin:0; } .widgetTabs .widgetTop .search-form .search-button > a:before { padding:0 0 0 8px; margin:0; line-height:inherit; width:auto; color:#bbbbbb; font-weight:300; } /* Tags cloud */ .widgetTabs .widgetTop .tagcloud a { display: inline-block; height: 28px; line-height: 28px; padding: 6px 15px; border: 1px solid #ddd; margin: 0 3px 8px 0; font-size: 18px !important; font-weight:300; } .widgetTabs .widgetTop .tagcloud a:hover, .widgetTabs .widgetTop .tagcloud a:active{ color: #fff;} /* Calendar */ .widgetTabs .widgetTop .wp-calendar { font-size:36px; font-weight:100; padding: 0 0 50px 0; } .widgetTabs .widgetTop .wp-calendar th, .widgetTabs .widgetTop .wp-calendar td{ height:100px; } .widgetTabs .widgetTop .wp-calendar tbody td a{ width:50px;} .widgetTabs .widgetTop .wp-calendar tbody tr + tr td {border-top-width:1px; border-top-style: solid; border-top-color:#ddd;} /* THEMEREX - Logo and social icons */ .widgetTabs .widgetTop.widget_socials ul { float: none; width: 100%; overflow:hidden;} .widgetTabs .widgetTop.widget_socials ul li, .widgetTabs .widgetTop.widget_socials ul li+li { display: block; float:left; width: 32px; height:32px; margin:0 10px 0 0; padding:0;} .widgetTabs .widgetTop.widget_socials ul li:before { display: none; } /* THEMEREX - Flickr photos */ .widgetTabs .widgetTop.widget_flickr .flickr_images { overflow:hidden; } .widgetTabs .widgetTop.widget_flickr .flickr_badge_image { width: 240px; height:160px; float:left; margin:0 1px 1px 0; } .widgetTabs .widgetTop.widget_flickr .flickr_badge_image img { width:100%; } /* THEMEREX - Twitter */ .widgetTabs .widgetTop.widget_twitter ul:not(.tabs) > li { font-size:18px; line-height:30px; font-weight:300; color:#646464; } /* THEMEREX - Post items */ .widgetTabs .widgetTop .post_item .post_title { font-size:30px; line-height:36px; font-weight:100; padding:0 0 20px 0; position:relative; color:#dddddd; } .widgetTabs .widgetTop .post_item.with_thumb .post_title { margin-top:-6px; } .widgetTabs .widgetTop .post_item:not(.with_thumb) .post_title { padding-left: 30px; } .widgetTabs .widgetTop .post_item:not(.with_thumb) .post_title:before { font-family: "fontello"; content: '\e826'; width:30px; height:72px; position:absolute; left:0; top:0px; font-size:18px;} .widgetTabs .widgetTop .post_item + .post_item { border-top:1px solid #ddd; margin:30px 0 0 0; padding:30px 0 0 0;} .widgetTabs .widgetTop .post_item .post_info { font-size:12px; font-weight:400; } .widgetTabs .widgetTop .post_item:not(.with_thumb) .post_info { padding-left: 30px; } .widgetTabs .widgetTop .post_thumb { float:left; margin:0 20px 20px 0; } .widgetTabs .widgetTop .summaryRating { margin:-10px 0 10px 0; } /* Instagram photos */ .widgetTabs .widgetTop .instagram-pics { overflow:hidden; } .widgetTabs .widgetTop .instagram-pics li { width: 240px; height:160px; float:left; margin:0 1px 1px 0; } .widgetTabs .widgetTop .instagram-pics img { width:100%; } /*Twitter stream*/ .twitBlockWrap { background-color: #60aaea; } .twitBlock { text-align: center; color: #fff; font-size: 18px; line-height: 25px; font-weight: 300;} .twitBlock .sc_slider { position: relative; min-height:auto; height: 180px; } .twitBlock .sc_slider .swiper-slide { min-height:auto; } /* Slide settings*/ .twitBlock .sc_slider .swiper-slide { padding: 50px 50px 0 50px; margin: 0 ; box-sizing: border-box; -moz-box-sizing: border-box; } .twitBlock .sc_slider .swiper-slide p { margin: 0; padding: 0 20px 50px 20px; } .twitBlock .sc_slider .swiper-slide a { color: #fff; text-decoration: underline;} .twitBlock .sc_slider .swiper-slide a.twitAuthor{ font-weight: 600; text-decoration: none; } .twitBlock .sc_slider .swiper-slide .twitterIco { display: block; font-family: "fontello"; } .twitBlock .sc_slider .swiper-slide .twitterIco:before{ content: '\e843'; font-size: 35px; } /* Direction buttons */ .twitBlock .sc_slider .flex-direction-nav { position: static; top:0; left:0;} .twitBlock .sc_slider .flex-direction-nav li { background-color: #60aaea !important; width: 40px; height: 100%; display: block; position: absolute; top: 0; bottom:0; z-index: 10; margin:0; } .twitBlock .sc_slider .flex-direction-nav li:before{ display: none !important;} .twitBlock .sc_slider .flex-direction-nav li a.flex-prev, .twitBlock .sc_slider .flex-direction-nav li a.flex-next{ background: none;} .twitBlock .sc_slider .flex-direction-nav li:hover a:before { color: #60aaea; background: #fff; } .twitBlock .sc_slider .flex-direction-nav li a { position: absolute; display: block; width: 37px; height: 100%; top:0; bottom:0; font-size:18px;} .twitBlock .sc_slider .flex-direction-nav li a:before { font-family: "fontello"; color: #abb2b3; display: block; width: 35px; height: 35px; border: 1px solid #abb2b3; position: absolute; top: 50%; margin: -18px 0 0 0 ; text-align: center; line-height: 35px;} .twitBlock .sc_slider .flex-direction-nav li a.flex-prev:before{ content: '\e85f'; left: 0;} .twitBlock .sc_slider .flex-direction-nav li a.flex-next:before{ content: '\e860'; right: 0;} .twitBlock .sc_slider .flex-direction-nav li { left: 0; } .twitBlock .sc_slider .flex-direction-nav li+li{ left:auto; right: 0;} /*contact Social Share*/ .contactFooter { padding:50px 0 30px 0;} .contactFooter .logo{ display:inline-block; padding:0 0 50px 0; height: auto; font-size:72px;} .contactFooter .contactAddress{ color:#6f6f6f; padding:0 0 30px 0;} .contactFooter .contactAddress:after{ content:''; height:0px; display:block; clear:both; } .contactFooter .contactAddress .addressLeft, .contactFooter .contactAddress .addressRight{ width:48%; text-align:left; float:right;} .contactFooter .contactAddress .addressLeft{ text-align:right; float:left;} .contactFooter .contactShare ul{ margin:0px; padding:0px;} .contactFooter .contactShare ul li { list-style:none; padding:0px 10px 20px 10px; display:inline-block;} .contactFooter .contactShare ul li a span, .contactFooter .contactShare ul li a { width:64px; height:64px; display:block; text-indent:999px; overflow:hidden; position:relative; background-repeat: no-repeat; background-position: 0 0; background-size: 64px 128px; -webkit-background-size: 64px 128px; -o-background-size: 64px 128px; -moz-background-size: 64px 128px; } .contactFooter .contactShare ul li a span { position: absolute; left:0; top:0; background-position: 0 -64px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/ } .contactFooter .contactShare ul li a:hover span{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/ } /* Footer styles*/ .footerContentWrap{ clear: both;} .footerWrap{ text-align:center; clear:both;} .footerWrap:after{ clear: both; height: 0; display: block; content: '';} .footerStyleLight{background-color: #fff;} .footerStyleLight .footerWidget{ position: relative; overflow: hidden; } .footerStyleDark{background-color: #000;} /*footerWidget*/ .footerWidget{ padding:45px 0 44px; text-align:left; } .footerWidget:after{display:block; content:''; clear:both; height:0px; } .footerWidget .widgetWrap .title{ font-size:17px; font-family: 'PT Sans', sans-serif; font-weight:300; padding:0 0 26px 0; text-transform: uppercase;} footer .footerWidget .widgetWrap .title{ padding:0 0 16px 0; } .footerStyleLight .footerWidget .widgetWrap .title{color:#222222;} .footerStyleDark .footerWidget .widgetWrap .title{color:#fff;} .footerWidget .footLogo{ padding:0 0 20px 0;} .footerWidget .footLogo a{ display:block;} .footerWidget .footLogo a img{ height:31px;} /* Flickr widget */ .widget_area .widget_flickr .flickr_badge_image { display:block; margin:0 1px 1px 0; width:60px; height: 60px; float:left; position:relative;} .widget_area .widget_flickr .flickr_badge_image a:before { content:''; display: block; height:100%; width:100%; position:absolute; left:0; top:0; z-index:10; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-box-shadow: 0 0 50px -1px #000 inset; -moz-box-shadow: 0 0 50px -1px #000 inset; box-shadow: 0 0 50px -1px #000 inset} .widget_area .widget_flickr .flickr_badge_image a:hover:before{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .widget_area .widget_flickr .flickr_badge_image a img{ display:block; width:100%; position:relative; z-index:6;} /* Instagram widget */ .widget_area .null-instagram-feed .clear > a { display:none; margin: 6px 0 0 0; font-size: 13px; font-style: italic; } .widget_area .instagram-pics li { display:block; margin:0 5px 5px 0; width:75px; float:left; position:relative; padding:0 !important;} .widget_area .instagram-pics li:before { display:none !important; } .widget_area .instagram-pics li a:before { content:''; display: block; height:100%; width:100%; position:absolute; left:0; top:0; z-index:10; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-box-shadow: 0 0 50px -1px #000 inset; -moz-box-shadow: 0 0 50px -1px #000 inset; box-shadow: 0 0 50px -1px #000 inset} .widget_area .instagram-pics li a:hover:before{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .widget_area .instagram-pics li a img{ display:block; width:100%; position:relative; z-index:6;} .videoBackgroundOverlay .copyWrap { background-color: #ffffff; } .copyWrap .copy { padding:20px 0 0 0} .copyWrap .copy:after{ content:''; clear:both; height:0; display:block;} .copyWrap .copy .copyright{ display: block; text-align: center; min-height:32px; line-height:32px; padding:0 0 20px 0; color: #fff;} /*google Maps*/ .sc_googlemap{ width:100%; min-height:300px; } /* contact Form */ .commentsForm .columnsWrap, .comment-respond .columnsWrap, .sc_contact_form .columnsWrap { padding: 0 0 30px 0; } .commentsForm .message, .comment-respond .message, .sc_contact_form .message { clear:both; padding: 0 0 5px 0; } .commentsForm input, .comment-respond input, .sc_contact_form input { width:100%; } .commentsForm textarea, .comment-respond textarea, .sc_contact_form textarea { width: 100%; overflow: hidden; word-wrap: break-word; resize: none; height: 55px; min-height: 74px; box-sizing: border-box; -moz-box-sizing: border-box; } .commentsForm .enterBlock, .comment-respond .enterBlock, .sc_contact_form .sc_contact_form_button { text-align:right; padding:20px 0 30px 0; } .commentsForm .enterBlock .squareButton, .comment-respond .enterBlock .squareButton, .sc_contact_form .sc_contact_form_button .squareButton { float:left; } .commentsForm .inputs{ float: left; width: 48%; margin-right: 4%;} .commentsForm .inputs input{ margin-bottom: 10px;} .commentsForm .message{ clear: none; float: left; padding: 0; width: 47%;} .commentsForm label{ display: none;} form .error_fields_class, form input.error_fields_class:focus, form textarea.error_fields_class:focus { border:1px solid #da6f5b ;} form .sc_infobox { display:none; margin-top:30px; } .sc_contact_form .description { padding-bottom: 30px; } /* contact Form */ .faqForm .columnsWrap{ padding: 0 0 30px 0;} .faqForm .message{ clear:both; padding: 0 0 5px 0;} .faqForm input{ width: 100%;} .faqForm textarea { width: 100%;} .faqForm .enterBlock{ text-align:right; padding:0 0 30px 0;} .faqForm .enterBlock .squareButton { float:right;} .faqForm .messageBlock{ margin: 10px 0 0 0 ;} .sc_contact_form .squareButton a{ border-radius: 4px; text-transform: uppercase;} .sc_contact_form .field{ margin-bottom: 5px;} .sc_contact_form input[type="text"], input[type="password"], textarea{ border-radius: 2px;} /* Under Construction */ .inputSubmitAnimation {background:#fafafa; height:50px; width:50px; border: 1px solid #ddd; margin:0 auto; position:relative; overflow:hidden; -webkit-transition: all 0.4s 0.3s ease-out; -moz-transition: all 0.4s 0.3s ease-out; -ms-transition: all 0.4s 0.3s ease-out; -o-transition: all 0.4s 0.3s ease-out; transition: all 0.4s 0.3s ease-out; } .inputSubmitAnimation.sFocus { width:480px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .inputSubmitAnimation .sInput{ height:50px; width:480px; padding:0 60px 0 15px; border:none; background:none; top:-50px; position:relative; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .inputSubmitAnimation.sFocus .sInput { top: 0; -webkit-transition: all 0.4s 0.3s ease-out; -moz-transition: all 0.4s 0.3s ease-out; -ms-transition: all 0.4s 0.3s ease-out; -o-transition: all 0.4s 0.3s ease-out; transition: all 0.4s 0.3s ease-out; } .inputSubmitAnimation .aIco{ display: block; width:50px; height:50px; display:block; position:absolute; top:0; right:0; text-align:center; } .inputSubmitAnimation .aIco:before{ font-family: "fontello"; font-size:20px; text-align:center; line-height:50px; } .inputSubmitAnimation .aIco.search:before{content: '\e83f';} .inputSubmitAnimation .aIco.mail:before{content: '\e83b';} /* page404 */ .page404 { text-align:center; padding-bottom:50px; } .page404 .h2{ font-weight: bold;} .page404 .titleError{ font-size:150px; height:150px; line-height:150px; font-weight:bold; color:#222222;} .page404 p{ font-weight:300; } /*page404*/ .pageUnderConstruction{ text-align:center;} .pageUnderConstruction p{ font-weight:300; padding: 0 0 65px 0; } /*people & About*/ .aboutvWrap .h2{ padding:0 0 50px 0; text-align:center;} .sc_team { padding:0;} .sc_team .sc_team_item { overflow:hidden; position:relative; } .sc_team .sc_team_item .sc_team_item_avatar{ width:100%; height:165px; margin:0 0 10px 0; position:relative; overflow:hidden;} .sc_team .sc_team_item .sc_team_item_avatar:after{ content:''; width:100%; height:250px; position:absolute; bottom:0; left:0; z-index:3; margin:0 0 -150% 0; opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";} .sc_team .sc_team_item .sc_team_item_avatar img{ width:100%; display:block; z-index:2; position:absolute; left:0; top:0;} .sc_team .sc_team_item .sc_team_item_avatar .sc_team_item_description { position:absolute; padding:20px 0; position:absolute; left:20px; right: 20px; bottom:0; z-index:4; overflow:hidden; margin:0 0 -250px 0; color:#fff;} .sc_team .sc_team_item .sc_team_item_title{ padding:0 0 3px; font-weight: 100; font-size:169%;} .sc_team .sc_team_item .sc_team_item_position{ font-size:14px; font-weight:300; padding:0 0 20px 0;} .sc_team .sc_team_item .sc_team_item_socials { margin:200px 0 0; position: relative; z-index: 99; width:100%; padding:0px; text-align:center; height:32px; } .sc_team .sc_team_item:hover .sc_team_item_avatar{ } .sc_team .sc_team_item:hover .sc_team_item_socials{ margin:35% 0 0; } .sc_team .sc_team_item:hover .sc_team_item_avatar:after{ margin:0;} .sc_team .sc_team_item:hover .sc_team_item_avatar .sc_team_item_description{ margin:0;} .sc_team .sc_team_item .sc_team_item_socials li a span.icon-facebook-1{ color: #3c599f;} .sc_team .sc_team_item .sc_team_item_socials li a span.icon-gplus-1{ color: #d44132;} .sc_team .sc_team_item .sc_team_item_socials li a span.icon-twitter-1{ color: #2ecbfe;} .sc_team .sc_team_item .sc_team_item_socials li a span.icon-vimeo-1{ color: #20b9eb;} .sc_team .sc_team_item .sc_team_item_socials li a:hover span:before{ color: #ccc;} .widget_socials .socPage { height: 32px; text-align:left; } .widget_socials .socPage ul li:before { display:none; } .copyWrap .socPage { height:32px; float:left;} .author .socPage ul, .widget_socials .socPage ul:after, .copyWrap .socPage ul:after{ content:''; height:0; display:block; clear:both;} .widget_socials .socPage ul, .copyWrap .socPage ul { margin:0 0 20px 0; padding:0px; text-align:left; height:32px; } .socPage ul li, .copyWrap .socPage ul li, .widget_socials .socPage ul li, .sc_team .sc_team_item .sc_team_item_socials li { list-style:none; padding:0px 6px 10px 6px; display:inline-block;} .sc_team .sc_team_item .sc_team_item_socials li{ padding: 0;} .copyWrap .socPage ul li { padding:0px 10px 10px 0;} .widget_socials .socPage ul li { padding:0px 5px 10px 0;} .author .socPage ul li a span, .copyWrap .socPage ul li a span, .widget_socials .socPage ul li a span, .author .socPage ul li a, .copyWrap .socPage ul li a, .widget_socials .socPage ul li a, .sc_team .sc_team_item .sc_team_item_socials li a span, .sc_team .sc_team_item .sc_team_item_socials li a{ width:32px; height:32px; display:block; } .sc_team .sc_team_item .sc_team_item_socials li a.icon span{ text-indent: 0} .sc_team .sc_team_item .sc_team_item_socials li a.icon span:before{ font-size: 12px; width: 27px; height: 27px; line-height: 29px; text-align: center; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .widget_socials .socPage ul li a span, .author .socPage ul li a span, .copyWrap .socPage ul li a span, { position:absolute; left:0; top:0; background-repeat: no-repeat; background-position: 0 -32px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/ } .sc_team .sc_team_item .sc_team_item_socials li a span {} .widget_socials .socPage ul li a:hover span, .author .socPage ul li a:hover span, .copyWrap .socPage ul li a:hover span, .sc_team .sc_team_item .sc_team_item_socials li a:hover span { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/ } /*upToScroll*/ .upToScroll{ position: fixed; display: inline-block; height: 48px; bottom: -50px; right: 30px; background: #fff; border: 1px solid #ddd; cursor: pointer; z-index: 1001; } .upToScroll.buttonShow{ bottom: 30px;} .upToScroll a { display: inline-block; width: 48px; height: 48px; font-size: 20px; line-height: 48px; text-align: center; color:#888888; } .upToScroll a:before { font-size:inherit; line-height:inherit; padding:0; margin:0; } .upToScroll a.addBookmark { border-right: 1px solid #dddddd; } /*pre code*/ pre.code{ border-left-width: 3px; border-left-style: solid; font-size: 12px; padding: 10px 20px; background: #fcfcfc; margin: 0;} .mfp-content pre { white-space:pre-wrap; overflow-y:visible; overflow-x: hidden; width:98%; } /*standard popUp*/ .user-popUp{ position: relative; background: #FFF; padding: 0; width:auto; max-width: 600px; margin: 20px auto; border: 1px solid #ddd; } .user-popUp .sc_tabs{ margin: 0;} .user-popUp .mfp-close{ display: none;} .user-popUp ul.loginHeadTab{ height: 75px; padding: 0; margin: 0; } .user-popUp ul.loginHeadTab:after{content: ''; height: 0; display: block; clear: both;} .user-popUp ul.loginHeadTab li{ list-style: none; display: block; background-color: #fafafa; width: 50%; float: left; white-space: nowrap; } .user-popUp ul.loginHeadTab li a{ display: block; height: 74px; border-width: 0 0 1px 0; border-style: solid; border-color: #ddd; color: #a2a7b4; font-size: 23px; text-align: center; line-height: 74px; font-weight: 300; overflow: hidden;} .user-popUp ul.loginHeadTab li a:before{ font-family: "fontello"; display: inline-block; padding: 0 10px 0 0; font-size: 14px; line-height: 14px;} .user-popUp ul.loginHeadTab li a.loginFormTab:before{ content: '\e896';} .user-popUp ul.loginHeadTab li a.registerFormTab:before{ content: '\e895';} .user-popUp ul.loginHeadTab li + li a { border-width: 0 0 1px 1px; border-style: solid; border-color: #ddd;} .user-popUp ul.loginHeadTab li.ui-tabs-active{ background-color: #fff; position: relative;} .user-popUp ul.loginHeadTab li.ui-tabs-active:before{ content: ''; height: 4px; display: block; width: 100%; position: absolute; left: -1px; top: -1px; padding: 0 2px 0 0; z-index: 1050; } .user-popUp ul.loginHeadTab li + li.ui-tabs-active:before{ left: 0; padding: 0 1px 0 0;} .user-popUp ul.loginHeadTab li.ui-tabs-active a{ border-bottom-color: #fff; color: #4d5770;} .user-popUp .formItems{ padding: 40px; } .user-popUp .formItems form{ padding: 0; margin: 0; position:relative; } .user-popUp .formItems:after{ content: ''; height: 0; display: block; clear: both; } .user-popUp .formItems .itemformRight { float: left; width: 50%;} .user-popUp .formItems .itemformLeft { float: left; width: 50%;} .user-popUp .formItems.loginFormBody{ margin: 0 -1px 0 0 ; } .user-popUp .formItems.loginFormBody .itemformLeft{ border-right: 1px solid #ddd; } .user-popUp .formItems.loginFormBody .itemformLeft ul{ padding: 0 30px 0 0;} .user-popUp .formItems.loginFormBody .itemformRight{ margin: 0 -1px 0 0 ; } .user-popUp .formItems.loginFormBody .itemformRight ul{ padding: 0 0 0 30px;} .user-popUp .formItems.registerFormBody .itemformLeft ul{ padding: 0 2px 0 0;} .user-popUp .formItems.registerFormBody .itemformRight ul{ padding: 0 0 0 2px;} .user-popUp .formItems.loginFormBody .remember{ color: #99a2ac; font-size: 12px; height: 15px; line-height: 15px; padding: 20px 0; } .user-popUp .formItems.loginFormBody .remember #rememberme{ float: left; vertical-align: middle; margin: 0 5px 0 0; padding: 0;} .user-popUp .formItems.loginFormBody .remember label{ float: left; vertical-align: middle;} .user-popUp .formItems.loginFormBody .remember .forgotPwd { float: right; } .user-popUp .formItems.loginFormBody .remember .forgotPwd:hover { color: #888888; } .user-popUp .formItems.registerFormBody .i-agree{ color: #99a2ac; font-size: 12px; height: 15px; line-height: 15px; padding: 20px 0; } .user-popUp .formItems.registerFormBody .i-agree #i-agree{ float: left; vertical-align: middle; margin: 0 5px 0 0; padding: 0;} .user-popUp .formItems.registerFormBody .i-agree label{ float: left; vertical-align: middle;} .user-popUp .formItems.registerFormBody .i-agree a { display: inline-block; margin: 0 0 0 5px;} .user-popUp .formItems.registerFormBody .i-agree a:hover { color: #888888;} .user-popUp .formItems.loginFormBody .itemformRight { font-size: 12px;} .user-popUp .formItems.registerFormBody .itemformRight .formDescription { font-size: 10px; padding-left: 20px;} .user-popUp .formItems .formList .loginSoc{ padding: 20px 0; height: 32px;} .user-popUp .formItems .formList .loginSoc .iconLogin{ width: 32px; height: 32px; display: block; float: left; background: #000;} .user-popUp .formItems .formList .loginSoc .iconLogin + .iconLogin{ margin: 0 0 0 5px;} .user-popUp .formItems .formList .loginSoc .iconLogin.fb{ background-color: #3b5998; color: #ced5e5;} .user-popUp .formItems .formList .loginSoc .iconLogin.tw{ background-color: #00acee; color: #bfeafb;} .user-popUp .formItems .formList .loginSoc .iconLogin.gg{ background-color: #dd4b39; color: #f6d2cd;} .user-popUp .formItems .formList .loginSoc .iconLogin:before{ font-family: "fontello"; width: 32px; height: 32px; display: block; line-height: 32px; text-align: center;} .user-popUp .formItems .formList .loginSoc .iconLogin.fb:before{ content: '\e844'; } .user-popUp .formItems .formList .loginSoc .iconLogin.tw:before{ content: '\e843'; } .user-popUp .formItems .formList .loginSoc .iconLogin.gg:before{ content: '\e845'; } .user-popUp .formItems .formList{ margin: 0; padding: 0; } .user-popUp .formItems .formList li{ list-style: none; display: block;} .user-popUp .formItems .formList li input[type="text"], .user-popUp .formItems .formList li input[type="password"]{ width: 100%; margin: 0 0 3px 0; padding: 0 40px 0 15px} .user-popUp .formItems .formList li.icon{ overflow: hidden; position: relative;} .user-popUp .formItems .formList li.icon:before{ width: 36px; height: 26px; position: absolute; top: 50%; margin: -14px 0 0 0; right: 1px; display: block; z-index: 1; line-height: 26px; text-align: center; font-family: "fontello";border-left: 1px solid #e3e3e3; opacity: 1; } .user-popUp .formItems .formList li input[type="text"], .user-popUp .formItems .formList li input[type="password"], .user-popUp .formItems .formList li.icon:before, .user-popUp .formItems .formList li .sendEnter{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .user-popUp .formItems .formList li.icon.iconFocus:before{ width: 0; right: -5px; content: '';} .user-popUp .formItems .formList li.icon.formLogin:before{ content: '\e83b'; } .user-popUp .formItems .formList li.icon.formUser:before{ content: '\e885'; } .user-popUp .formItems .formList li.icon.formPass:before{ content: '\e887'; } .user-popUp .formItems .formList li.icon.formSuccess:before{} .user-popUp .formItems .formList li.icon.formError:before{} .user-popUp .formItems .formList li .sendEnter{ display: block; text-decoration: none; border: 1px solid #ddd; height: 38px; line-height: 38px; padding 0 9px; color: #777777; font-size: 14px; cursor: pointer; font-weight: 300; text-align: center;} .user-popUp .formItems .formList li .sendEnter:hover{ background-color: #323232; color: #fff; border-color: #323232;} .user-popUp .formItems .result p { padding: 0; } .user-popUp #loginForm .result { position: absolute; top:0; left:0; width:195px; height:45px; z-index:3000; display:none; } .user-popUp #registerForm .result { position: absolute; top:0; left:0; width:485px; height:45px; z-index:3000; display:none; } /* forms */ form .sc_infobox { margin-top: 5px; } .form-submit { display:none; } .form-submit { text-align:right; margin-top: 20px; } .form-submit input[type="submit"], .form-submit input[type="button"] { width:auto; display: inline-block; padding:0 10px; } .comments .comment_not_approved { padding: 0 0 10px 0; font-style:italic; font-weight:400; } .commentsForm #reply-title { display:none; } /* Theme Customizer -------------------------------------------------------------- */ #custom_options .co_header { position:relative; } #custom_options .co_reset_to_default { position:absolute; display:block; width: 20px; height:20px; line-height:20px; text-align:center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color:#222222; right:0; top: 12px; } #custom_options .co_reset_to_default:before { position:static; font-size:inherit; line-height:inherit; margin:0; padding:0; } #custom_options .co_header .co_title { font-weight:400; padding-top: 12px; } #custom_options .co_options .co_form_row { padding:16px 10px; border-top:1px solid #c9c9c9; position:relative; overflow:hidden; } #custom_options .co_options .co_form_subrow { padding-top:4px; } #custom_options .co_options .co_form_subrow:first-child { padding-top:10px; } #custom_options .co_options .co_form_row .co_label { display:inline-block; padding-bottom:4px; font-weight:400; color: #222222; } #custom_options .co_options .co_form_row .co_label.one_row { font-weight:300; } #custom_options .co_options .co_form_row #co_theme_color { margin-right:20px; } #custom_options .co_options #co_preset_color { display: none; border: 1px solid #ccc; background:#333; padding:5px; z-index:999999; line-height:10px; } #custom_options .co_options #co_preset_color span { display:inline-block; width:19px; height:22px; margin:0 1px 1px 0; padding:0; border-width: 1px; border-style: solid; } #custom_options .co_options #co_preset_color span.active { border-color:#000000; } #custom_options .co_options #co_preset_color span:hover { border-color:#666666; cursor:pointer; } [id^="collorpicker"] { z-index:9999; } #custom_options .co_options .co_switch_box { margin-top:6px; } #custom_options .co_options .co_switch_box a { color:#222222; } #custom_options .co_options .co_switch_box .co_switch_label, #custom_options .co_options .co_switch_box .switcher, #custom_options .co_options .co_switch_box .switcher2 { display:inline-block; float: left; height:29px; line-height:29px; margin-right:10px; } #custom_options .co_options .co_switch_box .boxed, #custom_options .co_options .co_switch_box .fon { margin-right:0; } #custom_options .co_options .co_switch_box .switcher, #custom_options .co_options .co_switch_box .switcher2 { width: 80px; height: 30px; background-color:#888888; position:relative; -webkit-border-radius: 1000px !important; -moz-border-radius: 1000px !important; border-radius: 1000px !important; } #custom_options .co_options .co_switch_box .switcher a, #custom_options .co_options .co_switch_box .switcher2 a { display:block; position:absolute; left:0; top:0; margin: 3px; width:24px; height:24px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color:#e2e2e2; } #custom_options .co_options #co_bg_color.colorSelector { left: 150px; top:18px; } #custom_options .co_options #co_bg_pattern_list, #custom_options .co_options #co_bg_images_list { margin-top:6px; } #custom_options .co_options .co_pattern_wrapper { display:block; border:1px solid #888888; border-radius:1px; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); width:24px; height:24px; padding:2px; float:left; margin:0 8px 8px 0; background-color:#dddddd; } #custom_options .co_options #co_bg_pattern_list a img { border:1px solid #666666; width:22px; height:22px; } #custom_options .co_options #co_bg_images_list a.current, #custom_options .co_options #co_bg_pattern_list a.current { } #custom_options .co_options .co_image_wrapper { display:block; border:1px solid #888888; border-radius:1px; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); width:50px; height:30px; padding:2px; float:left; margin: 0 7px 7px 0; background-color:#dddddd; } #custom_options .co_options #co_bg_images_list a img { border:1px solid #666666; width:48px; height:28px; } .iColorPicker { display:inline-block; position: relative; width: 21px; height: 21px; background: url(images/colorpicker.png); vertical-align:top; margin-left:10px; cursor:pointer; } .iColorPicker_moreColors { display:inline-block; width: 14px; height: 14px; margin-left:2px; background: url(images/colorpicker_morecolors.png); vertical-align:middle; } body.boxed.bg_pattern_1 { background: url(images/bg/pattern_1.png) 50% 50% repeat fixed;} body.boxed.bg_pattern_2 { background: url(images/bg/pattern_2.png) 50% 50% repeat fixed;} body.boxed.bg_pattern_3 { background: url(images/bg/pattern_3.png) 50% 50% repeat fixed;} body.boxed.bg_pattern_4 { background: url(images/bg/pattern_4.png) 50% 50% repeat fixed;} body.boxed.bg_pattern_5 { background: url(images/bg/pattern_5.png) 50% 50% repeat fixed;} body.boxed.bg_pattern_6 { background: url(images/bg/pattern_6.png) 50% 50% repeat fixed;} body.boxed.bg_pattern_7 { background: url(images/bg/pattern_7.png) 50% 50% repeat fixed;} body.boxed.bg_pattern_8 { background: url(images/bg/pattern_8.png) 50% 50% repeat fixed;} body.boxed.bg_pattern_9 { background: url(images/bg/pattern_9.png) 50% 50% repeat fixed;} body.boxed.bg_pattern_0 { background: url(images/bg/pattern_0.png) 50% 50% repeat fixed;} body.boxed.bg_image_1 { background: url(images/bg/image_1.jpg) 50% 0% repeat-y fixed;} body.boxed.bg_image_2 { background: url(images/bg/image_2.jpg) 50% 0% repeat-y fixed;} body.boxed.bg_image_3 { background: url(images/bg/image_3.jpg) 50% 0% repeat-y fixed;} body.boxed.bg_image_4 { background: url(images/bg/image_4.jpg) 50% 0% repeat-y fixed;} body.boxed.bg_image_5 { background: url(images/bg/image_5.jpg) 50% 0% repeat-y fixed;} body.boxed.bg_image_6 { background: url(images/bg/image_6.jpg) 50% 0% repeat-y fixed;} body.boxed.bg_image_1, body.boxed.bg_image_2, body.boxed.bg_image_3, body.boxed.bg_image_4, body.boxed.bg_image_5, body.boxed.bg_image_6 { background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto; } /* View more button */ #viewmore.squareButton { margin:0 auto; padding:0 0 50px 0; display:block; width:120px; overflow:hidden; } #viewmore.pagination_infinite { visibility:hidden; padding:0; height:0; position:relative; } #viewmore_link { display:block; text-align:center; text-transform:uppercase; height:36px; line-height:36px; } #viewmore_link span { display:inline-block; } #viewmore_link .viewmore_loading { display:none; margin-right:10px; } #viewmore_link .viewmore_loading:before { font-size: 16px; } #viewmore_link.loading .viewmore_loading { display:inline-block; } #viewmore_link.loading .viewmore_text_1 { display:none; } #viewmore_link .viewmore_text_2 { display:none; } #viewmore_link.loading .viewmore_text_2 { display:inline-block; } .content article.viewmore { animation: zoomin .5s; } /* Timeline slider scrolling */ #timeline_slider.fixed { top: 0 !important; } /* Animations ------------------------------------------------------------------------------------ */ @keyframes zoomin { 0% { transform: scale(.1); -webkit-transform: scale(.1); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes viewmore { 0% { transform: scale(.1); -webkit-transform: scale(.1); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes zoomout { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(.1); -webkit-transform: scale(.1); } } @-webkit-keyframes viewmore { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(.1); -webkit-transform: scale(.1); } } /* Demo components */ .wooc_grecko_icons { float:left;width:24%;text-align:center; margin-bottom:50px; } .wooc_grecko_icons + .wooc_grecko_icons { width:25%; border-left:1px solid #dddddd; } .wooc_grecko_icons .sc_icon { margin-bottom:30px; font-size:72px; } /* Google conversion */ iframe[name="google_conversion_frame"] { height:1px; min-height:0px; } /* Debug window */ #debugLog { position:fixed; z-index:1000000; display:block; width:100%; max-height:400px; left:0; top:0; background:rgba(0,0,0,0.8); color:#ffffff; overflow:auto; } .admin-bar #debugLog { top:32px; } #debugLogClose { position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; font-weight:bold; font-size:14px; text-align:center; cursor:pointer; } #debugLogContent { padding:12px; }