/* Theme Name: SailfishOS Version: 3.2 */ /*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } blockquote { margin: 20px 0 30px; border-left: 5px solid; padding-left: 20px; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } article, aside, footer, header, hgroup, nav, section { display: block; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ @font-face { font-family: 'ETmodules'; src:url('fonts/ETmodules.eot'); src:url('fonts/ETmodules.eot?#iefix') format('embedded-opentype'), url('fonts/ETmodules.ttf') format('truetype'), url('fonts/ETmodules.woff') format('woff'), url('fonts/ETmodules.svg#ETmodules') format('svg'); font-weight: normal; font-style: normal; } /*fonts embedding*/ @font-face { font-family: 'Source Sans Pro'; src:url('fonts/ssp/SourceSansPro-Light.eot'); src:url('fonts/ssp/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('fonts/ssp/SourceSansPro-Light.otf') format('truetype'), url('fonts/ssp/SourceSansPro-Light.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src:url('fonts/ssp/SourceSansPro-LightIt.eot'); src:url('fonts/ssp/SourceSansPro-LightIt.eot?#iefix') format('embedded-opentype'), url('fonts/ssp/SourceSansPro-LightIt.otf') format('opentype'), url('fonts/ssp/SourceSansPro-LightIt.woff') format('woff'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src:url('fonts/ssp/SourceSansPro-Light.eot'); src:url('fonts/ssp/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('fonts/ssp/SourceSansPro-Light.otf') format('opentype'), url('fonts/ssp/SourceSansPro-Light.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src:url('fonts/ssp/SourceSansPro-LightIt.eot'); src:url('fonts/ssp/SourceSansPro-LightIt.eot?#iefix') format('embedded-opentype'), url('fonts/ssp/SourceSansPro-LightIt.otf') format('opentype'), url('fonts/ssp/SourceSansPro-LightIt.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src:url('fonts/ssp/SourceSansPro-Light.eot'); src:url('fonts/ssp/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('fonts/ssp/SourceSansPro-Light.otf') format('opentype'), url('fonts/ssp/SourceSansPro-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src:url('fonts/ssp/SourceSansPro-LightIt.eot'); src:url('fonts/ssp/SourceSansPro-LightIt.eot?#iefix') format('embedded-opentype'), url('fonts/ssp/SourceSansPro-LightIt.otf') format('opentype'), url('fonts/ssp/SourceSansPro-LightIt.woff') format('woff'); font-weight: 300; font-style: italic; } body { font-family: 'Source Sans Pro', Arial, sans-serif; font-size: 14px; color: #231f20; background-color: #fff; line-height: 1.37em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.et_fixed_nav.et_boxed_layout #page-container { padding-top: 80px; } body.page-template-page-template-blank-php #page-container { padding-top: 0 !important; } body.et_boxed_layout { -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: top center !important; background-repeat: no-repeat !important; background-attachment: fixed; } a { text-decoration: none; color: #7EBEC5; } a:hover { color: #63a8a7; text-decoration: none; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { color: #333; padding-bottom: 10px; line-height: 1em; font-weight: 500; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { padding-bottom: 1em; line-height: 1.37em; } p:last-of-type { padding-bottom: 0; } strong { font-weight: bold; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } code { background-color: #F6F6F6; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote p { padding-bottom: 0px; } input { -webkit-appearance: none; } input[type=checkbox] { -webkit-appearance: checkbox; } input[type=radio] { -webkit-appearance: radio; } input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; } input[type=text], input.text, input.title, textarea, select { margin: 0; } textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0px; } .clearfix:after, .et_vertical_nav #page-container:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ img { max-width: 100%; height: auto; } #ie8 img { width: auto; } embed, iframe, object, video { max-width: 100%; } .et_pb_section_video_bg embed, .et_pb_section_video_bg iframe, .et_pb_section_video_bg object, .et_pb_section_video_bg video { max-width: none; } .et_pb_section_video_bg .mejs-video { left:50%; position: absolute; } .et_pb_pricing_table_button, .et_pb_promo_button, a.et_pb_more_button, .et_pb_newsletter_button, .comment-reply-link, .form-submit input, .et_pb_contact_submit, .et_pb_contact_reset, .single_add_to_cart_button .button { font-size: 20px; font-weight: 500; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px 20px; line-height: 1.37em; background: transparent; border: 2px solid; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } .et_pb_promo_button:hover, a.et_pb_more_button:hover, .et_pb_newsletter_button:hover { background: rgba( 0, 0, 0, 0.2 ); border: 2px solid #fff; padding: 6px 44px 6px 14px !important; } .et_pb_pricing_table_button:hover, .et_pb_bg_layout_light .et_pb_promo_button:hover, .et_pb_bg_layout_light .et_pb_more_button:hover, .et_pb_bg_layout_light .et_pb_newsletter_button:hover, .comment-reply-link:hover, .form-submit input:hover, .et_pb_contact_submit:hover, .et_pb_contact_reset:hover { background: rgba( 0, 0, 0, 0.05 ); border: 2px solid transparent; padding: 6px 34px 6px 14px !important; } .form-submit input:hover, .et_pb_contact_submit:hover, .et_pb_contact_reset:hover { padding: 6px 20px !important; } .et_pb_pricing_table_button:after, .et_pb_promo_button:after, a.et_pb_more_button:after, .et_pb_newsletter_button:after, .comment-reply-link:after { font-family: "FontAwesome" !important; font-size: 32px; line-height: 1em; content:"\f107"; opacity: 0; position: absolute; margin-left: 10px; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } .et_pb_pricing_table_button:hover:after, .et_pb_promo_button:hover:after, a.et_pb_more_button:hover:after, .et_pb_newsletter_button:hover:after, .comment-reply-link:hover:after { opacity: 1; margin-left: 10px; } .entry-content table { border: 1px solid #eee; margin: 0 0 15px 0; text-align: left; width: 100%; } .entry-content tr th, .entry-content thead th { color: #555; font-weight: bold; padding: 9px 24px; } .entry-content tr td { border-top: 1px solid #eee; padding: 6px 24px; } .entry-content ul, .comment-content ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px; } .entry-content ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 0; line-height: 26px; } .entry-content ul li ul, .entry-content ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; } .entry-content ol li ul, .entry-content ol li ol, .comment-content ol li ul, .comment-content ol li ol { padding: 2px 0px 2px 35px; } .gallery-item a { display: block; } .gallery-item a, .gallery-caption { width: 90%; } .entry-content address, .comment-content address { line-height: 24px; margin-bottom: 12px; } #reviews .commentlist { padding-bottom: 0 !important; } .woocommerce-info a { color: #fff !important; } input#coupon_code { padding: 14px !important; } table.cart th, #main-content table.cart th, table.cart td, #main-content table.cart td, table.cart tr, #main-content table.cart tr, #content-area table tr, #content-area table td, #content-area table th { padding: .857em 0.587em; max-width: 100px; } .cart_table_item .quantity { margin: 0 !important; width: 100px !important; } .shop_table .actions .submit { float: right; } .shop_table .actions .checkout-button { clear: both; } .col2-set.addresses { margin-top: 20px; } #main-content .cart-subtotal td { border-top: none; } .woocommerce-checkout #main-content .cart-subtotal td { border-top: 1px solid #eee; } table.cart td.actions .button.alt, #main-content table.cart td.actions .button.alt { margin: 19px 0 9px; } table.cart td.actions .checkout-button { margin: 0 !important; } table.shop_table { margin-bottom: 30px !important; } .cart_totals h2, .shipping_calculator h2 { margin-bottom: 10px; } .container { text-align: left; margin: 0 auto; width: 1080px; position: relative; } body.admin-bar.et_fixed_nav #main-header, body.admin-bar.et_fixed_nav #top-header { top: 32px; } body.et-wp-pre-3_8.admin-bar.et_fixed_nav #main-header, body.et-wp-pre-3_8.admin-bar.et_fixed_nav #top-header { top: 28px; } body.et_fixed_nav.et_secondary_nav_enabled #main-header { top: 34px; } body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header { top: 66px; } .et_fixed_nav #page-container { padding-top: 80px; } .et_fixed_nav.et_secondary_nav_enabled #page-container { padding-top: 114px; } #top-header { font-size: 12px; line-height: 13px; z-index: 999; } #top-header .container { padding-top: 10px; } .et_fixed_nav #top-header { top: 0; left: 0; right: 0; } .et_duplicate_social_icons { display: none; } #main-header { line-height: 23px; font-weight: 500; top: 0; background-color: #fff; width: 100%; padding: 18px 0 0 0; min-height: 43px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; z-index: 998; } .et_fixed_nav #main-header, .et_fixed_nav #top-header { position: fixed; } .et-fixed-header { padding: 10px 0 0 0 !important; min-height: 30px !important; box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) !important; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) !important; } .et_header_style_centered #main-header .container { text-align: center; } .et_header_style_centered #logo, .et_header_style_centered #et-top-navigation, .et_header_style_centered nav#top-menu-nav, .et_header_style_centered #top-menu { float: none; } .et_header_style_centered #et_top_search { float: none; display: inline-block !important; } .et_header_style_centered #et_search_icon:before { left: 3px; top: -13px;} .et_header_style_centered .et-search-form { top: 20px; } .et_header_style_centered .et-fixed-header .et-search-form { top: 21px; } .et_header_style_centered nav#top-menu-nav { display: inline-block; } .et_header_style_centered #top-menu > li > a { padding-bottom: 14px; } .et_header_style_centered .nav li ul { top: 37px; } .et_header_style_centered #top-menu li.mega-menu > ul { top: 114px; } .et_header_style_centered .et-fixed-header #top-menu li.mega-menu > ul { top: 96px; } .et_header_style_centered #logo { padding: 10px 0 8px; } #main-header.et-fixed-header nav#top-menu-nav { padding-top: 4px;} .et-fixed-header #top-menu > li > a { padding-bottom: 15px;} #logo { float: left; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 18px; } .et_fixed_nav #logo { max-height: 43px; margin-bottom: 0; } .et-fixed-header #logo { max-height: 30px; } #et-info { float: left; padding-bottom: 10px; } #et-secondary-menu { float: right; padding-bottom: 10px; } .et_nav_text_color_light, .et_nav_text_color_light #et-secondary-nav a, .et_nav_text_color_light .et-social-icon a { color: rgba( 255, 255, 255, 0.6 ); } .et_nav_text_color_dark, .et_nav_text_color_dark #et-secondary-nav a, .et_nav_text_color_dark .et-social-icon a { color: rgba( 0, 0, 0, 0.5 ); } .et-cart-info { color: inherit; } #top-header .et-cart-info { margin-left: 15px; } #et-top-navigation .et-cart-info { float: left; margin: 12px 0 0 22px; } .et_vertical_nav #et-top-navigation .et-cart-info { margin-left: 0; } .et_header_style_centered #et-top-navigation .et-cart-info { float: none; } .et-fixed-header #et-top-navigation .et-cart-info { margin-top: 10px; } #et-info-phone, #et-info-email, .et-cart-info span { position: relative; } #et-info-phone:before { content: "\e090"; position: relative; top: 2px; margin-right: 2px; } #et-info-phone { margin-right: 13px; } #et-info-email:before { content: "\e076"; margin-right: 4px; } #top-header .et-social-icons { float: none; display: inline-block; } #et-secondary-menu .et-social-icons { margin-right: 20px; } #top-header .et-social-icons li { margin-left: 12px; margin-top: -2px; } #top-header .et-social-icon a { font-size: 14px; } .et_nav_text_color_light .et-social-icon a:hover, .et_nav_text_color_light #et-secondary-nav a:hover, .et_nav_text_color_light .et-cart-info:hover { color: rgba(255, 255, 255, 1) !important; } .et_nav_text_color_dark .et-social-icon a:hover, .et_nav_text_color_dark #et-secondary-nav a:hover, .et_nav_text_color_dark .et-cart-info:hover { color: rgba(0, 0, 0, 0.7) !important; } #et-secondary-nav, #et-secondary-nav li { display: inline-block } #et-secondary-nav li { margin-right: 15px; } #et-secondary-nav > li:last-child { margin-right: 0; } .et-cart-info span:before { content: "\e07a"; margin-right: 10px; } #main-header nav#top-menu-nav { padding-top: 10px;} nav#top-menu-nav, #top-menu { float: left; } #top-menu li { display: inline-block; font-size: 14px; padding-right: 22px; } #top-menu > li:last-child { padding-right: 0; } #top-menu a { color: #666; text-decoration: none; display: block; position: relative; } #top-menu a:hover { color: #333; } #top-menu li.current-menu-item > a { font-weight: 500; } #top-menu li > a { padding-bottom: 29px;} .et_nav_text_color_light #top-menu > li > a { color: rgba( 255, 255, 255, 0.7 ); } .et_nav_text_color_light #top-menu > li > a:hover { color: rgba( 255, 255, 255, 1 ); } .et_nav_text_color_light #top-menu li.current-menu-ancestor > a, .et_nav_text_color_light #top-menu li.current-menu-item > a { color: #fff; } #et_top_search { float: right; margin: 16px 0 0 22px; position: relative; display: block; width: 18px; } .et_vertical_nav #et_top_search { margin-left: 0; } .et-search-form { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); top: 46px; right: 0; display: none; position: absolute; z-index: 1000; background: #fff; border-top: 3px solid #7EBEC5; padding: 20px;} .et-fixed-header .et-search-form { top: 26px; } .et-fixed-header #et_search_icon:before { margin-top: -8px; } .et_header_style_centered .et-fixed-header #et_search_icon:before { margin-top: 0;} .et-search-form input { width: 280px; padding: 10px 20px; background-color: #F8F8F8; border: none; color: #333;} .et_nav_text_color_light .et-search-form input { background-color: rgba(255,255,255,0.1); color: rgba(255,255,255,0.9); } .et-full-width-slide-featured-image { float: left; padding-right: 60px; } .et-full-width-left-image .et-full-width-slide-description, .et-full-width-right-video .et-full-width-slide-description { float: left; width: 410px; } .et-full-width-left-image .et-full-width-slide-description { margin-right: 100px; } .et-full-width-right-video .et-full-width-slide-description { margin-left: 100px; padding-right: 60px; } .et_pb_slide_video { float: left; width: 510px; padding-top: 200px; } .et_pb_blurb_content { max-width: 550px; margin: 0 auto; position: relative; } .et_pb_blurb_content p:last-of-type { padding-bottom: 0px;} .et_pb_main_blurb_image { text-align: center; margin-bottom: 30px; } .et_pb_blurb h4 { padding-bottom: 5px;} .et_pb_blurb h4 a { text-decoration: none; } .et_pb_blurb { margin-bottom: 30px;} .et_pb_pricing {margin-bottom: 30px;} .et_pb_pricing_table { float: left; width: 25%; border: 1px solid #a1a8aa; background-color: #fcfcfc; padding-bottom: 40px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-right: -1px; } .et_pb_pricing_3 .et_pb_pricing_table { width: 33.3%; } .et_pb_pricing_4 .et_pb_pricing_table { width: 25%; } .et_pb_pricing_2 .et_pb_pricing_table { width: 50%; } .et_pb_pricing_1 .et_pb_pricing_table { width: 100%; } .et_pb_featured_table { background-color: #fff; margin-top: -30px; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); position: relative; z-index: 100; } .et_pb_pricing_heading { background-color: #a1a8aa; margin-bottom: 17px; padding: 11px 0 3px; } .et_pb_featured_table .et_pb_pricing_heading { padding-bottom: 4px; } .et_pb_pricing_heading h2 { color: #fff; font-size: 22px; } .et_pb_best_value { color: #fff; font-size: 16px; display: block; padding-bottom: 10px; font-weight: 500; } .et_pb_featured_table .et_pb_pricing_heading h2 { padding-bottom: 6px; } .et_pb_pricing li { line-height: 1.6em; padding: 0 0 1em 14px; position: relative; } .et_pb_pricing_content_top { border-bottom: 1px solid #ccc; padding-bottom: 30px; } .et_pb_et_price { color: #999; font-size: 16px; } .et_pb_dollar_sign { font-size: 18px; font-weight: 400; position: relative; top: -34px; } .et_pb_sum { font-size: 80px; line-height: 82px; font-weight: 300; } .et_pb_pricing_content { padding: 33px 30px 6px; text-align: left; } .et_pb_featured_table .et_pb_pricing_content { padding-bottom: 32px; } .et_pb_pricing li { line-height: 24px; padding: 0 0 28px 14px; position: relative; } .et_pb_pricing li:before { border-color: #7EBEC5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-style: solid; border-width: 3px; content: ""; left: 0; position: absolute; top: 9px; } .et_pb_pricing li.et_pb_not_available { color: #ccc; } .et_pb_pricing li.et_pb_not_available:before { border-color: #ccc; } .et_pb_pricing li a { font-weight: 500; text-decoration: none; } .et_pb_pricing_table_button { display: inline-block; color: #fff; } .et_pb_pricing_table_button:hover { text-decoration: none; } .et_pb_testimonial { position: relative; padding: 30px 30px 34px; line-height: 1.5; margin-bottom: 30px; } .et_pb_testimonial.et_pb_testimonial_no_bg { padding: 30px 0 0; } .et_pb_testimonial p:last-of-type { padding-bottom: 0px; } .et_pb_testimonial_portrait { float: left; position: relative; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; width: 90px; height: 90px; background-repeat: no-repeat; background-position: center; } .et_pb_testimonial_portrait:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .et_pb_testimonial_portrait, .et_pb_testimonial_portrait:before { -moz-border-radius: 90px; -webkit-border-radius: 90px; border-radius: 90px; } .et_pb_testimonial_portrait img { display: block; height: 90px; width: 90px; border-radius: 90px; } .et_pb_testimonial_description { padding-left: 120px; } .et_pb_bg_layout_dark .et_pb_testimonial_description a { color: #fff; } .et_pb_testimonial_no_image .et_pb_testimonial_description, .et_pb_column_1_3 .et_pb_testimonial_description, .et_pb_column_1_4 .et_pb_testimonial_description, .et_pb_column_3_8 .et_pb_testimonial_description { padding-left: 0; } .et_pb_testimonial_no_image .et_pb_testimonial_description { padding-left: 0 !important; } .et_pb_column_1_3 .et_pb_testimonial_portrait, .et_pb_column_1_4 .et_pb_testimonial_portrait, .et_pb_column_3_8 .et_pb_testimonial_portrait { float: none; width: 90px; margin: 0 auto 20px; } .et-pb-arrow-prev:before, .et-pb-arrow-next:before, .et_pb_testimonial:before, .et_pb_toggle_title:before, .et_overlay:before, #et_search_icon:before, .mobile_menu_bar:before, .et-social-icon a:before, .et_pb_social_icon a.icon:before, .et_pb_font_icon:before, .et_audio_container .mejs-playpause-button button:before, .et_audio_container .mejs-volume-button button:before, .mfp-arrow-left:after, .mfp-arrow-left .mfp-a, .mfp-arrow-right:after, .mfp-arrow-right .mfp-a, #et-info-phone:before, #et-info-email:before, .et-cart-info span:before, .et_pb_pricing_table_button:after, .et_pb_promo_button:after, a.et_pb_more_button:after, .et_pb_newsletter_button:after, .comment-reply-link:after, .form-submit input:after, .et_pb_contact_submit:after, .et_pb_contact_reset:after { font-family: 'ETmodules'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #et_search_icon:before { content: "\55"; font-size: 17px; left: 0; position: absolute; top: -3px; } #et_search_icon:hover { cursor: pointer; } .et_pb_testimonial:before { content: "\7c"; font-size: 32px; left: 50%; position: absolute; top: -16px; background: #f5f5f5; margin-left: -16px; -moz-border-radius: 31px; -webkit-border-radius: 31px; border-radius: 31px; } .et_pb_testimonial.et_pb_testimonial_no_bg:before { background: inherit; } .et_pb_testimonial.et_pb_icon_off:before { display: none; } .et_pb_testimonial_author { margin-top: 16px; font-weight: 700; display: block; } .et_pb_testimonial_author a { color: inherit; } .et-promo { background-color: #1f6581; padding: 40px 0 25px; } .et-promo-description, .et-newsletter-description { float: left; padding: 0 60px; } .et-promo-description { width: 754px; } .et-promo-description h3, .et-newsletter-description h3 { color: #fff; font-size: 26px; padding-bottom: 13px; } .et-promo-description p, .et-newsletter-description p { color: #fff; } .et-promo-button { padding-right: 60px; display: inline-block; font-weight: 500; font-size: 20px; color: #fff; background-color: rgba(0, 0, 0, 0.35); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 14px 20px; margin-top: 20px; float: left; } .et-newsletter { background-color: #68909d; padding: 40px 0; } .et-newsletter-description { width: 640px; } .et-newsletter-form { float: left; width: 260px; padding-right: 60px; } .et-newsletter-form p input { padding: 10px 18px; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; color: #666; background-color: #fff; font-weight: 400; width: 86%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .et-newsletter-button { display: block; font-size: 16px; color: #fff; background-color: rgba(0, 0, 0, 0.2); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 13px 20px; } .et_pb_bg_layout_light .et_pb_newsletter_form input {background-color: #f5f5f5;} .et_pb_counter_title { font-size: 12px; padding-bottom: 1px; display: block; } .et_pb_bg_layout_light .et_pb_counter_title { color: #999; } .et_pb_counter_container { background-color: #dddddd; color: #fff; margin-bottom: 10px; overflow: hidden; position: relative; display: block; } .et_pb_counter_amount { opacity: 0; float: left; font-size: 12px; text-align: right; padding: 1px 3% 1px 1px; display: block; } .et_pb_post { margin-bottom: 60px; } .et_pb_post_main_image { margin-bottom: 10px; } .et_pb_post h2 { margin-top: 30px; } .et_pb_post h2 a, .et_pb_portfolio_item h3 a { text-decoration: none; } .et_pb_post .post-meta { margin-bottom: 6px; } .et_pb_post .post-meta, .et_pb_portfolio_item .post-meta { font-size: 14px; } .et_pb_post .post-meta a, .et_pb_portfolio_item .post-meta a { text-decoration: none; } .et_pb_bg_layout_light .et_pb_post .post-meta, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta, .et_pb_bg_layout_light .et_pb_post .post-meta a, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a, .et_pb_bg_layout_light .et_pb_post p { color: #666; } .et_pb_bg_layout_dark .et_pb_post .post-meta, .et_pb_bg_layout_dark .et_pb_portfolio_item .post-meta, .et_pb_bg_layout_dark .et_pb_post .post-meta a, .et_pb_bg_layout_dark .et_pb_portfolio_item .post-meta a, .et_pb_bg_layout_dark .et_pb_post p { color: inherit; } .et_pb_post .more { color: #82c0c7; text-decoration: none; } .et_pb_blog_grid_wrapper { overflow: hidden; } .et_pb_blog_grid { margin-right: -60px; } .et_pb_blog_grid .et_pb_post { margin: 0 60px 60px 0; width: 280px; border: 1px solid #d8d8d8; float: left; padding: 19px; background-color: #fff; word-wrap: break-word; } .et_pb_column_3_8 .et_pb_blog_grid .et_pb_post { width: 329px; } .et_pb_column_1_4 .et_pb_blog_grid .et_pb_post { width: 185px; } .et_pb_bg_layout_dark.et_pb_blog_grid .et_pb_post { border-color: rgba(0, 0, 0, 0.1); } .et_pb_image_container, .et_pb_blog_grid .et_main_video_container, .et_pb_blog_grid .et_audio_content, .et_pb_blog_grid .et_pb_post .et_pb_slider { margin: -20px -20px 10px; } .et_pb_image_container img, .et_pb_post a img { vertical-align: bottom; } .et_pb_blog_grid .et_pb_no_thumb h2 { margin-top: 0; } .et_pb_blog_grid .et_audio_content { margin-bottom: 0; } .et_pb_image { margin-bottom: 30px;} .et_pb_blog_grid h2 { font-size: 18px; margin-top: 19px; } body.single .et_audio_content { margin-bottom: -6px; } .et_pb_filterable_portfolio_grid, .et_pb_gallery_grid { display: none; } .et_pb_filterable_portfolio .et_pb_portfolio_item, .et_pb_gallery_grid .et_pb_gallery_item { opacity: 1; -webkit-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1); animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1);} .et_pb_portfolio_item { margin-bottom: 42px; } .et_pb_portfolio_item img { margin-bottom: 9px; } .et_pb_portfolio_grid .et_pb_portfolio_item h2, .et_pb_column_1_3 .et_pb_post h2, .et_pb_column_1_4 .et_pb_post h2 { font-size: 18px; } .et_section_regular .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(4n), .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(3n), .et_pb_column_2_3 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(3n), .et_pb_column_1_2 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(2n), .et_gallery_item:nth-child(3n) { margin-right: 0; } .et_gallery_item:nth-child(3n+1) { clear: both; } .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_2 .et_pb_portfolio_grid .et_pb_portfolio_item, .et_gallery_item { float: left; width: 225px; margin: 0 60px 42px 0; } .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item img, .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item img, .et_pb_column_2_3 .et_pb_portfolio_grid .et_pb_portfolio_item img, .et_pb_column_1_2 .et_pb_portfolio_grid .et_pb_portfolio_item img, .et_pb_column_1_3 .et_pb_portfolio_grid .et_pb_portfolio_item img, .et_pb_column_1_4 .et_pb_portfolio_grid .et_pb_portfolio_item img { margin-bottom: 2px; } .et_pb_column_1_4 .et_pb_audio_module_content h2, .et_pb_column_1_4 .et_pb_post h2, .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item h2, .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item h2, .et_pb_column_2_3 .et_pb_portfolio_grid .et_pb_portfolio_item h2, .et_pb_column_1_2 .et_pb_portfolio_grid .et_pb_portfolio_item h2, .et_pb_column_1_3 .et_pb_portfolio_grid .et_pb_portfolio_item h2, .et_pb_column_1_4 .et_pb_portfolio_grid .et_pb_portfolio_item h2 { font-size: 16px; } .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta, .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta, .et_pb_column_2_3 .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta, .et_pb_column_1_2 .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta, .et_pb_column_1_3 .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta, .et_pb_column_1_4 .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta { margin-top: -5px; } .et_pb_column_2_3 .et_pb_portfolio_grid .et_pb_portfolio_item { float: left; width: 195px; margin: 0 57px 42px 0; } .et_pb_column_1_3 .et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_4 .et_pb_portfolio_grid .et_pb_portfolio_item { float: none; margin: 0 0 42px 0; } .et_pb_column_3_8 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 368px; } .et_pb_column_1_3 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 320px; } .et_pb_column_1_4 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 225px; } .et_pb_filterable_portfolio .et_pb_portfolio_item { max-width: 100%; } .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(4n+1) { clear: none !important; } .et_pb_widget_area_left { border-right: 1px solid #e2e2e2; padding-bottom: 30px;} .et_pb_column_4_4 .et_pb_widget_area_left { border-right: none; } .et_pb_widget { float: left; margin: 0 90px 40px 0; } .et_pb_column_4_4 .et_pb_widget_area_left .et_pb_widget:nth-child(4n), .et_pb_column_3_4 .et_pb_widget_area_left .et_pb_widget:nth-child(3n), .et_pb_column_2_3 .et_pb_widget_area_left .et_pb_widget:nth-child(2n), .et_pb_column_1_2 .et_pb_widget_area_left .et_pb_widget:nth-child(2n), .et_pb_column_4_4 .et_pb_widget_area_right .et_pb_widget:nth-child(4n) { margin-right: 30px; } .et_pb_column_4_4 .et_pb_widget_area_left .et_pb_widget, .et_pb_column_4_4 .et_pb_widget_area_right .et_pb_widget { width: 195px; } .et_pb_column_3_4 .et_pb_widget_area_left .et_pb_widget, .et_pb_column_3_4 .et_pb_widget_area_right .et_pb_widget { width: 194px; } .et_pb_column_2_3 .et_pb_widget_area_left .et_pb_widget, .et_pb_column_2_3 .et_pb_widget_area_right .et_pb_widget { width: 289px; } .et_pb_column_1_2 .et_pb_widget_area_left .et_pb_widget, .et_pb_column_1_2 .et_pb_widget_area_right .et_pb_widget { width: 194px; } .et_pb_column_1_3 .et_pb_widget_area_left .et_pb_widget, .et_pb_column_1_4 .et_pb_widget_area_left .et_pb_widget { width: auto; margin-right: 30px; } .et_pb_column_1_3 .et_pb_widget, .et_pb_column_1_4 .et_pb_widget { float: none; } .et_pb_widget a { text-decoration: none; color: #666; } .et_pb_widget_area .et_pb_widget a { color: inherit; } .et_pb_bg_layout_light .et_pb_widget li a { color: #666; } .et_pb_bg_layout_dark .et_pb_widget li a { color: inherit; } .et_pb_widget li a:hover { color: #82c0c7; } .et_pb_widget ul li { margin-bottom: 6px; } .et_pb_widget ul li ul li { margin-left:15px; } .tagcloud a {font-size: 12px !important; padding: 2px 8px; background: rgba(0,0,0,.05); display: inline-block; margin-bottom: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tagcloud a:hover { background: rgba(0,0,0,.15);} .et_pb_widget_area_right { border-left: 1px solid #e2e2e2; } .et_pb_widget_area_left, .et_pb_widget_area_right { border-color: rgba(0, 0, 0, 0.1); } .et_pb_column_4_4 .et_pb_widget_area_right { border-left: none; } .et_pb_column_3_4 .et_pb_widget_area_right .et_pb_widget, .et_pb_column_2_3 .et_pb_widget_area_right .et_pb_widget, .et_pb_column_1_2 .et_pb_widget_area_right .et_pb_widget, .et_pb_column_1_3 .et_pb_widget_area_right .et_pb_widget, .et_pb_column_1_4 .et_pb_widget_area_right .et_pb_widget { margin: 0 0 40px 30px; } .et_pb_column_4_4 .et_pb_widget:nth-child(4n+1), .et_pb_column_3_4 .et_pb_widget:nth-child(3n+1), .et_pb_column_2_3 .et_pb_widget:nth-child(2n+1), .et_pb_column_1_2 .et_pb_widget:nth-child(2n+1) { clear: both; } .et_pb_promo { padding: 40px 60px; text-align: center; margin-bottom: 30px; } .et_pb_promo_description { padding-bottom: 20px; } .et_pb_promo_description p:last-of-type { padding-bottom: 0px;} .et_pb_promo_button { display: inline-block; color: inherit; } .et_pb_promo_button:hover, .et_pb_newsletter_button:hover { text-decoration: none; } .et_pb_column_1_2 .et_pb_promo, .et_pb_column_1_3 .et_pb_promo, .et_pb_column_1_4 .et_pb_promo { padding: 40px; } .et_pb_newsletter { padding: 40px 0; margin-bottom: 30px; } .et_pb_newsletter_description { width: 640px; float: left; padding: 0 60px; } .et_pb_newsletter_description p:last-of-type { padding-bottom: 0px;} .et_pb_newsletter_form { float: left; width: 260px; padding-right: 60px; } .et_pb_newsletter_form p input { font-size: 14px; border: none !important; padding: 14px 4% !important; font-size: 16px; color: #666; background-color: #fff; width: 92%; font-weight: 400; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; } .et_pb_newsletter_form p .et_pb_signup_error { border: 1px solid #f00 !important; } .et_pb_newsletter_result { margin-bottom: 18px; display: none; } .et_pb_newsletter_button { display: block; color: inherit; padding: 6px 0; width: 100%; text-align: center; box-sizing: border-box;} .et_pb_login_form .et_pb_newsletter_button, .et_pb_feedburner_form .et_pb_newsletter_button { margin: 0; width: 100%; cursor: pointer; } .et_pb_login_form form, .et_pb_feedburner_form form { text-align: left; } .et_pb_login_form ::-webkit-input-placeholder, .et_pb_feedburner_form ::-webkit-input-placeholder { color: #666; } .et_pb_login_form ::-moz-placeholder, .et_pb_feedburner_form ::-moz-placeholder { color: #666; } .et_pb_login_form :-ms-input-placeholder, .et_pb_feedburner_form :-ms-input-placeholder { color: #666; } .et_pb_column_3_4 .et_pb_newsletter_description { width: 354px; } .et_pb_column_2_3 .et_pb_newsletter_description { width: 258px; } .et_pb_column_1_2 .et_pb_newsletter_description, .et_pb_column_1_2 .et_pb_newsletter_form { width: 388px; } .et_pb_column_1_2 .et_pb_newsletter_description { padding-bottom: 25px; } .et_pb_column_1_2 .et_pb_newsletter_form { padding-left: 60px; } .et_pb_column_1_3 .et_pb_newsletter, .et_pb_column_1_4 .et_pb_newsletter, .et_pb_column_3_8 .et_pb_newsletter { padding: 30px 0; } .et_pb_column_1_3 .et_pb_newsletter_description, .et_pb_column_1_3 .et_pb_newsletter_form { width: 260px; } .et_pb_column_3_8 .et_pb_newsletter_description, .et_pb_column_3_8 .et_pb_newsletter_form { width: 307px; } .et_pb_column_1_3 .et_pb_newsletter_description, .et_pb_column_1_4 .et_pb_newsletter_description, .et_pb_column_3_8 .et_pb_newsletter_description { padding: 0 30px; } .et_pb_column_1_3 .et_pb_newsletter_form, .et_pb_column_1_4 .et_pb_newsletter_form, .et_pb_column_3_8 .et_pb_newsletter_form { padding-left: 30px; } .et_pb_column_1_3 .et_pb_newsletter_description, .et_pb_column_1_4 .et_pb_newsletter_description, .et_pb_column_3_8 .et_pb_newsletter_description { padding-bottom: 15px; } .et_pb_column_1_4 .et_pb_newsletter_description, .et_pb_column_1_4 .et_pb_newsletter_form { width: 165px; } .et_pb_column_1_4 .et_pb_newsletter_form p input { width: 90% } .et_pb_all_tabs > div, .et_pb_toggle_close .et_pb_toggle_content { display: none; } .et_pb_toggle_content { padding-top: 20px; } .et_pb_toggle_content p:last-of-type { padding-bottom: 0px;} .et_pb_all_tabs .et_pb_active_content { display: block; } .et_pb_tabs { border: 1px solid #d9d9d9; margin-bottom: 30px;} .et_pb_tabs_controls { border-bottom: 1px solid #d9d9d9; background-color: #f4f4f4; } .et_pb_tabs_controls li { float: left; padding: 5px 30px 3px; border-right: 1px solid #d9d9d9; font-weight: 600; position: relative; cursor: pointer; } .et_pb_tabs_controls li:last-child { border-right: none; } .et_pb_tabs_controls li a { text-decoration: none; color: #666; } .et_pb_tabs_controls li.et_pb_tab_active { padding: 4px 30px 4px; background-color: #fff; bottom: -1px; } .et_pb_tab_active a { color: #333!important; } .et_pb_tab p:last-of-type { padding-bottom: 0px;} .et_pb_all_tabs { padding: 24px 30px; background: #fff; } .et_pb_column_1_3 .et_pb_tabs_controls, .et_pb_column_1_4 .et_pb_tabs_controls { border-bottom: none; } .et_pb_column_1_3 .et_pb_tabs_controls li, .et_pb_column_1_4 .et_pb_tabs_controls li, .et_pb_column_3_8 .et_pb_tabs_controls li { float: none; border-right: none; border-bottom: 1px solid #d9d9d9; } .et_pb_toggle { border: 1px solid #d9d9d9; margin-bottom: 30px; } .et_pb_toggle_close { background-color: #f4f4f4; padding: 20px; } .et_pb_toggle_open { padding: 20px; background: #FFF; } .et_pb_toggle h5.et_pb_toggle_title { cursor: pointer; position: relative; padding: 0 30px 0 0; } .et_pb_toggle_close h5.et_pb_toggle_title { color: #666; } .et_pb_toggle_open h5.et_pb_toggle_title { color: #333; } .et_pb_toggle_title:before { content: "\e050"; position: absolute; right: 0px; font-size: 16px; color: #ccc; } .et_pb_toggle_open .et_pb_toggle_title:before { content: "\e04f"; } .et_pb_map { height: 440px; width: 100%; position: relative; } .et_pb_map_container { margin: 0 0 30px 0; } .et_pb_fullwidth_section .et_pb_map_container { margin: 0; } .et_pb_map_container img { max-width: inherit; } .et_pb_map_pin { display: none; visibility: hidden; } .et_pb_column_4_4 .et_pb_map { width: 1080px; } .et_pb_column_3_4 .et_pb_map { width: 795px; } .et_pb_column_2_3 .et_pb_map { height: 390px; width: 700px; } .et_pb_column_1_2 .et_pb_map { height: 280px; width: 510px; } .et_pb_column_3_8 .et_pb_map { height: 276px; width: 368px; } .et_pb_column_1_3 .et_pb_map { height: 240px; width: 320px; } .et_pb_column_1_4 .et_pb_map { height: 170px; width: 225px; } .et-pb-arrow-prev, .et-pb-arrow-next { position: absolute; top: 50%; z-index: 100; font-size: 48px; color: #fff; margin-top: -24px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; } .et_pb_bg_layout_light .et-pb-arrow-prev, .et_pb_bg_layout_light .et-pb-arrow-next { color: #333; } .et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control { background-color: #333; } .et_pb_bg_layout_light .et-pb-controllers a { background-color: rgba(0, 0, 0, 0.3); } .format-gallery .et-pb-arrow-prev, .format-gallery .et-pb-arrow-next { color: #fff; } .format-gallery .et-pb-controllers a { background-color: rgba(255, 255, 255, 0.5); } .et-pb-controllers .et-pb-active-control { background-color: #fff !important; } .et-pb-arrow-prev:hover, .et-pb-arrow-next:hover { text-decoration: none; } .et-pb-arrow-prev span, .et-pb-arrow-next span { display: none; } .et-pb-arrow-prev { left: -22px; } .et-pb-arrow-next { right: -22px; } .et-pb-arrow-prev:before { content: "\34"; } .et-pb-arrow-next:before { content: "\35"; } .et_pb_slider:hover .et-pb-arrow-prev, .et_mobile_device .et-pb-arrow-prev { left: 22px; opacity: 1; } .et_pb_slider:hover .et-pb-arrow-next, .et_mobile_device .et-pb-arrow-next { right: 22px; opacity: 1; } .format-gallery .et_pb_slider:hover .et-pb-arrow-prev { left: 0; } .format-gallery .et_pb_slider:hover .et-pb-arrow-next { right: 0; } .et_pb_column_1_3 .et_pb_slider:hover .et-pb-arrow-prev, .et_pb_column_1_4 .et_pb_slider:hover .et-pb-arrow-prev { left: 0px; } .et_pb_column_1_3 .et_pb_slider:hover .et-pb-arrow-next, .et_pb_column_1_4 .et_pb_slider:hover .et-pb-arrow-next { right: 0px; } .et_right_sidebar #left-area { float: left; width: 795px; margin-right: 60px; } .et_right_sidebar #sidebar { float: left; width: 224px; } #sidebar .et_pb_widget { float: none; margin: 0 0 30px 30px; } #main-content .container { padding-top: 58px; } #main-content .container:before { content: ''; position: absolute; top: 0; height: 100%; width: 1px; background-color: #e2e2e2; } .et_right_sidebar #main-content .container:before { right: 224px; } .et_left_sidebar #main-content .container:before { left: 224px; } .et_full_width_page #main-content .container:before, .et_full_width_portfolio_page #main-content .container:before { display: none; } .et_full_width_page #left-area { float: none; width: 100%; } #left-area { padding-bottom: 23px; } #left-area .post-meta { font-size: 14px; padding-bottom: 15px; } #left-area .post-meta a { text-decoration: none; color: #666; } #left-area .et_featured_image { padding-bottom: 7px; } .single .post { padding-bottom: 25px; } .et_left_sidebar #left-area { float: right; width: 795px; margin-left: 60px; } .et_left_sidebar #sidebar { float: left; width: 224px; } .et_left_sidebar #sidebar .et_pb_widget { float: none; margin: 0 30px 30px 0; } .single-project #left-area { padding-bottom: 50px; } .et_pb_contact_main_title { font-size: 26px; font-weight: 500; padding-bottom: 16px; } .et_pb_contact_left { width: 100%; float: left; } .et_pb_contact_right { float: right; width: auto; margin: 8px 15px 0 0; text-align: right; } .et_pb_contact_form_label { display: none; } .et_pb_contact_form_container {padding-bottom:30px;} .et_pb_contact_left p { width: 48.5%; float: left; margin-right: 3%; padding-bottom: 20px; } .et_pb_contact_left p:last-child { margin-right: 0; } .et_pb_contact p input, .et_pb_contact p textarea { background-color: #eee; border: none!important; width: 100% !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; font-size: 14px; color: #999 !important; padding: 16px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .et_pb_contact_right p input { width: 45px!important; padding: 16px !important; } .et_pb_contact_message { min-height: 150px; } .et_pb_contact_submit, .et_pb_contact_reset { font-family: inherit; display: block; float: right; margin: 8px auto 0; cursor: pointer; } .et_pb_column_3_8 .et_pb_contact_left p, .et_pb_column_1_3 .et_pb_contact_left p, .et_pb_column_1_4 .et_pb_contact_left p { width: 100%; float: none; margin-right: 0; } .et_pb_contact p .et_contact_error { border: 1px solid red !important; } .et_pb_countdown_timer .et_pb_countdown_timer_container { margin: 0 0 30px; text-align: center; padding: 40px; } .et_pb_countdown_timer .title { font-size: 22px; margin: 0 0 30px; padding: 0; text-align: center; } .et_pb_countdown_timer .section { margin-right: 15px; display: inline-block; } .et_pb_countdown_timer .seconds { margin-right: 0; } .et_pb_countdown_timer .section.values { width: 76px; } .et_pb_countdown_timer .section.days { width: 124px; } .et_pb_countdown_timer .section p { font-size: 64px; line-height: 64px; padding-bottom: 0px; text-align: center; display: inline-block; } .et_pb_countdown_timer .section.zero p { opacity: 0.40; } .et_pb_countdown_timer .section p.label { text-align: center; font-size: 14px; line-height: 25px; display: block; } .et_pb_countdown_timer .sep { position: relative; top: -28px; } .et_pb_column_1_2 .et_pb_countdown_timer .sep, .et_pb_column_1_3 .et_pb_countdown_timer .sep, .et_pb_column_1_4 .et_pb_countdown_timer .sep, .et_pb_column_3_8 .et_pb_countdown_timer .sep { top: -22px; } .et_pb_column_1_2 .et_pb_countdown_timer .section { margin-right: 5px; } .et_pb_column_1_2 .et_pb_countdown_timer .section.values { width: 57px; } .et_pb_column_1_2 .et_pb_countdown_timer .section.days { width: 80px; } .et_pb_column_1_2 .et_pb_countdown_timer .section p { font-size: 48px; line-height: 48px; } .et_pb_column_1_2 .et_pb_countdown_timer .section p.label { font-size: 12px; line-height: 20px; } .et_pb_column_1_3 .et_pb_countdown_timer .et_pb_countdown_timer_container, .et_pb_column_3_8 .et_pb_countdown_timer .et_pb_countdown_timer_container { padding: 40px 20px; } .et_pb_column_1_3 .et_pb_countdown_timer .section, .et_pb_column_1_4 .et_pb_countdown_timer .section, .et_pb_column_3_8 .et_pb_countdown_timer .section { margin-right: 0; } .et_pb_column_1_3 .et_pb_countdown_timer .section.values, .et_pb_column_3_8 .et_pb_countdown_timer .section.values { width: 42px; } .et_pb_column_1_3 .et_pb_countdown_timer .section.days, .et_pb_column_3_8 .et_pb_countdown_timer .section.days { width: 50px; } .et_pb_column_1_3 .et_pb_countdown_timer .section p, .et_pb_column_3_8 .et_pb_countdown_timer .section p { font-size: 28px;line-height: 28px; } .et_pb_column_1_3 .et_pb_countdown_timer .section p.label, .et_pb_column_3_8 .et_pb_countdown_timer .section p.label {font-size: 11px; line-height: 19px; } .et_pb_column_1_3 .et_pb_countdown_timer .title, .et_pb_column_3_8 .et_pb_countdown_timer .title { font-size: 18px; margin-bottom: 20px; } .et_pb_column_1_4 .et_pb_countdown_timer .et_pb_countdown_timer_container { padding: 20px 0; } .et_pb_column_1_4 .et_pb_countdown_timer .section { margin-right: 4px; } .et_pb_column_1_4 .et_pb_countdown_timer .section.values { width: 25px; } .et_pb_column_1_4 .et_pb_countdown_timer .section.days { width: 30px; } .et_pb_column_1_4 .et_pb_countdown_timer .section p { font-size: 20px; line-height: 20px; } .et_pb_column_1_4 .et_pb_countdown_timer .section p.label { font-size: 11px; line-height: 19px; } .et_pb_column_1_4 .et_pb_countdown_timer .title { font-size: 16px; margin: 0 0 20px 0; } .et_pb_circle_counter, .et_pb_number_counter { width: 225px; margin: 0 auto 30px; position: relative; text-align: center; } .et_pb_circle_counter canvas { position: absolute; top: 0; left: 0; } .et_pb_circle_counter .percent, .et_pb_number_counter .percent { position: relative; z-index: 2; } .et_pb_circle_counter .percent p, .et_pb_number_counter .percent p { visibility: hidden; } .et_pb_circle_counter .percent{ height: 225px; } .et_pb_circle_counter .percent p { font-size: 40px; font-weight: 500; line-height: 225px;} .et_pb_circle_counter h3, .et_pb_number_counter h3 { padding: 20px 0 0 0; font-size: 16px; } .et_pb_number_counter { width:auto; } .et_pb_number_counter canvas { display: none; visibility: hidden; } .et_pb_number_counter .percent { height: 72px; } .et_pb_number_counter .percent p { font-size: 72px; line-height: 72px; font-weight: 500; } p.woocommerce-result-count { font-weight: 500; font-size: 14px; color: #999; padding-bottom: 40px; } .orderby { background-color: #ececec; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #666!important; font-size: 12px; padding: 4px 8px; font-weight: 500; font-family: 'Open Sans', Arial, sans-serif; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 225px!important; margin: 0 60px 53px 0!important; } .woocommerce ul.products li.product.last, .woocommerce-page ul.products li.product.last { margin-right: 0!important; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; margin: 0 0 9px !important; } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { font-weight: 500; font-size: 16px!important; color: #333; padding: 4px 0 4px!important; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del { color: #666!important; font-size: 14px!important; margin: 0!important; } .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { left: 10px !important; margin: 0 !important; right: auto !important; } .woocommerce span.onsale, .woocommerce-page span.onsale { z-index: 2; background: #ef8f61!important; -moz-border-radius: 3px!important; -webkit-border-radius: 3px!important; border-radius: 3px!important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #fff; font-size: 20px!important; font-weight: 500!important; left: 10px!important; line-height: inherit!important; margin: 0!important; min-height: 0!important; min-width: 0!important; padding: 6px 18px!important; position: absolute; text-shadow: none!important; top: 10px!important; } .woocommerce .products .star-rating, .woocommerce-page .products .star-rating { margin: 4px 0 .3em 0 !important; } .woocommerce .star-rating:before, .woocommerce-page .star-rating:before { content: "\53\53\53\53\53" !important; color: #ccc !important; } .woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images { width: 510px !important; } .woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .woocommerce div.product div.images div.thumbnails, .woocommerce-page div.product div.images div.thumbnails, .woocommerce #content div.product div.images div.thumbnails, .woocommerce-page #content div.product div.images div.thumbnails { padding-top: 20px !important; } .woocommerce div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a { margin-right: 20px !important; width: 156px !important; margin-bottom: 20px; } .entry-summary .entry-title { padding-bottom: 14px!important; } .entry-summary p.price span { font-size: 26px!important; } .entry-summary p.price del { color:#999; margin-right: 10px; } .woocommerce div.product form.cart, .woocommerce-page div.product form.cart, .woocommerce #content div.product form.cart, .woocommerce-page #content div.product form.cart { margin: 24px 0 39px !important; } .woocommerce div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce #content div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity { margin: 0 20px 0 0 !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; width: 100px!important } .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty { font-weight: 500 !important; font-size: 20px!important; color: #fff!important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none!important; background-color: #b8c5c6!important; height: 47px!important; width: 70px !important; } .woocommerce .quantity .plus, .woocommerce-page .quantity .plus, .woocommerce #content .quantity .plus, .woocommerce-page #content .quantity .plus, .woocommerce .quantity .minus, .woocommerce-page .quantity .minus, .woocommerce #content .quantity .minus, .woocommerce-page #content .quantity .minus { background: #fff !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #BCC8C9 !important; font-size: 20px !important; font-weight: 300!important; height: 24px!important; text-decoration: none!important; text-shadow: none !important; width: 30px !important; border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; border: 1px solid #BCC8C9 !important; } .woocommerce #content .quantity, .woocommerce .quantity, .woocommerce-page #content .quantity, .woocommerce-page .quantity { width: 100px; margin: 0; } .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button { border: none !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; color: #FFFFFF; font-size: 20px !important; font-weight: 500 !important; text-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 13px 24px 14px!important; color: #fff !important; } .et_pb_widget .buttons a { margin-top: 10px !important; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li { padding: 6px 0; } .woocommerce #reviews a.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit { color: #fff !important; font-size: 16px !important; } .woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li { margin-bottom: 40px !important; } .product_meta { border-top: 1px solid #dadada; font-size: 14px; color: #666; padding-top: 6px; } .posted_in a { font-weight: 500; color: #82c0c7; text-decoration: none; } .product .related h2 { font-size: 26px!important; padding-bottom: 16px; } .et_right_sidebar.woocommerce div.product div.images, .et_right_sidebar.woocommerce-page div.product div.images, .et_right_sidebar.woocommerce #content div.product div.images, .et_right_sidebar.woocommerce-page #content div.product div.images, .et_left_sidebar.woocommerce div.product div.images, .et_left_sidebar.woocommerce-page div.product div.images, .et_left_sidebar.woocommerce #content div.product div.images, .et_left_sidebar.woocommerce-page #content div.product div.images { width: 367px !important; } .et_right_sidebar.woocommerce div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce-page div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce #content div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce-page #content div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce-page div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce #content div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce-page #content div.product div.images div.thumbnails a { width: 109px !important; margin-bottom: 20px; } div.product div.images div.thumbnails a.last { margin-right: 0 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before { border-bottom-color: #d9d9d9; } body.woocommerce .woocommerce-tabs { border: 1px solid #d9d9d9; margin-bottom: 45px; } body.woocommerce div.product .woocommerce-tabs ul.tabs, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs { margin: 0 !important; padding: 0 !important; background: #f4f4f4; } body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active { background: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; background: #f4f4f4; border-right: 1px solid #d9d9d9; padding: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0 -2px; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active { background: #fff !important; } body.woocommerce div.product .woocommerce-tabs ul.tabs li a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a { color: #666666 !important; padding: 4px 22px !important; } body.woocommerce div.product .woocommerce-tabs ul.tabs li:before, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li:before, body.woocommerce div.product .woocommerce-tabs ul.tabs li:after, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li:after { display: none; } body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a { color: #000 !important; } body.woocommerce div.product .woocommerce-tabs .panel, body.woocommerce #content-area div.product .woocommerce-tabs .panel { padding: 30px; margin: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { border: none !important; padding: 0 !important; margin: 0 0 0 100px !important; } .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar { width: auto !important; padding: 0 !important; border: none !important; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta { font-size: inherit !important; margin: 0 0 2px !important; padding: 0 !important; } .woocommerce #reviews .commentlist .star-rating { float: none !important; margin-bottom: 6px !important; } .woocommerce #reviews #comments h2, .woocommerce-page #reviews #comments h2 { margin-bottom: 30px !important; } .woocommerce-message, .woocommerce-error, .woocommerce-info { border: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; font-size: 18px !important; color: #fff !important; padding: 15px !important; } .woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before { display: none !important; color: #FFF !important; } .woocommerce-page #reviews #commentform, .woocommerce-page #review_form #respond p.form-submit { padding-bottom: 0; margin-bottom: 0; } #left-area .woocommerce-message .button, #left-area .woocommerce-error .button, #left-area .woocommerce-info .button { color: #fff !important; font-size: 18px !important; font-weight: normal !important; margin: 5px 0 !important; padding: 0 !important; } .et_main_title { padding-bottom: 12px; } .et_main_title h1 { display: inline-block; padding-right: 2px; } .et_main_title .et_project_categories { font-size: 14px; } .et_main_title .et_project_categories a { text-decoration: none; color: #666; } .et_pb_post .entry-content, .project .entry-content { padding-top: 30px; } .et_project_meta { margin: 23px 0 14px; border-top: 1px solid #e2e2e2; padding: 15px 0 39px; border-bottom: 1px solid #e2e2e2; } .et_project_meta_title { display: block; font-weight: 700; color: #333; } .et_project_meta p { padding-bottom: 15px; } .et_project_meta p a { text-decoration: none; color: #666; } .nav-single a { text-decoration: none; color: #82c0c7; font-size: 14px; font-weight: 400; } .nav-previous { float: left; } .nav-next { float: right; } .single .et_pb_post { margin-bottom: 27px; } .et_full_width_portfolio_page .et_project_meta { float: left; width: 225px; margin-top: 43px; border-bottom: none; } .et_full_width_portfolio_page .entry-content { margin-bottom: 43px; } .et_pb_pagebuilder_layout .entry-content { margin-bottom: 0 !important; } .et_full_width_portfolio_page .nav-single { border-top: 1px solid #e2e2e2; padding-top: 13px; } .et_shop_image, .et_portfolio_image { position: relative; display: block; } .et_overlay { z-index: 3; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); opacity: 0; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border: 1px solid #e5e5e5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); } .et_overlay:before { content: '\e050'; position: absolute; top: 55%; left: 50%; margin: -14px 0 0 -14px; font-size: 32px; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .et_overlay:hover:before { top: 50%;} #ie7 .et_overlay, #ie8 .et_overlay { display: none; } .et_shop_image:hover .et_overlay, .et_portfolio_image:hover .et_overlay, .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_overlay, .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .meta, .et_pb_gallery_image:hover .et_overlay { opacity: 1; } .et_pb_slider.et_pb_gallery_fullwidth span.et_overlay { display: none; } .et_portfolio_image img { vertical-align: bottom; margin-bottom: 0 !important; } .et_pb_portfolio_item h2 { margin-top: 10px; } .et_pb_section_video_bg .mejs-overlay-loading { display: none !important; } .main_title { margin-bottom: 20px; } .et-social-icons { float: right; } .et-social-icons li { display: inline-block; margin-left: 20px; } .et-social-icon a { display: inline-block; font-size: 24px; position: relative; text-align: center; transition: color 300ms ease 0s; color: #666; text-decoration: none; } .et-social-icon span { display: none; } .et_pb_fullwidth_menu #top-menu-nav, .et_pb_fullwidth_menu #top-menu-nav > ul { float: none; } .et_pb_fullwidth_menu #top-menu-nav > ul { padding: 20px 0 0 !important; line-height: 1.37em; } .et_pb_fullwidth_menu #top-menu-nav > ul > li.mega-menu > ul { top: 82px; } .et_pb_fullwidth_menu #top-menu-nav > ul ul { padding: 20px; text-align: left; } .et_pb_bg_layout_dark #top-menu-nav > ul > li > a { color: #fff; } .et_pb_bg_layout_dark #top-menu-nav > ul > li > a:hover { color: rgba(255,255,255,0.8); } .et_pb_forgot_password { font-size: 12px; margin-top: -5px; } .et_pb_forgot_password a { color: #fff; text-decoration: underline; } .et_pb_bg_layout_light .et_pb_forgot_password a { color: #666; } .et_pb_team_member { margin-bottom: 30px; } .et_pb_column_4_4 .et_pb_team_member_description, .et_pb_column_3_4 .et_pb_team_member_description, .et_pb_column_2_3 .et_pb_team_member_description { margin-left: 350px; } .et_pb_column_3_8 .et_pb_team_member_description, .et_pb_team_member_no_image .et_pb_team_member_description { margin-left: 0 !important; } .et_pb_team_member_image { float: left; width: 320px; margin-right: 30px; } .et_pb_team_member_description h4 { padding-bottom: 0; } .et_pb_member_position { color: #aaa; padding-bottom: 7px; } .entry-content .et_pb_member_social_links { list-style-type: none; margin-top: 20px; padding: 0; } .et_pb_member_social_links li { display: inline-block; margin-right: 15px; } .et_pb_member_social_links a { display: inline-block; font-size: 16px; position: relative; text-align: center; transition: color 300ms ease 0s; color: #b2b2b2; text-decoration: none; } .et_pb_member_social_links span { display: none; } .et_pb_facebook_icon:before { content: '\e093'; } .et_pb_twitter_icon:before { content: '\e094'; } .et_pb_google_icon:before { content: '\e096'; } .et_pb_linkedin_icon:before { content: "\e09d"; } .et_pb_column_1_2 .et_pb_team_member_image, .et_pb_column_1_3 .et_pb_team_member_image, .et_pb_column_1_4 .et_pb_team_member_image, .et_pb_column_3_8 .et_pb_team_member_image { float: none; width: auto; margin: 0 0 12px; text-align: center; } .et_quote_content, .et_link_content, .et_audio_content, .et_pb_audio_module_content { text-align: center; word-wrap: break-word; position: relative; } .et_link_content, .et_audio_content, .et_pb_audio_module_content, .et_quote_content { padding: 50px 60px; } .et_quote_content blockquote { padding:0; margin:0; border: none; } .et_quote_content blockquote p, .et_quote_content blockquote cite, .et_link_content h2, .et_link_content a.et_link_main_url, .et_audio_content h2, .et_pb_audio_module_content h2 { color: #fff !important; } .et_pb_text_color_dark .et_quote_content blockquote p, .et_pb_text_color_dark .et_quote_content blockquote cite, .et_pb_text_color_dark .et_link_content h2, .et_pb_text_color_dark .et_link_content a.et_link_main_url, .et_pb_text_color_dark .et_audio_content h2, .et_pb_text_color_dark .et_pb_audio_module_content h2, .et_pb_text_color_dark .et_audio_module_meta { color: #666 !important; } .et_pb_text_color_dark.et_quote_content blockquote p, .et_pb_text_color_dark.et_quote_content blockquote cite, .et_pb_text_color_dark.et_link_content h2, .et_pb_text_color_dark.et_link_content a.et_link_main_url, .et_pb_text_color_dark.et_audio_content h2, .et_pb_text_color_dark.et_pb_audio_module_content h2 { color: #bbb !important; } .et_pb_text_color_dark.et_quote_content, .et_pb_text_color_dark.et_link_content, .et_pb_text_color_dark.et_audio_content { background-color: #e8e8e8; } .et_quote_main_link { position: absolute; text-indent: -9999px; width: 100%; height: 100%; display: block; top: 0; left: 0; } .et_quote_content blockquote p, .et_link_content h2, .et_audio_content h2, .et_pb_audio_module_content h2 { font-size: 26px; margin-top: 0; } .et_quote_content blockquote p, .et_link_content h2, .et_audio_content h2 { line-height: 44px; } .et_audio_content h2 { margin-bottom: 20px; } .et_pb_column_1_2 .et_audio_content h2, .et_pb_column_1_3 .et_audio_content h2, .et_pb_column_3_8 .et_audio_content h2, .et_pb_column_1_4 .et_audio_content h2, .et_pb_blog_grid .et_audio_content h2 { margin-bottom: 9px; margin-top: 0; } .et_quote_content blockquote cite, .et_link_content a.et_link_main_url { font-size: 18px; font-weight: 200; } .et_quote_content blockquote cite { font-style: normal; } .et_pb_column_2_3 .et_quote_content { padding: 50px 42px 45px; } .et_pb_column_2_3 .et_link_content, .et_pb_column_2_3 .et_audio_content, .et_pb_column_2_3 .et_pb_audio_module_content { padding: 40px 40px 45px; } .et_pb_column_1_2 .et_quote_content { padding: 35px 40px; } .et_pb_column_1_2 .et_link_content, .et_pb_column_1_2 .et_audio_content { padding: 35px 40px; } .et_pb_column_1_2 .et_pb_audio_module_content { padding: 40px 40px 35px; } .et_pb_column_1_2 .et_quote_content blockquote p, .et_pb_column_1_2 .et_link_content h2, .et_pb_column_1_2 .et_audio_content h2, .et_pb_column_1_2 .et_pb_audio_module_content h2 { font-size: 26px; } .et_pb_column_1_2 .et_quote_content blockquote p, .et_pb_column_1_2 .et_link_content h2, .et_pb_column_1_2 .et_audio_content h2 { line-height: 32px; } .et_pb_column_1_2 .et_quote_content blockquote cite, .et_pb_column_1_2 .et_link_content a.et_link_main_url { font-size: 14px; } .et_pb_column_1_3 .et_quote_content, .et_pb_column_3_8 .et_quote_content, .et_pb_column_1_4 .et_quote_content, .et_pb_blog_grid .et_quote_content { padding: 35px 30px 32px; } .et_pb_column_1_3 .et_quote_content blockquote p, .et_pb_column_3_8 .et_quote_content blockquote p, .et_pb_column_1_4 .et_quote_content blockquote p, .et_pb_blog_grid .et_quote_content blockquote p, .et_pb_column_1_3 .et_link_content h2, .et_pb_column_3_8 .et_link_content h2, .et_pb_column_1_4 .et_link_content h2, .et_pb_blog_grid .et_link_content h2, .et_pb_column_1_3 .et_audio_content h2, .et_pb_column_3_8 .et_audio_content h2, .et_pb_column_1_4 .et_audio_content h2, .et_pb_blog_grid .et_audio_content h2 { font-size: 18px; line-height: 26px; } .et_pb_column_3_8 .et_pb_audio_module_content h2, .et_pb_column_1_3 .et_pb_audio_module_content h2 { font-size: 20px; } .et_pb_column_1_3 .et_quote_content blockquote cite, .et_pb_column_3_8 .et_quote_content blockquote cite, .et_pb_column_1_4 .et_quote_content blockquote cite, .et_pb_blog_grid .et_quote_content blockquote cite, .et_pb_column_1_3 .et_link_content a.et_link_main_url, .et_pb_column_3_8 .et_link_content a.et_link_main_url, .et_pb_column_1_4 .et_link_content a.et_link_main_url, .et_pb_blog_grid .et_link_content a.et_link_main_url { font-size: 14px; } .et_pb_column_1_3 .et_link_content, .et_pb_column_3_8 .et_link_content, .et_pb_column_1_4 .et_link_content, .et_pb_blog_grid .et_link_content, .et_pb_column_1_3 .et_audio_content, .et_pb_column_1_4 .et_audio_content, .et_pb_column_3_8 .et_audio_content, .et_pb_blog_grid .et_audio_content { padding: 35px 20px; } .et_pb_column_3_8 .et_pb_audio_module_content, .et_pb_column_1_3 .et_pb_audio_module_content { padding: 40px 20px 35px; } .et_pb_column_1_4 .et_pb_audio_module_content { padding: 30px 20px 25px; } .et_pb_column_1_4 .et_audio_content .mejs-controls div.mejs-horizontal-volume-slider, .et_pb_column_1_4 .et_audio_content .mejs-controls .mejs-horizontal-volume-total, .et_pb_column_1_4 .et_pb_audio_module_content .mejs-controls div.mejs-horizontal-volume-slider, .et_pb_column_1_4 .et_pb_audio_module_content .mejs-controls .mejs-horizontal-volume-total { width: 33px; } .et_pb_blog_grid .et_link_content, .et_pb_blog_grid .et_quote_content { margin: -20px -20px 19px; } .et_pb_blog_grid .et_audio_content { margin-bottom: 19px; } .et_audio_container .mejs-container, .et_audio_container .mejs-embed, .et_audio_container .mejs-embed body, .et_audio_container .mejs-container .mejs-controls { background: none; } .et_audio_container .mejs-time.mejs-currenttime-container, .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-loaded { display: none !important; } .et_audio_container .mejs-time.mejs-currenttime-container.custom { display: block !important;} .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total, .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgba(255, 255, 255, 0.5); border-radius: 5px; height: 4px; margin-top: 8px; } .et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total, .et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgba(153, 153, 153, 0.5); } .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { margin-top: 2px; } .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current, .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; height: inherit; border-radius: 5px; } .et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current, .et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #999; } .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { top: 13px; } .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-handle, .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: block; top: -3px; border: none; width: 10px; } .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 10px; position: absolute; top: 10px; } .et_audio_container .mejs-container .mejs-controls .mejs-time span { font-size: 18px; font-weight: 200; } .et_audio_container .mejs-controls div.mejs-horizontal-volume-slider { height: 4px; } .et_audio_container .mejs-playpause-button button, .et_audio_container .mejs-volume-button button { background: none !important; margin-left: 0 !important; width: 30px !important; height: 30px !important; } .et_audio_container .mejs-playpause-button button:before { content: "\45"; font-size: 32px; left: 0; top: -8px; } .et_audio_container .mejs-playpause-button button:before, .et_audio_container .mejs-volume-button button:before { position: absolute; color: #fff; } .et_pb_text_color_dark .et_audio_container .mejs-playpause-button button:before, .et_pb_text_color_dark .et_audio_container .mejs-volume-button button:before { color: #666; } .et_pb_text_color_dark .mejs-controls .mejs-time-rail .mejs-time-handle, .et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { background: #666; } .et_pb_text_color_dark .mejs-container .mejs-controls .mejs-time span { color: #999; } .et_audio_container .mejs-playpause-button { margin-right: 3px !important; } .et_audio_container .mejs-controls .mejs-button button:focus { outline: none; } .et_audio_container .mejs-playpause-button.mejs-pause button:before { content: "\60"; } .et_audio_container .mejs-volume-button button:before { content: "\e068"; font-size: 18px; top: -1px; left: 4px; } .et_pb_column_1_3 .et_audio_container .mejs-container .mejs-controls .mejs-time span, .et_pb_column_3_8 .et_audio_container .mejs-container .mejs-controls .mejs-time span, .et_pb_column_1_4 .et_audio_container .mejs-container .mejs-controls .mejs-time span, .et_pb_blog_grid .et_audio_container .mejs-container .mejs-controls .mejs-time span { font-size: 14px; } .et_pb_column_1_4 .et_audio_container .mejs-time.mejs-currenttime-container.custom { margin-right: 9px !important; } .et_pb_column_1_3 .et_audio_container .mejs-time.mejs-currenttime-container.custom { margin-right: -1px !important; } .et_pb_column_3_8 .et_audio_container .mejs-time.mejs-currenttime-container.custom { margin-right: 0px !important; margin-left: 9px; } .et_pb_column_1_4 .et_audio_container .mejs-time.mejs-currenttime-container.custom { margin-right: 0px !important; } .et_pb_post .et_pb_slide { min-height: 600px; background-size: cover !important; } .et_pb_column_3_4 .et_pb_post .et_pb_slide { min-height: 442px; } .et_pb_column_2_3 .et_pb_post .et_pb_slide { min-height: 390px; } .et_pb_column_1_2 .et_pb_post .et_pb_slide { min-height: 284px; } .et_pb_column_1_3 .et_pb_post .et_pb_slide, .et_pb_column_3_8 .et_pb_post .et_pb_slide { min-height: 180px; } .et_pb_column_1_4 .et_pb_post .et_pb_slide { min-height: 125px; } .et_pb_blog_grid .et_pb_post .et_pb_slide { min-height: 180px; } .et_full_width_page .et_gallery_item:nth-child(3n) { margin-right: 60px; } .et_full_width_page .et_gallery_item:nth-child(3n+1) { clear: none; } .et_full_width_page .et_gallery_item:nth-child(4n) { margin-right: 0; } .et_full_width_page .et_gallery_item:nth-child(4n+1) { clear: both; } .et_pb_audio_module { margin-bottom: 30px; position: relative; } .et_pb_audio_cover_art { position: absolute; top: 0; left: 0; height: 100%; width: 220px; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; } .et_pb_audio_module_content { margin-left: 220px; } .et_pb_audio_module_content h2 { margin-bottom: -5px; } .et_audio_module_meta { margin-bottom: 17px; color: #fff; } .et_pb_column_2_3 .et_pb_audio_cover_art { width: 180px; } .et_pb_column_2_3 .et_pb_audio_module_content { margin-left: 180px; } .et_pb_column_1_2 .et_pb_audio_cover_art, .et_pb_column_3_8 .et_pb_audio_cover_art, .et_pb_column_1_3 .et_pb_audio_cover_art, .et_pb_column_1_4 .et_pb_audio_cover_art { float: none; width: 100%; position: relative; } .et_pb_column_1_2 .et_pb_audio_module_content, .et_pb_column_3_8 .et_pb_audio_module_content, .et_pb_column_1_3 .et_pb_audio_module_content, .et_pb_column_1_4 .et_pb_audio_module_content { margin-left: 0; } .et_pb_column_1_4 .et_audio_module_meta { font-size: 12px; } .et_pb_audio_no_image .et_pb_audio_module_content { margin-left: 0; } .et_pb_column_1_2 .et_pb_audio_cover_art { height: 380px; } .et_pb_column_3_8 .et_pb_audio_cover_art { height: 275px; } .et_pb_column_1_3 .et_pb_audio_cover_art { height: 240px; } .et_pb_column_1_4 .et_pb_audio_cover_art { height: 170px; } /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ #et-top-navigation { float: right; } .nav li { position: relative; } .nav li ul { position: absolute; top: 52px; left: -27px; padding: 20px; } .et-fixed-header .nav li ul { top: 38px; } .et-fixed-header .nav li li ul { top : -3px ;} .nav li ul { z-index: 9999; width: 200px; background: #fff; visibility: hidden; opacity: 0; border-top: 3px solid #7EBEC5; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .nav li ul { -webkit-transform: translate3d(0,0,0); text-align: left; } .nav li.et-hover > ul { visibility: visible; } .nav li:hover > ul, .nav li.et-hover > ul { -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .nav li:hover > ul { opacity: 1; visibility: visible; } .nav li li { padding: 0; margin:0; } .nav li li ul { z-index: 1000; top: -3px; left: 220px; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .nav li li a, .et_mobile_menu li a { font-size: 14px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .nav ul li a:hover, .et_mobile_menu li a:hover { color: #111; background-color: rgba(0,0,0,0.03); } .et_nav_text_color_light .nav ul li a:hover, .et_nav_text_color_light .et_mobile_menu li a:hover { color: #fff !important; } #top-menu li li a { padding: 10px 20px; width: 160px; } .et_nav_text_color_light #top-menu li li a { color: rgba( 255, 255, 255, 0.7 ); } .et_nav_text_color_light #top-menu li li a:hover { color: rgba( 255, 255, 255, 1 ); } #et-secondary-nav li { position: relative; text-align: right; } #et-secondary-nav li > a { padding-bottom: 8px; } #et-secondary-nav > li > a { padding-bottom: 12px; } #et-secondary-nav li ul { position: absolute; top: 23px; left: -132px; padding: 20px; } #et-secondary-nav li ul ul { top: -20px; left: -209px; } #et-secondary-nav li ul li { display: block; margin-left: -20px; padding-left: 20px; } #et-secondary-nav li ul { z-index: 999999; background: #fff; visibility: hidden; opacity: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } #et-secondary-nav li ul { -webkit-transform: translate3d(0,0,0); } #et-secondary-nav li.et-hover > ul { visibility: visible; } #et-secondary-nav li:hover > ul, #et-secondary-menu li.et-hover > ul { -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } #et-secondary-nav li:hover > ul { opacity: 1; visibility: visible; } #et-secondary-nav li li { padding: 0; margin: 0; } #et-secondary-nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #et-secondary-nav li li a { width: 150px; font-size: 12px; line-height: 1em; margin-right: 0; padding: 10px; display: block; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #et-secondary-nav ul li a:hover { background-color: rgba(0,0,0,0.03); } /*---------------[DROPDOWN ARROWS]------------------*/ #top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after { transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); content: ' >\0000a0'; font-size: 9px; position: absolute; right: 0; top: 2px; } #top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child { padding-right: 14px;} #top-menu li li.menu-item-has-children > a:first-child:after { right: 20px;} /*---------------[MEGA MENU]------------------*/ #top-menu li.mega-menu { position: inherit; } #top-menu li.mega-menu > ul { top: 62px; padding: 30px 20px; position: absolute !important; width: 1040px !important; left:0 !important;} #top-menu li.mega-menu ul li { margin: 0; float: left!important; display: block !important; padding: 0 !important; } #top-menu li.mega-menu li > ul { padding: 0px; border: none; left: auto; top: auto; width: 240px !important; position: relative; } #top-menu li.mega-menu li ul { visibility: visible; opacity: 1; display: none; } #top-menu li.mega-menu.et-hover li ul { display: block; } #top-menu li.mega-menu:hover > ul { opacity: 1 !important; visibility: visible !important; } #top-menu li.mega-menu > ul > li > a:first-child { padding-top: 0 !important; font-weight: bold; border-bottom: 1px solid rgba(0,0,0,0.03); } #top-menu li.mega-menu > ul > li > a:first-child:hover { background-color: transparent !important; } #top-menu li.mega-menu li > a { width: 200px !important; } #top-menu li.mega-menu > ul > li { margin: 0 10px; } #top-menu li.mega-menu .menu-item-has-children > a:first-child:after { display: none; } .et-fixed-header #top-menu li.mega-menu > ul { top: 42px; } /*---------------[MOBILE MENU]------------------*/ .et_mobile_menu { position: absolute; left: 0; top: 62px; padding: 5%; background: #fff; width: 90%; visibility: visible; opacity: 1; display: none; z-index: 9999; border-top: 3px solid #7EBEC5; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .et-fixed-header .et_mobile_menu { top: 41px; } .et_mobile_menu li ul { visibility: visible !important; display: block !important; padding-left: 10px; } .et_mobile_menu li li { padding-left: 5%;} .et_mobile_menu li a { border-bottom: 1px solid rgba(0,0,0,0.03); color: #666; padding: 10px 5%; width: 90%; display: block; } .et_nav_text_color_light .et_mobile_menu li a { color: rgba( 255, 255, 255, 0.7 ); } .et_mobile_menu .menu-item-has-children > a { font-weight: bold; background-color: rgba(0,0,0,0.03); } .et_mobile_menu li .menu-item-has-children > a { background-color: transparent; } #et_mobile_nav_menu { float: right; display: none; } .mobile_menu_bar { position: relative; } .mobile_menu_bar:before { content: "\61"; font-size: 32px; left: 0; position: relative; top: 0; } .et-fixed-header .mobile_menu_bar:before { top: -6px; } /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ #comment-wrap { padding-top: 75px; } .single-project #comment-wrap { padding-top: 0px; } .comment-body { position: relative; padding: 0 110px 0 100px; margin-bottom: 48px; min-height: 87px; } .comment_avatar { left: 0; position: absolute; top: 7px; } .comment_avatar img { display: block; height: auto; max-width: 100%; width: auto; } .comment_postinfo { margin-bottom: 8px; } span.fn, span.fn a { color: #000; font-weight: 700; text-decoration: none; font-size: 16px; display: inline-block; } span.comment_date { color: #000; font-size: 14px; font-weight: 300; } .comment-reply-link { position: absolute; top: 7px; right: 0; display: block; color: #fff; } .comment-reply-link:hover, .form-submit:hover { text-decoration: none; } .comment .children { margin-left: 100px; } .comment #respond { margin: -30px 0 0; } #respond { padding-top: 17px; } #commentform { padding-bottom: 60px; } #commentform input[type="text"] { width: 47%; } #commentform textarea { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #commentform textarea, #commentform input[type="text"] { padding: 12px; color: #999; background-color: #eee; border: none; font-size: 18px; } .form-submit { float: right; } .form-submit input { display: block; } #reply-title small { display: block; font-size: 14px; font-weight: 400; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ #footer-widgets { padding-top: 80px; } .footer-widget { float: left; width: 225px; margin: 0 60px 50px 0; } .last { margin-right: 0; } #main-footer .et_pb_widget { margin: 0; } #footer-widgets .fwidget { padding-bottom: 15px; } #footer-bottom { padding: 15px 0 5px; } #footer-info { text-align: left; color: #666; padding-bottom: 10px; float: left; } .bottom-nav { padding: 15px 0; } .bottom-nav li { display: inline-block; font-size: 14px; padding-right: 22px; } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ .widget_search .screen-reader-text { display: none;} .widget_search #s{ color: #666 !important; width:58%; padding:6px 3% 7px 3%; margin:0; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-color: #ddd; } .widget_search #searchform { position: relative; } .widget_search #searchsubmit{ font-family: 'Raleway', Arial, sans-serif; font-size: 12px ; font-weight: 400 !important; color:#666; background-color: #ddd; width:34%; max-width: 90px; margin: 0 0 0 -4px; padding: 11px 10px 10px 10px !important; border: none; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; line-height: 14px; width: 63px; height: 31px !important; position: absolute; right: 5px; top: 0; line-height: 1; } .osx .widget_search #searchsubmit { height: 30px !important; } .osx.gecko .widget_search #searchsubmit { height: 29px !important; } .safari .widget_search #searchsubmit { right: 8px; } .osx.safari .widget_search #searchsubmit { height: 28px !important; } .gecko .widget_search #searchsubmit { padding: 7px 10px 10px 10px !important;} .ie .widget_search #searchsubmit { height: 30px !important; } /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 12px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]------------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 100%; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { font-weight: bold; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .pagination { clear: both; } .wp-pagenavi { text-align: right; border-top: 1px solid #e2e2e2; padding-top: 13px; clear: both; margin-bottom: 30px; } .wp-pagenavi a, .wp-pagenavi span { color: #666; margin: 0 5px; text-decoration: none; font-size: 14px !important; font-weight: 400 !important; border: none !important; } .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { color: #999 !important; } .wp-pagenavi span.current, .wp-pagenavi a:hover { color: #82c0c7 !important; } .et_pb_slider { position: relative; overflow: hidden;} .et_pb_slides:after, .et_pb_row:after, .et_pb_row_inner:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .et_pb_slider .et_pb_slide { display: none; float: left; margin-right: -100%; position: relative; width: 100%; text-align: center; -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); } .format-gallery .et_pb_slider .et_pb_slide { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .et_pb_slider .et_pb_slide, .et_pb_section { background-position: center; background-repeat: no-repeat; -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .et_pb_slider .et_pb_slide:first-child { display: list-item; } .et_pb_container { width: 1080px; margin: 0 auto; position: relative; z-index: 2; } .et_pb_slide_description { padding: 210px 100px; -webkit-animation-duration: .7s; -webkit-animation-delay: .9s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-duration: .7s; -moz-animation-delay: .9s; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; -o-animation-duration: .7s; -o-animation-delay: .9s; -o-animation-timing-function: ease-in-out; -o-animation-fill-mode: both; -ms-animation-duration: .7s; -ms-animation-delay: .9s; -ms-animation-timing-function: ease-in-out; -ms-animation-fill-mode: both; animation-duration: .7s; animation-delay: .9s; animation-timing-function: ease-in-out; animation-fill-mode: both; -webkit-animation-name: fadeBottom; -moz-animation-name: fadeBottom; -ms-animation-name: fadeBottom; -o-animation-name: fadeBottom; animation-name: fadeBottom; } .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 185px 100px; } .et_pb_bg_layout_dark .et_pb_slide_description { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .et-pb-controllers { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; z-index: 10; } .format-gallery .et-pb-controllers { bottom: 0; } .et-pb-controllers a { display: inline-block; background-color: rgba(255,255,255,0.5); text-indent: -9999px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; width: 7px; height: 7px; margin-right: 10px; } .et_pb_post .et-pb-controllers a { margin-bottom: 10px; } .et-pb-controllers a:last-child { margin-right: 0; } .et-pb-controllers .et-pb-active-control { background-color: #fff; } .et_pb_text { width: 100%; margin-bottom: 30px;} .et_pb_text p:last-of-type { padding-bottom: 0px;} .et_pb_bg_layout_dark, .et_pb_bg_layout_dark h1, .et_pb_bg_layout_dark h2, .et_pb_bg_layout_dark h3, .et_pb_bg_layout_dark h4, .et_pb_bg_layout_dark h5, .et_pb_bg_layout_dark h6 { color: #fff !important; } .et_pb_text_align_left { text-align: left; } .et_pb_text_align_center { text-align: center; } .et_pb_text_align_right { text-align: right; } .et_pb_testimonial_old_layout, .et_pb_testimonial_old_layout .et_pb_testimonial_description a { color: #666 !important; } .et_pb_slide_image { bottom: 0; width: 510px; position: absolute; } .et_pb_media_alignment_center .et_pb_slide_image { bottom: auto; top: 50%; } .et_pb_slide_image, .et_pb_slide_video { -webkit-animation-duration: .7s; -webkit-animation-delay: .6s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-duration: .7s; -moz-animation-delay: .6s; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; -o-animation-duration: .7s; -o-animation-delay: .6s;-o-animation-timing-function: ease-in-out; -o-animation-fill-mode: both; -ms-animation-duration: .7s; -ms-animation-delay: .6s; -ms-animation-timing-function: ease-in-out; -ms-animation-fill-mode: both; animation-duration: .7s; animation-delay: .6s; animation-timing-function: ease-in-out; animation-fill-mode: both; -webkit-animation-name: fadeLeft; -moz-animation-name: fadeLeft; -ms-animation-name: fadeLeft; -o-animation-name: fadeLeft; animation-name: fadeLeft; } .et_pb_slide_image img { vertical-align: bottom; } .et_pb_slide_with_image .et_pb_slide_description { width: 510px; padding-left: 0; padding-right: 0; text-align: left; padding-bottom: 200px; float: right; } .et_pb_slide_description h2 { font-weight: 300; font-size: 46px; } .et_pb_slide_content { font-size: 18px; padding-bottom: 24px; font-weight: 400; color: #333; } .et_pb_slide_content p:last-of-type { padding-bottom: 0px;} .et_pb_bg_layout_dark .et_pb_slide_content { color: #fff;} a.et_pb_more_button { color: inherit; text-shadow: none; text-decoration: none; display: inline-block; } .et_pb_section_parallax, .et_pb_slider_parallax { overflow: hidden; } .et_parallax_bg { background-repeat: no-repeat; background-position: top center; background-size: cover; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .et_pb_section_parallax .et_pb_parallax_css { background-attachment: fixed; } .et_mobile_device .et_pb_slider_parallax .et_pb_slide, .et_mobile_device .et_pb_section_parallax .et_pb_parallax_css { background-attachment: scroll; } .et_mobile_device_not_ipad .et-waypoint, .et_mobile_device_not_ipad .et_pb_counter_amount { opacity: 1 !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; animation: none !important; } .et_pb_slider_fullwidth_off { margin-bottom: 30px; } .et_pb_post .et_pb_slider { margin-bottom: 0; } .et_pb_slider_fullwidth_off .et_pb_container { width: 100% !important; } .et_pb_column_1_2 .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 120px 60px 86px; text-align: center; } .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 80px 60px; } .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 120px 60px; } .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 180px 60px; } .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_container { min-height: 170px; } .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_slide_content, .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_slide_image, .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_slide_video { display: none; } .et_pb_column_1_4 .et_pb_slider_fullwidth_off h2 { font-size: 18px; line-height: 26px; font-weight: 500;} .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_slide_description, .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { text-align: center; width: 185px; padding: 35px 20px 75px; } .et_pb_slider_fullwidth_off .et_pb_slide_image, .et_pb_slider_fullwidth_off .et_pb_slide_video { margin-left: 100px; width: 410px; } .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 409px; padding-top: 145px; padding-bottom: 145px; padding-right: 100px; } .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 307px; padding-left: 60px; padding-right: 60px; } .et_pb_column_1_2 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 390px; padding-left: 60px; padding-right: 60px; } .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description, .et_pb_column_3_8 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 200px; padding-left: 60px; padding-right: 60px; text-align: center; } .et_pb_column_3_8 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 249px; } .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 260px; padding-left: 60px; padding-right: 60px;} .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_image, .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_content, .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_more_button, .et_pb_column_1_2 .et_pb_slider_fullwidth_off .et_pb_slide_image, .et_pb_column_1_2 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_more_button, .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_video, .et_pb_column_1_2 .et_pb_slider_fullwidth_off .et_pb_slide_video, .et_pb_column_3_8 .et_pb_slider_fullwidth_off .et_pb_slide_image, .et_pb_column_3_8 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_content, .et_pb_column_3_8 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_more_button, .et_pb_column_3_8 .et_pb_slider_fullwidth_off .et_pb_slide_video { display: none; } .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_image, .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_video { width: 260px; margin-left: 60px; } .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_image, .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_video { width: 308px; margin-left: 60px; } .et_pb_column_3_4 .et_pb_slide_content, .et_pb_column_1_2 .et_pb_slide_content, .et_pb_column_1_3 .et_pb_slide_content, .et_pb_column_1_4 .et_pb_slide_content, .et_pb_column_2_3 .et_pb_slide_content { font-size: 16px;} .et_pb_column_3_4 .et_pb_slide_description h2, .et_pb_column_2_3 .et_pb_slide_description h2, .et_pb_column_1_2 .et_pb_slide_description h2 { font-weight: 500; font-size: 26px;} .et_pb_column_1_3 .et_pb_slide_description h2, .et_pb_column_3_8 .et_pb_slide_description h2 { font-weight: 500; font-size: 22px;} ul.et_pb_social_media_follow { list-style-type: none; margin: 0 0 22px; padding: 0; } .et_pb_social_media_follow li { float: left; margin-bottom: 8px; } .et_pb_social_media_follow li a { margin-right: 8px; display: block; float: left; text-decoration: none; text-align: center; } .et_pb_social_media_follow li a.follow_button { padding: 0px 12px; margin-top: 5px; margin-right: 25px; font-size: 14px; line-height: 23px; background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.5); border-radius: 3px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; } .et_pb_social_media_follow li a.follow_button:hover { background: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.6); } .et_pb_social_media_follow.et_pb_bg_layout_dark li a.follow_button { background: rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.8); } .et_pb_social_media_follow.et_pb_bg_layout_dark li a.follow_button:hover { background: rgba(0, 0, 0, 0.7); color: rgba(255, 255, 255, 1); } .et_pb_social_media_follow li a.icon { height: 32px; width: 32px; padding: 0; } .et_pb_social_media_follow li a.icon::before { height: 32px; width: 32px; font-size: 16px; line-height: 32px; display: block; color: rgba(255, 255, 255, 1); transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; } .et_pb_social_media_follow li a.icon:hover::before { color: rgba(255, 255, 255, 0.7); } .et_pb_social_media_follow li a.icon.rounded_rectangle { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .et_pb_social_media_follow li a.icon.circle { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } li.et_pb_social_icon a span { display: none; } .et-social-facebook a.icon:before { content: '\e093'; } .et-social-twitter a.icon:before { content: '\e094'; } .et-social-google-plus a.icon:before { content: '\e096'; } .et-social-pinterest a.icon:before { content: '\e095'; } .et-social-linkedin a.icon:before { content: '\e09d'; } .et-social-tumblr a.icon:before { content: '\e097'; } .et-social-instagram a.icon:before { content: '\e09a'; } .et-social-skype a.icon:before { content: '\e0a2'; } .et-social-flikr a.icon:before { content: '\e0a6'; } .et-social-myspace a.icon:before { content: '\e0a1'; } .et-social-dribbble a.icon:before { content: '\e09b'; } .et-social-youtube a.icon:before { content: '\e0a3'; } .et-social-vimeo a.icon:before { content: '\e09c'; } .et-social-rss a.icon:before { content: '\e09e'; } .et_pb_section { padding: 50px 0; position: relative; } #main-content, .et_pb_section { background-color: #fff; } .et_pb_fullwidth_section { padding: 0; } .et_pb_fullwidth_section .et_pb_row { padding: 0; } .et_pb_fullwidth_header { padding: 50px 0; } .et_pb_fullwidth_header p { padding-bottom: 0; } .et_pb_inner_shadow { -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.07); box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.07); } .et_pb_section_video { overflow: hidden; } .et_pb_section_video_bg { visibility: visible; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .et_pb_section_video_bg .mejs-controls, .et_pb_section_video_bg .mejs-overlay-play { display: none !important; } .et_pb_row { width: 1080px; margin: 0 auto; padding: 30px 0 0 0; position: relative; } .et_pb_row_inner:nth-of-type(n+2) { padding-top: 30px; } .et_pb_row.et_pb_row_empty, .et_pb_row_inner:nth-of-type(n+2).et_pb_row_empty { display: none; } .et_pb_column { float: left; margin-right: 60px; } .et_pb_column_4_4 { width: 100%; float: none; } .et_pb_column_1_2 { width: 510px; } .et_pb_column_1_3 { width: 320px; } .et_pb_column_1_4 { width: 225px; } .et_pb_column_2_3 { width: 700px; } .et_pb_column_3_4 { width: 795px; } .et_pb_column_3_8 { width: 367.5px; } .et_pb_row .et_pb_column:last-child { margin-right: 0; } .et_pb_space { border: none; } .et_pb_divider { border-top: 1px solid #eee; border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 30px 0; } .et_pb_preload > div, .et_pb_preload .et_pb_section_video_bg { visibility: hidden; } .et_pb_preload { position: relative; background: #464646 !important; } .et_pb_preload:before { content: ''; position: absolute; top: 50%; left: 50%; background: url( images/preloader.gif ) no-repeat; -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; width: 32px; height: 32px; margin: -16px 0 0 -16px; } .et-pb-icon { font-family: 'ETmodules'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 96px; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .et-pb-icon-circle { font-size: 48px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; padding: 25px; } .et-pb-icon-circle-border { border: 3px solid; } .et_pb_blurb_position_left .et_pb_blurb_content { padding-left: 52px; text-align: left; } .et_pb_blurb_position_left .et-pb-icon { font-size: 32px; margin-right: 20px; margin-top: -8px; } .et_pb_blurb_position_left .et_pb_main_blurb_image { position: absolute; top: 0; left: 0; width: 32px; } .et_pb_blurb_position_left .et-pb-icon-circle { font-size: 16px; -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; padding: 8px; } .et_pb_blurb_position_left .et-pb-icon-circle-border { border: 2px solid; } .et_pb_accordion { margin-bottom: 30px; } .et_pb_accordion .et_pb_toggle { margin-bottom: 10px; } .et_pb_accordion .et_pb_toggle:last-child { margin-bottom: 0; } .et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before { display: none; } /*------------------------------------------------*/ /*------------------[TRANSITIONS]-----------------*/ /*------------------------------------------------*/ @-webkit-keyframes fadeBottom { 0% { opacity: 0; -webkit-transform: translateY(10%);} 100% { opacity: 1; -webkit-transform: translateY(0);} } @-moz-keyframes fadeBottom { 0% { opacity: 0; -moz-transform: translateY(10%); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeBottom { 0% { opacity: 0; -o-transform: translateY(10%); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeBottom { 0% { opacity: 0; transform: translateY(10%); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeLeft { 0% { opacity: 0; -webkit-transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeLeft { 0% { opacity: 0; -moz-transform: translateX(-10%); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeLeft { 0% { opacity: 0; -o-transform: translateX(-10%); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeLeft { 0% { opacity: 0; transform: translateX(-10%); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeRight { 0% { opacity: 0; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeRight { 0% { opacity: 0; -moz-transform: translateX(10%); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeRight { 0% { opacity: 0; -o-transform: translateX(10%); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeRight { 0% { opacity: 0; transform: translateX(10%); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeTop { 0% { opacity: 0; -webkit-transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeTop { 0% { opacity: 0; -moz-transform: translateY(-10%); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeTop { 0% { opacity: 0; -o-transform: translateY(-10%); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeTop { 0% { opacity: 0; transform: translateY(-10%); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes slideWidth { 0% { width: 0; } 100% { } } @-moz-keyframes slideWidth { 0% { width: 0; } 100% { } } @-o-keyframes slideWidth { 0% { width: 0; } 100% { } } @keyframes slideWidth { 0% { width: 0; } 100% { } } .et-waypoint {opacity: 0;} .et_pb_counters { opacity: 1; margin-bottom: 30px; } .et_pb_counters, .et_pb_pricing, .et_pb_widget_area ul, .et_pb_tabs_controls { list-style: none !important; padding: 0 !important; line-height: inherit !important; } .et_pb_animation_off { opacity: 1; } .et_pb_animation_left.et-animated { opacity: 1; -webkit-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1); animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1);} .et_pb_animation_right.et-animated { opacity: 1; -webkit-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1); animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1); } .et_pb_animation_top.et-animated { opacity: 1; -webkit-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1); animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1);} .et_pb_animation_bottom.et-animated { opacity: 1; -webkit-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1); animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1); } .et_pb_animation_fade_in.et-animated { opacity: 1; -webkit-animation: fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); animation: fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); } .et-animated li span .et_pb_counter_amount { opacity: 1; -webkit-animation: slideWidth 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: slideWidth 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: slideWidth 1s 1 cubic-bezier(0.77,0,.175,1); animation: slideWidth 1s 1 cubic-bezier(0.77,0,.175,1); } .et_pb_filterable_portfolio { margin: 0 0 30px; position: relative; } .et_pb_filterable_portfolio .et_pb_portfolio_filters { clear: both; margin: 0 0 40px 0; } .et_pb_filterable_portfolio .et_pb_portfolio_filters ul { list-style-type: none; padding: 0; float: left; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li { float: left; font-size: 14px; line-height: 14px; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { color: #666666; padding: 10px 20px; border: 1px solid #E2E2E2; display: block; text-decoration: none; height: auto; overflow: hidden; margin: -1px -1px 0 0; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover { color: #666; background-color: #F4F4F4; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active { color: #82c0c7; background-color: #F9F9F9; } .et_pb_filterable_portfolio.et_pb_bg_layout_dark .et_pb_portfolio_filters li a { color: #FFF; background-color: transparent;} .et_pb_filterable_portfolio.et_pb_bg_layout_dark .et_pb_portfolio_filters li a:hover { color: #333; background-color: rgba(255,255,255,1); } .et_pb_filterable_portfolio.et_pb_bg_layout_dark .et_pb_portfolio_filters li a.active { color: #333; background-color: #FFF;} .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters, .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters { margin: 0 auto 40px; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters ul, .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters ul { float: none; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li, .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li { width: 100%; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li a, .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { margin: -1px 0 0 0; } .et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li { width: 50%; } .et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(1):nth-child(odd) a { -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 3px; border-top-right-radius: 0; border-bottom-left-radius: 3px; } .et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(1):nth-child(even) a { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 3px; border-top-right-radius: 0; border-bottom-right-radius: 3px; } .et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2) a { -webkit-border-top-right-radius: 3px !important; -moz-border-radius-topright: 3px !important; border-top-right-radius: 3px !important; } .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2 { font-size: 18px; } .et_pb_filterable_portfolio .column_width { height: 0px; width: 225px; } .et_pb_filterable_portfolio .gutter_width { height: 0px; width: 60px; } .et_pb_column_4_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_3_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_2_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_2 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item { float: left; width: 225px; margin: 0 0px 42px 0; } .et_pb_column_3_8 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_3_8 .et_pb_filterable_portfolio .column_width { width: 368px; } .et_pb_column_3_8 .et_pb_filterable_portfolio .gutter_width { width: 0px; } .et_pb_column_2_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item { width: 195px; } .et_pb_column_2_3 .et_pb_filterable_portfolio .column_width { width: 195px; } .et_pb_column_2_3 .et_pb_filterable_portfolio .gutter_width { width: 57px; } .et_pb_column_1_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item { width: 320px; } .et_pb_column_1_3 .et_pb_filterable_portfolio .column_width { width: 320px; } .et_pb_column_1_3 .et_pb_filterable_portfolio .gutter_width, .et_pb_column_1_4 .et_pb_filterable_portfolio .gutter_width { width: 0px; } .et_pb_filterable_portfolio .et_pb_portfolio_items, .et_pb_filterable_portfolio .et_pb_portfolio_items_wrapper { width: 100%; position: relative; overflow: hidden; } .et_pb_filterable_portfolio .et_pb_portfolio_items_wrapper { border-bottom: 1px solid #E2E2E2; } .et_pb_filterable_portfolio .et_pb_portofolio_pagination { float: right; height: 24px; } .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul { list-style-type: none; width: 100%; } .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li { float: left; padding: 5px; } .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a { float: left; padding: 5px; font-size: 16px; line-height: 16px; color: #999999; } .et_pb_filterable_portfolio.et_pb_bg_layout_dark .et_pb_portofolio_pagination ul li a { color: #FFFFFF; } .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active { color: #82c0c7; } .et_pb_portfolio_items_wrapper.no_pagination { border-bottom: none; } /* Gallery */ .et_pb_gallery { margin: 0 0 30px; position: relative; overflow: hidden; } .et_pb_gallery_fullwidth .et_pb_gallery_item { display: none; float: left; margin-right: -100%; position: relative; width: 100%; } .et_pb_gallery_fullwidth .et_pb_gallery_item:first-child { display: block; } .et_pb_gallery_fullwidth .et_pb_gallery_item .et_pb_gallery_image, .et_pb_gallery_fullwidth .et_pb_gallery_item .et_pb_gallery_image img { width: 100%; height: auto; } .et_pb_column_4_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 1080px; } .et_pb_column_3_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 795px; } .et_pb_column_2_3 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 700px; } .et_pb_column_1_2 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 510px; } .et_pb_column_3_8 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 368px; } .et_pb_column_1_3 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 320px; } .et_pb_column_1_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 225px; } .et_pb_gallery_grid .et_pb_gallery_items { transition: height 0.2s ease-in-out; -webkit-transition: height 0.2s ease-in-out; -moz-transition: height 0.2s ease-in-out; } .et_pb_gallery_grid .et_pb_gallery_item { float:left; margin-bottom: 53px; width: 225px;} .et_pb_gallery_grid .column_width { height: 0px; width: 225px; } .et_pb_gallery_grid .gutter_width { height: 0px; width: 60px; } .et_pb_gallery_grid .et_pb_gallery_image { overflow: hidden; height: 169px; width: 225px; margin: 0; position: relative;} .et_pb_gallery_grid .et_pb_gallery_image img { max-width: inherit; height: inherit; min-height: 169px; min-width: 225px; } .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 169px; } .et_pb_gallery_grid .et_pb_gallery_image.portrait img { width: 225px; } .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_title { font-size: 16px; padding: 10px 0; } .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_caption { font-size: 14px; } .et_pb_gallery .et_pb_gallery_items { width: 100%; overflow: hidden; } .et_pb_gallery .et_pb_gallery_pagination { width:100%; float: right; border-top: 1px solid #E2E2E2; } .et_pb_gallery .et_pb_gallery_pagination ul { list-style-type: none; float: right; margin: 0; padding: 0px; } .et_pb_gallery .et_pb_gallery_pagination ul li { float: left; } .et_pb_gallery .et_pb_gallery_pagination ul li a { float: left; padding: 10px; font-size: 16px; line-height: 16px; color: #999999; display: block; } .et_pb_gallery.et_pb_bg_layout_dark .et_pb_gallery_pagination ul li a { color: #FFFFFF; } .et_pb_gallery .et_pb_gallery_pagination ul li a.active { color: #82c0c7; } .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_3_8 .et_pb_gallery .column_width { width: 368px; } .et_pb_column_3_8 .et_pb_gallery .gutter_width { width: 0px; } .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image { height: 276px; width: 368px; } .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img { min-height: 276px; min-width: 368px; } .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img { height: 276px; } .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img { width: 368px; } .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_2_3 .et_pb_gallery .column_width { width: 195px; } .et_pb_column_2_3 .et_pb_gallery .gutter_width { width: 57px; } .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image { height: 146px; width: 195px; } .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img { min-height: 146px; min-width: 195px; } .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img { height: 146px; } .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img { width: 195px; } .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_1_3 .et_pb_gallery .column_width { width: 320px; } .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image { height:240px; width: 320px; } .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img { min-height:240px; min-width: 320px; } .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img { height:240px; } .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img { width: 320px; } .et_pb_column_1_3 .et_pb_gallery .gutter_width, .et_pb_column_1_4 .et_pb_gallery .gutter_width { width: 0px; } .mfp-fade.mfp-bg { opacity: 0.001; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0.001; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* Fullwidth Portfolio */ .et_pb_fullwidth_portfolio { margin: 0; position: relative; overflow: hidden; } .et_pb_fullwidth_portfolio .et_overlay { border: none; } .et_pb_fullwidth_portfolio .et_pb_carousel_group { display: none; float: left; width: 100%; position: relative; } .et_pb_fullwidth_portfolio .et_pb_carousel_group.active { display: block; } .et_pb_fullwidth_portfolio.et_pb_fullwidth_portfolio_grid .et_pb_carousel_group { display: block; } .et_pb_fullwidth_portfolio .et_pb_portfolio_items { width: 100%; position: relative; overflow: hidden; left: 0; top: 0; } .et_pb_fullwidth_portfolio .et_pb_portfolio_item { float:left; margin: 0; height: 0px; width: 20%; position: relative; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image { position: relative; overflow: hidden; width: 100%; height: 100%; margin: 0; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image img { max-width: inherit; height: inherit; min-height: 100%; min-width: 100%; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image.landscape img { height: 100%; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image.portrait img { width: 100%; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_overlay:before { top: 45%; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_overlay:before { top: 33%; } .et_pb_fullwidth_portfolio.et_pb_bg_layout_dark .et_pb_portfolio_image .et_overlay { background: rgba( 0, 0, 0, 0.6 ); } .et_pb_fullwidth_portfolio.et_pb_bg_layout_dark .meta p { color: #FFF ; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta { position: absolute; opacity: 0; z-index: 4; top: 0;left: 0; width: 100%; height: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); } .et_pb_fullwidth_portfolio h2 { text-align: center; margin: 30px 0; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image h3, .et_pb_fullwidth_portfolio .et_pb_portfolio_image p {display: block; position: relative; float: left; z-index: 5; width: 100%; text-align: center; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); } .et_pb_fullwidth_portfolio .et_pb_portfolio_image h3 { margin-top: 40%; padding: 0 5px; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover h3 { margin-top: 35%; } .et_pb_fullwidth_portfolio:hover .et-pb-arrow-prev { left: 22px; opacity: 1; } .et_pb_fullwidth_portfolio:hover .et-pb-arrow-next { right: 22px; opacity: 1; } .et_color_scheme_green a { color: #7cc68d; } .et_color_scheme_green .et_pb_counter_amount, .et_color_scheme_green .et_pb_featured_table .et_pb_pricing_heading, .et_color_scheme_green #top-header { background: #7cc68d !important; } .et_color_scheme_green.woocommerce a.button.alt, .et_color_scheme_green.woocommerce-page a.button.alt, .et_color_scheme_green.woocommerce button.button.alt, .et_color_scheme_green.woocommerce-page button.button.alt, .et_color_scheme_green.woocommerce input.button.alt, .et_color_scheme_green.woocommerce-page input.button.alt, .et_color_scheme_green.woocommerce #respond input#submit.alt, .et_color_scheme_green.woocommerce-page #respond input#submit.alt, .et_color_scheme_green.woocommerce #content input.button.alt, .et_color_scheme_green.woocommerce-page #content input.button.alt, .et_color_scheme_green.woocommerce a.button, .et_color_scheme_green.woocommerce-page a.button, .et_color_scheme_green.woocommerce button.button, .et_color_scheme_green.woocommerce-page button.button, .et_color_scheme_green.woocommerce input.button, .et_color_scheme_green.woocommerce-page input.button, .et_color_scheme_green.woocommerce #respond input#submit, .et_color_scheme_green.woocommerce-page #respond input#submit, .et_color_scheme_green.woocommerce #content input.button, .et_color_scheme_green.woocommerce-page #content input.button, .et_color_scheme_green .woocommerce-message, .et_color_scheme_green .woocommerce-error, .et_color_scheme_green .woocommerce-info { background: #7cc68d !important; } .et_color_scheme_green #et_search_icon:hover, .et_color_scheme_green .mobile_menu_bar:before, .et_color_scheme_green .footer-widget h4, .et_color_scheme_green .et_pb_sum, .et_color_scheme_green .et_pb_pricing li a, .et_color_scheme_green .et_pb_pricing_table_button, .et_color_scheme_green .comment-reply-link, .et_color_scheme_green .form-submit input, .et_color_scheme_green .et_pb_bg_layout_light .et_pb_newsletter_button, .et_color_scheme_green .et_pb_contact_submit, .et_color_scheme_green .et_pb_bg_layout_light .et_pb_more_button, .et_color_scheme_green .et_pb_bg_layout_light .et_pb_promo_button, .et_color_scheme_green .et_overlay:before, .et_color_scheme_green .entry-summary p.price ins, .et_color_scheme_green.woocommerce div.product span.price, .et_color_scheme_green.woocommerce-page div.product span.price, .et_color_scheme_green.woocommerce #content div.product span.price, .et_color_scheme_green.woocommerce-page #content div.product span.price, .et_color_scheme_green.woocommerce div.product p.price, .et_color_scheme_green.woocommerce-page div.product p.price, .et_color_scheme_green.woocommerce #content div.product p.price, .et_color_scheme_green.woocommerce-page #content div.product p.price, .et_color_scheme_green #top-menu li.current-menu-ancestor > a, .et_color_scheme_green #top-menu li.current-menu-item > a, .et_color_scheme_green .bottom-nav li.current-menu-item > a { color: #7cc68d !important; } .et_color_scheme_green.woocommerce .star-rating span:before, .et_color_scheme_green.woocommerce-page .star-rating span:before { color: #7cc68d !important; } .et_color_scheme_green .et-search-form, .et_color_scheme_green .nav li ul, .et_color_scheme_green .et_mobile_menu, .et_color_scheme_green .footer-widget li:before, .et_color_scheme_green .et_pb_pricing li:before { border-color: #7cc68d !important; } .et_color_scheme_pink a { color: #c37cc6; } .et_color_scheme_pink .et_pb_counter_amount, .et_color_scheme_pink .et_pb_featured_table .et_pb_pricing_heading, .et_color_scheme_pink #top-header { background: #c37cc6 !important; } .et_color_scheme_pink.woocommerce a.button.alt, .et_color_scheme_pink.woocommerce-page a.button.alt, .et_color_scheme_pink.woocommerce button.button.alt, .et_color_scheme_pink.woocommerce-page button.button.alt, .et_color_scheme_pink.woocommerce input.button.alt, .et_color_scheme_pink.woocommerce-page input.button.alt, .et_color_scheme_pink.woocommerce #respond input#submit.alt, .et_color_scheme_pink.woocommerce-page #respond input#submit.alt, .et_color_scheme_pink.woocommerce #content input.button.alt, .et_color_scheme_pink.woocommerce-page #content input.button.alt, .et_color_scheme_pink.woocommerce a.button, .et_color_scheme_pink.woocommerce-page a.button, .et_color_scheme_pink.woocommerce button.button, .et_color_scheme_pink.woocommerce-page button.button, .et_color_scheme_pink.woocommerce input.button, .et_color_scheme_pink.woocommerce-page input.button, .et_color_scheme_pink.woocommerce #respond input#submit, .et_color_scheme_pink.woocommerce-page #respond input#submit, .et_color_scheme_pink.woocommerce #content input.button, .et_color_scheme_pink.woocommerce-page #content input.button, .et_color_scheme_pink .woocommerce-message, .et_color_scheme_pink .woocommerce-error, .et_color_scheme_pink .woocommerce-info { background: #c37cc6 !important; } .et_color_scheme_pink #et_search_icon:hover, .et_color_scheme_pink .mobile_menu_bar:before, .et_color_scheme_pink .footer-widget h4, .et_color_scheme_pink .et_pb_sum, .et_color_scheme_pink .et_pb_pricing li a, .et_color_scheme_pink .et_pb_pricing_table_button, .et_color_scheme_pink .comment-reply-link, .et_color_scheme_pink .form-submit input, .et_color_scheme_pink .et_pb_bg_layout_light .et_pb_newsletter_button, .et_color_scheme_pink .et_pb_contact_submit, .et_color_scheme_pink .et_pb_bg_layout_light .et_pb_more_button, .et_color_scheme_pink .et_pb_bg_layout_light .et_pb_promo_button, .et_color_scheme_pink .et_overlay:before, .et_color_scheme_pink .entry-summary p.price ins, .et_color_scheme_pink.woocommerce div.product span.price, .et_color_scheme_pink.woocommerce-page div.product span.price, .et_color_scheme_pink.woocommerce #content div.product span.price, .et_color_scheme_pink.woocommerce-page #content div.product span.price, .et_color_scheme_pink.woocommerce div.product p.price, .et_color_scheme_pink.woocommerce-page div.product p.price, .et_color_scheme_pink.woocommerce #content div.product p.price, .et_color_scheme_pink.woocommerce-page #content div.product p.price, .et_color_scheme_pink #top-menu li.current-menu-ancestor > a, .et_color_scheme_pink #top-menu li.current-menu-item > a, .et_color_scheme_pink .bottom-nav li.current-menu-item > a { color: #c37cc6 !important; } .et_color_scheme_pink.woocommerce .star-rating span:before, .et_color_scheme_pink.woocommerce-page .star-rating span:before { color: #c37cc6 !important; } .et_color_scheme_pink .et-search-form, .et_color_scheme_pink .nav li ul, .et_color_scheme_pink .et_mobile_menu, .et_color_scheme_pink .footer-widget li:before, .et_color_scheme_pink .et_pb_pricing li:before { border-color: #c37cc6 !important; } .et_color_scheme_red a { color: #cd5c5c; } .et_color_scheme_red .et_pb_counter_amount, .et_color_scheme_red .et_pb_featured_table .et_pb_pricing_heading, .et_color_scheme_red #top-header { background: #cd5c5c !important; } .et_color_scheme_red.woocommerce a.button.alt, .et_color_scheme_red.woocommerce-page a.button.alt, .et_color_scheme_red.woocommerce button.button.alt, .et_color_scheme_red.woocommerce-page button.button.alt, .et_color_scheme_red.woocommerce input.button.alt, .et_color_scheme_red.woocommerce-page input.button.alt, .et_color_scheme_red.woocommerce #respond input#submit.alt, .et_color_scheme_red.woocommerce-page #respond input#submit.alt, .et_color_scheme_red.woocommerce #content input.button.alt, .et_color_scheme_red.woocommerce-page #content input.button.alt, .et_color_scheme_red.woocommerce a.button, .et_color_scheme_red.woocommerce-page a.button, .et_color_scheme_red.woocommerce button.button, .et_color_scheme_red.woocommerce-page button.button, .et_color_scheme_red.woocommerce input.button, .et_color_scheme_red.woocommerce-page input.button, .et_color_scheme_red.woocommerce #respond input#submit, .et_color_scheme_red.woocommerce-page #respond input#submit, .et_color_scheme_red.woocommerce #content input.button, .et_color_scheme_red.woocommerce-page #content input.button, .et_color_scheme_red .woocommerce-message, .et_color_scheme_red .woocommerce-error, .et_color_scheme_red .woocommerce-info { background: #cd5c5c !important; } .et_color_scheme_red #et_search_icon:hover, .et_color_scheme_red .mobile_menu_bar:before, .et_color_scheme_red .footer-widget h4, .et_color_scheme_red .et_pb_sum, .et_color_scheme_red .et_pb_pricing li a, .et_color_scheme_red .et_pb_pricing_table_button, .et_color_scheme_red .comment-reply-link, .et_color_scheme_red .form-submit input, .et_color_scheme_red .et_pb_bg_layout_light .et_pb_newsletter_button, .et_color_scheme_red .et_pb_contact_submit, .et_color_scheme_red .et_pb_bg_layout_light .et_pb_more_button, .et_color_scheme_red .et_pb_bg_layout_light .et_pb_promo_button, .et_color_scheme_red .et_overlay:before, .et_color_scheme_red .entry-summary p.price ins, .et_color_scheme_red.woocommerce div.product span.price, .et_color_scheme_red.woocommerce-page div.product span.price, .et_color_scheme_red.woocommerce #content div.product span.price, .et_color_scheme_red.woocommerce-page #content div.product span.price, .et_color_scheme_red.woocommerce div.product p.price, .et_color_scheme_red.woocommerce-page div.product p.price, .et_color_scheme_red.woocommerce #content div.product p.price, .et_color_scheme_red.woocommerce-page #content div.product p.price, .et_color_scheme_red #top-menu li.current-menu-ancestor > a, .et_color_scheme_red #top-menu li.current-menu-item > a, .et_color_scheme_red .bottom-nav li.current-menu-item > a { color: #cd5c5c !important; } .et_color_scheme_red .woocommerce .star-rating span:before, .et_color_scheme_red .woocommerce-page .star-rating span:before { color: #cd5c5c !important; } .et_color_scheme_red .et-search-form, .et_color_scheme_red .nav li ul, .et_color_scheme_red .et_mobile_menu, .et_color_scheme_red .footer-widget li:before, .et_color_scheme_red .et_pb_pricing li:before { border-color: #cd5c5c; } .et_color_scheme_orange a { color: #edb059; } .et_color_scheme_orange .et_pb_counter_amount, .et_color_scheme_orange .et_pb_featured_table .et_pb_pricing_heading, .et_color_scheme_orange #top-header { background: #edb059 !important; } .et_color_scheme_orange.woocommerce a.button.alt, .et_color_scheme_orange.woocommerce-page a.button.alt, .et_color_scheme_orange.woocommerce button.button.alt, .et_color_scheme_orange.woocommerce-page button.button.alt, .et_color_scheme_orange.woocommerce input.button.alt, .et_color_scheme_orange.woocommerce-page input.button.alt, .et_color_scheme_orange.woocommerce #respond input#submit.alt, .et_color_scheme_orange.woocommerce-page #respond input#submit.alt, .et_color_scheme_orange.woocommerce #content input.button.alt, .et_color_scheme_orange.woocommerce-page #content input.button.alt, .et_color_scheme_orange.woocommerce a.button, .et_color_scheme_orange.woocommerce-page a.button, .et_color_scheme_orange.woocommerce button.button, .et_color_scheme_orange.woocommerce-page button.button, .et_color_scheme_orange.woocommerce input.button, .et_color_scheme_orange.woocommerce-page input.button, .et_color_scheme_orange.woocommerce #respond input#submit, .et_color_scheme_orange.woocommerce-page #respond input#submit, .et_color_scheme_orange.woocommerce #content input.button, .et_color_scheme_orange.woocommerce-page #content input.button, .et_color_scheme_orange .woocommerce-message, .et_color_scheme_orange .woocommerce-error, .et_color_scheme_orange .woocommerce-info { background: #edb059 !important; } .et_color_scheme_orange #et_search_icon:hover, .et_color_scheme_orange .mobile_menu_bar:before, .et_color_scheme_orange .footer-widget h4, .et_color_scheme_orange .et_pb_sum, .et_color_scheme_orange .et_pb_pricing li a, .et_color_scheme_orange .et_pb_pricing_table_button, .et_color_scheme_orange .comment-reply-link, .et_color_scheme_orange .form-submit input, .et_color_scheme_orange .et_pb_bg_layout_light .et_pb_newsletter_button, .et_color_scheme_orange .et_pb_contact_submit, .et_color_scheme_orange .et_pb_bg_layout_light .et_pb_more_button, .et_color_scheme_orange .et_pb_bg_layout_light .et_pb_promo_button, .et_color_scheme_orange .et_overlay:before, .et_color_scheme_orange .entry-summary p.price ins, .et_color_scheme_orange.woocommerce div.product span.price, .et_color_scheme_orange.woocommerce-page div.product span.price, .et_color_scheme_orange.woocommerce #content div.product span.price, .et_color_scheme_orange.woocommerce-page #content div.product span.price, .et_color_scheme_orange.woocommerce div.product p.price, .et_color_scheme_orange.woocommerce-page div.product p.price, .et_color_scheme_orange.woocommerce #content div.product p.price, .et_color_scheme_orange.woocommerce-page #content div.product p.price, .et_color_scheme_orange #top-menu li.current-menu-ancestor > a, .et_color_scheme_orange #top-menu li.current-menu-item > a, .et_color_scheme_orange .bottom-nav li.current-menu-item > a { color: #edb059 !important; } .et_color_scheme_orange .woocommerce .star-rating span:before, .et_color_scheme_orange .woocommerce-page .star-rating span:before { color: #edb059 !important; } .et_color_scheme_orange .et-search-form, .et_color_scheme_orange .nav li ul, .et_color_scheme_orange .et_mobile_menu, .et_color_scheme_orange .footer-widget li:before, .et_color_scheme_orange .et_pb_pricing li:before { border-color: #edb059; } .et_color_scheme_green .et-cart-info, .et_color_scheme_pink .et-cart-info, .et_color_scheme_red .et-cart-info, .et_color_scheme_orange .et-cart-info, .et_color_scheme_green .et-social-icon a:hover, .et_color_scheme_pink .et-social-icon a:hover, .et_color_scheme_red .et-social-icon a:hover, .et_color_scheme_orange .et-social-icon a:hover, .et_color_scheme_green .et_pb_promo_button, .et_color_scheme_pink .et_pb_promo_button, .et_color_scheme_red .et_pb_promo_button, .et_color_scheme_orange .et_pb_promo_button, .et_color_scheme_green .et_pb_more_button, .et_color_scheme_pink .et_pb_more_button, .et_color_scheme_red .et_pb_more_button, .et_color_scheme_orange .et_pb_more_button, .et_color_scheme_green .et_pb_slide_description h2 a, .et_color_scheme_pink .et_pb_slide_description h2 a, .et_color_scheme_red .et_pb_slide_description h2 a, .et_color_scheme_orange .et_pb_slide_description h2 a, .et_color_scheme_green .et-pb-slider-arrows a, .et_color_scheme_pink .et-pb-slider-arrows a, .et_color_scheme_red .et-pb-slider-arrows a, .et_color_scheme_orange .et-pb-slider-arrows a, .et_color_scheme_green .et_audio_content a, .et_color_scheme_pink .et_audio_content a, .et_color_scheme_red .et_audio_content a, .et_color_scheme_orange .et_audio_content a, .et_color_scheme_green .et_link_content a, .et_color_scheme_pink .et_link_content a, .et_color_scheme_red .et_link_content a, .et_color_scheme_orange .et_link_content a, .et_color_scheme_green .et_pb_newsletter_button, .et_color_scheme_pink .et_pb_newsletter_button, .et_color_scheme_red .et_pb_newsletter_button, .et_color_scheme_orange .et_pb_newsletter_button { color: inherit !important; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.55; filter: alpha(opacity=55); margin: 0; top: 50%; margin-top: -32px; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:hover { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow-left { left: 10px; } .mfp-arrow-right { right: 10px; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-bg { z-index: 1000000; } .mfp-wrap { z-index: 1000001; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a, .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border: none; font-size: 64px; color: #fff; } .mfp-arrow-left:before, .mfp-arrow-right:before { display: none; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { content: "\34"; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { content: "\35"; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { font-size: 64px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 200; top: -10px; opacity: 0.2; } .mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover { opacity: 1; } .et_boxed_layout.et_vertical_nav #page-container #main-header { width: auto; } .et_vertical_nav.et_right_sidebar #left-area, .et_vertical_nav.et_left_sidebar #left-area { width: 700px; } .et_vertical_nav.et_right_sidebar #sidebar, .et_vertical_nav.et_left_sidebar #sidebar { width: 320px; } .et_vertical_nav.et_right_sidebar #main-content .container:before { right: 320px; } .et_vertical_nav.et_left_sidebar #main-content .container:before { left: 320px; } .et_vertical_nav.et_header_style_centered #main-header #et_top_search { display: block !important; margin: 16px auto 0; } .et_pb_no_bg { padding: 0 !important; } .et_vertical_nav #top-menu li.mega-menu > ul { top: 62px; padding: 30px 20px; position: absolute !important; width: 790px !important; left: 0 !important; } .et_vertical_nav #top-menu li.mega-menu > ul > li:nth-child(n+4) { margin-top: 30px; clear: both; } .et_vertical_nav #page-container { padding-top: 0 !important; } .mobile_nav .select_page { display: none; } #wpadminbar { z-index: 100001; } /*------------------------------------------------*/ /*---------------[RESPONSIVE LAYOUTS]-------------*/ /*------------------------------------------------*/ @media only screen and ( min-width: 1405px ) { .et_boxed_layout.et_vertical_nav #page-container { width: 1425px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_audio_module .mejs-time.mejs-currenttime-container.custom { margin-left: 0; } .et_vertical_nav.et_right_sidebar.woocommerce div.product div.images, .et_vertical_nav.et_right_sidebar.woocommerce-page div.product div.images, .et_vertical_nav.et_right_sidebar.woocommerce #content div.product div.images, .et_vertical_nav.et_right_sidebar.woocommerce-page #content div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce-page div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce #content div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce-page #content div.product div.images { width: 315px !important; } .et_vertical_nav .et_pb_column_1_2 .et_pb_blog_grid .et_audio_container .mejs-controls .mejs-time-rail,.et_vertical_nav .et_pb_column_1_2 .et_pb_blog_grid .et_audio_container .mejs-time-total { width: 140px !important; } .et_vertical_nav .et_pb_column_3_8 .et_pb_blog_grid .et_audio_container .mejs-time-rail { width: 155px !important; } .et_vertical_nav .et_pb_column_3_4 .et_pb_blog_grid .et_pb_post { width: 327px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_blog_grid .et_pb_post { width: 185px; } .et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n+1),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n+1) { clear: both !important; } .et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n) { margin-right: 60px !important; } .et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n) { margin-right: 0px !important; } .et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n+1),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n+1) { clear: none !important; } .et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item,.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item { width: 193px; } } @media only screen and ( min-width: 981px ) { .et_vertical_nav #page-container { position: relative; } .et_vertical_nav #main-header { position: fixed; padding-top: 40px !important; top: 0 !important; left: 0; width: 225px; height: 100%; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); } .et_vertical_nav #et-main-area, .et_vertical_nav #top-header { margin-left: 225px; position: relative; } .et_vertical_nav #top-header { z-index: 9999; } .et_vertical_nav #main-header .container { width: auto; margin: 0 40px; } .et_vertical_nav #main-header nav#top-menu-nav, .et_vertical_nav #main-header #top-menu, .et_vertical_nav #main-header #et-top-navigation, .et_vertical_nav #main-header #logo, .et_vertical_nav #main-header #et_top_search { float: none; } .et_vertical_nav #main-header nav#top-menu-nav { padding-top: 10px; display: block; } .et_vertical_nav #main-header #top-menu li { display: block; padding-right: 0; } .et_vertical_nav #main-header #top-menu li.mega-menu > ul { top: 190px; left: 185px !important; } .et_vertical_nav #main-header .nav li ul { top: -32px; left: 185px; } .et_vertical_nav #main-header #top-menu > li > a { padding-bottom: 19px; margin-right: -40px; padding-right: 40px; } .et_vertical_nav #main-header #top-menu > li > a:after { right: 40px; } .et_vertical_nav #main-header .nav li ul ul { top: -23px; left: 220px; } .et_vertical_nav #main-header .nav li.mega-menu ul { left: auto; top: auto; } .et_vertical_nav #main-header #logo { margin-bottom: 28px; padding: 0; max-height: none; } .et_vertical_nav #main-header .et-search-form { top: -35px; right: auto; left: 185px; } .et_vertical_nav.et_header_style_centered #main-header .et-search-form { left: 121px; } .et_vertical_nav #main-header .nav li ul, .et_vertical_nav #main-header .et-search-form { border-top: none; border-left-width: 3px; border-left-style: solid; } .et_vertical_nav #et-top-navigation .et-cart-info { float: none; display: block; } .et_vertical_nav #et_search_icon:before { top: -3px; } .et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n+1),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n+1) { clear: none; } .et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(3n) { margin-right: 60px; } .et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n) { margin-right: 0px; } .et_vertical_nav.et_right_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n+1),.et_vertical_nav.et_left_sidebar .et_post_gallery li.et_gallery_item:nth-child(2n+1) { clear: both; } } @media only screen and ( min-width: 1200px ) { .et_boxed_layout #page-container { margin: 0 auto; position: relative; -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); } .et_boxed_layout #page-container, .et_boxed_layout #page-container #main-header, .et_boxed_layout #page-container #top-header { width: 1200px; } .et_boxed_layout.et_vertical_nav #page-container #top-header { width: auto; } .et_boxed_layout #page-container #top-header { left: auto; right: auto; } } @media only screen and ( min-width: 1100px ) { .et_pb_column_3_8 .et_audio_container .mejs-time-rail { width: 159px !important; } .et_pb_column_3_8 .et_pb_blog_grid .et_audio_container .mejs-time-rail { width: 110px !important; } } /*-------------------[1080px]------------------*/ @media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { .et_vertical_nav .et_pb_row, .et_vertical_nav .container, .et_vertical_nav .et_pb_container { width: 795px; } .et_vertical_nav .et_pb_column_4_4 { width: 100%; float: none; } .et_vertical_nav .et_pb_column_1_2 { width: 367px; } .et_vertical_nav .et_pb_column_1_3 { width: 225px; } .et_vertical_nav .et_pb_column_1_4 { width: 153px; } .et_vertical_nav .et_pb_column_2_3 { width: 510px; } .et_vertical_nav .et_pb_column_3_4 { width: 580px; } .et_vertical_nav .et_pb_column_3_8 { width: 259.5px; } .et_vertical_nav .footer-widget { width: 367px; } .et_vertical_nav .footer-widget:nth-child(2n) { margin-right: 0; } .et_vertical_nav.et_right_sidebar #left-area, .et_vertical_nav.et_left_sidebar #left-area { width: 510px; } .et_vertical_nav.et_right_sidebar #sidebar, .et_vertical_nav.et_left_sidebar #sidebar { width: 225px; } .et_vertical_nav.et_right_sidebar #main-content .container:before { right: 225px; } .et_vertical_nav.et_left_sidebar #main-content .container:before { left: 225px; } .et_vertical_nav .et_pb_newsletter_description, .et_vertical_nav .et_pb_newsletter_form { padding: 0 60px; float: none; width: auto; } .et_vertical_nav .et_pb_newsletter_description { margin-bottom: 15px; } .et_vertical_nav .et_pb_column_4_4 .et_pb_widget, .et_vertical_nav .et_pb_column_3_4 .et_pb_widget { margin-right: 90px !important; } .et_vertical_nav .et_pb_column_4_4 .et_pb_widget:nth-child(3n), .et_vertical_nav .et_pb_column_3_4 .et_pb_widget:nth-child(2n) { margin-right: 0 !important; } .et_vertical_nav .et_pb_column_4_4 .et_pb_widget:nth-child(3n+1), .et_vertical_nav .et_pb_column_3_4 .et_pb_widget:nth-child(2n+1) { clear: both; } .et_vertical_nav .et_pb_column_4_4 .et_pb_widget:nth-child(4n+1), .et_vertical_nav .et_pb_column_3_4 .et_pb_widget:nth-child(3n+1) { clear: none; } .et_vertical_nav .et_pb_column_2_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_vertical_nav .et_pb_column_2_3 .et_pb_filterable_portfolio .column_width { width: 225px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_vertical_nav .et_pb_column_3_4 .et_pb_filterable_portfolio .column_width { width: 260px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_vertical_nav .et_pb_column_3_8 .et_pb_filterable_portfolio .column_width { width: 259.5px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li { width: 100%; } .et_vertical_nav .et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomleft: 0; border-top-right-radius: 3px; border-bottom-left-radius: 0; } .et_vertical_nav .et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a { -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 3px; border-top-right-radius: 0; border-bottom-left-radius: 3px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { margin: -1px 0 0 0; } .et_vertical_nav .et_pb_column_1_2 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_vertical_nav .et_pb_column_1_2 .et_pb_filterable_portfolio .column_width { width: 367px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_vertical_nav .et_pb_column_1_3 .et_pb_filterable_portfolio .column_width { width: 225px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_vertical_nav .et_pb_column_1_4 .et_pb_filterable_portfolio .column_width { width: 153px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_filterable_portfolio .gutter_width, .et_vertical_nav .et_pb_column_1_3 .et_pb_filterable_portfolio .gutter_width, .et_vertical_nav .et_pb_column_1_4 .et_pb_filterable_portfolio .gutter_width { width: 0px; } .et_vertical_nav .et_pb_column_4_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 100%; } .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 510px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 580px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 259.5px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 367px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 225px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 153px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item, .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery_grid .column_width { width: 225px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_vertical_nav .et_pb_column_3_4 .et_pb_gallery_grid .column_width { width: 260px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_item, .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_grid .column_width { width: 259.5px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item, .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_grid .column_width { width: 176px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item, .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_grid .column_width { width: 225px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_grid .column_width { width: 153px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_grid .gutter_width, .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_grid .gutter_width, .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_grid .gutter_width { width: 0px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_image { height: 169px; width: 225px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_image img { min-height: 169px; min-width: 225px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 169px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_image.portrait img { width: 225px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_image { height: 195px; width: 260px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_image img { min-height: 195px; min-width: 260px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 195px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_image.portrait img { width: 260px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_image { height: 195px; width: 259.5px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_image img { min-height: 195px; min-width: 259.5px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 195px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_image.portrait img { width: 259.5px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_image { height: 132px; width: 176px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_image img { min-height: 132px; min-width: 176px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 132px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_image.portrait img { width: 176px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_grid .gutter_width { width: 15px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_image { height: 169px; width: 225px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_image img { min-height: 169px; min-width: 225px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 169px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_image.portrait img { width: 225px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_image { height: 115px; width: 153px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_image img { min-height: 115px; min-width: 153px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 115px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_image.portrait img { width: 153px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_newsletter_form p input, .et_vertical_nav .et_pb_column_1_3 .et_pb_newsletter_button, .et_vertical_nav .et_pb_column_1_4 .et_pb_newsletter_form p input, .et_vertical_nav .et_pb_column_1_4 .et_pb_newsletter_button { font-size: 12px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 225px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 260px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 259.5px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 176px; } .et_vertical_nav .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 225px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 225px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 153px; } .et_vertical_nav .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(3n), .et_vertical_nav .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(2n) { margin-right: 0; } .et_vertical_nav .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(4n), .et_vertical_nav .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(3n) { margin-right: 60px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_circle_counter, .et_vertical_nav .et_pb_column_1_4 .et_pb_number_counter { width: 153px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_circle_counter .percent { height: 153px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_circle_counter .percent p { line-height: 153px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_map { height: 383px; width: 510px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_map { height: 436px; width: 580px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_map { height: 195px; width: 259.5px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_map { height: 276px; width: 367px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_map { height: 169px; width: 225px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_map { height: 115px; width: 153px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_blog_grid .et_pb_post { width: 185px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_blog_grid .et_pb_post { width: 220px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_blog_grid .et_pb_post { width: 221px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_blog_grid .et_pb_post { width: 328px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_blog_grid .et_pb_post { width: 186px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_blog_grid .et_pb_post { width: 113px; } .et_vertical_nav.et_right_sidebar.woocommerce div.product div.images, .et_vertical_nav.et_right_sidebar.woocommerce-page div.product div.images, .et_vertical_nav.et_right_sidebar.woocommerce #content div.product div.images, .et_vertical_nav.et_right_sidebar.woocommerce-page #content div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce-page div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce #content div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce-page #content div.product div.images { width: 250px !important; } .et_vertical_nav .et_pb_column_1_3 .et_pb_blog_grid .et_pb_post { width: 180px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_blog_grid .et_pb_post { width: 113px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_blog_grid .et_pb_post { width: 219px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_blog_grid .et_pb_post { width: 170px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_blog_grid .et_audio_container .mejs-controls .mejs-time-rail, .et_vertical_nav .et_pb_column_2_3 .et_pb_blog_grid .et_audio_container .mejs-time-total { width: 120px !important; } .et_vertical_nav .et_pb_column_2_3 .et_pb_blog_grid .mejs-container, .et_vertical_nav .et_pb_column_2_3 .et_pb_blog_grid .mejs-container .mejs-controls { height: 60px !important; } .et_vertical_nav .et_pb_column_1_2 .et_pb_blog_grid .et_pb_post,.et_vertical_nav .et_pb_column_4_4 .et_pb_blog_grid .et_pb_post { width: 327px; } /*-------------[Sliders + Vertical Navigation]------------*/ .et_vertical_nav .et_pb_slide_with_image .et_vertical_nav .et_pb_slide_image { width: 367px; } .et_vertical_nav .et_pb_slide_with_image .et_vertical_nav .et_pb_slide_video { float: left; width: 367px; padding-top: 100px; } .et_vertical_nav .et_pb_slide_with_image .et_pb_slide_description { width: 367px; padding: 100px 0; } .et_vertical_nav .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 317px; padding: 80px 60px 80px 0; } .et_vertical_nav .et_pb_slider_fullwidth_off .et_pb_slide_image, .et_vertical_nav .et_pb_slider_fullwidth_off .et_pb_slide_video { margin-left: 60px; width: 297px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 217px; padding: 60px 60px 60px 40px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_image, .et_vertical_nav .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_video { width: 198px; margin-left: 60px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 170px; padding: 60px 60px 60px 40px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_image, .et_vertical_nav .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_video { width: 180px; margin-left: 60px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 247px; padding: 60px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 179.5px; padding: 40px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 145px; padding: 40px; } } @media only screen and ( min-width: 981px ) and ( max-width: 1405px) { .et_vertical_nav .et_pb_column_3_4 .et_pb_countdown_timer .section p.value, .et_vertical_nav .et_pb_column_2_3 .et_pb_countdown_timer .section p.value { font-size: 50px; line-height: 50px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_countdown_timer .section, .et_vertical_nav .et_pb_column_2_3 .et_pb_countdown_timer .section { margin-right: 0px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_countdown_timer .section.values, .et_vertical_nav .et_pb_column_2_3 .et_pb_countdown_timer .section.values { width: 70px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_countdown_timer .section.days, .et_vertical_nav .et_pb_column_2_3 .et_pb_countdown_timer .section.days { width: 90px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_countdown_timer .section p.value { font-size: 30px; line-height: 30px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_countdown_timer .section { margin-right: 0; } .et_vertical_nav .et_pb_column_1_2 .et_pb_countdown_timer .section.values { width: 42px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_countdown_timer .section.days { width: 60px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_countdown_timer .section p.value, .et_vertical_nav .et_pb_column_3_8 .et_pb_countdown_timer .section p.value { font-size: 20px; line-height: 20px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_countdown_timer .section, .et_vertical_nav .et_pb_column_3_8 .et_pb_countdown_timer .section { margin-right: 0; } .et_vertical_nav .et_pb_column_1_3 .et_pb_countdown_timer .et_pb_countdown_timer_container, .et_vertical_nav .et_pb_column_3_8 .et_pb_countdown_timer .et_pb_countdown_timer_container { padding: 20px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_countdown_timer .section { margin-right: 0; } .et_vertical_nav .et_pb_column_1_4 .et_pb_countdown_timer .section p.value { font-size: 16px; line-height: 16px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_countdown_timer .section.values { width: 20px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_countdown_timer .section.days { width: 24px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_countdown_timer .sep { width: 0; } .et_vertical_nav .et_pb_column_1_3 .et_pb_countdown_timer .section.values, .et_pb_column_3_8 .et_pb_countdown_timer .section.values { width: 24px !important; } .et_vertical_nav .et_pb_column_1_3 .et_pb_countdown_timer .section.days, .et_pb_column_3_8 .et_pb_countdown_timer .section.days { width: 36px !important; } .et_vertical_nav .et_pb_countdown_timer .et_pb_countdown_timer_container { padding: 30px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_countdown_timer .et_pb_countdown_timer_container { padding: 10px; } /*-------------[Pricing Tables + Vertical Navigation]------------*/ .et_vertical_nav .et_pb_column_1_4 .et_pb_dollar_sign, .et_vertical_nav .et_pb_column_1_3 .et_pb_dollar_sign { top: -20px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_sum, .et_vertical_nav .et_pb_column_1_3 .et_pb_sum { font-size: 40px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_pricing_content_top, .et_vertical_nav .et_pb_column_1_3 .et_pb_pricing_content_top { padding-bottom: 20px; } /*-------------[Newsletter + Vertical Navigation]------------*/ .et_vertical_nav .et_pb_column_1_4 .et_pb_newsletter .et_pb_newsletter_description, .et_vertical_nav .et_pb_column_1_4 .et_pb_newsletter_form, .et_vertical_nav .et_pb_column_1_3 .et_pb_newsletter .et_pb_newsletter_description, .et_vertical_nav .et_pb_column_1_3 .et_pb_newsletter_form { padding: 0 20px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_newsletter, .et_vertical_nav .et_pb_column_1_3 .et_pb_newsletter { padding: 35px 0; } .et_vertical_nav .et_pb_column_4_4 .et_pb_map,.et_vertical_nav .et_pb_column_1_2 .et_pb_map, .et_vertical_nav .et_pb_column_2_3 .et_pb_map,.et_vertical_nav .et_pb_column_3_8 .et_pb_map, .et_vertical_nav .et_pb_column_3_4 .et_pb_map, .et_vertical_nav .et_pb_column_1_3 .et_pb_map { max-width: 100%; } .et_vertical_nav .et_pb_column_1_4 .et_audio_container .mejs-controls .mejs-time-rail,.et_vertical_nav .et_pb_column_1_4 .et_audio_container .mejs-time-total { width: 70px !important; } .et_vertical_nav .et_pb_column_3_8 .et_audio_container .mejs-controls .mejs-time-rail,.et_vertical_nav .et_pb_column_3_8 .et_audio_container .mejs-time-total { width: 170px !important; } .et_vertical_nav .et_pb_column_1_3 .et_audio_container .mejs-controls .mejs-time-rail,.et_vertical_nav .et_pb_column_1_3 .et_audio_container .mejs-time-total { width: 140px !important; } .et_vertical_nav .et_pb_column_1_4 .et_audio_container { padding-bottom: 40px; } .et_vertical_nav .et_pb_column_1_3 .et_audio_container .mejs-time.mejs-currenttime-container.custom { margin-left: 7px; } .et_vertical_nav .et_pb_column_3_8 .mejs-container, .et_vertical_nav .et_pb_column_3_8 .mejs-container .mejs-controls,.et_vertical_nav .et_pb_column_1_4 .mejs-container, .et_vertical_nav .et_pb_column_1_4 .mejs-container .mejs-controls,.et_vertical_nav .et_pb_column_1_3 .mejs-container, .et_vertical_nav .et_pb_column_1_3 .mejs-container .mejs-controls { height: 60px !important; } .et_vertical_nav.et_full_width_page .et_post_gallery li.et_gallery_item:nth-child(3n+1) { clear: both !important; } .et_vertical_nav.et_full_width_page .et_post_gallery li.et_gallery_item:nth-child(2n) { margin-right: 60px !important; } .et_vertical_nav.et_full_width_page .et_post_gallery li.et_gallery_item:nth-child(3n) { margin-right: 0px !important; } .et_vertical_nav.et_full_width_page .et_post_gallery li.et_gallery_item:nth-child(2n+1) { clear: none !important; } /*-------------[Sliders + Vertical Navigation]------------*/ .et_vertical_nav .et_pb_slide_description { padding: 140px 100px; } .et_vertical_nav .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 100px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 80px 60px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_description, .et_vertical_nav .et_pb_column_1_2 .et_pb_slider_fullwidth_off .et_pb_slide_description, .et_vertical_nav .et_pb_column_3_8 .et_pb_slider_fullwidth_off .et_pb_slide_description, .et_vertical_nav .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 60px; } .et_vertical_nav .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(4n+1), .et_vertical_nav .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(3n+1) { clear: none; } .et_vertical_nav .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(3n+1), .et_vertical_nav .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(2n+1) { clear: both; } .et_vertical_nav .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(3n), .et_vertical_nav .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(2n) { margin-right: 0; } .et_vertical_nav .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(3n+1), .et_vertical_nav .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(2n+1) { margin-right: 60px; } } @media only screen and ( min-width: 981px ) { .et_pb_column_2_3 .et_pb_pricing_table, .et_pb_column_1_2 .et_pb_pricing_table { width: 50%; margin-top: 60px; } .et_pb_column_2_3 .et_pb_pricing_table:nth-child(2n+1), .et_pb_column_1_2 .et_pb_pricing_table:nth-child(2n+1) { clear: both; } .et_pb_column_2_3 .et_pb_pricing_table:nth-child(1), .et_pb_column_2_3 .et_pb_pricing_table:nth-child(2), .et_pb_column_1_2 .et_pb_pricing_table:nth-child(1), .et_pb_column_1_2 .et_pb_pricing_table:nth-child(2) { margin-top: 0; } .et_pb_column_2_3 .et_pb_featured_table, .et_pb_column_1_2 .et_pb_featured_table { margin-top: -30px !important; } .et_pb_column_1_3 .et_pb_pricing_table, .et_pb_column_1_4 .et_pb_pricing_table, .et_pb_pricing_2 .et_pb_pricing_table { width: 100% !important; margin-bottom: 60px; } .et_pb_column_1_3 .et_pb_featured_table, .et_pb_column_1_4 .et_pb_featured_table { margin-top: 0; } .et_boxed_layout.et_vertical_nav #page-container #main-header { width: 225px; left: auto; } .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(4n+1), .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(3n+1), .et_pb_column_1_2 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(2n+1) { clear: both; } .et_pb_column_3_8 .et_pb_portfolio_grid .et_pb_portfolio_item, .et_vertical_nav .et_pb_column_1_2 .et_pb_portfolio_grid .et_pb_portfolio_item { float: none !important; margin-right: 0 !important; width: 100% !important; } } /*-------------------[960px]------------------*/ @media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { .et_pb_row, .container, .et_pb_container { width: 960px; } .et_pb_column_1_2 { width: 450px; } .et_pb_column_1_3 { width: 280px; } .et_pb_column_1_4 { width: 195px; } .et_pb_column_2_3 { width: 620px; } .et_pb_column_3_4 { width: 705px; } .et_pb_column_3_8 { width: 322.5px; } /*-------------------[Sliders]------------------*/ .et_pb_slide_description { padding: 185px 100px; } .et_pb_slide_with_image .et_pb_slide_description { padding-top: 185px; padding-bottom: 185px;} .et_pb_slide_content { padding-bottom: 35px; } .et_pb_slide_image { width: 450px; } .et_pb_slide_with_image .et_pb_slide_description, .et_pb_slide_video { width: 450px; } .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_container { min-height: 146px; } .et_pb_column_1_2 .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 80px 60px; } .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 60px 60px; text-align: center; } .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 80px 60px; } .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 80px 60px; } .et_pb_column_4_4 .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 120px 60px; } .et_pb_column_1_2 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 330px; } .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 160px; } .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 220px; } .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 262px; } .et_pb_column_4_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 390px; } .et_pb_column_4_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_image, .et_pb_column_4_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video { width: 390px; margin-left: 60px; } .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_image, .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video { width: 262px; } .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_image, .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video { width: 220px; } .et_pb_column_1_2 .et_pb_slide_content, .et_pb_column_1_3 .et_pb_slide_content, .et_pb_column_1_4 .et_pb_slide_content, .et_pb_column_2_3 .et_pb_slide_content { font-size: 14px;} .et_pb_column_1_2 .et_pb_slide_description h2, .et_pb_column_1_3 .et_pb_slide_description h2, .et_pb_column_1_4 .et_pb_slide_description h2, .et_pb_column_2_3 .et_pb_slide_description h2 { font-size: 18px;} .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_slide_description, .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 155px; } .et_pb_post { margin-bottom: 42px; } .et_pb_blog_grid .et_pb_post { width: 240px; } .et_pb_column_4_4 .et_pb_blog_grid .et_pb_post { width: 282px; } .et_pb_column_3_8 .et_pb_blog_grid .et_pb_post { width: 284px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_blog_grid .et_pb_post { width: 150px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_blog_grid .et_pb_post { width: 91px; } .et_vertical_nav .et_section_specialty .et_pb_column_3_8 .et_pb_blog_grid .et_pb_post { width: 186px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_blog_grid .et_pb_post { width: 185px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_blog_grid .et_pb_post { width: 360px; } .et_vertical_nav .et_pb_column_1_4 .wp-pagenavi span.pages { width: 119px !important; display: block; } /*-------------------[Sliders + Vertical Navigation]------------------*/ .et_vertical_nav .et_pb_slide_with_image .et_pb_slide_image { width: 330px; } .et_vertical_nav .et_pb_slide_with_image .et_pb_slide_video { float: left; width: 330px; padding-top: 100px; } .et_vertical_nav .et_pb_slide_with_image .et_pb_slide_description { width: 330px; padding: 80px 0; } .et_vertical_nav .et_pb_column_4_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 257px; padding: 80px 60px; } .et_vertical_nav .et_pb_column_4_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_image, .et_vertical_nav .et_pb_column_4_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video { width: 268px; margin-left: 60px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 187px; padding: 60px 60px 60px 40px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_image, .et_vertical_nav .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video { width: 167px; margin-left: 60px;} .et_vertical_nav .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 330px; padding: 60px; text-align: center; } .et_vertical_nav .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_image, .et_vertical_nav .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_video { display: none; } .et_vertical_nav .et_pb_column_1_2 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 202px; padding: 60px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 146.5px; padding: 40px; text-align: center} .et_vertical_nav .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 115px; padding: 40px; text-align: center; } /*-------------------[Portfolio]------------------*/ .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_2 .et_pb_portfolio_grid .et_pb_portfolio_item { float: left; margin: 0 60px 42px 0; } .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_column_2_3 .et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_2 .et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_4 .et_pb_portfolio_grid .et_pb_portfolio_item, .et_gallery_item { width: 195px; } .et_pb_column_2_3 .et_pb_portfolio_grid .et_pb_portfolio_item { float: left; margin: 0 17px 42px 0; } .et_pb_column_1_3 .et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_4 .et_pb_portfolio_grid .et_pb_portfolio_item { float: none; margin: 0 0 42px 0; } .et_pb_column_1_3 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 280px; } .et_pb_column_3_8 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 323px; } .et_pb_column_4_4 .et_pb_widget_area_left .et_pb_widget, .et_pb_column_4_4 .et_pb_widget_area_right .et_pb_widget { width: 165px; } .et_pb_column_3_4 .et_pb_widget_area_left .et_pb_widget, .et_pb_column_3_4 .et_pb_widget_area_right .et_pb_widget { width: 164px; } .et_pb_column_2_3 .et_pb_widget_area_left .et_pb_widget, .et_pb_column_2_3 .et_pb_widget_area_right .et_pb_widget { width: 249px; } .et_pb_column_1_2 .et_pb_widget_area_left .et_pb_widget, .et_pb_column_1_2 .et_pb_widget_area_right .et_pb_widget { width: 164px; } .et_pb_column_4_4 .et_pb_newsletter_description { width: 559px; } .et_pb_column_4_4 .et_pb_newsletter_form, .et_pb_column_3_4 .et_pb_newsletter_form, .et_pb_column_4_4 .et_pb_newsletter_form, .et_pb_column_2_3 .et_pb_newsletter_form, .et_pb_column_1_3 .et_pb_newsletter_form { width: 220px; } .et_pb_column_3_4 .et_pb_newsletter_description { width: 303px; } .et_pb_column_2_3 .et_pb_newsletter_description { width: 218px; } .et_pb_column_1_2 .et_pb_newsletter_description, .et_pb_column_1_2 .et_pb_newsletter_form { width: 330px; } .et_pb_column_1_3 .et_pb_newsletter_description { width: 220px; } .et_pb_column_3_8 .et_pb_newsletter_description, .et_pb_column_3_8 .et_pb_newsletter_form { width: 263px; } .et_pb_column_1_4 .et_pb_newsletter_description, .et_pb_column_1_4 .et_pb_newsletter_form { width: 135px; } /*-----------[Filterable Portfolio]--------------------*/ .et_pb_column_4_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_3_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_2_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_2 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item { width: 195px; } .et_pb_column_1_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item { width: 280px; } .et_pb_column_3_8 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item { width: 323px; } .et_pb_column_4_4 .et_pb_filterable_portfolio .column_width, .et_pb_column_3_4 .et_pb_filterable_portfolio .column_width, .et_pb_column_2_3 .et_pb_filterable_portfolio .column_width, .et_pb_column_1_2 .et_pb_filterable_portfolio .column_width, .et_pb_column_1_4 .et_pb_filterable_portfolio .column_width { width: 195px; } .et_pb_column_1_3 .et_pb_filterable_portfolio .column_width { width: 280px; } .et_pb_column_4_4 .et_pb_filterable_portfolio .gutter_width, .et_pb_column_3_4 .et_pb_filterable_portfolio .gutter_width, .et_pb_column_1_2 .et_pb_filterable_portfolio .gutter_width { width: 60px; } .et_pb_column_2_3 .et_pb_filterable_portfolio .gutter_width { width: 17px; } .et_pb_column_1_3 .et_pb_filterable_portfolio .gutter_width, .et_pb_column_1_4 .et_pb_filterable_portfolio .gutter_width { width: 0px; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters, .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters { margin: 0 auto 40px; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters ul, .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters ul { float: none; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li { width: 50%; } .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li { width: 100%; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(1):nth-child(odd) a, .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(2):nth-child(odd) a { -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 3px; border-top-right-radius: 0; border-bottom-left-radius: 3px; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(1):nth-child(even) a, .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(2):nth-child(even) a { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 3px; border-top-right-radius: 0; border-bottom-right-radius: 3px; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2) a { -webkit-border-top-right-radius: 3px !important; -moz-border-radius-topright: 3px !important; border-top-right-radius: 3px !important; } .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomleft: 0; border-top-right-radius: 3px; border-bottom-left-radius: 0; } .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a { -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 3px; border-top-right-radius: 0; border-bottom-left-radius: 3px; } .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { margin: -1px 0 0 0; } /*-----------[Gallery]--------------------*/ .et_pb_column_4_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 960px; } .et_pb_column_3_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 705px; } .et_pb_column_2_3 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 620px; } .et_pb_column_1_2 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 450px; } .et_pb_column_3_8 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 323px; } .et_pb_column_1_3 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 280px; } .et_pb_column_1_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 195px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_4_4 .et_pb_gallery .column_width, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_3_4 .et_pb_gallery .column_width, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_2_3 .et_pb_gallery .column_width, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_1_2 .et_pb_gallery .column_width, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_1_4 .et_pb_gallery .column_width { width: 195px; } .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_1_3 .et_pb_gallery .column_width { width: 280px; } .et_pb_column_4_4 .et_pb_gallery .gutter_width, .et_pb_column_3_4 .et_pb_gallery .gutter_width, .et_pb_column_1_2 .et_pb_gallery .gutter_width { width: 60px; } .et_pb_column_2_3 .et_pb_gallery .gutter_width { width: 17px; } .et_pb_column_1_3 .et_pb_gallery .gutter_width, .et_pb_column_1_4 .et_pb_gallery .gutter_width { width: 0px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image { height: 146px; width: 195px; } .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image { height: 210px; width: 280px; } .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image { height: 243px; width: 323px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img { min-height: 146px; min-width: 195px; } .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img { min-height: 210px; min-width: 280px; } .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img { min-height: 243px; min-width: 323px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img { height: 146px; } .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img { height: 210px; } .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img { height: 243px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img { width: 195px; } .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img { width: 280px; } .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img { width: 323px; } .et_pb_pricing_content { padding: 33px 20px 6px; } .et_right_sidebar #left-area, .et_left_sidebar #left-area { width: 705px; } .et_right_sidebar #sidebar, .et_left_sidebar #sidebar { width: 194px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 195px!important; } .woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images { width: 450px !important; } .woocommerce div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a { width: 136px !important; } .et_pb_column_4_4 .et_pb_map { width: 960px; } .et_pb_column_3_4 .et_pb_map { height: 390px; width: 705px; } .et_pb_column_3_8 .et_pb_map { height: 243px; width: 323px; } .et_pb_column_2_3 .et_pb_map { height: 345px; width: 620px; } .et_pb_column_1_2 .et_pb_map { height: 250px; width: 450px; } .et_pb_column_1_3 .et_pb_map { height: 210px; width: 280px; } .et_pb_column_1_4 .et_pb_map { height: 145px; width: 195px; } .et_right_sidebar.woocommerce div.product div.images, .et_right_sidebar.woocommerce-page div.product div.images, .et_right_sidebar.woocommerce #content div.product div.images, .et_right_sidebar.woocommerce-page #content div.product div.images, .et_left_sidebar.woocommerce div.product div.images, .et_left_sidebar.woocommerce-page div.product div.images, .et_left_sidebar.woocommerce #content div.product div.images, .et_left_sidebar.woocommerce-page #content div.product div.images { width: 322px !important; } .et_right_sidebar.woocommerce div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce-page div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce #content div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce-page #content div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce-page div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce #content div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce-page #content div.product div.images div.thumbnails a { width: 94px !important; } .et_full_width_portfolio_page .et_project_meta { width: 195px; } #sidebar .et_pb_widget { margin-left: 0; } .et_left_sidebar #sidebar .et_pb_widget { margin-right: 0; } .footer-widget { width: 195px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li, .et_vertical_nav .et_pb_column_3_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li { width: 50%; } .et_vertical_nav .et_pb_column_2_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a, .et_vertical_nav .et_pb_column_3_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .et_vertical_nav .et_pb_column_2_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(1):nth-child(odd) a, .et_vertical_nav .et_pb_column_3_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(1):nth-child(odd) a { -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 3px; border-top-right-radius: 0; border-bottom-left-radius: 3px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(1):nth-child(even) a, .et_vertical_nav .et_pb_column_3_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(1):nth-child(even) a { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 3px; border-top-right-radius: 0; border-bottom-right-radius: 3px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2) a, .et_vertical_nav .et_pb_column_3_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2) a { -webkit-border-top-right-radius: 3px !important; -moz-border-radius-topright: 3px !important; border-top-right-radius: 3px !important; } .et_vertical_nav .et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li, .et_vertical_nav .et_pb_column_1_2 .et_pb_filterable_portfolio .et_pb_portfolio_filters li { width: 100%; } .et_vertical_nav .et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a, .et_vertical_nav .et_pb_column_1_2 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomleft: 0; border-top-right-radius: 3px; border-bottom-left-radius: 0; } .et_vertical_nav .et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a, .et_vertical_nav .et_pb_column_1_2 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a { -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 3px; border-top-right-radius: 0; border-bottom-left-radius: 3px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li a, .et_vertical_nav .et_pb_column_1_2 .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { margin: -1px 0 0 0; } .et_vertical_nav .et_pb_column_2_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_vertical_nav .et_pb_column_2_3 .et_pb_filterable_portfolio .column_width { width: 216px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_filterable_portfolio .gutter_width { width: 18px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_vertical_nav .et_pb_column_3_4 .et_pb_filterable_portfolio .column_width { width: 227px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_vertical_nav .et_pb_column_3_8 .et_pb_filterable_portfolio .column_width { width: 226.5px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_vertical_nav .et_pb_column_1_2 .et_pb_filterable_portfolio .column_width { width: 322px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_vertical_nav .et_pb_column_1_3 .et_pb_filterable_portfolio .column_width { width: 195px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_vertical_nav .et_pb_column_1_4 .et_pb_filterable_portfolio .column_width { width: 131px; } .et_vertical_nav .et_pb_column_4_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 100%; } .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 450px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 514px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 226.5px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 322px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 195px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 131px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item, .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery .column_width { width: 216px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery .gutter_width { width: 18px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_vertical_nav .et_pb_column_3_4 .et_pb_gallery .column_width { width: 227px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_item, .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery .column_width { width: 226.5px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item, .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery .column_width { width: 322px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item, .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery .column_width { width: 195px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery .column_width { width: 131px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_grid .gutter_width, .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_grid .gutter_width, .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_grid .gutter_width, .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_grid .gutter_width { width: 0px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_image { height: 162px; width: 216px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_image img { min-height: 162px; min-width: 216px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 162px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_image.portrait img { width: 216px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_image { height: 170px; width: 227px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_image img { min-height: 170px; min-width: 227px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 170px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_image.portrait img { width: 227px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_image { height: 170px; width: 226.5px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_image img { min-height: 170px; min-width: 226.5px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 170px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_gallery_grid .et_pb_gallery_image.portrait img { width: 226.5px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_image { height: 234px; width: 322px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_image img { min-height: 234px; min-width: 322px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 234px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_image.portrait img { width: 322px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_image { height: 146px; width: 195px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_image img { min-height: 146px; min-width: 195px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 146px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_image.portrait img { width: 195px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_image { height: 98px; width: 131px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_image img { min-height: 98px; min-width: 131px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 98px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_image.portrait img { width: 131px; } .et_vertical_nav .et_pb_newsletter_description, .et_vertical_nav .et_pb_newsletter_form { padding: 0 60px; float: none; width: auto; } .et_vertical_nav .et_pb_newsletter_description { margin-bottom: 15px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_newsletter_description h2, .et_vertical_nav .et_pb_column_1_3 .et_pb_newsletter_description h2, .et_vertical_nav .et_pb_column_1_4 .et_pb_newsletter_description h2 { font-size: 24px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_newsletter_form p input, .et_vertical_nav .et_pb_column_3_8 .et_pb_newsletter_button, .et_vertical_nav .et_pb_column_1_3 .et_pb_newsletter_form p input, .et_vertical_nav .et_pb_column_1_3 .et_pb_newsletter_button, .et_vertical_nav .et_pb_column_1_4 .et_pb_newsletter_form p input, .et_vertical_nav .et_pb_column_1_4 .et_pb_newsletter_button { font-size: 11px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 216px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 227px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 226.5px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 322px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 195px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_portfolio_grid .et_pb_portfolio_item { width: 131px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_circle_counter, .et_vertical_nav .et_pb_column_1_3 .et_pb_number_counter { width: 195px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_circle_counter .percent { height: 195px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_circle_counter .percent p { line-height: 195px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_circle_counter, .et_vertical_nav .et_pb_column_1_3 .et_pb_number_counter { width: 195px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_circle_counter .percent { height: 195px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_circle_counter .percent p { line-height: 195px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_circle_counter, .et_vertical_nav .et_pb_column_1_4 .et_pb_number_counter { width: 131px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_circle_counter .percent { height: 131px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_circle_counter .percent p { line-height: 131px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_number_counter .percent p { font-size: 65px; line-height: 65px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_map { height: 338px; width: 450px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_map { height: 385px; width: 514px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_map { height: 170px; width: 226.5px; } .et_vertical_nav .et_pb_column_1_2 .et_pb_map { height: 234px; width: 322px; } .et_vertical_nav .et_pb_column_1_3 .et_pb_map { height: 146px; width: 195px; } .et_vertical_nav .et_pb_column_1_4 .et_pb_map { height: 98px; width: 131px; } /*-------------------[Sidebar]------------------*/ .widget_search #s{ width:64%; } .widget_search #searchsubmit{ width:24%; max-width: none; } /*-------------------[Menu]------------------*/ #top-menu li.mega-menu > ul { width: 900px !important;} #top-menu li.mega-menu li > ul, li.mega-menu ul li { width: 205px !important; } #et-secondary-menu li.mega-menu li > ul, li.mega-menu ul li { width: inherit !important; } #top-menu li.mega-menu li > a { width: 165px !important; } .et_pb_column_1_4 .et_pb_blog_grid .et_pb_post { width: 155px; } .et_pb_column_4_4 .et_pb_team_member_image, .et_pb_column_3_4 .et_pb_team_member_image, .et_pb_column_2_3 .et_pb_team_member_image { width: 280px; } .et_pb_column_4_4 .et_pb_team_member_description, .et_pb_column_3_4 .et_pb_team_member_description, .et_pb_column_2_3 .et_pb_team_member_description { margin-left: 310px; } .et_pb_column_3_8 .et_pb_team_member_image { width: auto; } .et_quote_content { padding: 50px 70px 45px; } .et_pb_column_2_3 .et_quote_content { padding: 50px 50px 45px; } .et_pb_column_1_2 .et_quote_content { padding: 35px 47px 30px; } .et_pb_column_1_3 .et_quote_content, .et_pb_column_3_8 .et_quote_content, .et_pb_column_1_4 .et_quote_content, .et_pb_blog_grid .et_quote_content { padding: 35px 25px 32px; } .et_pb_column_1_4 .et_audio_container .mejs-playpause-button button { left: -11px; } .et_pb_column_1_4 .et_audio_container .mejs-controls div.mejs-time-rail { margin-left: -14px; } .et_pb_column_3_8 .et_audio_container .mejs-time-rail { width: 114px !important; } .et_pb_column_3_8 .et_pb_blog_grid .et_audio_container .mejs-time-rail { width: 70px !important; } .et_pb_column_4_4 .et_pb_post .et_pb_slide { min-height: 534px; } .et_pb_column_3_4 .et_pb_post .et_pb_slide { min-height: 392px; } .et_pb_column_2_3 .et_pb_post .et_pb_slide { min-height: 345px; } .et_pb_column_1_2 .et_pb_post .et_pb_slide { min-height: 250px; } .et_pb_column_1_3 .et_pb_post .et_pb_slide, .et_pb_column_3_8 .et_pb_post .et_pb_slide { min-height: 155px; } .et_pb_column_1_4 .et_pb_post .et_pb_slide { min-height: 108px; } .et_pb_blog_grid .et_pb_post .et_pb_slide { min-height: 155px; } .et_pb_column_1_2 .et_pb_audio_cover_art { height: 340px; } .et_pb_column_3_8 .et_pb_audio_cover_art { height: 242px; } .et_pb_column_1_3 .et_pb_audio_cover_art { height: 210px; } .et_pb_column_1_4 .et_pb_audio_cover_art { height: 145px; } .et_vertical_nav .et_pb_row, .et_vertical_nav .container, .et_vertical_nav .et_pb_container { width: 705px; } .et_vertical_nav .et_pb_column_1_2 { width: 322px; } .et_vertical_nav .et_pb_column_1_3 { width: 195px; } .et_vertical_nav .et_pb_column_1_4 { width: 131px; } .et_vertical_nav .et_pb_column_2_3 { width: 450px; } .et_vertical_nav .et_pb_column_3_4 { width: 514px; } .et_vertical_nav .et_pb_column_3_8 { width: 226.5px; } .et_vertical_nav .footer-widget { width: 322px; } .et_vertical_nav .footer-widget:nth-child(2n) { margin-right: 0; } .et_vertical_nav #main-header { width: 225px; } .et_vertical_nav #et-main-area { margin-left: 225px; } .et_vertical_nav.et_right_sidebar #left-area, .et_vertical_nav.et_left_sidebar #left-area { width: 450px; } .et_vertical_nav.et_right_sidebar #sidebar, .et_vertical_nav.et_left_sidebar #sidebar { width: 165px; margin-left: 30px; } .et_vertical_nav.et_left_sidebar #sidebar { margin: 0 30px 0 0; width: 165px; } .et_vertical_nav.et_right_sidebar #main-content .container:before { right: 195px; } .et_vertical_nav.et_left_sidebar #main-content .container:before { left: 195px; } .et_vertical_nav #top-menu li.mega-menu > ul { width: 675px !important; } .et_vertical_nav .et_pb_newsletter_description, .et_vertical_nav .et_pb_newsletter_form { padding: 0 60px; float: none; width: auto; } .et_vertical_nav .et_pb_newsletter_description { margin-bottom: 15px; } .et_vertical_nav .et_pb_column_4_4 .et_pb_widget, .et_vertical_nav .et_pb_column_3_4 .et_pb_widget { margin-right: 90px !important; } .et_vertical_nav .et_pb_column_4_4 .et_pb_widget:nth-child(3n), .et_vertical_nav .et_pb_column_3_4 .et_pb_widget:nth-child(2n) { margin-right: 0 !important; } .et_vertical_nav .et_pb_column_4_4 .et_pb_widget:nth-child(3n+1), .et_vertical_nav .et_pb_column_3_4 .et_pb_widget:nth-child(2n+1) { clear: both; } .et_vertical_nav .et_pb_column_4_4 .et_pb_widget:nth-child(4n+1), .et_vertical_nav .et_pb_column_3_4 .et_pb_widget:nth-child(3n+1) { clear: none; } .et_vertical_nav .et_pb_column_3_4 .et_audio_container .mejs-controls .mejs-time-rail,.et_vertical_nav .et_pb_column_3_4 .et_audio_container .mejs-time-total { width: 140px !important; } .et_vertical_nav .et_pb_column_2_3 .et_audio_container .mejs-controls .mejs-time-rail,.et_vertical_nav .et_pb_column_2_3 .et_audio_container .mejs-time-total { width: 155px !important; } .et_vertical_nav .et_pb_column_1_3 .et_audio_container .mejs-controls .mejs-time-rail,.et_vertical_nav .et_pb_column_1_3 .et_audio_container .mejs-time-total { width: 120px !important; } .et_vertical_nav .et_pb_column_1_3 .et_audio_container .mejs-time.mejs-currenttime-container.custom { margin-left: 7px; } .et_vertical_nav .et_pb_column_1_4 .et_audio_container .mejs-controls .mejs-horizontal-volume-slider { width: 18px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_posts .et_audio_container .mejs-controls .mejs-time-rail, .et_vertical_nav .et_pb_column_2_3 .et_pb_posts .et_audio_container .mejs-time-total { width: 193px !important; margin-right: 9px; } .et_vertical_nav .et_pb_column_3_4 .et_pb_posts .et_audio_container .mejs-controls .mejs-time-rail, .et_vertical_nav .et_pb_column_3_4 .et_pb_posts .et_audio_container .mejs-time-total { width: 217px !important; margin-right: 9px; } .et_vertical_nav .et_pb_column_3_8 .et_pb_posts .et_audio_container .mejs-controls .mejs-time-rail, .et_vertical_nav .et_pb_column_3_8 .et_pb_posts .et_audio_container .mejs-time-total { width: 147px !important; } .et_vertical_nav .et_pb_column_3_4 .et_pb_blog_grid .et_audio_container .mejs-controls .mejs-time-rail, .et_vertical_nav .et_pb_column_3_4 .et_pb_blog_grid .et_audio_container .mejs-time-total { width: 130px !important; } .et_vertical_nav .et_pb_column_1_3 .et_pb_blog_grid .et_audio_container .mejs-controls .mejs-time-rail, .et_vertical_nav .et_pb_column_1_3 .et_pb_blog_grid .et_audio_container .mejs-time-total { width: 110px !important; } .et_vertical_nav .et_pb_column_2_3 .et_pb_blog_grid .et_audio_container .mejs-controls .mejs-time-rail, .et_vertical_nav .et_pb_column_2_3 .et_pb_blog_grid .et_audio_container .mejs-time-total { width: 110px !important; margin-right: 9px; } .et_vertical_nav .et_pb_column_4_4 .et_pb_blog_grid .et_pb_post,.et_vertical_nav .et_pb_column_1_2 .et_pb_blog_grid .et_pb_post { width: 281px; } .et_vertical_nav .et_pb_column_2_3 .et_pb_blog_grid .et_pb_post { width: 155px; } .et_pb_column_1_4 .et_pb_contact_right { margin-right: 5px; } .et_vertical_nav.et_right_sidebar.woocommerce div.product div.images, .et_vertical_nav.et_right_sidebar.woocommerce-page div.product div.images, .et_vertical_nav.et_right_sidebar.woocommerce #content div.product div.images, .et_vertical_nav.et_right_sidebar.woocommerce-page #content div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce-page div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce #content div.product div.images, .et_vertical_nav.et_left_sidebar.woocommerce-page #content div.product div.images { width: 215px !important; } .et_vertical_nav .et_pb_column_3_4 .mejs-container, .et_vertical_nav .et_pb_column_3_4 .mejs-container .mejs-controls { height: 60px !important; } } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { #sidenav { display: none; } .et_pb_blurb_content, .et_pb_promo { text-align: center; } .et_pb_space {display: none;} .et_pb_row, .container, .et_pb_container { width: 690px; } .et_pb_column {padding-bottom: 30px;} .et_pb_column.et_pb_column_empty { display: none; } .et_pb_section { padding: 50px 0 20px 0;} .et_pb_fullwidth_section { padding: 0; } .et_pb_column_1_2, .et_pb_column_1_3, .et_pb_column_1_4, .et_pb_column_2_3, .et_pb_column_3_4, .et_pb_column_3_8 { width: 100%; margin-right: 0; } /*-------------------[Portfolio]------------------*/ .et_pb_portfolio_grid .et_pb_portfolio_item, .et_gallery_item { width: 315px !important; } .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(2n), .et_gallery_item:nth-child(2n) { margin-right: 0 !important; } .et_gallery_item:nth-child(2n+1) { clear: both; } .et_gallery_item:nth-child(3n+1) { clear: none; } .et_pb_column_3_4 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(3n), .et_pb_column_2_3 .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(3n), .et_gallery_item:nth-child(3n) { margin-right: 60px;} /*-----------[Filterable Portfolio]--------------------*/ .et_pb_column_4_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_3_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_2_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_2 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item { width: 315px; margin: 0 0 42px 0; } .et_pb_column_4_4 .et_pb_filterable_portfolio .column_width, .et_pb_column_3_4 .et_pb_filterable_portfolio .column_width, .et_pb_column_2_3 .et_pb_filterable_portfolio .column_width, .et_pb_column_1_2 .et_pb_filterable_portfolio .column_width, .et_pb_column_1_3 .et_pb_filterable_portfolio .column_width, .et_pb_column_1_4 .et_pb_filterable_portfolio .column_width { width: 315px; } .et_pb_column_4_4 .et_pb_filterable_portfolio .gutter_width, .et_pb_column_3_4 .et_pb_filterable_portfolio .gutter_width, .et_pb_column_2_3 .et_pb_filterable_portfolio .gutter_width, .et_pb_column_1_2 .et_pb_filterable_portfolio .gutter_width, .et_pb_column_1_3 .et_pb_filterable_portfolio .gutter_width, .et_pb_column_1_4 .et_pb_filterable_portfolio .gutter_width { width: 60px; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters, .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters { margin: 0 0 40px 0; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters ul, .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters ul { float: left; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li, .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li { width: auto; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li a, .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { margin: -1px -1px 0 0; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a { -webkit-border-bottom-left-radius: 3px !important; -webkit-border-top-right-radius: 0 !important; -moz-border-radius-bottomleft: 3px !important; -moz-border-radius-topright: 0 !important; border-bottom-left-radius: 3px !important; border-top-right-radius: 0 !important; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a { -webkit-border-top-right-radius: 3px !important; -webkit-border-bottom-right-radius: 3px !important; -webkit-border-bottom-left-radius: 0 !important; moz-border-radius-topright: 3px !important; -moz-border-radius-bottomright: 3px !important; moz-border-radius-bottomleft: 0 !important; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; border-bottom-left-radius: 0 !important; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(1):nth-child(odd) a, .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(2):nth-child(odd) a { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(1):nth-child(even) a, .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(2):nth-child(even) a { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 3px; border-top-right-radius: 0; border-bottom-right-radius: 3px; } .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2) a { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; } /*-----------[Gallery]--------------------*/ .et_pb_column_4_4 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_3_4 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_2_3 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_1_2 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_1_3 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_1_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 688px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_4_4 .et_pb_gallery .column_width, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_3_4 .et_pb_gallery .column_width, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_2_3 .et_pb_gallery .column_width, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_1_2 .et_pb_gallery .column_width, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_1_3 .et_pb_gallery .column_width, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_1_4 .et_pb_gallery .column_width { width: 208px; } .et_pb_column_4_4 .et_pb_gallery .gutter_width, .et_pb_column_3_4 .et_pb_gallery .gutter_width, .et_pb_column_1_2 .et_pb_gallery .gutter_width, .et_pb_column_2_3 .et_pb_gallery .gutter_width, .et_pb_column_1_3 .et_pb_gallery .gutter_width, .et_pb_column_1_4 .et_pb_gallery .gutter_width { width: 32px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image { height: 156px; width: 208px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img { min-height: 156px; min-width: 208px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img { height: 156px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img { width: 208px; } /*-------------------[Sliders]------------------*/ .et_pb_slide_description { padding: 130px 67px; } .et_pb_slide_with_image .et_pb_slide_description { padding-top: 130px; padding-bottom: 130px;} .et_pb_slide_description h2, .et_pb_column_1_4 .et_pb_slider_fullwidth_off h2 { font-size: 26px; padding-bottom: 6px; font-weight: 500 !important; } .et_pb_slide_content { font-size: 16px; padding-bottom: 34px; font-weight: 400; } .et_pb_slide_image { width: 315px; } .et_pb_slide_with_image .et_pb_slide_description, .et_pb_slide_video { width: 315px; } .et_pb_slide_video { padding-top: 150px; } .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 130px 62px !important; } .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_container { min-height: auto; } .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_slide_content { display: block; } .et_pb_post { margin-bottom: 42px; } .et_pb_blog_grid .et_pb_post { margin: 0 32px 60px 0; width: 289px; } .et_pb_column_1_4 .et_pb_blog_grid .et_pb_post { width: 289px; } .et_pb_widget { float: none; margin: 0 0 40px 0; width: 100%!important; } .et_pb_widget_area_left { border-right: none; } .et_pb_widget_area_right { border-left: none; } .et_pb_column_4_4 .et_pb_widget_area_right .et_pb_widget, .et_pb_column_3_4 .et_pb_widget_area_right .et_pb_widget, .et_pb_column_2_3 .et_pb_widget_area_right .et_pb_widget, .et_pb_column_1_2 .et_pb_widget_area_right .et_pb_widget, .et_pb_column_1_3 .et_pb_widget_area_right .et_pb_widget, .et_pb_column_1_4 .et_pb_widget_area_right .et_pb_widget { margin: 0 0 40px; } .et_pb_newsletter_description { width: 570px !important; padding-bottom: 30px; } .et_pb_newsletter_form { width: 570px !important; padding-left: 60px !important; } .et_pb_column_4_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description, .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description, .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description, .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description, .et_pb_column_1_2 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description, .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description, .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_description { width: 255px; } .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_slide_description { width: 566px; } .et_pb_column_4_4 .et_pb_slider_fullwidth_off .et_pb_slide_image, .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_image, .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_image, .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_image, .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_image, .et_pb_column_1_2 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_image, .et_pb_column_4_4 .et_pb_slider_fullwidth_off .et_pb_slide_video, .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video, .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video, .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video, .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video, .et_pb_column_1_2 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video { width: 255px; margin-left: 60px; } .et_pb_column_4_4 .et_pb_slider_fullwidth_off .et_pb_slide_video, .et_pb_column_3_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video, .et_pb_column_1_4 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video, .et_pb_column_1_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video, .et_pb_column_2_3 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video, .et_pb_column_1_2 .et_pb_slider_fullwidth_off .et_pb_slide_with_image .et_pb_slide_video { margin-left: 56px; } .et_pb_more_button { display: inline-block !important; } .et_pb_slide_image, .et_pb_slide_video { display: block !important; } .et_pb_pricing_table { width: 50%!important; } .et_pb_pricing_table:nth-child(3), .et_pb_pricing_table:nth-child(4) { margin-top: 60px; } .et_pb_pricing .et_pb_featured_table:nth-child(3), .et_pb_pricing .et_pb_featured_table:nth-child(4) { margin-top: 30px !important; } .et_pb_pricing_table:nth-child(2n+1) { clear: both; } .et_right_sidebar #left-area, .et_right_sidebar #sidebar, .et_left_sidebar #left-area, .et_left_sidebar #sidebar { width: auto; float: none; } .et_right_sidebar #left-area { margin-right: 0; } .et_left_sidebar #left-area { margin-left: 0; } .et_right_sidebar #sidebar { margin-left: 0; border-left: none; } .et_left_sidebar #sidebar { margin-right: 0; border-right: none; } .et_right_sidebar #sidebar .et_pb_widget, .et_left_sidebar #sidebar .et_pb_widget { margin: 0 0 30px; } #main-content .container:before { display: none !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 208px!important; margin: 0 32px 53px 0!important; } .woocommerce .cart-collaterals > div, .woocommerce .cart-collaterals > form { width: 100% !important; float: none !important; } .shop_table .coupon { margin-bottom: 25px !important; } .checkout .form-row, .checkout .col-1, .checkout .col-2 { float: none !important; width: auto !important; } .checkout .col-1, .checkout .col-2 { margin-bottom: 25px !important; } .et_full_width_page.woocommerce ul.products li.product.last, .et_full_width_page.woocommerce-page ul.products li.product.last, .et_pb_pagebuilder_layout ul.products li.product.last, .et_pb_pagebuilder_layout ul.products li.product.last { margin-right: 32px !important; } .et_full_width_page.woocommerce ul.products li.first, .et_full_width_page.woocommerce-page ul.products li.first, .et_pb_pagebuilder_layout ul.products li.first, .et_pb_pagebuilder_layout ul.products li.first { clear: none !important; } .et_full_width_page.woocommerce ul.products li.product:nth-child(3n), .et_full_width_page.woocommerce-page ul.products li.product:nth-child(3n), .et_pb_pagebuilder_layout ul.products li.product:nth-child(3n), .et_pb_pagebuilder_layout ul.products li.product:nth-child(3n) { margin-right: 0 !important; } .et_full_width_page.woocommerce ul.products li.product:nth-child(3n+1), .et_full_width_page.woocommerce-page ul.products li.product:nth-child(3n+1), .et_pb_pagebuilder_layout ul.products li.product:nth-child(3n+1), .et_pb_pagebuilder_layout ul.products li.product:nth-child(3n+1) { clear: both; } .et_pb_fullwidth_section .et_pb_map { height: 330px; } .et_pb_column_4_4 .et_pb_map, .et_pb_column_3_4 .et_pb_map, .et_pb_column_2_3 .et_pb_map, .et_pb_column_1_2 .et_pb_map, .et_pb_column_1_3 .et_pb_map, .et_pb_column_1_4 .et_pb_map { height: 330px; width: 688px; } .woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images { width: 328px !important; } .woocommerce div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a { width: 96px !important; } .et_right_sidebar.woocommerce div.product div.images, .et_right_sidebar.woocommerce-page div.product div.images, .et_right_sidebar.woocommerce #content div.product div.images, .et_right_sidebar.woocommerce-page #content div.product div.images, .et_left_sidebar.woocommerce div.product div.images, .et_left_sidebar.woocommerce-page div.product div.images, .et_left_sidebar.woocommerce #content div.product div.images, .et_left_sidebar.woocommerce-page #content div.product div.images { width: 328px !important; } .et_right_sidebar.woocommerce div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce-page div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce #content div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce-page #content div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce-page div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce #content div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce-page #content div.product div.images div.thumbnails a { width: 96px !important; } .et_full_width_portfolio_page .et_project_meta { float: none; width: 100%; margin-top: -20px; border-top: none; padding: 0 0 39px; } .et_pb_image { margin-left: auto; margin-right: auto; display: block; } .footer-widget { width: 330px; margin: 0 30px 30px 0; } .footer-widget:nth-child(2n) { margin-right: 0; } .fwidget { padding-bottom: 30px; } .et_pb_column_3_8 .et_pb_contact_left p, .et_pb_column_1_3 .et_pb_contact_left p, .et_pb_column_1_4 .et_pb_contact_left p { width: 48.5%; float: left; margin-right: 3%; } .et_pb_column_3_8 .et_pb_contact_left p:last-child, .et_pb_column_1_3 .et_pb_contact_left p:last-child, .et_pb_column_1_4 .et_pb_contact_left p:last-child { margin-right: 0; } /*-------------------[Menu]------------------*/ #et_mobile_nav_menu { display: block; } #main-header #et_mobile_nav_menu { margin-top: 8px; } #top-menu { display: none; } #main-header { padding-bottom: 18px; } #logo { margin-bottom: 0; max-height: 43px; } #et_top_search { margin-right: 35px; float: left; } .et_header_style_centered #et_top_search, .et_vertical_nav.et_header_style_centered #main-header #et_top_search { display: none !important; } #et-top-navigation { margin-right: 0; } .et_fixed_nav #main-header, .et_fixed_nav #top-header { position: absolute; } .et_fixed_nav #main-header { -webkit-transition: none; -moz-transition: none; transition: none; } .et-fixed-header { padding: 18px 0 19px 0 !important; min-height: 43px !important; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important; } .et-fixed-header #logo { max-height: 43px; } .et-fixed-header nav#top-menu-nav { padding-top: 11px;} .et-social-icons, #footer-info { float: none; text-align: center; } .et-social-icons { margin: 0 0 5px; } #top-header .et-social-icons { margin-bottom: 0; } .bottom-nav { text-align: center; } .et_pb_column_1_4 .et_pb_countdown_timer .et_pb_countdown_timer_container, .et_pb_column_1_2 .et_pb_countdown_timer .et_pb_countdown_timer_container, .et_pb_column_1_3 .et_pb_countdown_timer .et_pb_countdown_timer_container, .et_pb_countdown_timer .et_pb_countdown_timer_container, .et_pb_column_3_8 .et_pb_countdown_timer .et_pb_countdown_timer_container { margin: 0 auto 30px; padding: 40px; } .et_pb_column_1_4 .et_pb_countdown_timer .title, .et_pb_column_1_2 .et_pb_countdown_timer .title, .et_pb_column_1_3 .et_pb_countdown_timer .title, .et_pb_countdown_timer .title, .et_pb_column_3_8 .et_pb_countdown_timer .title { font-size: 22px; margin: 0 0 30px; } .et_pb_column_1_4 .et_pb_countdown_timer .section, .et_pb_column_1_2 .et_pb_countdown_timer .section, .et_pb_column_1_3 .et_pb_countdown_timer .section, .et_pb_countdown_timer .section, .et_pb_column_3_8 .et_pb_countdown_timer .section { margin-right: 15px; } .et_pb_column_1_4 .et_pb_countdown_timer .section.values, .et_pb_column_1_2 .et_pb_countdown_timer .section.values, .et_pb_column_1_3 .et_pb_countdown_timer .section.values, .et_pb_countdown_timer .section.values, .et_pb_column_3_8 .et_pb_countdown_timer .section.values { width: 76px; } .et_pb_column_1_4 .et_pb_countdown_timer .section.days, .et_pb_column_1_2 .et_pb_countdown_timer .section.days, .et_pb_column_1_3 .et_pb_countdown_timer .section.days, .et_pb_countdown_timer .section.days, .et_pb_column_3_8 .et_pb_countdown_timer .section.days { width: 124px; } .et_pb_column_1_4 .et_pb_countdown_timer .section p, .et_pb_column_1_2 .et_pb_countdown_timer .section p, .et_pb_column_1_3 .et_pb_countdown_timer .section p, .et_pb_countdown_timer .section p, .et_pb_column_3_8 .et_pb_countdown_timer .section p { font-size: 64px; line-height: 64px; } .et_pb_column_1_4 .et_pb_countdown_timer .section p.label, .et_pb_column_1_2 .et_pb_countdown_timer .section p.label, .et_pb_column_1_3 .et_pb_countdown_timer .section p.label, .et_pb_countdown_timer .section p.label, .et_pb_column_3_8 .et_pb_countdown_timer .section p.label { font-size: 14px; line-height: 25px; } .et_pb_team_member_description, .et_pb_column_3_8 .et_pb_team_member_description { margin-left: 310px !important; } .et_pb_column_3_8 .et_pb_team_member_no_image .et_pb_team_member_description { margin-left: 0 !important; } .et_pb_fullwidth_menu #top-menu-nav { display: none; } .et_pb_fullwidth_menu .et_pb_row { min-height: 81px; } .et_pb_fullwidth_menu #et_mobile_nav_menu { float: none; } .et_pb_fullwidth_menu .mobile_menu_bar:before { top: 23px; } .et_pb_fullwidth_menu .et_mobile_menu { top: 81px; padding: 5%; } .et_pb_fullwidth_menu .et_mobile_menu ul { padding: 0; } .et_pb_fullwidth_menu .et_mobile_menu, .et_pb_fullwidth_menu .et_mobile_menu ul { list-style: none; text-align: left; } .et_vertical_nav.et_right_sidebar #left-area, .et_vertical_nav.et_left_sidebar #left-area { width: auto; } .et_pb_column_1_2 .et_pb_countdown_timer .sep, .et_pb_column_1_3 .et_pb_countdown_timer .sep, .et_pb_column_1_4 .et_pb_countdown_timer .sep, .et_pb_column_3_8 .et_pb_countdown_timer .sep { top: -28px; } #et-secondary-nav { display: none; } .et_vertical_nav #et-top-navigation .et-cart-info { margin-left: -38px; } .et_header_style_centered #et_mobile_nav_menu { float: none; position: relative; } .et_header_style_centered #logo { padding: 2px 0 5px; } .et_header_style_centered nav#top-menu-nav { display: none; } .et_header_style_centered #main-header .mobile_nav { display: block; text-align: left; background-color: rgba(0,0,0,0.05); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 10px; } .et_header_style_centered .mobile_nav .select_page { display: inline-block; color: #666; } .et_header_style_centered .mobile_menu_bar { position: absolute; right: 5px; top: 2px; } .et_header_style_centered .et_mobile_menu { top: 51px; } .et_pb_column_3_8 .et_pb_blog_grid .et_audio_container .mejs-time.mejs-currenttime-container.custom {margin-left: 0; } .et_pb_column_1_3 .et_audio_container .mejs-container .mejs-controls .mejs-time span, .et_pb_column_3_8 .et_audio_container .mejs-container .mejs-controls .mejs-time span, .et_pb_column_1_4 .et_audio_container .mejs-container .mejs-controls .mejs-time span, .et_pb_blog_grid .et_audio_container .mejs-container .mejs-controls .mejs-time span { font-size: 18px; } .et_pb_column_1_3 .et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_4 .et_pb_portfolio_grid .et_pb_portfolio_item { float: left; margin: 0 60px 42px 0; } .et_pb_portfolio_grid .et_pb_portfolio_item:nth-child(2n+1) { clear: both; } .et_fixed_nav_temp #main-header, .et_secondary_nav_only_menu #main-header { top: 0 !important; } .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header { top: 32px !important; } .et_secondary_nav_only_menu #top-header { display: none; } } @media only screen and ( min-width: 768px ) and ( max-width: 980px ) { .et_pb_column_1_3 .et_pb_tabs_controls, .et_pb_column_1_4 .et_pb_tabs_controls { border-bottom: 1px solid #d9d9d9; } .et_pb_column_1_3 .et_pb_tabs_controls li, .et_pb_column_1_4 .et_pb_tabs_controls li { float: left; border-right: 1px solid #d9d9d9; border-bottom: none; } .woocommerce ul.products li.product:nth-child(2n) { float: left; } .woocommerce ul.products li.product{ clear: none !important; } .woocommerce ul.products li.product:nth-child(3n+1){clear: both !important;} .et_pb_column_1_3 .et_pb_tabs_controls, .et_pb_column_1_4 .et_pb_tabs_controls, .et_pb_column_3_8 .et_pb_tabs_controls { border-bottom: 1px solid #d9d9d9; } .et_pb_column_1_3 .et_pb_tabs_controls li, .et_pb_column_1_4 .et_pb_tabs_controls li, .et_pb_tabs_controls li, .et_pb_tabs_controls li:last-child, .et_pb_column_3_8 .et_pb_tabs_controls li { float: left; border-right: 1px solid #d9d9d9; border-bottom: none; } .et_pb_column_1_3 .et_pb_newsletter_description, .et_pb_column_1_4 .et_pb_newsletter_description, .et_pb_column_3_8 .et_pb_newsletter_description { padding: 0 60px 15px; } .et_pb_testimonial_no_image .et_pb_testimonial_description, .et_pb_column_1_3 .et_pb_testimonial_description, .et_pb_column_1_4 .et_pb_testimonial_description, .et_pb_column_3_8 .et_pb_testimonial_description { padding-left: 120px; } .et_pb_column_1_3 .et_pb_testimonial_portrait, .et_pb_column_1_4 .et_pb_testimonial_portrait, .et_pb_column_3_8 .et_pb_testimonial_portrait { float: left; width: 90px; margin: 0 ; } .et_pb_column .et_pb_team_member_image { float: left !important; width: 280px !important; margin: 0 30px 0 0 !important; text-align: left !important; } .et_quote_content { padding: 50px 43px 45px !important; } .et_quote_content blockquote p { font-size: 26px !important; line-height: 44px !important; } .et_quote_content blockquote cite { font-size: 18px !important; } .et_pb_blog_grid .et_quote_content { padding: 35px 30px !important; } .et_pb_blog_grid .et_quote_content blockquote p { font-size: 20px !important; line-height: 26px !important; } .et_pb_blog_grid .et_quote_content blockquote cite { font-size: 14px !important; } .et_link_content { padding: 40px 40px 45px; } .et_link_content h2 { font-size: 26px !important; line-height: 44px !important; } .et_link_content a.et_link_main_url { font-size: 18px !important; } .et_pb_blog_grid .et_link_content h2 { font-size: 20px !important; line-height: 26px !important; } .et_pb_blog_grid .et_link_content a.et_link_main_url { font-size: 14px !important; } .et_audio_content h2 { font-size: 26px !important; line-height: 44px !important; margin-bottom: 24px !important; } .et_pb_blog_grid .et_audio_content h2 { font-size: 20px !important; line-height: 26px !important; } .et_pb_post .et_pb_slide { min-height: 384px !important; } .et_pb_blog_grid .et_pb_post .et_pb_slide { min-height: 182px !important; } .et_pb_audio_cover_art { float: none !important; width: 100% !important; position: relative; height: 400px !important; } .et_pb_audio_module_content { margin-left: 0 !important; padding: 55px 60px 55px !important; } .et_pb_audio_module_content h2 { font-size: 36px !important; } .et_pb_column_1_4 .et_audio_module_meta { font-size: 14px !important; } } @media screen and ( max-width: 782px ) { body.admin-bar.et_fixed_nav #main-header, body.admin-bar.et_fixed_nav #top-header { top: 46px; } .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header { top: 46px !important; } body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header { top: 80px; } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { /*-------------------[Menu]------------------*/ #et-top-navigation { margin-right: 0; } .et-search-form { right: -65px; } .et-search-form input { width: 360px;} .et_pb_blurb_content { text-align: center; } .et_pb_text_align_right { text-align: left;} .et_pb_space {display: none;} .et_pb_column {padding-bottom: 30px;} .et_pb_section { padding: 50px 0 20px 0;} .et_pb_fullwidth_section { padding: 0; } .et_pb_row, .container, .et_pb_container { width: 400px; } .et_pb_slide_description { padding: 100px 52px; } .et_pb_slide_with_image .et_pb_slide_description { padding-top: 100px; padding-bottom: 100px;} .et_pb_slide_description h2 { font-size: 20px !important; } .et_pb_slide_content { font-size: 14px !important; font-weight: 400; } a.et_pb_more_button { display: none; } .et_pb_slide_image, .et_pb_slide_video { display: none; } .et_pb_slide_with_image .et_pb_slide_description { float: none; text-align: center; width: 100%; } .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 100px 54px !important; } .et_pb_post { margin-bottom: 42px; } .et_pb_post h2, .et_pb_portfolio_item h2 { font-size: 18px; } .et_pb_blog_grid { margin-right: 0; } .et_pb_blog_grid .et_pb_post { margin-bottom: 60px; width: 360px; float: none; } .et_pb_portfolio_item { margin-bottom: 22px; } .et_pb_portfolio_grid .et_pb_portfolio_item, .et_gallery_item { float: none!important; width: 100%!important; margin-right: 0!important; } .et_pb_portfolio_item h2 { font-size: 18px; } /*-----------[Filterable Portfolio]--------------------*/ .et_pb_column_4_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_3_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_2_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_2 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item { width: 400px; margin: 0 0px 42px 0; } .et_pb_column_4_4 .et_pb_filterable_portfolio .column_width, .et_pb_column_3_4 .et_pb_filterable_portfolio .column_width, .et_pb_column_2_3 .et_pb_filterable_portfolio .column_width, .et_pb_column_1_2 .et_pb_filterable_portfolio .column_width, .et_pb_column_1_3 .et_pb_filterable_portfolio .column_width, .et_pb_column_1_4 .et_pb_filterable_portfolio .column_width { width: 400px; } .et_pb_column_4_4 .et_pb_filterable_portfolio .gutter_width, .et_pb_column_3_4 .et_pb_filterable_portfolio .gutter_width, .et_pb_column_2_3 .et_pb_filterable_portfolio .gutter_width, .et_pb_column_1_2 .et_pb_filterable_portfolio .gutter_width, .et_pb_column_1_3 .et_pb_filterable_portfolio .gutter_width, .et_pb_column_1_4 .et_pb_filterable_portfolio .gutter_width { width: 0px; } .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters, .et_pb_column_3_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters, .et_pb_column_2_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters, .et_pb_column_1_2 .et_pb_filterable_portfolio .et_pb_portfolio_filters, .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters, .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters { margin: 0 auto 40px; } .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters ul, .et_pb_column_3_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters ul, .et_pb_column_2_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters ul, .et_pb_column_1_2 .et_pb_filterable_portfolio .et_pb_portfolio_filters ul, .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters ul, .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters ul { float: none; } .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li, .et_pb_column_3_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li, .et_pb_column_2_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li, .et_pb_column_1_2 .et_pb_filterable_portfolio .et_pb_portfolio_filters li, .et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li, .et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li { width: 50%; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a { -webkit-border-bottom-left-radius: 0 !important; -webkit-border-top-right-radius: 0 !important; -moz-border-radius-bottomleft: 0 !important; -moz-border-radius-topright: 0 !important; border-bottom-left-radius: 0 !important; border-top-right-radius: 0 !important; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a { -webkit-border-top-right-radius: 0 !important; moz-border-radius-topright: 0 !important; border-top-right-radius: 0 !important; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(1):nth-child(odd) a, .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(2):nth-child(odd) a { -webkit-border-bottom-left-radius: 3px !important; -moz-border-radius-bottomleft: 3px !important; border-bottom-left-radius: 3px !important; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(1):nth-child(even) a, .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(2):nth-child(even) a { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2) a { -webkit-border-top-right-radius: 3px !important; -moz-border-radius-topright: 3px !important; border-top-right-radius: 3px !important; } /*-----------[Gallery]--------------------*/ .et_pb_column_4_4 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_3_4 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_2_3 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_1_2 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_1_3 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_1_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 400px; } .et_pb_gallery_grid .et_pb_gallery_item { margin-bottom: 39px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_4_4 .et_pb_gallery .column_width, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_3_4 .et_pb_gallery .column_width, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_2_3 .et_pb_gallery .column_width, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_1_2 .et_pb_gallery .column_width, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_1_3 .et_pb_gallery .column_width, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_1_4 .et_pb_gallery .column_width { width: 400px; } .et_pb_column_4_4 .et_pb_gallery .gutter_width, .et_pb_column_3_4 .et_pb_gallery .gutter_width, .et_pb_column_1_2 .et_pb_gallery .gutter_width, .et_pb_column_2_3 .et_pb_gallery .gutter_width, .et_pb_column_1_3 .et_pb_gallery .gutter_width, .et_pb_column_1_4 .et_pb_gallery .gutter_width { width: 0px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image { height: 284px; width: 400px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img { min-height: 284px; min-width: 400px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img { height: 284px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img { width: 400px; } .et_pb_widget { float: none; margin: 0 0 40px 0; width: 100%!important; } .et_pb_widget_area_left { border-right: none; } .et_pb_widget_area_right { border-left: none; } .et_pb_promo { padding: 40px; } .et_pb_newsletter { padding: 40px 0; } .et_pb_newsletter_form { padding-left: 60px; } .et_pb_newsletter_description { padding: 0 60px 25px; } .et_pb_newsletter_form, .et_pb_newsletter_description { width: 280px !important; } .et_pb_slider:hover .et-pb-arrow-prev { left: 0px; opacity: 1; } .et_pb_slider:hover .et-pb-arrow-next { right: 0px; opacity: 1; } .et-pb-controllers { bottom: 10px; } .et_pb_tabs_controls { border-bottom: none; } .et_pb_tabs_controls li { float: none; border-right: none; border-bottom: 1px solid #d9d9d9; } .et_pb_slider_fullwidth_off .et_pb_slide_description { width: 280px !important;} .et_pb_more_button { display: inline-block !important; } .et_pb_slide_image, .et_pb_slide_video { display: none !important; } .et_pb_pricing_table { width: 100%!important; margin-bottom: 60px; } .et_pb_pricing_table:last-child { margin-bottom: 0; } .et_pb_featured_table { margin-top: 0; } .et_pb_pricing_table:nth-child(3), .et_pb_pricing_table:nth-child(4) { margin-top: 0; } .et_pb_pricing .et_pb_featured_table:nth-child(3), .et_pb_pricing .et_pb_featured_table:nth-child(4) { margin-top: 0 !important; } .comment-body { padding: 0 0 0 100px; } .comment-reply-link { bottom: -25px; top: auto; } #commentform input[type="text"] { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .et_pb_contact_left p { width: 100%; float: none; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 400px!important; margin: 0 0px 53px 0!important; } .woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page #content div.product div.summary, .et_right_sidebar.woocommerce div.product div.images, .et_right_sidebar.woocommerce-page div.product div.images, .et_right_sidebar.woocommerce #content div.product div.images, .et_right_sidebar.woocommerce-page #content div.product div.images, .et_left_sidebar.woocommerce div.product div.images, .et_left_sidebar.woocommerce-page div.product div.images, .et_left_sidebar.woocommerce #content div.product div.images, .et_left_sidebar.woocommerce-page #content div.product div.images { width: 100%!important; float: none!important; } .woocommerce div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce-page div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce #content div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce-page #content div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce-page div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce #content div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce-page #content div.product div.images div.thumbnails a { width: 119px !important; } .et_right_sidebar.woocommerce ul.products li.product, .et_right_sidebar.woocommerce-page ul.products li.product, .et_left_sidebar.woocommerce ul.products li.product, .et_left_sidebar.woocommerce-page ul.products li.product { margin: 0 0 35px !important; } .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float: left; } .et_pb_pagebuilder_layout ul.products li.product.last, .et_pb_pagebuilder_layout ul.products li.product.last { margin-right: 0 !important; } .comment .children { margin-left: 0; } body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active { display: block !important; border-bottom: 1px solid #E0DADF !important; } body.woocommerce div.product .woocommerce-tabs ul.tabs li a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a { display: block !important; } .woocommerce .form-row { float: none !important; width: auto !important; } .et_pb_fullwidth_section .et_pb_map { height: 220px; } .et_pb_column_4_4 .et_pb_map, .et_pb_column_3_4 .et_pb_map, .et_pb_column_2_3 .et_pb_map, .et_pb_column_1_2 .et_pb_map, .et_pb_column_1_3 .et_pb_map, .et_pb_column_1_4 .et_pb_map { height: 220px; width: 400px; } .footer-widget { width: 100%; margin: 0 0 35px 0; float: none; } .fwidget { padding-bottom: 0; } .et-hide-mobile { display: none; } .et_pb_column_1_4 .et_pb_blog_grid .et_pb_post { margin-right: 0; width: 360px; } .et_pb_column_3_8 .et_pb_contact_left p, .et_pb_column_1_3 .et_pb_contact_left p, .et_pb_column_1_4 .et_pb_contact_left p { width: 100%; float: none; margin-right: 0; } .et_pb_column_1_4 .et_pb_countdown_timer .et_pb_countdown_timer_container, .et_pb_column_1_2 .et_pb_countdown_timer .et_pb_countdown_timer_container, .et_pb_column_1_3 .et_pb_countdown_timer .et_pb_countdown_timer_container, .et_pb_countdown_timer .et_pb_countdown_timer_container, .et_pb_column_3_8 .et_pb_countdown_timer .et_pb_countdown_timer_container { margin: 0 auto 30px; padding: 40px 20px; } .et_pb_column_1_4 .et_pb_countdown_timer .title, .et_pb_column_1_2 .et_pb_countdown_timer .title, .et_pb_column_1_3 .et_pb_countdown_timer .title, .et_pb_countdown_timer .title, .et_pb_column_3_8 .et_pb_countdown_timer .title { font-size: 22px; margin: 0 0 30px; } .et_pb_column_1_4 .et_pb_countdown_timer .section, .et_pb_column_1_2 .et_pb_countdown_timer .section, .et_pb_column_1_3 .et_pb_countdown_timer .section, .et_pb_countdown_timer .section, .et_pb_column_3_8 .et_pb_countdown_timer .section { margin-right: 4px; } .et_pb_column_1_4 .et_pb_countdown_timer .section.values, .et_pb_column_1_2 .et_pb_countdown_timer .section.values, .et_pb_column_1_3 .et_pb_countdown_timer .section.values, .et_pb_countdown_timer .section.values, .et_pb_column_3_8 .et_pb_countdown_timer .section.values { width: 56px; } .et_pb_column_1_4 .et_pb_countdown_timer .section.days, .et_pb_column_1_2 .et_pb_countdown_timer .section.days, .et_pb_column_1_3 .et_pb_countdown_timer .section.days, .et_pb_countdown_timer .section.days, .et_pb_column_3_8 .et_pb_countdown_timer .section.days { width: 95px; } .et_pb_column_1_4 .et_pb_countdown_timer .section p, .et_pb_column_1_2 .et_pb_countdown_timer .section p, .et_pb_column_1_3 .et_pb_countdown_timer .section p, .et_pb_countdown_timer .section p, .et_pb_column_3_8 .et_pb_countdown_timer .section p { font-size: 48px; line-height: 48px; } .et_pb_column_1_4 .et_pb_countdown_timer .section p.label, .et_pb_column_1_2 .et_pb_countdown_timer .section p.label, .et_pb_column_1_3 .et_pb_countdown_timer .section p.label, .et_pb_countdown_timer .section p.label, .et_pb_column_3_8 .et_pb_countdown_timer .section p.label { font-size: 14px; line-height: 25px; } .et_pb_column_1_3 .et_pb_newsletter_description, .et_pb_column_1_4 .et_pb_newsletter_description, .et_pb_column_3_8 .et_pb_newsletter_description { padding: 0 60px 15px; } .et_pb_testimonial_description { padding-left: 0 !important; } .et_pb_testimonial_portrait { float: none !important; width: 90px !important; margin: 0 auto 20px !important; } .et_pb_team_member_image { float: none; width: auto; margin: 0 0 12px; text-align: center; } .et_pb_team_member_description, .et_pb_column_3_8 .et_pb_team_member_description { margin-left: 0 !important; } .et_quote_content, .et_pb_blog_grid .et_quote_content { padding: 35px 30px !important; } .et_quote_content blockquote p, .et_pb_blog_grid .et_quote_content blockquote p { font-size: 20px !important; line-height: 26px !important; } .et_quote_content blockquote cite, .et_pb_blog_grid .et_quote_content blockquote cite { font-size: 14px !important; } .et_link_content { padding: 35px 20px; } .et_link_content h2, .et_audio_content h2 { font-size: 20px !important; line-height: 26px !important; } .et_link_content a.et_link_main_url { font-size: 14px !important; } .et_audio_content { padding: 35px 20px !important; } .et_audio_content h2 { margin-bottom: 9px !important; } .et_audio_container .mejs-container .mejs-controls .mejs-time span { font-size: 14px !important; } .et_pb_post .et_pb_slide { min-height: 222px !important; } .et_pb_blog_grid .et_pb_post .et_pb_slide { min-height: 222px !important; } .et_pb_audio_cover_art { float: none !important; width: 100% !important; position: relative; height: 300px !important; } .et_pb_audio_module_content { margin-left: 0 !important; padding: 40px 40px 34px !important; } .et_pb_audio_module_content h2 { font-size: 26px !important; } .et_pb_column_1_4 .et_audio_module_meta { font-size: 14px !important; } #et-info .et-social-icons { display: none; } #et-secondary-menu .et_duplicate_social_icons { display: inline-block; } body.admin-bar.et_fixed_nav #top-header, body.admin-bar.et_fixed_nav #main-header { top: 46px; } body.admin-bar.et_fixed_nav.et_secondary_nav_two_panels #main-header { top: 104px; } body.et_fixed_nav.et_secondary_nav_two_panels #main-header { top: 58px; } #et-info, #et-secondary-menu { text-align: center; display: block; float: none; } .et_secondary_nav_two_panels #et-secondary-menu { margin-top: 12px; } #top-header .et-cart-info { margin-left: 0; } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { #et-top-navigation { margin-right: 0; } .et-search-form input { width: 240px;} .et_pb_blurb_content { text-align: center; } .et_pb_text_align_right { text-align: left;} .et_pb_space {display: none;} .et_pb_column {padding-bottom: 30px;} .et_pb_section { padding: 50px 0 20px 0;} .et_pb_fullwidth_section { padding: 0; } .et_pb_row, .container, .et_pb_container { width: 280px; } .et_pb_slide_description { padding: 74px 52px; } .et_pb_slide_with_image .et_pb_slide_description { padding-top: 72px; padding-bottom: 72px;} .et_pb_slide_description h2 { font-size: 20px; } .et_pb_slide_content { font-weight: 400; } .et_pb_slide_content, a.et_pb_more_button { display: none; } .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 70px 40px !important; } .et_pb_slider_fullwidth_off .et_pb_slide_content, .et_pb_slider_fullwidth_off .et_pb_more_button { display: none; } .et_pb_post { margin-bottom: 42px; } .et_pb_post h2, .et_pb_blog_grid h2 { font-size: 16px; padding-bottom: 0; } .et_pb_post .post-meta { color: #666; font-size: 14px; } .et_pb_blog_grid .et_pb_post { margin: 0 0 40px; width: 280px; border: none; background: none; float: none; padding: 0; } .et_pb_image_container { margin: 0; } .et_pb_blog_grid .et_pb_post.format-quote > *, .et_pb_blog_grid .et_pb_post.format-link > *, .et_pb_blog_grid .et_main_video_container, .et_pb_blog_grid .et_audio_content, .et_pb_blog_grid .et_pb_post .et_pb_slider { display: block; } .et_pb_blog_grid .et_pb_post > .et_pb_image_container, .et_pb_blog_grid .et_pb_post > h2, .et_pb_blog_grid .et_pb_post > .post-meta { display: block; } .et_pb_blog_grid .et_pb_post .post-meta { display: block !important; padding: 0; } .et_pb_portfolio_item { margin-bottom: 22px; } .et_pb_portfolio_grid .et_pb_portfolio_item { float: none!important; width: 100%!important; margin-right: 0!important; } .et_pb_image_container, .et_pb_blog_grid .et_main_video_container, .et_pb_blog_grid .et_pb_post .et_pb_slider { margin: 0; } /*-----------[Filterable Portfolio]--------------------*/ .et_pb_column_4_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_3_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_2_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_2 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_3 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item, .et_pb_column_1_4 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item { width: 280px; margin: 0 0px 42px 0; } .et_pb_column_4_4 .et_pb_filterable_portfolio .column_width, .et_pb_column_3_4 .et_pb_filterable_portfolio .column_width, .et_pb_column_2_3 .et_pb_filterable_portfolio .column_width, .et_pb_column_1_2 .et_pb_filterable_portfolio .column_width, .et_pb_column_1_3 .et_pb_filterable_portfolio .column_width, .et_pb_column_1_4 .et_pb_filterable_portfolio .column_width { width: 280px; } /*-----------[Gallery]--------------------*/ .et_pb_column_4_4 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_3_4 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_2_3 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_1_2 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_1_3 .et_pb_gallery_fullwidth .et_pb_gallery_item, .et_pb_column_1_4 .et_pb_gallery_fullwidth .et_pb_gallery_item { width: 280px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_4_4 .et_pb_gallery .column_width, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_3_4 .et_pb_gallery .column_width, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_2_3 .et_pb_gallery .column_width, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_1_2 .et_pb_gallery .column_width, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_1_3 .et_pb_gallery .column_width, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item, .et_pb_column_1_4 .et_pb_gallery .column_width { width: 280px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image { height: 200px; width: 280px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image img { min-height: 200px; min-width: 280px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.landscape img { height: 200px; } .et_pb_column_4_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_3_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_2_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_1_2 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_1_3 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img, .et_pb_column_1_4 .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_image.portrait img { width: 280px; } .et_pb_widget { float: none; margin: 0 0 40px 0; width: 100%!important; } .et_pb_widget_area_left { border-right: none; } .et_pb_widget_area_right { border-left: none; } .et_pb_promo { padding: 40px; } .et_pb_fullwidth_section .et_pb_map { height: 155px; } .et_pb_column_4_4 .et_pb_map, .et_pb_column_3_4 .et_pb_map, .et_pb_column_2_3 .et_pb_map, .et_pb_column_1_2 .et_pb_map, .et_pb_column_1_3 .et_pb_map, .et_pb_column_1_4 .et_pb_map { height: 155px; width: 280px; } .et_pb_newsletter { padding: 30px 0; } .et_pb_newsletter_form { padding-left: 30px !important; width: 220px !important; } .et_pb_newsletter_description { padding: 0 30px 15px; width: 220px !important; } .et_pb_newsletter_form, .et_pb_newsletter_description { width: 220px; padding-right: 30px; } .et_pb_tabs_controls { border-bottom: none; } .et_pb_tabs_controls li { float: none; border-right: none; border-bottom: 1px solid #d9d9d9; } .et_pb_slide_content, .et_pb_more_button { display: none !important; } .et_pb_slide_image { display: none !important; } .et_pb_slider_fullwidth_off .et_pb_slide_description { width: 200px !important;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 280px!important; margin: 0 0px 53px 0!important; } .woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page #content div.product div.summary, .et_right_sidebar.woocommerce div.product div.images, .et_right_sidebar.woocommerce-page div.product div.images, .et_right_sidebar.woocommerce #content div.product div.images, .et_right_sidebar.woocommerce-page #content div.product div.images, .et_left_sidebar.woocommerce div.product div.images, .et_left_sidebar.woocommerce-page div.product div.images, .et_left_sidebar.woocommerce #content div.product div.images, .et_left_sidebar.woocommerce-page #content div.product div.images { width: 100%!important; float: none!important; } .woocommerce div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce-page div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce #content div.product div.images div.thumbnails a, .et_right_sidebar.woocommerce-page #content div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce-page div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce #content div.product div.images div.thumbnails a, .et_left_sidebar.woocommerce-page #content div.product div.images div.thumbnails a { width: 80px !important; } .et_right_sidebar.woocommerce ul.products li.product, .et_right_sidebar.woocommerce-page ul.products li.product, .et_left_sidebar.woocommerce ul.products li.product, .et_left_sidebar.woocommerce-page ul.products li.product { margin: 0 0 35px !important; } table.cart th, #content table.cart th, table.cart td, #content table.cart td, table.cart tr, #content table.cart tr { padding: .857em 0.287em !important; } .et_pb_column_1_4 .et_pb_countdown_timer .et_pb_countdown_timer_container, .et_pb_column_1_2 .et_pb_countdown_timer .et_pb_countdown_timer_container, .et_pb_column_1_3 .et_pb_countdown_timer .et_pb_countdown_timer_container, .et_pb_countdown_timer .et_pb_countdown_timer_container, .et_pb_column_3_8 .et_pb_countdown_timer .et_pb_countdown_timer_container { margin: 0 auto 30px; padding: 40px 20px; } .et_pb_column_1_4 .et_pb_countdown_timer .title, .et_pb_column_1_2 .et_pb_countdown_timer .title, .et_pb_column_1_3 .et_pb_countdown_timer .title, .et_pb_countdown_timer .title, .et_pb_column_3_8 .et_pb_countdown_timer .title { font-size: 18px; margin: 0 0 20px; } .et_pb_column_1_4 .et_pb_countdown_timer .section, .et_pb_column_1_2 .et_pb_countdown_timer .section, .et_pb_column_1_3 .et_pb_countdown_timer .section, .et_pb_countdown_timer .section, .et_pb_column_3_8 .et_pb_countdown_timer .section { margin-right: 5px; } .et_pb_column_1_4 .et_pb_countdown_timer .section.values, .et_pb_column_1_2 .et_pb_countdown_timer .section.values, .et_pb_column_1_3 .et_pb_countdown_timer .section.values, .et_pb_countdown_timer .section.values, .et_pb_column_3_8 .et_pb_countdown_timer .section.values { width: 35px; } .et_pb_column_1_4 .et_pb_countdown_timer .section.days, .et_pb_column_1_2 .et_pb_countdown_timer .section.days, .et_pb_column_1_3 .et_pb_countdown_timer .section.days, .et_pb_countdown_timer .section.days, .et_pb_column_3_8 .et_pb_countdown_timer .section.days { width: 40px; } .et_pb_column_1_4 .et_pb_countdown_timer .section p, .et_pb_column_1_2 .et_pb_countdown_timer .section p, .et_pb_column_1_3 .et_pb_countdown_timer .section p, .et_pb_countdown_timer .section p, .et_pb_column_3_8 .et_pb_countdown_timer .section p { font-size: 28px; line-height: 28px; } .et_pb_column_1_4 .et_pb_countdown_timer .section p.label, .et_pb_column_1_2 .et_pb_countdown_timer .section p.label, .et_pb_column_1_3 .et_pb_countdown_timer .section p.label, .et_pb_countdown_timer .section p.label, .et_pb_column_3_8 .et_pb_countdown_timer .section p.label { font-size: 11px; line-height: 19px; } .et_pb_column_1_3 .et_pb_newsletter_description, .et_pb_column_1_4 .et_pb_newsletter_description, .et_pb_column_3_8 .et_pb_newsletter_description { padding: 0 30px 15px; } .et_quote_content, .et_pb_blog_grid .et_quote_content, .et_audio_content, .et_pb_blog_grid .et_link_content { padding: 35px 20px !important; } .et_pb_blog_grid .et_main_video_container { margin-left: 0; margin-right: 0; } .et_pb_post .et_pb_slide, .et_pb_blog_grid .et_pb_post .et_pb_slide { min-height: 156px !important; } .et_pb_audio_cover_art { float: none !important; width: 100% !important; height: 210px !important; } .et_pb_audio_module_content { margin-left: 0 !important; padding: 40px 20px 34px !important; } .et_pb_audio_module_content h2 { font-size: 20px !important; } .et_pb_column_1_4 .et_audio_module_meta { font-size: 14px !important; } .et_pb_countdown_timer .sep { top: -24px !important; } .et_pb_blog_grid .et_link_content, .et_pb_blog_grid .et_quote_content { margin: 0 0 19px; } .et_pb_image_container, .et_pb_blog_grid .et_main_video_container, .et_pb_blog_grid .et_audio_content, .et_pb_blog_grid .et_pb_post .et_pb_slider { margin: 0 0 10px; } .et_pb_column_3_8 .et_pb_blog_grid .et_audio_container .mejs-time.mejs-currenttime-container.custom {margin-left: 0; } .et_pb_column_1_4 .et_pb_blog_grid .et_pb_post { width: 100%; } } /* CUSTOMS */ #jolla-hero { width: 100%; overflow: hidden; } #hero-hands { opacity: 1; position: absolute; bottom: -40px; left: 40%; margin-left: -400px; -webkit-animation: handmovement 10s infinite; -webkit-transition: all 0.8s ease; -moz-animation: none !important; -ms-animation: handmovement 10s infinite; -ms-transition: all 0.8s ease; -o-animation: handmovement 10s infinite; -o-transition: all 0.8s ease; animation: handmovement 10s infinite; transition: all 0.8s ease; } #unlike { opacity: 1; position: absolute; top: 25%; right: 15%; -webkit-transform: scale(0.9); -webkit-transition: all 0.8s ease; -moz-transform: scale(0.9); -moz-transition: all 0.8s ease; -ms-transform: scale(0.9); -ms-transition: all 0.8s ease; -o-transform: scale(0.9); -o-transition: all 0.8s ease; transform: scale(0.9); transform: all 0.8s ease; } #hero-cta { opacity: 1; position: absolute; display: inline-block; top: 53%; width: 100%; max-width: 500px; right: 15%; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; } .namibia #hero-cta { top: 66%; right: 17.5%; } #jolla-hero #stop-video { position: absolute; opacity: 0.7; bottom: 50px; color: #fff; border-color: #fff; margin-right: 5px; padding: 6px 12px; font-size: 14px; right: 0%; z-index: 988; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .page-template-page-arrival-php #jolla-hero #stop-video { position: absolute; opacity: 0.7; bottom: 45px; color: #fff; border-color: #fff; margin-left: -25px; padding: 0px; font-size: 14px; right: 10px; background: none; color: #fff; } .gogo { position: absolute; bottom: 20px; right: 20px; } .page-template-page-arrival-php #stop-video i { color: #695c53; font-size: 9px; background: #fff; padding: 5px 6px 5px 6px; border-radius: 50%; } #jolla-hero #stop-video.notvisible { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } /* STELLA */ #jolla-hero.stella .et_pb_row { margin-top: 140px; } #jolla-hero.stella { padding: 0px; margin: 0px; min-height: 750px; } .stella-hero { margin-top: 70px; } .down-arrow { position: absolute; bottom: 70px; left: 50%; font-size: 32px; } ul#scene.hide-scene #hero-hands { bottom: -400px; } ul#scene.hide-scene #unlike { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ul#scene.hide-scene #hero-cta { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } @-webkit-keyframes handmovement { 0% { -webkit-transform: scale(0.98); } 2% { -webkit-transform: scale(0.98); } 40% { -webkit-transform: scale(1); } 70% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(0.98); }} @-moz-keyframes handmovement { 0% { -moz-transform: scale(0.98); } 2% { -moz-transform: scale(0.98); } 40% { -moz-transform: scale(1); } 70% { -moz-transform: scale(1); } 100% { -moz-transform: scale(0.98); }} @-ms-keyframes handmovement { 0% { -ms-transform: scale(0.98); } 2% { -ms-transform: scale(0.98); } 40% { -ms-transform: scale(1); } 70% { -ms-transform: scale(1); } 100% { -ms-transform: scale(0.98); }} @-o-keyframes handmovement { 0% { -o-transform: scale(0.98); } 2% { -o-transform: scale(0.98); } 40% { -o-transform: scale(1); } 70% { -o-transform: scale(1); } 100% { -o-transform: scale(0.98); }} @keyframes handmovement { 0% { transform: scale(0.98); } 2% { transform: scale(0.98); } 40% { transform: scale(1); } 70% { transform: scale(1); } 100% { transform: scale(0.98); }} ul#scene { opacity: 1; background: url(images/herobg.jpg) center center no-repeat; background-size: cover; padding: 0px; margin: 0px; list-style: none; width: 100%; overflow: hidden; -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -ms-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; transition: opacity 0.8s ease; } .namibia ul#scene { background: url(images/namibiabg.jpg) center center no-repeat; } ul#scene.stella { background: #000; } ul#scene.hide-scene { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } ul#scene li { width: 100%; } ul#scene li.layer-background { width: 106%; height: 106%; margin-top: -20px; } ul#scene.stella li.layer-background { width: 106%; height: 106%; margin-top: 0px; } #hero-video { position: absolute; width: 100%; height: 100%; } #herobg { margin-top: -20px; width: 106%; height: 106%; background: url(images/herobg.jpg) center center no-repeat; background-size: cover; } .namibia #herobg { background: url(images/namibiabg.jpg) center center no-repeat; } #stellabg { margin-top: -20px; width: 100%; height: 102%; background: url(images/stellabg_b.jpg) center center no-repeat; background-size: cover; } #stellacover { margin-top: -20px; width: 100%; height: 104%; background: url(images/stellacover_b.png) center center no-repeat; background-size: cover; } #stellalogo { position: absolute; width: 611px; height: 351px; margin-left: -305px; left: 50%; top: 20%; } .highlight-ss { background: #c6eee9; border-radius: 3px; } #mainhero { overflow: hidden; padding: 0px; } #mainhero .et_pb_row { width: 100%; padding: 0px; } /* buttons */ .btn { display: inline-block; border-radius: 6px; padding: 10px 22px; background: #58a3a2; text-transform: uppercase; color: #fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #hero-cta .btn, #namibia-cta .btn, .namibia input.btn { border-radius: 10px; opacity: 0.9; padding: 14px 26px; margin-right: 15px; } #hero-cta .btn:hover, .btn:hover { opacity: 1; text-decoration: none; color: #fff; } #jolla-hero .btn i { font-size: 15px; margin-right: 7px; } .et_pb_text .btn { margin-top: 14px; font-weight: 600; margin-right: 15px; } .btn-big { font-size: 18px; font-weight: 600; } .btn-med { font-size: 14px; font-weight: 600; } .btn-small { padding: 6px 12px; font-size: 10px; font-weight: 600; } .btn-aloe { background: #5ca6a7; } .btn-aloe:hover { background: #63a8a7; } .btn-white { background: #fff; color: #5ca6a7; } .btn-white:hover { background: #f2f2f2; color: #5ca6a7; } .btn-poppy { background: #ea5c4a; } .btn-poppy:hover { background: #de5948; } button { border: 0px; } .btn.disabled { color: #222; background: #ddd; } /* modal */ .modal { position: fixed; left: 50%; top: -300px; opacity: 0; margin-left: -300px; padding: 25px; width: 90%; max-width: 600px; height: 0px; overflow: hidden; z-index: 1010; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .modal-overlay.toggled .modal { top: 10%; opacity: 100; height: auto; } .modal-close { border: 2px solid #68b2b1; width: 15px; height: 15px; padding: 7px 15px 18px 10px; border-radius: 50%; float: right; font-size: 26px; color: #68b2b1; display: inline-block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0.7; } .modal-close, .modal-close:hover { color: #68b2b1; } .modal-close:hover { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 1; } .modal-overlay { opacity:0; position: fixed; left: 0%; top: 0%; background-color: #fff; background-color: rgba(255,255,255,0.95); width: 100%; height: 0%; z-index: 1005; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } .modal-overlay.toggled { height: 100%; opacity: 100; } ul#language-list { margin: 50px auto 0 auto; } ul#language-list li { font-size: 26px; line-height: normal; display: block; width: 100%; padding: 0px; float: left; clear: both; text-align: center; margin: 10px 0px; } ul#language-list li span { font-size: 24px; margin-left: 20px; } ul#language-list li.active { line-height: normal; display: inline-block; margin-bottom: 15px; } ul#language-list a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul#language-list li > a { color: #ccc; display: inline-block; text-decoration: none; } ul#language-list li:hover > a { color: #68b2b1; } ul#language-list li.active a, ul#language-list li.active { color: #68b2b1; } /* nav */ header#main-header { padding-top: 0px; background: none; box-shadow: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .page-template-page-unlike-php header#main-header, .page-template-page-landing-php header#main-header, .page-template-page-arrival-php header#main-header { position: absolute !important; } #main-header #logo { padding-top: 0px; background-position: 0px 10px; height: 40px; width: 103px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; margin-top: 10px; } #main-header.et-fixed-header #logo { background-position: 0px 15px; height: 22px; width: 60px; margin-top: 3px; max-width: 60px; } #ie8 ul#scene, #ie7 ul#scene, #ie6 ul#scene { position: absolute; } #ie8 ul#scene li.hero-bg, #i7 ul#scene li.hero-bg { display: block; background: url(images/herobg.jpg) center center no-repeat !important; width: 100%; height: 100%; } #ie8 .jolla-touch-ui, #ie7 .jolla-touch-ui { display: none; } #i6 ul#scene, #ie6 #jolla-hero { display: none; } #ie6 #main-header #logo, #ie7 #main-header #logo, #ie8 #main-header #logo { background: url(images/jolla-logo_white.png) top left no-repeat; } #ie6 #main-header.et-fixed-header #logo, #ie7 #main-header.et-fixed-header #logo, #ie8 #main-header.et-fixed-header #logo { background: url(images/jolla-logo_black.png) top left no-repeat; } #ie8 #hero-cta, #ie7 #hero-cta { margin-right: -800px; } #ie8 .big-video-wrap, #ie7 .big-video-wrap, #ie6 .big-video-wrap { display: none !important; } #ie8 #gestures, #ie7 #gestures, #ie6 #gestures { background-color: #f9f9f9; } #ie8 .et_pb_column_1_3, #ie7 .et_pb_column_1_3 { width: 300px; } #ie8 .et_pb_column_1_2, #ie7 .et_pb_column_1_2 { width: 480px; } #ie8 .et_pb_column_1_4, #ie7 .et_pb_column_1_4 { width: 200px; } #ie8 .et_pb_column_2_3, #ie7 .et_pb_column_2_3 { width: 650px; } #ie7 #main-header li.menu-item, #ie7 #menu-footermenu li.menu-item, #ie6 #main-header li.menu-item, #ie6 #menu-footermenu li.menu-item { display: inline !important; float: left !important; margin-right: 20px; } #ie7 #illustration, #ie6 #illustration, #ie6 #secondary-menu { display: none; } #main-header #svg-logo { margin-top: 10px; max-width: 65px; max-height: 40px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #main-header.et-fixed-header #svg-logo { margin-top: 5px; max-width: 65px; max-height: 20px; } .page-template-page-unlike-php #main-header.et-fixed-header { top: -100px !important; } .gallery img { border: 0px !important; } #main-header .logofill { fill: #fff; } #main-header.et-fixed-header .logofill { fill: #000; } header#main-header.et-fixed-header { background: #fff; } .page-template-page-unlike-php header#main-header.et-fixed-header { background: transparent; } #secondary-menu { width: 100%; display: block; position: fixed; z-index: 999999; top: -132px; left: 0px; background: #fff; } .et-fixed-header #secondary-menu { top: 0px; } .admin-bar .et-fixed-header #secondary-menu { top: 32px; } ul#secondary-nav { list-style: none; } ul#secondary-nav li { float: left; padding: 14px 0px; text-align: center; text-transform: uppercase; font-weight: 300; display: inline-block; width: 16.4%; font-size: 14px; color: #5ca6a7; border-right: 1px solid #f9f9f9; border-bottom: 1px solid #f3f3f3; } ul#secondary-nav li:first-child { border-left: 1px solid #f9f9f9; } ul#secondary-nav li.current { background: #5ca6a7; } ul#secondary-nav li a { color: #5ca6a7; } ul#secondary-nav li a:hover { text-decoration: none; color: #63a8a7; } ul#secondary-nav li.current a { color: #fff; } #page-container { padding-top: 0px !important; } .et_fixed_nav header#main-header { padding-top: 0px !important; } #et_top_search { display: none !important; } #main-header nav#top-menu-nav { padding: 0px; } #main-header.et-fixed-header nav#top-menu-nav { padding-top: 0px !important; } #top-menu li > a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; font-size: 15px; color: #fff; padding: 25px 5px; } .et-fixed-header #top-menu li > a { color: #444; } #top-menu li:hover > a { color: #6ed8d9; } .page-template-page-landing-php #top-menu li:hover > a { color: #111111; } #top-menu i { margin-right: 6px; } .et-fixed-header #top-menu li:hover > a, #top-menu li.buynow > a:hover { color: #6ed8d9; } .page-template-page-landing-php #top-menu li.buynow > a:hover { color: #111111; } #top-menu li.buynow > a { color: #ffffff; font-weight: 400; padding-left: 15px; padding-right: 15px; } #main-header.et-fixed-header #top-menu li.buynow > a { background: #68b2b1; text-transform: uppercase; padding-left: 30px; padding-right: 30px; } #main-header.et-fixed-header #top-menu li.buynow > a:hover { background: #58a3a2; } .et-fixed-header #top-menu li > a { padding-top: 12px; padding-bottom: 12px; } #logo { padding: 15px 0px 0px 0px; } .et-fixed-header #logo { padding-top: 7px; } .et_pb_countdown_timer .sep { display: none; } .et_pb_countdown_timer .section.days, .et_pb_countdown_timer .section.hours, .et_pb_countdown_timer .section.minutes, .et_pb_countdown_timer .section.seconds { width: auto; margin: 0px 30px; } .et_pb_countdown_timer .section p.value { color: #fff; width: auto; font-size: 108px; font-weight: 200; } .et_pb_countdown_timer .section p.label { font-size: 22px; font-weight: 200; margin-top: 15px; color: #fff; } #jollastory .jollastory, #we-are-unlike .jollastory { position: relative; margin: 0 auto; text-align: center; } #support-list { padding-top: 0px; } #support-list p { line-height: normal; } #support-list h3 { line-height: normal; } .entry-content table.norow, table.norow, table.norow td { border: 0px; padding-left: 0px; } .et_pb_countdown_timer_container h4.title { font-size: 28px; } .et_pb_countdown_timer_container { padding-bottom: 0px !important; } table ul { margin-top: 20px; } table ul li { list-style: none; font-size: 12px; } table.norow tr { border-bottom: 1px solid #f2f2f2; border-bottom: 1px solid rgba(0,0,0,0.025); } table.norow tr:last-child { border-bottom: 0px; } #developers, #developers h2, #developers h3 { color: #fff; } #sidenav { position: fixed; display: none; top: 40%; right: 20px; z-index: 99; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } #sidenav.hidenav { right: -400px; } /* Common styles and resets */ #user-experience .et_pb_text { text-align: center; } #user-experience p, #user-experience h3 { text-align: left; } #user-experience .item-container img { max-width: 200px; margin-top: -30px; margin-bottom: 30px; } .item-container img { -webkit-transform: scale(0.925); -moz-transform: scale(0.925); -ms-transform: scale(0.925); -o-transform: scale(0.925); transform: scale(0.925); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .item-container:hover img { -webkit-transform: scale(1); } #gestures .item-container img { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: 90px; margin-right: 0px; } #gestures .item-container:hover img { -webkit-transform: scale(0.8); } #gestures .active .item-container img { -webkit-transform: scale(0.8); } #gestures p { font-size: 14px; line-height: 1.5em; } .spec-icon img { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .spec-icon:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .dotstyle ul { position: relative; display: inline-block; width: 20px; margin: 0; padding: 0; list-style: none; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dotstyle li { position: relative; display: block; float: left; margin: 6px 0px; width: 8px; height: 8px; clear: both; cursor: pointer; } .dotstyle li a span { color: rgba(0, 0, 0, 0.5); text-align: right; -webkit-transition: all 0.3s ease; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); font-size: 12px; position: absolute; left: -110px; top: -7px; width: 100px; } .dotstyle li a:hover > span { opacity: 1; } .dotstyle li a { top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5);; text-indent: -30px; / cursor: pointer; position: absolute; } .dotstyle li a:focus { outline: none; } /* Stroke */ .dotstyle-stroke li a { box-shadow: 0 0 0 1px rgba(104, 178, 177, 0.7); -webkit-transition: box-shadow 0.3s ease, background-color 0.3s ease; transition: box-shadow 0.3s ease, background-color 0.3s ease; } .dotstyle-stroke li a:hover, .dotstyle-stroke li a:focus { background-color: transparent; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);; } .dotstyle-stroke li.current a { background: transparent; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } h1 { font-size: 62px; font-weight: 200; } .header-item { padding: 70px 0px 50px 0px; margin-bottom: 50px; border-bottom: 1px solid #f2f2f2; } #support-list h3 { font-size: 22px; } hr { border: 0px; border-bottom: 1px solid #f2f2f2; margin-bottom: 10px; } h2 { line-height: normal; font-size: 42px; font-weight: 200; margin-bottom: 12px; text-transform: none; } h2.section-title { font-size: 60px; font-weight: 200; margin-bottom: 30px; text-transform: uppercase; } .et_pb_slide h2 { font-size: 68px; letter-spacing: 0px; font-weight: 600; margin-bottom: 0px; line-height: normal; } .et_pb_slide_content p { font-size: 28px; line-height: normal; } .page-template-page-unlike-php h3 { font-size: 22px; margin-bottom: 10px; } h4 { font-size: 20px; font-weight: normal; letter-spacing: normal; } p { font-size: 15px; font-weight: 500; } strong { font-weight: 600; } h4.upper { font-size: 20px; letter-spacing: 1px; font-weight: 200; margin-bottom: 15px; text-transform: uppercase; } ul li, ol li { font-size: 15px; } ul.bsk-special-pdfs-container { list-style: none; margin: 0px; padding: 0px; } ul.bsk-special-pdfs-container li { margin-bottom: 8px; font-size: 15px; } #jollastory h3, #we-are-unlike h3 { max-width: 1000px; margin: 0 auto; line-height: 1.5em; font-size: 22px; } /* SVG */ svg { pointer-events: none; } .drawings { position: relative; max-height: 600px; } .illustration { position: absolute; top: 50%; left: 50%; max-height: 100%; max-width: 100%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #ie9 .illustration { top: 2%; left: 0%; margin-left: 30px; max-height: 100%; max-width: 100%; } .show { opacity: 1; } .hide { opacity: 0; } .line-drawing, .illustration { -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } .line-drawing path { fill: none; stroke: black; stroke-width: 1; } path.line-round { stroke-linecap: round; } path.stroke-medium { stroke-width: 2; } path.stroke-thin { stroke-width: 1; } /* ANIMATIONS */ .jolla-touch-container { position: relative; min-height: 582px; width: 100%; max-width: 510px; height: auto; margin: 0 auto; } .jolla-touch-container:hover { cursor: pointer; } .jolla-touch-base { position: absolute; z-index: 30; } .jolla-touch-ui { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition:all 0.6s ease; position: absolute; opacity: 0; z-index: 50; } .part1 .touch-1-1 { -webkit-animation: touch_1_1 10s infinite; -moz-animation: touch_1_1 10s infinite; -ms-animation: touch_1_1 10s infinite; -o-animation: touch_1_1 10s infinite; animation: touch_1_1 10s infinite; } .part1 .touch-1-2 { -webkit-animation: touch_1_2 10s infinite; -moz-animation: touch_1_2 10s infinite; -ms-animation: touch_1_2 10s infinite; -o-animation: touch_1_2 10s infinite; animation: touch_1_2 10s infinite; } .part1 .touch-1-3 { -webkit-animation: touch_1_3 10s infinite; -moz-animation: touch_1_3 10s infinite; -ms-animation: touch_1_3 10s infinite; -o-animation: touch_1_3 10s infinite; animation: touch_1_3 10s infinite; } .part1 .touch-1-4 { -webkit-animation: touch_1_4 10s infinite; -moz-animation: touch_1_4 10s infinite; -ms-animation: touch_1_4 10s infinite; -o-animation: touch_1_4 10s infinite; animation: touch_1_4 10s infinite; } @-webkit-keyframes touch_1_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes touch_1_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes touch_1_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes touch_1_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @keyframes touch_1_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes touch_1_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes touch_1_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes touch_1_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes touch_1_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @keyframes touch_1_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes touch_1_3 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes touch_1_3 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes touch_1_3 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes touch_1_3 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @keyframes touch_1_3 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes touch_1_4 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes touch_1_4 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes touch_1_4 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes touch_1_4 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes touch_1_4 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } .part2 .touch-2-1 { -webkit-animation: touch_2_1 7s infinite; -moz-animation: touch_2_1 7s infinite; -ms-animation: touch_2_1 7s infinite; -o-animation: touch_2_1 7s infinite; animation: touch_2_1 7s infinite; } .part2 .touch-2-2 { -webkit-animation: touch_2_2 7s infinite; -moz-animation: touch_2_2 7s infinite; -ms-animation: touch_2_2 7s infinite; -o-animation: touch_2_2 7s infinite; animation: touch_2_2 7s infinite; } .part2 .touch-2-3 { -webkit-animation: touch_2_3 7s infinite; -moz-animation: touch_2_3 7s infinite; -ms-animation: touch_2_3 7s infinite; -o-animation: touch_2_3 7s infinite; animation: touch_2_3 7s infinite; } @-webkit-keyframes touch_2_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes touch_2_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes touch_2_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes touch_2_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @keyframes touch_2_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes touch_2_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes touch_2_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes touch_2_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes touch_2_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @keyframes touch_2_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes touch_2_3 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes touch_2_3 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes touch_2_3 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes touch_2_3 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes touch_2_3 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } .part3 .touch-3-1 { -webkit-animation: touch_3_1 6s infinite; -moz-animation: touch_3_1 6s infinite; -ms-animation: touch_3_1 6s infinite; -o-animation: touch_3_1 6s infinite; animation: touch_3_1 6s infinite; } .part3 .touch-3-2 { -webkit-animation: touch_3_2 6s infinite; -moz-animation: touch_3_2 6s infinite; -ms-animation: touch_3_2 6s infinite; -o-animation: touch_3_2 6s infinite; animation: touch_3_2 6s infinite; } @-webkit-keyframes touch_3_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes touch_3_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes touch_3_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes touch_3_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @keyframes touch_3_1 { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 1; } 40% { opacity: 1; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes touch_3_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes touch_3_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes touch_3_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes touch_3_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes touch_3_2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } .jolla-touch-effect { position: absolute; top: 45%; z-index: 60; left: 50%; opacity: 1; margin-left: -40px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-animation: doubletap 1.6s infinite; -moz-animation: doubletap 1.6s infinite; -ms-animation: doubletap 1.6s infinite; -o-animation: doubletap 1.6s infinite; animation: doubletap 1.6s infinite; } @-webkit-keyframes doubletap { 0% { -webkit-transform: scale(0.9); } 20% { -webkit-transform: scale(0.9); } 35% { -webkit-transform: scale(0.95); } 45% { -webkit-transform: scale(0.9); } 50% { -webkit-transform: scale(0.96); } 65% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(0.9);} } @-moz-keyframes doubletap { 0% { -moz-transform: scale(0.9); } 20% { -moz-transform: scale(0.9); } 35% { -moz-transform: scale(0.95); } 45% { -moz-transform: scale(0.9); } 50% { -moz-transform: scale(0.96); } 65% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(0.9);} } @-ms-keyframes doubletap { 0% { -ms-transform: scale(0.9); } 20% { -ms-transform: scale(0.9); } 35% { -ms-transform: scale(0.95); } 45% { -ms-transform: scale(0.9); } 50% { -ms-transform: scale(0.96); } 65% { -ms-transform: scale(0.9); } 100% { -ms-transform: scale(0.9);} } @-o-keyframes doubletap { 0% { -o-transform: scale(0.9); } 20% { -o-transform: scale(0.9); } 35% { -o-transform: scale(0.95); } 45% { -o-transform: scale(0.9); } 50% { -o-transform: scale(0.96); } 65% { -o-transform: scale(0.9); } 100% { -o-transform: scale(0.9);} } @keyframes doubletap { 0% { transform: scale(0.9); } 20% { transform: scale(0.9); } 35% { transform: scale(0.95); } 45% { transform: scale(0.9); } 50% { transform: scale(0.96); } 65% { transform: scale(0.9); } 100% { transform: scale(0.9);} } #peek, #pull, #swipe { -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; clear: both; } #peek:hover, #pull:hover, #swipe:hover, #peek.active, #pull.active, #swipe.active { -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } #peek:hover > h3, #pull:hover > h3, #swipe:hover > h3, .active h3 { color: #68b2b1; } #full-specs { display: none; } .started .jolla-touch-effect { opacity: 0; } .touch-information { position: absolute; top: 60%; width: 50%; left: 50%; margin-left: -100px; width: 200px; text-align: center; display: inline-block; font-size: 11px; color: #00aff2; z-index: 88; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .started .touch-information { opacity: 0; } .jolla-anim-container { position: relative; width: 100%; max-width: 1000px; min-height: 550px; margin: 20px auto 0 auto; } .jolla-anim-container:hover { cursor: pointer; } .jolla-anim { position: absolute; } img { max-width: 100%; } .social-container { margin-top: 5px; } .social-container img { margin-right: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .anim-ui { z-index: 40; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .anim-base { z-index: 30; -webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; -ms-transition: -o-transform 1s ease; -o-transition: -o-transform 1s ease; transition: transform 1s ease; } #the-other-half { overflow: hidden; } .anim-toh { -webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; -ms-transition: -o-transform 1s ease; -o-transition: -o-transform 1s ease; transition: transform 1s ease; -webkit-transform: translateY(140px); -moz-transform: translateY(140px); -ms-transform: translateY(140px); -o-transform: translateY(140px); transform: translateY(140px); /*margin-top: 140px; */ z-index: 20; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .anim-toh.visible { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .anim-toh.visible.in { -webkit-animation: toh-in 0.6s; -moz-animation: toh-in 0.6s; -ms-animation: toh-in 0.6s; -o-animation: toh-in 0.6s; animation: toh-in 0.6s; } .anim-toh.out { -webkit-animation: toh-out 0.6s; -moz-animation: toh-out 0.6s; -ms-animation: toh-out 0.6s; -o-animation: toh-out 0.6s; animation: toh-out 0.6s; } .insight .anim-toh.visible.in { -webkit-animation: insight-toh-in 1.2s; -moz-animation: insight-toh-in 1.2s; -ms-animation: insight-toh-in 1.2s; -o-animation: insight-toh-in 1.2s; animation: insight-toh-in 1.2s; } .insight .anim-toh.out { -webkit-animation: insight-toh-out 1.2s; -moz-animation: insight-toh-out 1.2s; -ms-animation: insight-toh-out 1.2s; -o-animation: insight-toh-out 1.2s; animation: insight-toh-out 1.2s; } .active.insight .anim-toh.out, .active.insight .anim-toh.in, .active .anim-toh.in, .active .anim-toh.out { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes toh-in { 0% { -webkit-transform: translateY(140px) translateX(200px); opacity: 0; } 100% { -webkit-transform: translateY(140px) translateX(0px); opacity: 1; }} @-webkit-keyframes toh-out { 0% { -webkit-transform: translateY(140px) translateX(0px); opacity: 1; } 100% { -webkit-transform: translateY(140px) translateX(-200px); opacity: 0; }} @-webkit-keyframes insight-toh-in { 0% { -webkit-transform: translateY(140px) translateX(200px); opacity: 0;} 50% { -webkit-transform: translateY(140px) translateX(0px); opacity: 0%; } 100% { -webkit-transform: translateY(70px) translateX(0px); opacity: 1;}} @-webkit-keyframes insight-toh-out { 0% { -webkit-transform: translateY(70px) translateX(0px); opacity: 1;} 50% { -webkit-transform: translateY(140px) translateX(0px); } 100% { -webkit-transform: translateY(140px) translateX(-200px); opacity: 0; }} @-moz-keyframes toh-in { 0% { -moz-transform: translateY(140px) translateX(200px); opacity: 0; } 100% { -moz-transform: translateY(140px) translateX(0px); opacity: 1; }} @-moz-keyframes toh-out { 0% { -moz-transform: translateY(140px) translateX(0px); opacity: 1; } 100% { -moz-transform: translateY(140px) translateX(-200px); opacity: 0; }} @-moz-keyframes insight-toh-in { 0% { -moz-transform: translateY(140px) translateX(200px); opacity: 0;} 50% { -moz-transform: translateY(140px) translateX(0px); opacity: 1; } 100% { -moz-transform: translateY(70px) translateX(0px); opacity: 1;}} @-moz-keyframes insight-toh-out { 0% { -moz-transform: translateY(70px) translateX(0px); opacity: 1;} 50% { -moz-transform: translateY(140px) translateX(0px); } 100% { -moz-transform: translateY(140px) translateX(-200px); opacity: 0; }} @-ms-keyframes toh-in { 0% { -ms-transform: translateY(140px) translateX(200px); opacity: 0; } 100% { -ms-transform: translateY(140px) translateX(0px); opacity: 1; }} @-ms-keyframes toh-out { 0% { -ms-transform: translateY(140px) translateX(0px); opacity: 1; } 100% { -ms-transform: translateY(140px) translateX(-200px); opacity: 0; }} @-ms-keyframes insight-toh-in { 0% { -ms-transform: translateY(140px) translateX(200px); opacity: 0;} 50% { -ms-transform: translateY(140px) translateX(0px); opacity: 1; } 100% { -ms-transform: translateY(70px) translateX(0px); opacity: 1;}} @-ms-keyframes insight-toh-out { 0% { -ms-transform: translateY(70px) translateX(0px); opacity: 1;} 50% { -ms-transform: translateY(140px) translateX(0px); } 100% { -ms-transform: translateY(140px) translateX(-200px); opacity: 0; }} @-o-keyframes toh-in { 0% { -o-transform: translateY(140px) translateX(200px); opacity: 0; } 100% { -o-transform: translateY(140px) translateX(0px); opacity: 1; }} @-o-keyframes toh-out { 0% { -o-transform: translateY(140px) translateX(0px); opacity: 1; } 100% { -o-transform: translateY(140px) translateX(-200px); opacity: 0; }} @-o-keyframes insight-toh-in { 0% { -o-transform: translateY(140px) translateX(200px); opacity: 0;} 50% { -o-transform: translateY(140px) translateX(0px); opacity: 1; } 100% { -o-transform: translateY(70px) translateX(0px); opacity: 1;}} @-o-keyframes insight-toh-out { 0% { -o-transform: translateY(70px) translateX(0px); opacity: 1;} 50% { -o-transform: translateY(140px) translateX(0px); } 100% { -o-transform: translateY(140px) translateX(-200px); opacity: 0; }} @keyframes toh-in { 0% { transform: translateY(140px) translateX(200px); opacity: 0; } 100% { transform: translateY(140px) translateX(0px); opacity: 1; }} @keyframes toh-out { 0% { transform: translateY(140px) translateX(0px); opacity: 1; } 100% { transform: translateY(140px) translateX(-200px); opacity: 0; }} @keyframes insight-toh-in { 0% { transform: translateY(140px) translateX(200px); opacity: 0;} 50% { transform: translateY(140px) translateX(0px); opacity: 1; } 100% { transform: translateY(70px) translateX(0px); opacity: 1;}} @keyframes insight-toh-out { 0% { transform: translateY(70px) translateX(0px); opacity: 1;} 50% { transform: translateY(140px) translateX(0px); } 100% { transform: translateY(140px) translateX(-200px); opacity: 0; }} .jolla-anim-container.insight .anim-toh { -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -ms-transform: translateY(70px); -o-transform: translateY(70px); transform: translateY(70px); } .jolla-anim-container.insight .anim-ui { -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -ms-transform: translateY(70px); -o-transform: translateY(70px); transform: translateY(70px); } .jolla-anim-container.insight .anim-ui.visible { /*-webkit-animation: ui-visible 2s; -ms-animation: ui-visible 2s; -o-animation: ui-visible 2s; animation: ui-visible 2s;*/ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } @-webkit-keyframes ui-visible { 0% { opacity: 0; } 60% { opacity: 0; } 100% { opacity: 1; }} @-moz-keyframes ui-visible { 0% { opacity: 0 ; } 60% { opacity: 0; } 100% { opacity: 1; }} @-ms-keyframes ui-visible { 0% { opacity: 0; } 60% { opacity: 0; } 100% { opacity: 1; }} @-o-keyframes ui-visible { 0% { opacity: 0; } 60% { opacity: 0; } 100% { opacity: 1; }} @keyframes ui-visible { 0% { opacity: 0; } 60% { opacity: 0; } 100% { opacity: 1; }} .jolla-anim-container.insight .anim-base { -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -ms-transform: translateY(70px); -o-transform: translateY(70px); transform: translateY(70px); } ul.color-picker { position: absolute; list-style: none; display: inline-block; left: 50%; margin-left: -80px; bottom: 30px; } ul.color-picker li { margin-top: 3px; width: 18px; height: 18px; margin-right: 10px; display: block; float: left; border-radius: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0.8; border: 2px dotted; } ul.color-picker li:hover, ul.color-picker li.visible { opacity: 1; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); cursor: pointer; } ul.color-picker li:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .color-picker #toh-poppy { border-color: #d56c50; } .color-picker #toh-aloe { border-color: #6ab3b6;} .color-picker #toh-black { border-color: #434343;} .color-picker #toh-white { border-color: #d7d7d7;} .color-picker #toh-poppy.visible { background: #d56c50; border-color: transparent; } .color-picker #toh-aloe.visible { background: #6ab3b6; border-color: transparent;} .color-picker #toh-black.visible { background: #434343; border-color: transparent;} .color-picker #toh-white.visible { background: #d7d7d7; border-color: transparent;} .switch-toh { position: relative; text-align: center; margin-top: 20px; margin-bottom: -40px; margin-right: -4px; height: 60px; } #switch-toh { } .jolla-touch-container { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } ul.et-social-icons { display: none; } #et-footer-nav a { text-decoration: none; } #et-footer-nav { background: #fff; } footer#main-footer, #footer-bottom { background: #fff !important; } footer#main-footer { border-top: 1px solid #f2f2f2; } .footer-elements { border-top: 1px solid #f2f2f2; padding: 25px 0px 40px; } #footer-widgets { padding-top: 60px; } #footer-widgets a { font-size: 14px; line-height: normal; } .bottom-nav { padding: 0px; max-width: 70%; float: left; } .bottom-nav li { padding: 0px; margin: 0px; } .bottom-nav li a { color: #666; display: inline-block; border-right: 1px solid #f2f2f2; padding: 0px 10px; } .bottom-nav li a:hover { color: #7EBEC5; } .bottom-nav li:first-child a { padding-left: 0px; } .bottom-nav li:last-child a { border-right: 0px; } #footer-info { float: right; font-size: 14px; } .footer-widget { width: 175px; margin: 0 30px 15px 0; } .footer-widget:last-child { margin-right: 0px; float: right; width: 280px; } #view-full-specs { margin-top: 60px; } footer h4 { text-transform: uppercase; font-size: 16px; margin-bottom: 8px; } footer ul.menu { list-style: none; } footer ul.menu a:hover { text-decoration: none; } #notice { position: fixed; width: 10%; top: 125px; left: 15px; z-index: 999999; display: block; padding: 20px; border: 1px solid #ea5c4a; color: #ea5c4a; } #stella-signup .btn { border: 0px !important; } #stella-signup .email { border-radius: 5px; border: 1px #f2f2f2 solid; padding: 9px 8px; } #stella-signup select { margin-top: 8px; border-radius: 5px; border: 1px #f2f2f2 solid; padding: 9px 8px; } #mc_embed_signup input.btn, #mc_embed_signup-2 input.btn { border: 0px; padding: 7px 12px; margin-left: 5px; } #mc_embed_signup-3 input.btn { border: 0px !important; } #mc_embed_signup-2 input.btn { padding: 9px 12px 8px 12px; } .footer-social { margin-top: 8px; width: 190px; } .subscribe-wrap { width: 100%; margin-top: 4px; font-size: 12px; color: #888; } .subscribe-wrap a { font-size: 12px !important; border-bottom: 1px #f2f2f2 dotted; text-decoration: none !important; color: #888; margin-left: 3px; } #buy-now .subscribe-wrap { width: 100%; margin-top: 10px; font-size: 12px; color: #888; } #buy-now .subscribe-wrap a { font-size: 12px !important; border-bottom: 1px #ffff dotted; text-decoration: none !important; color: #fff; } #mc_embed_signup input.btn:hover, #mc_embed_signup-2 input.btn:hover, #mc_embed_signup-3 input.btn:hover { background: #63a8a7; cursor: pointer; } #mc_embed_signup .email, #mc_embed_signup-2 .email, #mc_embed_signup-3 .email { border-radius: 5px; border: 1px #f2f2f2 solid; padding: 6px 8px; } #mc_embed_signup-3 .email { font-size: 18px; padding: 13px 16px; border-radius: 10px; margin-right: 7px; margin-bottom: 20px; } .mejs-container { display: none; overflow: hidden; margin-bottom: 10px; } /* LANDING */ #landing-cta { margin-top: 20%; } #landing-cta h3 { font-size: 28px; text-shadow: 1px 1px 5px rgba(0,0,0,0.7); } .threehk { position: absolute; right: 10px; width: 50px; bottom: 40px; } #landing-cta h1 { font-family: "league-gothic", "League Gothic", "Impact", "Helvetica"; text-transform: uppercase; font-size: 92px; -webkit-text-shadow: 1px 1px 5px rgba(0,0,0,0.5); -moz-text-shadow: 1px 1px 5px rgba(0,0,0,0.5); -o-text-shadow: 1px 1px 5px rgba(0,0,0,0.5); text-shadow: 1px 1px 5px rgba(0,0,0,0.5); } .wf-inactive #landing-cta h1 { font-size: 42px; } #logocont, #logocont .et_pb_row, #logocont .et_pb_section { width: 100% !important; position: absolute; padding: 0px; } .page-template-page-landing-php .mobile_menu_bar, .page-template-page-unlike-php .mobile_menu_bar, .page-template-page-arrival-php .mobile_menu_bar{ color: #fff !important; } .vjs-control-bar { display: none; } .et_pb_section.hands-video, .et_pb_section.sf-video { padding: 0px; overflow: hidden !important; overflow-x: hidden !important; } .et_pb_row .padup { padding-top: 50px; } .et_pb_row .paddown { padding-bottom: 50px; } #buy-now .cq-hotspot-label { opacity: 1 !important; margin-top: 8px; } #buy-now .info-icon.icon1 { background: transparent; border: 3px solid rgba( 255, 255, 255, 0.8 ); border-radius: 18px; background: rgba(0,0,0,0.25); width: 18px; height: 18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 10px 2px rgba( 106, 252, 250, 0.4 ); -moz-box-shadow: 0px 0px 10px 2px rgba( 106, 252, 250, 0.4 ); -o-box-shadow: 0px 0px 10px 2px rgba( 106, 252, 250, 0.4 ); box-shadow: 0px 0px 10px 2px rgba( 106, 252, 250, 0.4 ); overflow: visible; } #buy-now .popover-content a.btn { color: #fff !important; } #buy-now .popover-content { text-align: center; color: #444 !important; } #full-specs ul { padding: 0px !important; } #buy-now .popover-content a { margin: 6px 0px 8px 0px; display: block; } #vjs_video_3_flash_api { display: none !important; } #toh-hero .et_pb_slide { padding: 50px 0px; } h3 i { margin-right: 6px; } ul.toh-color-picker { position: relative; list-style: none; margin: 0px; padding: 0px; } ul.toh-color-picker li { margin: 3px; width: 18px; height: 18px; display: block; float: left; background: #ccc; border-top-left-radius: 8px; border-bottom-right-radius: 8px; opacity: 1; } .toh-color-picker .j_orange { background: #d56c50; } .toh-color-picker .j_aloe { background: #6ab3b6; } .toh-color-picker .j_powder { background: #e4ccc1; } .toh-color-picker .j_plum { background: #45373f; } .toh-color-picker .j_pink { background: #cfacbb; } .toh-color-picker .j_coffee { background: #5a544d; } .toh-color-picker .j_black { background: #434343; } .toh-color-picker .j_lime { background: #b4bf27; } .toh-color-picker .j_white { background: #d7d7d7; } #availability { display: none; font-size: 12px; } .page-template-page-landing-n-php #jolla-landing { padding-bottom: 10px; } .page-template-page-landing-n-php #jolla-landing .et_pb_row { padding-top: 5px; } .page-template-page-landing-n-php #jolla-landing .et_pb_row:first-child { padding-top: 70px; } .page-template-page-landing-n-php #jolla-landing .et_pb_countdown_timer .section { margin: 0px 15px; } #jolla-landing p.value, #jolla-landing p.label { color: #5ca6a7 !important; } .t-landing-hero h1 { font-size: 46px; margin-bottom: 18px; } .t-landing-hero p { color: #757575; font-size: 17px; } #signup-hero input { border: 0px; padding: 20px 20px; margin: 0px; color: #fff; transition: all 0.2s ease; border-radius: 0px; } #signup-hero input[type="email"]{ background: #426969; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } #signup-hero input[type="submit"]{ background: #4b8080; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } #signup-hero input[type="submit"]:hover { background: #355354; cursor: pointer; } .signup-container { margin-top: 0px; padding-top: 0px; } /* -- */ h1.thead { border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: inline-block; text-transform: uppercase; font-size: 42px; padding: 24px 0px; letter-spacing: 10px; margin: 20px auto 30px auto; } .et_pb_bg_layout_light h1.thead { border-top: 1px solid #5c5c5c; border-bottom: 1px solid #5c5c5c; } .hero-content { position: relative; margin-top: 0px; } h1.thead .headm { font-weight: 500; } h1.thead .headl { font-weight: 700; } .shead { font-size: 21px; } .shead-max { max-width: 500px; margin: 0 auto; } .bigmarg { margin: 160px 0px 200px; } .medmarg { margin: 80px 0px 60px; } .margtop { margin-top: 120px; } .meet-your-section { background-size: contain; } .et_parallax_bg { background-size: contain; background-position: center 25%; } .info-section .et_pb_column { margin-right: 0px; } .info-section .et_pb_row { padding-top: 0px; padding-bottom: 0px; } .info-module { width: auto !important; height: auto; padding: 60px 60px; background: #fff; margin-right: 0px; margin-bottom: 0px !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .info-module.hidden { opacity: 0; } #people-powered .info-module { position: absolute; right: 0px; top: 30%; width: 65% !important; height: auto; padding: 5%; background: #3c6e6e; margin-right: 0px; margin-bottom: 0px !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } #people-powered .info-module.insight { opacity: 1 !important; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .section-heading { margin: 140px 0px; } #subnav .et_pb_row { padding: 0px; margin: 0px auto; } #subnav .et_pb_column { padding: 0px; margin: 0px; } #subnav .et_pb_text { padding: 0px; margin: 0px; text-align: right; } ul.subnav { list-style: none; display: inline-block; margin: 0px auto; padding: 0px; } ul.subnav li { padding: 25px 15px 20px; float: left; } ul.subnav li a { padding: 12px 18px; color: #6c7a89; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } ul.subnav li.current a { color: #68b2b1; } ul.subnav li:last-child a { color: #fff; background: #68b2b1; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } ul.subnav li:last-child a:hover { background: #579796; } .info-module.insight { opacity: 1 !important; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .info-module h3 { font-size: 42px; font-weight: 300; line-height: 1.2em; } .info-module p { font-size: 18px; } #beauty-and-power .info-module { background: #21252e; color: #fff; } #beauty-and-power .info-module h3 { color: #fff; } #people-powered { padding-top: 0px; } .information-description p { font-style: italic; max-width: 600px; text-align: center; margin: 0 auto; line-height: 1.5em; font-size: 22px; font-weight: 200; } .information-description blockquote { border: 0px !important; padding-left: 0px; } .information-description blockquote p { font-style: italic; max-width: 600px; text-align: center; margin: 0 auto; line-height: 1.5em; font-size: 30px; font-weight: 200; padding-bottom: 30px; border: 0px; } .information-description blockquote.inactive { display: none; } .information-description h3 { font-size: 42px; font-weight: 200; font-style: normal; margin-bottom: 30px; } .midline { width: 40px; height: 1px; background: #fff; margin: 40px auto 10px auto; } .testimonial-quote { padding-bottom: 25px; } .testimonial-container { width: 100%; margin-top: 42px; text-align: center; } .testimonial-container img { max-height: 35px; opacity: 0.9; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .testimonial-container img.inactive:hover { cursor: pointer; opacity: 0.7; } .testimonial-container img.inactive { opacity: 0.5; } #people-powered .midline { background: #fff !important; } .et_pb_bg_layout_light .midline { background: #989898; } .corner { padding-top: 0px; margin-top: 0px; overflow: hidden; } .top-corner { margin-bottom: 0px; padding-bottom: 0px; } #specs-cont { padding: 0px; } .top-corner img { position: relative; transition: all 1.2s ease; bottom: -120px; } .top-corner.insight img { bottom: -10px; } .corner img { position: relative; -webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -ms-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease; top: -120px; } .corner.insight img { top: 0px; } .info-overlay { opacity: 1; text-align: center; background: rgba(33,37,46,0.4); margin-bottom: 0px; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .info-overlay.hidden { opacity: 0; } .info-overlay.insight { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1 !important; } .info-overlay ul li { list-style: none; color: #fff; font-size: 48px; font-weight: 200; margin-bottom: 30px; } .info-overlay ul { position: relative; top: 35%; } .mark { width: 115px; height: 2px; background: #68b2b1; margin: 15px 0px 40px 0px; } #people-powered .et_pb_row:first-child { padding-top: 0px; margin-top: 0px; } #t-hero { padding: 0px; position: absolute; width: 100%; background: #444; -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -ms-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; transition: opacity 0.8s ease; } #t-hero.hide-scene { opacity: 0; } #video-bg { position: absolute; bottom: 0px; right: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; background: url(images/hero_t_flat.jpg) top center no-repeat; background-size: cover; } .t-hero-cover { position: absolute; bottom: 0px; right: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; background: url(images/hero_t_flat.jpg) top center no-repeat; background-size: cover; display: none; } #t-hero .hero-cta { position: absolute; bottom: 30px; width: 100%; text-align: center; } #t-hero .t-hero-cont { position: absolute; width: 100%; text-align: center; color: #fff; } #t-hero .t-hero-cont h1 { color: #fff; } .hero-cta a , .landing-cta a{ color: #fff; margin-right: 15px; } .hero-cta i, .landing-cta i { color: #695c53; font-size: 9px; background: #fff; padding: 5px 6px 5px 6px; border-radius: 50%; position: relative; top:-3px; left: -3px; } .page-template-page-landing-t-php #jolla-hero #stop-video { background: none; } .cont-button { background: #eb1478; display: inline-block; text-align: center; padding: 7px 0px; color: #fff; font-size: 16px; width: 222px; font-weight: bold; text-transform: uppercase; border: 0px; } #t-hero, #jolla-hero, #hero-video { height: 600px; } .t-hero-cont { margin-top: 100px; } .landing-cta { margin-top: 25px; } #render-rot, #render-rot .et_pb_row, #render-rot .et_pb_text { margin: 0px; padding: 0px; width: 100%; } .grid-item { float: left; } .grid-content { background: #fff; padding: 25px; min-height: 240px; margin: 5px; } .grid-lg .grid-content { min-height: 540px; } .grid-content .mark { width: 60px; margin-bottom: 25px; clear: both; } .grid-content h4 { font-size: 21px; font-weight: 600; } .grid-content ul { list-style: none; padding: 0px; margin: 10px 0px 0px 0px; } .grid-content ul li { font-size: 18px; margin-bottom: 7px; } .grid-content p { font-size: 18px; } .img-content img { margin: 5px; max-width: 530px; width: 100%; } .grid-sm { min-height: 300px; } .grid-lg { min-height: 600px; } .grid-1-4 { width: 25%; } .grid-2-4 { width: 50%; } #contribute-now { background-position: top center; padding-top: 280px; } #contribute-now h3 { font-size: 36px; font-weight: 200; margin-bottom: 20px; } #contribute-now p { font-size: 20px; line-height: 1.4em; font-weight: 200; } #contribute-now a:link { color: #fff; border-bottom: 1px dotted #fff; } #subnav { width: 100%; z-index: 99; padding: 0px; } #ie9 .et_parallax_bg, #ie8 .et_parallax_bg, #i7 .et_parallax_bg { background-size: 100%; top: 250px; background-position: center 250px; } #ie9 .meet-your-section .info-module.mob-first, #ie8 .meet-your-section .info-module.mob-first, #ie7 .meet-your-section .info-module.mob-first{ margin-top: 280px; } .hero-empty { display: none !important; } .page-template-page-landing-n-php .t-hero-cont { margin-top: 40px; } .page-template-page-landing-n-php header#main-header { position: absolute; } .timer-section .et_pb_row { padding: 0px; } body.blog, body.single-post, body.archive { /*background: url(images/blog_bg_base.jpg) top left repeat;*/ background-image: url(images/blog_bg_top.jpg), url(images/blog_bg_base.jpg); background-repeat: no-repeat, repeat; background-position: 0 0; background-size: contain, auto; background-color: #5ba2a1; } #blog-archive, #blog-post { max-width: 1100px; margin: 80px auto 0px; position: relative; } #blog-post article { max-width: 1080px; margin: 10px 10px 60px 10px; background: #fff; padding-bottom: 0px; } .blog-img-wrap img { width: 100%; } .blog-wrap { max-width: 600px; padding: 20px; margin: 0 auto; } .blog-wrap p { font-size: 16px; } .profile-section { background: #f5f5f5; padding: 40px 0px; margin-top: 40px; } .profile-section .holder { max-width: 600px; padding: 20px; margin: 0 auto; overflow: auto; } .profile-img { width: 100%; max-width: 200px; float: left; } h3.author-name { font-size: 24px; font-weight: 600; } .profile-info { width: 100%; max-width: 400px; float: left; font-size: 16px; font-weight: 600; } .profile-info p { font-size: 15px; } .post-info { display: block; font-size: 12px; margin-bottom: 10px; color: #63a8a7; } .author-meta { margin-top: 15px; font-size: 18px; } .profile-img img { border-radius: 50%; } .blog article, .archive article { background: #fff; margin-bottom: 15px; padding: 0px; display: table; float: left; transition: all 0.2s ease; } .blog article:hover, .archive article:hover { box-shadow: 0px 0px 0px 5px #4a807f; } .blog article:hover h1, .archive article:hover h1 { color: #68b2b1; } .blog article.full, .archive article.full { width: 98%; margin: 1%; } .blog article.half, .archive article.half { width: 48%; margin: 1%; } .cont-right, .cont-left { width: 50%; float: left; } .blog article.half .cont-right, .archive article.half .cont-right { display: table-header-group; float: none; width: 100%; } .blog article.half .cont-left, .archive article.half .cont-left { display: table-footer-group; float: none; width: 100%; } .blog img, .archivev img { margin: 0px !important; padding: 0px !important; line-height: 0; } .cont-right { line-height: 0; } .blog-post-content { padding: 40px; } .blog-post-content h1 { font-size: 42px; color: #333333; font-weight: 200; margin-bottom: 10px; transition: all 0.2s ease; } .blog-post-content p { font-size: 18px; margin-bottom: 20px; } header#blog-header { max-width: 1080px; margin: 0 auto; text-align: center; padding: 30px 20px 15px; } .blog-logo { position: relative; left: -75px; } .go-back { float: left; margin-top: 30px; color: #fff; display: inline-block; width: 140px; text-align: left; } .go-back:hover { color: #fff; text-decoration: underline; } .go-back i { font-size: 8px; margin-right: 6px; } .blog header#main-header, .single-post header#main-header, .archive header#main-header { display: none; } .btn-blog { border: 1px solid #58a3a2; background: none; color: #58a3a2; text-transform: none; padding: 6px 18px; font-weight: 600; } .btn-unlike { border: 1px solid #fff; background: none; color: #fff; text-transform: none; padding: 6px 18px; font-weight: 300; margin-top: 25px; } .btn-unlike:hover { background: rgba(255,255,255,0.25); } .hero-unlike { padding: 10px 20px; } .btn-blog:hover { background: #58a3a2; color: #fff; } .cat-cont { display: block; margin-bottom: 20px; } .blog-cats a { margin-left: 5px; } .blog-cats a:first-child { margin-left: 0px; } .blog-cats { font-size: 11px; display: inline-block; font-weight: bold; padding-bottom: 15px; padding-right: 0px; text-transform: uppercase; color: #68b2b1; border-bottom: 2px solid #68b2b1; letter-spacing: 1px; } .single-post .blog-cats { margin: 10px 0px 40px; } .blog-post-content .blog-cats { margin: 10px 0px 10px; } .blog-wrap h1 { font-size: 60px; font-weight: 300; } .archive footer#main-footer, .blog footer#main-footer { margin-top: 60px; } .ssba { margin-top: 20px; } .ssba_sharecount { top: -12px; left: 3px; margin-right: 6px; } #signup-hero h1 { font-size: 66px; max-width: 550px; margin: 0 auto 20px; } #signup-hero h3 { font-size: 32px; font-weight: 200; max-width: 700px; line-height: normal; margin: 0 auto 20px; color: #fff; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .et_pb_animation_fade_in { display: block !important; opacity: 1 !important; } #secondary-menu { display: none !important; } .et_pb_fullwidth_section { padding: 0px !important; margin: 0px; } .sf-video .big-video-wrap, .hands-video .big-video-wrap { display: none !important; } .et_parallax_bg { background-size: contain; background-position: center 250px; } .contribute-now { padding-top: 40px; } .meet-your-section .info-module.mob-first { margin-top: 280px; } .t-hero-cover { display: block; } .info-module { opacity: 1 !important; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #people-powered { margin-bottom: 0px; padding-bottom: 0px; } } @media only screen and ( max-width: 1600px ) { #hero-hands { bottom: -40px; left: 40%; margin-left: -400px; } #unlike { top: 20%; right: 9%; } #people-powered .et_pb_row:first-child { width: 1300px; } #hero-cta { top: 47%; width: 100%; max-width: 500px; right: 9%; } .namibia #hero-cta { right: 12%; } } @media only screen and ( max-width: 1300px ) { #hero-hands { max-width: 70%; left: 25%; margin-left: -300px; } #people-powered .et_pb_row:first-child { padding-top: 0px; margin-top: 0px; width: auto; } #unlike { right: 10%; margin-left: 0px !important; top: 20%; max-width: 45%; } .namibia #unlike { } #hero-cta { right: 5%; top: 45%; max-width: 45%; margin-left: 0px !important; } .namibia #hero-cta { top: 62%; right: 8.5%; max-width: 42.5%; } } @media only screen and ( max-width: 1200px ) { .hands-video { display: none; } #jolla-hero.stella .et_pb_row { margin-top: 80px; } .namibia #hero-cta { top: 55%; } ul.subnav li { padding: 15px 15px 10px; } ul.subnav li a { padding: 12px 18px; } } @media only screen and ( max-width: 1025px ) { ul#scene li.layer-background { opacity: 0; } ul#scene.stella li.layer-background { opacity: 1; } ul.subnav li { font-size: 12px; padding: 15px 8px 10px; } ul.subnav li a { padding: 12px 18px; } } @media only screen and ( max-width: 980px ) { .footer-widget:last-child { float: left; width: 100%px; } .indie-holder { text-align: left !important; } .information-description p { font-size: 16px; } #jolla-landing h1 { font-size: 62px; } .info-module { padding: 20px; } .bigmarg, .medmarg { margin: 30px 0px 30px; } .margtop { margin-top: 10px; } .section-heading { margin: 30px 0px 50px; padding-bottom: 30px; } .et_pb_fullwidth_section { padding: 0px !important; margin: 0px; } #contribute-now p { font-size: 16px; } .grid-content h4 { font-size: 16px; } .grid-content ul li { font-size: 14px; } .mark { margin: 10px 0px; } .midline { margin: 15px auto; } #people-powered .info-module { position: relative; width: auto !important; left: 0px; top: 0px; float: left; } #beauty-and-power .info-module { margin-bottom: 15px !important; } .info-module h3 { font-size: 32px; } .info-module p { font-size: 16px; } .info-overlay { display: none; } .page-template-page-landing-n-php #jolla-landing h1 { font-size: 42px; } #jolla-hero.stella { height: auto !important; } .down-arrow { display: none; } .grid-item { width: 50%; } .grid-2-4 { width: 100%; } .stella-hero { margin-top: 10px; } #landing-cta { margin-top: 10%; padding-left: 50%; width: 50%; } .meet-your-section .et_pb_text { margin-bottom: 0px !important; } .meet-your-section .et_pb_text.info-module { margin-bottom: 15px !important; } #landing-cta h3 { font-size: 18px; } .mobile_menu_bar { top: 8px; text-decoration: none !important; } #main-header .container{ margin-top: 5px; padding: 0px !important; } .et_pb_countdown_timer_container p.value { font-size: 62px !important; margin: 0px 12px; } .et_pb_countdown_timer_container p.label { font-size: 22px !important; } .et_pb_countdown_timer .section.days, .et_pb_countdown_timer .section.hours, .et_pb_countdown_timer .section.minutes, .et_pb_countdown_timer .section.seconds { margin: 0px !important; } #main-header { padding-bottom: 5px !important; } .bottom-nav, #footer-info { margin-bottom: 15px; width: 100%; max-width: 100%; } .et_pb_section, .et_pb_row { padding: 15px 0 5px 0; } .et_pb_column { padding-bottom: 0px; } #under-the-hood .et_pb_column_1_4 { width: 325px; } .et_pb_text { width: 100%; } h2.section-title { margin-bottom: 10px; } .jolla-anim-container { min-height: 420px; } #hero-hands { max-width: 80%; width: 80%; margin-left: 0px !important; left: 10%; } #unlike { width: 70%; max-width: 70%; left: 15%; margin-left: 0px !important; top: 12%; } .namibia #unlike { width: 50%; top: 5%; } #hero-cta { top: 35%; margin-left: 0px !important; width: 50%; max-width: 50%; left: 25%; } .namibia #hero-hands { display: none; } #mc_embed_signup-3 .email { font-size: 14px; padding: 6px 10px; } #hero-cta .btn, #namibia-cta .btn, .namibia input.btn { font-size: 14px; padding: 6px 12px; } } @media only screen and ( max-width: 767px ) { #secondary-menu, #subnav { display: none; } header#blog-header { padding: 10px; } .profile-section { text-align: center; } .profile-img { margin-bottom: 20px; } .profile-img, .profile-info { max-width: 100%; } .go-back { margin-top: 5px; margin-bottom: 10px; width: 100%; } .blog-logo { left: 0px; padding: 15px; margin-top: 20px; } .blog article.half, .blog article.full, .archive article.half, .archive article.full { width: 90%; margin: 2% 5%; } .blog article img, .archive article img { width: 100%; } .blog article .cont-right, .archive article .cont-right { display: table-header-group; float: none; width: 100%; } .blog article .cont-left, .archive article .cont-left { display: table-footer-group; float: none; width: 100%; } h1.thead { font-size: 28px; padding: 24px 0px; letter-spacing: 5px; margin: 20px auto 30px auto; } h1.thead-max { font-size: 22px; padding: 22px 0px; letter-spacing: 4px; margin: 15px auto 25px auto; } p.shead { font-size: 14px; } #signup-hero { margin-bottom: 15px; } .et_pb_section.sf-video h2 { font-size: 42px; } .et_pb_section.sf-video h3 { font-size: 16px; } #jolla-landing { height: auto !important; } #view-full-specs { margin-top: 0px; } .namibia #unlike { width: 80%; top: 5%; } } @media only screen and ( max-width: 480px ) { h1 { font-size: 42px; } .hero-unlike { max-width: 240px; } .blog-logo { max-width: 300px; } #blog-post, #blog-archive { margin-top: 10px; } #signup-hero h1 { font-size: 38px; max-width: 350px; } #signup-hero h3 { font-size: 22px; max-width: 350px; } #tech-specs video { display: none; } .font-max-wrap { word-break: break-all; } .grid-item { width: 100%; height: auto; min-height: 0px; } #video-bg { display: none; } #t-hero { background: url(images/hero_t_flat.jpg) top center no-repeat; background-size: cover; } .grid-lg .grid-content { min-height: 0px; height: auto; } .et_parallax_bg { background-size: contain; background-position: center 250px; } .contribute-now { padding-top: 40px; } .meet-your-section .info-module.mob-first { margin-top: 280px; } .info-module { opacity: 1 !important; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .et_pb_countdown_timer_container p.value { font-size: 50px !important; margin: 0px 5px; } .et_pb_countdown_timer_container p.label { font-size: 14px !important; } h2.section-title { font-size: 32px; } .mc-field-group .email { margin-bottom: 10px; } .sf-video .big-video-wrap, .hands-video .big-video-wrap { display: none !important; } #jolla-landing h1 { font-size: 42px; } .page-template-page-landing-n-php #jolla-landing h1 { font-size: 32px; } .wf-inactive #jolla-landing h1 { font-size: 24px; } #landing-cta h3 { font-size: 14px; } #landing-cta .btn { font-size: 12px; padding: 4px 12px; } .jolla-touch-container, .hotspot-container, .et_pb_slider { display: none; } #availability { display: block; } .gogo { display: none; } #availability hr { margin-bottom: 20px; display: block; } .et_pb_animation_fade_in { display: block !important; opacity: 1 !important; } .jolla-anim-container { min-height: 320px; } .threehk { display: none; } #have-it-your-way { margin-top: 30px; } #under-the-hood .et_pb_column_1_4 { width: 100%; } .modal-overlay.toggled .modal { top: 5%; position: fixed; left: 0%; width: 80%; margin-left: 0px; } .modal { width: 80%; margin: 0px; padding: 0% 10%; min-width: 0px; } #unlike { top: 15%; } .namibia #unlike { top: 15%; } #hero-hands { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } ul#language-list { width: 80%; margin-top: 40px; text-align: center; } ul#language-list li { font-size: 14px; margin-bottom: 0px; } ul#language-list li > a { color: #ccc; display: inline-block; text-decoration: none; padding: 3px 12px; } ul#language-list li.active { margin: 5px 0px; } #hero-hands { max-width: 100%; width: 100%; margin-left: 0px !important; left: 0%; } #hero-cta { top: 35%; margin-left: 0px !important; width: 100%; max-width: 100%; text-align: center; left: 0%; } .namibia #hero-cta { text-align: left; width: 100%; } #jollastory h3, #we-are-unlike h3 { font-size: 16px; } .et_pb_row .padup { padding-top: 20px; } .et_pb_row .paddown { padding-bottom: 20px; } #user-experience .item-container img { max-width: 140px; } #gestures .item-container img { max-width: 120px; } #under-the-hood img { max-width: 100px; } } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (-webkit-min-device-pixel-ratio: 2) { #hero-cta { top: 35%; margin-left: 0px !important; width: 75%; max-width: 75%; text-align: left; left: 25%; } #hero-video, #play-video { display: none; } }