/* Theme Name: EZplumbingrestoration Child Theme URI: https://wordpress.org/themes/twentynineteen/ Template: twentynineteen Author: the WordPress team Author URI: https://wordpress.org/ Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes. Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready Version: 1.4.1570782309 Updated: 2019-10-11 08:25:09 */ @charset "utf-8"; @import url(https://fonts.googleapis.com/css?family=Rufina:100,100italic,300,300italic,400,400italic,700,700italic&subset=latin,latin-ext,cyrillic,cyrillic-ext); @import url(https://fonts.googleapis.com/css?family=Sintony:100,100italic,300,300italic,400,400italic,700,700italic&subset=latin,latin-ext,cyrillic,cyrillic-ext); @import url(https://fonts.googleapis.com/css?family=Hind:400,300,600,500,700); @import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500italic,500,700,700italic); @import url(https://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic); /* 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; -webkit-font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; } html, body { margin: 0; padding: 0; width: 100%; height: 100%; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ /*overflow-y: scroll;*/ /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } body { color: #606060; font: 300 16px/28px 'Roboto', sans-serif; letter-spacing: 0.25px; } pre, code, tt { font-family: 'Courier New', monospace; } pre { background-color: #fefefe; border: 1px solid #f0f0f0; padding: 7px 10px; overflow: hidden; word-break: break-all; } header, nav, section, article, aside, footer { display: block } big { font-size: 120%; } small { font-size: 80%; } address { font-style: italic; /*padding-bottom: 30px;*/ } a img { border: none; } a { color: #000000; text-decoration: none; } .theme_accent_bg a:hover { color: #ffffff; } img { max-width: 100%; height: auto; } figure { border: 0; margin: 0; padding: 0; } /* p { padding:0 0 30px 0; margin:0;} */ table p { padding-bottom: 0 !important; } b, strong { font-weight: 700; color: #000 } em, i { font-style: italic; } abbr { border-bottom: 1px dashed #888888; } cite, acronym { font-style: italic; } kbd, code { display: block; padding: 10px; font-family: 'Courier New', monospace; } kbd { display: inline-block; } var { font-weight: bold; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; color: #1a1a1a; -ms-word-wrap: break-word; word-wrap: break-word; } h1, .h1 { font-size: 48px; line-height: 52px; padding: 0 0 10px 0; font-weight: 300; } h2, .h2 { font-size: 36px; line-height: 45px; padding: 0 0 40px 0; font-weight: 300; } h3, .h3 { font-size: 24px; line-height: 28px; padding: 0 0 35px 0; font-weight: 300; } h4, .h4 { font-size: 17px; line-height: 20px; padding: 0 0 30px 0; font-weight: 300; } h5, .h5 { font-size: 13px; line-height: 16px; padding: 0 0 30px 0; font-weight: 300; } h6, .h6 { font-size: 12px; line-height: 15px; padding: 0 0 30px 0; font-weight: 300; } .widget_area li h1, .widget_area li .h1, .widget_area li h2, .widget_area li .h2, .widget_area li h3, .widget_area li .h3, .widget_area li h4, .widget_area li .h4, .widget_area li h5, .widget_area li .h5, .widget_area li h6, .widget_area li .h6 { padding-bottom: 6px; } 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; } .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; } .big_text { font-size: 18px; line-height: 27px; } :focus { outline: none; } /*list*/ /* ul li { list-style: circle; } ol li { list-style: decimal; } */ .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: 16px; height: 20px; margin: 4px 0 0 -20px; float: left; text-align: center; line-height: 20px; } ul.sc_list_style_disk li:before { content: ''; display: block; width: 6px; height: 6px; 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; } .testimonial .testi-content:before { position: absolute; right: 0; bottom: 0px; content: "\f10e"; font-family: FontAwesome; color: #fff; font-size: 40px; } .testimonial .testi-content:after { position: absolute; left: 4px; top: 10px; content: "\f10d"; font-family: FontAwesome; color: #fff; font-size: 40px; } .testimonial .testi-content { position: relative; color: #fff; font-size: 17px; padding: 25px 50px; line-height: 26px; } /* definition lists */ .content dl { margin-bottom: 30px; } /* table */ table { width: 100%; border-spacing: 0; border-collapse: collapse; } table td, table th { border: 1px solid #dddddd; padding: 4px; } .content table { margin-bottom: 30px; } body[class*="woocommerce-"] table th, body[class*="woocommerce-"] table td, table#sc_calendar th, table#sc_calendar td, table.sc_calendar th, table.sc_calendar td, #pageNavSlider table td, #pageNavSlider table th { border-width: 0; } /* Media elements hook for Safary */ .me-plugin { position: absolute; height: 0; width: 0; } /* Buttons */ .squareButton { margin: 0 3px 8px; } .roundButton.border > a, .squareButton.border > a { background: none; } .roundButton.border:hover > a, .squareButton.border > a:hover, .squareButton.global > a:hover { color: #ffffff; } .tp-caption.hr-sl2-text.sfl.tp-resizeme.start { margin-top: 48px; top: 60.5px !important; /* left: 842px !important; */ font-size: 46px !important; line-height: 50px !important; } /* Main content width */ /* body { min-width:1200px; } .main_content { min-width: 1200px; } */ .sidemenu_left .main_content { min-width: 1150px; } .main { width: auto; margin: 0 auto; } .usermenu_area .main { position: relative; } 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; } .copyWrap, body:not(.video_bg) .mainWrap { overflow: hidden; background-color: #fff; margin-bottom: -11px; } /* boxed */ body.boxed .boxedWrap { width: 1250px; margin: 0 auto; } .boxedWrap .fixing_you img { display: block; width: 100%; height: 100%; } /* boxed or wide with sidebar */ .sidebar { width: 250px; padding: 110px 0; } .with_sidebar .content { width: 850px; } .sideBarRight .content { float: left; } .sideBarRight .sidebar { float: right; } .sideBarLeft .content { float: right; } .sideBarLeft .sidebar { float: left; } /* fullwide or fullscreen with sidebar */ .fullwide .with_sidebar .content, .fullscreen .with_sidebar .content { width: auto; max-width: 100%; } .fullwide .sideBarRight .content, .fullscreen .sideBarRight .content { margin-right: 300px; } .fullwide .sideBarRight .sidebar, .fullscreen .sideBarRight .sidebar { margin-left: -250px; } .fullwide .sideBarLeft .content, .fullscreen .sideBarLeft .content { margin-left: 300px; } .fullwide .sideBarLeft .sidebar, .fullscreen .sideBarLeft .sidebar { margin-right: -250px; } /*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; } .feedBlock { text-align: center; color: #fff; font-size: 18px; line-height: 25px; font-weight: 300; } .marginBottom { margin-bottom: 3.5em; } /*===================================================== grid ====================================================*/ .columnsWrap { overflow: hidden; } .columnsWrap:after { height: 0; display: block; content: ''; clear: both; } .columns1, .columns1_1 { margin: 0 4.1666% 0 0; width: 95.8334%; } .columns2_3 .sc_contact_form .columns1_2 + .columns1, .columns2_3 .sc_contact_form .columns1_2 + .columns1_1 { margin: 0 4.1666% 0 0; width: 93.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 5.5555% 0 0; width: 27.7778%; } .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 .sc_contact_form_contact_2 .columnsWrap { margin-right: -6.0809%; } .with_sidebar .columns2_3 .columns1_2 { margin: 0 8.3333% 0 0; width: 41.6667%; } .with_sidebar .columns2_3 .sc_contact_form .columns1_2 + .columns1_2 { margin: 0 4.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%; } /*===================================================== Elements ====================================================*/ /*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"], .squareButton > span, .squareButton > a, .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, #toc .toc_description /*radius4*/ { 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*/ { 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*/ { 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*/ { 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*/ { 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*/ { border-radius: 3px; } .sc_table, .sc_pricing_table, .sc_pricing_table .sc_pricing_columns:hover ul.columnsAnimate /*radius10*/ { border-radius: 10px; } .sc_table table tr:first-child th:first-child, .sc_table table tr:first-child td:first-child, .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, .tabsButton ul li, .tabsButton ul li a:before, .sc_tabs_style_1 .sc_tabs_titles li.ui-tabs-active a /*radius10 top left*/ { border-top-left-radius: 10px; } .sc_table table tr:first-child th:last-child, .sc_table table tr:first-child td:last-child, .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, .tabsButton ul li, .tabsButton ul li a:before, .sc_tabs_style_1 .sc_tabs_titles li.ui-tabs-active a /*radius10 top right*/ { border-top-right-radius: 10px; } .sc_table table tr:last-child th:first-child, .sc_table table tr:last-child td:first-child, .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*/ { border-bottom-left-radius: 10px; } .sc_table table tr:last-child th:last-child, .sc_table table tr:last-child td:last-child, .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*/ { 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, .author .avatar img, .comments .commBody li.commItem .avatar img, .sc_blogger.style_date .load_more:before, .menuSearch, .searchBlock, .twitBlock .sc_slider .flex-direction-nav li a:before, .sc_testimonials .sc_testimonials_item_author .sc_testimonials_item_avatar img, .sc_testimonials .sc_testimonials_item_author .sc_testimonials_item_avatar, .sc_testimonials .flex-direction-nav a, .sc_scroll_controls .flex-direction-nav a, .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, .sc_blogger.style_date .sc_blogger_item .sc_blogger_date, .openRightMenu, ul.sc_list_style_disk li:before /*100%*/ { border-radius: 1000px !important; } .imgNav .itemPrev:before, .imgNav .itemNext:before, .imgNav .itemPrev .itInf, .imgNav .itemNext .itInf /*25px*/ { border-radius: 25px; } /*form*/ input[type="text"], input[type="password"] { height: 36px; line-height: 36px; padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box; } textarea { padding: 15px; resize: vertical; box-sizing: border-box; } textarea.textAreaSize { max-height: 500px !important; } input[type="text"], input[type="password"], textarea { font-family: inherit; font-size: 14px; outline: none; color: #888888; background-color: #fafafa; border: 1px solid #ddd; 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; } /* form with subject styles */ .sc_contact_form_contact_1 .columnsWrap { padding-bottom: 0 !important; } .sc_contact_form_contact_1 input[type="text"], .sc_contact_form_contact_1 input[type="password"] { box-sizing: border-box; height: 34px; line-height: 34px; margin: 0 0 20px; padding: 0 15px; } .sc_contact_form_contact_1 textarea { box-sizing: border-box; line-height: 18px; min-height: 135px; margin: 0 0 40px; padding: 15px; resize: vertical; } .sc_contact_form_contact_1 input[type="text"], .sc_contact_form_contact_1 input[type="password"], .sc_contact_form_contact_1 textarea { background-color: transparent; border: 1px solid #b4b4b4; color: #606060; font-family: inherit; font-size: 14px; font-weight: 300; outline: none; } .sc_contact_form_contact_1 input[type="text"]:focus, .sc_contact_form_contact_1 input[type="password"]:focus, .sc_contact_form_contact_1 textarea:focus { border-color: #bebebe; } .sc_contact_form_contact_1 button:focus { outline: none; border: none; } .sc_contact_form_contact_1 button::-moz-focus-inner { border: 0; } .sc_contact_form_contact_1 .sc_contact_form_button .squareButton { float: none !important; } /*transition*/ .button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #3bb44d; cursor: pointer; } .usermenu_area .sidemenu_button, .usermenu_area .sidemenu_button:hover, .topWrap .topMenuStyleLine > ul > li > a:hover, .topWrap .topMenuStyleLine > ul > li.highlight > a:after, .woocommerce input#submit:before, .woocommerce .button:before, .woocommerce input#submit:after, .woocommerce .button:after, .squareButton > a:after, .squareButton > span:after, h4 > a, .sc_title_icon:before, a > .sc_title_icon, a > .sc_title, .masonry article .thumb .link-wrapper a, .copyWrap a, footer a, .sc_blogger h4 > a, .squareButton.light.ico > a:after, .squareButton.light.ico > a:before, .sliderHomeBullets.slider_alias_13 .order a, .sc_team .sc_team_item .sc_team_item_title a, .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, .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:hover, .mejs-container .mejs-controls .mejs-volume-button button, .mejs-container .mejs-controls .mejs-volume-button button:hover, .roundButton a, .roundButton a:hover, input[type="submit"], input[type="button"], .squareButton > a, .squareButton > a:hover, .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 .flickr_images > a:before, .footerWidget .instagram-pics li a:before, .reviewBlock .ratingItem .ratBubble, .topWrap .topMenuStyleLine > 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:hover, .pagination .flex-direction-nav a:active, body.boxed, body.boxed .boxedWrap, .openRightMenu:before, .topWrap .search:not(.searchOpen):before, .fullScreenSlider > header:first-child > .topWrap, .fullScreenSlider .sliderHomeBullets .order a, .booking_clear_custom, .widgetWrap .tagcloud a, .ih-item.square.effect6 .info .link-wrapper, .sc_title_icon:after { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .contactFooter .contactShare ul li a:hover span, .sc_team .sc_team_item .sc_team_item_socials li a:hover span, .socPage li a:hover span { -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } /* 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; } /* Magnific popup */ .mfp-wrap { margin-top: 30px; } .mfp-bottom-bar { margin-top: -70px !important; background-color: rgba(0, 0, 0, 0.5); padding: 6px 0; min-height: 18px; } .mfp-bottom-bar .mfp-title, .mfp-bottom-bar .mfp-counter { color: #ffffff; } .mfp-bottom-bar .mfp-title { padding: 0 40px 0 12px; } .mfp-bottom-bar .mfp-counter { top: 6px; right: 12px; } .sc_emailer + .mfp-close { right: -7px; top: -2px; } /* Mediaelements player */ .me-cannotplay { overflow: hidden; } /* fixed banner on the right*/ .fixed_banner { position: fixed; right: 0; top: 335px; z-index: 999; } .admin-bar .fixed_banner { top: 367px; } .fixed_banner img { height: 99px; width: 66px; } /* margin styles */ .margin_bottom_none { margin-bottom: 0 !important; } .margin_top_none { margin-top: 0 !important; } .margin_left_none { margin-left: 0 !important; } .margin_right_none { margin-right: 0 !important; } .margin_left_mini { margin-left: 15px !important; } .margin_right_mini { margin-right: 15px !important; } .margin_bottom_mini { margin-bottom: 15px !important; } .margin_top_mini { margin-top: 15px !important; } .margin_bottom_small { margin-bottom: 30px !important; } .margin_top_small { margin-top: 30px !important; } .margin_left_small { margin-left: 30px !important; } .margin_right_small { margin-right: 30px !important; } .margin_bottom_middle { margin-bottom: 50px !important; } .margin_top_middle { margin-top: 50px !important; } .margin_bottom_big { margin-bottom: 0px !important; } .margin_top_big { margin-top: 70px !important; } .margin_bottom_large { margin-bottom: 100px !important; } .margin_top_large { margin-top: 100px !important; } .margin_bottom_xlarge { margin-bottom: 13em !important; } .margin_top_xlarge { margin-top: 13em !important; } .sc_blogger_content { margin-bottom: 29px; } /* ============================================ Styles ============================================ */ .sticky { position: relative; } .sticky .sticky_label { position: absolute; right: 0; top: 0; 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-required { margin: 105px 0 85px !important; text-align: center; } .post-password-form label { display: inline-block; height: 36px; line-height: 36px; vertical-align: top; } .post-password-form input[type="submit"] { -webkit-appearance: none; border-radius: 0; display: inline-block; height: 36px; line-height: 36px; margin-left: 10px; } /* #testimonial { height: 451px; } */ .testimonial .testi-img img { max-width: 60px; border-radius: 100%; border:3px solid #fff; margin-bottom: 25px; } .testi-slider-arrow { position: absolute; width: 100%; z-index: 10; bottom: -30px; text-align: center; } .ftco-cover-1.overlay { position: relative; } .ftco-cover-1, .ftco-cover-1 .container > .row { height: 100vh; min-height: 670px; } .ftco-cover-1 { background-size: cover; background-position: center center; background-repeat: no-repeat; } .testi-slider-arrow .carousel-control-prev, .testi-slider-arrow .carousel-control-next { display: inline-block; font-size: 40px; color: #fff; opacity: 1; position: initial; width: initial; margin: 0 20px; } .testi-title { text-align: center; padding: 22px; color: #fff; font-size: 38px; } .testi-img { text-align: center; } .testi-img img { width: 100px; border-radius: 50%; } /* light section */ .light_section + .light_section .sc_content.main { padding-top: 0; } .light_section .sc_undertitle { color: #1a1a1a; } /* grey section */ .grey_section .sc_undertitle { color: #1a1a1a; text-align: center; } /* darkgrey section */ .darkgrey_section .sc_title, .darkgrey_section .sc_undertitle { color: #fff; } /* woo_section */ .woo_section { margin-top: -100px !important; margin-right: -50px !important; margin-left: -50px !important; } /* testimonials */ .image_bg { background-image: url(../images/1386x560.png); background-size: cover; } .image_bg .sc_testimonials, .image_bg .sc_title { color: #fff; } .image_bg2 { background-image: url(../images/1687x800.png); background-size: cover; } .image_bg2 .sc_testimonials, .image_bg2 .sc_title { color: #fff; } /* partner_section */ .sc_content.main.partner_section { padding-top: 30px; padding-bottom: 0px; } .sc_content.main.partner_section .sc_image_align_left { margin-right: 80px !important; } .sc_content.main.partner_section .sc_image_align_left:last-child { margin-right: 0px !important; } /* shop page */ .shop_bg { background: url(../images/bg/481x717.png) 0 0 repeat fixed; } /* parallax */ .sc_parallax_overlay_style_1 { background-color: rgba(0, 0, 0, 0.6); } .sc_parallax_overlay_style_2 { background-color: rgba(0, 0, 0, 0.65); } .sc_parallax_container { margin-top: 5em !important; margin-right: auto !important; margin-bottom: 2em !important; margin-left: auto !important; width: 90%; } .parallax_bg_1 { background: url(../images/1000x1000.png); background-position: 50% 50%; } .parallax_bg_2 { background: url(../images/1000x667.png); background-position: 50% 50%; } /* skills */ .sc_skills_bar_style_1 { height: 300px; } .sc_skills_bar.sc_skills_vertical.sc_skills_bar_style_1 .sc_skills_columns .sc_skills_item { height: 300px; } .sc_skills_bar .columns1_5 .sc_skills_info + .sc_skills_info { width: 45%; } /* slider */ .sc_slider_fixheight_1 { height: 390px; } .sc_slider_style_1 { max-width: 1150px; } .sc_slider_style_2 { max-height: 647px; } .slider_img_1 { background-image: url(../images/758x500.png); width: 100%; } .slider_img_2 { background-image: url(../images/2000x1342.png); width: 100%; } .slider_img_3 { background-image: url(../images/750x500.png); width: 100%; } .slider_img_4 { background-image: url(../images/758x500.png); width: 100%; } .slider_img_5 { background-image: url(../images/2000x1342.png); width: 100%; } .slider_img_6 { background-image: url(../images/750x500.png); width: 100%; } .slider_img_7 { background-image: url(../images/591x390.png); width: 100%; } .slider_img_8 { background-image: url(../images/581x390.png); width: 100%; } .slider_img_9 { background-image: url(../images/585x390.png); width: 100%; } .slider_img_10 { background-image: url(../images/1150x647.png); width: 100%; } .slider_img_11 { background-image: url(../images/1150x647.png); width: 100%; } .slider_img_12 { background-image: url(../images/1150x647.png); width: 100%; } .slider_img_13 { background-image: url(../images/1150x647.png); width: 100%; } .slider_img_13 { background-image: url(../images/1150x647.png); width: 100%; } /* zoom */ .sc_border .sc_zoom.height_style_1, .sc_border .sc_zoom.height_style_1 img { height: 310px; } /* price slider */ .price_slider_wrapper .price_slider_amount .price_label input { background: transparent; border: none; outline: 0; padding: 0; width: 55px; text-align: right; } /*--- woocomerce ---*/ /*rating*/ aside.widget_top_rated_products [title*="Rated 1"] span, aside.widget_recent_reviews [title*="Rated 1"] span { width: 20%; } aside.widget_top_rated_products [title*="Rated 2"] span, aside.widget_recent_reviews [title*="Rated 2"] span { width: 40%; } aside.widget_top_rated_products [title*="Rated 3"] span, aside.widget_recent_reviews [title*="Rated 3"] span { width: 60%; } aside.widget_top_rated_products [title*="Rated 4"] span, aside.widget_recent_reviews [title*="Rated 4"] span { width: 80%; } aside.widget_top_rated_products [title*="Rated 5"] span, aside.widget_recent_reviews [title*="Rated 5"] span { width: 100%; } /* product */ .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { margin-left: 5px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.ui-tabs-active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.ui-tabs-active { border: 1px solid #dddddd; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-color: #ffffff; } .woocommerce div.product .woocommerce-tabs ul.tabs { z-index: 1; } #review_form p.comment-form-rating { padding-bottom: 0; } /* ============================================ Header ============================================ */ header { background: transparent; padding: 2px 0; width: 100%; display: inline-block; position: absolute; z-index: 1; } header .logo { float: left; padding: 10px 0; } header .logo img { max-width: 80px } header .header-service { float: right; display: -webkit-box; display: flex; padding: 18px 0; } .header-service .emergency-serrvice { padding-left: 15px; display: flex; align-items: center; flex-direction: column; justify-content: center; } .header-service .emergency-serrvice .emergency-text { font-family: 'latoblack'; color: #3bb44d; font-size: 14px; } .header-service .emergency-serrvice .phone { font-family: 'latoblack'; color: #fff; font-size: 34px; line-height: 34px; } .ubermenu { padding: 0px !important; border: none !important; background: #3AB54B !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #3AB54B), to(#3AB54B)) !important; background: linear-gradient(to bottom, #3AB54B 22%, #3AB54B 100%) !important; } .ubermenu-nav li a { font-size: 14px; width: 100%; text-align: center; color: #fff !important; padding: 9px !important; font-weight: normal !important; } .ubermenu .ubermenu-item.ubermenu-item-level-0 { width: 100%; } .ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target { display: -webkit-box; display: flex; text-decoration: none; height: 50px; -webkit-box-align: center; align-items: center; min-height: 50px; position: relative; justify-content: space-around; font-size: 13px; } .ubermenu-submenu-type-auto { max-width: 100px !important; background: #000 !important; } .ubermenu-bound .ubermenu-submenu-type-mega { min-width: 16% !important; } .ubermenu-submenu-type-auto .ubermenu-item a { color: #fff !important; width: 176px !important; padding: 13px !important; border-bottom: 1px solid #017ecd; } .ubermenu-skin-black-white-2 .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { background: none !important; color: #000000 !important; } .ubermenu-skin-black-white-2.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop { margin-top: 0px !important; background: #3bb44d; margin-left: 0; border: none; border-top: none; background: #3bb44d !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #3AB54B), to(#3AB54B)) !important; background: linear-gradient(to bottom, #3AB54B 22%, #3AB54B 100%) !important; } .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator { display: block; } .ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target { border-left: 2px solid rgba(0, 0, 0, 0.16) !important; } body:not(.rtl) .ubermenu.ubermenu-horizontal .ubermenu-item-level-0:first-child>.ubermenu-target { border-left: none !important; } .ubermenu-nav { display: -webkit-box !important; display: flex !important; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .ubermenu .ubermenu-target:hover { color: #000 !important; } .topWrap { background-color: #ffffff; background-position: center center; top: -100px; z-index: -1; } .topWrap .usermenu_area { height: 35px; } .topWrapFixed { top: -100px; display: none; } header.fixedTopMenu .topWrap { position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); } .topWrap .logo .logo_fixed { display: none; } header.fixedTopMenu .topWrap .logo .logo_main { display: none; } header.fixedTopMenu .topWrap .logo .logo_fixed { display: inline-block; } header.fixedTopMenu .topWrap .logo { padding: 0; } header.fixedTopMenu .topWrap .logo img { max-height: 50px; max-width: 55px; } header.fixedTopMenu .topWrap .logo .logo_slogan { display: none; } header.fixedTopMenu .topWrap .menuTopWrap > ul > li { padding: 15px 0; } header.fixedTopMenu .topWrap .menuTopWrap.topMenuStyleLine > ul > li > ul { top: 60px; } header.fixedTopMenu .topWrap .search { margin: 15px 0 15px 10px } header.fixedTopMenu .topWrap .openRightMenu { margin: 15px 0 15px 10px } header.fixedTopMenu .topWrap .usermenu_area { height: 0; overflow: hidden; } .sidemenu_left header.fixedTopMenu .topWrap { padding: 0; } .sidemenu_left.openMenuFix header.fixedTopMenu .topWrap { padding-left: 250px; } .admin-bar header.noFixMenu .topWrap { margin-top: 0; } .admin-bar header.fixedTopMenu .topWrap { margin-top: 32px; } header.topSearchShow .menuTopWrap { display: none !important; } .topWrap:after { content: ""; display: block; clear: both; } .topWrap .logo { float: left; font-size: 29px; font-weight: 100; padding: 35px 0 30px; color: #fff; } .logo a { display: block; color: #fff; text-decoration: none; } .logo img { display: inline-block; max-height: 100%; border: none; vertical-align: top; max-width: 81px; } .logo .logo_text { display: inline-block; vertical-align: top; line-height: 21px; } .logo .logo_slogan { display: block; vertical-align: top; line-height: 14px; font-size: 10px; } .logo a:hover { color: #ffffff; } 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; } .contactFooter .logo .logo_text { line-height: 40px; } .topWrap .logo.logo_left { text-align: left; } .topWrap .logo.logo_center { text-align: center; } .topWrap .logo.logo_right { text-align: right; } header.menu_left .topWrap .logo, header.menu_center .topWrap .logo { float: none; padding-bottom: 0; } /* Hide slogan - If logo above menu - increase height and hide slogan body:not(.responsive_menu) header.menu_left .topWrap .logo img, body:not(.responsive_menu) header.menu_center .topWrap .logo img { height: 40px; } body:not(.responsive_menu) header.menu_left .topWrap .logo_slogan, body:not(.responsive_menu) header.menu_center .topWrap .logo_slogan { display:none; } */ .responsiveMenu { float: right; margin-top: 0; padding: 0 20px; } .responsive_menu header.menu_left .topWrap .logo, .responsive_menu header.menu_center .topWrap .logo { float: left; /*overflow:hidden;*/ } header.menu_left .topWrap .logo a, header.menu_center .topWrap .logo a { display: inline-block; } header.menu_right .logo_slogan { display: none; } .logo .logo_slogan { color: rgba(0, 0, 0, 0.5); } .topWrap .search { border: 0; border-bottom: 1px solid #b4b4b4; float: right; height: 28px; margin: 61px 0 57px 25px; padding: 0 28px 0 0; position: relative; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; width: 0; } .topWrap .search:before { position: absolute; right: 0; top: 0; z-index: 2; width: 28px; height: 28px; content: '\e83f'; font-family: "fontello"; font-size: 18px; color: rgba(103, 103, 88, 0.5); line-height: 29px; text-align: center; } .topWrap .search.searchOpen:before { content: '\e811'; font-size: 10px; } .topWrap .search:hover { cursor: pointer; } .topWrap .search:not(.searchOpen):hover:before { background-color: transparent; } .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: #59524c; position: absolute; left: 5px; top: 0; color: rgba(103, 103, 88, 0.5); font-weight: 300; } .topWrap .search .searchForm .searchField:focus { color: #59524c; } .topWrap .search .searchForm .searchField::-webkit-input-placeholder { color: rgba(103, 103, 88, 0.5); } .topWrap .search .searchForm .searchSubmit { width: 28px; height: 28px; border: none; background: none; padding: 0px; cursor: pointer; position: absolute; left: 0; top: 0; display: none; } .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(103, 103, 88, 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; 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: -6px; left: 50px; -webkit-transform: rotate(45deg); 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 { color: rgba(255, 255, 255, 0.5); font-size: 12px; font-weight: 400; } .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 .phone_number { color: #ffffff; font-size: 12px; font-weight: 600; height: 35px; line-height: 35px; margin-left: 7%; padding: 0; position: relative; } .topWrap .copy_socials.socPage > span { margin-left: 7%; } .topWrap .copy_socials.socPage > span { float: left; line-height: 35px; } .topWrap .copy_socials.socPage ul { float: left; height: 23px; margin: 5px 11px 0; padding: 0; } .topWrap .copy_socials.socPage ul li { padding-bottom: 0; } .topWrap .usermenu_area ul.usermenu_list { padding: 0; margin: 0; display: none; float: right; } .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 > .cart_button.sf-with-ul > span:after { content: ":"; font-size: 12px; } .topWrap .usermenu_area ul.usermenu_list > li > .cart_button.sf-with-ul > span:before { content: "Shopping "; font-size: 12px; } .topWrap .usermenu_area ul.usermenu_list > li > .cart_button .amount { font-weight: 400; } .topWrap .usermenu_area ul.usermenu_list > li.sfHover > a { color: #fff; text-decoration: underline; } .topWrap .usermenu_area ul.usermenu_list > li + li { margin: 0 14px 0 40px; } .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); 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 .widget_shopping_cart_content .buttons a { color: #0d0d0d; } .topWrap .usermenu_area ul.usermenu_list li ul li .widget_shopping_cart_content .buttons a:hover { color: #ffffff; } .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'; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_currency > a { padding: 0 15px; background: rgba(255, 255, 255, 0.5); text-decoration: none; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_currency.sfHover > a, .topWrap .usermenu_area ul.usermenu_list li.usermenu_currency > a:hover { background-color: #fff; position: relative; z-index: 1050; height: 36px; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_currency ul { width: 80px; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_currency ul li a b { display: inline-block; padding: 0 7px 0 0; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart > a:before, .topWrap .usermenu_area ul.usermenu_list li.usermenu_language > a:before, .topWrap .usermenu_area ul.usermenu_list li.usermenu_sound > a:before { display: inline-block; height: 35px; width: 15px; text-align: center; line-height: 35px; padding: 0 5px 0 0; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_sound > a, .topWrap .usermenu_area ul.usermenu_list li.usermenu_sound > a:hover { text-decoration: none !important; } .topWrap .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; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_language > a:before { content: '\e884'; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart > a:after, .topWrap .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; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart.sfHover > a:after, .topWrap .usermenu_area ul.usermenu_list li.usermenu_language.sfHover > a:after { content: '\e859'; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart { width: 300px; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart aside:last-child { padding-bottom: 0; margin-bottom: 10px; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart .widgettitle { font-size: 18px; padding-bottom: 20px; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart ul { display: block; position: static; border: none; width: 100%; padding: 0; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .sidebar_cart ul:before { display: none; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li { margin-bottom: 10px; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a { color: #222222; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a, .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area ul li a:hover, .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a, .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:hover, .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:after, .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:hover:after { text-decoration: none !important; font-size: 14px !important; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a { padding: 5px 10px 1px; display: inline-block; float: none; margin-right: 10px; width: auto; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.buttons a:after { font-family: "WooCommerce" !important; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_cart .widget_area p.total { padding-bottom: 10px; } /* user header */ .userHeaderSection, .userFooterSection { overflow: hidden; } .userHeaderSection.grey { border-bottom: 1px solid #ddd; background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ffffff), to(#f2f2f2)); 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: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #f2f2f2), to(#ffffff)); 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 { border-top: 1px solid rgba(255, 255, 255, 0); clear: both; color: #0d0d0d; display: none; font-size: 13px; font-weight: 700; height: 35px; line-height: 35px; margin: 0; position: relative; text-transform: uppercase; text-align: center; width: 100%; } .openResponsiveMenu:after { color: #0d0d0d; content: '\e889'; font: normal 14px 'fontello'; padding-left: 11px; } .openResponsiveMenu:hover { color: #373737; } .responsive_menu .openResponsiveMenu { display: block; } .responsive_menu ul#mainmenu li.menu-item-has-children a { margin-right: 0 !important; } /* ============================================ Main Menu ============================================ */ /* Be sure that your main menu has id "#mainmenu" */ ul#mainmenu { position: relative; } ul#mainmenu .custom_view_item { position: relative !important; } ul#mainmenu [class^="icon-"]:before, ul#mainmenu [class*=" icon-"]:before { margin-left: 0; margin-right: 0.5em; } ul#mainmenu ul.menu-panel { box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); display: none; z-index: 9999; position: absolute; top: 100px; left: 0; overflow: hidden; width: auto; border: none; } .topMenuStyleLine ul#mainmenu .menu-panel ul { background: none !important; } ul#mainmenu ul.menu-panel > li { margin: 0; padding: 0; } ul#mainmenu ul.menu-panel > li > ul li.menu-item-has-children:before { display: none; } header.fixedTopMenu .topWrap .menuTopWrap.topMenuStyleLine > ul#mainmenu > li > .menu-panel { box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); top: 60px; } ul#mainmenu .menu-panel ul { position: static !important; display: block !important; opacity: 1 !important; margin: 0; padding: 0; border: none; width: auto; } ul#mainmenu .menu-panel > li > ul { padding: 0 0 6px; } ul#mainmenu .menu-panel > li > ul > li > a { display: block; text-transform: uppercase; margin: 0; font-weight: 400; background: none !important; } .responsive_menu .topMenuStyleLine ul#mainmenu .menu-panel > li > ul > li > a { padding-left: 20px !important; } /* Placeholder */ ul#mainmenu .menu-panel .item_placeholder .thumb_wrap { margin-bottom: 20px; } ul#mainmenu .menu-panel .item_placeholder .thumb_wrap img { vertical-align: top; } ul#mainmenu .menu-panel .item_placeholder .item_title { text-transform: none; margin: 0 0 6px 0; padding: 0; } ul#mainmenu .menu-panel .item_placeholder .item_title a { text-decoration: none; } ul#mainmenu .menu-panel .item_placeholder .item_info { text-transform: none; font-style: italic; overflow: hidden; } ul#mainmenu .menu-panel .item_placeholder .item_info > * { float: left; font-size: 12px; } .topMenuStyleLine ul#mainmenu .menu-panel .item_placeholder .item_title, .topMenuStyleLine ul#mainmenu .menu-panel .item_placeholder .item_info > * > span, .topMenuStyleLine ul#mainmenu .menu-panel .item_placeholder .item_info > * > em { color: #fff; } ul#mainmenu .menu-panel .item_placeholder .item_info .item_pubdate { position: relative; margin-right: 8px; } /* Style "Colummns" */ ul#mainmenu .menu-panel ul.columns { overflow: hidden; border: none !important; box-shadow: none !important; } ul#mainmenu .menu-panel ul.columns { padding: 20px 25px; } ul#mainmenu .menu-panel ul.columns li { background: none; } ul#mainmenu .menu-panel ul.columns > li { float: left; margin: 0; padding: 0; max-width: 200px; } .topMenuStyleLine ul#mainmenu .menu-panel ul.columns > li { max-width: 100%; padding: 0 25px 20px; } ul#mainmenu .menu-panel ul.columns > li + li { } .topMenuStyleLine ul#mainmenu .menu-panel ul.columns > li + li { border-color: rgba(255, 255, 255, 0.3); } ul#mainmenu .menu-panel ul.columns > li > a { padding: 0 20px 10px; } .topMenuStyleLine ul#mainmenu .menu-panel ul.columns > li > a { display: none; } .topMenuStyleLine ul#mainmenu .menu-panel ul.columns > li > a:hover { cursor: default; } .topMenuStyleLine ul#mainmenu .menu-panel ul.columns > li > a:hover .menu_item_description { } .responsive_menu ul#mainmenu .menu-panel ul.columns > li { border: none; margin: 6px 20px 0 0; width: auto; } ul#mainmenu .menu-panel ul.columns > li ul { width: 250px; } ul#mainmenu .menu-panel ul.columns > li ul li { margin: 0 1px; } ul#mainmenu .menu-panel ul.columns > li ul li a { display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; margin: 0; } .topMenuStyleLine ul#mainmenu .menu-panel ul.columns > li ul li a { padding: 4px 0px; } .responsive_menu .topMenuStyleLine ul#mainmenu .menu-panel ul.columns > li ul li a { padding-left: 20px !important; } .topMenuStyleLine ul#mainmenu .menu-panel ul.columns > li ul li a:hover { background-color: transparent; } ul#mainmenu .menu-panel ul.columns > li a .menu_icon { margin-right: 10px; width: 12px; display: inline-block; text-align: center; opacity: 0.8; } .menu_icon_padding { padding-left: 22px; /* Sum prev margin and width */ } .topMenuStyleLine ul#mainmenu > li ul li a .menu_icon { } .topMenuStyleLine ul#mainmenu > li ul li a:hover .menu_icon { color: inherit; } ul#mainmenu .menu-panel ul.columns > li a .menu_icon:before { width: auto; margin: 0; } /* Style "Thumb Title" */ ul#mainmenu .menu-panel > li > ul.thumb_title { margin-right: -25px; overflow: hidden; width: auto; border: none; padding-top: 10px; } ul#mainmenu .menu-panel ul.thumb_title > li { float: left; overflow: hidden; margin-right: 25px; margin-bottom: 10px; } ul#mainmenu .menu-panel ul.thumb_title > li:nth-child(2n+3) { clear: both; } .topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title > li { width: 460px; } .topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title > li > a { padding: 0 15px 18px 25px; color: #ffffff; } .topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title > li > a:hover { color: #ffffff !important; } ul#mainmenu .menu-panel ul.thumb_title > li > ul { float: right; width: 195px; border: none; margin-top: -10px; } .responsive_menu .topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title > li { width: auto; max-width: 350px; } .responsive_menu ul#mainmenu .menu-panel ul.thumb_title > li > ul { float: none; margin-top: 0; } ul#mainmenu .menu-panel ul.thumb_title > li > ul li { margin: 0; } .topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title > li ul li a { padding: 5px 10px 5px 20px; } .responsive_menu .topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title > li ul li a { padding-left: 20px !important; } .topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title > li ul li a:hover { background-color: #ffffff; } ul#mainmenu .menu-panel.thumb_title > li > ul > li > ul li a { padding: 0; } .topMenuStyleLine ul#mainmenu .menu-panel.thumb_title > li > ul > li > ul li a:before { content: '\e897'; font-family: "fontello"; font-size: 12px; display: block; position: absolute; left: 10px; } ul#mainmenu .menu-panel.thumb_title > li > ul > li .item_placeholder { float: left; width: 215px; margin-right: 15px; } .topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title > li .item_placeholder { margin-left: 25px; } .responsive_menu .topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title > li .item_placeholder { margin-left: 20px; margin-top: 10px; float: none; } ul#mainmenu .menu-panel.thumb_title .item_placeholder .item_info .item_comments { float: right; margin-right: 1px; } ul#mainmenu .menu-panel.thumb_title .item_placeholder .item_info .item_comments span { vertical-align: middle; } ul#mainmenu .menu-panel.thumb_title .item_placeholder .thumb_wrap { margin-bottom: 8px; } /* Style "Thumbs" */ ul#mainmenu .menu-panel.thumb { padding: 15px 15px 20px; width: 380px; } ul#mainmenu .menu-panel.thumb ul { overflow: hidden; padding: 0; margin: 0; border: none; } ul#mainmenu .menu-panel ul.thumb > li { float: left; width: 75px; margin: 0 1px 1px 0; } ul#mainmenu .menu-panel ul.thumb > li a { padding: 0; height: 75px; background: #dddddd; } ul#mainmenu .menu-panel.thumb .item_placeholder .item_info .item_pubdate:after { border-right: 1px solid #888888; margin-left: 10px; height: 11px; display: inline-block; vertical-align: middle; content: ""; } .topMenuStyleLine ul#mainmenu .menu-panel.thumb .item_placeholder .item_info .item_pubdate:after { border-color: #ffffff; } ul#mainmenu .menu-panel.thumb .item_placeholder .item_title a { font-size: 17px; line-height: 24px; padding: 0; margin: 0; } .topMenuStyleLine ul#mainmenu .menu-panel.thumb .item_placeholder .item_title a { color: #ffffff; padding: 0 !important; border: none !important; } .topMenuStyleLine ul#mainmenu .menu-panel.thumb .item_placeholder .item_title a:hover { color: #ffffff !important; background: none !important; } .responsive_menu .menuTopWrap ul#mainmenu > li > ul.menu-panel.thumb li { border: none !important; max-width: 380px; } .responsive_menu .menuTopWrap ul#mainmenu > li > ul.menu-panel.thumb > li > a { padding: 0 !important; border: none !important; } .responsive_menu .menuTopWrap ul#mainmenu > li > ul.menu-panel.thumb > li > ul li a { padding: 0 !important; border: none !important; } /* Menu items description */ .menu_item_description { display: block !important; line-height: 12px !important; font-size: 10px; font-weight: 300; text-transform: none; margin-top: 4px; } a:hover .menu_item_description { color: inherit; } .menuTopWrap ul#mainmenu > li > a > .menu_item_description { margin-top: -6px; } .menuTopWrap ul#mainmenu > li > a > .menu_item_description { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .menuTopWrap ul#mainmenu > li:hover > a > .menu_item_description { margin-top: 10px; } .fixedTopMenu .topMenuStyleLine.menuTopWrap ul#mainmenu > li:hover > a > .menu_item_description { opacity: 0; } .responsive_menu .menu_item_description { display: none !important; } .menuTopWrap > ul#mainmenu { display: none; } /* Main menu: style Line*/ .topWrap .topMenuStyleLine>ul>li ul { width: 250px; } .topWrap .topMenuStyleLine>ul>li ul li ul { left: 252px; } .menu_right .topWrap .topMenuStyleLine ul.submenu_left { left: -254px !important; } ul#mainmenu .menu-panel ul.columns>li ul { max-width: 250px; } .sliderHomeBullets { height: 500px; } .topWrap .topMenuStyleLine { float: right; } .topWrap .topMenuStyleLine > ul { margin: 0px; padding: 0px; } .topWrap .topMenuStyleLine > ul:after { content: ''; height: 0; display: block; clear: both; } .topWrap .topMenuStyleLine > ul > li { display: block; float: left; position: relative; padding: 61px 0 0; } .topWrap .topMenuStyleLine > ul > li:after { content: ''; display: block; height: 0; background: #fff; width: 0; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } .topWrap .topMenuStyleLine > ul > li:hover:after { width: 100%; } .topWrap .topMenuStyleLine > ul > li > a { border: 1px solid transparent; border-bottom: 0; color: #151515; display: block; font-size: 13px; font-weight: 700; height: 27px; line-height: 29px; padding: 0 20px; position: relative; text-transform: uppercase; text-decoration: none; z-index: 88; } .topWrap .topMenuStyleLine > ul > li ul { background-color: #ffffff; border-width: 0 1px 1px 1px; border-style: solid; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); display: none; font-size: 12px; font-weight: 300; margin: 0; padding: 0; position: absolute; left: 0px; top: 100px; width: 200px; z-index: 2999; } .topWrap .topMenuStyleLine > ul > li:not(.custom_view_item) ul { padding: 17px 0 27px; } .topWrap .topMenuStyleLine > ul > li:not(.custom_view_item) ul li.menu-item-has-children > a:after { font-size: 8px; font-family: "fontello"; content: '\e826'; height: 30px; width: 10px; line-height: 30px; position: absolute; top: 0; right: 15px; text-align: right; } .topWrap .topMenuStyleLine > ul > li ul a { position: relative; } .topWrap .topMenuStyleLine > ul > li ul li { list-style: none; display: block; position: relative; } .topWrap .topMenuStyleLine > ul > li ul li a { color: #151515; display: block; font-size: 12px; line-height: 20px; margin: 0; padding: 6px 40px; text-transform: uppercase; } .topWrap .topMenuStyleLine > ul > li ul li ul { top: 0; left: 202px; padding-top: 1px } .menu_right .topWrap .topMenuStyleLine ul.submenu_left { left: -204px !important; } header.menu_left .topWrap .topMenuStyleLine { float: left; } header.menu_left .topWrap .topMenuStyleLine > ul > li { margin-right: 20px; } header.menu_left .topWrap .topMenuStyleLine > ul > li > a { padding-left: 0; } header.menu_center .topWrap .topMenuStyleLine { float: none; text-align: center; } header.menu_center .topWrap .topMenuStyleLine ul#mainmenu { text-align: left; display: inline-block; margin-right: -70px; vertical-align: top; } .responsive_menu header.menu_center .topWrap .topMenuStyleLine ul#mainmenu { display: block; margin-right: 0; } /* TopWrap over slider */ .top_panel_over .topWrap { position: absolute; top: 0; width: 100%; margin-top: 40px; } .top_panel_over .fixedTopMenu .topWrap { margin-top: 0; } .top_panel_over.boxed header.noFixMenu .topWrap { padding-left: 50px; padding-right: 50px; width: 1150px; } .top_panel_over .topWrapFixed { display: none !important; } /* Transparent header over slider styles */ .top_panel_above .fullScreenSlider .topWrap { background-color: transparent; } .top_panel_above .fullScreenSlider .topWrap .logo img { height: 62px; width: 68px; } .top_panel_above .fullScreenSlider .topWrap .logo { padding: 20px 0; } .top_panel_above .fullScreenSlider .topWrap .topMenuStyleLine > ul > li { padding-top: 45px; } .top_panel_above .fullScreenSlider .topWrap .search { margin: 44px 0 38px 25px; } .top_panel_above .fullScreenSlider .topWrap .search .searchForm .searchSubmit .icoSearch::before, .top_panel_above .fullScreenSlider .topWrap .search:before { color: #ffffff; } .top_panel_above .fullScreenSlider .topWrap .search .searchForm .searchField { color: #151515; } .top_panel_above .fullScreenSlider .noFixMenu .topWrap .search .searchForm .searchField { color: #ffffff; } /* Fixed TopMenu */ .top_panel_above .fullScreenSlider header.fixedTopMenu .topWrap { background-color: #ffffff; } .top_panel_above .fullScreenSlider header.fixedTopMenu .topWrap .search .searchForm .searchSubmit .icoSearch::before, .top_panel_above .fullScreenSlider header.fixedTopMenu .topWrap .search:before { color: #151515; } .top_panel_above .fullScreenSlider header.fixedTopMenu .topWrap .topMenuStyleLine > ul > li { padding: 15px 0; } .top_panel_above .fullScreenSlider header.fixedTopMenu .topWrap .search { margin: 15px 0 15px 10px; } .top_panel_above .fullScreenSlider header.fixedTopMenu .topWrap .logo img { max-height: 50px; max-width: 55px; } .top_panel_above .fullScreenSlider header.fixedTopMenu .topWrap .logo { padding: 0; } /* ============================================ Side Menu ============================================ */ .usermenu_area .sidemenu_button { float: left; height: 35px; line-height: 35px; margin-right: 25px; text-align: center; width: 20px; } .usermenu_area .sidemenu_button:hover { cursor: pointer; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .usermenu_area .sidemenu_button i { font-size: 14px; font-style: normal; } .sidemenu_left .main_content { } .swpRightPos, .sidemenu_left .main_content { -webkit-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; transition: margin 0.4s 0.25s ease-out; } .sidemenu_left.openMenuFix .main_content { } .openRightMenu { float: right; margin: 33px 0 37px 10px; height: 28px; width: 28px; border: 1px solid rgba(255, 255, 255, 0.4); text-align: center; } .openRightMenu:before { height: 28px; line-height: 29px; color: rgba(255, 255, 255, 0.4); } .openRightMenu:hover { background-color: #ffffff; } .swpLeftPos { left: -105%; width: 100%; } .swpRightPos { background-color: #f6f6f6; height: 100%; right: 0; margin: 0 -250px 0 0; position: fixed; top: 0; width: 250px; z-index: 3000; } .openMenuFixRight .swpRightPos { margin: 0; } .sidemenu_wrap { height: 100%; position: fixed; top: 0; z-index: 0; /*199*/ -webkit-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .openMenuFix .sidemenu_wrap { z-index: 999; } .admin-bar .sidemenu_wrap, .openMenuFix .sidemenu_wrap { left: 0; } .sidemenu_wrap .logo { display: block; text-align: center; padding: 50px 0; } .sidemenu_wrap .logo a { display: block; } .sidemenu_wrap .logo img { height: 25px; margin-bottom: 10px; } .sidemenu_wrap .logo .logo_text { font-size: 25px; } .sidemenu_wrap .logo .logo_slogan { } .sidemenu_wrap .sc_scroll, .sidemenu_wrap .sc_scroll_wrapper { overflow: visible; } .openMenuFix .sidemenu_wrap .swiper-wrapper { display: block; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } /*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 { } .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.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); transform: rotate(45deg); } .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 > ul { margin: 0; padding: 0; } .sidemenu_wrap .sidemenu_area > ul > li { clear: both; padding-bottom: 100px; } .sidemenu_wrap .sidemenu_area > ul > li + li { border-top: 1px solid #ffffff; padding-top: 110px; } .sidemenu_wrap .sidemenu_area ul li { list-style: none; } .sidemenu_wrap .sidemenu_area ul#sidemenu > li > ul.sub-menu > li { float: left; padding: 0 50px 21px 0; width: 250px; } .sidemenu_wrap .sidemenu_area ul#sidemenu > li > ul.sub-menu > li:last-child { padding-right: 0; } .sidemenu_wrap .sidemenu_area ul#sidemenu > li > ul.sub-menu > li > a { display: 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; } .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 { display: block; font: 400 30px/48px 'Roboto', serif; letter-spacing: 3px; margin-top: -12px; padding: 0 0 21px; text-transform: uppercase; } .sidemenu_wrap .sidemenu_area ul li > a.sf-with-ul { margin: 0 40px 0 0; } .sidemenu_wrap .sidemenu_area ul li ul { padding: 0; margin: 0; /*display: none; */ } .sidemenu_wrap .sidemenu_area ul li ul, .sidemenu_wrap .sidemenu_area ul li ul li + li { } .sidemenu_wrap .sidemenu_area ul li ul li a { font-weight: 300; display: block; padding: 6px 15px 6px 42px; font-size: 13px; } .sidemenu_wrap .sidemenu_area ul li ul li ul li a { color: #fff; font: 400 12px/30px inherit; height: 30px; padding: 0; text-transform: uppercase; } .sidemenu_overflow { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 1000; display: none; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } #sidemenu_button { color: #ffffff; cursor: pointer; left: 77px; position: fixed; top: 77px; z-index: 200; } .admin-bar #sidemenu_button { margin-left: -40px; top: 110px; } .admin-bar #sidemenu_button > i { font-size: 20px } .admin-bar #sidemenu_button > i:before { background-color: rgba(55, 55, 55, 0.1); padding: 3px; } .sidemenu_wrap .sidemenu_close { color: #888888; cursor: pointer; font-size: 0; height: 30px; line-height: 30px; position: absolute; text-align: center; top: 80px; right: -41px; width: 30px; } .sidemenu_wrap .sidemenu_close:after { content: '\e941'; font-family: 'fontello'; font-size: 25px; } .menuTranform { width: 100%; /*margin: 0 0 0 -100%; */ position: relative; z-index: 201; background-color: #373737; background-color: rgba(55, 55, 55, 0.95); -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .openMenuFix .menuTranform { /*margin: 0;*/ } /* sidemenu Search */ .menuSearch { position: relative; border: 1px solid rgba(136, 136, 136, 0.75); 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: #888888; font-weight: 300; } .menuSearch .searchField::-webkit-input-placeholder { color: #aaaaaa; } .menuSearch .searchField:focus { color: #888888; } .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(136, 136, 136, 0.75); 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; } /* ============================================ Popup Menu ============================================ */ .popup_wrapper { display: block; height: 100%; margin: 0 auto; padding: 85px 0; position: relative; width: 100%; } /*.openMenuFix .popup_wrapper {display: block;}*/ .popup_wrapper .sidemenu_wrap .sidemenu_area { border: 0; } /*info Block - date, author, category*/ .infoPost { clear: left; font-size: 12px; font-style: italic; height: auto; line-height: 18px; padding: 8px 0 50px 0; position: relative; text-align: right; } .infoPost a { color: #222222; } .infoPost .infoTags a { color: #888888; } .infoPost .separator { padding: 5px; font-style: normal; } .infoPost .frontend_editor_buttons { float: left; width: 280px; display: block; text-align: left; margin: -7px 30px 0 0; } /*itemPage*/ .itemPage:after { content: ""; display: block; clear: both; height: 0; } .itemPage .thumb { margin: 0 0 50px 0; } section.masonry[data-columns="4"] .thumb { margin: 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 .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; } .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 { 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; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .imgNav:hover .itemPrev:before, .imgNav:hover .itemNext:before { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .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; transition: all 0.6s ease-out; } .imgNav .itemPrev:before, .imgNav .itemNext:before { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .imgNav .itemPrev span.itInf, .imgNav .itemNext span.itInf { -webkit-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; } /* ============================================ slider style ============================================ */ /* Top panel and slider ------------------------------------------------------------ */ .top_panel_over .sliderHomeBullets { position: absolute; z-index: -1; width: 100%; } .top_panel_above .fullScreenSlider header { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; } .top_panel_above.admin-bar .fullScreenSlider header { top: 32px; } .sidemenu_left.openMenuFix .fullScreenSlider header .topWrap { padding: 0; } /* Pagination Bullets ----------------------------------------------------------------------- */ .sliderHomeBullets .rsBullets { height: 2.1em; position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; } .sliderHomeBullets .rsBullets .rsBullet { width: 2.1em; height: 1.5em; padding: 0.8em 0 0 0; display: inline-block; cursor: pointer; } .sliderHomeBullets .rsBullets .rsBullet span { content: ''; width: 0.8em; height: 0.8em; display: block; margin: 0 auto; text-align: center; background-color: #888888; border-radius: 15px; border: 1px solid #888888; } .sliderHomeBullets .rsBullets .rsBullet.rsNavSelected { cursor: default; } .sliderHomeBullets .rsBullets .rsBullet.rsNavSelected span { background-color: transparent; } /* Order Button ----------------------------------------------------------------------- */ .sliderHomeBullets .order { position: absolute; z-index: 5; } .sliderHomeBullets .order a { display: block; border: 1px solid #888; background-color: rgba(136, 136, 136, 0.1); color: #888; font-size: 1.64em; font-weight: 300; border-radius: 4px; padding: 0.8em 1.2em; } .sliderHomeBullets .order a:before { content: '\e883'; font-family: "fontello"; display: inline-block; padding: 0 1.2em 0 0; } /* Home Slider ------------------------------------------------------------------------ */ .sliderHomeBullets:not(.slider_engine_revo) { display: none; } .sliderHomeBullets .slideContent { height: 100%; /*500px; */ background-repeat: no-repeat; background-position: center top; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; } .sliderHomeBullets .main { position: relative; height: 100%; } .sliderHomeBullets .textBlock { font-size: 3.2em; width: auto; line-height: 120%; position: absolute; z-index: 5; } .sliderHomeBullets .textBlock .title { font-weight: 700; font-size: 1.05em; } .sliderHomeBullets .textBlock p { font-weight: 100; padding: 0; margin: 0; } .sliderHomeBullets.slider_alias_10 .rsBullets .rsBullet span { background-color: transparent; border-color: transparent; position: relative; } .sliderHomeBullets.slider_alias_10 .rsBullets .rsBullet span:before { content: ''; display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; background-color: #ffffff; border-radius: 15px; } .sliderHomeBullets.slider_alias_10 .rsBullets .rsBullet.rsNavSelected span, .sliderHomeBullets.slider_alias_10 .rsBullets .rsBullet:hover span { border-color: #ffffff; } .sliderHomeBullets.slider_alias_10 .rsBullets .rsBullet.rsNavSelected span:before { background-color: #ffffff; } .sliderHomeBullets.slider_alias_10 .textBlock { font-family: 'Signika', sans-serif; font-size: 1.2857em; color: #ffffff; z-index: 10; } .sliderHomeBullets.slider_alias_10 .textBlock .title { font-weight: 600; font-size: 1em; } .sliderHomeBullets.slider_alias_10 .textBlock p { font-weight: 400; font-size: 1em; } .sliderHomeBullets.slider_alias_10 a { color: #ffffff; } .sliderHomeBullets.slider_alias_10 .slide-1 { background: #7563ad; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */ background: radial-gradient(ellipse at center, #7563ad 0%, #5a4a8c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7563ad', endColorstr='#5a4a8c', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } .sliderHomeBullets.slider_alias_10 .slide-1 .screenshot { width: 24.08%; top: auto; bottom: 31.34%; left: 50%; margin-left: -9.89em; z-index: 7; } .sliderHomeBullets.slider_alias_10 .slide-1 .display { width: 31.39%; top: auto; bottom: 20.6%; left: 50%; margin-left: -12.87em; z-index: 5; } .sliderHomeBullets.slider_alias_10 .slide-1 .path { width: 46.87%; top: 8.95%; left: 25.21%; z-index: 3; } .sliderHomeBullets.slider_alias_10 .slide-1 .arrows { width: 10.87%; top: 10.45%; left: 26.52%; z-index: 4; } .sliderHomeBullets.slider_alias_10 .slide-1 .play { width: 8.69%; top: 26.86%; left: 17.39%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-1 .playText { left: 3.91%; top: 41.49%; } .sliderHomeBullets.slider_alias_10 .slide-1 .window { width: 10%; top: 29.85%; left: 69.56%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-1 .layout { width: 10.87%; top: 48.36%; left: 77.39%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-1 .layoutText { left: 80.69%; top: 42.98%; } .sliderHomeBullets.slider_alias_10 .slide-1 .clock { width: 8.61%; top: 44.48%; left: 26.08%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-1 .aa { width: 4.87%; top: 14.18%; left: 68.08%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-1 .aaText { left: 74.38%; top: 18.21%; } .sliderHomeBullets.slider_alias_10 .slide-1 .lamp { width: 7.04%; top: 60.45%; left: 13.30%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-1 .lampText { left: 21.48%; top: 70.75%; } .sliderHomeBullets.slider_alias_10 .slide-1 .link { width: 3.82%; top: 67.46%; left: 73.91%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-1 .linkText { left: 79.39%; top: 70.45%; } .sliderHomeBullets.slider_alias_10 .slide-1 .pencil { width: 17.39%; top: auto; bottom: 13.13%; left: 50%; margin-left: -7.2em; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-1 .pencilText { left: 27.39%; top: 83.4%; } .sliderHomeBullets.slider_alias_10 .slide-2 { background: #f7b517; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */ background: radial-gradient(ellipse at center, #ffc809 0%, #f3ac1e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc809', endColorstr='#f3ac1e', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } .sliderHomeBullets.slider_alias_10 .slide-2 .man { width: 25.13%; top: 27.16%; left: 37.83%; z-index: 7; } .sliderHomeBullets.slider_alias_10 .slide-2 .path { width: 40.26%; top: 16.57%; left: 26%; z-index: 3; } .sliderHomeBullets.slider_alias_10 .slide-2 .group { width: 9.39%; top: 9.25%; left: 15.56%; z-index: 4; } .sliderHomeBullets.slider_alias_10 .slide-2 .tools { width: 12.78%; top: 65.07%; left: 60.43%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-2 .toolsText { left: 74.52%; top: 75.37%; } .sliderHomeBullets.slider_alias_10 .slide-2 .socials { width: 9.13%; top: 12.98%; left: 32.43%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-2 .socialsText { top: 21.34%; left: 42.87%; } .sliderHomeBullets.slider_alias_10 .slide-2 .clock { width: 10.69%; top: 40.15%; left: 77.39%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-2 .clockText { top: 59.85%; left: 70.26%; } .sliderHomeBullets.slider_alias_10 .slide-2 .globe { width: 8.26%; top: 5.82%; left: 50.95%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-2 .phone { width: 8.69%; top: 74.18%; left: 31.04%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-2 .comments { width: 16.52%; top: 20%; left: 59.56%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-2 .save { width: 7.22%; top: 61.64%; left: 20%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-2 .supportText { top: 35.82%; left: 14.43%; text-align: center; } .sliderHomeBullets.slider_alias_10 .slide-2 .supportText .title { font-size: 2em; font-weight: 400; line-height: 140%; } .sliderHomeBullets.slider_alias_10 .slide-2 .supportText p { font-size: 1.33em; } .sliderHomeBullets.slider_alias_10 .slide-2 .order { top: 48.80%; left: 20.69%; } .sliderHomeBullets.slider_alias_10 .slide-2 .order a { background: #fb601f; border: none; font-size: 1em; font-weight: 700; padding: 1.2em 2.2em; } .sliderHomeBullets.slider_alias_10 .slide-2 .order a:hover { color: #ffffff; } .sliderHomeBullets.slider_alias_10 .slide-2 .order a:before { display: none; } .sliderHomeBullets.slider_alias_10 .slide-3 { background: #6ea10d; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */ background: radial-gradient(ellipse at center, #80ba0e 0%, #6da00d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ba0e', endColorstr='#6da00d', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } .sliderHomeBullets.slider_alias_10 .slide-3 .phone { width: 15.74%; top: 33.13%; left: 42.26%; z-index: 7; } .sliderHomeBullets.slider_alias_10 .slide-3 .path { width: 38%; top: 17.76%; left: 31.21%; z-index: 3; } .sliderHomeBullets.slider_alias_10 .slide-3 .ajax { width: 21.13%; top: 43.43%; left: 36.08%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-3 .player { width: 20.69%; top: 55.07%; left: 46%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-3 .playerText { top: 62.98%; left: 46%; } .sliderHomeBullets.slider_alias_10 .slide-3 .cog { width: 8.35%; top: 73.13%; left: 27.39%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-3 .cogText { top: 80.75%; left: auto; right: 72.69%; } .sliderHomeBullets.slider_alias_10 .slide-3 .note { width: 13.74%; top: 54.48%; left: 22.87%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-3 .noteText { top: 63.13%; left: auto; right: 77.56%; } .sliderHomeBullets.slider_alias_10 .slide-3 .menu { width: 11.22%; top: 37.76%; left: 21.39%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-3 .menuText { top: 42.39%; left: auto; right: 78.78%; } .sliderHomeBullets.slider_alias_10 .slide-3 .ok { width: 11.74%; top: 20%; left: 28.69%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-3 .okText { top: 15.22%; left: auto; right: 72.17%; } .sliderHomeBullets.slider_alias_10 .slide-3 .diamond { width: 10.52%; top: 12.39%; left: 45.65%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-3 .diamondText { top: 7.76%; left: 37.82%; } .sliderHomeBullets.slider_alias_10 .slide-3 .heart { width: 12.08%; top: 22.83%; left: auto; right: 26.78%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-3 .heartText { top: 19.40%; left: 73.56%; } .sliderHomeBullets.slider_alias_10 .slide-3 .cart { width: 9.13%; top: 40.15%; left: auto; right: 19.13%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-3 .cartText { top: 50.89%; left: 81.30%; } .sliderHomeBullets.slider_alias_10 .slide-3 .hand { width: 9.74%; top: 64.48%; left: auto; right: 20.61%; z-index: 9; } .sliderHomeBullets.slider_alias_10 .slide-3 .handText { top: 70.15%; left: 80.61%; } /* Fullscreen Slider ----------------------------------------------------------- */ .fullScreenSlider { position: relative; } .fullScreenSlider .sliderHomeBullets .rsBullets .rsBullet span { background: #fff; border-color: #fff; } .fullScreenSlider .sliderHomeBullets .rsBullets .rsBullet.rsNavSelected span { background-color: transparent; } .fullScreenSlider .sliderHomeBullets .textBlock { color: #fff; } .fullScreenSlider .sliderHomeBullets .order a { border: 1px solid #fff; color: #fff; background-color: rgba(255, 255, 255, 0.2); } .fullScreenSlider .sliderHomeBullets .order a:hover { background-color: rgba(255, 255, 255, 0.5); color: rgba(0, 0, 0, 0.5); } .fullScreenSlider .sliderHomeBullets .fonBlock { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; } .fullScreenSlider .sliderHomeBullets .slideContent { height: 100%; } /* Old sliders */ .sliderHomeBullets.slider_alias_2 .slide-1 .fonBlock { background-image: url(/wp-content/uploads/2014/07/fullscreen-slide-4.jpg); } .sliderHomeBullets.slider_alias_2 .slide-1 .image, .sliderHomeBullets.slider_alias_3 .slide-1 .image { width: 15.14em; position: absolute; top: 50%; left: 10%; z-index: 5; margin: -17em 0 0 0; } .sliderHomeBullets.slider_alias_2 .slide-1 .textBlock, .sliderHomeBullets.slider_alias_3 .slide-1 .textBlock { text-align: right; top: 35%; right: 10%; z-index: 5; } .sliderHomeBullets.slider_alias_2 .slide-1 .textBlock p, .sliderHomeBullets.slider_alias_3 .slide-1 .textBlock p { background-image: url(/wp-content/uploads/2014/07/fullscreen-slide-4-2.png); background-repeat: no-repeat; background-position: right bottom; padding: 0 1.2em 0 0; background-size: 1em 2em; -webkit-background-size: 1em 2em; -o-background-size: 1em 2em; -moz-background-size: 1em 2em; } .sliderHomeBullets.slider_alias_2 .slide-1 .order, .sliderHomeBullets.slider_alias_3 .slide-1 .order { top: 60%; right: 10%; left: auto; } .sliderHomeBullets.slider_alias_2 .slide-2 .fonBlock { background-image: url(/wp-content/uploads/2014/07/fullscreen-slide-5.jpg); } .sliderHomeBullets.slider_alias_2 .slide-2 .textBlock, .sliderHomeBullets.slider_alias_3 .slide-2 .textBlock { top: 45%; } .sliderHomeBullets.slider_alias_2 .slide-2 .image, .sliderHomeBullets.slider_alias_3 .slide-2 .image { width: 52.14em; right: 0%; left: auto; top: 30%; } .sliderHomeBullets.slider_alias_2 .slide-3 .fonBlock { background-image: url(/wp-content/uploads/2014/07/fullscreen-slide-6.jpg); } .sliderHomeBullets.slider_alias_2 .slide-3 .textBlock, .sliderHomeBullets.slider_alias_3 .slide-3 .textBlock { width: 100%; text-align: center; top: 40%; left: 0; } .sliderHomeBullets.slider_alias_2 .slide-3 .order, .sliderHomeBullets.slider_alias_3 .slide-3 .order { left: 50%; top: 58%; margin-left: -8em; } .sliderHomeBullets.slider_alias_2 .slide-3 .order a:before, .sliderHomeBullets.slider_alias_3 .slide-3 .order a:before { content: '\e880'; } /* New Fullscreen Sliders */ .fullScreenSlider .sliderHomeBullets.slider_alias_11 .textBlock, .fullScreenSlider .sliderHomeBullets.slider_alias_12 .textBlock, .fullScreenSlider .sliderHomeBullets.slider_alias_11 .order, .fullScreenSlider .sliderHomeBullets.slider_alias_12 .order { color: #ffffff; text-align: center; width: 100%; margin-left: -50%; left: 50%; } .fullScreenSlider .sliderHomeBullets.slider_alias_11 .textBlock, .fullScreenSlider .sliderHomeBullets.slider_alias_12 .textBlock { top: 50%; font-size: 1.2857em; } .fullScreenSlider .sliderHomeBullets.slider_alias_11 .order, .fullScreenSlider .sliderHomeBullets.slider_alias_12 .order { top: 65%; } .fullScreenSlider .sliderHomeBullets.slider_alias_11 .order a, .fullScreenSlider .sliderHomeBullets.slider_alias_12 .order a { font-size: 1em; font-weight: 700; display: inline-block; } .fullScreenSlider .sliderHomeBullets.slider_alias_11 .order a { color: #ffffff; border-width: 0; } .fullScreenSlider .sliderHomeBullets.slider_alias_11 .order a:before, .fullScreenSlider .sliderHomeBullets.slider_alias_12 .order a:before { display: none; } .sliderHomeBullets.slider_alias_11 .slide-1 .fonBlock { background-image: url(/wp-content/uploads/2014/07/fullscreen-slide-4.jpg); } .sliderHomeBullets.slider_alias_11 .slide-1 .textBlock .title, .sliderHomeBullets.slider_alias_12 .slide-1 .textBlock .title { font-size: 4em; line-height: 120%; } .sliderHomeBullets.slider_alias_11 .slide-2 .fonBlock { background-image: url(/wp-content/uploads/2014/07/fullscreen-slide-5.jpg); } .sliderHomeBullets.slider_alias_11 .slide-2 .textBlock .title, .sliderHomeBullets.slider_alias_12 .slide-2 .textBlock .title { font-size: 2.6667em; line-height: 180%; } .sliderHomeBullets.slider_alias_11 .slide-3 .fonBlock { background-image: url(/wp-content/uploads/2014/07/fullscreen-slide-6.jpg); } .sliderHomeBullets.slider_alias_11 .slide-3 .image, .sliderHomeBullets.slider_alias_12 .slide-3 .image { width: 3.65%; top: 50%; left: 50%; margin-left: -1.8%; } .sliderHomeBullets.slider_alias_11 .slide-3 .textBlock, .sliderHomeBullets.slider_alias_12 .slide-3 .textBlock { top: 60%; } .sliderHomeBullets.slider_alias_11 .slide-3 .textBlock .title, .sliderHomeBullets.slider_alias_12 .slide-3 .textBlock .title { font-size: 3.33em; line-height: 150%; } .sliderHomeBullets.slider_alias_11 .slide-3 .textBlock p, .sliderHomeBullets.slider_alias_12 .slide-3 .textBlock p { font-size: 1.33em; } .videoBackground.overlay:after, .fullScreenSlider .sliderHomeBullets.slider_alias_2 .slideContent:before, .fullScreenSlider .sliderHomeBullets.slider_alias_11 .slideContent:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 3; } .videoBackground.overlay:after { background-image: url(../images/bg/2x2.png); } .fullScreenSlider .sliderHomeBullets.slider_alias_2 .slideContent:before, .fullScreenSlider .sliderHomeBullets.slider_alias_11 .slideContent:before { background-image: url(../images/bg/2x2.png); } /* WooCommerce Slider ---------------------------------------------------------------------- */ .sliderHomeBullets.slider_alias_13 .rsBullets .rsBullet span { background-color: #ffffff; border-color: #ffffff; } .sliderHomeBullets.slider_alias_13 .rsBullets .rsBullet.rsNavSelected span, .sliderHomeBullets.slider_alias_13 .rsBullets .rsBullet:hover span { background-color: transparent; } .sliderHomeBullets.slider_alias_13 .textBlock { color: #ffffff; font-size: 1em; width: 40%; z-index: 5; text-align: left; top: 20%; left: 3.5%; } .sliderHomeBullets.slider_alias_13 .textBlock p { background: none; font-weight: 300; font-size: 16px; padding: 0; margin: 0; line-height: 30px; } .sliderHomeBullets.slider_alias_13 .textBlock .title { font: 400 48px/54px 'Roboto', serif; text-transform: uppercase; } .sliderHomeBullets.slider_alias_13 .textTitle2 .title { text-transform: none; } .sliderHomeBullets.slider_alias_13 .textTitle2 { top: 33%; } .sliderHomeBullets.slider_alias_13 .textDescr { top: 50%; } .sliderHomeBullets.slider_alias_13 .order { top: 72%; left: 3.5%; } .sliderHomeBullets.slider_alias_13 .order2 { left: 19.5%; } .sliderHomeBullets.slider_alias_13 .order a { background-color: #f1f1f1; color: #ffffff; border: 0; border-radius: 0; font-size: 13px; font-weight: 700; height: 30px; line-height: 30px; padding: 0 30px; text-transform: uppercase; } .sliderHomeBullets.slider_alias_13 .order2 a, .sliderHomeBullets.slider_alias_13 .order a:hover { background-color: #373737 !important; } .sliderHomeBullets.slider_alias_13 .order2 a:hover { background-color: #999999 !important; } .sliderHomeBullets.slider_alias_13 .order a:before { display: none; } .sliderHomeBullets.slider_alias_13 .textPrice { color: #ffffff; padding: 1.5em 0.5em 0.5em 1em; font-size: 1.28em; top: 9%; right: 3.9%; left: auto; width: 5.5em; height: 5em; text-align: left; background-color: #74cfe2; z-index: 20; border-radius: 50%; } .sliderHomeBullets.slider_alias_13 .textPrice span { font-size: 2.22em; font-weight: bold; margin-top: 0.2em; display: block; } .sliderHomeBullets.slider_alias_13 .slide-1 { } .sliderHomeBullets.slider_alias_13 .slide-1 .image { top: 12.8%; left: 62%; } .sliderHomeBullets.slider_alias_13 .slide-2 { } .sliderHomeBullets.slider_alias_13 .slide-2 .textPrice { background-color: #f35c01; } .sliderHomeBullets.slider_alias_13 .slide-2 .image1 { top: 20%; left: 50%; width: 14.8%; z-index: 15; } .sliderHomeBullets.slider_alias_13 .slide-2 .image2 { top: 16%; left: 63.9%; width: 26.9%; z-index: 16; } /* Fullscreen slider animations ------------------------------------------------------------ */ /* From Top Left */ .fullScreenSlider .sliderHomeBullets .sliderBGanima.rsTopLeft .fonBlock { animation: rsTopLeft 50s infinite; -webkit-animation: rsTopLeft 50s infinite; } @keyframes rsTopLeft { 0%, 100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(150px, 50px) scale(1.4, 1.4); transform: translate(150px, 50px) scale(1.4, 1.4); } } @-webkit-keyframes rsTopLeft { 0%, 100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(150px, 50px) scale(1.4, 1.4); transform: translate(150px, 50px) scale(1.4, 1.4); } } /* From Top Right */ .fullScreenSlider .sliderHomeBullets .sliderBGanima.rsTopRight .fonBlock { animation: rsTopRight 60s infinite; -webkit-animation: rsTopRight 60s infinite; } @keyframes rsTopRight { 0%, 100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(-100px, 100px) scale(1.4, 1.4); transform: translate(-100px, 100px) scale(1.4, 1.4); } } @-webkit-keyframes rsTopRight { 0%, 100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(-100px, 100px) scale(1.4, 1.4); transform: translate(-100px, 100px) scale(1.4, 1.4); } } /* From Bottom Left */ .fullScreenSlider .sliderHomeBullets .sliderBGanima.rsBottomLeft .fonBlock { animation: rsBottomLeft 50s infinite; -webkit-animation: rsBottomLeft 50s infinite; } @keyframes rsBottomLeft { 0%, 100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(200px, -100px) scale(1.4, 1.4); transform: translate(200px, -100px) scale(1.4, 1.4); } } @-webkit-keyframes rsBottomLeft { 0%, 100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(200px, -100px) scale(1.4, 1.4); transform: translate(200px, -100px) scale(1.4, 1.4); } } /* From Bottom Right */ .fullScreenSlider .sliderHomeBullets .sliderBGanima.rsBottomRight .fonBlock { animation: rsBottomRight 80s infinite; -webkit-animation: rsBottomRight 80s infinite; } @keyframes rsBottomRight { 0%, 100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(-200px, -100px) scale(1.4, 1.4); transform: translate(-200px, -100px) scale(1.4, 1.4); } } @-webkit-keyframes rsBottomRight { 0%, 100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(-200px, -100px) scale(1.4, 1.4); transform: translate(-200px, -100px) scale(1.4, 1.4); } } /* ============================================ post ============================================ */ .post { margin: 100px 0; padding: 0 0 66px 0; } .post.no_padding { padding: 0; } .post.tribe_events_wrapper { margin: 100px 0 95px; 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%; } .post + .post { margin: 0 0 50px 0; padding: 0; } .post.no_margin { margin-bottom: 0; } .post article { padding: 0; } .post article:after { content: ""; display: block; clear: both; height: 0; } .post article .columns1_2:nth-child(2n+3) { clear: both; } .post .sc_image img { width: 100%; display: block; margin: 0; padding: 0; float: none; } .post .sc_image figcaption { background: #ededed; color: #777777; text-align: center; font-style: italic; height: 30px; line-height: 30px; } .single-post h1.post_title { font-size: 40px; line-height: 46px; } .single-post h2 { font-size: 36px; line-height: 40px; } .blog_sandiego_title { color: #3ab54b; font-size: 36px; max-width: 100%; line-height: 41px; padding: 20px 0; font-weight: 300; } .post p { padding: 0 0 20px 0; margin: 0; } .post ol, .post ul { margin: 0 0 10px 0px; padding: 0; } .post li ol, .post li ul { margin-bottom: 0; } .post ol li, .post ul li { line-height: 28px; } blockquote { font-size: 18px; font-weight: 300; line-height: 24px; } .post .bqLeft { margin: 0 50px 0 0; } .post .bqRight { float: right; margin: 0 0 0 50px; } /* Post formats */ .postLink { padding: 0 0 20px 0; } .postLink a { font-size: 18px; line-height: 24px; font-weight: 400; } .postStatus { color: #fff; padding: 30px 50px 0; margin: 0 0 40px 0; } .postAside { color: #fff; padding: 30px 50px 0; margin: 0 0 40px 0; background: #888888; } .sc_quote_title { font-size: 18px; } .postChat { padding: 0 0 20px 0; } .sc_chat { border: 1px solid #888888; padding: 30px 50px; margin: 0 0 20px 0; } .sc_chat p { padding: 0 0 20px 0; } .sc_chat:after { content: ''; display: block; height: 0; clear: both; } .sc_chat .sc_quote_title { padding: 0; } .sc_chat .sc_quote_title.alignright { margin: 0; } .post .tagsWrap { display: block; margin-top: 10px; } .post .postSharing { clear: both; margin-top: 10px; padding: 0 0 50px 0; } .post .postSharing li { margin-bottom: 10px; } .post .tagsWrap .infoPost { float: left; margin: 0; max-width: 50%; text-align: left; } .post .tagsWrap .postSharing { float: right; } body:not(.single):not(.page) .with_sidebar .content .post .infoPost { padding: 8px 0 50px 0; text-align: left; } body:not(.single):not(.page) .with_sidebar .content .post .postSharing { float: right; margin-left: 10px; } /*author*/ .author { margin: 0 0 70px 0; padding: 0 0 20px 0; } .author:after { content: ""; display: block; clear: both; height: 0; } .author .avatar { width: 50px; height: 50px; float: left; } .author .avatar img { width: 100%; } .author .authorInfo { margin: 0 0 0 80px; } .author .socPage { height: 32px; margin: 0 0 50px 78px; } .author .socPage ul { margin: 0; padding: 0; } /*formValid*/ .formValid { padding: 0 0 44px 0; } /*comment*/ .comments { margin: 0 0 70px 0; padding: 0 0 20px 0; } .comments .commBody { margin: 0; padding: 0; } .comments .commBody li.commItem { list-style: none; padding-bottom: 20px; } .comments .commBody li.commItem + li.commItem { border-top: 1px solid #ddd; padding: 80px 0 0 0; } .comments .commBody li.commItem ul.children { margin: 0; padding: 50px 0 0 50px; border-top: 1px solid #ddd; } .comments .commBody li.commItem:after { content: ''; clear: both; height: 0; display: block; } .comments .commBody li.commItem .replyWrap { float: right; margin: 0 0 20px 0; } .comments .commBody li.commItem .replyWrap .posted { float: left; height: 30px; line-height: 30px; font-weight: 300; font-size: 12px; font-style: italic; padding: 0 20px 0 0; } .comments .commBody li.commItem .replyWrap .posted a { color: #222222; } .comments .commBody li.commItem h4 { height: 50px; line-height: 50px; padding: 0 0 20px 20px; float: left; } .comments .commBody li.commItem h4 a { color: #222222; } .comments .commBody li.commItem .avatar { width: 50px; height: 50px; float: left; margin: 0 0 20px 0; } .comments .commBody li.commItem .avatar img { width: 100%; } .comments .commBody li.commItem .authorInfo { clear: both; padding: 0 0 20px 0; } .comments .commBody li.commItem .comment_date { color: #222222; } .recentcomments a { display: inline !important; padding: 0 !important; margin: 0 !important; } /*review Block*/ .post .reviewBlock, .itemPageFullWrapper .reviewBlock { float: right; width: 250px; clear: right; margin: 0 0 50px 50px; position: relative; z-index: 1; } .reviewBlock { margin: 0 0 100px 0; padding: 0 0 66px 0; } .reviewBlock .popularFiltr { margin: 0 !important; } .reviewBlock .popularFiltr ul { margin: 0 0 10px 0; padding: 0; text-transform: uppercase; } .reviewBlock .popularFiltr ul .ui-tabs-anchor { padding: 0 34px !important; } .sc_tabs.reviewBlock .ratingStars { display: none; } .reviewBlock .ratingStars .ratBody { padding: 15px 0; } .reviewBlock .ratingStars .ratBody + .ratBody { border-top: 1px solid #ddd; } .reviewBlock .ratingStars .ratBody:after { clear: both; display: block; height: 0; content: ''; } .reviewBlock .ratingStars .ratBody .name { /*float: left;*/ font-weight: 400; } .reviewBlock .ratingStars .accept { text-align: center; padding: 10px 0 30px 0; } .ratingItem { position: relative; height: 16px; width: 80px; } .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: -40px; left: 100%; line-height: 25px; font-size: 12px; z-index: 3; margin: 0 0 0 -26px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .reviewBlock .ratingItem .ratBubble:after { height: 10px; width: 10px; background: #fff; content: ''; display: block; margin: -5px 0 0 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; -webkit-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: 16px; height: 16px; display: inline-block; margin: 0; padding: 0; font-size: 16px; vertical-align: top; } .ratingItem span:before { font-family: "fontello"; width: 16px; height: 16px; display: block; line-height: 16px; text-align: center; } .ratingItem .starDefault { height: 16px; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; } .ratingItem .starDefault span:before { content: '\e81e'; } .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 { background: #eeeeee; padding: 10px; } .reviewBlock .infoTotal p { padding: 0; } .reviewBlock .infoTotal .infoRat { font-size: 12px; font-style: italic; border-bottom: 1px solid #ddd; padding: 0 0 20px 0; margin: 0 0 10px 0; } .reviewBlock .infoTotal .totalWrap { } .reviewBlock .infoTotal .totalWrap:after { clear: both; height: 0; display: block; content: ''; } .reviewBlock .infoTotal .totalWrap .totalRating { width: 50%; height: 16px; line-height: 16px; padding: 5px 0; text-align: center; border-right: 1px solid #ddd; } .reviewBlock .infoTotal .totalWrap .totalStar { width: 50%; height: 16px; float: right; padding: 5px 0; } /* summary Rating */ .summaryRating { overflow: hidden; margin: 2px 0 6px; } .footerStyleDark .ratingItem span:before { color: #dddddd; } .fullscreen .isotopeFiltr, .sc_gap .isotopeFiltr { text-align: center; } /*masonry*/ .masonryWrap .isotopeFiltr ul { margin: 0; padding: 0 0 60px 0; } .masonryWrap .pageFiltr ul a, .masonryWrap .isotopeFiltr ul a { background: none; box-shadow: none; color: #212121; font-size: 14px; font-weight: 400; line-height: 28px; letter-spacing: 4px; text-transform: uppercase; } .masonryWrap .isotopeFiltr ul .active a, .masonryWrap .isotopeFiltr ul a:hover { color: #777777; text-decoration: underline; } .masonry { padding: 0 0 110px 0; margin: 0 -50px 0 0; } .masonry:after { clear: both; content: ''; height: 0; display: block; } .masonry.no_padding { padding: 0; } .masonry .isotopePadding { margin: 0; position: relative; background: #ffffff; } .masonry article { float: left; padding: 0 0 0 0; margin: 50px 0 0 0; background-color: #fff; opacity: 0; } section.masonry[data-columns="4"] article { margin: 0; } section.masonry[data-columns="1"] article:first-child, section.masonry[data-columns="2"] article:first-child, section.masonry[data-columns="2"] article:nth-child(2), section.masonry[data-columns="3"] article:first-child, section.masonry[data-columns="3"] article:nth-child(2), section.masonry[data-columns="3"] article:nth-child(3) { margin-top: 0; } .masonry article .thumb { position: relative; width: 100%; } .masonry article .thumb img { width: 100%; display: block; } .masonry article .thumb .link-wrapper { background: none repeat scroll 0 0 #ffffff; background-color: rgba(255, 255, 255, 0.8); -webkit-backface-visibility: hidden; backface-visibility: hidden; bottom: 0; left: 0; margin: 20px; opacity: 0; position: absolute; right: 0; text-align: center; top: 0; -webkit-transition: all 0.35s ease-in-out 0s; transition: all 0.35s ease-in-out 0s; visibility: hidden; } .masonry article .thumb:hover .link-wrapper { opacity: 1; visibility: visible; } .masonry article .thumb .link-wrapper a { background-color: #000000; border-radius: 3px; color: #ffffff; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 38px; line-height: 40px; margin: -19px auto 0; padding: 0; position: absolute; text-align: center; text-transform: uppercase; top: 50%; vertical-align: middle; width: 90px; left: 0; right: 0; } .masonry article .thumb .link-wrapper a:hover { background-color: #777777; color: #000000; } .masonry article h4 { padding: 40px 0 15px; } .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 { padding: 0 0 20px 0; font-size: 12px; line-height: 12px; text-align: left; font-style: italic; } .masonry article .masonryInfo:before { height: 20px; border-top: 1px solid #ddd; width: 50px; display: block; content: ''; } .masonry article .masonryInfo .separator { padding: 5px; font-style: normal; } .masonry article .masonryInfo span.infoTags a { color: #888888; } .masonry article .masonryInfo a { color: #222222; } .masonry article .masonryMore ul { padding: 0 0 50px 0; margin: 0; line-height: 35px; } .masonry article .masonryMore ul li { margin: 0 3px 8px 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; } .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; } .without_sidebar > .main > .content > .masonryWrap { margin-top: 110px; } /*block quote*/ blockquote { margin: 0px; padding: 0px; font-style: italic; } blockquote p:before { content: '" '; } blockquote cite, .sc_quote_title:before { content: '— ' } 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; background-color: rgba(55, 55, 55, 0.5); 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: '\e808'; 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.items img { margin: 0 20px 20px 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.items img { margin: 0 0 20px 20px; } .postRight .thumb { float: right; margin: 0 0 0 50px; } .postRight .postSharing ul { float: left; margin: 0 50px 0 0; } .postRight .infoPost { text-align: left; } .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; } .slider .gridBlock .icon.iconTablet { height: 89px; } .tp-caption a { color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out } .tp-caption a:hover { color: #ffa902 } .tp-button.order { font-weight: 700; font-size: 16px; letter-spacing: 1px; display: inline-block; padding: 10px 20px; line-height: 24px !important; height: 24px } .tp-caption.hrsl1btn, .hrsl1btn { background-color: transparent; text-decoration: none; border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.hr-sl2-text, .hr-sl2-text { font-size: 60px; line-height: 68px; font-weight: 700; font-family: Hind; color: #ffffff; text-decoration: none; background-color: transparent; text-transform: uppercase; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.hrsl11text, .hrsl11text { font-size: 36px; line-height: 48px; font-weight: 400; font-family: "Hind"; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; text-align: right; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.hrsl11head, .hrsl11head { font: 400 12px/24px "Hind", sans-serif; color: #ffffff; text-decoration: underline; background-color: transparent; text-align: right; text-transform: uppercase; letter-spacing: 1px; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.hrsl1btn, .hrsl1btn { background-color: transparent; text-decoration: none; border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.hrsl1btnregister, .hrsl1btnregister { background-color: transparent; text-decoration: none; border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.no_style, .no_style { border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.slider4-sl1-price, .slider4-sl1-price { background-color: rgba(255, 210, 73, 1); width: 190px; height: 190px; text-decoration: none; font-size: 55px; line-height: 200px; font-weight: 500; font-family: Hind; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.5); color: #000000; text-align: center; border-radius: 95px 95px 95px 95px; border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.slider4-sl1-cat, .slider4-sl1-cat { font-size: 12px; font-weight: 400; font-family: Hind; color: #e77421; background-color: transparent; text-transform: uppercase; line-height: 12px; text-decoration: none; padding: 0px 0px 0px 0px; margin-bottom: 22px; border-width: 0px 0px 1px 0px; border-color: rgb(231, 116, 33); border-style: none none solid none; } .tp-caption.slider4-sl1-header, .slider4-sl1-header { font-size: 38px; font-weight: 500; font-family: Hind; color: #59524c; background-color: transparent; margin-bottom: 30px; line-height: 38px; text-decoration: none; border-width: 0px; border-color: rgb(89, 82, 76); border-style: none; } .tp-caption.slider4-sl1-text, .slider4-sl1-text { font-size: 16px; letter-spacing: 1px; font-weight: 400; font-family: Hind; color: #000000; line-height: 20px; margin-bottom: 40px; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } #rev_slider_1_wrapper .tp-loader.spinner3 div, #rev_slider_2_1_wrapper .tp-loader.spinner3 div, #rev_slider_3_1_wrapper .tp-loader.spinner3 div, #rev_slider_4_1_wrapper .tp-loader.spinner3 div { background-color: #FFFFFF !important; } #mainslider_4 { background-color: #fbfbfb; } /*portfolio*/ .portfolioWrap { padding: 50px 0 0 0; } .sc_blogger.portfolioWrap { padding: 0; } .portfolioWrap .pageFiltr ul, .portfolioWrap .isotopeFiltr ul { margin: 0; padding: 0 0 60px 0; } .portfolioWrap .pageFiltr ul a, .portfolioWrap .isotopeFiltr ul a { background: none; box-shadow: none; color: #212121; font-size: 14px; font-weight: 400; line-height: 28px; letter-spacing: 4px; text-transform: uppercase; } .portfolioWrap .isotopeFiltr ul .active a, .portfolioWrap .isotopeFiltr ul a:hover { text-decoration: none; } .portfolio { margin: 0 0 30px 0; padding: 0 0 20px 0; min-height: 287px; overflow: hidden !important; } .portfolio.no_padding { padding: 0; } .portfolio.no_margin { margin: 0; } .portfolio:after { content: ''; clear: both; height: 0; display: block; } .isotope .isotopeElement.isotopeElementShow, .masonry .isotopeElement.isotopeElementShow, .portfolio .isotopeElement.isotopeElementShow { opacity: 1; } .portfolio .isotopeElement { position: relative; float: left; opacity: 0; padding: 0; } .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) { border-bottom: 3px solid #161413; margin-bottom: 50px; overflow: hidden; } .portfolio .isotopeElement.hover_Shift { margin-bottom: 50px; overflow: hidden; } .portfolio .isotopeElement .hoverDirShow .folioShowBlock:before, .portfolio .isotopeElement .hoverShiftShow .folioShowBlock:before { opacity: 0.99; filter: alpha(opacity=99); -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: 40px 40px 0 40px; padding: 0 0 20px 0; vertical-align: middle; font: 400 28px/35px inherit; } .portfolio .isotopeElement .folioShowBlock .folioContentAfter h4 a { color: #fff; } .portfolio .isotopeElement .folioShowBlock .folioContentAfter h4 a:hover { color: #e0e0e0; } .portfolio .isotopeElement .folioShowBlock .folioContentAfter p { margin: auto 40px; padding: 0 0 24px 0; vertical-align: middle; font-size: 15px; color: #ffffff; line-height: 24px; } .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo { font-size: 10px; line-height: 18px; margin: auto 30px; padding: 0 0 15px; text-transform: uppercase; vertical-align: middle; } .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo:before { content: ''; border-top: 1px solid rgba(255, 255, 255, 0.4); display: block; height: 11px; width: 80px; } .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo a { color: #fff; } .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo a:hover { color: #ffffff; } .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo .separator { padding: 5px 12px; 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; } /*hover effect Hover shift*/ .portfolio .isotopeElement.hover_Shift: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.4s ease-in-out; transition: all 0.4s ease-in-out; } .ih-item h4 { overflow: hidden; } /*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; -webkit-transform: translateZ(-100px) translateX(0) rotateY(180deg); transform: translateZ(-100px) translateX(0) rotateY(180deg); } 1% { -webkit-transform: translateZ(-100px) rotateY(-180deg); transform: translateZ(-100px) rotateY(-180deg); } 50% { opacity: 0.5; z-index: 1; -webkit-transform: translateZ(-50px) translateX(-50px) rotateY(-90deg); transform: translateZ(-50px) translateX(-50px) rotateY(-90deg); } 100% { opacity: 1; z-index: 1; -webkit-transform: translateZ(0) translateX(0) rotateY(0deg); transform: translateZ(0) translateX(0) rotateY(0deg); } } @keyframes rotateOut { 0% { opacity: 1; -webkit-transform: translateZ(0) translateX(0) rotateY(0deg); transform: translateZ(0) translateX(0) rotateY(0deg); } 50% { opacity: 0.5; z-index: 0; -webkit-transform: translateZ(-50px) translateX(50px) rotateY(90deg); transform: translateZ(-50px) translateX(50px) rotateY(90deg); } 100% { opacity: 0; z-index: 0; -webkit-transform: translateZ(-100px) translateX(0) rotateY(180deg); 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%; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-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: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-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; -webkit-transform: rotateY(-111deg); transform: rotateY(-111deg); -webkit-transition: all 0.5s ease; 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); } .portfolio.folio1col article { width: 1150px; 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 .portfolioMore { float: right; } .portfolio .masonryMore ul, .portfolio .portfolioMore ul { margin: 0; padding: 0; } .portfolio.folio1col .folioInfoBlock .moreWrapPortfolio .infoPost { float: left; padding: 5px 0 0 0; max-width: 250px; line-height: 20px; text-align: left; } .portfolio.folio1col .postCenter .folioInfoBlock .moreWrapPortfolio .infoPost { max-width: 50%; } .portfolio.folio2col .isotopeElement { width: 575px; height: 323px; } .portfolio.folio3col .isotopeElement { height: 252px; width: 350px; } .portfolio.folio4col .isotopeElement { width: 287px; height: 287px; } .portfolio .isotopeElement .effect6 { z-index: 9; } .portfolio.folioAutoCol .isotopeElement { height: 300px; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } /*related post*/ .relatedWrap { margin: 0 0 70px 0; padding: 0 0 26px 0; } .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 30px 0; } .relatedPostWrap article .thumb img { width: 100%; display: block; } .relatedPostWrap article h4 { font: 400 28px/35px inherit; padding: 0 0 14px 0; } .relatedPostWrap article h4 + .reviews_summary { padding: 0 0 10px 0; margin-top: -10px; } .relatedPostWrap article p { font-size: 15px; line-height: 24px; padding: 0 0 44px; } .relatedPostWrap article .relatedInfo { padding: 0 0 20px 0; font-size: 10px; line-height: 18px; text-align: left; font-style: italic; text-transform: uppercase; } .relatedPostWrap article .relatedInfo:before { height: 20px; border-top: 1px solid #ddd; width: 80px; display: block; content: ''; } .relatedPostWrap article .relatedInfo .separator { padding: 12px; font-style: normal; } .relatedPostWrap article .relatedInfo span.infoTags a { color: #888888; } .relatedPostWrap article .relatedInfo a { color: #222222; } .relatedPostWrap article .relatedMore ul { padding: 0; margin: 0; } .relatedPostWrap article .relatedMore .squareButton { margin: 0 6px 8px 0; } /*Border tablet*/ .sc_border { padding: 4% 10% 6% 10%; background-repeat: no-repeat; background-size: 100%; } .sc_border.sc_border_light { background-image: url(../images/1100x742.png); } .sc_border.sc_border_dark { background-image: url(../images/1100x742.png); } .sc_border .sc_slider, .sc_border .sc_zoom { border: 3px solid #151515; background: #151515; margin: 0; } .sc_border .sc_zoom img { 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; z-index: 10; } .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; } video.sc_video_bg, video.videoBackground { max-width: none; } /*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/60x63.png); background-repeat: no-repeat; } .sc_video_player .sc_video_player_title { background-position: 0 -21px; background-repeat: repeat-x; position: relative; margin: 0 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: #f2f2f2; width: 100%; } .sc_video_player .sc_video_frame img { width: 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; } .footerStyleLight .footerWidget .sc_video_player .sc_video_play_button:after { background-color: #fff; } .footerStyleLight .footerWidget .sc_video_player:hover .sc_video_play_button:after { color: #c0c0c0; background-color: #2b2b2b; } .footerStyleDark .footerWidget .sc_video_player .sc_video_play_button:after { color: #c0c0c0; background-color: #2b2b2b; } .footerStyleDark .footerWidget .sc_video_player:hover .sc_video_play_button:after { background-color: #fff; } .sc_video_player .sc_video_play_button:after { width: 0; height: 0; line-height: 20px; font-size: 0; position: absolute; font-family: "fontello"; content: '\e87b'; left: 50%; top: 50%; margin: 0; z-index: 10; background-color: #ffffff; text-align: center; text-indent: 3px; overflow: hidden; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .footerWidget .sc_video_player .sc_video_play_button:after, .sc_video_player:hover .sc_video_play_button:after { width: 50px; height: 50px; font-size: 21px; line-height: 50px; margin: -25px 0 0 -25px; 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 { width: 70px; height: 70px; line-height: 70px; margin: -35px 0 0 -35px; text-indent: 5px; font-size: 30px; color: #fff; } .sidebar + .content .post .audioWrap { width: 550px; } /*post Sharing*/ .postSharing { height: 30px; text-align: right; 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 { float: left; 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 { background: #ffffff; border: 1px solid #ddd; border-top-color: transparent !important; box-shadow: 0 2px 2px -1px #ddd; display: none; left: 0; margin: 0; padding: 10px; position: absolute; top: 39px; width: 85px; z-index: 4; } ul > li.share > ul.shareDrop > li { list-style: none; display: block; padding: 7px 0; } ul > li.share > ul.shareDrop > li > a { display: block; font-size: 14px; font-weight: normal; height: 16px; line-height: 16px; text-align: left; text-transform: lowercase; } ul > li.share > ul.shareDrop > li > a:hover { color: #999999; } 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: 0; position: relative; z-index: 3; box-shadow: 0px 3px 0px rgba(0, ​ 0, ​ 0, ​ 0.7); border-bottom-left-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, .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; } .footerStyleLight .footerWidget .roundButton:hover a:before { color: #222222; border-color: #222222; } .scrollbar_hide .sc_scroll_bar { display: none; } .roundButton a:before, .sc_scroll_controls .flex-direction-nav a:before, .sc_testimonials .flex-direction-nav a: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, .roundButton a:hover, .roundButton a:active { margin: -1px 0 0 0; box-shadow: 0 2px 2px -1px #ddd; } .footerWidget .roundButton a:hover, .footerWidget .roundButton a:active { margin: 0; background-color: #878787; 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 */ input[type="submit"], input[type="button"], .squareButton { height: 35px; list-style: none; display: inline-block; vertical-align: bottom; position: relative; /* float:left; */ } .squareButton.mini { height: 30px; } .squareButton.big { height: 50px; } .squareButton.huge { height: 60px; } .squareButton.banner { height: 88px; } .squareButton.fullSize { display: block; text-align: center; margin: 0 0 3px 0; clear: both; } .squareButton.fullSize.ico a:before { display: inline-block; float: none; } input[type="submit"], input[type="button"], .squareButton > a, .squareButton > span { background-color: #fff; border: 0; color: #0d0d0d; cursor: pointer; display: block; font-size: 13px; font-weight: 700; height: 36px; line-height: 40px; letter-spacing: 1px; padding: 0 44px; position: relative; overflow: hidden; text-transform: uppercase; z-index: 1; } section[data-columns="4"] input[type="submit"], section[data-columns="4"] input[type="button"], .columns1_4 .squareButton > a, section[data-columns="4"] .squareButton > a, section[data-columns="4"] .squareButton > span { padding: 0 20px; } .topWrap .topMenuStyleLine > ul > li.highlight > a { position: relative; z-index: 1; } .topWrap .topMenuStyleLine > ul > li.highlight > a:after, .squareButton > a:after, .squareButton > span:after { background-color: transparent; content: ''; display: block; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; z-index: -1; } .isotopeFiltr .squareButton > a:after { display: none; } .isotopeFiltr input[type="submit"], .isotopeFiltr input[type="button"], .isotopeFiltr .squareButton > a, .isotopeFiltr .squareButton > span { text-decoration: none !important; } .squareButton > a:hover:after, .squareButton > a:active:after, .squareButton > span:hover:after, .squareButton > span:active:after { -webkit-transform: scaleX(1.1); transform: scaleX(1.1); } .topWrap .topMenuStyleLine > ul > li.highlight > a:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .squareButton.dark > a:hover, .squareButton.dark > a:active, .squareButton.dark > span:hover, .squareButton.dark > span:active, .squareButton.mono > a:hover, .squareButton.mono > a:active, .squareButton.mono > span:active, .squareButton.mono > span:hover { color: #0d0d0d; } input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"], input[type="button"]:active, input[type="button"]:hover, input[type="button"], .squareButton.mono > a:hover, .squareButton.mono > a:active, .squareButton.mono > span:hover, .squareButton.mono > span:active, .squareButton.light > a:hover, .squareButton.light > a:active, .squareButton.light > span:hover, .squareButton.light > span:active, .squareButton.dark > a:hover, .squareButton.dark > a:active, .squareButton.dark > span:hover, .squareButton.dark > span:active, .squareButton > a, .squareButton > span { box-shadow: 0 3px 0 rgba(0, 0, 0, 0.7); } .squareButton > a.ui-tabs-anchor:hover, .squareButton > a.comment-reply-link:hover, .squareButton > a.enter:hover, .squareButton.light > a:hover, .squareButton.light > a:active, .squareButton.light > span:hover, .squareButton.light > span:active { color: #0d0d0d; } .sc_blogger .squareButton > a { color: #777777; } .sc_blogger .squareButton.dark > a { color: #ffffff; } .sc_blogger .squareButton.light > a { color: #000000; } .sc_blogger .masonryMore .squareButton.light > a[class*="icon-"] { padding: 0 10px; } .squareButton.mini > a, .squareButton.mini > span { height: 30px; line-height: 34px; font-size: 13px; } .squareButton.big > a, .squareButton.big > span { height: 50px; line-height: 54px; font-size: 15px; } .squareButton.huge > a, .squareButton.huge > span { height: 60px; line-height: 60px; font-size: 16px; } .squareButton.banner > a, .squareButton.banner > span { height: 88px; line-height: 92px; font-size: 23px; padding: 0 30px 0 25px; } .squareButton.mono > a, .squareButton.mono > span, .squareButton.dark > a, .squareButton.dark > span { background-color: #59524c; color: #fff; } .squareButton.mono > a, .squareButton.mono > span, .squareButton.global > a:hover, .squareButton.global > a:active, .squareButton.dark > a, .squareButton.dark > span { box-shadow: 0 3px 0 rgba(0, 0, 0, 0.4); } .squareButton.ico > a:after, .squareButton.ico > a:before { font-family: "fontello"; font-style: normal; font-weight: normal; height: 36px; line-height: 30px; display: block; } .squareButton.mini > a:after, .squareButton.mini > a:before { height: 30px; line-height: 30px; } .squareButton.big > a:after, .squareButton.big > a:before { height: 50px; line-height: 50px; } .squareButton.huge > a:after, .squareButton.huge > a:before { height: 60px; line-height: 60px; } .squareButton.banner > a:after, .squareButton.banner > a:before { height: 88px; line-height: 88px; } .squareButton.ico > a:before { padding: 3px 9px 0 0; float: left; } .squareButton.ico.huge > a:before, .squareButton.ico.big > a:before, .squareButton.ico.mini > a:before { padding-top: 0; } .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; } .nav_pages_parts a:hover span, .nav_comments a:hover { box-shadow: 0 2px 2px -1px #ddd; } .squareButton > a:active { color: #fff !important; } .squareButton.dark > a:active { color: #fff; } .squareButton.global > a:after { background-color: #59524c; } .squareButton.active > a:hover, .squareButton.active > a, .squareButton.active > span { color: #fff; cursor: default; margin: 0; box-shadow: none; } .squareButton > span { cursor: default; } .squareButton > a.selected:hover, .squareButton > a.selected:active { border: 1px solid #ddd; color: #777777; margin: 0px; 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: 10px; margin: 0 10px 15px 0; list-style: none; display: block; float: left; } .squareButtonlite > a { height: 10px; line-height: 10px; display: block; padding: 0 10px; color: #888888; position: relative; font-size: 11px; cursor: pointer; } .withMargin { margin-bottom: 50px; } /*shadow HR*/ .hrShadow { position: relative; border-bottom: 1px solid #ddd; background-color: #fff; } .hrShadow.withMargin { padding-bottom: 30px; } .inlineShadow, .hrShadow:before { content: ""; position: absolute; margin: 0 50px; display: block; bottom: 3px; height: 40px; left: 10px; right: 10px; z-index: -2; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 50% / 100%; } .sidebar .hrShadow:before { margin: 0 10px; height: 5px; bottom: 4px; 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; border-radius: 100% / 100%; } /*shadow BOX*/ .sc_table, .sc_tabs_style_1 .sc_tabs_content, .sc_pricing_table, .sc_shadow, .sc_popup_light { box-shadow: 0 6px 2px -1px #f0f0f0; } /*inlineShadow*/ .inlineShadow { content: ""; position: absolute; height: 10px; display: block; bottom: 0px; padding: 0; margin: 0; left: 10px; right: 10px; z-index: -2; border-bottom: 1px solid #ebebeb; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 100% / 100%; } .inlineShadow:before { content: ''; height: 20px; background: #fff; position: absolute; left: -5px; right: -5px; bottom: -3px; border-bottom: 1px solid #ebebeb; } /* ============================================ 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; } .pagination > ul > li > a:active { color: #fff; margin: -1px 0 0 0; } .pagination > ul > .squareButton.ico > a:before { padding-top: 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; 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 > a { height: 30px; line-height: 33px; } .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 8px 10px; 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: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)); 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); transform: rotate(45deg); 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; } .pagination .squareButton a, .pagination .squareButton span { border: 0; box-shadow: none !important; padding: 0 16px; } /* ============================================ Sidebar widgets common styles ============================================ */ .sidebar > .widget, .sidebar .widgetWrap { margin: 0 0 30px 0; padding-bottom: 30px; } .sidebar > .widget:last-child, .sidebar .widgetWrap:last-child { margin: 0; } .sidebar > .widget:not(.hrShadow) { border-bottom: 1px solid #dddddd; } .sidebar > .widget:not(.hrShadow):last-child { border-bottom: 0; padding-bottom: 50px; } .sidebar > .widget { font: 300 15px/20px 'Roboto', serif; letter-spacing: 0.25px; } .sidebar .title { font-size: 18px; color: #272727; font-weight: 300; padding: 0 0 30px 0; } /* 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%; } .sidebar > .widget > ul, .widget_area .widgetWrap ul { margin: 0px; padding: 0px; overflow: hidden; } .sidebar > .widget > ul > li, .widget_area .widgetWrap ul > li { display: block; font-size: 14px; font-weight: 300; line-height: 28px; list-style: outside none none; margin-bottom: 15px; padding: 0; position: relative; } .widget_area .widgetWrap.woocommerce ul > li:last-child { margin-bottom: 0; } .sidebar > .widget > ul > li.dropMenu, .widget_area .widgetWrap ul > li.dropMenu { cursor: pointer; } .sidebar > .widget > ul > li.dropMenu:before, .widget_area .widgetWrap ul > li.dropMenu:before { content: '+'; font-size: 14px; left: 0; } .sidebar > .widget > ul > li.dropMenu.dropOpen:before .widget_area .widgetWrap ul > li.dropMenu.dropOpen:before { content: '-'; font-size: 16px; } .sidebar > .widget > ul > li a, .widget_area .widgetWrap ul li a { color: #222222; } .sidebar > .widget > ul > li a span, .widget_area .widgetWrap ul > li a span, .widget_area .widgetWrap ul > li span { color: #999999; } .woocommerce-page .footerStyleDark ul.product_list_widget li a span, .woocommerce-page .footerStyleDark ul.product_list_widget li span { color: #cecece; } .sidebar > .widget > ul > li ul, .widget_area .widgetWrap ul > li ul { padding: 0; margin: 0; display: none; } .sidebar > .widget > ul > li ul li, .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: 13px; font-weight: 300; min-height: 13px; position: relative; } .sidebar > .widget > ul > li ul li:before, .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'; } .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:not(.social_icons):hover > span { color: #ffffff; } /* Revslider widget */ .widget_area .widgetWrap .rev_slider ul > li { position: absolute; } .widget_area .widgetWrap .rev_slider ul > li:before { display: none; } .rev_slider_wrapper .sl_3_logo { top: 37px !important; } .rev_slider_wrapper .sl_3_logo img { height: 67px !important; width: 126px !important; } .rev_slider_wrapper .sl_1_logo img { height: 34px !important; width: 86px !important; } .logged-in .registered { display: none; } .rev_slider_wrapper .slider4-sl1-price sup { font-size: 23px !important; line-height: 60px !important; } /* 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 .post_thumb { width: 75px; margin: 0 10px 10px 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: 14px; line-height: 17px; font-weight: 300; } .widget_area article .post_info { margin-bottom: 10px; overflow: hidden; } .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; font-style: italic; display: block; float: left; padding: 0 10px 0 0; } .widget_area article .post_info .post_date a { color: #222222; } .widget_area article .post_info .post_comments a { display: block; } .widget_area article .post_info .post_comments_icon { display: inline-block; } .widget_area article .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; } .footerStyleDark .widget_area article .post_title { color: #dddddd; } .footerStyleDark .widget_area a:not(.social_icons):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: 10px 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; } .widget_area .tabs_area ul.tabs > li > a { text-transform: uppercase; font-size: 11px; font-weight: 400; padding: 0; } .widget_area .tabs_area ul.tabs > li:before { display: none; } .widget_area .tabs_area .tab_content { display: none; } /* tags cloud */ .widget_area .tagcloud a { display: inline-block; height: 28px; line-height: 28px; padding: 0 15px; border: 1px solid #ddd; margin: 0 2px 5px 0; font-size: 13px !important; font-weight: 400; } .footerStyleDark .widget_area .tagcloud a { border: 1px solid #888; } .widget_area .tagcloud a:hover, .widget_area .tagcloud a:active { color: #ffffff !important; } /* Search form */ .widget_area .searchform label { display: none; } .widget_area .search-form .search-field { max-width: 199px; } .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; padding: 0 10px 0 10px; 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: #333; border-color: #888; } /* Widget Calendar */ .footerWidget .widget_calendar, .sidebar .widget_calendar { -webkit-transition: height ease .5s; transition: height ease .5s; } .sidebar #sc_calendar, .sidebar .sc_calendar { font-size: 16px; font-weight: 300; } .sidebar #sc_calendar th, .sidebar #sc_calendar td, .sidebar .sc_calendar th, .sidebar .sc_calendar td, .footerWidget #sc_calendar th, .footerWidget #sc_calendar td, .footerWidget .sc_calendar th, .footerWidget .sc_calendar td { height: 37px; } .sidebar #sc_calendar tbody td a, .sidebar .sc_calendar tbody td a { width: 22px; } #sc_calendar th, #sc_calendar td, .sc_calendar th, .sc_calendar td { width: 14%; text-align: center; } #sc_calendar thead tr th, .sc_calendar thead tr + tr th { border-style: solid; border-width: 0 0 1px 0; color: #222222; } .footerWidget #sc_calendar thead tr + tr th, .footerWidget .sc_calendar thead tr + tr th { border-color: #c2c2c2; color: #888888; } #sc_calendar caption, #sc_calendar thead th, .sc_calendar thead th { color: #222222; text-transform: uppercase; } .footerStyleLight .footerWidget #sc_calendar thead th, .footerStyleLight .footerWidget .sc_calendar thead th { color: #5c5c5c; } .footerStyleDark .footerWidget #sc_calendar thead th, .footerStyleDark .footerWidget .sc_calendar thead th { color: #cecece; } .footerStyleDark .sc_calendar thead .curMonth a { color: #ffffff; letter-spacing: 4px; } #sc_calendar thead th span, .sc_calendar thead th span { color: #888888; } #sc_calendar thead th.prevMonth .roundButton, .sc_calendar thead th.prevMonth .roundButton { float: left; } #sc_calendar thead th.nextMonth .roundButton, .sc_calendar thead th.nextMonth .roundButton { float: right; } #sc_calendar tbody td a, .sc_calendar tbody td a { display: inline-block; } #sc_calendar tbody td a:hover, .sc_calendar tbody td a:hover { font-weight: 600; } #sc_calendar tbody td.today a, .sc_calendar tbody td.today a { font-weight: 600; color: #222222; } #sc_calendar tbody td.today, .sc_calendar tbody td.today { background: #eee; } .footerStyleLight .footerWidget #sc_calendar tbody td.today, .footerStyleLight .footerWidget #sc_calendar tbody td.today a, .footerStyleLight .footerWidget .sc_calendar tbody td.today, .footerStyleLight .footerWidget .sc_calendar tbody td.today a { color: #000; } .footerStyleDark .footerWidget #sc_calendar tbody td a, .footerStyleDark .footerWidget .sc_calendar tbody td a { color: #dcdcdc; } .footerStyleDark .footerWidget #sc_calendar tbody td a:hover, .footerStyleDark .footerWidget .sc_calendar tbody td a:hover { color: #ffffff; } .footerStyleDark .footerWidget #sc_calendar tbody td.today, .footerStyleDark .footerWidget .sc_calendar tbody td.today { background: #666666; } .footerStyleDark .footerWidget #sc_calendar tbody td.today, .footerStyleDark .footerWidget #sc_calendar tbody td.today a, .footerStyleDark .footerWidget .sc_calendar tbody td.today, .footerStyleDark .footerWidget .sc_calendar tbody td.today a { color: #000000; } /* footer widgets columns */ .footerWidget .columnsWrap + .columnsWrap { margin-top: 50px; } /* topTabs */ .widgetTabs { overflow: hidden; } .topTabsWrap { border-bottom: 1px solid #ddd; background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ffffff), to(#f2f2f2)); background: linear-gradient(to bottom, #ffffff 21%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); } .widgetTabs .tabsButton li a { font-weight: 400; } .widgetTabs .titleHide { display: none; } /*speedBar*/ .topTabsWrap:after { height: 0; display: block; content: ''; clear: both; } .topTabsWrap .speedBar { float: right; font-size: 12px; font-style: italic; line-height: 86px; padding: 0; } .topTabsWrap .speedBar a { display: inline-block; color: #888888; text-decoration: none; } .topTabsWrap .pageTitle { color: #1a1a1a; float: left; font-weight: 300; line-height: 86px; padding: 0; } /*tabsButton*/ .tabsButton { margin: 0 0 -1px; clear: both; } .tabsButton ul { margin: 0px; padding: 0px; overflow: hidden; } .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; 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: 100; } .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 { margin: 0; width: auto; float: none; display: none; overflow: hidden; } .widgetTabs .widgetTop > ul:not(.tabs) > li > ul { padding: 0 0 0 30px; } .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 #sc_calendar, .widgetTabs .widgetTop .sc_calendar { font-size: 36px; font-weight: 100; padding: 0 0 50px 0; } .widgetTabs .widgetTop #sc_calendar th, .widgetTabs .widgetTop #sc_calendar td, .widgetTabs .widgetTop .sc_calendar th, .widgetTabs .widgetTop .sc_calendar td { height: 100px; } .widgetTabs .widgetTop #sc_calendar tbody td a, .widgetTabs .widgetTop .sc_calendar tbody td a { width: 50px; } .widgetTabs .widgetTop #sc_calendar tbody tr + tr td, .widgetTabs .widgetTop .sc_calendar tbody tr + tr td { border-top-width: 1px; border-top-style: solid; border-top-color: #ddd; } /* Axiom - 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; } /* Axiom - Flickr photos */ .widgetTabs .widgetTop.widget_flickr .flickr_images { overflow: hidden; } .widgetTabs .widgetTop.widget_flickr .flickr_badge_image, .widgetTabs .widgetTop.widget_flickr .flickr_images > a { width: 240px; height: 160px; float: left; margin: 0 1px 1px 0; } .widgetTabs .widgetTop.widget_flickr img { width: 100%; } /* Axiom - Twitter */ .widgetTabs .widgetTop.widget_twitter ul:not(.tabs) > li { font-size: 18px; line-height: 30px; font-weight: 300; color: #646464; } /* Axiom - 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; font-weight: 300; } .twitBlock, .post .twitBlock ul li { line-height: 25px; } .twitBlock .sc_slider { position: relative; height: 180px; } .twitBlock .sc_slider .swiper-slide { } /* Slide settings*/ .twitBlock .sc_slider .swiper-slide { padding: 50px; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; } .twitBlock .sc_slider .swiper-slide p { margin: 0; padding: 0 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 { width: 40px; height: 100%; display: block; position: absolute; top: 0; bottom: 0; z-index: 10; margin: 0; } .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: #fff; display: block; width: 35px; height: 35px; border: 1px solid #fff; 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: 80px 0 68px 0; } .contactFooter .logo { display: inline-block; padding: 0 0 40px 0; height: auto; font-size: 72px; } .contactFooter .contactAddress { color: #ffffff; padding: 0 0 15px 0; } .contactFooter .contactAddress:after { content: ''; height: 0; 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 { display: none; margin: 0 0 26px; padding: 0; } .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 { color: #ffffff; display: block; overflow: hidden; position: relative; } .contactFooter .contactShare ul li a:before { font-size: 26px; } /* Footer styles*/ .footerContentWrap { clear: both; } .footerWrap { clear: both; color: #cecece; font-size: 14px; line-height: 24px; text-align: center; } .footerWrap:after { clear: both; height: 0; display: block; content: ''; } .footerWrap.footerStyleLight { background-color: #fafafa; border-top: 1px solid #ddd; } .footerWrap.footerStyleLight .footerWidget { position: relative; overflow: hidden; } .footerWrap.footerStyleLight .footerWidget:before { content: ""; position: absolute; margin: 0 50px; display: block; top: -22px; height: 20px; left: 10px; right: 10px; z-index: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 100% / 100%; } .footerWrap.footerStyleDark { background-color: #171717; } /*footerWidget*/ .footerWidget { padding: 110px 0; text-align: left; } .footerWidget:after { display: block; content: ''; clear: both; height: 0px; } .footerWidget .widgetWrap .title { font: 300 20px/28px 'Roboto', sans-serif; letter-spacing: 6px; padding: 0 0 36px 0; text-transform: uppercase; } .footerStyleLight .footerWidget .widgetWrap .title { color: #222222; } .footerStyleDark .footerWidget .widgetWrap .title { color: #c4c4c4; } .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, .widget_area .widget_flickr .flickr_images > a { display: block; margin: 0 5px 5px 0; width: 75px; float: left; position: relative; } .widget_area .widget_flickr .flickr_badge_image a:before, .widget_area .widget_flickr .flickr_images > 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)"; box-shadow: 0 0 50px -1px #000 inset } .widget_area .widget_flickr .flickr_badge_image a:hover:before, .widget_area .widget_flickr .flickr_images > 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, .widget_area .widget_flickr .flickr_images > 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)"; 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 { float: right; min-height: 32px; line-height: 32px; margin: 0 0 20px 0; } /*google Maps*/ .sc_googlemap { width: 100%; min-height: 100px; } .sc_googlemap_style_1 { height: 400px; } .sc_googlemap_style_2 { height: 350px; } /* contact Form */ .commentsForm .columnsWrap, .comment-respond .columnsWrap, .sc_contact_form .columnsWrap { padding: 0 0 30px 0; } .commentsForm .columnsWrap.no_padding, .comment-respond .columnsWrap.no_padding, .sc_contact_form .columnsWrap.no_padding { padding: 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; box-sizing: border-box; -moz-box-sizing: border-box; } .commentsForm .enterBlock, .comment-respond .enterBlock { text-align: right; padding: 20px 0 30px 0; } .commentsForm .enterBlock .squareButton, .comment-respond .enterBlock .squareButton { float: right; } form .error_fields_class, form input.error_fields_class:focus, form textarea.error_fields_class:focus { border: 1px solid #da6f5b !important; } form .sc_infobox { display: none; margin-top: 30px; } .rev_slider_wrapper form .sc_infobox { display: none; margin-top: -16px !important; } .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; } /* Custom form */ .sc_contact_form_custom { overflow: hidden; } .sc_contact_form_custom .label_left input, .sc_contact_form_custom .label_left label, .sc_contact_form_custom .label_left textarea { display: inline-block; width: auto; margin-right: 0.5em; margin-top: 0; vertical-align: middle; } .sc_contact_form_custom .label_right input, .sc_contact_form_custom .label_right label, .sc_contact_form_custom .label_right textarea { display: inline-block; width: auto; margin-left: 0.5em; margin-top: 0; vertical-align: middle; } .sc_contact_form_custom .bubble label { padding: 8px 12px; background-color: #fafafa; border-radius: 4px; line-height: 20px; } .sc_contact_form_custom .bubble label:hover, .sc_contact_form_custom .bubble label.selected { color: #ffffff; } /* Form with Phone (no subject) */ .sc_contact_form_contact_2 textarea, .sc_contact_form_contact_2 input { color: #96968c; font-size: 15px; height: 42px; line-height: 42px; margin-bottom: 12px;/* width: 329px;*/ } .sc_contact_form_contact_2 textarea { height: 84px; line-height: 18px; padding-top: 8px; } .sc_contact_form_contact_2 .columnsWrap { padding-bottom: 0; } .sc_contact_form_contact_2 .sc_contact_form_button { margin: 0 auto; padding: 0 0 30px; } .sc_contact_form_contact_2 .sc_contact_form_button { text-align: center; } .sc_contact_form_contact_2 .sc_contact_form_button > div { margin-left: 0; margin-right: 0; margin-top: 6px !important; width: 98%; } .sc_contact_form_contact_2 .sc_contact_form_button > div > a { letter-spacing: 1px; } /* Form with phone, email && subj */ .sc_contact_form_contact_3 textarea, .sc_contact_form_contact_3 input { background-color: #f1f1f1; border: 1px solid #b4b4b4; color: #606060; font-size: 14px; height: 34px; line-height: 34px; margin-bottom: 23px; } .wpcf7-form-control.wpcf7-submit.sc_contact_form_submit.inited { height: 85px; } .sc_contact_form_contact_3 input + input { margin-top: 10px; } .sc_contact_form_contact_3 textarea { float: left; height: 90px; line-height: 28px; padding: 10px 15px; width: 378px; } .sc_contact_form_contact_3 textarea:active, .sc_contact_form_contact_3 textarea:focus, .sc_contact_form_contact_3 input:active, .sc_contact_form_contact_3 input:focus { background-color: #ffffff; } .sc_contact_form_contact_3 .columnsWrap { margin-right: 0; } .sc_contact_form_contact_3 .sc_column_item_3 { margin-right: 0; width: 48.9%; } .sc_contact_form_contact_3 .sc_contact_form_button { float: right; } .sc_contact_form_contact_3 .sc_contact_form_button .squareButton > a { height: 87px; line-height: 87px; padding: 0 34px; } .sc_contact_form_contact_3 .sc_contact_form_button .squareButton.huge > a:after, .sc_contact_form_contact_3 .sc_contact_form_button .squareButton.huge > a:before { height: 87px; line-height: 87px; } .with_sidebar .sc_contact_form_contact_3 .textAreaSize { width: 213px; } /* ============================================ 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.4s ease-in-out; transition: all 0.4s 0.4s ease-in-out; } .inputSubmitAnimation.sFocus { width: 480px; -webkit-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; transition: all 0.4s ease-out; } .inputSubmitAnimation.sFocus .sInput { top: 0; -webkit-transition: all 0.4s 0.4s ease-in-out; transition: all 0.4s 0.4s ease-in-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'; } /* ============================================ Page 404 ============================================ */ .page404 { text-align: center; /*padding-bottom:50px;*/ } .page404 .titleError { font-size: 150px; height: 150px; line-height: 150px; font-weight: 300; color: #373737; } .page404 p { font-weight: 300; } .page-404-style .pagination .nav-links>.page-numbers:hover, .page-404-style .pagination .nav-links>.page-numbers.current { background: #3bb44d; color: #fff; } .page-404-style .pagination .nav-links>.page-numbers { background: #eaeaea; margin: 0 3px; padding: 9px 15px 4px; line-height: normal; color: #000; margin-bottom: 10px; } .page-404-style .pagination .nav-links .prev>*, .page-404-style .pagination .nav-links .next>* { font-weight: 500; vertical-align: text-top; font-size: 16px; } .page-404-style .pagination { padding-top: 30px; } .page-404-style .pagination .nav-links{ margin-left: 0; } .search-results .type-testimonial { display: none;} /*page404*/ .pageUnderConstruction { text-align: center; } .pageUnderConstruction p { font-weight: 300; padding: 0 0 65px 0; } /* ============================================ People & Socials ============================================ */ .sc_team { padding: 0 0 90px 0; } .sc_team.no_padding { padding: 0; } .sc_team .sc_team_item { overflow: hidden; position: relative; } .sc_team .sc_team_item .sc_team_item_avatar { width: 100%; height: 250px; position: relative; overflow: hidden; } .sc_team .sc_team_item .sc_team_item_avatar:after { content: ''; width: 100%; height: 100%; 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: 40px; left: 0; right: 0; bottom: 0; z-index: 4; overflow: hidden; margin: 0 0 -400px 0; color: #fff; text-align: center } .sc_team .sc_team_item .sc_team_item_info { padding: 30px 0 0; } .sc_team .sc_team_item .sc_team_item_title { font: 400 24px 'Roboto', serif; padding: 0; text-align: center; text-transform: none; } .sc_team .sc_team_item .sc_team_item_title a:hover { color: #373737; } .sc_team .sc_team_item .sc_team_item_position { font-size: 12px; text-align: center; font-weight: 300; padding: 0 0 5px 0; text-transform: uppercase; } .sc_team .sc_team_item:hover .sc_team_item_avatar { margin: -32px 0 0 0; } .sc_team .sc_team_item:hover ul { margin: 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; } .widget_socials .socPage { height: 23px; text-align: left; } .widget_socials .socPage ul li:before { display: none; } .copyWrap .socPage { height: 23px; 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: 0; text-align: left; height: 23px; } .sc_team .sc_team_item ul { margin: 0 0 -23px 0; width: 100%; padding: 0; text-align: center; height: 23px; } .topWrap .socPage ul li, .author .socPage ul li, .copyWrap .socPage ul li, .widget_socials .socPage ul li, .sc_team .sc_team_item ul li { list-style: none; padding: 0 3px 10px 0; display: inline-block; } .topWrap .socPage ul li a, .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 ul li a span, .sc_team .sc_team_item ul li a { background-color: #59524c; color: #ffffff; display: block; font-size: 12px; height: 23px; line-height: 26px; overflow: hidden; position: relative; text-align: center; text-indent: 0; width: 23px; z-index: 1; } .topWrap .socPage ul li a:after, .author .socPage ul li a span:after, .copyWrap .socPage ul li a span:after, .widget_socials .socPage ul li a span:after, .author .socPage ul li a:after, .copyWrap .socPage ul li a:after, .widget_socials .socPage ul li a:after, .sc_team .sc_team_item ul li a span:after, .sc_team .sc_team_item ul li a:after { box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.1) inset; content: ''; height: 23px; position: absolute; bottom: 0; right: 0; left: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; width: 100%; z-index: -1; } .topWrap .socPage ul li a:hover:after, .author .socPage ul li a span:hover:after, .copyWrap .socPage ul li a span:hover:after, .widget_socials .socPage ul li a span:hover:after, .author .socPage ul li a:hover:after, .copyWrap .socPage ul li a:hover:after, .widget_socials .socPage ul li a:hover:after, .sc_team .sc_team_item ul li a span:hover:after, .sc_team .sc_team_item ul li a:hover:after { box-shadow: 0 -23px 0 0 rgba(0, 0, 0, 0.1) inset; } .topWrap .socPage ul li a:hover, .author .socPage ul li a span:hover, .copyWrap .socPage ul li a span:hover, .widget_socials .socPage ul li a span:hover, .author .socPage ul li a:hover, .copyWrap .socPage ul li a:hover, .widget_socials .socPage ul li a:hover, .sc_team .sc_team_item ul li a span:hover, .sc_team .sc_team_item ul li a:hover { background-color: #999999; color: #ffffff; text-decoration: none; } .widget_socials .socPage ul li a span, .author .socPage ul li a span, .copyWrap .socPage ul li a span, .sc_team .sc_team_item 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)";*/ } .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 ul 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: 90px; } .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%; } /* ============================================ PopUps ============================================ */ /*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.4s ease-in-out; transition: all 0.4s ease-in-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 .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-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; } /* 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 { -webkit-animation: zoomin .5s; animation: zoomin .5s; } /* Timeline slider scrolling */ #timeline_slider.fixed { top: 0 !important; } /* ============================================ Table of contents ============================================ */ #toc { position: fixed; z-index: 999; top: 0; bottom: 0; right: 0; width: 50px; } #toc a { color: #ffffff; } #toc.toc_no { display: none; } #toc .toc_inner { position: absolute; top: 50%; right: -50px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #toc.toc_fixed .toc_inner, #toc:hover .toc_inner { right: 0; } #toc .toc_item { position: relative; width: 50px; height: 50px; background-color: rgba(241, 241, 241, 0.75); } #toc .toc_item.toc_separator { margin-bottom: 2px; } #toc .toc_item.current, #toc .toc_item:hover { background-color: rgba(55, 55, 55, 0.5); } #toc .toc_icon { position: absolute; display: block; z-index: 2; top: 0; left: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; } #toc .toc_icon.with_title { line-height: 50px; } #toc .toc_icon:before { font-size: 18px; color: inherit; margin: 0; padding: 0; } #toc .toc_title { position: absolute; bottom: 3px; left: 0; display: block; width: 50px; line-height: 12px; font-size: 12px; } #toc .toc_description { background-color: rgba(55, 55, 55, 0.5); color: #ffffff; font: 400 12px/16px inherit; height: 50px; line-height: 52px; min-height: 32px; opacity: 0; padding: 0 5px 0 25px; position: absolute; right: -300px; top: 0; width: 160px; z-index: 1; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #toc .toc_item:hover .toc_description { right: 50px; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #toc .toc_description:after { left: 100%; top: 50%; border: solid transparent; /*content: " ";*/ height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-left-color: rgba(128, 128, 128, 0.5); border-width: 8px; margin-top: -8px; } #toc .toc_description i { display: none; font-size: 12px; line-height: 16px; margin-top: -5px; text-transform: lowercase; } /* ============================================ Booking Calendar ============================================ */ .booking_day_container { height: 138px; } .booking_day_container a { border: 0; height: 138px; position: relative; background-color: #F6F6F6; } .booking_day_name:last-child { margin-right: 0 !important; } .booking_header_container .booking_select_calendar_container { padding: 20px 0 0; } .booking_month_container_all { display: block; height: auto; line-height: 70px; position: relative; text-align: center; width: 100%; } .booking_month_container_all .booking_month_container { display: block; height: 70px; width: 100%; } .booking_month_container_all .booking_month_name, .booking_month_container_all .booking_month_year { display: inline-block; font: 400 48px/54px 'Hind', serif; height: inherit; margin: 0; padding: 0; position: static; text-align: center; text-transform: uppercase; width: auto; } .booking_month_container_all .booking_month_year { font-size: 70px; } .booking_month_container_all .booking_month_nav_container { float: none; } .booking_month_container_all .booking_month_nav_container .booking_mont_nav_button_container { height: 70px; position: absolute; top: 0; width: 40px; z-index: 1; } .booking_month_container_all .booking_month_nav_container #booking_month_nav_prev { left: 0; margin: 0; padding: 0; } .booking_month_container_all .booking_month_nav_container #booking_month_nav_prev a:before { content: "\e825"; display: block; font-family: "fontello"; height: 70px; width: 40px; } .booking_month_container_all .booking_month_nav_container #booking_month_nav_next { margin: 0; padding: 0; right: 0; } .booking_month_container_all .booking_month_nav_container #booking_month_nav_next a:before { content: "\e826"; display: block; font-family: "fontello"; height: 70px; width: 40px; } .booking_month_container_all .booking_month_nav_container .booking_mont_nav_button_container a { border-radius: 0; display: block; height: 70px; margin: 0; padding: 0; width: 40px; } .booking_month_container_all .booking_month_nav_container .booking_mont_nav_button_container a img { display: none; } .booking_main_container * { font-family: inherit; } .days_container_all { margin: 0; } .days_container_all:after { clear: both; content: ""; display: block; height: 0; } .days_container_all .booking_day_container { margin: 0 0 5px 5px; width: 159px; } .days_container_all .booking_day_number { color: #59524c !important; display: inline-block; font-size: 24px; float: left; font-weight: 400; height: 36px; line-height: 24px; margin: 0; padding: 20px 10px 0 20px; } .days_container_all .booking_day_book { color: #59524c !important; display: inline-block; float: left; font-size: 11px; font-weight: bold; line-height: 10px; margin: 22px 0 0 -2px; overflow: hidden; text-align: center; width: 80px; } .days_container_all .booking_day_slots { background-color: #dcdcdc; bottom: 0; box-sizing: border-box; color: #49423c !important; display: block; height: 70px; line-height: 70px; margin: 10px 0 0 3px; overflow: hidden; padding: 0 20px; position: absolute; right: 0; text-align: left; width: 100%; } .days_container_all .booking_day_container:hover .booking_day_slots { color: #fff !important; } .booking_name_days_container { width: 100%; } .booking_name_days_container:after { clear: both; content: ""; display: block; height: 0; } .booking_name_days_container .booking_day_name { font-size: 18px; font-weight: 600; margin: 0 0 10px 3px; text-transform: uppercase; width: 158px; } .booking_name_days_container .booking_day_name { margin-left: 6px; } .booking_box_preview_container_all { border: 1px solid #ddd; } #booking_container { padding: 10px 30px 30px 50px; } #booking_container:after { clear: both; content: ""; display: block; height: 0; } #booking_slot_form { float: left; margin: 0 2% 0 0; width: 48%; } #booking_slot_form .booking_font_cuprum { border-color: #ddd; border-style: solid; border-width: 1px 0 0; height: auto; padding: 5px 0; } #booking_slot_form .booking_font_cuprum > div { line-height: 30px; min-height: 30px; vertical-align: top; } #booking_slot_form .booking_font_cuprum > div:nth-child(1) { margin: 2px 0 0; } #booking_slot_form .booking_font_cuprum > div:nth-child(2) { font-weight: bold; min-width: 100px; padding-left: 7px; } #booking_slot_form .booking_font_cuprum > div:nth-child(3) { } #booking_slot_form .booking_font_cuprum > div:nth-child(4) { } #booking_slot_form .booking_font_cuprum > div:nth-child(5) { display: block; margin: 0; padding: 5px 0 0; width: 100%; } #booking_slot_form .booking_font_cuprum select { height: 28px; line-height: 28px; padding: 3px 5px; } #booking_slot_form .booking_font_cuprum .booking_cleardiv { height: 0 !important; min-height: 0; } #booking_slot_form .booking_float_right .close_booking { display: block; height: 30px; overflow: hidden; position: absolute; right: -110%; top: -20px; width: 30px; } #booking_slot_form .booking_float_right .close_booking:before { content: "\e81d"; display: block; font-family: "fontello"; line-height: 30px; text-align: center; width: 30px; } #booking_slot_form .booking_word_space { font-size: 15px; font-weight: bold; padding: 18px 0 0; } #booking_slot_form .booking_form_text { padding: 10px 0; width: 100% !important; } #booking_slot_form #booking_next, #booking_slot_form #booking_prev { display: none; } .content .booking_clear_custom, #booking_submit_button { -webkit-appearance: none; border-radius: 0 !important; background: none !important; color: #fff !important; cursor: pointer !important; font-size: 14px !important; font-weight: 700 !important; height: 35px !important; line-height: 35px !important; padding: 0 30px !important; width: auto !important; text-transform: uppercase; } #booking_submit_button { margin-left: -12px; } #booking_submit_button:hover { background-color: #59524c !important; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.4) !important; } #booking_slot_form { margin-bottom: 20px; padding-top: 8px; position: relative; text-align: left; } #form_container_all { background: none !important; float: left; margin: 0 0 20px; padding: 0 10px; width: 47%; } #form_container_all > div { text-align: left; width: 100%; } #form_container_all > div + div { margin-top: 30px; } #form_container_all > div > div { font-size: 0; line-height: 0; } #booking_container input:not(#booking_submit_button), #booking_container textarea, #booking_calendar_select > select { background-color: #f1f1f1 !important; border: 1px solid #b4b4b4 !important; color: #606060 !important; height: 34px !important; line-height: 34px !important; padding: 0 14px !important; width: 100%; } #booking_container input:not(#booking_submit_button):focus, #booking_container textarea:focus, #booking_calendar_select > select:focus { background-color: #ffffff !important; } #booking_container input[type="checkbox"]:not(#booking_submit_button) { display: block !important; height: 30px !important; line-height: 30px !important; margin: 0 !important; width: 14px !important; } #booking_container textarea.booking_field_input_custom { border: 1px solid #b4b4b4 !important; height: auto !important; line-height: 18px !important; min-height: 115px; padding: 15px !important; } #booking_container textarea:focus { background-color: #ffffff !important; } #ok_response { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #fff !important; font-weight: 700; height: 35px; line-height: 35px; } .booking_booked_slot > div { margin-top: 1px !important; } #booking_day, #calendar_name { color: #59524c !important; } .content .booking_clear_custom { background-color: #59524c !important; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.4) !important; color: #ffffff !important; } .booking_month_navigation_button_custom:hover, .booking_month_navigation_button_custom, .booking_month_container_custom { background-color: #fff !important; } .content .booking_clear_custom:hover { background-color: #f1f1f1 !important; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.7) !important; color: #59524c !important; } .booking_day_container a { cursor: pointer; background-color: #FFF; } .booking_day_container a .booking_day_number, .booking_day_container a .booking_day_book, .booking_day_container a .booking_day_slots { color: #CCC; } .booking_day_black a > div { color: #b9b9aa !important; } .booking_day_container.booking_day_black a { background-color: rgba(241, 241, 241, 0.50) !important; } .booking_day_container.booking_day_black .booking_day_slots { background-color: rgba(220, 220, 220, 0.50); } #booking_slot_form > div > a { color: #818180; } #booking_slots_popup > img { width: auto !important; } /* ============================================ Media Elements ============================================ */ /* Media Elements Player ------------------------------------------------------------------------------------ */ .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff !important; } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: rgba(255, 255, 255, 0.33) !important; } .mejs-controls .mejs-time-rail .mejs-time-total { background: none !important; } .mejs-controls .mejs-time-rail .mejs-time-float { border-color: #eee !important; } span.mejs-offscreen { display: none !important; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgba(255, 255, 255, .33); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } /* Animations ------------------------------------------------------------------------------------ */ @-webkit-keyframes zoomin { 0% { transform: scale(.1); -webkit-transform: scale(.1); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @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); } } @-webkit-keyframes zoomout { 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_demo_icons { float: left; width: 24%; text-align: center; margin-bottom: 50px; } .wooc_demo_icons + .wooc_demo_icons { width: 25%; border-left: 1px solid #dddddd; } .wooc_demo_icons .sc_icon { margin-bottom: 30px; font-size: 72px; } /* Google conversion */ iframe[name="google_conversion_frame"] { height: 1px; min-height: 0px; display: none; } /* 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; } /* Visual Composer styles ------------------------------------------------------------------------- */ .wpb_row, .wpb_text_column, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; } h1 .wpb_text_column p, h2 .wpb_text_column p, h3 .wpb_text_column p, h4 .wpb_text_column p, h5 .wpb_text_column p, h6 .wpb_text_column p { padding-bottom: 0 !important; } h1:not(.site-title):before, h2:before { background: #767676; content: "\020"; display: block; height: 2px; margin: 1rem 0; display: none; width: 1em; } .tp-static-layers > .bg_transparent:after { background: transparent; /*background-color: rgba(33, 33, 33, 0.9);*/ content: ""; height: 100%; left: 0; overflow: visible; position: absolute; top: 0; width: 1000%; } .tp-static-layers .slider_form_btn_360 { display: none; } /* form popup */ #form_popup { box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); margin: 0 auto !important; max-width: 260px !important; max-height: 440px !important; } #form_popup .sc_contact_form_contact_2 textarea, #form_popup .sc_contact_form_contact_2 input { font-size: 15px !important; } #form_popup .sc_contact_form_contact_2 textarea { line-height: 18px !important; padding-top: 10px !important; padding-bottom: 10px !important; } #form_popup .sc_contact_form_contact_2 .sc_contact_form_button > div > a { font-size: 15px !important; line-height: 35px !important; } #form_popup .sc_contact_form_contact_2 textarea, #form_popup .sc_contact_form_contact_2 input { width: 260px !important; } #form_popup .sc_contact_form_contact_2 .sc_contact_form_button > div { margin-left: -66px !important; width: 260px !important; } #form_popup .sc_infobox, #form_popup .sc_infobox p { font-size: 14px !important; line-height: 18px !important; } .tparrows { z-index: 1000 !important; } /* .tp-rightarrow.default {right: 50px !important;} .tp-leftarrow.default { left: 50px !important;} */ /*----- logo start ------*/ .rercontect.forms { position: absolute; right: 181px; top: -518px; z-index: 999; } .logo-section { background-color: #f2f2f2; padding: 50px 0; } .logo-section .logo-content { margin: 0; padding: 0; display: -webkit-box; display: flex; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; } .logo-section .logo-content li { list-style: none; width: 20%; padding: 0 10px 20px; } .logo-section .logo-content li img { max-width: 100%; border-radius: 5px; } .logo-section .logo-content li img:hover { box-shadow: 0px 2px 5px #d4d1d1; } /*----- logo end ------*/ /* Page preloader ------------------------------------------------------------------------- */ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; z-index: 13000; height: 100%; } .preloader_image { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; background: url(../images/preloader.gif) no-repeat 50% 50% transparent; margin: -40px 0 0 -40px; } .tp-revslider-slidesli.active-revslide { background-repeat: no-repeat; background-size: cover; } .sc_section.grey_section { padding-bottom: 80px; } .sc_title.sc_title_regular a { color: #eac829; } .sc_title.sc_title_regular a:hover { text-decoration: none; } .sc_section.sc_aligncenter.add-lnk a:hover { text-decoration: none; } .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { left: 250px !important; } .tp-caption.hrsl11text.lfr.tp-resizeme.start p { text-align: left !important; } /* Uber_menu and footer custam css start */ header .ubermenu-nav.ubermenu-skin-black-white-2 { box-shadow: 1px 1px 3px 0 rgba(80, 80, 80, 0.64); } header { background: transparent; padding: 2px 0; width: 100%; display: inline-block; position: absolute; z-index: 999; padding: 0 0 0 0; } .ubermenu-nav li { -webkit-box-flex: 1; flex: 1; } /* header.fixedTopMenu { background: #fff; } */ header .logo { float: left; padding: 10px 0; } header .logo img { max-width: 80px; } .content-area { padding-top: 0px; } .ftco-cover-1.overlay h1.line-bottom { position: relative; padding-bottom: 0px; padding-top: 200px; } .ftco-cover-1.overlay h1.line-bottom { position: relative; padding-bottom: 0px; padding-top: 200px; color: #fff; } .ftco-cover-1.overlay h1 { color: #000; font-size: 30px; text-align: center; font-weight: 500; } .line-bottom { position: relative; padding-bottom: 20px; margin-bottom: 20px; font-weight: 300; color: #364d59; font-size: 35px; letter-spacing: -0.02em; line-height: 1.2; } .ftco-cover-1.overlay p { margin-bottom: 6px; color: #fff; text-align: center; font-size: 25px; text-transform: uppercase; } .text_centerd { font-size: 17px !important; padding: 10px 65px; } .ftco-cover-1.overlay p { margin-bottom: 6px; color: #fff; text-align: center; font-size: 25px; text-transform: uppercase; } .bg-white { background-color: transparent !important; } .back_form { margin-top: 160px; } .text_24_hr { font-size: 30px !important; font-weight: 600; padding: 11px 58px; text-transform: inherit !important; } .text_24_hr { line-height: 43px; } header .header-service { float: right; display: -webkit-box; display: flex; padding: 18px 0; } .header-service .emergency-serrvice { padding-left: 15px; } .header-service .emergency-serrvice .emergency-text { color: #3AB54B; font-weight: 700; font-family: 'Poppins', sans-serif; } .header-service .emergency-serrvice .phone { color: #3AB54B; text-decoration: none; font-size: 37px; line-height: 34px; font-weight: 700; font-family: 'Hind'; } /* .mid-part { margin-top: -74px;} */ .home_banner_area { position: relative; z-index: 1; min-height: 670px; } .ubermenu-skin-black-white-2 li:hover > .ubermenu-target, .ubermenu-skin-black-white-2 li.ubermenu-active > .ubermenu-target, .ubermenu-skin-black-white-2 li.ubermenu-current-menu-item > .ubermenu-target { background: #000 !important; color: #fff !important; font-size: 13px; position: relative; } .ubermenu-nav li:first-child a { border-left: 0 !important; } .ubermenu-nav li.ubermenu-active > .ubermenu-submenu-drop { margin-top: 10px !important; background: #fff; border: none; } .ubermenu-nav .ubermenu-submenu li a { text-align: center; color: #fff !important; padding: 13px 10px !important; font-weight: normal !important; font-family: 'Poppins', sans-serif; font-size: 13px; border-bottom: 1px solid #29a03b; } .ubermenu-nav li a { text-align: center; color: #fff !important; padding: 8px !important; font-weight: 700 !important; border-left: 1px solid #fff !important; font-size: 13px; font-family: 'Hind'; font-size: 13px; font-weight: 600; color: #222; letter-spacing: 0.65px; text-transform: uppercase; padding: 48px 0; position: relative; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; } .ubermenu-nav li ul li a { border-left: none !important; } .ubermenu-nav { /* border: 5px dotted #fff !important; */ display: -webkit-box !important; display: flex !important; } .ubermenu .ubermenu-submenu-drop .ubermenu-column {padding: 0 10px} .ubermenu .ubermenu-submenu-drop .ubermenu-submenu-type-stack li a {border-bottom: 1px solid #29a03b; padding: 12px 10px !important; text-align: left;} .site-footer { padding: 35px 0 30px; } .title_text .foo-title>p { color: #fff; font-size: 26px; margin-bottom: 15px; line-height: 30px; } .title_text .foo-title .text_address p { font-weight: 500; margin: 0; font-size: 15px; color: #ccc; line-height: 26px; } .title_text .foo-title .text_address p a { color: #3bb44d; text-decoration: none; } .title_text .foo-title .text_address p a:hover { color: #fff; } .sub_menu>p { font-size: 26px; color: #fff; margin-bottom: 15px; } .menu_iten li a { font-weight: 500; color: #3bb44d; text-decoration: none; font-size: 15px; } .menu_iten { list-style: none; padding: 0; margin: 0; } .menu_iten li a:hover { color: #fff; } .email_text p { color: #fff; font-size: 18px; } .email_text p a { color: #3bb44d; text-decoration: none; font-size: 15px; } .email_text p a.start-reating { display: block; } .email_text p a:hover { color: #fff; } .text_address { font-family: 'hind'; } .sub_menu { font-family: 'hind'; } .text_bootam_right { font-family: 'hind'; } /*uber-menu and footer custam css End*/ /* Popups with messages ------------------------------------------------------------------------- */ #Axiom_modal_bg { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); display: none; z-index: 100000; } .Axiom_message { display: block; position: absolute; max-width: 800px; min-width: 280px; overflow: hidden; border-radius: 4px; border: 0; background-color: #ffffff; color: #4c4c4c; opacity: 0; top: 0; left: 0; right: 0; margin: 0 auto; padding: 12px; line-height: 140%; z-index: 100001 } body:not(.wp-admin) .Axiom_message { width: 190px; } .Axiom_message .Axiom_message_close { display: block; position: absolute; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 16px; font-weight: bold; right: 6px; top: 4px; cursor: pointer; color: #4c4c4c; } .Axiom_message .Axiom_message_icon { float: left; display: block; width: 35px; height: 35px; line-height: 28px; text-align: center; border: 4px solid #c9c9c9; border-radius: 50%; margin: 0 20px 6px 0; font-size: 24px; font-weight: bold; color: #c9c9c9; } .Axiom_message .Axiom_message_icon:before { padding: 0; margin: 0 0 0 1px; } .Axiom_message .Axiom_message_header { color: #4c4c4c; margin: 0; padding: 0; font-size: 18px; font-weight: bold; } .Axiom_message:not(.Axiom_message_dialog) .Axiom_message_body { padding: 14px 0 0 63px; } /* Warning popup */ .Axiom_message_warning { border-color: #d7a9b1; background-color: #ffcdde; color: #a63a4b; } .Axiom_message_warning .Axiom_message_close { color: #a63a4b; } .Axiom_message_warning .Axiom_message_icon { border-color: #a63a4b; color: #a63a4b; } .Axiom_message_warning .Axiom_message_icon { line-height: 40px; } .Axiom_message_warning .Axiom_message_header { color: #a63a4b; } /* Success popup */ .Axiom_message_success { border-color: #b3e7a8; background-color: #d8ffd0; color: #517d48; } .Axiom_message_success .Axiom_message_close { color: #517d48; } .Axiom_message_success .Axiom_message_icon { border-color: #517d48; color: #517d48; } .Axiom_message_success .Axiom_message_icon { line-height: 34px; } .Axiom_message_success .Axiom_message_header { color: #517d48; } /* Info popup */ .Axiom_message_info { border-color: #9ecade; background-color: #ebf7fe; color: #4cb2e1; } .Axiom_message_info .Axiom_message_close { color: #4cb2e1; } .Axiom_message_info .Axiom_message_icon { border-color: #4cb2e1; color: #4cb2e1; } .Axiom_message_info .Axiom_message_icon { line-height: 34px; } .Axiom_message_info .Axiom_message_header { color: #4cb2e1; } /* Dialog popup */ .Axiom_message_dialog .Axiom_message_icon { line-height: 36px; } .Axiom_message_dialog .Axiom_message_buttons { margin-top: 20px; } .Axiom_message_dialog .Axiom_message_button { display: inline-block; padding: 0 12px; margin-right: 6px; min-width: 60px; height: 30px; line-height: 30px; background-color: #4b4b4b; border-radius: 6px; color: #ffffff; cursor: pointer; text-align: center; font-weight: bold; } .Axiom_message_dialog .Axiom_message_button:hover { background-color: #4cb2e1; } /* prettyPhoto */ .pp_nav p { line-height: 22px; } /* contact form custom */ .squareButton > button { font-size: 13px; font-weight: 700; font-family: 'Hind'; color: #0d0d0d; background: #f1c458; border: 0; display: block; height: 36px; cursor: pointer; line-height: 40px; letter-spacing: 1px; padding: 0 44px; position: relative; overflow: hidden; text-transform: uppercase; z-index: 1; box-shadow: 0px 3px 0px rgb(76, 76, 76); } .squareButton > button:hover { color: #fff; } .squareButton.global > button:after { background-color: #59524c; } .squareButton > button:after, .squareButton.light.ico > button:after, .squareButton.light.ico > button:before, .squareButton > button, .squareButton > button:hover, .squareButton > button:hover:after { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .squareButton > button:after { background-color: transparent; content: ''; display: block; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; z-index: -1; } .sc_testimonials_style_2 .sc_testimonials_item_author { max-width: inherit; } .squareButton > button:hover:after, .squareButton > button:active:after { -webkit-transform: scaleX(1.1); transform: scaleX(1.1); } .sc_section.sc_aligncenter.add-lnk a { color: #63b64d !important;cursor: pointer !important; } .sectionTitle { color: #303030; text-align: center; max-width: 770px; margin: 0 auto 50px; } .sectionTitle h4 { margin-top: 0; width: 100%; margin-bottom: 15px; text-align: center; font-weight: bold; text-transform: uppercase; } .contentRowPad { padding: 100px 0; } .sectionTitle p { line-height: 24px; margin: 0; } .whyChoose { margin-top: 50px; color: #303030; pointer-events: none;} .m0 { margin: 0; } .whyChoose h4 { margin-top: 0; margin-bottom: 15px; font-weight: normal; padding: 0; font-size: 17px; text-transform: uppercase; } h4.add-new-4 { font-weight: bold; } .sc_content.main { padding-top: 100px; padding-bottom: 3px; } .contentRowPad.bg_section { padding-top: 0; } .whyChoose h4 i { color: #3bb44d; margin-right: 5px; margin-left: 0; } .whyChoose p { line-height: 24px; margin-bottom: 0; font-weight: 400; color: #000 !important; } .sc_section .odd:hover .add-new-img img:last-child { display: none; } .sc_section .odd:hover .add-new-img img:last-child { display: block; -webkit-transform: scale(1); transform: scale(1); z-index: 0; } .sc_section .odd:hover .add-new-img img:first-child { display: none; } .sc_section .odd .add-new-img img:last-child { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); transform: scale(0); position: absolute; left: 0; top: 0; } .add-new-img img { margin: 7px 12px; } .sc_section.sc_aligncenter .add-new-img { max-width: 50px; margin: 50px auto 0; position: relative; height: 120px; overflow: visible; width: 120px; } .add-new-img:after { -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #f1f1f1; border-radius: 6px; box-sizing: border-box; content: ''; display: block; font-size: 50px; height: 80px; line-height: 120px; margin: 20px auto 0; padding: 0; text-align: center; text-indent: 0; vertical-align: middle; width: 80px; position: absolute; top: -30px; left: 0; right: 0; -webkit-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); z-index: -1; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .sc_section .odd:hover .add-new-img:after { transform: scale(0); -webkit-transform: rotate(405deg) scale(0); transform: rotate(405deg) scale(0); } .sc_title_icon.sc_bg_animated { display: none; } .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target { border-left: 0 !important; } .contact-form .wpcf7-form-control.g-recaptcha { padding: 0; } p.add-title-new { color: #1a1a1a; font-size: 48px; line-height: 52px; padding: 0 0 10px 0; font-weight: 300; width: 100%; text-transform: lowercase; padding-bottom: 37px; } .add-new-2 { color: #1a1a1a; font-weight: 300; letter-spacing: 8px; font-size: 24px; line-height: 28px; padding: 0 0 14px 0; } .add-new-3 { font-size: 48px; text-transform: none; line-height: 52px; padding: 0 0 10px 0; font-weight: 300; } .add-title-2 { padding-bottom: 20px; } .add-small-3 { color: #1a1a1a; font-weight: 300; letter-spacing: 8px; font-size: 24px; line-height: 28px; padding: 0 0 35px 0; } /* section.home-coupon { background: #3bb44d; padding: 50px 0; } */ .add-slder-img { background-repeat: no-repeat !important; background-size: cover; } .tnp-field label { display: none; } .custm-ul li { list-style: none; position: relative; padding: 0 0px 0 20px; font-weight: 400; font-size: 15px; line-height: 26px; /*color: #000;*/ } .custm-ul li:after { content: ""; background: #3bb44d; width: 7px; height: 7px; position: absolute; left: 0; top: 8px; } .text-center { text-align: center; } .capitalize { text-transform: capitalize; } .padd-0 { padding: 0; } .h1-style { font-weight: 300; font-size: 34px; margin: 0; } .h2-style { font-weight: 300; font-size: 32px; margin: 0; } .h3-style { font-weight: 500; font-size: 30px; margin: 0; } .h4-style { font-weight: 300; font-size: 28px; margin: 0; } .h5-style { font-weight: 300; font-size: 26px; margin: 0; } .line-height { line-height: 40px; } .custm-ul { margin-top: 10px; text-align: left;} .font-weight { font-weight: bold; color: #000; } p.common-p { font-weight: 500; font-size: 16px; line-height: 26px; color: #000; padding-top: 1em; } .sc_content.main.container.add-fr-rs { padding-top: 0; } /* location section */ .areas { background: #fff; padding: 8em 0 15px; position: relative; } .areas .area-heading { margin-bottom: 30px; text-align: center; margin-top: 15px; } .area-heading .line { font-size: 38px; font-family: 'Roboto', sans-serif; color: #202e31; position: relative; font-weight: 300; margin-top: 3em; line-height: 1.2; margin-bottom: .5rem; } .area-heading .line:after { content: ''; position: absolute; width: 20px; height: 5px; background: #3bb44d; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -16px; } .area-heading .line:before { content: ""; position: absolute; height: 1px; background: #3bb44d; width: 130px; z-index: 9; display: block; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -24px; } .small-title { font-size: 30px; color: #202e31; position: relative; font-weight: 300; line-height: 1.2; padding: 0px 0 30px 0; display: block; text-align: center; } .areas ul.menu { margin: 0; padding: 0; } .areas ul.menu li:nth-child(4n+1) { margin-left: 0; clear: both; } .areas ul.menu li { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; width: 23%; margin: 0 0 20px 2%; color: #202e31; float: left; position: relative; padding: 0 0 15px 38px; list-style: none; line-height: 22px; top: 0px; font-size: 16px; } .areas ul.menu li:before { background-image: url(./assets/images/map-pointer.png); left: 0; top: -10px; content: ''; position: absolute; width: 30px; height: 48px; background-position: center; background-repeat: no-repeat; background-size: 100%; } .areas ul.menu li:hover { top: -3px; color: #000; } /* location section */ /* 404 PAGE CSS */ .page-404-style { padding: 100px 0 50px; } .page-404-style .page-title-txt { text-align: center; color: #3AB54B; font-size: 40px; font-weight: 700; margin: 0px auto 20px; } .page-404-style .p-txt-style { width: 100%; text-align: center; color: #3AB54B; font-size: 24px; font-weight: 700; margin: 20px 0px 20px; display: inline-block; } .page-404-style .form-control { border: solid 1px #3AB54B; font-size: 18px; } .page-404-style .btn { font-size: 22px; border-radius: 0; background-color: #3AB54B; color: #fff; border: none; } .btn-outline-success:not(:disabled):not(.disabled):active { background-color: #3AB54B; border-color: #26a5eb; } /* 404 PAGE CSS */ .page-404-style .entry .entry-title a { color: #3AB54B; } .page-404-style .entry .entry-title a:hover { color: #333; text-decoration: none; } .page-404-style .page-description.result-title { color: #3AB54B; font-size: 36px; text-transform: capitalize; } .page-404-style .entry-footer { display: none; } .page-404-style .entry { margin: 10px 0px; } .page-404-style h2.entry-title { padding-bottom: 20px; } .page-404-style .entry .post-thumbnail .post-thumbnail-inner img { width: auto !important; } /* coupan box and Logo slider style */ .coupon-section { display: -webkit-box; display: flex; -webkit-box-align: stretch; align-items: stretch; } .coupon-section .coupon-box { border: 3px dashed #3bb44d; border-radius: 15px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; text-align: center; color: #3bb44d; padding: 15px 10px; width: 23%; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-left: 30px; } .coupon-section .coupon-box:first-child { margin-left: 0; } .coupon-section .coupon-box:hover { background: #3AB54B; color: #fff; border: 3px dashed #fff; cursor: pointer; } .coupon-section .coupon-box .ch-title { font-size: 26px; line-height: normal; padding-bottom: 3px; font-family: 'Hind'; font-weight: 900; } .coupon-section .coupon-box .emergency { font-size: 16px; font-family: 'Hind'; line-height: 18px; font-weight: 500; } .coupon-section .coupon-box .free-esti { font-size: 24px; line-height: 26px; font-family: 'Hind'; font-weight: 900; } .coupon-section .coupon-box .free-esti span { font-family: 'Hind'; display: block; font-weight: 900; } .coupon-section .coupon-box .police { line-height: 18px; font-size: 16px; font-weight: 500; } .insurance { background-color: #fff; padding: 50px 0; } .insurance .carousel-inner .carousel-item { padding: 5px; } .insurance .carousel-inner img { margin-bottom: 15px; padding: 10px 10px; box-shadow: 0px 2px 5px transparent; margin-top: 15px; border-radius: 20px; } .insurance .carousel-inner img:hover { box-shadow: 0px 2px 5px #d4d1d1; } .insurance-slider-arrow { text-align: center; } .insurance .carousel-control-next, .insurance .carousel-control-prev { font-size: 40px; color: #3bb44d; opacity: 1; width: initial; display: inline-block; position: initial; margin: 0 10px } .insurance .carousel-control-next:hover, .insurance .carousel-control-prev:hover { color: #333f50 } .insurance .section-title { text-align: center; width: 100%; margin-bottom: 35px; } .insurance .section-title p { font-family: 'Hind'; position: relative; display: inline-block; color: #202e31; font-weight: 300; font-size: 34px; text-transform: uppercase; line-height: 45px; } /* coupan box and Logo slider style End*/ .section-title p { display: block; float: none !important; clear: both; margin-left: auto !important; margin-right: auto !important; text-align: center; font-size: 36px; line-height: 46px; color: #000; padding-top: 0; padding-bottom: 40px; font-weight: 300; } .testimonial .section-title p{color: #fff;} .testimonial .carousel-inner { text-align: center;/* height: 470px; */ } .cetart_bg { padding-top: 50px; } .row.sectionTitle h1 { width: 100%; text-transform: lowercase; padding-bottom: 37px; } .testimonial {background: #3bb44d; padding: 40px 0; } .add-lnk .columnsWrap .odd:nth-child(3n+1) { clear: both; } /* header inner css */ /* .system_time { text-align: center; padding: 36px 0px 0px 140px; display: inline-block; width: auto; } */ .page-template-home .system_time strong { color: #000; font-size: 21px; text-transform: uppercase; } .system_time strong { color: #000; font-size: 21px; text-transform: uppercase; } .system_time .weekday { color: #3AB54B; padding: 0 0px 0 5px; font-family: 'Poppins', sans-serif; } .system_time em { color: #3AB54B; font-family: 'Poppins', sans-serif; font-style: normal; word-break: break-word; } div.wpcf7 .ajax-loader { margin: 6px auto; display: block; } /* header css */ .boxedWrap div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { bottom: 0; width: 85%; font-size: 13px; margin: 0 auto !important; text-align: center; border: none; padding: 5px; background: #ccc; color: red; position: absolute; left: 0; right: 0; line-height: 18px; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ width: 85%; font-size: 13px; margin: 0 auto !important; text-align: center; border: none; padding: 5px; background: #ccc; color: red; line-height: 18px; } span.wpcf7-not-valid-tip { color: red; font-size: 1em; font-weight: 400; display: block; font-size: 12px; line-height: normal; background: #dedede; padding: 1px 3px; position: absolute; width: 100%; } .contact-form .cf-row { margin: 0 0 20px; } /*------------- footer start ---------------*/ .footer-botm {overflow: hidden; box-shadow: inset 0px 7px 12px -2px #3ab54b69;} .site-footer { padding:35px 0 0;} .foo-address .address-title { color: #434264; font-size: 26px; margin-bottom: 15px; line-height: 30px; font-weight: 500;} .foo-address .foo-title .text_address {width: 31%; float: left; margin-left: 15px; position: relative;} .foo-address .text_address:after { content: ""; width: 2px; height: 100%; background: #676767; position: absolute; top: 0; left: -20px; } .foo-address .text_address:first-child:after {background: transparent;} .foo-address .foo-title .text_address:first-child {margin-left: 0;} .foo-address .foo-title .text_address p { margin: 0;font-size: 15px; color: #676767; line-height: 26px; font-weight: 500;} .foo-address .foo-title .text_address p a {color:#828282 } .foo-address .foo-title .text_address p a:hover {color:#000 } .sub_menu>p { font-size: 26px; color: #434264; font-weight: 500; margin-bottom: 15px;} .menu_iten {list-style: none; padding: 0; margin: 0} .menu_iten li a {color: #828282 ; text-decoration: none; font-size: 15px; font-weight: 500;} .menu_iten li a:hover {color:#000 } .email_text p {color: #434264; font-size: 18px; font-weight: 500;} .email_text p a {color: #828282; text-decoration: none; font-size: 15px; font-weight: 400;} .email_text p a:hover {color: #000;} .email_text p a.start-reating {display: block} .main_footer_bottam { padding:13px 20px; text-align: center;} .main_footer_bottam .text_bootam_right p { margin-bottom: 0; color: #676767; font-size: 15px; font-weight: 500;} .main_footer_bottam .text_bootam_right p a { color: #828282; text-decoration: none; } .main_footer_bottam .text_bootam_right p a:hover {color:#000 } .footer-style .reserve-txt { font-size: 14px; color: #626365; line-height: 28px; font-weight: 700 !important; padding-top: 4em; padding-bottom: 1em; text-align: center; } @-webkit-keyframes myfirst { 0% { left: -25% } 100% { left: 100% } } @keyframes myfirst { 0% { left: -25% } 100% { left: 100% } } @-webkit-keyframes mysecond { 0% { right: -25% } 100% { right: 100% } } @keyframes mysecond { 0% { right: -25% } 100% { right: 100% } } .footer-style {margin-bottom: 50px; position: relative !important; } .footer-style .footer_bg { background: url('assets/images/footer_bg.png') no-repeat scroll center 0; width: 100%; height: 275px; } .footer-style .footer_bg_one { background: url('assets/images/plumber-van.png') no-repeat center center; width: 70px; height: 90px; position: absolute; bottom: 5px; left: 30%; -webkit-animation: myfirst 18s linear infinite; animation: myfirst 18s linear infinite; background-size: 100%; z-index: 11; } .footer-style .footer_bg_two { background: url('assets/images/plumber-van-1.png') no-repeat center center; background-size: cover; width: 100px; height: 75px; bottom: 0; left: 38%; position: absolute; -webkit-animation: myfirst 22s linear infinite; animation: myfirst 22s linear infinite; z-index: 11; } .footer-style .footer_bg_three { background: url('assets/images/plumber-van_03.png') no-repeat center center; background-size: cover; width: 100px; height: 75px; bottom: 12px; left: 50%; position: absolute; -webkit-animation: myfirst 12s linear infinite; animation: myfirst 12s linear infinite; } .footer-style .footer_bg_four { background: url('assets/images/plumber-van_04a.png') no-repeat center center; width: 110px; height: 48px; bottom: -18px; right: 50px; position: absolute; -webkit-animation: mysecond 14s linear infinite; animation: mysecond 14s linear infinite; background-size: 100%; z-index: 111; } .footer-style .footer_bg_five { background: url('assets/images/plumber-van_01.png') no-repeat center center; width: 120px; height: 45px; bottom: -32px; right: 10px; position: absolute; -webkit-animation: mysecond 24s linear infinite; animation: mysecond 24s linear infinite; background-size: 100%; z-index: 111; } .footer-style .footer_bg_six { background: url('assets/images/plumber-van_02.png') no-repeat center center; width: 120px; height: 65px; bottom: -45px; right: 90px; position: absolute; -webkit-animation: mysecond 18s linear infinite; animation: mysecond 18s linear infinite; background-size: 100%; z-index: 111; } /*------------- footer end ---------------*/ .srcl_btn .vc_btn3-style-custom{font-weight:600;} .srcl_btn .vc_btn3-style-custom:hover, .srcl_btn .vc_btn3-style-custom:focus, .srcl_btn .vc_btn3-style-custom:active{color:#000 !important;} /*----- Blog Css start -----*/ /* .blog-page { margin-top: 85px; } */ .blog-page .blog-post-content-box:hover .blog-post-title a p { color: #1659c0; } .blog-page .blog-post-title a {text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 23px; color: #202e31; margin: 0px 0px 10px; font-weight: 600; display: block; } .blog-page .blog-post-content-box { border: none; -webkit-transition: all .8s ease; border-radius: 0; margin-top: 0;/* margin-bottom: 60px; */ height: 495px; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1); padding: 0px; } .blog-page .blog-post-content-box:hover { cursor: pointer; box-shadow: 1px 1px 12px 0px #3AB54B; } .blog-page .blog-post-content-box:hover { box-shadow: 2px 0px 8px 0px #bfbcd4; -webkit-transform: translateY(-5px); transform: translateY(-5px); /* border: 1px solid #3AB54B; */ -webkit-transition: all .8s ease; transition: all .8s ease; } .blog-page .blog-post-img.blog-post-grid-img img { width: 373px; height: 210px; position: relative; border: none; border-radius: 0px; box-shadow: none; margin: 0 auto; display: block; background: #fff; } .blog-page .blog-post-img.blog-post-grid-img { position: relative; top: -50px; } .blog-page .blog-post-title { margin-top: -25px; display:block; } .blog-page .blog-post-content-box.blog-page-post { padding: 0 20px; margin-bottom: 100px; border-radius: 10px; border: 1px solid #e8e8e8; } .blog-page .blog-post-content-box.blog-page-post p{font-size: 15px;} .blog-page .blog-post-img.blog-post-grid-img.blog-single-img img { border-radius: 11px; box-shadow: 1px -1px 16px 1px #cfcfcf; } .blog-page .page-numbers.current { padding: 8px 15px; background: #3AB54B; margin: 0 0 !important; color: #fff !important; } .blog-page .page-numbers.dots { border-right: 1px solid #000; padding: 5px 7px 2px; margin: 0 !important; } .blog-page .next.page-numbers { border: none; } .blog-page .page-numbers { border-right: 1px solid #000; padding-right: 15px; } .blog-page .pagination>li:first-child>a, .blog-page .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .blog-page .pagination>li:last-child>a, .blog-page .pagination>li:last-child>span { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .blog-page .pagination>li>a:focus, .blog-page .pagination>li>a:hover, .blog-page .pagination>li>span:focus, .blog-page .pagination>li>span:hover { z-index: 3; color: #ffffff; background-color: #3AB54B; border-color: #3AB54B; box-shadow: none; } .blog-page .search-form label { font-size: 16px; color: #3AB54B; } .blog-page .search-form { position: relative; } .blog-page .search-form input#s { width: 100%; padding: 10px 65px 10px 8px; border: 1px solid #202e31; line-height: inherit; height: 45px; border-radius: 0; font-weight: 400; font-size: 16px; background: #fff; } .blog-page .search-form input#searchsubmit { position: absolute; top: 0px; right: 0; background: #202e31; color: #fff; padding: 13px 10px; margin: 0px 0; border: none; border-radius: 0; font-size: 14px; text-transform: capitalize; display: block; line-height: initial; height: auto;box-shadow: none; } .blog-page .search-form input:focus { box-shadow: none; outline: none;} .blog-page .search-form input#searchsubmit:focus {top: 0px; } .blog-page .display-tags { margin: 45px 0; } .blog-page .display-tags.category-title { padding: 3px 15px; border-radius: 7px; background: #e6e0e0; border-radius: 7px; position: initial; } .blog-page .display-tags.category-title .aside_sections { padding-bottom: 15px; } .blog-page .display-tags.category-title ul { padding: 3px; background: #fff; border-radius: 5px; } .blog-page .aside_sections, .blog-details .aside_sections { padding-bottom: 15px; margin-bottom: 0; color: #202e31; padding-top: 15px; font-size: 30px; font-weight: 600; } .blog-page .display-tags.tags-title { border: 2px solid #3AB54B; padding: 0 16px; border-radius: 6px; } .blog-page .list_val, .blog-details .list_val { list-style: none; padding-left: 28px; height: 300px; overflow: auto; } .blog-page li.cat_list { margin: 5px 5px; } .blog-page .cat_list a { background: #3AB54B; color: #fff; margin: 3px 0; padding: 5px 14px; font-size: 13px; border-radius: 16px; display: inline-block; line-height: initial; } .blog-page .cat_list a:hover { background: #eee; color: #000;text-decoration: none;outline: none; } .blog-page .pagination>li>a, .blog-page .pagination>li>span { margin: 0 2px; padding: 8px 15px; display: initial; color: #202e31; } .blog-page .pagination { margin: 10px auto 30px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } .blog-page .page-numbers { border-right: 2px solid transparent; } .blog-details .recent_title { font-weight: 500; font-size: 32px; color: #3AB54B; border-bottom: 2px solid #3AB54B; margin-bottom: 18px; padding: 5px 0px; max-width: 224px; } .blog-details.blog-v3.blog-post-content { margin-top: 0; } .blog-details .recent-posts { border: 2px solid #e7e1e1; padding: 0 15px; border-radius: 7px; background: #e7e1e1; } .blog-details .recent-posts.display-tags ul { padding: 0; } .blog-details .display-tags.category-title { padding: 3px 15px; border-radius: 7px; background: #e6e0e0; border-radius: 7px; position: initial; } .blog-details .display-tags.category-title ul { padding: 3px; background: #fff; border-radius: 5px; } .blog-details .comments-area input[type="submit"] { border-radius: 30px; background: #3AB54B; padding: 7px 25px; color: #fff; font-weight: 500; margin-bottom: 23px; font-size: 16px; border: navajowhite; } .blog-details .blog-post-img img { width: 100%; } .blog-details .white-bg .recent-link { background: #fff; padding: 8px 13px; border-radius: 11px; margin-right: 5px; } .blog-details .white-bg .recent-link .recent-title { margin-bottom: 0; font-size: 14px; line-height: 20px; color: #3AB54B !important; } .blog-details .white-bg .recent-link .recent-date { color: #f00; margin-bottom: -1px; text-align: right; } .blog-details .rec_list a { background: #3AB54B; margin: 3px 0px; padding: 11px; color: #fff; display: block; float: left; border-radius: 7px; } .blog-details li.cat_list { margin: 5px 0; } .blog-details .list_val.tag-ul { height: 200px; overflow: auto; } .blog-details .single_banner_new img { width: 100%; max-width: 100%; } .blog-details .rec_list .recent-link .recent-title { margin-bottom: 0; font-size: 14px; line-height: 20px; color: #fff; } .blog-page .position-center-center h1 { color: #3AB54B; font-size: 36px; max-width: 100%; padding: 20px 0; } .blog-details .contant_wroper { margin-top: 30px; } .blog-details .text_upercach_spech p { font-size: 15px; padding: 5px 0; line-height: 24px; font-weight: 400; } .blog-page .tag_list a { position: relative; color: #000; } .blog-page .tag_list { line-height: 20px; margin-bottom: 10px; } .blog-page .tag_list a:after { content: ''; background: #3AB54B; width: 12px; height: 12px; position: absolute; left: -19px; top: 5px; border-radius: 35px; } .blog-page .position-center-center .heading-style { color: #3AB54B; font-size: 32px; padding: 10px 0; } .blog-page .not-found { background: #f9f9f9; padding: 50px 30px; text-align: center; width: 100%; font-size: 40px; margin: 0 auto; display: inline-block; } .blog-page .section-title { text-align: center; margin-top: 15px;margin-bottom: 2em } .blog-page .section-title p {text-align: left; font-size: 34px; color: #202e31; position: relative; font-weight: 700; line-height: 1.2; margin-bottom: .5rem; } .blog-page .post { margin: 0px; padding: 0; } .blog-page .post p { font-size: 15px; line-height: 24px; } .blog-page * a{text-decoration: none;outline: none;} /*--- Latest Blogs and Related Posts start ---*/ .blogSectionTitle { padding-bottom: 15px; margin-bottom: 0; color: #202e31; padding-top: 50px; font-size: 30px; font-weight: 600; text-align: center;} .recent-post-block { padding: 10px; box-shadow: 1px 2px 11px 5px #ccc; -webkit-transition: all .8s ease; margin-top: 40px; margin-bottom: 45px; border-radius: 5px; border: 1px solid #ccc; display: inline-block; width: 100% } .recent-post-block .recent-img img { display: block; margin: 0 auto; background: #fff; width: 100%; max-width: 100%; height: 150px; padding: 2px; border-radius: 7px; box-shadow: 0px -1px 9px 2px #ccc; margin-bottom: 15px; object-fit: cover; } .recent-post-block .blogDetail{display:flex;flex-direction:column;min-height:235px;} .recent-post-block .blogDetail .post_excerpt {margin-bottom: 10px;} .recent-post-block .blogDetail .blogDetail-title { color: #3AB54B; font-size: 18px; font-weight: 700;} .recent-post-block .blogDetail .blogDetail-title:hover {color: #000; text-decoration: none; } .recent-post-block .blogDetail .read-more-post a{text-transform:capitalize;color:#151515;border:2px solid #3AB54B;padding:9px 24px;border-radius:22px;display:inline-block;background-color:transparent;position:relative;line-height:normal;} .recent-post-block .blogDetail .read-more-post.read-more-btn:after { background: 0 0; } .recent-post-block .blogDetail .read-more-post a:hover { color: #fff;text-decoration: none; } .recent-post-block .blogDetail .read-more-post a:hover:before { box-shadow: inset 300px 0px 0px #3AB54B; background: 0 0 !important; border-radius: 50px; color: #fff; } .recent-post-block .blogDetail .read-more-post a:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; background: 0 0; box-shadow: inset 0px 0px 0px #3AB54B; display: block; border-radius: 50px; -webkit-transition: all .4s cubic-bezier(.5, .24, 0, 1); transition: all .4s cubic-bezier(.5, .24, 0, 1); } .recent-post-block .blogDetail .read-more-post{display:inline-block;margin-top:auto;margin-bottom:5px;width:100%;text-align:center;} /*--- Latest Blogs and Related Posts end ---*/ /*----- Blog Css End -----*/ /* Toll Free Number: */ .head_titme { text-align: center;padding: 20px 0 0 0px; display: inline-block; width: calc(100% - 475px);} .toll_f_num { margin: 0; font-size: 21px; font-weight: 800; text-transform: uppercase; font-family: 'Roboto', sans-serif; color: #000; } .toll_f_num.toll_responsive{display: none;} .toll_f_num a{ color: #3AB54B; text-decoration: none; } /* Toll Free Number: */ .button_inquery { position: fixed; right: -92px; top: 50%; width: 235px; border-radius: 3px; box-sizing: border-box; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); z-index: 9; } .button_inquery .btn { font-size: 20px; cursor: pointer; color: #fff; padding: 10px 20px; background-color: #df4a5b; border-radius: 3px; border: none; box-shadow: none; } .free-quote-box{padding: 0px;} .free_quote_close{opacity: 1;position: absolute;top: -10px;right: -10px;} .free_quote_close:hover{opacity: 1;} .free_quote_close:focus{outline: 0;} .free-quote-box form{border: 5px solid #117420;background: #3bb44d;} .free-quote-box .contact-form {padding: 30px 40px 20px;border-top:0px; width: 100%; margin: 0 auto;} #free_quote_mdl .modal-content{background: transparent;border: none;} .free-quote-box .contact-form .cf-title{width: 100%;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);-webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);-moz-text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);-ms-text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);-o-text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);} .page-id-27 .button_inquery{ display: none; } /* sticky header start */ header { background: #FFF; padding: 2px 0; width: 100%; display: inline-block; z-index: 999; position: fixed; top: 0; left: 0; height: 154px; } .emergency-text{ display: none; } .header-service.mobiel_num{ display: none; } .sevi-logo{ padding: 2px 0 0;} .header-service .emergency-serrvice p { font-size: 15px; margin-bottom: 0; line-height: 22px; font-weight: 800; } .header-service .emergency-serrvice p span { float: left; padding-right: 10px; } .header-service .emergency-serrvice p a { font-size: 16px; font-weight: 800; float: right; color: #3AB54B;} /* .mid-part{margin-top: 154px;} */ /* sticky header end */ .ios-services-box-list .service-box-block .vc_column-inner { background: #3ab54b !important; } /*Uber Menu Css Start*/ .ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item{min-width: 140px !important;} .ubermenu-nav li.ubermenu-active>.ubermenu-submenu-drop{margin-top: 0px !important;} .ubermenu-nav li.ubermenu-active>.ubermenu-submenu-drop .ubermenu-item-level-2{min-width: auto !important;} .ubermenu-submenu-type-auto{max-width: none !important;} /*Uber Menu Css End*/ /* .blog-ol-add li {counter-increment: li} .blog-ol-add li::before {content: counter(li); color: red; display: inline-block; width: 1em; margin-left: -1em} */ .blog-ol-add ol{ margin-left: 0; } .blog-ol-add ol li { font: 300 16px/28px 'Roboto',sans-serif;counter-increment: li; margin-bottom: 15px; list-style: none; float: left; position: relative; padding-left: 35px; margin-left: 0; width: 100%;font-weight: 400;color: #606060;font-size: 15px; line-height: 24px; } .blog-ol-add ol li::before { font: 300 16px/28px 'Roboto',sans-serif; content: counter(li); color: #000; float: left; width: 26px; font-size: 20px; font-weight: 700; position: absolute; left: 0; top: 0; line-height: 1; text-align: center; } .blog-ol-add ol li::after { font: 300 16px/28px 'Roboto',sans-serif; content: ""; width: 3px; height: 3px; position: absolute; left: 25px; top: 14px; background: #000; border-radius: 10px; } .blog-page .post p.blog_sandiego_title { color: #3AB54B; font-size: 36px; max-width: 100%; line-height: 41px; padding: 20px 0; font-weight: 300; } .blog-page .post p a { color: #3AB54B; font-weight: 700; transition: all ease 0.4s; } .blog-page .post p a:hover { color: #000; } /* Breadcrum-bar css start */ .breadcrum-bar {background: #fff;padding: 10px 0;font-family: 'Montserrat',sans-serif;font-weight: 700;margin-top: 152px;color: #3ab54b;display: inline-block;width: 100%;} .breadcrum-bar a {color: #000;} .ios-app-dev-section-1{ padding-top: 3em !important;} .testimonial .carousel-inner .carousel-item .testi-img{ display: none; } .testimonial .carousel-inner{ min-height: 240px; } @media (max-width:768px) { .breadcrum-bar{ margin-top: 35px;} } @media (max-width:480px) { .breadcrum-bar{ margin-top: 6px;} } /* breadcrum-bar css end */ /* book now btn start*/ nav.sticky-tools { display: block; position: fixed; bottom: calc(50% - 25px); right:-81px; z-index: 999; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } nav.sticky-tools ul { display: flex; } nav.sticky-tools ul li { display: inline-block; background-color: #000; border: 0.5px solid #fff; } nav.sticky-tools ul li a { display: block; color: #fff; padding: 10px 20px; text-decoration: none; text-transform: uppercase; font-family: "Heebo", sans-serif; font-size: 14px; line-height: 1.42857143; } nav.sticky-tools ul li:nth-of-type(2) { background-color: #1eadc7; border-left: 0; } nav.sticky-tools ul li:last-of-type { border-left: 0; background-color: #ff0404; } nav.sticky-tools ul li:last-of-type a { text-indent: -99999em; text-indent: -99999em; display: block; width: 2rem; height: 40px; padding: 1rem 30px; background: url(https://www.ezplumbingrestoration.com/wp-content/themes/ezplumbingrestoration-child/assets/images/download.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 40%; } nav.sticky-tools ul li a:nth-of-type(1):hover, nav.sticky-tools ul li a:nth-of-type(1):focus { color: #fff;} nav.sticky-tools ul li a:nth-of-type(2):hover, nav.sticky-tools ul li a:nth-of-type(2):focus { width: 2rem; height: 100%; padding: 1rem 3rem; background: url(assets/images/download.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 35%; } /* book now btn start*/ .contact-form p label { font-size: 18px; color: #fff; font-weight: bold; text-align: left; line-height: 22px; margin-bottom: 20px;} .ftco-cover-1.overlay .contact-form p { text-align: left;} .author-main-sction { display: inline-block; width: 100%; margin: 0; background-color: #f9f9f9; padding: 20px } .author-profile-pic { float: left } .author-profile-pic img { width: 100px; height: 100px; object-fit: contain; display: inline-block; border: 1px solid #3ab54b; border-radius: 100px; } .author-post { display: inline-block; width: calc(100% - 120px); padding-left: 2rem } .author-post h2 { margin: 0; color: #333; padding: 0;} .author-post p { font-size: 16px; color: #333333;} .author-post dt { color: #333333; font-weight: bold;} .author-social { list-style: none; padding: 0 } .author-social li { display: inline-block } .author-social li a { color: #333333; transition: all 0.3s linear;} .author-social li a:hover { color: #3ab54b; } .author-social li a i { font-size: 22px } .blog-author { margin-top: 0 !important } .faq-content {margin-bottom: 60px;} .faq-content div.h3-txt {font-size: 36px; font-weight: bold;line-height: 52px; padding: 0 0 10px 0; margin: 0; color: #1a1a1a; word-wrap: break-word; } .faq-title {font-size: 24px !important;font-weight: bold; color: #3bb44d;text-decoration: underline; margin-top: 15px;} .faq-que { font-size: 20px; margin-bottom: .6rem; padding: 0; } .faq-content p{ font-size: 17px; font-weight: 400;} section.add-new-areas-sec { padding: 3em 0 15px; } .add-new-areas-sec .section-title p{ font-size: 30px; } .add-new-areas-sec ul.menu li a:hover { color: #3AB54B; text-decoration: none; } .add-new-areas-sec ul.menu li a:visited{ color: #202e31; } /*===================================================================== Responsive Design ====================================================================*/ @media (max-width:1366px) { .sidemenu_left .main_content { min-width: auto; } .main { padding: 20px } .ftco-cover-1, .ftco-cover-1 .container > .row { height: 111vh; min-height: 815px; } .rercontect.forms { top: -488px; right: 81px; } .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { left: 130px !important; } } @media (max-width:1199.98px) { /* .testimonial .carousel-inner { height: 370px; } */ .foo-address .foo-title .text_address { margin-left: 25px; margin-bottom: 15px; } .foo-address .foo-title .text_address:last-child { margin-left: 0; margin-bottom: 0; } /* header inner css */ .system_time strong { font-size: 16px; color: #000; } .page-template-home .system_time strong { font-size: 16px; } /*----- Blog Css start -----*/ .blog-page .blog-post-content-box.blog-page-post {height: 520px;} .blog-details .recent-post-content{ line-height: 25px; font-size: 16px;} .blog-details .recent-posts { padding: 0 10px;} .blog-page .aside_sections, .blog-details .aside_sections{ font-size: 24px;} /* Latest Blogs and Related Posts start */ .recent-post-block .blogDetail {min-height: 275px;} /* Latest Blogs and Related Posts end */ /*----- Blog Css End -----*/ /* Toll Free Number: */ .toll_f_num{font-size: 16px;} .contact-form p label { font-size: 15px; margin-bottom: 20px; display: inline-block; } .testimonial .carousel-inner{ min-height: 265px; } } @media (max-width:991px) { section.post.postAlter.no_margin.page.type-page.status-publish.hentry.post_title_res { margin-top: 20px; } .contact-top div.wpcf7-response-output { position: inherit; width: 100%; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { width: 100%; } .tp-caption.hr-sl2-text.sfl.tp-resizeme.start { margin-top: 48px; top: 44.5px !important; font-size: 32px !important; line-height: 31px !important; } header .logo { padding: 8px 0; } .ftco-cover-1, .ftco-cover-1 .container > .row { height: auto; min-height: auto; } .ubermenu-responsive-toggle { position: absolute !important; right: 15px !important; font-size: 0 !important; font-weight: normal !important; color: #fff !important; padding: 8px 12px !important; top: 25px !important; background-color: #3bb44d !important; border-color: #3bb44d !important } .ubermenu-responsive-toggle i { font-size: 18px; color: #fff; margin: 0 !important; width: initial !important } .ubermenu-responsive.ubermenu { position: absolute; right: 0; top: 75px; max-height: initial; padding: 0 !important; margin-top: 8px !important; } .ubermenu-nav { display: block !important; } .ubermenu-nav li { width: 100% !important; padding: 0 15px !important; } .ubermenu-nav li a { border-left: 0 !important; border-bottom: 1px solid #fff !important; text-align: left; } .ubermenu-nav li:last-child a { border-bottom: 0; } .header-service .emergency-serrvice { padding-left: 8px; } .header-service .emergency-serrvice .emergency-text { font-size: 11px; line-height: normal; } .header-service .emergency-serrvice .phone { font-size: 29px; line-height: 30px; } .site-footer { padding: 28px 0 7px; } .title_text { text-align: center } .title_text .foo-title>p { margin-bottom: 12px; font-size: 24px; line-height: 30px; } .sub_menu { padding: 20px 0 0 } .sub_menu>p { margin-bottom: 5px; font-size: 24px; line-height: 26px; } .email_text p { font-size: 17px; } .email_text .see-our { display: block } .ftco-cover-1.overlay h1.line-bottom { padding-top: 80px; } .back_form { margin-top: 0px; } .small-title { display: inline-block; text-align: center; width: 100%; } .header-service .emergency-serrvice .emergency-text { color: #3bb44d; } /* .testimonial .carousel-inner { height: auto; } */ .logo-section .logo-content li { width: 25%; } .logo-section { padding: 30px 0 20px; } .content-area { padding-top: 0; } /* #testimonial { height: auto; } */ .testi-slider-arrow { bottom: -30px; } .testi-title { font-size: 25px; } /* footer */ .site-footer { padding: 30px 0 10px; } .foo-address .address-title { font-size: 24px; line-height: 24px; margin-bottom: 10px; } .foo-address .foo-title .text_address { width: 31.8%; margin-left: 15px; margin-bottom: 15px; } .foo-address .foo-title .text_address:last-child { margin-left: 15px; margin-bottom: 15px; } .sub_menu>p { font-size: 22px; margin-bottom: 10px; } .footer-style .footer_bg_four, .footer-style .footer_bg_five, .footer-style .footer_bg_six { background-size: 75%; } .footer-style .footer_bg_one, .footer-style .footer_bg_two, .footer-style .footer_bg_three {background-size: 90%; } .ftco-cover-1.overlay { padding-bottom: 50px; } .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target { border-bottom: 1px solid #fff !important; } /* location section */ .areas ul.menu li { width: 49%; padding: 0 0 12px 32px; margin: 10px 0; } .area-heading .line { margin-top: 0; } .areas { padding: 20px 0; } .header-service .emergency-serrvice .phone { color: #3bb44d; } .areas .area-heading { margin-bottom: 0; } .system_time { padding: 20px 0px 0 20px; } .page-template-home .system_time strong { color: #000; text-transform: uppercase; font-size: 12px; } .system_time strong { font-size: 15px; word-break: break-all; width: 162px; display: block; line-height: 18px; padding: 11px 7px; text-align: center; } .testimonial{ margin-top: 30px; } .postAlter { padding-bottom: 0; } /* header */ .mid-part { margin-top: 85px;} header .logo img { max-width: 65px; } header .header-service { padding: 8px 0px 0 0;justify-content: center; float: none;} header {height:85px;box-shadow: -1px 3px 4px -1px rgba(0, 0, 0, 0.08);} .system_time{display: none;} /* Toll Free Number: */ .head_titme{ display: initial; padding: 0; } .toll_f_num{ display: none; } .toll_f_num.toll_responsive {font-size: 16px; display: inline-block; width: 100%; background: #3AB54B; text-align: center; color: #fff; padding: 5px; margin: 0; } .toll_f_num a{ color: #fff; } /* Toll Free Number: */ .ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target { justify-content: initial; } .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target { border-bottom: 1px solid #fff !important; padding: 8px; } .ubermenu-skin-black-white-2 .ubermenu-item-level-0>.ubermenu-target{min-height: 40px; height: 40px;} .contact-form p label { font-size: 14px; margin-bottom: 15px; display: inline-table; } } @media (max-width:991px) { .coupon-section .coupon-box .ch-title { line-height: 30px } .coupon-section .coupon-box { margin-left: 20px; width: 30%; } .coupon-section .coupon-box .ch-title { line-height: 28px; font-size: 26px; } .coupon-section .coupon-box .emergency { font-size: 15px; line-height: 20px; } .coupon-section .coupon-box .free-esti { font-size: 25px; } .system_time { padding: 10px 0px 0 20px; } .page-template-home .system_time strong { color: #000; text-transform: uppercase; font-size: 12px; } .system_time strong { font-size: 12px; word-break: break-all; width: 162px; display: block; line-height: 18px; padding: 11px 7px; text-align: center; } /*----- Blog Css start -----*/ .blog-page .blog-post-content-box.blog-page-post { height: 520px; } .blog-details .single_banner_new img{ height: auto;} .blog-details .recent-img img{ height: auto;} .ubermenu-responsive.ubermenu { right: 0; top: 100%; padding: 0 !important; max-height: 500px; position: absolute; overflow-y: auto !important; } .ubermenu-nav .ubermenu-submenu li a{ text-align: left;} /* Latest Blogs and Related Posts start */ .recent-post-block {margin-top: 0;} .recent-post-block .recent-img img{ width: 100%; height: auto;} .recent-post-block .blogDetail { min-height:185px;} /* Latest Blogs and Related Posts end */ /*----- Blog Css End -----*/ /* .ubermenu .ubermenu-item-level-0.ubermenu-active ul.ubermenu-submenu-drop { overflow-y: scroll !important; max-height: 130px !important; } */ header .logo img { max-width: 65px; } .faq-content div.h3-txt { font-size: 34px; padding: 0; } .testimonial .carousel-inner{ min-height: 315px; } } @media (max-width:768px) { .rercontect.forms { position: relative; right: 0; top: 101px; max-width: 100% !important; z-index: 99; } } @media (max-width:767px) { .tp-caption.hr-sl2-text.sfl.tp-resizeme.start { left: 460px !important; } .rev_slider .start { left: 101px !important; } .rercontect.forms { position: relative; right: 0; top: 101px; max-width: 100% !important; z-index: 99; } /* header footer start */ /* .testimonial .carousel-inner { height: 450px; } */ .home-coupon .coupon-section { flex-flow: wrap; justify-content: center; } .home-coupon .coupon-section .coupon-box { flex: inherit; } .coupon-section { flex-flow: wrap; } .coupon-section .coupon-box { width: 48%; margin-left: 4%; margin-bottom: 20px !important; -webkit-box-flex: 1; flex: auto; } .coupon-section .coupon-box:nth-child(2n+1) { margin-left: 0; } .logo-section .logo-content li { width: 33.33%; } /* footer */ .site-footer { padding: 28px 0 7px; } .foo-address { text-align: center } .foo-address .text_address { margin-bottom: 12px; font-size: 24px; line-height: 30px; } .foo-address .foo-title .text_address { width: 100%; margin-left: 0; margin-bottom: 10px; } .foo-address .foo-title .text_address:last-child { margin-left: 0; margin-bottom: 0px; } .sub_menu { text-align: center; padding: 20px 0 0 } .sub_menu>p { margin-bottom: 5px; font-size: 24px; line-height: 26px; } .email_text { text-align: center } .email_text p { font-size: 17px; } .email_text .see-our { display: block } h2, .h2 { font-size: 26px; line-height: 30px; } .add-new-2 { letter-spacing: 3px; font-size: 15px; line-height: 24px; padding-bottom: 10px; } .sc_content.main { padding-top: 50px; } /* .testimonial .carousel-inner { height: 100%; } */ .testimonial .testi-content:after, .testimonial .testi-content:before { font-size: 22px } .testimonial .testi-content { padding: 0 40px; } #testimonial .testi-title { font-size: 16px; } .testimonial .testi-content { font-size: 14px; } .section-title p { font-size: 30px; padding-top: 40px; padding-bottom: 20px; } .testi-slider-arrow .carousel-control-prev, .testi-slider-arrow .carousel-control-next { font-size: 30px; } .testi-slider-arrow { bottom: -20px; } /* #testimonial { height: auto; } */ .text_24_hr { padding: 11px 0; line-height: 33px; } .text_centerd { font-size: 15px !important; padding: 10px 0px; } p.add-title-new, .add-new-3 { font-size: 30px; line-height: 36px; } .add-small-3 { letter-spacing: 3px; padding: 0 !important; margin-bottom: 0 !important; } .cetart_bg { padding-top: 0; } .contentRowPad { padding: 0; } .bg_section .whyChoose { margin: 30px 0 0px; } .bg_section { padding-bottom: 30px; } .ftco-cover-1.overlay h1.line-bottom { padding-top: 40px; } section.home-coupon { padding: 20px 0 0px; } .add-new .col-sm-4 { -webkit-box-flex: 100%; flex: 100%; max-width: 100%; margin-top: 0; } .add-new.sc_columns:not(.no_margin) > div { margin-bottom: 0; } .left-cstm-txt { padding-bottom: 30px; } .testi-title { padding: 0px 0 12px; } /* location section */ .areas ul.menu li:before { width: 20px; top: -10px; } .areas ul.menu li { margin: 0 0 15px 0%; } .areas ul.menu { padding: 0 15px; } .page-404-style .page-title-txt { line-height: 29px; font-size: 25px; } .page-404-style .p-txt-style { line-height: 20px; font-size: 15px; } .page-404-style .form-control { font-size: 15px } .page-404-style .btn { font-size: 15px } .contact-form .wpcf7-form-control.g-recaptcha{padding: 0; transform: scale(0.87); -webkit-transform: scale(.87); transform-origin: 0 0; -webkit-transform-origin: 0 0;} /* header css */ .system_time { padding: 7px 0 0; margin: 0 auto; } .header-service .emergency-serrvice { padding-right: 0; } .page-template-home .system_time strong { word-break: break-word; width: 162px; display: block; line-height: 18px; padding: 11px 7px; text-align: center; } header .header-service { padding: 17px 22px 0 0; } .main{ padding: 15px; } .foo-address .text_address:after { content: ""; height: 2px; background: #676767; position: absolute; top: auto; right: 0; bottom: -5px; left: 50%; width: 170px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .foo-address .text_address:first-child:after {background: #676767;} /*----- Blog Css start -----*/ .blog-page .blog-post-content-box { min-height: 100%; height: 100%; } .blog-page .blog-post-content-box.blog-page-post { padding: 0 20px 20px; height: auto; } .blog-page .pagination { margin: 10px auto 30px; } .blog-page .blog-post-title a { line-height: 26px; font-size: 22px; } .blog-page .section-title { text-align: center !important; } .blog-page .position-center-center h1{font-size: 30px;line-height: 34px;} .blog-page { margin-top: 30px; } .blog-details .recent-post-content{text-align: center;} .blog-page .not-found { background: #f9f9f9; padding: 30px 30px; text-align: center; width: 100%; font-size: 30px; } /* Latest Blogs and Related Posts start */ .blogSectionTitle {margin-bottom: 20px;} .recent-post-block { margin-top: 0; margin-bottom: 30px;} .recent-post-block .blogDetail { min-height:initial;} /* Latest Blogs and Related Posts end */ /*----- Blog Css End -----*/ header .container { max-width: 100%; } /* header css */ .system_time { padding:7px 0 0; margin: 0 auto; } .header-service .emergency-serrvice{ padding-right: 0; } .page-template-home .system_time strong { color: #000; word-break: break-all; width: 162px; display: block; line-height: 18px; padding: 11px 7px; text-align: center; } .foo-address .text_address:after { content: ""; height: 2px; background: #676767;position: absolute; top: auto; right: 0; bottom: -5px; left: 50%; width: 170px; transform: translate(-50%, -50%); } .foo-address .text_address:first-child:after {background: #676767;} .ubermenu-responsive.ubermenu{top:75px;} .system_time { padding: 0; margin: 0 auto; } header .header-service { padding: 7px 60px 0 0; } header .logo { padding: 8px 0; } .free-quote-box .contact-form{ padding: 20px; } .add-new-areas-sec .section-title p{ line-height: normal; font-size: 24px; padding: 10px 0px 20px; } .testimonial .carousel-inner { min-height: 260px; } } @media (max-width:580px) { .tp-caption.hr-sl2-text.sfl.tp-resizeme.start { margin-top: 48px; left: 61% !important; top: 47.5px !important; font-size: 20px !important; line-height: 19px !important; } header { border-bottom: none; padding-bottom: 0px; } .button_inquery .btn { padding: 6px 20px; font-size: 18px;} .button_inquery{ right: -99px } } @media (max-width:576px) { .logo-section .logo-content li { width: 50%; padding: 0 8px 15px; } /* location section */ .areas ul.menu li { width: 50%; margin-left: 0; padding: 0 10px 10px; text-align: center; } .areas ul.menu li:before { top: 0px; position: relative; margin: 0 auto; display: block; text-align: center; left: inherit; } .areas ul.menu li { width: 50%; font-size: 14px; height: 80px; margin-left: 0; padding: 0 10px 10px; text-align: center; } .small-title { padding: 25px 20px; font-size: 25px; } /* header css */ .logo-section { padding: 20px 0 20px;} .logo-section .logo-content li { width: 50%; padding: 0 8px 15px;} .system_time { padding:7px 50px 0 50px; margin: 0 auto; text-align: center; width: 100%; } .header-service .emergency-serrvice { padding-right: 0; flex: none; display: inline-block; vertical-align: middle; } .sevi-logo { display: inline-block; } .page-template-home .system_time strong { width: 100%; } .system_time strong{ width: 100%; } .page-template-home .system_time strong{ padding: 2px 7px;} .system_time{ padding:7px 50px 0 74px } .header-service .emergency-serrvice p a { font-size: 14px; font-weight: 800; } .header-service .emergency-serrvice p span { font-size: 14px; } .header-service.webpage { display: none; } .header-service.mobiel_num { padding:8px 6px; justify-content: center; float: none; display: flex; } } @media (max-width:575px) { .button_inquery { right: -103px; } .button_inquery .btn { padding: 5px 18px; font-size: 14px; } .ftco-cover-1.overlay h1.line-bottom{ padding-left: 15px; padding-right: 15px; } .ftco-cover-1.overlay p, p.add-title-new, .add-new-3{padding-left: 15px; padding-right: 15px;} .sectionTitle p{padding-left: 15px; padding-right: 15px;} .bg_section .whyChoose{ padding-right: 30px; padding-left: 30px; } .sc_section p{ padding-left: 15px; padding-right: 15px; } .testimonial .testi-content:after{ left: 15px; } .testimonial .testi-content:before{ right: 15px; } .testimonial .testi-content:after, .testimonial .testi-content:before{ font-size: 20px; } .w-heading, .ios-app-dev-section-1 .customebanner_text, .ios-app-dev-section-4 .para-detail, .ios-app-dev-section-6 .p-detail{ padding-left: 15px; padding-right: 15px; } .custm-ul li{ padding-right: 15px; } .p-heading-2, .ios-app-dev-section-5 .p-heading, p.common-p, .ios-app-dev-section-5 .h3-style, .p-detail{ padding-right: 15px; padding-left: 15px; } .blog-page .post p, .single-post h2, .an_expert, .section-title p, .blog-page .post p.blog_sandiego_title, .blog-page .position-center-center h1{padding-left: 15px; padding-right: 15px; } .blog-page .post .an_expert p{padding-left: 0; padding-right: 0;} .ftco-cover-1.overlay .contact-form p{ padding-left: 0; } .contact-form p label { font-size: 13px;} .author-post{ width: 100%; padding-left: 0; padding-top: 1rem;} .faq-content div.h3-txt { font-size: 30px; line-height: 32px;} .testimonial .carousel-inner { min-height: 290px; } } @media (max-width:480px) { .tp-caption.hr-sl2-text.sfl.tp-resizeme.start { margin-top: 48px; left: 9% !important; top: 10.5px !important; font-size: 20px !important; line-height: 19px !important; } .insurance .carousel-inner .carousel-item { text-align: center; } .g-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; } /* footer */ .site-footer { padding: 25px 0 5px; } .foo-address .address-title { margin-bottom: 5px; font-size: 22px; line-height: 28px; } .sub_menu>p { font-size: 22px; } .ios-app-dev-section-1 .w-heading .p-txt { font-size: 22px; } .ios-app-dev-section-4 .p-heading-2 .p-txt { font-size: 18px; } p.common-p, .ios-app-dev-section-6 .p-detail, .ios-app-dev-section-5 .ios-services-box-list .service-box-block .service-box-detail, .ios-app-dev-section-1 .customebanner_text { font-weight: 300; } .fullScreenSlider div.wpcf7-validation-errors, .fullScreenSlider div.wpcf7-acceptance-missing{ width: 91%; bottom: -20px;} .footer-style .footer_bg .footer_bg_one { width: 50px; height: 50px; bottom: 30px; z-index: 0; } .footer-style .footer_bg_two { width: 57px; height: 40px; } .footer-style .footer_bg_three { width: 60px; height: 45px; } .footer-style .footer_bg_four, .footer-style .footer_bg_five, .footer-style .footer_bg_six { background-size: 60%; } /*----- Blog Css start -----*/ .blog-page .blog-post-img.blog-post-grid-img img{ width: 100%; height: auto; } .blog-page .blog-post-title a p { font-size: 20px; } /*----- Blog Css End -----*/ /* header css */ header .logo img { max-width: 50px; } .header-service.mobiel_num { padding: 8px 20px 8px 0px; justify-content: center; display: inline-block; margin: 0 auto; text-align: center; width: 76%; } .sevi-logo { display: inline-block; width: 50px; } .header-service .emergency-serrvice p { line-height: 16px; } .header-service .emergency-serrvice p span { font-size: 11px; } .header-service .emergency-serrvice p a { font-size: 11px; font-weight: 800; } .ubermenu-responsive-toggle { top: 18px !important; } header { height: 70px; } .mid-part { margin-top: 100px;} .header-service .emergency-serrvice p span { float: left; padding-right: 5px; } .header-service .emergency-serrvice { padding-left: 4px; } .ubermenu-responsive.ubermenu { top:60px; } /* header css */ .testimonial .carousel-inner { min-height: 475px; } .testimonial .testi-content:before{ bottom: -28px; right: 28px; } } @media (max-width:320px) { header .header-service { padding: 7px 0 0 0; } } /*----- POP UP Modal CSS start -----*/ .img_modal { width: 100%; height: 100%; } .form_select_style { width: 100%; height: 3vw; padding-left: 1vw; } .subscribe_form_two .modal-body .form_select_tarea { height: 80px; resize: none; padding: 8px 12px; font-size: 16px; margin-bottom: 15px; } ::placeholder { color: #282828; font-size: 13px; font-family: 'sans-serif'; } .subscribe_btn { display: flex; justify-content: center; } .subs_btn { width: 100% !important; font-weight: 700 !important; font-size: 18px !important; background: #3AB54B !important; color: #fff !important; border:1px solid #3AB54B !important; cursor:pointer !important; padding: 15px !important; border-radius:10px !important; line-height: 0px !important; } .subs_btn:hover{ width: 100% !important; font-weight: 700 !important; background: #3AB54B !important; } .subscribe_form_two { margin: inherit; border-left: 1px solid #3AB54B; } .subscribe_form_two .modal-body .form-group input { font-size: 16px; padding: 8px 12px; } .subscribe_form_two .modal-body .form-select { outline: #ccc; border: solid 1px #ccc; color: #5e5555; padding: 2px 6px; font-style: oblique; font-size: 12px; } span.wpcf7-not-valid-tip { color: red !important; font-size: 1em !important; font-weight: 400 !important; display: block !important; font-size: 16px !important; line-height: normal !important; background: #dedede !important; padding: 1px 3px !important; position: relative !important; width: 100%; } #myModal { padding-right: 0px !important; } .modal-content .subscribe_form_two .modal-title { font-weight: 700; } .modal_image img { object-fit: cover; object-position: bottom; } @media (max-width:400px) { .modal-content .subscribe_form_two .modal-title { font-size: 19px; font-weight: 700; } } @media (max-width:992px) { .modal_image { display: none; } .subscribe_form_two { margin: 0; border-left: 0px solid #3AB54B; } .form_select_style { height: 6vw; } .subscribe_form_two .modal-body .form_select_tarea { height: 80px; resize: none; font-size: 16px; padding: 8px 12px; } } @media (max-width:479px) { .form_select_style { height: 10vw; } } @media (min-width: 480px) and (max-width: 992px) { .form_select_style { height: 5vw; } } /*----- POP UP Modal CSS End -----*/ .toll-second { margin-left: 230px; margin-block: 4px 5px !important; display: block; } p.toll_f_num.new-toll-design{ font-size: 24px; } @media only screen and (max-width:1200px){ .toll-second { margin-left: 170px; } } @media only screen and (max-width:991px){ .toll_f_num.new-toll-design a.toll_free { display: block !important; color: #3bb44d; } .toll_f_num.new-toll-design { display: flex!important; gap: 10px; margin-top: 10px !important; } } @media (max-width:767px) { .toll_f_num.new-toll-design{ justify-content: center; } p.toll_f_num.new-toll-design img { height: 25px; width: auto; } } @media only screen and (max-width:575px){ .toll-second { margin-left: 150px; } }