Editing: site_style_light_blue.css
@charset "UTF-8"; /* Table of content 0 Wordpress core styles 1 Base styles 1.1 Buttons 1.2 Forms 1.3 Layout 1.3.1 Header 1.3.2 Footer 1.4 Typography 2 Site styles 2.1 Site styles 2.2 Widgets 2.3 Service layout 3 Vendors 3.1 Woocommerce 3.2 VC standart modules 3.3 Vendors 3.4 Radio/checkbox 4 Mobile styles 4.1 Responsive bootstrap enhanced base styles 4.2 Responsive site styles */ /* 0 Wordpress core styles */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 10px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 5px 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } .bypostauthor > article .fn:after { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-family: "Genericons"; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; speak: none; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: top; } .wp-caption-text { margin-top: 10px; } .gallery { margin-bottom: 30px; } .gallery .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; margin: 0; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { max-width: 100%; height: auto; margin: 0 auto; } .gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-size: 12px; line-height: 1.5; padding: 0.5em 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .bypostauthor { text-decoration: none; } /* 1 Base Styles */ /* 1.1 Buttons */ .stm-button, input[type="submit"], button, .button, .load-more-btn { display: block; text-align: center; padding: 17px 28px 15px; font-size: 14px; line-height: 14px; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; color: #fff !important; border-radius: 3px; background-color: #2ea6b8; text-decoration: none !important; outline: none !important; visibility: visible; border: none; white-space: normal; -webkit-box-shadow: 0 2px 0 #567ab4; -moz-box-shadow: 0 2px 0 #567ab4; box-shadow: 0 2px 0 #567ab4; } .stm-button.button-sm, input[type="submit"].button-sm, button.button-sm, .button.button-sm, .load-more-btn.button-sm { padding: 13px 18px 11px; font-size: 12px; line-height: 12px; } .stm-button:active, input[type="submit"]:active, button:active, .button:active, .load-more-btn:active { position: relative; top: 2px; -webkit-box-shadow: 0 0 0 #567ab4; -moz-box-shadow: 0 0 0 #567ab4; box-shadow: 0 0 0 #567ab4; } .stm-button.not-visible, input[type="submit"].not-visible, button.not-visible, .button.not-visible, .load-more-btn.not-visible { opacity: 0; visibility: hidden; } .stm-button { display: inline-block; } .stm-button.stm-button-icon { position: relative; padding: 16px 25px 15px 45px; font-weight: 700; visibility: inherit; } .stm-button.stm-button-icon i { position: absolute; top: 50%; left: 16px; font-size: 18px; margin-top: -9px; } .stm-button:active { box-shadow: 0 0 0 transparent !important; } .icon-button { position: relative; padding-left: 60px; padding-right: 42px; letter-spacing: -0.2px; font-weight: 700; } .icon-button i { position: absolute; padding-left: 1px; top: 50%; margin-top: 1px; left: 32px; font-size: 17px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .button-fluid { width: 100%; } .stm-request-test-drive { margin-top: 13px; width: 100%; } .contact-us-submit input[type=submit] { padding-left: 43px; padding-right: 43px; } /* 1.2 Form controls, form groups */ input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="search"], input[type="password"] { display: block; width: 100%; height: 47px; line-height: 47px; padding: 0 21px; font-weight: 400; color: #888888; border: 2px solid #eceff3; font-size: 14px; outline: none !important; background-color: #eceff3; } input[type="text"].form-error, input[type="number"].form-error, input[type="tel"].form-error, input[type="email"].form-error, input[type="search"].form-error, input[type="password"].form-error { border-color: #ff2325; } input[type="text"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus { background-color: #fff; border-color: #2ea6b8; color: #1d2428; } .stm-row-comments input[type="text"], .stm-row-comments input[type="tel"], .stm-row-comments input[type="email"], .stm-row-comments input[type="search"], .stm-row-comments input[type="password"] { height: 44px; line-height: 44px; } .stm-forms-sm { margin-bottom: 11px; } .stm-forms-sm input[type="text"], .stm-forms-sm input[type="tel"], .stm-forms-sm input[type="email"], .stm-forms-sm input[type="search"], .stm-forms-sm input[type="password"] { height: 37px; line-height: 37px; } .stm-sell-a-car-form .form-content .contact-details input[type="text"], .stm-sell-a-car-form .form-content .contact-details input[type="tel"], .stm-sell-a-car-form .form-content .contact-details input[type="email"], .stm-sell-a-car-form .form-content .contact-details input[type="search"], .stm-sell-a-car-form .form-content .contact-details input[type="password"], .stm-sell-a-car-form .form-content .contact-details textarea { background-color: #fff; } .stm-sell-a-car-form .form-content, .stm-contact-us-form-wrapper { /* Firefox 18- */ /* Firefox 18- */ } .stm-sell-a-car-form .form-content input[type="text"], .stm-sell-a-car-form .form-content input[type="tel"], .stm-sell-a-car-form .form-content input[type="email"], .stm-sell-a-car-form .form-content input[type="search"], .stm-sell-a-car-form .form-content input[type="password"], .stm-contact-us-form-wrapper input[type="text"], .stm-contact-us-form-wrapper input[type="tel"], .stm-contact-us-form-wrapper input[type="email"], .stm-contact-us-form-wrapper input[type="search"], .stm-contact-us-form-wrapper input[type="password"] { height: 43px; line-height: 43px; } .stm-sell-a-car-form .form-content textarea, .stm-contact-us-form-wrapper textarea { max-height: 143px; padding-top: 8px; } .stm-sell-a-car-form .form-content input::-webkit-input-placeholder, .stm-contact-us-form-wrapper input::-webkit-input-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content input::-moz-placeholder, .stm-contact-us-form-wrapper input::-moz-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content input:-moz-placeholder, .stm-contact-us-form-wrapper input:-moz-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content input:-ms-input-placeholder, .stm-contact-us-form-wrapper input:-ms-input-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content textarea::-webkit-input-placeholder, .stm-contact-us-form-wrapper textarea::-webkit-input-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content textarea::-moz-placeholder, .stm-contact-us-form-wrapper textarea::-moz-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content textarea:-moz-placeholder, .stm-contact-us-form-wrapper textarea:-moz-placeholder { font-size: 13px; } .stm-sell-a-car-form .form-content textarea:-ms-input-placeholder, .stm-contact-us-form-wrapper textarea:-ms-input-placeholder { font-size: 13px; } .stm-mc-unit input[type="text"], .stm-mc-unit input[type="tel"], .stm-mc-unit input[type="email"], .stm-mc-unit input[type="search"], .stm-mc-unit input[type="password"] { display: block; width: 100%; height: 38px; line-height: 38px; border: none; padding: 0 17px; font-weight: 400; color: #aaa; font-size: 13px; outline: none !important; background-color: #fff; } textarea { padding: 21px; width: 100%; max-width: 100%; background-color: #eceff3; border: 2px solid #eceff3; color: #888; resize: none; } textarea:focus { background-color: #fff; border-color: #2ea6b8; color: #1d2428; } .single-car-form textarea { height: 158px; } .single-car-form input[type="submit"] { display: inline-block; padding-left: 44px; padding-right: 44px; } .form-label { margin-bottom: 2px; text-transform: uppercase; color: #888; font-size: 12px; } .form-label-small { margin-bottom: 3px; color: #888; font-size: 13px; } .form-modal-label { margin-bottom: 3px; font-size: 13px; color: #888; } .form-group { margin-bottom: 19px; } .form-group-textarea { margin-bottom: 16px; } .wpcf7-not-valid { border-color: #ff2325 !important; } .has-error input[type="text"], .has-error input[type="tel"], .has-error input[type="email"], .has-error input[type="search"], .has-error input[type="password"] { border-color: #ff2325; } .modal-body input { height: 37px; line-height: 37px; } .form-error { border-color: #ff2325; } .stm-form-alert { margin-top: 6px; font-size: 13px; line-height: 18px; color: #888; } .form-hr { margin: 0 0 29px; background-color: #dddddd; } .comment-form-comment textarea { height: 172px; } input[type=checkbox], input[type=radio] { margin: 0; position: relative; top: -1px; vertical-align: middle; } span.wpcf7-list-item { margin-left: 0 !important; } .wpcf7-list-item-label { color: #888 !important; font-size: 13px; } textarea, input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="radio"] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } .stm-label-type-2 { margin-bottom: 5px; font-weight: 400; } /* 1.3 Layout styles */ html { overflow-y: scroll; font-size: 100%; } body { font-family: 'Open Sans'; font-size: 14px; line-height: 22px; color: #555555; } .container { width: auto; max-width: 1140px; } #wrapper { overflow: hidden; } .stm-col-pad-left { padding-left: 25px !important; } .stm-col-pad-right { padding-right: 25px !important; } .modal-open #wrapper { -webkit-filter: blur(8px); -moz-filter: blur(8px); -o-filter: blur(8px); -ms-filter: blur(8px); filter: blur(8px); } .row-4 .col-md-3:nth-child(4n+1) { clear: both; } .row-3 .col-md-4:nth-child(3n+1) { clear: both; } .row-2 .col-md-6:nth-child(2n+1) { clear: both; } .post-type-archive-service #wrapper { margin-bottom: 30px; } .wpcf7-response-output { margin: 10px 0 0 !important; padding: 15px !important; border: 2px solid #2ea6b8 !important; color: #2ea6b8 !important; border-radius: 5px; } .wpcf7-response-output.wpcf7-validation-errors { border-color: #ff2325 !important; color: #ff2325 !important; } .wpcf7-response-output.wpcf7-mail-sent-ok { border-color: #32cd32 !important; color: #32cd32 !important; } .wpcf7-not-valid-tip { display: none !important; } .mg-bt-25px { margin-bottom: 25px; } #top-bar { background-color: #1d2428; } /* 1.3.1 Header */ #top-bar { text-transform: uppercase; line-height: normal; } #top-bar .top-bar-wrapper { padding: 12px 0 9px; border-bottom: 1px solid #373b3e; } #top-bar .language-switcher-unit { position: relative; } #top-bar .language-switcher-unit .stm_current_language { text-transform: uppercase; } #top-bar .language-switcher-unit .stm_current_language i { position: relative; top: -2px; margin-left: 5px; vertical-align: middle; font-size: 16px; } #top-bar .language-switcher-unit:hover { cursor: pointer; } #top-bar .header-login-url { margin-left: 43px; } #top-bar .header-login-url a { display: inline-block; vertical-align: top; text-decoration: none !important; } #top-bar .header-login-url a:hover { color: #fff; } #top-bar .header-login-url .fa.fa-user { margin-right: 10px; font-size: 14px; } #top-bar .header-top-bar-socs { margin-left: 60px; } #top-bar .header-top-bar-socs ul { list-style: none; padding: 0; margin: 0; } #top-bar .header-top-bar-socs ul li { float: left; margin-right: 15px; margin-bottom: 0; } #top-bar .header-top-bar-socs ul li:first-child { margin-right: 14px; } #top-bar .header-top-bar-socs ul li a .fa { font-size: 14px; } #top-bar .header-top-bar-socs ul li a:hover { color: #fff; } #top-bar .header-top-bar-socs ul li:last-child { margin-right: 0; } #top-bar .top-bar-info { list-style: none; padding: 0; margin-bottom: 0; } #top-bar .top-bar-info li { float: right; margin-left: 50px; margin-bottom: 0; line-height: 14px; } #top-bar .top-bar-info li:hover { color: #fff; } #top-bar .top-bar-info li .fancy-iframe { display: block; } #top-bar .top-bar-info li .fa { font-size: 14px; margin-right: 5px; } #top-bar .top-bar-info li .fa.fa-phone { position: relative; top: 1px; } #top-bar .top-bar-info li:last-child { margin-left: 0; } .vertical-divider { position: relative; top: 2px; display: inline-block; vertical-align: top; margin: 0 8px 0; width: 1px; height: 10px; background-color: #373b3e; } #header { position: relative; z-index: 60; } #header .logo-main { float: left; } #header .logo-main .blogname { text-transform: uppercase; } #header .logo-main .blogname h1 { margin-bottom: 0; } #header .logo-main .blogname:hover { text-decoration: none; } .header-main { padding: 28px 0 25px; line-height: 14px; background-color: #232628; } .header-main .header-top-info { float: right; } .header-main .header-main-socs { margin-left: 46px; } .header-main .header-main-socs ul { list-style: none; padding: 0; margin: 0; } .header-main .header-main-socs ul:after { display: table; content: ""; clear: both; } .header-main .header-main-socs ul li { display: block; float: left; margin-left: 15px; margin-bottom: 0; } .header-main .header-main-socs ul li:first-child { margin-left: 0; } .header-main .header-main-socs ul li a { display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; background-color: #2f3234; color: #fff; text-indent: 1px; } .header-main .header-main-socs ul li a i { font-size: 14px; } .header-main .header-main-socs ul li a:hover { background-color: #2ea6b8; } .header-main .header-main-socs ul li.facebook a { text-indent: 0; } .header-main .header-secondary-phone { margin-left: 39px; } .header-main .header-secondary-phone .phone { margin-bottom: 3px; vertical-align: bottom; } .header-main .header-secondary-phone .phone .phone-label { margin-right: 2px; color: #2ea6b8; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .header-main .header-secondary-phone .phone .phone-number { color: #fff; font-size: 14px; font-weight: 700; } .header-main .header-secondary-phone-single .phone .phone-label { display: block; margin-bottom: 1px; } .header-main .header-secondary-phone-single .phone .phone-number { font-size: 18px; line-height: 18px; } .header-main .header-main-phone { position: relative; padding-left: 41px; margin-left: 30px; } .header-main .header-main-phone .stm-icon-phone { position: absolute; top: 0; left: 0; color: #2ea6b8; font-size: 33px; } .header-main .header-main-phone .phone { margin-top: 1px; } .header-main .header-main-phone .phone .phone-label { margin-right: 2px; color: #2ea6b8; font-size: 11px; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 1px; } .header-main .header-main-phone .phone .phone-number { color: #fff; font-size: 18px; line-height: 18px; font-weight: 700; letter-spacing: 0.5px; } .header-main .header-address { position: relative; padding-left: 42px; max-width: 248px; } .header-main .header-address .stm-icon-pin { position: absolute; top: 0; left: 0; font-size: 34px; color: #2ea6b8; } .header-main .header-address .address .heading-font { color: #fff; font-size: 12px; line-height: 18px; text-transform: uppercase; } .header-main .header-address .address .fancy-iframe { position: relative; top: -1px; margin-left: 3px; color: #2ea6b8; font-size: 11px; font-weight: 700; text-transform: uppercase; border-bottom: 1px dashed #2ea6b8; } .header-main .header-address .address .fancy-iframe:hover { color: #2ea6b8; border-bottom-color: #2ea6b8; } .fancy-iframe:hover { cursor: pointer; } .header-nav { margin-bottom: 15px; background: #fff; z-index: 15; } .header-nav.header-nav-default { background-color: #eaedf0; margin-bottom: 0; /*Default header fixed*/ } .header-nav.header-nav-default.header-nav-fixed.header-nav-sticky { position: fixed; top: 0; left: 0; right: 0; background-color: #eaedf0; -webkit-transform: translateZ(0); } .header-nav.header-nav-transparent { position: absolute; top: 100%; left: 0; right: 0; background: rgba(234, 237, 240, 0.8); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); /*Transparent header fixed*/ } .header-nav.header-nav-transparent.header-nav-fixed.header-nav-sticky { position: fixed; top: 0; left: 0; right: 0; background-color: #eaedf0; -webkit-transform: translateZ(0); } .header-nav:after { display: table; content: ""; clear: both; } .main-menu { float: left; } .main-menu .header-menu { padding: 0; margin: 0; margin-left: -21px; list-style: none; } .main-menu .header-menu > li { position: relative; float: left; margin-bottom: 0; } .main-menu .header-menu > li.menu-item-has-children > a:after { position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); top: 50%; margin-top: -6px; right: 7px; font-size: 12px; content: "\f107"; } .main-menu .header-menu > li:first-child { margin-left: 0; } .main-menu .header-menu > li.current-menu-item:first-child, .main-menu .header-menu > li .current_page_item:first-child { margin-left: 21px; } .main-menu .header-menu > li.current-menu-item > a, .main-menu .header-menu > li .current_page_item > a { background-color: #2ea6b8; color: #fff; } .main-menu .header-menu > li:hover > a { background-color: #2ea6b8; color: #fff !important; } .main-menu .header-menu > li > a { display: block; position: relative; height: 52px; padding: 0 21px; line-height: 52px; text-transform: uppercase; text-decoration: none !important; } .main-menu .header-menu > li:hover > ul { visibility: visible; top: 100%; opacity: 1; } .main-menu .header-menu > li > ul { visibility: hidden; opacity: 0; padding: 0; list-style: none; position: absolute; width: 250px; top: 105%; left: 0; background-color: #fff; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .main-menu .header-menu > li > ul li { position: relative; margin-bottom: 0; margin-left: 0 !important; } .main-menu .header-menu > li > ul li.menu-item-has-children > a:after { position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); top: 50%; margin-top: -7px; right: 20px; font-size: 14px; content: "\f105"; } .main-menu .header-menu > li > ul li a { position: relative; display: block; padding: 12px 30px 12px 34px; text-decoration: none !important; font-weight: 400; } .main-menu .header-menu > li > ul li a:hover { color: #fff; background-color: #2ea6b8; } .main-menu .header-menu > li > ul li > ul { visibility: hidden; opacity: 0; padding: 0; list-style: none; position: absolute; width: 250px; top: 0; left: 105%; background-color: #fff; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); z-index: -1; } .main-menu .header-menu > li > ul li > ul li > ul { visibility: hidden; opacity: 0; padding: 0; list-style: none; position: absolute; width: 250px; top: 0; left: 105%; background-color: #fff; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); z-index: -1; } .main-menu .header-menu > li > ul li > ul li > ul li > ul { visibility: hidden; opacity: 0; padding: 0; list-style: none; position: absolute; width: 250px; top: 0; left: 105%; background-color: #fff; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); z-index: -1; } .main-menu .header-menu > li > ul li > ul li > ul li:hover > ul { visibility: visible; left: 100%; opacity: 1; } .main-menu .header-menu > li > ul li > ul li:hover > ul { visibility: visible; left: 100%; opacity: 1; } .main-menu .header-menu > li > ul li:hover > ul { visibility: visible; left: 100%; opacity: 1; } .header-help-bar { float: right; margin-left: 15px; } .header-help-bar > ul { margin: 0; padding: 0; list-style: none; } .header-help-bar > ul:after { display: table; content: ""; clear: both; } .header-help-bar > ul li { display: block; float: left; margin-bottom: 0; } .header-help-bar > ul li.nav-search > a { padding: 0; } .header-help-bar > ul li:first-child { margin-left: 0; } .header-help-bar > ul li a { padding: 0 13px; display: block; position: relative; text-decoration: none !important; } .header-help-bar > ul li a:hover { background-color: #f7f8f9; } .header-help-bar > ul li a .list-label { position: relative; top: 1px; margin-right: 4px; text-transform: uppercase; color: #1d2428; font-size: 11px; line-height: 52px; font-weight: 700; } .header-help-bar > ul li a .list-icon { position: relative; top: -1px; vertical-align: middle; color: #1d2428; font-size: 24px; } .header-help-bar > ul li a .list-badge { position: absolute; top: 7px; right: 2px; min-width: 18px; font-weight: 700; font-size: 11px; color: #fff; background-color: #2ea6b8; padding: 0 2px; line-height: 18px; border-radius: 50%; text-align: center; -webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.14); box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.14); } .header-help-bar > ul li.help-bar-compare .list-label { margin-right: 3px; } .header-help-bar > ul li.help-bar-live-chat .list-icon { top: 0; font-size: 26px; } .header-help-bar > ul li.nav-search { margin-left: 13px; } .header-help-bar > ul li.nav-search > a { display: block; margin-top: 8px; height: 35px; width: 35px; text-align: center; line-height: 35px; border: 2px solid #fff; border-radius: 50%; color: #1d2428; text-indent: 1px; font-size: 13px; } .header-help-bar > ul li.nav-search > a i { position: relative; top: -1px; } .header-help-bar > ul li.nav-search > a:hover { background-color: #2ea6b8; border-color: #2ea6b8; color: #fff; } .tp-bannertimer { background-color: #2ea6b8 !important; opacity: 0.5; } .stm-slider-round { padding: 40px 20px; padding-top: 30px; } .stm-slider-round:after { position: absolute; content: ''; display: block; top: -18px; left: -18px; right: -18px; bottom: -18px; border-radius: 50%; background: rgba(255, 255, 255, 0.12); z-index: -1; } .stm-white { color: #fff !important; } .rev_slider_wrapper .heading-font { letter-spacing: 0 !important; } .text-transform { text-transform: uppercase; } .font-weight-normal { font-weight: 400 !important; } .slider-text-padding-right { padding-right: 30px; } .stm-slider-round-text { margin-top: 18px; padding-left: 40px; padding-right: 25px; font-size: 11px; line-height: 14px; color: #1d2428; text-transform: uppercase; } .stm-slider-price-unit { padding-top: 16px; vertical-align: top; word-spacing: -9px; } .stm-slider-price-unit .stm-slider-currency { font-size: 50px; color: #fff; line-height: 50px; vertical-align: top; } .stm-slider-price-unit .stm-slider-price { font-size: 106px; line-height: 75px; vertical-align: top; color: #fff; font-weight: 700; letter-spacing: -6px; } .stm-slider-price-unit .stm-slider-divider { position: relative; left: 3px; top: -4px; font-size: 50px; color: #1d2428; vertical-align: top; line-height: 50px; } .stm-slider-price-unit .stm-slider-labels { position: relative; top: -3px; display: inline-block; max-width: 100px; vertical-align: top; line-height: 14px; color: #1d2428; font-weight: 700; } .stm-slider-price-unit .stm-slider-labels .stm-slider-time-label { font-size: 50px; line-height: 50px; text-transform: uppercase; font-weight: 700; } .stm-slider-price-unit .stm-slider-labels .stm-slider-time-value { padding-left: 4px; display: block; white-space: normal; font-size: 16px; line-height: 14px; word-spacing: 0; text-transform: uppercase; font-weight: 700; } #searchform .search-input { padding: 20px 75px 20px 25px !important; margin: 0; height: 67px; line-height: 67px; font-size: 20px; color: #5f5f5f; border: 0; border-color: transparent; width: 100%; border-radius: 5px; } #searchform .search-submit { position: absolute; right: 0; top: 0; padding: 0; height: 67px; width: 70px; border: 0; font-size: 24px; color: #fff; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-shadow: none; } #searchform .search-wrapper { position: relative; } #searchModal .modal-body { padding: 0; } #searchModal .modal-content { box-shadow: none !important; background-color: transparent; border: none; } #searchModal .modal-dialog { padding-top: 18%; } .search-title { margin-bottom: 18px; font-size: 20px; text-transform: uppercase; font-weight: 700; color: #fff; } #chat-widget:hover { cursor: pointer; } .header-main-phone a, .header-secondary-phone a { color: #fff !important; text-decoration: none !important; } /* 1.3.2 Footer */ #footer { bottom: 0; left: 0; right: 0; width: 100%; } #footer .panel { margin-bottom: 0; } #footer .panel .panel-footer { border-top: 0; } #footer #footer_top { padding: 15px 0; } #footer #footer_top .widget_title h3 { color: #fff; } .less_4 aside .widget-wrapper { border-bottom: 0 !important; padding-bottom: 0 !important; } .more_8 aside .widget-wrapper { border-bottom: 0 !important; padding-bottom: 30px !important; } .cols_4 aside:nth-child(5) .widget-wrapper, .cols_4 aside:nth-child(6) .widget-wrapper, .cols_4 aside:nth-child(7) .widget-wrapper, .cols_4 aside:nth-child(8) .widget-wrapper { padding-top: 39px; margin-top: 24px; border-top: 1px solid #444444; } .cols_3 aside:nth-child(1) .widget-wrapper, .cols_3 aside:nth-child(2) .widget-wrapper, .cols_3 aside:nth-child(3) .widget-wrapper { padding-bottom: 39px; margin-bottom: 24px; border-bottom: 1px solid #444444; } .cols_1 { margin: 0 -15px; } .cols_1 aside { float: left; padding: 0 15px 0; width: 100%; } .cols_1 aside:nth-child(1n+1) { clear: both; } .cols_2 { margin: 0 -15px; } .cols_2 aside { float: left; padding: 0 15px 0; width: 50%; } .cols_2 aside:nth-child(2n+1) { clear: both; } .cols_3 { margin: 0 -15px; } .cols_3 aside { float: left; padding: 0 15px 0; width: 33.33333%; } .cols_3 aside:nth-child(3n+1) { clear: both; } .cols_4 { margin: 0 -15px; } .cols_4 aside { float: left; padding: 0 15px 0; width: 25%; } .cols_4 aside:nth-child(4n+1) { clear: both; } #footer-copyright { padding: 20px 0 19px; } #footer-copyright .footer-copyright { position: relative; } #footer-copyright .footer-copyright:before { position: absolute; content: ''; display: block; top: -20px; left: 15px; right: 15px; height: 1px; background-color: #444; } #footer-copyright .copyright-text { font-size: 13px; color: #888; } #footer-copyright .copyright-text a { color: #2ea6b8; } #footer-copyright .copyright-text .divider { display: inline-block; vertical-align: middle; position: relative; top: -1px; background-color: #888; margin: 0 10px; height: 13px; width: 1px; } .copyright-socials ul { list-style: none; padding: 0; margin: 0; margin-right: 7px; } .copyright-socials ul:after { display: table; content: ""; clear: both; } .copyright-socials ul li { float: left; margin-left: 37px; } .copyright-socials ul li:first-child { margin-left: 0; } .copyright-socials ul li a { color: #2ea6b8; } #footer-copyright, #footer-main { background-color: #232628; } /* 1.4 Typography styles */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .heading-font, .button, .load-more-btn, .vc_tta-panel-title, .page-numbers li > a, .page-numbers li > span, .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a span, .stm_auto_loan_calculator input, .post-content blockquote, .contact-us-label, .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li > a, .stm-shop-sidebar-area .widget.widget_product_categories > ul, #main .stm-shop-sidebar-area .widget .product_list_widget li .product-title, #main .stm-shop-sidebar-area .widget .product_list_widget li a, .woocommerce ul.products li.product .onsale, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce table.shop_attributes td, .woocommerce table.shop_table td.product-name a, .woocommerce-cart table.cart td.product-price, .woocommerce-cart table.cart td.product-subtotal { /* font-family: 'Montserrat'; */ color: #1d2428; } h1, .h1 { margin: 0; margin-bottom: 10px; line-height: 1.2; font-size: 50px; font-weight: 700; } h2, .h2 { margin: 0; margin-bottom: 14px; line-height: 1.2; font-size: 36px; font-weight: 700; } h3, .h3 { margin: 0; margin-bottom: 15px; line-height: 1.2; font-size: 26px; font-weight: 700; } h4, .h4 { margin: 0; margin-bottom: 11px; line-height: 1.2; font-size: 16px; font-weight: 700; } h5, .h5 { margin: 0; margin-bottom: 7px; line-height: 22px; font-size: 14px; font-weight: 700; } h6, .h6 { margin: 0; margin-bottom: 8px; line-height: 1.2; font-size: 12px; font-weight: 700; } body.stm-macintosh h1, body.stm-macintosh .h1, body.stm-macintosh h2, body.stm-macintosh .h2, body.stm-macintosh h3, body.stm-macintosh .h3, body.stm-macintosh h4, body.stm-macintosh .h4, body.stm-macintosh h5, body.stm-macintosh .h5, body.stm-macintosh h6, body.stm-macintosh .h6, body.stm-macintosh .heading-font { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ul { padding-left: 20px; } ul li { margin-bottom: 8px; } ol { padding-left: 20px; } ol li { margin-bottom: 8px; } ul.header-menu ul { margin-top: 0; } ul ol, ol ol, ol ul, ul ul { margin-top: 8px; } img { max-width: 100%; height: auto; } a { color: #2ea6b8; } a:hover { color: #2ea6b8; } a:focus { color: #2ea6b8; } a:active { color: #2ea6b8; } blockquote { margin: 22px 0; padding: 2px 32px; border-left-width: 4px; border-left-color: #2ea6b8; font-size: 14px; line-height: 22px; color: #888888; font-style: italic; } label { font-weight: 400; margin-bottom: 0; } p { margin: 0 0 14px; } ul.list-style-1 { padding: 0; list-style: none; } ul.list-style-1 li { position: relative; padding-left: 27px; margin-bottom: 10px; } ul.list-style-1 li:before { position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); left: 0; top: 5px; content: "\f00c"; font-size: 11px; color: #2ea6b8; } ul.list-style-2 { padding: 0; list-style: none; } ul.list-style-2 li { position: relative; padding-left: 31px; margin-bottom: 8px; } ul.list-style-2 li:before { position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); left: 3px; top: 4px; content: "\f058"; font-size: 14px; color: #2ea6b8; } ul.list-style-3 { padding: 0; list-style: none; } ul.list-style-3 li { position: relative; padding-left: 31px; margin-bottom: 8px; } ul.list-style-3 li:before { position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); left: 0; top: 3px; content: "\f138"; font-size: 17px; color: #2ea6b8; } .lists-inline > ul { padding-right: 15px; display: inline-block; vertical-align: top; width: 23.7%; } table { width: 100%; margin-bottom: 20px; } table > thead tr th { text-transform: uppercase; font-size: 16px; } table > tbody tr td { padding: 9px 0 8px; font-size: 12px; color: #888888; border-bottom: 1px solid #d5d9e0; } .calculator-alert { display: none; -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0; max-height: 0; overflow: hidden; margin-bottom: 0; padding: 0; } .calculator-alert.visible-alert { -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); max-height: 400px; visibility: visible; opacity: 1; } .alert.alert-danger { margin: 4px 0; padding: 3px 10px; text-align: center; border: 2px solid #ff2325; background-color: transparent; color: #ff2325; } .alert.alert-success { margin: 4px 0; padding: 3px 10px; text-align: center; border: 2px solid mediumseagreen; background-color: transparent; color: mediumseagreen; } .header-menu li a { /* font-family: Montserrat; */ font-weight: 700; font-style: normal; color: #232628; font-size: 13px; } #top-bar, #top-bar a { font-family: "Open Sans"; font-weight: normal; font-style: normal; color: #aaaaaa; font-size: 11px; } .stm-icon-box-adaptive-style-three, .stm-icon-box-adaptive-style-one { font-family: inherit !important; } /* 2 Site styles */ /* 2.1 Site styles */ .inline-label { margin: 9px 0 5px; } .stm-ajax-loader { display: none; } .stm-ajax-loader.loading { display: inline-block; -webkit-animation: rotating 2s infinite linear; animation: rotating 2s infinite linear; } .stm_calculator_results { display: none; } .stm_calculator_results > h4 > span { margin-left: 5px; font-weight: 700; } .stm_calculator_results > h4:last-child { margin-bottom: 0; } .filter { margin-bottom: 10px; } .all_attrs:first-letter { text-transform: uppercase; } .stm-ajax-row { position: relative; } .stm-ajax-row:before { position: absolute; content: ''; display: block; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); opacity: 0; visibility: hidden; z-index: -1; } .stm-ajax-row:after { content: "\e91b"; display: block; position: absolute; top: 10%; left: 50%; font-family: 'stm-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: rotating 2s infinite linear; animation: rotating 2s infinite linear; font-size: 30px; color: #2ea6b8; opacity: 0; visibility: hidden; z-index: -1; } .stm-ajax-row.stm-loading:before { opacity: 1; visibility: visible; z-index: 50; } .stm-ajax-row.stm-loading:after { opacity: 1; visibility: visible; z-index: 51; } .rmv_txt_drctn { color: inherit; text-decoration: none !important; } .global-alerts { padding: 15px 17px 15px 15px; position: fixed; top: 20px; right: 20px; background-color: #d9edf7; color: #31708f; border-radius: 5px; visibility: hidden; opacity: 0; -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .global-alerts.warning { color: #8a6d3b; background-color: #fcf8e3; } .global-alerts.success { color: #3c763d; background-color: #dff0d8; } .global-alerts.danger { color: #a94442; background-color: #f2dede; } .global-alerts.alerted { opacity: 1; visibility: visible; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .select2 { outline: none !important; } .select2 > * { outline: none !important; } .modal-dialog { z-index: 1050; } .modal-open { overflow: visible; padding-right: 0 !important; } .form-error { border-color: #a94442; } .alert-modal { margin: 20px 0 0; } .icon-box-link { text-decoration: none !important; } .icon-box { position: relative; padding: 46px 50px 48px 34px; color: #1d2428; z-index: 10; } .icon-box:after { position: absolute; content: ''; display: block; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.9; z-index: -2; } .icon-box:before { position: absolute; content: ''; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0; } .icon-box .icon { float: left; margin-top: 11px; margin-right: 27px; color: #2ea6b8; } .icon-box .icon-text { overflow: hidden; } .icon-box .icon-text h2 { line-height: 34px; } .icon-box .icon-text h3.title { margin-bottom: 12px; font-weight: 700; font-size: 26px; line-height: 28px; } .icon-box .icon-text h4.title { font-weight: 700; } .icon-box .icon-text h5 { font-weight: 400; line-height: 18px; } .icon-box .icon-text h6.title { margin-bottom: 10px; font-weight: 700; text-transform: uppercase; font-size: 14px; line-height: 18px; } .icon-box .icon-text .content { font-size: 13px; } .icon-box .icon-text .content p, .icon-box .icon-text .content span { line-height: 18px; } .icon-box .icon-box-bottom-triangle { margin-top: 0; position: absolute; top: 100%; left: 0; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 55px solid rgba(250, 182, 55, 0.9); -moz-transform: skew(0deg, 23deg); -o-transform: skew(0deg, 23deg); -ms-transform: skew(0deg, 23deg); -webkit-transform: skew(0deg, 23deg); transform: skew(0deg, 23deg); } .icon-box .icon-box-bottom-triangle:hover { border-right: 55px solid #fab637; } .icon-box:hover:before { opacity: 1; } .colored-separator { text-align: center; vertical-align: top; font-size: 0; } .colored-separator.text-left { text-align: left; } .colored-separator.text-right { text-align: right; } .colored-separator .first-long { margin-right: 3px; } .colored-separator .first-long, .colored-separator .last-short { display: inline-block; vertical-align: top; width: 33px; height: 5px; -moz-transform: skew(-40deg, 0deg); -o-transform: skew(-40deg, 0deg); -ms-transform: skew(-40deg, 0deg); -webkit-transform: skew(-40deg, 0deg); transform: skew(-40deg, 0deg); border-radius: 2px; background-color: #cc6119; } .colored-separator .last-short { width: 16px; } .vt-top { vertical-align: top; } .special-offers .colored-separator { margin-bottom: 13px; } .special-offers .title { position: relative; padding: 0 130px; margin-bottom: 16px; text-align: center; font-weight: 700; font-size: 36px; line-height: normal; color: #fff; } .special-offers .title .all-offers { display: block; position: absolute; top: 14px; right: 0; font-size: 13px; font-weight: 400; text-transform: uppercase; color: #aaaaaa; text-decoration: none !important; } .special-offers .title .all-offers > i { vertical-align: top; margin-right: 3px; font-size: 19px; } .special-offers .title .all-offers .lt-blue { vertical-align: top; } .vt-top { vertical-align: top; } .lt-blue { color: #2ea6b8; } .listing-car-items-units { margin: 0 -15px; } .listing-car-items .listing-car-item { float: left; padding: 0 15px; } .listing-car-items .listing-car-item .listing-car-item-inner { max-width: 350px; width: auto; margin: 0 auto; } .listing-car-items .listing-car-item .image { margin-bottom: 10px; } .listing-car-items .listing-car-item .car-title { margin-top: 8px; color: #fff; overflow: hidden; text-transform: uppercase; font-size: 16px; line-height: 18px; font-weight: 700; text-decoration: none; text-align: left; } .listing-car-items .listing-car-item .car-title .colored { color: #cc6119; } .listing-car-items .listing-car-item .price { position: relative; float: right; padding: 6px 20px 4px 8px; margin-left: 23px; background-color: #2ea6b8; text-align: right; } .listing-car-items .listing-car-item .price .regular-price, .listing-car-items .listing-car-item .price .sale-price, .listing-car-items .listing-car-item .price .normal-price { position: relative; z-index: 6; } .listing-car-items .listing-car-item .price .regular-price { font-size: 13px; line-height: normal; text-decoration: line-through; } .listing-car-items .listing-car-item .price .normal-price, .listing-car-items .listing-car-item .price .sale-price { color: #fff; font-size: 16px; line-height: 20px; } .listing-car-items .listing-car-item .price .normal-price { line-height: 36px; } .listing-car-items .listing-car-item .price:before { position: absolute; content: ''; display: block; top: 0; left: -14px; height: 100%; width: 32px; background-color: #2ea6b8; -moz-transform: skew(-18deg, 0deg); -o-transform: skew(-18deg, 0deg); -ms-transform: skew(-18deg, 0deg); -webkit-transform: skew(-18deg, 0deg); transform: skew(-18deg, 0deg); z-index: 5; } .listing-car-items .listing-car-item .listing-car-item-meta { padding: 18px 20px 20px 23px; background-color: #373c3f; text-align: left; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-top { min-height: 67px; padding-bottom: 22px; border-bottom: 1px solid #4e5254; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul { list-style: none; padding: 0; margin: 0; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li { display: inline-block; margin-top: 18px; margin-right: 27px; margin-bottom: 0; color: #c9c9c9; vertical-align: middle; line-height: 13px; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li i { margin-right: 6px; font-size: 14px; color: #737373; vertical-align: middle; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li i.stm-icon-road { position: relative; top: 0px; font-size: 16px; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li i.stm-icon-transmission { position: relative; top: 1px; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li span { position: relative; top: 1px; vertical-align: top; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li .special-text { margin-bottom: 2px; text-transform: uppercase; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li:last-child { margin-right: 0; } .dp-in { display: inline-block; vertical-align: top; max-width: 100%; } .owl-controls { margin-top: 35px; text-align: center; } .owl-dots { display: inline-block; vertical-align: middle; margin: 0 7px; position: relative; top: 1px; } .owl-dots .owl-dot { display: block; float: left; padding: 4px; } .owl-dots .owl-dot.active span { -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); background-color: #2ea6b8; } .owl-dots .owl-dot span { display: block; width: 4px; height: 4px; background-color: #9d9d9d; border-radius: 50%; } .car-listing-tabs-unit .stm-listing-tabs { margin-top: 20px; } .car-listing-tabs-unit .car-listing-top-part { position: relative; padding-top: 33px; } .car-listing-tabs-unit .car-listing-top-part:before { position: absolute; content: ''; display: block; top: 0; bottom: 0; left: -2000px; right: -2000px; z-index: -1; } .car-listing-main-part { padding-top: 59px; } .stm-listing-tabs ul { list-style: none; padding: 0; margin: 0; font-size: 0; } .stm-listing-tabs ul li { display: inline-block; margin-right: 2px; margin-bottom: 0; } .stm-listing-tabs ul li:last-child { margin-right: 0; } .stm-listing-tabs ul li.active a { color: #2ea6b8; background-color: #fff; } .stm-listing-tabs ul li a { display: block; padding: 0 25px; background: rgba(255, 255, 255, 0.1); font-size: 14px; line-height: 44px; text-transform: uppercase; text-decoration: none !important; font-weight: 700; color: #aaa; } .preloader { display: none; position: absolute; left: 50%; margin-left: -27px; top: 0; height: 46px; width: 54px; } .preloader span { display: block; bottom: 20px; width: 9px; height: 5px; background: #2ea6b8; position: absolute; animation: preloader 1.5s infinite ease-in-out; } .preloader span:nth-child(2) { left: 11px; animation-delay: .2s; } .preloader span:nth-child(3) { left: 22px; animation-delay: .4s; } .preloader span:nth-child(4) { left: 33px; animation-delay: .6s; } .preloader span:nth-child(5) { left: 44px; animation-delay: .8s; } @keyframes preloader { 0% { height: 5px; transform: translateY(0px); background: #2ea6b8; } 25% { height: 30px; transform: translateY(15px); background: #2ea6b8; } 50% { height: 5px; transform: translateY(0px); background: #2ea6b8; } 100% { height: 5px; transform: translateY(0px); background: #2ea6b8; } } .car-listing-actions { position: relative; height: 46px; } .car-listing-actions.all-done { height: 0; padding: 0; } .car-listing-row .col-md-3 { margin-bottom: 40px; } .car-listing-row .listing-car-item-meta { padding-top: 17px; } .car-listing-row .listing-car-item-meta .car-title { color: #1d2428; overflow: hidden; text-transform: uppercase; font-size: 14px; line-height: 18px; font-weight: 700; } .car-listing-row .listing-car-item-meta .car-title .colored { color: #cc6119; } .car-listing-row .listing-car-item-meta .price { position: relative; float: right; padding: 6px 10px 4px 4px; margin-left: 18px; background-color: #2ea6b8; text-align: right; } .car-listing-row .listing-car-item-meta .price.discounted-price { padding: 1px 10px 2px 4px; } .car-listing-row .listing-car-item-meta .price.discounted-price .sale-price { line-height: 16px; } .car-listing-row .listing-car-item-meta .price .regular-price, .car-listing-row .listing-car-item-meta .price .sale-price, .car-listing-row .listing-car-item-meta .price .normal-price { position: relative; z-index: 6; } .car-listing-row .listing-car-item-meta .price .regular-price { font-size: 13px; line-height: normal; text-decoration: line-through; } .car-listing-row .listing-car-item-meta .price .normal-price, .car-listing-row .listing-car-item-meta .price .sale-price { color: #fff; font-size: 14px; line-height: 20px; } .car-listing-row .listing-car-item-meta .price .normal-price { line-height: 25px; } .car-listing-row .listing-car-item-meta .price:before { position: absolute; content: ''; display: block; top: 0; left: -12px; height: 100%; width: 32px; background-color: #2ea6b8; -moz-transform: skew(-14deg, 0deg); -o-transform: skew(-14deg, 0deg); -ms-transform: skew(-14deg, 0deg); -webkit-transform: skew(-14deg, 0deg); transform: skew(-14deg, 0deg); z-index: 5; } .car-listing-row .car-meta-top { padding-bottom: 17px; border-bottom: 1px solid #ccc; } .car-listing-row .car-meta-bottom ul { list-style: none; padding: 0; margin: 0; } .car-listing-row .car-meta-bottom ul li { display: inline-block; margin-top: 4px; margin-bottom: 0; margin-right: 14px; color: #888; vertical-align: middle; } .car-listing-row .car-meta-bottom ul li i { margin-right: -1px; font-size: 13px; color: #aaaaaa; vertical-align: middle; } .car-listing-row .car-meta-bottom ul li i.stm-icon-road { position: relative; top: 1px; } .car-listing-row .car-meta-bottom ul li i.stm-icon-transmission { position: relative; top: 1px; } .car-listing-row .car-meta-bottom ul li span { position: relative; top: 1px; vertical-align: top; margin-left: 2px; font-size: 13px; } .car-listing-row .car-meta-bottom ul li .special-text { margin-bottom: 2px; text-transform: uppercase; } .car-listing-row .car-meta-bottom ul li:last-child { margin-right: 0; } .found-cars-cloned { position: absolute; top: 50%; right: 0; margin-top: -13px; } .found-cars { display: inline-block; position: relative; padding-left: 30px; font-size: 13px; line-height: 26px; text-transform: uppercase; font-weight: 400; color: #aaaaaa !important; } .found-cars i { position: absolute; content: ''; display: block; font-size: 23px; position: absolute; left: 0; top: 0; } .found-cars .blue-lt { color: #2ea6b8; font-weight: 700; } .found-cars-clone { display: none; visibility: hidden; opacity: 0; } .tab-search-title { position: relative; padding-left: 71px; margin-bottom: 36px; min-height: 35px; font-size: 30px; color: #1d2428; font-weight: 700; } .tab-search-title i { position: absolute; left: 0; top: -7px; font-size: 34px; } #car-listing-tab-search { padding-top: 20px; } .reset-all:hover { cursor: pointer; } .reset-all.reset-styled { display: block; border: 2px solid #ddd; border-radius: 3px; color: #ddd; text-align: center; line-height: 44px; font-size: 22px; text-decoration: none !important; } .reset-all.reset-styled:hover { color: #2ea6b8; border-color: #2ea6b8; } .reset-all.reset-styled:focus { color: #2ea6b8; border-color: #2ea6b8; } .reset-all.reset-styled:active { color: #2ea6b8; border-color: #2ea6b8; } .search-call-to-action { margin-top: 36px; } .stm-call-to-action { padding: 23px 46px 22px 28px; background-color: #fab637; } .stm-call-to-action .call-to-action-meta { display: inline-block; color: #fff; position: relative; margin-left: 20px; padding-top: 14px; padding-left: 56px; min-height: 30px; font-weight: 400; text-align: left; } .stm-call-to-action .call-to-action-meta i { position: absolute; left: 0; top: 8px; font-size: 38px; } .stm-call-to-action .call-to-action-meta .content { font-size: 30px; line-height: 1; } .stm-call-to-action .call-to-action-right { overflow: hidden; min-height: 55px; text-align: right; } .stm-call-to-action .call-to-action-content { position: relative; padding-left: 75px; min-height: 55px; color: #fff; overflow: hidden; font-weight: 400; } .stm-call-to-action .call-to-action-content i { position: absolute; left: 0; top: 0; font-size: 55px; } .stm-call-to-action .call-to-action-content .content { padding-top: 14px; font-size: 30px; line-height: 1; } .slider-v1-title .h1 { font-size: 46px; color: #1d2428; font-weight: 400 !important; } .stm-slider-rounded-style-title { font-size: 20px; line-height: 22px; font-weight: 700; } .stm-slider-rounded-style-title.text-left { padding-left: 37px; } .stm-slider-rounded-style-title.style-2 span { display: block; } .white { color: #fff !important; } .button.stm-slider-button { padding: 16px 25px 15px 45px; font-weight: 700; visibility: inherit; white-space: nowrap; } .button.stm-slider-button i { position: absolute; top: 50%; left: 16px; font-size: 18px; margin-top: -9px; } .entry-header { position: relative; background-size: cover; background-color: #8f9fad;} .entry-header.small_title_box > .container { min-height: 222px; } .entry-header.small_title_box .entry-title h1 { font-size: 36px; margin-bottom: 0; } .entry-header > .container { min-height: 335px; } .entry-header:after { position: absolute; content: ''; display: block; display: block !important; top: 0; left: 0; right: 0; bottom: 0; background: rgba(35, 38, 40, 0.5); z-index: 10; } .entry-header > .container { position: relative; z-index: 11; } .entry-header .entry-title { position: absolute; top: 50%; left: 15px; right: 15px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .entry-header .entry-title h1 { color: #fff; margin-bottom: 13px; text-transform: uppercase; } .entry-header .entry-title .colored-separator { color: #2ea6b8; margin-bottom: 8px; text-align: left; } .entry-header .entry-title .colored-separator .first-long, .entry-header .entry-title .colored-separator .last-short { background-color: #fab637; } .entry-header .entry-title .sub-title { color: #fff; font-weight: 400; line-height: 17px; } .entry-header.center .entry-title h1 { text-align: center; } .entry-header.center .colored-separator { text-align: center; } .entry-header.center .sub-title { text-align: center; } .entry-header.right .entry-title h1 { text-align: right; } .entry-header.right .colored-separator { text-align: right; } .entry-header.right .sub-title { text-align: right; } .stm_breadcrumbs_unit .navxtBreads { padding: 15px 0 8px 4px; margin-bottom: 20px; color: #888; text-transform: uppercase; font-size: 11px; border-bottom: 1px solid #dddddd; } .stm_breadcrumbs_unit .navxtBreads span:first-child { margin-left: 0; } .stm_breadcrumbs_unit .navxtBreads span { margin: 0 3px; } .stm_breadcrumbs_unit .navxtBreads span:last-child { margin-right: 0; } .stm_breadcrumbs_unit .navxtBreads a { color: #888; text-decoration: none !important; font-size: 11px; } .stm_breadcrumbs_unit .navxtBreads a:hover { color: #2ea6b8; } .media-carousel-item { max-width: 270px; width: auto; margin: 0 auto; } .media-carousel-item .stm_fancybox { display: block; position: relative; } .media-carousel-item .stm_fancybox:after { position: absolute; content: ''; display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; } .media-carousel-item .stm_fancybox:hover:after { opacity: 1; } .stm-carousel .owl-controls { margin-top: 30px; } *:focus { outline: none !important; } .stm-owl-next, .stm-owl-prev { display: inline-block; vertical-align: middle; font-size: 30px; padding: 5px 15px; border: 2px solid transparent; color: #888; } .stm-owl-next:hover, .stm-owl-prev:hover { cursor: pointer; border-color: #2ea6b8; color: #2ea6b8; } .owl-carousel .owl-item { -webkit-transform: translateZ(0px) !important; } .testimonials-carousel { position: relative; padding: 38px 0 27px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .testimonials-carousel .owl-controls { position: absolute; bottom: 19px; right: 3px; margin-top: 0; } .testimonials-carousel .owl-controls .owl-prev, .testimonials-carousel .owl-controls .owl-next { display: inline-block; color: #aaaaaa; } .testimonials-carousel .owl-controls .owl-prev:hover, .testimonials-carousel .owl-controls .owl-next:hover { color: #2ea6b8; } .testimonials-carousel .owl-controls .owl-prev { padding-right: 15px; } .testimonials-carousel .owl-controls .owl-next { padding-left: 15px; } .testimonials-carousel .owl-controls .owl-prev:after, .testimonials-carousel .owl-controls .owl-next:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 26px; } .testimonials-carousel .owl-controls .owl-prev:after { content: "\f104"; } .testimonials-carousel .owl-controls .owl-next:after { content: "\f105"; } .testimonial-unit .image { float: left; margin-right: 31px; } .testimonial-unit .content { margin-top: -3px; } .testimonial-unit .content > p:first-child { display: none; } .testimonial-unit .content h5 { margin-bottom: 19px; } .testimonial-unit .testimonial-meta { margin-top: 9px; padding-right: 55px; min-height: 22px; } .testimonial-unit .testimonial-meta .author { display: inline-block; margin-right: 25px; text-transform: uppercase; } .testimonial-unit .testimonial-meta .author-car { display: inline-block; position: relative; padding-left: 31px; font-style: italic; color: #888; } .testimonial-unit .testimonial-meta .author-car i { position: absolute; content: ''; display: block; top: 50%; left: 0; margin-top: -12px; font-size: 21px; } .stm-our-team { margin-bottom: 30px !important; max-width: 255px; width: auto; margin: 0 auto; } .stm-our-team .image { margin-bottom: 13px; position: relative; } .stm-our-team .image:before { position: absolute; content: ''; display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); opacity: 0; } .stm-our-team .meta { background-color: #fff; padding: 21px 10px 23px 10px; text-align: center; } .stm-our-team .meta .name { margin-bottom: -2px; text-transform: uppercase; } .stm-our-team .meta .position { color: #888; font-size: 13px; } .stm-our-team:hover .image:before { opacity: 1; } .stm-our-team:hover .meta { background-color: #1d2428; } .stm-our-team:hover .meta .name, .stm-our-team:hover .meta .position { color: #fff; } .stm-our-team:hover .team-info { bottom: 18px; visibility: visible; opacity: 1; } .stm-carousel-brands { position: relative; padding: 0 30px; } .stm-carousel-brands .brands-carousel-item { float: left; } .stm-carousel-brands .brands-carousel-item .brands-carousel-item-inner { opacity: 0.7; width: auto; margin: 0 auto; } .stm-carousel-brands .brands-carousel-item .brands-carousel-item-inner:hover { opacity: 1; } .stm-carousel-brands .owl-controls { margin-top: 0; } .stm-carousel-brands .owl-controls .owl-prev, .stm-carousel-brands .owl-controls .owl-next { display: inline-block; position: absolute; top: 50%; margin-top: -13px; color: #aaaaaa; } .stm-carousel-brands .owl-controls .owl-prev:hover, .stm-carousel-brands .owl-controls .owl-next:hover { color: #2ea6b8; } .stm-carousel-brands .owl-controls .owl-prev { left: 0; } .stm-carousel-brands .owl-controls .owl-next { right: 0; } .stm-carousel-brands .owl-controls .owl-prev:after, .stm-carousel-brands .owl-controls .owl-next:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 26px; } .stm-carousel-brands .owl-controls .owl-prev:after { content: "\f104"; } .stm-carousel-brands .owl-controls .owl-next:after { content: "\f105"; } .team-info { position: absolute; padding: 0 15px; bottom: 10px; left: 0; right: 0; text-align: center; visibility: hidden; opacity: 0; } .team-info .phone { position: relative; min-width: 160px; max-width: 100%; margin-top: 8px; display: inline-block; padding-left: 36px; padding-right: 10px; font-size: 14px; line-height: 32px; background-color: #fff; border-radius: 20px; text-align: left; } .team-info .phone i { position: absolute; left: 8px; top: 50%; margin-top: -10px; font-size: 20px; color: #2ea6b8; } .team-info .email { display: inline-block; min-width: 160px; max-width: 100%; padding: 0 12px; background-color: #2ea6b8; border-radius: 20px; color: #fff !important; font-size: 13px; line-height: 33px; text-align: center; text-decoration: none !important; } .stm-services-archive-page { margin-top: 30px; } .stm-service-unit { margin-bottom: 50px; } .stm-service-unit > a { text-decoration: none !important; } .stm-service-unit .image { position: relative; margin-bottom: 14px; } .stm-service-unit .image .icon { position: absolute; bottom: 0; left: 0; width: 70px; height: 70px; font-size: 33px; background-color: #2ea6b8; color: #fff; text-align: center; } .stm-service-unit .image .icon > i { line-height: 70px; } .stm-service-unit .stm-service-meta { border: 1px solid #ddd; padding: 21px 41px 10px 45px; } .stm-service-unit .stm-service-meta .title { padding-bottom: 13px; margin-bottom: 15px; text-transform: uppercase; border-bottom: 1px solid #ddd; } .stm-service-unit .stm-service-meta .excerpt { font-size: 13px; line-height: 18px; color: #888; } ul.page-numbers { display: block; position: relative; margin-top: 10px; padding: 45px 60px 0; border-top: 1px solid #ddd; text-align: center; } ul.page-numbers li { display: inline-block; margin-bottom: 0; } ul.page-numbers li > a { display: block; width: 34px; height: 35px; margin: 0 8px; padding: 0; background-color: #2ea6b8; color: #fff !important; border-top: none; border-radius: 3px; line-height: 35px; text-decoration: none !important; } ul.page-numbers li > span { display: block; width: 34px; height: 35px; margin: 0 8px; padding: 0; background-color: #dddddd; color: #fff !important; border-top: none; border-radius: 3px; line-height: 35px; } ul.page-numbers li .prev, ul.page-numbers li .next { width: 54px; height: 35px; font-size: 20px; border-radius: 3px; margin: 0; } ul.page-numbers li .prev { position: absolute; left: 0; top: 45px; } ul.page-numbers li .next { position: absolute; right: 0; top: 45px; } .single-car-actions > ul li { float: left; margin-right: 13px; margin-bottom: 12px; } .single-car-actions > ul li:last-child { margin-right: 0; } .single-car-actions .stock-num { padding: 3px 15px; background-color: #f0f2f5; border-radius: 15px; font-size: 14px; color: #1d2428; } .single-car-actions .stock-num > span { font-size: 12px; text-transform: uppercase; color: #888; } .car-action-unit { position: relative; display: block; padding: 0 15px; padding-left: 32px; font-size: 12px; text-transform: uppercase; color: #888; border: 1px solid #dddddd; line-height: 27px; border-radius: 15px; text-decoration: none !important; } .car-action-unit > i { position: absolute; left: 8px; top: 50%; margin-top: -1px; font-size: 17px; color: #2ea6b8; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .car-action-unit:hover { border-color: #2ea6b8; } .car-action-unit.add-to-compare { padding-right: 0; padding-left: 36px; width: 158px; white-space: nowrap; } .car-action-unit.add-to-compare > i { font-size: 14px; } .car-action-unit.add-to-compare.stm-added { position: relative; background-color: #2ea6b8; color: #fff; border-color: #2ea6b8; } .car-action-unit.add-to-compare.stm-added > i { color: #fff; } .car-action-unit.add-to-compare.stm-added .stm-unhover { opacity: 1; } .car-action-unit.add-to-compare.stm-added .stm-show-on-hover { opacity: 0; width: 100%; height: 100%; top: 0; left: 0; position: absolute; padding-left: 36px; } .car-action-unit.add-to-compare.stm-added .stm-show-on-hover > i { position: absolute; left: 8px; top: 6px; font-size: 14px; } .car-action-unit.add-to-compare.stm-added:hover .stm-unhover { opacity: 0; } .car-action-unit.add-to-compare.stm-added:hover .stm-show-on-hover { opacity: 1; } .car-action-unit.add-to-compare.disabled .stm-icon-add, .car-action-unit.add-to-compare.disabled .stm-icon-added, .car-action-unit.add-to-compare.disabled .stm-icon-remove { opacity: 0; } .car-action-unit.add-to-compare.disabled:after { font-family: 'stm-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; position: absolute; top: 6px; left: 10px; font-size: 14px; content: "\e91b"; height: 14px; width: 14px; -webkit-animation: rotating 2s infinite linear; animation: rotating 2s infinite linear; z-index: 20; } .car-action-unit.stm-brochure { width: 157px; padding-left: 35px; } .car-action-unit.stm-brochure > i { left: 11px; } .car-action-unit.stm-share { width: 119px; } .car-action-unit.stm-share > i { left: 11px; font-size: 13px; } .stm-single-car-content { padding-right: 27px; } .stm-single-car-side { padding-top: 7px; margin-left: -30px; } .stm-big-car-gallery .owl-controls { margin-top: 25px; } .stm-thumbs-car-gallery { position: relative; } .stm-thumbs-car-gallery:after { display: table; content: ""; clear: both; } .stm-thumbs-car-gallery .stm-single-image { max-width: 142px; width: auto; margin: 0 auto; } .stm-thumbs-car-gallery .stm-single-image:hover { cursor: pointer; } .stm-thumbs-car-gallery .stm-single-image img { max-width: 100%; height: auto; } .stm-thumbs-car-gallery .owl-item:hover { cursor: pointer; } .stm-thumbs-car-gallery .owl-item:after { position: absolute; content: ''; display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(35, 38, 40, 0.3); visibility: visible; opacity: 0; max-width: 142px; width: auto; margin: 0 auto; } .stm-thumbs-car-gallery .owl-item.current:after { visibility: visible; opacity: 1; } .stm-thumbs-car-gallery .owl-controls { margin-top: 0; } .stm-thumbs-car-gallery .owl-prev { position: absolute; left: -30px; top: 0; width: 30px; height: 100%; background: rgba(0, 0, 0, 0.7); } .stm-thumbs-car-gallery .owl-prev:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f053"; color: #fff; line-height: 82px; } .stm-thumbs-car-gallery .owl-next { position: absolute; right: -30px; top: 0; width: 30px; height: 100%; background: rgba(0, 0, 0, 0.7); } .stm-thumbs-car-gallery .owl-next:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); display: block; content: "\f054"; color: #fff; line-height: 82px; } .stm-thumbs-car-gallery .video-preview { position: relative; } .stm-thumbs-car-gallery .video-preview:before { position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f144"; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 51px; height: 51px; background: rgba(255, 255, 255, 0.8); border-radius: 50%; text-align: center; line-height: 51px; color: #2ea6b8; font-size: 30px; z-index: 20; } .stm-big-car-gallery .video-preview a:before { width: 90px; height: 90px; line-height: 90px; font-size: 63px; margin: -45px 0 0 -45px !important; } .stm-car-carousels { position: relative; overflow: hidden; margin-bottom: 45px; } .stm-car-carousels:hover .stm-thumbs-car-gallery .owl-prev { left: 0; } .stm-car-carousels:hover .stm-thumbs-car-gallery .owl-next { right: 0; } .video-preview { position: relative; } .video-preview a { display: block; position: relative; } .video-preview a:before { position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f144"; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 51px; height: 51px; background: rgba(255, 255, 255, 0.8); border-radius: 50%; text-align: center; line-height: 51px; color: #1d2428; font-size: 30px; z-index: 20; } .video-preview a:hover:before { color: #2ea6b8; } .stm-tech-infos { margin-top: -6px; margin-bottom: 25px; } .stm-tech-infos .stm-tech-title { position: relative; padding-top: 10px; padding-left: 50px; margin-bottom: 9px; min-height: 35px; } .stm-tech-infos .stm-tech-title i { position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 27px; color: #2ea6b8; } .stm-tech-infos .stm-tech-title .title { font-size: 16px; font-weight: 400; color: #1d2428; } .stm-tech-infos span.h6 { font-size: 14px; font-weight: 400; } .stm-border-right { border-right: 1px solid #ddd; } .special-label { position: absolute; top: 27px; left: -81px; height: 49px; padding: 0 100px; line-height: 49px; color: #fff !important; text-transform: uppercase; background-color: #fab637; -moz-transform: rotate(-45deg) translateZ(0); -o-transform: rotate(-45deg) translateZ(0); -ms-transform: rotate(-45deg) translateZ(0); -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); -webkit-transform-origin: 50% 50%; z-index: 10; } .special-label-small { top: 20px; left: -91px; height: 32px; line-height: 32px; } .single-add-to-compare { position: fixed; top: -30%; left: 0; right: 0; padding-top: 17px; min-height: 71px; background-color: #2ea6b8; z-index: 99; opacity: 0; } .single-add-to-compare.single-add-to-compare-visible { top: 0%; opacity: 1; } .single-add-to-compare .single-add-to-compare-left { position: relative; padding-left: 55px; min-height: 35px; } .single-add-to-compare .single-add-to-compare-left .add-to-compare-icon { position: absolute; left: 0; top: 50%; color: #d3e0f6; font-size: 35px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .single-add-to-compare .single-add-to-compare-left .stm-title { display: block; padding-top: 10px; color: #fff !important; font-weight: 400; } .compare-fixed-link { display: block; padding: 8px 23px 6px; color: #fff !important; border: 1px solid #b6ccf0; border-radius: 3px; font-size: 12px; text-transform: uppercase; font-weight: 400; text-decoration: none !important; } .compare-fixed-link:hover { background-color: #b6ccf0; color: #2ea6b8; } .stm-single-car-page { margin: 12px 0 60px; } .stm-shareble { position: relative; } .stm-shareble:hover .stm-share { border-color: #2ea6b8; color: #2ea6b8; } .stm-shareble .st_sharethis_large { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; z-index: 20; } .stm-shareble .st_sharethis_large:hover { cursor: pointer; } .single-car-prices { background-color: #2ea6b8; } .single-car-prices .h4 { font-size: 24px; } .single-regular-price { padding: 22px 0 13px; vertical-align: middle; } .single-regular-price > .labeled { margin-right: 7px; font-size: 12px; font-weight: 400; color: #fff; vertical-align: middle; text-transform: uppercase; } .single-regular-price > .h3 { position: relative; top: -1px; left: 1px; color: #fff; vertical-align: middle; } .price-description-single { padding: 4px 10px; background-color: #1d2428; font-size: 13px; text-align: center; color: #fff; } .single-regular-sale-price { padding: 14px 25px 12px; } .single-regular-sale-price > table { margin-bottom: 0; table-layout: fixed; } .single-regular-sale-price > table tr td { width: 50%; padding: 0; border-bottom: none; color: #fff; text-transform: uppercase; } .single-regular-sale-price > table tr td:first-child { font-size: 14px; border-right: 1px solid #89ade7; } .single-regular-sale-price > table tr td:nth-child(2) { padding-left: 21px; } .single-regular-sale-price > table tr td:nth-child(2) .h4 { margin: -5px 0 0; color: #fff; } .regular-price-with-sale { line-height: 17px; } .sale-price-description-single { padding: 4px 10px; background-color: #1d2428; font-size: 12px; text-align: center; color: #fff; text-transform: uppercase; } .sale-price-description-single > strong { font-size: 14px; } .single-car-data { padding: 12px 26px 13px 23px; margin-bottom: 26px; background-color: #f0f2f5; } .single-car-data > table { margin-bottom: 0; table-layout: fixed; } .single-car-data > table tr td { padding: 11px 0 6px; } .single-car-data > table tr td.t-label { padding-right: 3px; text-transform: uppercase; color: #888; font-size: 12px; } .single-car-data > table tr td.t-value { padding-left: 3px; margin-bottom: 0; font-weight: 400; font-size: 14px; line-height: 18px; } .single-car-data > table tr td.t-value.t-vin { font-size: 12px; text-transform: uppercase; } .single-car-data > table tr:last-child td { border-bottom: none; } .single-car-mpg { padding: 11px 15px; margin-bottom: 25px; border: 3px solid #e4e6ea; } .single-car-mpg:after { display: table; content: ""; clear: both; } .single-car-mpg .mpg-unit { padding-top: 14px; float: left; width: 36%; text-align: center; } .single-car-mpg .mpg-unit .mpg-value { padding: 0 3px; font-size: 26px; font-weight: 700; } .single-car-mpg .mpg-unit .mpg-label { font-size: 12px; text-transform: uppercase; } .single-car-mpg .mpg-icon { float: left; width: 26.36%; max-width: 64px; min-height: 64px; text-align: center; background-color: #2ea6b8; border-radius: 50%; text-indent: 5px; } .single-car-mpg .mpg-icon i { position: relative; top: -1px; font-size: 26px; line-height: 64px; color: #fff; } .stm_auto_loan_calculator { padding: 22px 23px 8px; border: 3px solid #e4e6ea; } .stm_auto_loan_calculator > .title { position: relative; min-height: 42px; padding-left: 55px; text-transform: uppercase; } .stm_auto_loan_calculator > .title h5 { position: relative; top: 4px; margin-bottom: 15px; line-height: 16px; font-size: 16px; font-weight: 400; } .stm_auto_loan_calculator > .title > i { position: absolute; top: 0; left: 1px; font-size: 42px; color: #2ea6b8; } .stm_auto_loan_calculator .form-group { margin-bottom: 17px; } .stm_auto_loan_calculator .labeled { margin-bottom: 6px; font-size: 13px; color: #888; } .stm_auto_loan_calculator input { height: 37px; line-height: 37px; } .stm_auto_loan_calculator .single-calculator-title { margin: 8px 0 28px -2px; text-transform: none; } .stm_auto_loan_calculator .single-calculator-title h3 { position: relative; top: 4px; } .stm_auto_loan_calculator.wide-version { padding-left: 32px; padding-right: 32px; } .stm_auto_loan_calculator.wide-version .stm_calculator_results { padding-bottom: 26px; } .stm_auto_loan_calculator.wide-version .form-group { margin-bottom: 24px; } .orange { color: #2ea6b8; } .calculate_loan_payment { margin-bottom: 16px; } .stm_calculator_results { padding-top: 8px; padding-bottom: 20px; color: #fff; } .stm_calculator_results .stm-calc-results-inner { position: relative; background-color: #2ea6b8; padding: 18px 24px 14px; } .stm_calculator_results .stm-calc-results-inner:after { position: absolute; content: ''; display: block; top: -8px; left: 26px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #2ea6b8; } .stm_calculator_results .stm-calc-results-inner .h5 { min-height: 22px; margin-bottom: 5px; color: #fff; } .stm_calculator_results .stm-calc-label { margin-bottom: -2px; font-size: 13px; } #get-car-price-form, #request-test-drive-form { position: absolute; max-width: 100%; width: 580px; left: 50%; margin-left: -290px; top: 50%; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9999; } #get-car-price-form .modal-dialog, #request-test-drive-form .modal-dialog { max-width: 100%; } #get-car-price-form .modal-body, #request-test-drive-form .modal-body { padding: 44px 37px 15px; } #get-car-price-form .modal-body .form-group, #request-test-drive-form .modal-body .form-group { margin-bottom: 17px; } .modal-header { border-bottom: none; } .modal-header-iconed { padding: 28px 10px 23px; position: relative; background-color: #1d2428; padding-left: 105px; } .modal-header-iconed h3 { text-transform: uppercase; color: #fff; } .modal-header-iconed .test-drive-car-name { margin-top: -5px; color: #aaaaaa; } .modal-header-iconed i { position: absolute; top: 35px; left: 32px; font-size: 47px; color: #2ea6b8; } .stm-datepicker-input-icon { position: relative; } .stm-datepicker-input-icon:after { position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); right: 18px; top: 50%; margin-top: -8px; color: #2ea6b8; font-size: 16px; content: "\f017"; } .stm-datepicker-input-icon input { padding-right: 35px; } .compare-title { margin-bottom: 25px; line-height: 36px; margin-top: 30px; text-transform: uppercase; } .car-listing-row .compare-col-stm { margin-bottom: 6px; } .car-listing-row .compare-col-stm .car-meta-top { border-bottom: none; } .car-listing-row .compare-col-stm:hover .remove-from-compare { bottom: -13px; opacity: 1; } .car-listing-row .compare-col-stm:hover .stm-compare-car-img:after { opacity: 1; } .car-listing-row .compare-col-stm .listing-car-item-meta { padding-top: 35px; } .title-box-disabled { height: 43px; } .compare-options table > tbody tr td { text-transform: uppercase; } .compare-values table > tbody tr td .h5 { margin: 0; font-weight: 400; } .compare-value-hover:hover { cursor: pointer; } .compare-value-hover.hovered { color: #2ea6b8; } .compare-value-hover.hovered .h5 { color: #2ea6b8; } .stm-compare-car-img { position: relative; } .stm-compare-car-img:after { position: absolute; content: ''; display: block; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); opacity: 0; } .compare-col-stm-empty .image img.stm-compare-empty { opacity: 0.8; } .compare-col-stm-empty:hover .image img.stm-compare-empty { opacity: 1; } .compare-col-stm-empty > a { text-decoration: none !important; } .compare-col-stm-empty > a:hover .h5 { color: #2ea6b8; } .compare-col-stm-empty .image { position: relative; } .compare-col-stm-empty .image .stm-icon-add_car { position: absolute; top: 50%; left: 50%; margin: -26px 0 0 -36px; font-size: 53px; color: #d1d7dc; z-index: 15; } .compare-col-stm-empty .h5 { margin-top: 24px; color: #888; text-transform: uppercase; text-align: center; } .stm-compare-row { margin-bottom: 30px; } .stm-compare-features { margin-top: 3px; text-transform: uppercase; font-weight: 400; } .row-compare-features { margin-bottom: 29px; } .stm-call-to-action-1 { position: relative; border: 1px solid #ddd; overflow: hidden; } .stm-call-to-action-1:after { display: table; content: ""; clear: both; } .stm-call-to-action-1 .stm-call-action-left { position: relative; padding: 30px 10px 22px 27px; float: left; width: 43%; background-color: #fff; z-index: 16; } .stm-call-to-action-1 .stm-call-action-left:after { position: absolute; content: ''; display: block; top: 0; right: -48px; height: 100%; width: 200px; -moz-transform: skew(-45deg, 0deg); -o-transform: skew(-45deg, 0deg); -ms-transform: skew(-45deg, 0deg); -webkit-transform: skew(-45deg, 0deg); transform: skew(-45deg, 0deg); background-color: #fff; z-index: 16; } .stm-call-to-action-1 .stm-call-action-left .stm-call-action-image { float: left; margin-top: -5px; margin-right: 28px; } .stm-call-to-action-1 .stm-call-action-left .stm-call-action-image img { max-height: 50px; } .stm-call-to-action-1 .stm-call-action-left .stm-call-action-icon { position: relative; left: 6px; min-width: 51px; float: left; margin-top: -4px; margin-right: 28px; font-size: 49px; } .stm-call-to-action-1 .stm-call-action-left .stm-call-action-content { position: relative; z-index: 20; } .stm-call-to-action-1 .stm-call-action-left .stm-call-action-content .content { font-size: 20px; line-height: 20px; font-weight: 700; overflow: hidden; } .stm-call-to-action-1 .stm-call-action-right { position: absolute; right: 0; top: 0; width: 65.947%; height: 100%; overflow: hidden; z-index: 15; } .stm-call-to-action-1 .stm-call-action-right .stm-call-action-right-banner { position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-radius: 1px; background-size: cover; } .remove-compare-unlinkable { position: relative; height: 29px; margin-top: -29px; z-index: 20; } .remove-from-compare { position: absolute; bottom: 0px; left: 50%; margin-left: -78px; width: 157px; padding: 0 6px 0 32px; height: 29px; line-height: 29px; text-transform: uppercase; border-radius: 15px; color: #fff; font-size: 12px; background-color: #2ea6b8; opacity: 0; } .remove-from-compare:hover { cursor: pointer; } .remove-from-compare .stm-icon-remove { position: absolute; left: 7px; top: 6px; font-size: 15px; } .remove-from-compare.loading .stm-icon-remove { left: 11px; top: 6px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 17px; line-height: normal; -webkit-animation: rotating 2s infinite linear; animation: rotating 2s infinite linear; } .remove-from-compare.loading .stm-icon-remove:before { content: "\f013"; z-index: 20; } .stm-car-compare-row { margin-top: 34px; } .stm-working-days { padding: 28px 26px 23px 27px; border: 3px solid #ddd; } .stm-working-days .title { position: relative; margin-bottom: 18px; padding-left: 31px; } .stm-working-days .title i { position: absolute; top: 1px; left: 1px; font-size: 21px; color: #2ea6b8; } table.stm-working-days-table { margin-bottom: 0; } table.stm-working-days-table > tbody > tr:last-child td { border-bottom: none; } table.stm-working-days-table > tbody > tr td { padding: 7px 0 5px; } table.stm-working-days-table > tbody > tr td.day-label { text-transform: uppercase; font-size: 12px; color: #888; } table.stm-working-days-table > tbody > tr td.day-value { text-align: right; font-weight: 400; font-size: 13px; text-transform: uppercase; } table.stm-working-days-table > tbody > tr td.day-value.day-closed { color: #e81818; } .compare-empty-car-bottom, .compare-empty-car-top { display: none; } .archive-listing-page { margin-top: 30px; margin-bottom: 46px; } .listing-list-loop { width: 100%; padding-bottom: 16px; margin-bottom: 32px; border-bottom: 1px solid #ddd; } .listing-list-loop .video-preview { position: absolute; right: 9px; top: 17px; padding: 1px 11px 1px 25px; border-radius: 2px; color: #fff; font-size: 10px; text-transform: uppercase; background-color: #2ea6b8; z-index: 20; } .listing-list-loop .video-preview .fa { position: absolute; top: 50%; left: 7px; margin-top: -6px; font-size: 12px; } .listing-list-loop:after { display: table; content: ""; clear: both; } .listing-list-loop .image { position: relative; float: left; max-width: 257px; margin: 0 28px 0 0; padding-top: 8px; overflow: hidden; } .listing-list-loop .image .image-inner { position: relative; overflow: hidden; } .listing-list-loop .content { overflow: hidden; } .listing-list-loop .content .title { margin-top: 3px; padding-top: 2px; font-size: 22px; line-height: 24px; font-weight: 700; overflow: hidden; } .listing-list-loop .content .meta-top { margin-bottom: 18px; } .listing-list-loop .content .meta-top:after { display: table; content: ""; clear: both; } .listing-list-loop .content .meta-top .price { min-width: 130px; position: relative; margin-left: 40px; float: right; text-align: right; background-color: #2ea6b8; color: #fff; } .listing-list-loop .content .meta-top .price .heading-font { font-size: 22px; color: #fff; font-weight: 700; letter-spacing: -1px; } .listing-list-loop .content .meta-top .price .normal-price { position: relative; left: -4px; padding: 13px 8px 12px 4px; } .listing-list-loop .content .meta-top .price .normal-price .label-price { max-width: 26px; display: inline-block; position: relative; top: -3px; margin-right: 2px; line-height: 10px; font-size: 10px; vertical-align: middle; text-transform: uppercase; opacity: 0.7; } .listing-list-loop .content .meta-top .price .normal-price .heading-font { position: relative; top: 1px; font-size: 22px; } .listing-list-loop .content .meta-top .price.discounted-price { padding: 1px 7px 3px 0; } .listing-list-loop .content .meta-top .price.discounted-price .regular-price { position: relative; left: -4px; padding-right: 4px; vertical-align: bottom; font-size: 13px; } .listing-list-loop .content .meta-top .price.discounted-price .regular-price .label-price { opacity: 0.7; font-size: 10px; } .listing-list-loop .content .meta-top .price.discounted-price .sale-price { position: relative; left: -4px; vertical-align: middle; margin-top: -2px; padding-right: 3px; } .listing-list-loop .content .meta-top .price.discounted-price .sale-price .label-price { display: inline-block; max-width: 30px; margin-right: 2px; position: relative; top: -4px; line-height: 10px; font-size: 10px; text-transform: uppercase; vertical-align: middle; opacity: 0.7; } .listing-list-loop .content .meta-top .price:before { position: absolute; content: ''; display: block; top: 0; left: -11px; height: 100%; width: 32px; background-color: #2ea6b8; -moz-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -webkit-transform: skew(-23deg, 0deg); transform: skew(-23deg, 0deg); z-index: -1; } .listing-list-loop .content .meta-middle:after { display: table; content: ""; clear: both; } .listing-list-loop .content .meta-middle .meta-middle-unit { float: left; padding-right: 13px; margin-right: 9px; margin-bottom: 23px; border-right: 1px solid #ddd; } .listing-list-loop .content .meta-middle .meta-middle-unit:last-child { border-right: none; } .listing-list-loop .content .meta-middle .meta-middle-unit.font-exists .meta-middle-unit-top { padding-left: 25px; } .listing-list-loop .content .meta-middle .meta-middle-unit.font-exists .value { padding-left: 25px; font-weight: 400; } .listing-list-loop .content .meta-middle .meta-middle-unit:after { display: table; content: ""; clear: both; } .listing-list-loop .content .meta-middle .meta-middle-unit .meta-middle-unit-top { position: relative; } .listing-list-loop .content .meta-middle .meta-middle-unit.fuel .meta-middle-unit-top { padding-left: 23px; } .listing-list-loop .content .meta-middle .meta-middle-unit.fuel .value { padding-left: 23px; } .listing-list-loop .content .meta-middle .meta-middle-unit.engine .meta-middle-unit-top { padding-left: 29px; } .listing-list-loop .content .meta-middle .meta-middle-unit.engine .value { padding-left: 29px; } .listing-list-loop .content .meta-middle .meta-middle-unit.transmission .meta-middle-unit-top { padding-left: 29px; } .listing-list-loop .content .meta-middle .meta-middle-unit.transmission .value { padding-left: 29px; } .listing-list-loop .content .meta-middle .meta-middle-unit.drive .meta-middle-unit-top { padding-left: 29px; } .listing-list-loop .content .meta-middle .meta-middle-unit.drive .value { padding-left: 29px; } .listing-list-loop .content .meta-middle .meta-middle-unit .icon { position: absolute; margin-top: 1px; top: 50%; left: 1px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #888; font-size: 15px; } .listing-list-loop .content .meta-middle .meta-middle-unit .icon .stm-icon-fuel { position: relative; top: -1px; font-size: 14px; } .listing-list-loop .content .meta-middle .meta-middle-unit .icon .stm-icon-engine_fill { position: relative; top: 0; left: 1px; font-size: 18px; } .listing-list-loop .content .meta-middle .meta-middle-unit .icon .stm-icon-transmission_fill { position: relative; top: 1px; left: 1px; font-size: 17px; } .listing-list-loop .content .meta-middle .meta-middle-unit .icon .stm-icon-drive_2 { position: relative; top: 1px; left: 1px; font-size: 17px; } .listing-list-loop .content .meta-middle .meta-middle-unit .name { text-transform: uppercase; color: #888; font-size: 10px; } .listing-list-loop .content .meta-middle .meta-middle-unit .value { margin-top: -5px; margin-bottom: 0; line-height: normal; } .certified-logo-1, .certified-logo-2 { opacity: 0.8; } .certified-logo-1:hover, .certified-logo-2:hover { opacity: 1; } .stm-price-range { margin-bottom: 19px; } .classic-filter-row { position: relative; margin-top: -60px; z-index: 50; } .classic-filter-row input[type="text"] { height: 40px; line-height: 40px; } .classic-filter-row .form-group { margin-bottom: 16px; } .classic-filter-row .filter-price { margin: 7px 0 31px; } .classic-filter-row .filter-price h5 { margin-bottom: 19px; } .classic-filter-row .select2-container--default .select2-selection--single, .classic-filter-row .select2-container--default .select2-selection--single .select2-selection__rendered { height: 40px; line-height: 40px; } .classic-filter-row .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } .classic-filter-row .filter-sidebar { padding: 0 22px 30px; background-color: #fff; -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.18); box-shadow: 0 5px 18px rgba(0, 0, 0, 0.18); } .classic-filter-row .sidebar-entry-header { position: relative; min-height: 40px; padding: 26px 22px 21px 76px; margin: 0 -22px; background-color: #1d2428; } .classic-filter-row .sidebar-entry-header i { position: absolute; top: 32px; left: 21px; font-size: 29px; color: #fff; } .classic-filter-row .sidebar-entry-header .h4 { display: block; padding-top: 10px; color: #fff; font-weight: 700; letter-spacing: -0.3px; } .stm-price-range-unit { padding: 0 9px; background-color: #dfe1e5; border-radius: 2px; } .row-pad-top-24 { padding-top: 24px; } .col-md-wider-left { padding-left: 6px; } .col-md-wider-right { padding-right: 6px; } .sidebar-action-units:after { display: table; content: ""; clear: both; } .sidebar-action-units input[type="submit"] { float: left; margin-right: 23px; padding: 13px 19px 9px; font-size: 12px; } .stm-reset-classic-filter { margin-top: 8px; display: inline-block; position: relative; padding-left: 17px; color: #888; font-size: 13px; } .stm-reset-classic-filter .fa { position: absolute; top: 5px; left: 0; color: #2ea6b8; font-size: 14px; } .stm-reset-classic-filter span { display: inline-block; position: relative; } .stm-reset-classic-filter span:after { position: absolute; content: ''; display: block; bottom: 3px; left: 1px; right: 0; height: 1px; background-color: #888; } #stm_filter_max_price, #stm_filter_min_price { text-align: center; } .classic-filter-pagination .page-numbers { border-top: none; } .stm-car-listing-sort-units { margin-top: 4px; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #ddd; } .stm-car-listing-sort-units .stm-sort-by-options { float: left; } .stm-car-listing-sort-units .stm-sort-by-options > span { float: left; margin-top: 7px; margin-right: 9px; text-transform: uppercase; font-size: 12px; color: #888; } .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting { float: left; } .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting .select2-container--default .select2-selection--single { height: 32px; } .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting .select2-container--default .select2-selection--single .select2-selection__rendered { height: 32px; line-height: 32px; } .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting .select2-container--default .select2-selection--single .select2-selection__arrow { height: 32px; } .stm-car-listing-sort-units .stm-view-by { float: right; } .stm-car-listing-sort-units .stm-view-by:after { display: table; content: ""; clear: both; } .stm-car-listing-sort-units .stm-view-by .view-type { display: block; float: left; color: #8f8f8f; margin-left: 10px; width: 32px; height: 32px; line-height: 34px; text-align: center; text-decoration: none !important; } .stm-car-listing-sort-units .stm-view-by .view-type:hover { color: #2ea6b8; } .stm-car-listing-sort-units .stm-view-by .view-type.view-list { font-size: 12px; } .stm-car-listing-sort-units .stm-view-by .view-type.view-grid { text-indent: 2px; font-size: 16px; } .stm-car-listing-sort-units .stm-view-by .view-type:hover { cursor: pointer; } .stm-car-listing-sort-units .stm-view-by .view-type:first-child { margin-left: 0; } .stm-car-listing-sort-units .stm-view-by .view-type.active { background-color: #f0f2f5; color: #8f8f8f; } .stm-car-listing-sort-units .stm-view-by .view-type.active:hover { color: #2ea6b8; } .stm-isotope-sorting { position: relative; } select { opacity: 0; visibility: hidden; } .stm-isotope-listing-item { margin-bottom: 31px; } .select2-search { display: none; } .stm-filter-chosen-units { margin-bottom: 7px; } #modern-filter-listing ul.stm-filter-chosen-units-list { height: 0; } ul.stm-filter-chosen-units-list { list-style: none; padding: 0; margin: 0; } ul.stm-filter-chosen-units-list:after { display: table; content: ""; clear: both; } ul.stm-filter-chosen-units-list li { position: relative; float: left; padding: 4px 35px 6px 13px; margin: 0 15px 10px 0; font-size: 13px; -webkit-box-shadow: 0 1px 3px rgba(59, 62, 68, 0.3); -moz-box-shadow: 0 1px 3px rgba(59, 62, 68, 0.3); box-shadow: 0 1px 3px rgba(59, 62, 68, 0.3); border-radius: 3px; color: #555; } ul.stm-filter-chosen-units-list li:last-child { margin-right: 0; } ul.stm-filter-chosen-units-list li > span { margin-right: -1px; color: #aaa; } ul.stm-filter-chosen-units-list li > i { position: absolute; top: 0; right: 0; width: 29px; height: 100%; line-height: 31px; text-align: center; font-size: 10px; color: #aaa; } ul.stm-filter-chosen-units-list li > i:hover { cursor: pointer; } .stm-accordion-single-unit { margin-top: 20px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18); } .stm-accordion-single-unit > a.title { position: relative; display: block; padding: 27px 20px 20px 25px; background-color: #fff; border-top: 4px solid #1d2428; text-decoration: none !important; } .stm-accordion-single-unit > a.title.collapsed { padding: 15px 20px 15px 25px; border-top-color: #2ea6b8; } .stm-accordion-single-unit > a.title.collapsed .minus { margin-top: -2px; } .stm-accordion-single-unit > a.title.collapsed .minus:after { opacity: 1; } .stm-accordion-single-unit > a.title h5 { margin-bottom: 0; text-transform: uppercase; } .stm-accordion-single-unit > a.title .minus { display: block; position: absolute; top: 50%; right: 20px; margin-top: 1px; width: 11px; height: 3px; background-color: #ccc; } .stm-accordion-single-unit > a.title .minus:after { position: absolute; content: ''; display: block; top: -4px; left: 4px; height: 11px; width: 3px; background-color: #ccc; opacity: 0; } .stm-accordion-single-unit > a.title:hover .minus:after, .stm-accordion-single-unit > a.title:hover .minus { background-color: #2ea6b8; } .stm-accordion-single-unit .stm-accordion-content ul { padding: 5px 40px 17px 25px; margin-bottom: 0; } .stm-accordion-single-unit .stm-accordion-content ul li { margin-bottom: 7px; font-size: 13px; } .stm-accordion-single-unit .stm-accordion-content ul li:hover { cursor: pointer; } .blog-meta { padding: 16px 18px 0; margin-bottom: 45px; background-color: #1d2428; } .blog-meta .left { float: left; } .blog-meta .right { float: right; } .blog-meta .blog-meta-unit { position: relative; color: #fff; padding-left: 22px; margin-bottom: 14px; font-weight: 400; } .blog-meta .blog-meta-unit .post_comments { font-weight: 400; } .blog-meta .blog-meta-unit a { color: #fff; } .blog-meta .blog-meta-unit a:hover { color: #2ea6b8; text-decoration: none; } .blog-meta .blog-meta-unit i { position: absolute; top: 50%; left: 0; margin-top: -9px; font-size: 15px; color: #2ea6b8; } .blog-meta .blog-meta-unit i.stm-icon-message { font-size: 14px; margin-top: -7px; } .blog-meta .clearfix .blog-meta-unit { float: left; margin-right: 41px; } .post-content { padding-bottom: 35px; margin-bottom: 38px; border-bottom: 1px solid #ddd; } .post-content iframe { width: 100% !important; max-width: 100% !important; vertical-align: top; } .post-content.post-content-vc { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .post-content blockquote { position: relative; margin-top: 10px; padding-left: 72px; padding-right: 5px; border-left: none; font-size: 16px; line-height: 32px; color: #1d2428; font-style: normal; } .post-content blockquote:after, .post-content blockquote:before { position: absolute; content: ''; display: block; top: 9px; left: 4px; font-size: 31px; font-family: 'stm-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #2ea6b8; content: "\e923"; } .blog-meta-bottom { margin-top: 30px; margin-bottom: 40px; } .blog-meta-bottom .left { float: left; } .blog-meta-bottom .right { float: right; } .blog-meta-bottom span.h6 { text-transform: uppercase; font-weight: 700; } .blog-meta-bottom .post-tags .post-tag, .blog-meta-bottom .post-tags .post-category, .blog-meta-bottom .post-cat .post-tag, .blog-meta-bottom .post-cat .post-category { color: #888; font-weight: 400; font-size: 13px; } .blog-meta-bottom .post-tags .post-tag:last-child .divider, .blog-meta-bottom .post-tags .post-category:last-child .divider, .blog-meta-bottom .post-cat .post-tag:last-child .divider, .blog-meta-bottom .post-cat .post-category:last-child .divider { display: none; } .blog-meta-bottom .post-tags .post-tag a, .blog-meta-bottom .post-tags .post-category a, .blog-meta-bottom .post-cat .post-tag a, .blog-meta-bottom .post-cat .post-category a { color: #888; font-weight: 400; font-size: 13px; } .blog-meta-bottom .post-tags .post-tag a:hover, .blog-meta-bottom .post-tags .post-category a:hover, .blog-meta-bottom .post-cat .post-tag a:hover, .blog-meta-bottom .post-cat .post-category a:hover { text-decoration: none; color: #2ea6b8; } .blog-meta-bottom .post-tags { margin-top: 2px; } .blog-meta-bottom .stm-shareble { margin-top: 7px; } .stm-author-box { padding: 30px 50px 30px 30px; margin-bottom: 58px; border-top: 4px solid #1d2428; background-color: #f3f4f5; } .stm-author-box .author-image { float: left; margin-right: 29px; } .stm-author-box .author-image > img { border-radius: 50%; } .stm-author-box .author-content { overflow: hidden; } .stm-author-box .author-content h6 { margin-bottom: 4px; color: #aaaaaa; } .stm-author-box .author-content h4 { margin-bottom: 10px; } .stm-author-box .author-content .author-description { color: #555; font-size: 14px; line-height: 20px; } .comment-reply-title { margin-bottom: 30px; font-size: 16px; text-transform: uppercase; font-weight: 700; } .comments-title { text-transform: uppercase; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #ddd; } .single-post #main { margin-bottom: 36px; } .comment.parent .comment-body { position: relative; } .comment.parent .comment-body:after { position: absolute; content: ''; display: block; bottom: 0; left: 40px; width: 36px; height: 1px; background-color: #ddd; } .comment .comment-body { min-height: 80px; margin-bottom: 18px; overflow: hidden; } .comment .comment-avatar { position: relative; float: left; margin-right: 29px; } .comment .comment-avatar img { border-radius: 50%; } .comment .comment-avatar:before { position: absolute; content: ''; display: block; top: 88px; left: 50%; width: 1px; height: 2000px; background-color: #ddd; } .comment .comment-info-wrapper { overflow: hidden; } .comment .comment-info-wrapper .comment-info { margin-top: -4px; margin-bottom: 10px; } .comment .comment-info-wrapper .comment-text { min-height: 70px; padding-bottom: 21px; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 22px; color: #888888; font-style: italic; } .comment .comment-info-wrapper .comment-text p { margin-bottom: 5px; } .comment .commentmetadata { color: #888; font-size: 12px; } .comment .commentmetadata a { color: #888; } .comment .commentmetadata a:hover { color: #2ea6b8; text-decoration: none; } .comment .commentmetadata .comment-meta-data-unit { vertical-align: top; } .comment .commentmetadata .comment-meta-data-unit a { color: #2ea6b8; } .comment .commentmetadata .comment-meta-data-unit a i { font-size: 11px; } .comment .comment-divider { margin: 0 7px; color: #888; } .comment .comment-reply-link { margin-left: 2px; } .comment .comment-reply-link i { margin-right: 7px; } .comment .comment-edit-link { margin-left: -2px; } .comment .comment-edit-link i { position: relative; top: 1px; font-size: 13px !important; margin-right: 7px; } .comment .comment-author .h5 a { color: #1d2428; font-weight: 700; } .comment .comment-date { margin-right: -5px; } ul.comment-list li ul.children { padding-left: 43px; list-style: none; } ul.comment-list li ul.children > li.parent .comment-avatar:before { position: absolute; content: ''; display: block; top: 73px; left: 50%; width: 1px; height: 2000px; background-color: #ddd; } ul.comment-list li ul.children .comment-body { padding-top: 18px; margin-top: -18px; } ul.comment-list li ul.children .comment-body:after { display: none; } ul.comment-list li ul.children .comment-avatar { position: relative; margin-right: 35px; } ul.comment-list li ul.children .comment-avatar img { max-width: 65px; } ul.comment-list li ul.children .comment-avatar:after { position: absolute; content: ''; display: block; top: -18px; left: 50%; width: 1px; height: 10px; background-color: #ddd; } ul.comment-list li ul.children ul.children { padding-left: 0; } ul.children .comment:not(.parent) { position: relative; margin-bottom: 30px; } ul.children .comment:not(.parent):after { position: absolute; content: ''; display: block; bottom: 0; right: 0; left: -43px; height: 1px; background-color: #ddd; } ul.children .comment:not(.parent) .comment-avatar:before { display: none !important; } ul.children .comment:not(.parent) .comment-body .comment-text { padding-bottom: 30px; border-bottom: none; } .comment-list { margin-bottom: 57px; } .comment-list > li.comment:not(.parent) { position: relative; } .comment-list > li.comment:not(.parent):after { position: absolute; content: ''; display: block; bottom: 0; right: 0; left: 0px; height: 1px; background-color: #ddd; } .comment-list > li.comment:not(.parent) .comment-avatar:before { display: none !important; } .comment-list > li.comment:not(.parent) .comment-body .comment-text { border-bottom: none; } .logged-in-as { display: none; } .stm-single-post { padding-top: 36px; } .stm-single-post .post-title { margin-bottom: 35px; line-height: 37px; } #cancel-comment-reply-link { margin-left: 10px; } .comment-respond { padding-bottom: 20px; } .stm-archives { padding-top: 30px; } .stm-contact-us-form-wrapper { padding: 60px 91px 11px; background-color: #fff; -webkit-box-shadow: 0px 3px 18px rgba(35, 38, 40, 0.3); -moz-box-shadow: 0px 3px 18px rgba(35, 38, 40, 0.3); box-shadow: 0px 3px 18px rgba(35, 38, 40, 0.3); } .stm-contact-us-form-wrapper h2 { margin-bottom: 47px; text-transform: uppercase; } .stm-contact-us-form-wrapper .form-group { margin-bottom: 30px; } .stm-contact-us-form-wrapper .form-group input { font-size: 14px; } .stm-contact-us-form-wrapper form { margin-left: 3px; margin-right: 3px; } .stm-contact-us-form-wrapper .col-md-7 .col-md-6:first-child .form-group { margin-right: 2px; } .stm-contact-us-form-wrapper .col-md-7 .col-md-6:nth-child(2) .form-group { padding-left: 8px; margin-right: -5px; } .stm-contact-us-form-wrapper .col-md-5 .contact-us-submit, .stm-contact-us-form-wrapper .col-md-5 .form-group { margin-left: 7px; } .stm-contact-us-form-wrapper .wpcf7-response-output { margin-bottom: 20px !important; } .contact-us-label { margin-bottom: 5px; font-size: 14px; } .stm-contact-us-checkbox { margin: 17px 0 35px; } .contact-us-submit { margin-top: -5px; } .stm-view-type-list, .stm-view-type-grid { padding-top: 57px; padding-bottom: 65px; } .stm-view-type-grid .row-2 .col-md-6 .image img { width: 100%; } .stm-blog-pagination { margin-top: 10px; } .stm-blog-pagination .page-numbers { padding-top: 0; margin-top: 0; border-top: none; } .stm-blog-pagination .page-numbers li a.next, .stm-blog-pagination .page-numbers li a.prev { top: 0; } .post-grid-single-unit { position: relative; margin-bottom: 50px; } .post-grid-single-unit:hover .content { border-color: transparent; box-shadow: 0 1px 6px rgba(35, 38, 40, 0.4); } .post-grid-single-unit .image { position: relative; margin-bottom: 15px; overflow: hidden; } .post-grid-single-unit .video-preview { position: absolute; right: 9px; top: 17px; padding: 1px 11px 1px 25px; border-radius: 2px; color: #fff; font-size: 10px; text-transform: uppercase; background-color: #2ea6b8; z-index: 20; } .post-grid-single-unit .video-preview .fa { position: absolute; top: 50%; left: 7px; margin-top: -6px; font-size: 12px; } .post-grid-single-unit .sticky-post { position: absolute; top: 20px; left: -90px; background-color: #2ea6b8; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 11px; width: 250px; height: 33px; line-height: 33px; text-align: center; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .post-grid-single-unit .content { box-shadow: none; border-radius: 1px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translateZ(0); padding: 25px 40px 14px 40px; border: 1px solid #ddd; } .post-grid-single-unit .content .title-relative { position: relative; min-height: 66px; } .post-grid-single-unit .content .title-relative a { text-decoration: none !important; } .post-grid-single-unit .content .title-relative a .title { position: absolute; top: 50%; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-bottom: 0; font-weight: 400; line-height: 22px; } .post-grid-single-unit .content .post-meta-bottom { margin-top: 22px; padding-top: 12px; border-top: 1px solid #ddd; } .post-grid-single-unit .content .post-meta-bottom .blog-meta-unit { display: inline-block; margin-right: 19px; padding-left: 25px; position: relative; font-size: 12px; color: #888; } .post-grid-single-unit .content .post-meta-bottom .blog-meta-unit:last-child { margin-right: 0; } .post-grid-single-unit .content .post-meta-bottom .blog-meta-unit.comments { padding-left: 22px; } .post-grid-single-unit .content .post-meta-bottom .blog-meta-unit.comments i { top: 3px; font-size: 14px; } .post-grid-single-unit .content .post-meta-bottom .blog-meta-unit i { position: absolute; left: 0; top: 2px; color: #2ea6b8; font-size: 15px; } .post-grid-single-unit .content .post-meta-bottom .blog-meta-unit a { color: #888; text-decoration: none !important; } .post-grid-single-unit .content .post-meta-bottom .blog-meta-unit a:hover { color: #2ea6b8; } .post-list-single-item { margin-bottom: 30px; } .post-list-single-item .image { position: relative; vertical-align: top; overflow: hidden; max-height: 429px; } .post-list-single-item .image img { vertical-align: top; width: 100%; } .post-list-single-item .video-preview { position: absolute; right: 9px; top: 17px; padding: 1px 11px 1px 25px; border-radius: 2px; color: #fff; font-size: 10px; text-transform: uppercase; background-color: #2ea6b8; z-index: 20; } .post-list-single-item .video-preview .fa { position: absolute; top: 50%; left: 7px; margin-top: -6px; font-size: 12px; } .post-list-single-item .sticky-post { position: absolute; top: 20px; left: -90px; background-color: #2ea6b8; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 11px; width: 250px; height: 33px; line-height: 33px; text-align: center; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .post-list-single-item .blog-meta { position: relative; margin-top: -44px; padding-left: 36px; padding-right: 27px; margin-bottom: 0; background-color: #1d2428; z-index: 20; } .post-list-single-item .absoluted-content { position: absolute; bottom: 44px; left: 0; right: 0; } .post-list-single-item .absoluted-content .relatived-content { padding: 0 36px 31px; position: relative; z-index: 10; } .post-list-single-item .absoluted-content .relatived-content .title { margin-bottom: 0; color: #fff; font-weight: 700; line-height: 28px; } .post-list-single-item .absoluted-content .relatived-content .video-preview { display: inline-block; margin-bottom: 16px; position: relative; top: 0; left: 0; } .post-list-single-item .absoluted-content:before { position: absolute; content: ''; display: block; bottom: 0; left: 0; right: 0; height: 189px; background: linear-gradient(to top, rgba(35, 38, 40, 0.9), rgba(35, 38, 40, 0)); z-index: 5; } .stm-blog-pagination { position: relative; } .stm-blog-pagination a { display: block; } .stm-view-type-list .stm-blog-pagination { margin-top: 30px; } .stm-prev-next { display: block; position: absolute; top: 0; width: 54px; height: 35px; background-color: #2ea6b8; color: #fff; border-radius: 3px; text-align: center; line-height: 30px; font-size: 22px; z-index: 15; } .stm-prev-next i { color: #fff; } .stm-prev-next.stm-next-btn { right: 0; } .stm-prev-next .stm-prev-btn { left: 0; } .stm-prev-next.disabled { background-color: #ddd; } .sidebar-margin-top { margin-top: 4px; } .stm-blog-main-title { margin: -9px 0 51px; text-transform: uppercase; } .stm-no-margin-bc .navxtBreads { margin-bottom: 0; } body.woocommerce-account .woocommerce { margin-bottom: 60px; } body.woocommerce-account .woocommerce input[type=submit] { margin-top: 30px; } .error-header { position: relative; padding: 86px 0; background-color: #1d2428; z-index: 20; } .error404 #wrapper { position: relative; } .error404 #wrapper #main { min-height: 250px; position: absolute; top: 201px; left: 0; right: 0; bottom: 0; z-index: 15; } .error404 #wrapper #main .stm-error-page-unit { position: absolute; top: 50%; width: 100%; text-align: center; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .error404 #wrapper #main .stm-error-page-unit h2 { width: auto; margin: 0 auto; margin-bottom: 40px; max-width: 650px; line-height: 34px; text-transform: uppercase; } .error404 #wrapper #main .stm-error-page-unit .button { display: inline-block; } body.page-template-coming-soon-php { background-position: 50% 50%; background-size: cover; } body.page-template-coming-soon-php #wrapper:after { position: absolute; content: ''; display: block; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: -1; } body.page-template-coming-soon-php #wrapper #main { min-height: 400px; position: absolute; top: 170px; left: 0; right: 0; bottom: 75px; } body.page-template-coming-soon-php #wrapper #main .stm-coming-soon-centered { position: absolute; top: 50%; width: 100%; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.page-template-coming-soon-php #wrapper #main .stm-coming-soon-centered h1 { font-size: 70px; line-height: 65px; text-transform: uppercase; } body.page-template-coming-soon-php #wrapper #main .stm-coming-soon-centered h5 { font-weight: 400; } body.page-template-coming-soon-php #footer-copyright { position: absolute; bottom: 0; width: 100%; background-color: transparent !important; } body.page-template-coming-soon-php .coming-soon-header { position: relative; padding-top: 135px; z-index: 20; } .stm-inline-form { margin-top: 35px; } .stm-inline-form .wpcf7-form-control-wrap { display: inline-block; width: 235px; vertical-align: top; margin-right: 28px; } .stm-inline-form input[type="submit"] { vertical-align: top; display: inline-block; } .stm-blog-fullwidth-info { position: relative; } .stm-blog-fullwidth-info .post-thumbnail img { width: 100%; } .stm-blog-fullwidth-info .absoluted-content { position: absolute; bottom: 0; right: 0; left: 0; } .stm-blog-fullwidth-info .absoluted-content > .container { position: relative; z-index: 10; } .stm-blog-fullwidth-info .absoluted-content .title { color: #fff; max-width: 800px; } .stm-blog-fullwidth-info .absoluted-content .blog-meta { padding-left: 0; padding-right: 0; padding-bottom: 2px; margin-bottom: 0; margin-top: 65px; background-color: transparent; border-top: 1px solid rgba(255, 255, 255, 0.2); } .stm-blog-fullwidth-info .absoluted-content .blog-meta .blog-meta-unit { color: #aaa; } .stm-blog-fullwidth-info .absoluted-content .blog-meta .blog-meta-unit a { color: #aaa; } .stm-blog-fullwidth-info .absoluted-content .blog-meta .blog-meta-unit a:hover { color: #2ea6b8; } .stm-blog-fullwidth-info .absoluted-content:before { position: absolute; content: ''; display: block; bottom: 0; left: 0; right: 0; height: 347px; background: linear-gradient(to top, rgba(35, 38, 40, 0.9), rgba(35, 38, 40, 0)); z-index: 5; } .stm-modern-filter-sidebar-title { text-transform: uppercase; margin-top: 12px; margin-bottom: 40px; } #modern-filter-listing { margin-top: 45px; } #modern-filter-listing .stm-accordion-single-unit { margin: 0 0 30px; } #modern-filter-listing .stm-accordion-content-wrapper { padding: 0 26px 20px; } #modern-filter-listing .stm-accordion-content-wrapper .stm-single-unit { margin-bottom: 8px; } .stm-modern-filter-unit-first-default { margin-bottom: 15px; } .stm-modern-filter-unit-first-default .stm-single-unit { display: inline-block; margin-right: 20px; margin-bottom: 7px; } .stm-modern-filter-unit-images { font-size: 0; } .stm-modern-filter-unit-images .stm-single-unit-wrapper { margin: 3px -10px 0; } .stm-modern-filter-unit-images .stm-single-unit-image { display: inline-block; width: 50%; margin: 0 0 25px; vertical-align: top; padding: 0 10px; font-size: 13px; } .stm-modern-filter-unit-images .stm-single-unit-image.stm-no-image { display: block; margin-bottom: 8px; width: 100%; } .stm-modern-filter-unit-images .stm-single-unit-image .image { display: block; text-align: center; } .stm-modern-filter-unit-images .stm-single-unit-image .image.non-active { opacity: 0.5; } .stm-modern-filter-unit-images .stm-single-unit-image img { display: inline-block; vertical-align: top; max-width: 100%; margin-bottom: 7px; } .stm-modern-filter-unit-images .checker { margin-right: 3px !important; } .stm-modern-filter-price { padding-top: 8px !important; } .stm-show-all-modern-filter { display: inline-block !important; padding: 10px 20px 8px; position: absolute; left: 50%; bottom: 0; margin-left: -58px; } .stm-show-all-modern-filter:active { top: inherit; bottom: -2px; } .stm-show-all-modern-filter.stm-hidden-filter { display: none !important; } #modern-filter-listing .stm-car-listing-sort-units { margin-top: 0; } .stm-car-listing-sort-units.stm-modern-filter-actions .stm-sort-by-options { margin-top: -8px; float: right; margin-right: 25px; } .stm-car-listing-sort-units.stm-modern-filter-actions .stm-view-by { margin-top: -8px; } .modern-filter-badges ul.stm-filter-chosen-units-list li { margin-bottom: 15px; } .stm-modern-view-others { margin-top: 11px; padding-left: 11px; } .stm-modern-view-others a { position: relative; display: inline-block; font-size: 12px; line-height: 14px; text-transform: uppercase; color: #aaa; border-bottom: 1px dashed #aaa; text-decoration: none !important; } .stm-modern-view-others a:after { position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f107"; top: 50%; margin-top: -8px; right: -14px; font-size: 16px; } .stm-modern-view-others a:hover { color: #2ea6b8; border-bottom-color: #2ea6b8; } .stm-modern-filter-others { display: none; padding-top: 11px; } .stm-modern-filter-others .checker { margin-right: 10px !important; } .stm-modern-filter-found-cars { float: left; } .stm-modern-filter-found-cars h4 { text-transform: uppercase; } .stm-single-unit-image label:hover { cursor: pointer; } .car-listing-modern-grid .stm-isotope-listing-item { margin-bottom: 45px; } .stm-fullwidth-with-parallax { position: static; background-attachment: fixed; background-size: cover; background-position: 50% 0%; overflow: hidden; } .stm-blackout-overlay.stm-blackout-loaded:after { visibility: visible; } .stm-blackout-overlay:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; z-index: 10; top: 0; left: 0; background-color: #000; opacity: 0; z-index: 2; visibility: hidden; } .stm-fullwidth-with-parallax.stm-blackout-lvl-20 .stm-blackout-overlay:after { opacity: 0.2; } .stm-fullwidth-with-parallax.stm-blackout-lvl-40 .stm-blackout-overlay:after { opacity: 0.4; } .stm-fullwidth-with-parallax.stm-blackout-lvl-60 .stm-blackout-overlay:after { opacity: 0.6; } .stm-fullwidth-with-parallax.stm-blackout-lvl-80 .stm-blackout-overlay:after { opacity: 0.8; } .stm-blackout-overlay { position: absolute; } .owl-carousel { display: none; visibility: hidden; } .owl-carousel.owl-loaded { display: block; visibility: visible; } .owl-carousel.testimonials-carousel { display: block; visibility: visible; } .stm-carousel-brands { display: block !important; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li ul li a { font-size: 13px !important; } .panel.wc-tab h3 { margin-top: 50px; } .stm-select-sorting .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 13px !important; } .classic-filter-pagination { margin-top: 8px; } .car-listing-top-part .stm-hidden { display: block; visibility: visible; } .stm-hidden { display: none; visibility: hidden; } body.stm-boxed #wrapper { position: relative; max-width: 1220px; width: auto; margin: 0 auto; overflow: hidden; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); background-color: #fff; z-index: 999; } body.stm-boxed #footer { max-width: 1220px; width: auto; margin: 0 auto; } body.stm-boxed .stm-fullwidth-with-parallax { background-attachment: scroll; } .help-bar-live-chat { display: none !important; } .header-help-bar-trigger { display: none; float: right; margin-top: 10px; height: 32px; width: 32px; line-height: 30px; text-align: center; border: 1px solid #aaa; border-radius: 4px; font-size: 12px; color: #1d2428; } .header-help-bar-trigger.active i { -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .header-help-bar > ul li.mobile-search { display: none; visibility: hidden; } .mobile-menu-trigger { position: absolute; top: 2px; right: 0; width: 32px; height: 32px; padding: 5px 3px; } .mobile-menu-trigger span { display: block; height: 3px; background: #2ea6b8; border-radius: 3px; width: 100%; } .mobile-menu-trigger span:nth-child(2) { margin-top: 5px; } .mobile-menu-trigger span:nth-child(3) { margin-top: 5px; } .mobile-menu-holder { display: none; margin: 0 -15px 25px; padding: 0 15px; } .mobile-menu-holder .header-menu { margin: 0 -15px; padding: 10px 15px; background-color: #eaedf0; list-style: none; } .mobile-menu-holder .header-menu > li .arrow { position: absolute; top: 0; right: 0; height: 34px; line-height: 34px; width: 50px; font-size: 22px; text-align: right; } .mobile-menu-holder .header-menu > li .arrow.active i { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu-holder .header-menu > li > .sub-menu { display: none; list-style: disc; } .mobile-menu-holder .header-menu > li > .sub-menu > li > .sub-menu > li:last-child { margin-bottom: 0; } .mobile-menu-holder .header-menu > li.opened > a { color: #2ea6b8; } .mobile-menu-holder .header-menu li { position: relative; } .mobile-menu-holder .header-menu li a { position: relative; display: block; padding: 10px 0; padding-right: 60px; color: #1d2428; text-transform: uppercase; text-decoration: none !important; } .mobile-menu-holder .header-menu li:last-child { margin-bottom: 0; } .compare-car-visible { display: none; } .stm-img-mobile-compare { margin-bottom: 30px; } .blog-posts-excerpt { margin-top: 15px; } .post-grid-single-unit .sticky-post.blog-post-no-image { width: 100%; top: 0; left: 0; right: 0; font-size: 10px; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .footer_widgets_wrapper .select2-container--default .select2-selection--single .select2-selection__arrow { right: 0; } .page-links { margin: 0 0 20px; } .page-links .page-links-title { text-transform: uppercase; border: none; margin-right: 20px; } .page-links a { display: inline-block; vertical-align: top; min-width: 30px; height: 30px; line-height: 26px; margin-right: 10px; border: 2px solid #2ea6b8; text-align: center; color: #2ea6b8; text-decoration: none !important; } .page-links a:hover { color: #fff; background-color: #2ea6b8; } .page-links > span { display: inline-block; vertical-align: top; border: 2px solid #888; color: #888; min-width: 30px; margin-right: 10px; text-align: center; height: 30px; line-height: 26px; } .post-password-form input[type=submit] { display: inline-block; margin-left: 10px; } .stm_post_comments li.pingback .comment-info { margin-bottom: 15px; } .stm_post_comments li.pingback .h5 { text-transform: uppercase; } .mpg-mobile-selector { min-width: 250px; } .post-type-archive-product .page-numbers { margin-bottom: 40px; } a[href^="tel"] { color: inherit; text-decoration: none; } .stm-base-background-color { background-color: #2ea6b8 !important; } .stm-base-color { color: #2ea6b8 !important; } .stm-button-secondary-color { background-color: #2ea6b8; } .stm-secondary-background-color { background-color: #2ea6b8 !important; } .stm-secondary-color { color: #2ea6b8 !important; } .certified-logo-1 img { max-height: 25px; } .certified-logo-2 img { max-height: 25px; } #frontend_customizer_button:before { border-right-color: #2ea6b8 !important; } #frontend_customizer_button { background-color: #2ea6b8; } #top-bar .language-switcher-unit ul li:last-child { margin-bottom: 0; } #top-bar .language-switcher-unit ul li a { color: #1d2428; } .tp-caption.stm-slider-round, .stm-slider-round { background: rgba(204, 97, 25, 0.901961) !important; } .stm-compact-sidebar { max-width: 250px; width: auto; margin: 0 auto; padding-top: 26px; border: 1px solid #dddddd; } .stm-compact-sidebar .text-image { margin-left: 25px; margin-bottom: 10px; } .stm-compact-sidebar .icon { margin-left: 25px; margin-bottom: 10px; font-size: 62px; color: #2ea6b8; } .stm-compact-sidebar .content { max-width: 220px; margin-bottom: 23px; padding: 0 10px 0 30px; } .stm-compact-sidebar .content h4 > span { display: block; } .stm-single-post .post-thumbnail img { width: 100%; } .stm-sell-a-car-form .form-navigation .form-navigation-unit { display: block; text-decoration: none !important; padding-bottom: 17px; border-bottom: 6px solid #eaedf0; } .stm-sell-a-car-form .form-navigation .form-navigation-unit.validated .number { text-indent: -200px !important; } .stm-sell-a-car-form .form-navigation .form-navigation-unit.validated .number:before { right: 0%; } .stm-sell-a-car-form .form-navigation .form-navigation-unit[href="#step-two"] .number { text-indent: 2px; } .stm-sell-a-car-form .form-navigation .form-navigation-unit .number { position: relative; margin-bottom: 13px; width: 31px; height: 31px; border: 3px solid #2ea6b8; border-radius: 50%; line-height: 25px; font-weight: 700; text-align: center; color: #2ea6b8; font-size: 16px; text-indent: 3px; overflow: hidden; } .stm-sell-a-car-form .form-navigation .form-navigation-unit .number:before { position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); width: 100%; height: 100%; position: absolute; top: 0; right: -100%; line-height: 25px; content: "\f00c"; font-size: 16px; text-indent: 0 !important; } .stm-sell-a-car-form .form-navigation .form-navigation-unit .title { margin: 0 0 -1px 3px; font-weight: 700; font-size: 16px; text-transform: uppercase; } .stm-sell-a-car-form .form-navigation .form-navigation-unit .sub-title { margin-left: 4px; color: rgba(35, 38, 40, 0.5); font-size: 13px; } .stm-sell-a-car-form .form-navigation .form-navigation-unit.active { border-bottom-color: #2ea6b8; } .stm-sell-a-car-form .form-navigation .form-navigation-unit.active .number { background-color: #2ea6b8; color: #fff; } .stm-sell-a-car-form .form-content { padding-top: 44px; } .stm-sell-a-car-form .form-content .form-content-unit { display: none; } .stm-sell-a-car-form .form-content .form-content-unit.active { display: block; } .stm-sell-a-car-form .form-content .form-content-unit .contact-us-label { color: #555; } .stm-sell-a-car-form .form-content .vehicle-condition { padding-top: 6px; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit { padding-bottom: 33px; margin-bottom: 34px; border-bottom: 1px solid #e2e5e8; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .icon { margin-bottom: 13px; font-size: 30px; color: #1d2428; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .icon.buoy { font-size: 34px; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .icon.buoy-2 { font-size: 35px; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .title { margin-bottom: 16px; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit label { margin-right: 40px; } .stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit label:last-child { margin-right: 0; } .stm-sell-a-car-form .form-content .contact-details { margin: 6px 0 43px; padding: 40px 41px 36px; background-color: #ebedef; } .stm-sell-a-car-form .form-content .contact-details textarea { height: 106px; } .stm-sell-a-car-form .form-content .contact-details .form-group { margin-bottom: 24px; } .stm-sell-a-car-form .form-content .contact-details .contact-us-label { margin-bottom: 2px; } .stm-sell-a-car-form .form-upload-files .stm-unit-photos { float: left; width: 38.48%; margin-right: 54px; } .stm-sell-a-car-form .form-upload-files .stm-unit-url { overflow: hidden; } .stm-sell-a-car-form input[type="submit"] { width: 220px; margin-right: 48px; } .stm-sell-a-car-form .disclaimer { padding-right: 20px; margin-top: 2px; line-height: 22px; overflow: hidden; color: #555; } .sell-a-car-proceed { margin-top: 27px; max-width: 220px; } .form-upload-files { padding: 30px 30px 35px; margin: 15px 0 5px; border: 3px solid #ebedef; } .stm-pseudo-file-input { position: relative; z-index: 20; } .stm-pseudo-file-input.generated { margin-top: 15px; } .stm-pseudo-file-input.generated .stm-plus:after { display: none; } .stm-pseudo-file-input:hover { cursor: pointer; } .stm-pseudo-file-input:before { position: absolute; content: ''; display: block; font-family: 'stm-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #c0c1c3; content: "\e929"; position: absolute; top: 10px; left: 15px; font-size: 20px; } .stm-pseudo-file-input .stm-plus { position: absolute; width: 42px; height: 42px; top: 0; right: 0; background-color: #ebedef; z-index: 20; } .stm-pseudo-file-input .stm-plus:after { position: absolute; content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -1px; width: 3px; height: 9px; background-color: #aaa; } .stm-pseudo-file-input .stm-plus:before { position: absolute; content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -4px; width: 9px; height: 3px; background-color: #aaa; } .stm-pseudo-file-input .stm-filename { padding: 10px 10px 10px 40px; margin-right: 56px; background-color: #ebedef; color: #888888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .stm-pseudo-file-input .stm-file-realfield { position: absolute; width: 100%; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 15; } .stm-pseudo-file-input .stm-file-realfield:hover { cursor: pointer; } #error-fields { margin-top: 20px !important; } .lost_reset_password { border-top: 4px solid #232628; padding: 20px; margin: 2em 0; text-align: left; box-shadow: 0 1px 6px rgba(35, 38, 40, 0.4); max-width: 480px; width: 100%; } body.woocommerce-account .woocommerce .lost_reset_password input[type=submit] { margin-top: 10px; } .stm-single-filter-link a { color: #1d2428; text-decoration: none !important; } .stm-single-filter-link a:hover { color: #2ea6b8; } .stm-single-filter-link a span { color: #888; } .tooltip { font-family: inherit; } .tooltip.in { opacity: 1; } .tooltip-inner { padding: 7px 8px; background-color: #1d2428; color: #fff; } .tooltip.top .tooltip-arrow { border-top-color: #1d2428; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #1d2428; } .stm-tooltip-link:hover { cursor: pointer; } .stm-dots { color: #888; } .stm-dots.dots-aligned { position: relative; top: 0 !important; } select.ab-formElement { opacity: 1; visibility: visible; } /* 2.2 Widgets */ .footer_widgets_wrapper { padding: 66px 0 20px; color: #aaa; } .footer_widgets_wrapper .widget_search .widget-title { margin-bottom: 21px; } .footer_widgets_wrapper a { text-decoration: none !important; } .footer_widgets_wrapper a:hover { color: #fff; } .footer_widgets_wrapper .widget-title { margin-bottom: 15px; } .footer_widgets_wrapper .widget-title h6 { font-size: 14px; color: #fff; text-transform: uppercase; } .footer_widgets_wrapper .widget-title h6 .colored { color: #2ea6b8; } .footer_widgets_wrapper .stm_wp_widget_text .textwidget { font-size: 13px; line-height: 20px; color: #aaa; } .footer_widgets_wrapper .widget_text .textwidget { font-size: 13px; line-height: 20px; color: #fff; } .footer_widgets_wrapper .widget_text .textwidget .date { color: #aaaaaa; font-weight: 700; } .footer_widgets_wrapper .widget_mc4wp_form_widget .widget-title { margin-bottom: 16px; } .footer_widgets_wrapper .widget_mc4wp_form_widget .stm-mc-label { color: #888; } .footer_widgets_wrapper .widget_mc4wp_form_widget .stm-mc-unit { position: relative; margin-bottom: 8px; } .footer_widgets_wrapper .widget_mc4wp_form_widget .stm-mc-unit input[type="submit"] { position: absolute; top: 0; right: 0; height: 38px; width: 40px; z-index: 10; opacity: 0; } .footer_widgets_wrapper .widget_mc4wp_form_widget .stm-mc-unit:after { position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f09e"; top: 0; right: 0; height: 38px; width: 40px; background-color: #2ea6b8; text-align: center; line-height: 38px; color: #fff; font-size: 17px; text-indent: 2px; z-index: 9; } .footer_widgets_wrapper .widget_mc4wp_form_widget input[type="text"], .footer_widgets_wrapper .widget_mc4wp_form_widget input[type="email"], .footer_widgets_wrapper .widget_mc4wp_form_widget input[type="number"] { position: relative; height: 38px; line-height: 38px; padding: 0 50px 0 17px; color: #aaa; } .footer_widgets_wrapper .stm-instagram-unit .textwidget { margin: -4px -9px 0; } .footer_widgets_wrapper .stm-instagram-unit .textwidget #sb_instagram { padding-bottom: 0 !important; } .footer_widgets_wrapper .stm_widget_recent_entries .stm-last-post-widget { position: relative; top: -3px; font-size: 13px; line-height: 20px; color: #aaa; margin-bottom: 20px; } .footer_widgets_wrapper .stm_widget_recent_entries .stm-last-post-widget:last-child { margin-bottom: 0; } .footer_widgets_wrapper .stm_widget_recent_entries .stm-last-post-widget .comments-number { position: relative; top: 3px; height: 20px; } .footer_widgets_wrapper .stm_widget_recent_entries .stm-last-post-widget .comments-number a { display: block; padding-left: 21px; color: #2ea6b8 !important; font-size: 11px; text-transform: uppercase; text-decoration: none !important; } .footer_widgets_wrapper .stm_widget_recent_entries .stm-last-post-widget .comments-number i { position: absolute; left: 0; top: 50%; margin-top: -6px; font-size: 13px; } .footer_widgets_wrapper .widget_socials { margin: 0 -5px; } .footer_widgets_wrapper .widget_socials:after { display: table; content: ""; clear: both; } .footer_widgets_wrapper .widget_socials li { float: left; margin: 5px 4px 10px; } .footer_widgets_wrapper .widget_socials li a { display: block; width: 45px; height: 45px; background-color: #3b3d3f; text-align: center; line-height: 45px; font-size: 20px; color: #fff !important; } .footer_widgets_wrapper .widget_socials li a:hover { background-color: #2ea6b8; } .footer_widgets_wrapper .widget_search form { position: relative; } .footer_widgets_wrapper .widget_search form input[type=search] { height: 38px; line-height: 38px; } .footer_widgets_wrapper .widget_search form:after { position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: '\f002'; top: 0; right: 0; width: 46px; height: 38px; line-height: 38px; background-color: #2ea6b8; font-size: 19px; color: #fff !important; text-align: center; z-index: 9; } .footer_widgets_wrapper .widget_search form label { display: block; max-width: 79.2%; } .footer_widgets_wrapper .widget_search form input[type=submit] { position: absolute; top: 0; right: 0; width: 46px; height: 38px; z-index: 10; opacity: 0; } #wp-calendar { width: 100%; } #wp-calendar > caption { padding-top: 0; margin-top: -4px; } .tagcloud { margin-right: -6px; } .tagcloud a { display: inline-block; margin: 0 6px 8px 0; padding: 4px 9px; background-color: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 1, 1, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 1, 1, 0.2); box-shadow: 0 1px 4px rgba(0, 1, 1, 0.2); font-size: 13px !important; color: #aaa; text-decoration: none !important; } .tagcloud a:hover { background-color: #2ea6b8; color: #fff; } #main .widget { margin-bottom: 27px; padding-bottom: 40px; border-bottom: 1px solid #ddd; } #main .widgettitle, #main .widget-title { font-size: 16px; line-height: 32px; text-transform: uppercase; } #main .widget_search .widget-title { display: none; } #main .widget_search form.search-form { position: relative; } #main .widget_search form.search-form input[type=search] { height: 45px; line-height: 45px; padding-right: 57px; } #main .widget_search form.search-form input[type=submit] { position: absolute; top: 0; right: 0; height: 45px; width: 45px; text-indent: -9999px; opacity: 0; z-index: 20; } #main .widget_search form.search-form label { display: block; } #main .widget_search form.search-form:after { position: absolute; content: ''; display: block; font-family: 'stm-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e810"; top: 0; right: 0; width: 45px; height: 45px; line-height: 50px; font-size: 12px; text-align: center; color: #2ea6b8; z-index: 10; } #main .widget_search form.search-form:before { position: absolute; content: ''; display: block; right: 0; top: 0; width: 5px; height: 45px; background-color: #2ea6b8; z-index: 10; } #main .widget_search form.search-form:hover:before { width: 45px; } #main .widget_search form.search-form:hover:after { color: #fff; } #main .widget_search form.search-form.focus:before { width: 45px; } #main .widget_search form.search-form.focus:after { color: #fff; } #main .widget_text { font-size: 13px; line-height: 22px; } #main .stm-last-post-widget { margin-bottom: 26px; font-size: 13px; line-height: 20px; color: #888; } #main .stm-last-post-widget .comments-number { position: relative; margin-top: 14px; height: 20px; } #main .stm-last-post-widget .comments-number a { display: block; padding-left: 21px; color: #2ea6b8 !important; font-size: 11px; text-transform: uppercase; text-decoration: none !important; } #main .stm-last-post-widget .comments-number i { position: absolute; left: 1px; top: 50%; margin-top: -6px; font-size: 13px; } #main .stm-last-post-widget:last-child { margin-bottom: 10px; } #main .textwidget p:last-child { margin-bottom: 0; } .stm-small-text { display: block; font-size: 12px; line-height: 18px; margin-bottom: 10px; color: #888; } .widget_archive .select2-container--default .select2-selection--single .select2-selection__arrow { width: 47px; } .widget_archive .select2-container--default .select2-selection--single .select2-selection__arrow b { left: 50%; margin-left: -7px; z-index: 10; } .widget_archive .select2-container--default .select2-selection--single .select2-selection__arrow:after { position: absolute; content: ''; display: block; top: -1px; bottom: 0; right: 0; width: 4px; background-color: #2ea6b8; z-index: 1; } .widget_archive .select2:hover.select2-container--default .select2-selection--single .select2-selection__rendered { padding-right: 50px; } .widget_archive .select2:hover.select2-container--default .select2-selection--single .select2-selection__arrow b { color: #fff !important; } .widget_archive .select2:hover.select2-container--default .select2-selection--single .select2-selection__arrow:after { width: 47px; } .widget_archive .select2.select2-container--open.select2-container--default .select2-selection--single .select2-selection__rendered { padding-right: 50px; } .widget_archive .select2.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow b { color: #fff !important; } .widget_archive .select2.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow:after { width: 47px; } .media-widget-list { margin: 0 -8px; } .media-widget-list .media-widget-item { float: left; width: 33.3%; margin-bottom: 16px; } .media-widget-list .media-widget-item a { display: block; padding: 0 8px; } .footer_widgets_wrapper .widget_socials { position: relative; left: 3px; } .footer_widgets_wrapper .widget_socials li { margin-right: 3px; margin-left: 4px; } .footer_widgets_wrapper .widget_socials li:first-child { margin-right: 3px; } .footer_widgets_wrapper .widget_socials li:nth-child(2) { margin-right: 3px; } .footer_widgets_wrapper .widget_socials li:nth-child(3) { margin-right: 3px; } /* 2.3 Service */ .stm-service-primary-color { color: #2ea6b8; } .stm-service-secondary-color { color: #2ea6b8; } body.page-template-home-service-layout .tp-revslider-mainul .slotholder:after { position: absolute; content: ''; display: block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 999; } body.page-template-home-service-layout .stm-carousel-brands .brands-carousel-item .brands-carousel-item-inner { padding: 15px; opacity: 1; } body.page-template-home-service-layout .footer_widgets_wrapper .widget_socials li a { border-radius: 50%; } body.page-template-home-service-layout .footer_widgets_wrapper .widget-title h6 { font-size: 16px; font-weight: 900; } body.page-template-home-service-layout #top-bar { background-color: #1d2428; } body.page-template-home-service-layout #top-bar .top-bar-wrapper { border-bottom: none; } .header-service { position: absolute; top: 0; width: 100%; padding: 22px 0 0; -webkit-transform: translateZ(0); } .header-service .service-logo-main { float: left; margin: 12px 10px 0 0; margin-right: 10px; } .header-service .header-service-right { overflow: hidden; } .header-service .header-service-right .service-header-appointment { margin-top: 1px; } .header-service .header-service-right .service-header-appointment div.default-state { display: block; position: relative; padding: 11px 17px 11px 51px; background-color: #2ea6b8; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none !important; } .header-service .header-service-right .service-header-appointment div.default-state > i { position: absolute; top: 10px; left: 17px; font-size: 23px; } .header-service .header-service-right .service-header-appointment span.active-state { padding: 11px 17px 11px 51px; background-color: #2ea6b8; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none !important; } .header-service .header-service-right .service-header-appointment span.active-state > i { position: absolute; top: 10px; left: 17px; font-size: 23px; } .header-service .header-menu { list-style: none; padding: 0; margin: 0; overflow: hidden; text-align: center; font-size: 0; } .header-service .header-menu li { display: inline-block; } .header-service .header-menu li a { display: block; padding: 13px 15px; background-color: transparent; font-weight: 900; font-size: 14px; text-transform: uppercase; color: #fff; text-decoration: none !important; } .header-service .header-menu li a:hover { background-color: transparent !important; color: #2ea6b8 !important; } .header-service .header-menu li.active a { background-color: transparent !important; color: #2ea6b8 !important; } .header-service.header-service-sticky { position: fixed; padding-top: 8px; background: rgba(0, 0, 0, 0.8); } .header-service.service-transparent-header { position: static !important; padding-bottom: 15px; background-color: #1d2428; } .header-service.service-transparent-header .header-service-right .service-header-appointment span.active-state { padding: 10px 16px 10px 50px; border: 1px solid #fff; } .header-service.service-transparent-header .header-menu li a:hover { background-color: #2ea6b8; color: #1d2428; } .stm-service-slider-title { padding: 27px 37px 27px 30px; background: rgba(23, 27, 31, 0.9); text-transform: uppercase; } .stm-service-slider-title.heading-font { letter-spacing: 1px !important; } .stm-service-slider-title .yellow { color: #2ea6b8; } .stm-service-slider-price { padding: 12px 39px 11px 32px; background-color: #2ea6b8; font-size: 12px; line-height: 12px; } .stm-service-slider-price > span { display: block; margin-top: 3px; font-size: 24px; line-height: 24px; } .stm-service-slider-title-centered { text-align: center; text-transform: uppercase; } .stm-service-slider-title-centered > span.yellow { color: #2ea6b8; } .page-template-home-service-layout .stm-slider-button { padding: 16px 34px 15px 56px; background-color: #2ea6b8; -webkit-box-shadow: 0 2px 0 #1b92a8; -moz-box-shadow: 0 2px 0 #1b92a8; box-shadow: 0 2px 0 #1b92a8; } .page-template-home-service-layout .stm-slider-button i { left: 29px; } .page-template-home-service-layout .stm-slider-button:active { box-shadow: none; } .stm-service-layout-icon-box .inner { margin-bottom: 54px; } .stm-service-layout-icon-box .icon { width: 65px; margin-right: 15px; float: left; text-align: center; } .stm-service-layout-icon-box .icon i { font-size: 40px; } .stm-service-layout-icon-box .icon-box-content { overflow: hidden; } .stm-service-layout-icon-box .icon-box-content .title { margin-bottom: 17px; } .stm-service-layout-icon-box .icon-box-content .content { padding-right: 16px; color: #888; font-size: 13px; line-height: 19px; } .ultra-bold { font-weight: 900; } .stm-service-layout-info-box { max-width: 350px; width: auto; margin: 0 auto 30px !important; } .stm-service-layout-info-box .inner { background-size: cover; background-position: 100% 0%; padding: 50px 35px 29px 35px; -moz-box-shadow: inset 0 0 92px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 92px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 92px rgba(0, 0, 0, 0.1); } .stm-service-layout-info-box .inner .title { min-height: 72px; margin-bottom: 18px; padding-right: 45px; font-size: 24px; line-height: 24px; font-weight: 900; text-transform: uppercase; } .stm-service-layout-info-box .inner .service-price { display: inline-block; min-width: 108px; margin-bottom: 31px; padding: 12px 5px 11px 14px; background-color: #2ea6b8; font-weight: 900; color: #fff; } .stm-service-layout-info-box .inner .service-price .price-label { margin-bottom: 1px; text-transform: uppercase; font-size: 12px; line-height: 12px; } .stm-service-layout-info-box .inner .service-price .price-value { text-indent: -2px; font-size: 24px; } .stm-service-layout-info-box .inner .content ul { list-style: none; padding: 0; } .stm-service-layout-info-box .inner .content ul li { position: relative; padding-left: 7px; margin-bottom: 2px; font-size: 13px; } .stm-service-layout-info-box .inner .content ul li:before { position: absolute; content: ''; display: block; top: 10px; left: 0; width: 3px; height: 3px; background-color: #555; border-radius: 50%; } .stm-fullwidth-row-no-paddings > .wpb_column { padding: 0 !important; } .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:first-child > .vc_column-inner { padding: 99px 42px 68px 93px !important; } .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:nth-child(2) > .vc_column-inner { padding: 99px 42px 138px 109px !important; } .stm-list-style-counter { padding-left: 0; counter-reset: section; list-style: none; } .stm-list-style-counter li { position: relative; margin-bottom: 23px; padding-left: 56px; font-size: 13px; line-height: 18px; } .stm-list-style-counter li:last-child { margin-bottom: 0; } .stm-list-style-counter li:before { position: absolute; left: -1px; top: 1px; width: 38px; height: 38px; text-align: center; line-height: 34px; border: 2px solid #fff; border-radius: 50%; font-weight: 900; font-size: 16px; color: #1d2428; counter-increment: section; content: counter(section); } .stm-list-style-counter li h4 { margin-bottom: 3px; font-weight: 900; } .stm-counter .stm-counter-circle { float: left; width: 120px; height: 120px; margin-right: 19px; border: 3px solid #2ea6b8; border-radius: 50%; line-height: 114px; text-align: center; font-size: 40px; font-weight: 900; color: #fff; } .stm-counter .stm-counter-label { overflow: hidden; } .stm-counter .stm-counter-label .h4 { margin-top: 35px; color: #fff; } .stm-carousel-fullwidth-wrapper { margin: 0 -15px; } .stm-carousel-fullwidth { height: 0; visibility: hidden; overflow: hidden; } .stm-carousel-fullwidth.owl-loaded { height: inherit; visibility: visible; overflow: visible; } .testimonial-unit { padding-bottom: 22px; position: relative; } .testimonial-unit .testimonial-meta { position: absolute; bottom: 0; left: 0; } .testimonials-carousel .owl-controls { bottom: 21px; } .testimonial-unit .content h4 { margin-bottom: 22px; letter-spacing: 0.5px; word-spacing: -1px; font-size: 17px; } body.page-template-home-service-layout .testimonial-unit .testimonial-meta .author { font-weight: 900; } body.page-template-home-service-layout .testimonial-unit { padding-bottom: 30px; } body.page-template-home-service-layout .testimonial-unit .testimonial-meta { padding-right: 65px; } body.page-template-home-service-layout .testimonials-carousel .owl-controls { right: 13px; } .stm-image-links-4 .stm-image-link { width: 25%; } .stm-image-links-3 .stm-image-link { width: 33.3%; } .stm-image-links-2 .stm-image-link { width: 50%; } .stm-image-links { font-size: 0; margin: 0 -7.5px; } .stm-image-links .stm-image-link { display: inline-block; vertical-align: top; } .stm-image-links .stm-image-link .inner { padding: 3px; margin: 0 7.5px 15px; height: 53px; border: 1px solid #ddd; border-radius: 3px; line-height: 45px; text-align: center; } .stm-image-links .stm-image-link .inner img { display: inline-block; filter: grayscale(100%); -webkit-filter: grayscale(100%); } .stm-image-links .stm-image-link .inner:hover img { filter: grayscale(0); -webkit-filter: grayscale(0); } .stm-service-contact-us-form-wrapper { padding: 35px 43px 25px; background-size: cover; } .stm-service-contact-us-form-wrapper .form-label { color: #fff; } .stm-service-contact-us-form-wrapper input[type="text"], .stm-service-contact-us-form-wrapper input[type="email"], .stm-service-contact-us-form-wrapper input[type="tel"] { background-color: #fff; border: 2px solid #fff; } .stm-service-contact-us-form-wrapper input[type="text"]:focus, .stm-service-contact-us-form-wrapper input[type="email"]:focus, .stm-service-contact-us-form-wrapper input[type="tel"]:focus { border-color: #2ea6b8; } .stm-service-contact-us-form-wrapper textarea { padding-top: 15px; max-height: 80px; background-color: #fff; border: 2px solid #fff; } .stm-service-contact-us-form-wrapper textarea:focus { border-color: #2ea6b8; } .stm-service-contact-us-form-wrapper .wpcf7-response-output { background-color: #fff !important; } .ab-booking-form { color: #999c9c; } .ab-booking-form .ab-formGroup .ab-formField .ab-formElement { border-color: #545858 !important; background-color: transparent; color: #2ea6b8; } .ab-booking-form .ab-formGroup .ab-formField .ab-formElement:focus { border-color: #2ea6b8 !important; color: #2ea6b8; box-shadow: none; } .ab-booking-form .ab-formGroup .ab-formField .ab-formElement.ab-details-error { border: 1px solid #ff2325 !important; } .ab-booking-form select { opacity: 1; visibility: visible; background-color: transparent; border-color: #545858 !important; } .ab-booking-form div.ab-error, .ab-booking-form .ab-label-error, .ab-booking-form label.ab-category-title { color: #2ea6b8 !important; } .ab-booking-form .ab-desc, .ab-booking-form .ab-available-days li .ab-bold, .ab-booking-form label, .ab-booking-form label.ab-formLabel, .ab-booking-form li.ab-step-tabs.active a { color: #fff !important; } .ab-booking-form .ab-columnizer .ab-available-hour:hover .ab-hour-icon span, .ab-booking-form .ab-time-next, .ab-booking-form .ab-time-prev, .ab-booking-form .ab-to-first-step, .ab-booking-form .bookly-btn-submit, .ab-booking-form .btn-apply-coupon, .ab-booking-form .ab-to-third-step, .ab-booking-form .ab-final-step, .ab-booking-form a.ab-to-second-step, .ab-booking-form .ab-to-second-step, .ab-booking-form .ab-to-fourth-step, .ab-booking-form a.ab-to-fourth-step, .ab-booking-form .ab-first-step .ab-week-days li label.active, .ab-booking-form .ab-next-step, .ab-booking-form .ab-mobile-next-step, .ab-booking-form .ab-mobile-prev-step, .ab-booking-form li.ab-step-tabs.active div, .ab-booking-form .picker__frame, .ab-booking-form .ab-first-step .ab-week-days li label { background-color: #2ea6b8 !important; } .ab-booking-form .ab-progress-bar .ab-step-tabs.ab-last .step, .ab-booking-form .ab-progress-bar .ab-step-tabs.ab-first .step { border-radius: 0; } .ab-booking-form .ab-progress-bar .ab-step-tabs .step { height: 22px; background-color: #555858; } .ab-booking-form .ab-progress-bar .ab-step-tabs a { color: #999c9c; } .ab-booking-form .ab-nav-steps { padding-top: 38px !important; margin-top: 10px; border-top: 1px solid #4d5051 !important; overflow: visible; } .ab-booking-form .ab-nav-steps .ab-btn { width: 140px; height: 46px !important; line-height: 28px; -webkit-box-shadow: 0 2px 0 #1b92a8; -moz-box-shadow: 0 2px 0 #1b92a8; box-shadow: 0 2px 0 #1b92a8; font-size: 14px; font-weight: 900; -webkit-transition: 0s ease all !important; -moz-transition: 0s ease all !important; -ms-transition: 0s ease all !important; -o-transition: 0s ease all !important; transition: 0s ease all !important; } .ab-booking-form .ab-nav-steps .ab-btn:active { box-shadow: none; } .ab-booking-form .ab-nav-steps .ab-btn.ab-time-prev { margin-left: 25px; } .ab-booking-form .ab-nav-steps .ab-btn.ab-time-next { width: 70px; position: relative; display: block; text-indent: -9999px; } .ab-booking-form .ab-nav-steps .ab-btn.ab-time-next:after { text-indent: 0; position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f054"; text-align: center; left: 50%; top: 50%; margin: -6px 0 0 -4px; } .ab-booking-form .ab-nav-steps .ab-btn.ab-time-next[data-loading]:after { opacity: 0; } .ab-booking-form .ab-nav-steps .ab-btn.ab-time-prev { width: 70px; position: relative; display: block; text-indent: -9999px; } .ab-booking-form .ab-nav-steps .ab-btn.ab-time-prev:after { text-indent: 0; position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f053"; text-align: center; left: 50%; top: 50%; margin: -6px 0 0 -4px; } .ab-booking-form .ab-nav-steps .ab-btn.ab-time-prev[data-loading]:after { opacity: 0; } .ab-booking-form .ab-nav-steps:after { display: table; content: ""; clear: both; } .ab-booking-form .intl-tel-input .country-list .country-name { color: #2ea6b8; } .ab-booking-form .ab-columnizer .ab-available-hour, .ab-booking-form .ab-columnizer .ab-available-day { margin-bottom: 5px; } .ab-booking-form .ab-columnizer .ab-available-hour { box-shadow: none !important; border-color: transparent !important; } .ab-booking-form .ab-columnizer .ab-available-day { box-shadow: none !important; border-color: transparent !important; background-color: #2ea6b8 !important; } .ab-booking-form .ab-columnizer .ab-available-hour:hover { border-color: transparent !important; color: #2ea6b8 !important; } .ab-booking-form .ab-columnizer .ab-available-hour:hover .ab-hour-icon { border-color: #2ea6b8 !important; color: #2ea6b8 !important; } .ab-booking-form .picker__header { margin: 20px 0; border: none !important; } .ab-booking-form .picker__year { font-style: normal; } .ab-booking-form .picker__nav--prev, .ab-booking-form .picker__nav--next { background-color: #2ea6b8 !important; top: -6px; } .ab-booking-form .picker__nav--prev:before { margin-left: 3px; border-right-color: #fff !important; } .ab-booking-form .picker__nav--next:before { margin-right: 3px; border-left-color: #fff !important; } .ab-booking-form .picker--opened .picker__holder { border: none; } .ab-booking-form .picker__frame { background-color: #fff !important; color: #2ea6b8 !important; box-shadow: 0 1px 6px rgba(35, 38, 40, 0.4); } .ab-booking-form .picker__day:hover { background-color: #2ea6b8 !important; color: #fff !important; } .ab-booking-form .picker__day, .ab-booking-form .picker__weekday, .ab-booking-form .picker__year { color: #2ea6b8 !important; } .ab-booking-form .picker--focused .picker__day--selected { background-color: #2ea6b8 !important; color: #fff !important; } .ab-booking-form .picker__button--today { padding: 12px 18px 10px !important; margin: 10px 0 25px !important; background-color: #2ea6b8 !important; color: #fff !important; -webkit-box-shadow: 0 2px 0 #1b92a8; -moz-box-shadow: 0 2px 0 #1b92a8; box-shadow: 0 2px 0 #1b92a8; font-size: 12px !important; } .ab-booking-form div.ab-error select { border-width: 1px !important; border-color: #ff2325 !important; } .ab-booking-form .ab-select-service-error.ab-label-error { color: #ff2325 !important; } .ab-booking-form .ab-progress-tracker { margin-bottom: 22px !important; } .ab-booking-form .ab-first-step > .ab-row-fluid { margin-bottom: 16px !important; } .ab-booking-form .ab-first-step .ab-mobile-step_1 { margin-bottom: 25px !important; } .stm-fullwidth-with-parallax.stm-service-bookly-form { overflow: visible; } .stm-address-widget { position: relative; padding-left: 73px; color: #fff; font-size: 13px; line-height: normal; } .stm-address-widget:before { position: absolute; content: ''; display: block; top: 0; left: 0; width: 66px; height: 65px;} .stm-address-widget .fancy-iframe { display: inline-block; margin-top: 11px; color: #2ea6b8; border-bottom: 1px dashed #2ea6b8; } .stm-address-widget .fancy-iframe:hover { color: #fff; border-bottom-color: #fff; } .stm-service-bookly-form > .vc_column_container { padding-left: 0 !important; padding-right: 0 !important; } .button_3d { float: right; position: relative; text-decoration: none !important; } .button_3d .default-state { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .button_3d .active-state { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; padding: 12px 20px; background: #999; color: #4c4c4b; content: attr(data-hover); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; } .button_3d:hover .default-state { -webkit-transform: rotateX(90deg) translateY(-22px); -moz-transform: rotateX(90deg) translateY(-22px); transform: rotateX(90deg) translateY(-22px); } .button_3d:hover .active-state { background: #fff; color: #4c4c4b; } .service-mobile-menu-trigger { float: right; margin-top: 15px; width: 32px; height: 32px; padding: 5px 3px; } .service-mobile-menu-trigger span { position: relative; top: 0; display: block; height: 3px; background: #2ea6b8; border-radius: 3px; width: 100%; } .service-mobile-menu-trigger span:nth-child(2) { opacity: 1; margin-top: 5px; } .service-mobile-menu-trigger span:nth-child(3) { margin-top: 5px; } .service-mobile-menu-trigger.active span:first-child { position: relative; top: 8px; transform: rotate(45deg); } .service-mobile-menu-trigger.active span:nth-child(2) { opacity: 0; } .service-mobile-menu-trigger.active span:nth-child(3) { position: relative; top: -8px; transform: rotate(-45deg); } /* sm and xs cells */ @media (min-width: 992px) { .header-service .header-menu { display: block !important; } } @media (max-width: 991px) { .header-service .header-service-right { overflow: visible; } .header-service .header-menu { display: none; position: absolute; top: 100%; width: 100%; padding: 0 15px; margin: 15px -15px 0; background-color: #eaedf0; } .header-service .header-menu li { display: block; margin-bottom: 0; width: 100%; } .header-service .header-menu li a { text-align: left; color: #1d2428; } .header-service .header-menu li a:hover { background-color: transparent; color: #2ea6b8; } .header-service .header-menu li.active a { background-color: inherit; } .header-service .header-service-right .service-header-appointment { margin: 7px 10px 0 10px; } .header-service.header-service-sticky { position: absolute !important; padding-top: 22px; background: transparent; } .wpb_wrapper.wpb_tour_tabs_wrapper.stm_tabs_style_service .wpb_tab.ui-tabs-panel { padding: 50px 0 30px 0 !important; } } /* sm cells */ @media (max-width: 991px) and (min-width: 768px) { .vc_col-sm-12 .stm-service-layout-info-box { width: 50%; max-width: 50%; } .vc_col-sm-12 .stm-service-layout-info-box .inner { max-width: 350px; margin: 0 auto; } .vc_col-sm-12 .stm-service-layout-info-box:first-child { float: left; } .vc_col-sm-12 .stm-service-layout-info-box:nth-child(2) { float: right; } .vc_col-sm-12 .stm-service-layout-info-box:nth-child(3) { float: right; } } /* xs cells */ @media (max-width: 767px) { .stm-counter { margin-bottom: 30px; } } /* < 520 cells */ @media (max-width: 767px) { .header-service .header-service-right .service-header-appointment { display: none; } } @media (max-width: 1430px) { .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:nth-child(2) > .vc_column-inner, .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:first-child > .vc_column-inner { padding-right: 30px !important; padding-left: 30px !important; } .stm-counter .stm-counter-label { text-align: center; } .stm-counter .stm-counter-circle { float: none; margin: 0 auto; } } @media (max-width: 1140px) { .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:nth-child(2) > .vc_column-inner, .stm-fullwidth-row-no-paddings > .wpb_column.vc_col-has-fill:first-child > .vc_column-inner { padding-right: 15px !important; padding-left: 15px !important; } } /* 3 Vendors */ /* 3.1 Woocommerce */ .clear, .woocommerce .woocommerce-breadcrumb:after, .woocommerce .woocommerce-error:after, .woocommerce .woocommerce-info:after, .woocommerce .woocommerce-message:after { clear: both; } .woocommerce div.product form.cart .reset_variations, .woocommerce form .form-row label.hidden { visibility: hidden; } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @font-face { font-family: star; src: url(../fonts/woocommerce/star.eot); src: url(../fonts/woocommerce/star.eot?#iefix) format("embedded-opentype"), url(../fonts/woocommerce/star.woff) format("woff"), url(../fonts/woocommerce/star.ttf) format("truetype"), url(../fonts/woocommerce/star.svg#star) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: WooCommerce; src: url(../fonts/woocommerce/woocommerce.eot); src: url(../fonts/woocommerce/woocommerce.eot?#iefix) format("embedded-opentype"), url(../fonts/woocommerce/woocommerce.woff) format("woff"), url(../fonts/woocommerce/woocommerce.ttf) format("truetype"), url(../fonts/woocommerce/woocommerce.svg#woocommerce) format("svg"); font-weight: 400; font-style: normal; } p.demo_store { position: fixed; top: 0; left: 0; right: 0; margin: 0; width: 100%; font-size: 1em; padding: 1em 0; text-align: center; background-color: #a46497; color: #fff; z-index: 99998; box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2); } p.demo_store a { color: #fff; } .admin-bar p.demo_store { top: 32px; } .woocommerce .blockUI.blockOverlay { position: relative; } .woocommerce .blockUI.blockOverlay:before, .woocommerce .loader:before { height: 1em; width: 1em; position: absolute; top: 50%; left: 50%; margin-left: -.5em; margin-top: -.5em; display: block; content: ""; -webkit-animation: spin 1s ease-in-out infinite; -moz-animation: spin 1s ease-in-out infinite; animation: spin 1s ease-in-out infinite; background: url(../images/icons/loader.svg) center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0, 0, 0, 0.75); } .woocommerce a.remove { display: block; font-size: 20px; text-align: center; color: #888 !important; text-decoration: none; border: 0; } .woocommerce a.remove:hover { color: #2ea6b8 !important; } .woocommerce small.note { display: block; color: #777; font-size: .857em; margin-top: 10px; } .woocommerce .woocommerce-breadcrumb { padding: 15px 0 8px 4px; margin-bottom: 20px; color: #888; text-transform: uppercase; font-size: 11px; border-bottom: 1px solid #dddddd; } .woocommerce .woocommerce-breadcrumb:after, .woocommerce .woocommerce-breadcrumb:before { content: " "; display: table; } .woocommerce .woocommerce-breadcrumb a { text-transform: uppercase; color: #888; } .woocommerce .woocommerce-breadcrumb a:first-child { margin-left: 0; } .woocommerce .quantity .qty { text-align: center; } .woocommerce div.product { margin-bottom: 0; position: relative; } .woocommerce div.product .product_title { font-size: 26px; clear: none; margin-top: 0; margin-bottom: 4px; padding: 0; } .woocommerce #reviews #comments .add_review:after, .woocommerce .products ul:after, .woocommerce div.product form.cart:after, .woocommerce div.product p.cart:after, .woocommerce nav.woocommerce-pagination ul, .woocommerce ul.products:after { clear: both; } .woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom: 9px; color: #2ea6b8; font-size: 16px; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { background: inherit; font-weight: 700; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity: .5; } .woocommerce div.product p.stock { font-size: .92em; } .woocommerce div.product .stock { color: #77a464; } .woocommerce div.product .out-of-stock { color: red; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 8px; } .woocommerce div.product div.images, .woocommerce div.product div.summary { margin-bottom: 2em; } .woocommerce div.product div.images img { display: block; width: 100%; height: auto; box-shadow: none; } .woocommerce div.product div.images div.thumbnails { padding-top: 15px; margin: 0 -7.5px; } .woocommerce div.product div.images div.thumbnails a { display: inline-block; vertical-align: top; padding: 0 7.5px; margin-bottom: 15px; width: 33.3%; } .woocommerce div.product div.images div.thumbnails a img { vertical-align: top; } .woocommerce div.product div.social { text-align: right; margin: 0 0 1em; } .woocommerce div.product div.social span { margin: 0 0 0 2px; } .woocommerce div.product div.social span span { margin: 0; } .woocommerce div.product div.social span .stButton .chicklets { padding-left: 16px; width: 0; } .woocommerce div.product div.social iframe { float: left; margin-top: 3px; } .woocommerce div.product .woocommerce-tabs ul.tabs { list-style: none; padding: 0; margin: 0 0 1.618em; position: relative; background-color: #1d2428; border-left: 4px solid #1d2428; border-right: 4px solid #1d2428; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color: #1d2428; display: inline-block; position: relative; color: #1d2428; margin-bottom: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-block; padding: 13px 20px; font-size: 12px; font-weight: 400; color: #fff; text-transform: uppercase; text-decoration: none; } .woocommerce div.product form.cart:after, .woocommerce div.product form.cart:before, .woocommerce div.product p.cart:after, .woocommerce div.product p.cart:before { display: table; content: " "; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { text-decoration: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #fff; z-index: 2; border-bottom-color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: inherit; text-shadow: inherit; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after { position: absolute; content: ''; display: block; top: -4px; left: 0; right: 0; height: 4px; background-color: #2ea6b8; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: 2px 2px 0 #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after { box-shadow: -2px 2px 0 #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { border: 1px solid #d3ced2; position: absolute; bottom: -1px; width: 5px; height: 5px; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before { left: -6px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-width: 0 1px 1px 0; box-shadow: 2px 2px 0 #ebe9eb; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after { right: -6px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; border-width: 0 0 1px 1px; box-shadow: -2px 2px 0 #ebe9eb; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { position: absolute; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #d3ced2; z-index: 1; } .woocommerce div.product .woocommerce-tabs .panel { margin: 0 0 2em; padding: 0; box-shadow: none; border: none; } .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-bottom: 14px; } .woocommerce div.product form.cart div.quantity { float: left; margin: 0 19px 0 0; } .woocommerce div.product form.cart table { border-width: 0 0 1px; } .woocommerce div.product form.cart table td { padding-left: 0; } .woocommerce div.product form.cart table td.label { display: none; } .woocommerce div.product form.cart table div.quantity { float: none; margin: 0; } .woocommerce div.product form.cart table small.stock { display: block; float: none; } .woocommerce div.product form.cart .variations { margin-bottom: 1em; border: 0; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { border: 0; } .woocommerce div.product form.cart .variations label { font-weight: 700; } .woocommerce div.product form.cart .variations select { width: 100%; float: left; } .woocommerce div.product form.cart .variations td.label { padding-right: 1em; } .woocommerce div.product form.cart .variations td { vertical-align: top; } .woocommerce div.product form.cart .woocommerce-variation-description p { margin-bottom: 1em; } .woocommerce div.product form.cart .wc-no-matching-variations { display: none; } .woocommerce div.product form.cart .button { vertical-align: middle; float: left; } .woocommerce div.product form.cart .group_table td.label { padding-right: 1em; padding-left: 1em; } .woocommerce div.product form.cart .group_table td { vertical-align: top; padding-bottom: .5em; border: 0; } .woocommerce span.onsale { position: absolute; top: 20px; left: -36px; height: 33px; line-height: 33px; background-color: #2ea6b8; text-transform: uppercase; color: #fff !important; width: 140px; text-align: center; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .woocommerce .products ul, .woocommerce ul.products { margin: 0 -15px; padding: 0; list-style: none; clear: both; } .woocommerce .products ul:after, .woocommerce .products ul:before, .woocommerce ul.products:after, .woocommerce ul.products:before { content: " "; display: table; } .woocommerce .products ul li, .woocommerce ul.products li { position: relative; margin-bottom: 0; list-style: none; } .woocommerce .products ul li .stm-product-inner, .woocommerce ul.products li .stm-product-inner { padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 49px; } .woocommerce .products ul li .stm-product-inner .product_thumbnail, .woocommerce ul.products li .stm-product-inner .product_thumbnail { overflow: hidden; position: relative; } .woocommerce ul.products li.product h3 { padding: .5em 0; margin: 0; font-size: 1em; } .woocommerce ul.products li.product a { text-decoration: none; } .woocommerce ul.products li.product a img { width: 100%; height: auto; display: block; margin: 0 0 1em; box-shadow: none; } .woocommerce ul.products li.product strong { display: block; } .woocommerce ul.products li.product .star-rating { margin-top: 4px; float: right; } .woocommerce ul.products li.product .button { position: relative; margin-top: 1em; } .woocommerce ul.products li.product .price { color: #555555; display: block; font-weight: 400; margin-bottom: .5em; font-size: 14px; } .woocommerce ul.products li.product .price del { color: inherit; opacity: .5; display: inline-block; } .woocommerce ul.products li.product .price ins { margin-left: 4px; text-decoration: none; background: 0 0; font-weight: 400; } .woocommerce ul.products li.product .price .from { font-size: .67em; margin: -2px 0 0; text-transform: uppercase; color: rgba(132, 132, 132, 0.5); } .woocommerce-ordering { position: relative; float: right; margin: 0 0 28px; outline: none !important; } .woocommerce .woocommerce-result-count { position: relative; float: left; padding: 13px 0 0 0; margin: 0 0 28px 0; } .woocommerce .woocommerce-ordering select { vertical-align: top; } .woocommerce nav.woocommerce-pagination { text-align: center; } .woocommerce nav.woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; border: 1px solid #d3ced2; border-right: 0; margin: 1px; } .woocommerce nav.woocommerce-pagination ul li { border-right: 1px solid #d3ced2; padding: 0; margin: 0; float: left; display: inline; overflow: hidden; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { margin: 0; text-decoration: none; line-height: 1; font-size: 1em; font-weight: 400; padding: .5em; min-width: 1em; display: block; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #ebe9eb; color: #8a7e88; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { display: inline-block; text-align: center; padding: 12px 16px 10px; font-size: 14px; line-height: 14px; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; color: #fff !important; border-radius: 3px; background-color: #2ea6b8; text-decoration: none !important; outline: none !important; visibility: visible; border: none; } .woocommerce ul.products li.product.product-type-simple .button:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f07a"; margin-left: 8.420px; } .woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading { opacity: .5; padding-right: 37.723px; } .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { font-family: WooCommerce !important; content: "\e01c" !important; vertical-align: top !important; -webkit-font-smoothing: antialiased !important; font-weight: 400 !important; position: absolute !important; top: 12px !important; right: 15px !important; -webkit-animation: spin 2s linear infinite !important; -moz-animation: spin 2s linear infinite !important; animation: spin 2s linear infinite !important; } .woocommerce #respond input#submit.added:after, .woocommerce a.button.added:after, .woocommerce button.button.added:after, .woocommerce input.button.added:after { font-family: WooCommerce !important; content: "\e017" !important; margin-left: .53em !important; vertical-align: bottom !important; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { text-decoration: none; background-image: none; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #2ea6b8; color: #fff; -webkit-font-smoothing: antialiased; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #2ea6b8; color: #fff; } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color: #a46497; color: #fff; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { color: inherit; cursor: not-allowed; opacity: .5; } .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover { color: inherit; background-color: #ebe9eb; } .woocommerce .cart .button, .woocommerce .cart input.button { float: none; } .woocommerce a.added_to_cart { position: relative; float: right; padding-top: 23px; font-size: 13px; white-space: nowrap; display: inline-block; padding-left: 22px; color: #888; } .woocommerce a.added_to_cart:before { position: absolute; content: ''; display: block; position: absolute; bottom: 2px; right: 0; width: 57px; height: 1px; background-color: #888; } .woocommerce a.added_to_cart:after { position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); top: 26px; left: 0; content: "\f07a"; font-size: 16px; color: #2ea6b8; } .woocommerce #reviews #comments .add_review:after, .woocommerce #reviews #comments .add_review:before, .woocommerce #reviews #comments ol.commentlist li .comment-text:after, .woocommerce #reviews #comments ol.commentlist li .comment-text:before, .woocommerce #reviews #comments ol.commentlist:after, .woocommerce #reviews #comments ol.commentlist:before { content: " "; display: table; } .woocommerce #reviews h2 small { float: right; color: #777; font-size: 15px; margin: 10px 0 0; } .woocommerce #reviews h2 small a { text-decoration: none; color: #777; } .woocommerce #reviews h3 { margin: 0; margin-bottom: 15px; } .woocommerce #reviews #respond { margin: 0; border: 0; padding: 0; } .woocommerce #reviews #comment { height: 75px; } .woocommerce #reviews #comments h2 { clear: none; } .woocommerce #review_form #respond:after, .woocommerce #reviews #comments ol.commentlist li .comment-text:after, .woocommerce #reviews #comments ol.commentlist:after, .woocommerce .woocommerce-product-rating:after, .woocommerce td.product-name dl.variation:after { clear: both; } .woocommerce #reviews #comments ol.commentlist { margin: 0; width: 100%; padding-left: 0; background: 0 0; list-style: none; } .woocommerce #reviews #comments ol.commentlist li { padding: 0; margin: 0 0 35px; position: relative; background: 0; border: 0; } .woocommerce #reviews #comments ol.commentlist li .meta { color: #777; font-size: .75em; } .woocommerce #reviews #comments ol.commentlist li img.avatar { float: left; position: absolute; top: 0; left: 0; width: 60px; height: auto; margin: 0; box-shadow: none; background-color: #888; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 80px; border-radius: 4px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 7px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 14px; color: #1d2428; font-weight: 400; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time { font-size: 13px; color: #888; } .woocommerce #reviews #comments ol.commentlist ul.children { list-style: none; margin: 20px 0 0 50px; } .woocommerce #reviews #comments ol.commentlist ul.children .star-rating { display: none; } .woocommerce #reviews #comments ol.commentlist #respond { border: 1px solid #e4e1e3; border-radius: 4px; padding: 1em 1em 0; margin: 20px 0 0 50px; } .woocommerce #reviews #comments .commentlist > li:before { content: ""; } .woocommerce .star-rating { float: right; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: star; } .woocommerce .star-rating:before { font-family: 'stm-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e931\e931\e931\e931\e931"; color: #888; float: left; top: 0; left: 0; position: absolute; } .woocommerce .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .woocommerce .star-rating span:before { font-family: 'stm-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e931\e931\e931\e931\e931"; top: 0; position: absolute; left: 0; color: #2ea6b8; } .woocommerce .woocommerce-product-rating { line-height: 2; display: block; } .woocommerce table.shop_attributes td { font-size: 14px; } .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th { font-size: 12px; border-top: 0; margin: 0; } .woocommerce .woocommerce-product-rating:after, .woocommerce .woocommerce-product-rating:before { content: " "; display: table; } .woocommerce .woocommerce-product-rating .star-rating { margin: 0.5em 4px 0 0; float: left; } .woocommerce .products .star-rating { display: block; margin: 0 0 0.5em; float: none; } .woocommerce .hreview-aggregate .star-rating { margin: 10px 0 0; } .woocommerce #review_form #respond { position: static; margin: 0; width: auto; padding: 0; background: 0 0; border: 0; padding-top: 42px; border-top: 1px solid #ddd; } .woocommerce #review_form #respond:after, .woocommerce #review_form #respond:before { content: " "; display: table; } .woocommerce #review_form #respond p { margin: 0 0 20px; } .woocommerce #review_form #respond .form-submit input { left: auto; } .woocommerce #review_form #respond textarea { box-sizing: border-box; width: 100%; height: 140px; } .woocommerce p.stars { position: relative; font-size: 1em; } .woocommerce p.stars a { display: inline-block; font-weight: 700; margin-right: 1em; text-indent: -9999px; position: relative; border-bottom: 0 !important; outline: 0; } .woocommerce p.stars a:last-child { border-right: 0; } .woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5 { border-right: 1px solid #ccc; } .woocommerce p.stars a.star-1:after, .woocommerce p.stars a.star-2:after, .woocommerce p.stars a.star-3:after, .woocommerce p.stars a.star-4:after, .woocommerce p.stars a.star-5:after { font-family: WooCommerce; text-indent: 0; position: absolute; top: 0; left: 0; } .woocommerce p.stars a.star-1 { width: 2em; } .woocommerce p.stars a.star-1:after { content: "\e021"; } .woocommerce p.stars a.star-1.active:after, .woocommerce p.stars a.star-1:hover:after { content: "î€ "; } .woocommerce p.stars a.star-2 { width: 3em; } .woocommerce p.stars a.star-2:after { content: "\e021\e021"; } .woocommerce p.stars a.star-2.active:after, .woocommerce p.stars a.star-2:hover:after { content: "î€ î€ "; } .woocommerce p.stars a.star-3 { width: 4em; } .woocommerce p.stars a.star-3:after { content: "\e021\e021\e021"; } .woocommerce p.stars a.star-3.active:after, .woocommerce p.stars a.star-3:hover:after { content: "î€ î€ î€ "; } .woocommerce p.stars a.star-4 { width: 5em; } .woocommerce p.stars a.star-4:after { content: "\e021\e021\e021\e021"; } .woocommerce p.stars a.star-4.active:after, .woocommerce p.stars a.star-4:hover:after { content: "î€ î€ î€ î€ "; } .woocommerce p.stars a.star-5 { width: 6em; border: 0; } .woocommerce p.stars a.star-5:after { content: "\e021\e021\e021\e021\e021"; } .woocommerce p.stars a.star-5.active:after, .woocommerce p.stars a.star-5:hover:after { content: "î€ î€ î€ î€ î€ "; } .woocommerce table.shop_attributes { border: 0; margin-bottom: 1.618em; width: 100%; } .woocommerce table.shop_attributes th { border-bottom: 1px solid #d5d9e0; color: #888; text-transform: uppercase; font-weight: 400; width: 150px; } .woocommerce table.shop_attributes td { font-style: normal; text-align: right; padding: 0; font-size: 14px; } .woocommerce table.shop_attributes td p { margin: 0; padding: 8px 0; } .woocommerce table.shop_table { margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 5px; } .woocommerce table.shop_table a.remove { text-align: left; } .woocommerce table.shop_table th { font-size: 11px; font-weight: 700; padding: 9px 12px; } .woocommerce table.shop_table th.product-remove { text-align: right; } .woocommerce table.shop_table td { padding: 6px 12px; vertical-align: middle; border: none; } .woocommerce table.shop_table td.product-name { color: #1d2428; } .woocommerce table.shop_table td.product-name a { color: #1d2428; text-align: center; } .woocommerce table.shop_table td small { font-weight: 400; } .woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th { border-top: 0; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: 700; } .woocommerce table.my_account_orders { font-size: .85em; } .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding: 20px 8px; vertical-align: middle; } .woocommerce table.my_account_orders th { padding: 10px 8px; } .woocommerce table.my_account_orders .button { color: #fff !important; white-space: nowrap; } .woocommerce table.my_account_orders .order-actions { text-align: right; } .woocommerce td.product-name dl.variation { margin: .25em 0; } .woocommerce td.product-name dl.variation:after, .woocommerce td.product-name dl.variation:before { content: " "; display: table; } .woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt { display: inline-block; float: left; margin-bottom: 1em; } .woocommerce td.product-name dl.variation dt { font-weight: 700; padding: 0 0 0.25em; margin: 0 4px 0 0; clear: left; } .woocommerce ul.cart_list li dl:after, .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li dl:after, .woocommerce ul.product_list_widget li:after { clear: both; } .woocommerce td.product-name dl.variation dd { padding: 0 0 0.25em; } .woocommerce td.product-name dl.variation dd p:last-child { margin-bottom: 0; } .woocommerce td.product-name p.backorder_notification { font-size: .83em; } .woocommerce td.product-quantity { min-width: 80px; } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget { list-style: none; padding: 0; margin: 0; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 4px 0; margin: 0; list-style: none; } .woocommerce ul.cart_list li:after, .woocommerce ul.cart_list li:before, .woocommerce ul.product_list_widget li:after, .woocommerce ul.product_list_widget li:before { content: " "; display: table; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display: block; font-weight: 700; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; margin-right: 20px; width: 60px; height: auto; box-shadow: none; } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl { margin: 0; padding-left: 1em; border-left: 2px solid rgba(0, 0, 0, 0.1); } .woocommerce ul.cart_list li dl:after, .woocommerce ul.cart_list li dl:before, .woocommerce ul.product_list_widget li dl:after, .woocommerce ul.product_list_widget li dl:before { content: " "; display: table; } .woocommerce ul.cart_list li dl dd, .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt { display: inline-block; float: left; margin-bottom: 1em; } .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt { font-weight: 700; padding: 0 0 0.25em; margin: 0 4px 0 0; clear: left; } .woocommerce .order_details:after, .woocommerce .widget_layered_nav ul li:after, .woocommerce .widget_shopping_cart .buttons:after, .woocommerce-account .addresses .title:after, .woocommerce-cart .wc-proceed-to-checkout:after, .woocommerce.widget_shopping_cart .buttons:after { clear: both; } .woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd { padding: 0 0 0.25em; } .woocommerce ul.cart_list li dl dd p:last-child, .woocommerce ul.product_list_widget li dl dd p:last-child { margin-bottom: 0; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { float: none; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { padding: 4px 0 0; } .woocommerce .widget_shopping_cart .total .amount, .woocommerce.widget_shopping_cart .total .amount { font-weight: 700; } .woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong { min-width: 40px; display: inline-block; font-weight: 400; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 2em; position: relative; padding-top: 0; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { position: absolute; top: 50%; right: -15px; margin-top: -9px; } .woocommerce .widget_shopping_cart .buttons:after, .woocommerce .widget_shopping_cart .buttons:before, .woocommerce.widget_shopping_cart .buttons:after, .woocommerce.widget_shopping_cart .buttons:before { content: " "; display: table; } .woocommerce form .form-row { margin: 0 0 15px; } .woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity 0.5s 0.5s ease; -moz-transition: opacity 0.5s 0.5s ease; transition: opacity 0.5s 0.5s ease; opacity: 0; } .woocommerce form .form-row label { line-height: 2; } .woocommerce form .form-row label.inline { display: inline; } .woocommerce form .form-row select { cursor: pointer; margin: 0; } .woocommerce form .form-row .required { color: red; font-weight: 700; border: 0; } .woocommerce form .form-row .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { box-sizing: border-box; width: 100%; margin: 0; outline: 0; line-height: 1; } .woocommerce form .form-row textarea { height: 4em; line-height: 1.5; display: block; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .woocommerce form .form-row .select2-container { width: 100%; line-height: 2em; } .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: #a00; } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: #69bf29; } .woocommerce form .form-row ::-webkit-input-placeholder { line-height: normal; } .woocommerce form .form-row :-moz-placeholder { line-height: normal; } .woocommerce form .form-row :-ms-input-placeholder { line-height: normal; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-top: 4px solid #1d2428; padding: 20px; margin: 2em 0; text-align: left; box-shadow: 0 1px 6px rgba(35, 38, 40, 0.4); } .woocommerce ul#shipping_method { list-style: none; margin: 0; padding: 0; } .woocommerce ul#shipping_method li { margin: 0; padding: 0.25em 0 0.25em 22px; text-indent: -22px; list-style: none; } .woocommerce ul#shipping_method .amount { font-weight: 700; } .woocommerce p.woocommerce-shipping-contents { margin: 0; } .woocommerce .order_details { padding: 0; margin: 0 0 1.5em; list-style: none; } .woocommerce .order_details:after, .woocommerce .order_details:before { content: " "; display: table; } .woocommerce .order_details li { float: left; margin-right: 2em; text-transform: uppercase; font-size: .715em; line-height: 1; border-right: 1px dashed #d3ced2; padding-right: 2em; margin-left: 0; padding-left: 0; } .woocommerce .order_details li strong { display: block; font-size: 1.4em; text-transform: none; line-height: 1.5; } .woocommerce .order_details li:last-of-type { border: none; } .woocommerce .widget_layered_nav ul { margin: 0; padding: 0; border: 0; list-style: none; } .woocommerce .widget_layered_nav ul li { padding: 0 0 1px; list-style: none; } .woocommerce .widget_layered_nav ul li:after, .woocommerce .widget_layered_nav ul li:before { content: " "; display: table; } .woocommerce .widget_layered_nav ul li.chosen a:before, .woocommerce .widget_layered_nav_filters ul li a:before { font-weight: 400; line-height: 1; content: ""; color: #a00; font-family: WooCommerce; speak: none; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; text-decoration: none; } .woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav ul li span { padding: 1px 0; } .woocommerce .widget_layered_nav ul li.chosen a:before { margin-right: .618em; } .woocommerce .widget_layered_nav_filters ul { margin: 0; padding: 0; border: 0; list-style: none; overflow: hidden; zoom: 1; } .woocommerce .widget_layered_nav_filters ul li { float: left; padding: 0 1px 1px 0; list-style: none; } .woocommerce .widget_layered_nav_filters ul li a { text-decoration: none; } .woocommerce .widget_layered_nav_filters ul li a:before { margin-right: .618em; } .woocommerce .widget_price_filter .price_slider { margin-bottom: 30px; } .woocommerce .widget_price_filter .price_slider_amount { text-align: right; font-size: 12px; } .woocommerce .widget_price_filter .price_slider_amount .price_label { padding-top: 9px; color: #888; } .woocommerce .widget_price_filter .price_slider_amount .price_label span { color: #1d2428; } .woocommerce .widget_price_filter .price_slider_amount .button { float: left; } .woocommerce .widget_price_filter .ui-slider { position: relative; text-align: left; margin-left: .5em; margin-right: .5em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.36); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.36); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.36); border-radius: 50%; width: 20px; height: 20px; top: -9px; margin-left: -10px; background-color: #fff; cursor: default; -ms-touch-action: none; touch-action: none; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; border-radius: 1em; background-color: #2ea6b8; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: #dfe1e5; border: 0; } .woocommerce .widget_price_filter .ui-slider-horizontal { position: relative; height: 4px; } .woocommerce .widget_price_filter .ui-slider-horizontal:after { position: absolute; content: ''; display: block; left: -7px; right: -7px; width: 100%; height: 4px; border-radius: 3px; background-color: #dfe1e5; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .woocommerce-account .addresses .title:after, .woocommerce-account .addresses .title:before { content: " "; display: table; } .woocommerce-account .addresses .title h3 { float: left; } .woocommerce-account .addresses .title .edit, .woocommerce-account ul.digital-downloads li .count { float: right; } .woocommerce-account ol.commentlist.notes li.note p.meta { font-weight: 700; margin-bottom: 0; } .woocommerce-account ol.commentlist.notes li.note .description p:last-child { margin-bottom: 0; } .woocommerce-account ul.digital-downloads { margin-left: 0; padding-left: 0; } .woocommerce-account ul.digital-downloads li { list-style: none; margin-left: 0; padding-left: 0; } .woocommerce-account ul.digital-downloads li:before { font-family: WooCommerce; speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: .618em; content: ""; text-decoration: none; } .woocommerce-cart table.cart .product-thumbnail { min-width: 32px; } .woocommerce-cart table.cart img { float: left; width: 50px; margin-right: 15px; box-shadow: none; } .product-name_text { margin-top: 13px; font-size: 14px; text-transform: uppercase; } .product-name_text dl { display: none; } .woocommerce-cart table.cart td, .woocommerce-cart table.cart th { vertical-align: middle; } .woocommerce-cart table.cart td.product-remove, .woocommerce-cart table.cart th.product-remove { text-align: right; } .woocommerce-cart table.cart th { padding-bottom: 15px; font-size: 14px; border-bottom: 4px solid #1d2428; } .woocommerce-cart table.cart td { padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #ddd; } .woocommerce-cart table.cart td.product-remove { max-width: 35px; } .woocommerce-cart table.cart td.product-price { color: #1d2428; } .woocommerce-cart table.cart td.product-subtotal { color: #1d2428; } .woocommerce-cart table.cart td.actions { padding-right: 0; border-bottom: none; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 180px; height: 38px; line-height: 38px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d3ced2; padding: 6px 6px 5px; margin: 0 15px 0 0; outline: 0; background-color: transparent; } .woocommerce-cart table.cart input { margin: 0; vertical-align: middle; line-height: 1; } .woocommerce-cart .wc-proceed-to-checkout { padding: 0; } .woocommerce-cart .wc-proceed-to-checkout:after, .woocommerce-cart .wc-proceed-to-checkout:before { content: " "; display: table; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: inline-block; text-align: center; margin-bottom: 1em; } .woocommerce-cart .cart-collaterals .shipping_calculator .button { width: 100%; float: none; display: block; } .woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button:after { font-family: WooCommerce; speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: .618em; content: ""; text-decoration: none; } .woocommerce-checkout #payment ul.payment_methods li:after, .woocommerce-checkout #payment ul.payment_methods li:before, .woocommerce-checkout #payment ul.payment_methods:after, .woocommerce-checkout #payment ul.payment_methods:before { content: " "; display: table; } .woocommerce-cart .cart-collaterals .cart_totals p small { color: #777; font-size: .83em; } .woocommerce-cart .cart-collaterals .cart_totals table { border-collapse: separate; margin: 0 0 30px; padding: 0; border-left: 0; } .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th { border-top: 0; } .woocommerce-cart .cart-collaterals .cart_totals table th { width: 25%; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { vertical-align: top; border-left: 0; border-right: 0; padding: 6px 0; line-height: 2em; } .woocommerce-cart .cart-collaterals .cart_totals table small { color: #777; } .woocommerce-cart .cart-collaterals .cart_totals table select { width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals .discount td { color: #77a464; } .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product { margin-top: 0; } .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { float: left; clear: none; } .woocommerce-checkout .checkout .col-2 .form-row-first, .woocommerce-checkout .checkout .col-2 .notes { clear: left; } .woocommerce-checkout .checkout .create-account small { font-size: 11px; color: #777; font-weight: 400; } .woocommerce-checkout .checkout div.shipping-address { padding: 0; clear: left; width: 100%; } .single-product .twentythirteen p.stars, .woocommerce-checkout #payment ul.payment_methods li:after, .woocommerce-checkout #payment ul.payment_methods:after, .woocommerce-checkout .checkout .shipping_address { clear: both; } .woocommerce-checkout #payment { border-radius: 5px; } .woocommerce-checkout #payment ul.payment_methods { text-align: left; padding: 1em; margin: 0; list-style: none; } .woocommerce-checkout #payment ul.payment_methods li { line-height: 2; text-align: left; margin: 0; font-weight: 400; } .woocommerce-checkout #payment ul.payment_methods li input { margin: -1px 10px 0 0; } .woocommerce-checkout #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 0.5em; padding: 0; position: relative; box-shadow: none; } .woocommerce-checkout #payment ul.payment_methods li img + img { margin-left: 2px; } .woocommerce-checkout #payment div.form-row { padding: 1em; } .woocommerce-checkout #payment div.payment_box { position: relative; box-sizing: border-box; width: 100%; padding: 10px 0; margin: 1em 0; font-size: .92em; border-radius: 2px; line-height: 1.5; color: #515151; } .woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder { color: #bbb3b9; } .woocommerce-checkout #payment div.payment_box :-moz-placeholder { color: #bbb3b9; } .woocommerce-checkout #payment div.payment_box :-ms-input-placeholder { color: #bbb3b9; } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number { font-size: 1.5em; padding: 8px; background-repeat: no-repeat; background-position: right; } .woocommerce-checkout #payment div.payment_box span.help { font-size: .857em; color: #777; font-weight: 400; } .woocommerce-checkout #payment div.payment_box .form-row { margin: 0 0 1em; } .woocommerce-checkout #payment div.payment_box p:last-child { margin-bottom: 0; } .woocommerce-checkout #payment div.payment_box p { font-size: 13px; color: #888; font-style: italic; } .woocommerce-checkout #payment div.payment_box:before { display: none; content: ""; border: 1em solid #dfdcde; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -.75em; left: 0; margin: -1em 0 0 2em; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: right; line-height: 52px; font-size: .83em; } .woocommerce-checkout #payment .payment_method_paypal img { max-height: 52px; vertical-align: middle; } #content.twentyeleven .woocommerce-pagination a { font-size: 1em; line-height: 1; } .single-product .twentythirteen #reply-title, .single-product .twentythirteen #respond #commentform, .single-product .twentythirteen .entry-summary { padding: 0; } .twentythirteen .woocommerce-breadcrumb { padding-top: 40px; } .twentyfourteen ul.products li.product { margin-top: 0 !important; } body.woocommerce .entry-header { margin-bottom: 60px; } #main .stm-shop-sidebar-area .widget { padding: 27px 30px 20px; margin-bottom: 34px; border-bottom: none; border-top: 4px solid #1d2428; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18); } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul { padding: 0; margin: 0; list-style: none; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li { margin-bottom: 10px; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li > a { position: relative; padding-left: 18px; color: #1d2428; text-decoration: none !important; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li > a:hover { color: #2ea6b8; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li > a:hover:before { color: #2ea6b8; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li > a:before { position: absolute; content: ''; display: block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f0da"; left: 0; font-size: 15px; top: 1.5px; color: #aaa; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li ul { list-style: none; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li ul li a { font-size: 12px; color: #888; text-decoration: none !important; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li ul li a:hover { color: #2ea6b8; } #main .stm-shop-sidebar-area .widget.widget_product_categories > ul > li ul li:last-child { margin-bottom: 0; } #main .stm-shop-sidebar-area .widget .product_list_widget li { padding: 0; margin-bottom: 25px; } #main .stm-shop-sidebar-area .widget .product_list_widget li:hover .product-title { color: #2ea6b8; } #main .stm-shop-sidebar-area .widget .product_list_widget li:hover a { color: #2ea6b8; } #main .stm-shop-sidebar-area .widget .product_list_widget li:last-child { margin-bottom: 10px; } #main .stm-shop-sidebar-area .widget .product_list_widget li a { color: #1d2428; font-weight: 400; line-height: 18px; text-decoration: none !important; } #main .stm-shop-sidebar-area .widget .product_list_widget li .product-title { margin-bottom: 3px; position: relative; top: -1px; font-size: 14px; color: #1d2428; font-weight: 400; } #main .stm-shop-sidebar-area .widget .product_list_widget li .amount { font-size: 12px; color: #555; } #main .stm-shop-sidebar-area .widget .product_list_widget li del .amount { color: #888888; } #main .stm-shop-sidebar-area .widget .product_list_widget li ins { text-decoration: none; } #main .stm-shop-sidebar-area .widget .product_list_widget li .star-rating { margin-top: 3px; margin-bottom: 3px; } #main .stm-shop-sidebar-area .widget_title { margin-bottom: 25px; } #main .stm-shop-sidebar-area .widget_title h3 { font-size: 14px; font-weight: 700; text-transform: uppercase; } .mini_cart_item { position: relative; } .mini_cart_item dl.variation { display: none; } .widget_shopping_cart .buttons a.button:nth-child(2) { display: none; } body.woocommerce .sidebar-margin-top { margin-top: 0; } .woocommerce .products ul li h5, .woocommerce ul.products li h5 { margin-bottom: 0; font-size: 16px; } body.tax-product_cat .stm_breadcrumbs_unit { display: none; } .woocommerce .quantity input { background-color: transparent; border: 1px solid #cccccc; padding: 18px 30px 17px 3px; border-radius: 0; } .woocommerce .quantity { position: relative; max-width: 65px; } .woocommerce .quantity_actions { position: absolute; top: 5px; right: 6px; } .woocommerce .quantity_actions span { display: block; height: 17px; width: 17px; line-height: 16px; font-size: 18px; color: #ffffff; background-color: #cccccc; text-align: center; text-indent: 1px; } .woocommerce .quantity_actions span.minus { line-height: 13px; } .woocommerce .quantity_actions span.plus { margin-bottom: 3px; } .woocommerce .quantity_actions span:hover { background-color: #2ea6b8; cursor: pointer; } .woocommerce button.button.single_add_to_cart_button { padding: 15px 16px 15px 14px; } .woocommerce button.button.single_add_to_cart_button:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin-right: 14px; font-size: 15px; content: "\f07a"; } .product_meta { font-size: 13px; color: #888; } .product_meta a { color: #555; text-decoration: none !important; } .product_meta a:hover { color: #2ea6b8; } .product_meta .sku_wrapper { display: block; } .product_meta .posted_in { display: block; } .product_meta .tagged_as { display: block; } .woocommerce-review-link { font-size: 13px; color: #888; text-decoration: none !important; } .reset_variations { display: none !important; visibility: hidden !important; } .related.products { margin-top: 40px; } .related.products h3 { margin-bottom: 25px; } .woocommerce .commentlist { list-style: none; padding: 0; } .woocommerce .commentlist ul { padding-left: 30px; } .woocommerce .commentlist li { border-top: 1px solid #cccccc; padding: 30px 0; } .woocommerce .comment .meta { margin-bottom: 13px; } .woocommerce .comment .star-rating { display: inline-block; margin-left: 11px; } .woocommerce .comment_container:after { content: ""; display: table; clear: both; } .woocommerce .comment .avatar { float: left; } .woocommerce .comment .author { color: #333333; text-transform: uppercase; } .woocommerce .comment .published-date { float: right; } .woocommerce .comment-text { overflow: hidden; margin-left: 117px; } .woocommerce .comment-form textarea, .woocommerce .comment-form input[type="text"], .woocommerce .comment-form input[type="password"], .woocommerce .comment-form input[type="email"] { width: 100%; border: 2px solid #efefef; background-color: #efefef; color: #777777; padding: 12px 15px; font-size: 13px; border-radius: 0; } .woocommerce .comment-form textarea:focus, .woocommerce .comment-form input:focus { outline: none; border-color: #2ea6b8; background-color: transparent; } .woocommerce .comment-form-comment textarea { height: 172px; } .woocommerce .comment-form-email, .woocommerce .comment-form-author { margin-bottom: 30px; } .woocommerce .comment-form-rating { margin-bottom: 30px; } .woocommerce .comment-form-rating .select2 { display: none; } .wc-tab #reviews { padding-top: 22px; } .woocommerce-message { text-transform: uppercase; font-weight: 900; border: 4px solid #bee0a8; padding: 26px 143px 26px 26px; } .woocommerce-message:after { content: ''; clear: both; display: table; } .woocommerce-message { margin-bottom: 30px; position: relative; } .woocommerce-message .button { position: absolute; top: 50%; right: 10px; margin-top: -18px; } .woocommerce-message i, .woocommerce-message span { color: #7ec251; } .woocommerce-error { list-style: none; font-weight: 900; padding: 0; } .woocommerce-error li { text-transform: uppercase; font-weight: 900; border: 4px solid #ffb3b3; padding: 26px; margin-bottom: 30px; } .woocommerce-error i, .woocommerce-error span { color: #ff6868; } .woocommerce-error i, .woocommerce-info i, .woocommerce-message i { margin-right: 9px; } .woocommerce-info { text-transform: uppercase; font-weight: 900; border: 4px solid #99bcdb; padding: 26px; margin-bottom: 30px; } .woocommerce-info i, .woocommerce-info span { color: #337ab7; } body.woocommerce-cart .entry-header { margin-bottom: 50px; } .woocommerce .shop_table.cart .coupon { float: left; } .woocommerce .shop_table.cart .button.update-cart { float: right; } .cart_totals h4 { margin-bottom: 30px; font-size: 18px; text-transform: uppercase; } .wc-proceed-to-checkout .button { display: inline-block; } .woocommerce .cart-totals_wrap { border: 5px solid #d5d5d5; padding: 38px 37px; margin-bottom: 60px; } .woocommerce .cart-totals_wrap table td { border-bottom: none; font-size: 14px; } .woocommerce table.shop_table a.remove { padding-right: 13px; text-align: right; } .woocommerce-page .select2-container .select2-choice, .woocommerce-page .woocommerce .select2-container .select2-choice { background-color: #ebedef; border-radius: 0; border: 2px solid #ebedef; color: #777777; font-size: 13px; padding: 8px 0 7px 15px; } .woocommerce-page .select2-dropdown-open .select2-choice { box-shadow: none; } .woocommerce-page .select2-drop-active { border-color: #ebedef; } .woocommerce-page .select2-results { padding: 0; } .woocommerce-page .select2-results .select2-result-label { padding: 5px 16px; } .woocommerce-checkout-review-order { margin-top: 30px; } .woocommerce-checkout-review-order #payment_heading { text-transform: uppercase; } .woocommerce-checkout-review-order #order_review_heading { text-transform: uppercase; } .woocommerce #order_comments { height: 150px; } .woocommerce form .form-row label { color: #888; font-size: 13px; margin-bottom: 5px; } .woocommerce-billing-fields h4 { text-transform: uppercase; } table.woocommerce-checkout-review-order-table { font-size: 14px; } table.woocommerce-checkout-review-order-table tbody tr td { font-size: 14px; } table.woocommerce-checkout-review-order-table tbody tr td:first-child { padding-left: 10px; font-size: 13px; } table.woocommerce-checkout-review-order-table tbody tr td:nth-child(2) { text-align: right; } table.woocommerce-checkout-review-order-table tbody tr td p { margin-bottom: 0; } table.woocommerce-checkout-review-order-table tbody tr td dl.variation { display: none; } table.woocommerce-checkout-review-order-table thead tr th { font-size: 14px; } .woocommerce-checkout-review-order-table { table-layout: fixed; } .woocommerce table.woocommerce-checkout-review-order-table.shop_table th { font-size: 13px; text-transform: uppercase; } .woocommerce table.woocommerce-checkout-review-order-table.shop_table th:first-child { padding-left: 0; } .woocommerce table.woocommerce-checkout-review-order-table.shop_table th:nth-child(2) { text-align: right; } .payment_methods.methods label { text-transform: uppercase; font-weight: 700; color: #1d2428; } .single-product .product_images { position: relative; overflow: hidden; } .woocommerce-checkout-payment .place-order { padding-left: 0 !important; } .myaccount_user { margin-bottom: 50px; } .stm-margin-30 { margin-bottom: 30px; } .myaccount_address { margin-bottom: 50px; } .woocommerce-account .woocommerce .addresses th { border-bottom: 1px solid #ddd; } .woocommerce-validated .select2-container .select2-choice { border-color: #69bf29 !important; } .form-row-wide.create-account label { display: inline-block; text-decoration: underline; } .woocommerce table.order_details { font-size: 14px; } .woocommerce table.order_details th { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400 !important; } .woocommerce table.order_details td { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400 !important; } .woocommerce table.order_details td a { color: #555 !important; } .woocommerce table.customer_details { font-size: 14px; } .woocommerce table.customer_details th { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400 !important; } .woocommerce table.customer_details td { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400 !important; } .woocommerce table.customer_details td a { color: #555 !important; } .woocommerce table.my_account_orders { font-size: 14px; } .woocommerce table.my_account_orders th { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400 !important; } .woocommerce table.my_account_orders td { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400 !important; } .woocommerce table.my_account_orders td a { color: #555 !important; } .woocommerce form.login .form-row-login { float: left; } .woocommerce form.login .lost_password { float: right; margin: 37px 0 0; } #customer_login .form-row label.inline { margin-left: 15px; } .woocommerce table.shop_table .cart_item .amount { font-size: 14px; } .return-to-shop { margin-bottom: 60px; } /* 3.2 VC */ .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels { border-bottom: 1px solid #ddd; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { border-top: 1px solid #ddd; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { background-color: transparent !important; border-color: transparent !important; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { padding: 19px 20px 19px 39px; font-size: 16px; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-icon { position: absolute; left: 0; top: 50%; margin-top: -1px; font-size: 22px; color: #2ea6b8; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon { position: absolute; right: 2px; left: inherit; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before { border: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #aaaaaa; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: transparent; border-color: transparent; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-icon { color: #2ea6b8; } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before { -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background-color: transparent; border: 0; padding: 3px 0 29px 1px; } .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding: 0 0 37px 2px !important; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container { padding-top: 4px; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list { margin: 0; background-color: #1d2428; border-left: 4px solid #1d2428; border-right: 4px solid #1d2428; overflow: visible; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab { position: relative; margin: 0; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:before { position: absolute; content: ''; display: block; top: -4px; left: 0; right: 0; height: 4px; background-color: #2ea6b8; opacity: 0; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a { padding: 13px 18px; background-color: #1d2428; border-radius: 0; border: none; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a .vc_tta-icon { position: relative; top: 3px; color: #fff; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a .vc_tta-title-text { position: relative; top: 1px; left: 2px; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a span { font-size: 12px; text-transform: uppercase; color: #fff; font-weight: 700; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a .vc_tta-title-text:not(:empty):not(:first-child) { margin-left: 8px; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:before { opacity: 1; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a { background-color: #fff; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a .vc_tta-icon { position: relative; top: 3px; color: #1d2428; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a span { color: #1d2428; } .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels { background-color: transparent !important; border: none !important; } .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding: 37px 0 0 2px !important; border: none; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav { margin: 0; background-color: #1d2428; border-left: 4px solid #1d2428; border-right: 4px solid #1d2428; overflow: visible; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li { position: relative; margin: 0; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li > a { display: block; position: relative; padding: 18px 18px; background-color: #1d2428; border-radius: 0; border: none; font-size: 12px; text-transform: uppercase; color: #fff; font-weight: 700; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li > a:before { position: absolute; content: ''; display: block; top: -4px; left: 0; right: 0; height: 4px; background-color: #2ea6b8; opacity: 0; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li > a .vc_tta-icon { position: relative; top: 3px; color: #fff; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li > a .vc_tta-title-text { position: relative; top: 1px; left: 2px; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li.ui-state-active > a:before { opacity: 1; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li.ui-state-active a { background-color: #fff; color: #1d2428; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li.ui-state-active a .vc_tta-icon { position: relative; top: 3px; color: #1d2428; } .wpb_tour_tabs_wrapper.ui-tabs .wpb_tab.ui-tabs-panel { padding: 37px 0 0 2px !important; background-color: transparent !important; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav { margin: 0; background-color: #1d2428; border: none; display: table; width: 100%; table-layout: fixed; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav:before { display: none; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav:after { display: none; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li { float: none; position: relative; margin: 0; display: table-cell; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li > a { display: block; position: relative; text-align: center; padding: 18px 18px; background-color: #1d2428; border-radius: 0; border: none; font-size: 13px; text-transform: uppercase; color: #fff; font-weight: 700; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li > a:before { position: absolute; content: ''; display: block; top: -4px; left: 0; right: 0; height: 4px; background-color: #2ea6b8; opacity: 0; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li > a .vc_tta-icon { position: relative; top: 3px; color: #fff; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li > a .vc_tta-title-text { position: relative; top: 1px; left: 2px; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li.ui-state-active > a:before { display: none; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li.ui-state-active a { background-color: #fff; color: #2ea6b8; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav > li.ui-state-active a .vc_tta-icon { position: relative; top: 3px; color: #2ea6b8; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 .wpb_tab.ui-tabs-panel { padding: 47px 40px 35px 36px !important; background-color: #fff !important; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 .wpb_tab.ui-tabs-panel .icon-box .icon-text h4.title { margin-bottom: 8px; font-weight: 400; } .wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav { display: block; vertical-align: top; width: inherit; background-color: transparent; } .wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav:after { display: table; content: ""; clear: both; } .wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav > li { display: block; float: left; margin-right: 2px; } .wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav > li:last-child { margin-right: 0; } .wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav > li.ui-state-active a { color: #232628; } .wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav > li > a { padding: 16px 31px 12px; background-color: #24292f; color: #aaa; } .wpb_tour_tabs_wrapper.stm_tabs_style_service .wpb_tab.ui-tabs-panel { padding: 70px 0 30px 0 !important; } .vc_toggle { border-bottom: 1px solid #ddd; } .vc_toggle .vc_toggle_title { position: relative; min-height: 28px; padding-bottom: 11px; padding-left: 56px; } .vc_toggle .vc_toggle_title > h4 { display: inline-block; font-weight: 400; } .vc_toggle .vc_toggle_icon { position: absolute; left: 0; top: -4px; display: block; width: 28px; height: 28px; border: 1px solid #2ea6b8; } .vc_toggle .vc_toggle_icon:before { position: absolute; content: ''; display: block; width: 8px; height: 2px; top: 12px; left: 9px; background-color: #2ea6b8; } .vc_toggle .vc_toggle_icon:after { position: absolute; content: ''; display: block; width: 2px; height: 8px; top: 9px; left: 12px; background-color: #2ea6b8; opacity: 1; } .vc_toggle.vc_toggle_active .vc_toggle_icon:after { opacity: 0; } .vc_toggle .vc_toggle_content { margin-bottom: 5px; } body .wpb_button, body .wpb_column > .vc_column-inner > .wpb_wrapper > :last-child { margin-bottom: 0; } body .vc_col-has-fill > .vc_column-inner, body .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, body .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, body .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, body .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, body .vc_row-has-fill > .vc_column_container > .vc_column-inner, body .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, body .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner { padding-top: 0; } .vc_column_container > .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; } .vc_column_container { padding-left: 15px !important; padding-right: 15px !important; } /* 3.3 Vendors */ .selection:hover b { color: #2ea6b8 !important; } .select2-container--default .select2-selection--single { height: 48px; border: none; border-radius: 0; background-color: #eceff3; outline: none !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px; font-size: 14px; color: #555; font-weight: 400; padding-left: 14px; padding-right: 40px; outline: none !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 47px; width: 19px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); left: -3px; margin-left: 0; margin-top: -10px; font-size: 17px; color: #888; width: 15px; height: 17px; border: none; text-align: center; } .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: "\f107"; } .select2-container--default .select2-selection--single .select2-selection__arrow b.stm-preloader { height: 14px; font-size: 14px; margin-top: -7px; line-height: normal; } .select2-container--default .select2-selection--single .select2-selection__arrow b.stm-preloader:before { font-family: 'stm-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 1px; content: "\e91b"; -webkit-animation: rotating 2s infinite linear; animation: rotating 2s infinite linear; } .select2 { width: 100% !important; } .select2-container--default.select2-container--disabled .select2-selection--single { opacity: 0.5; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .select2-container--default .select2-results > .select2-results__options { max-height: 350px; } .select2-results__options li { margin-bottom: 0; padding-left: 14px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #f0f2f5; border-bottom-color: #f0f2f5; color: #555; } .select2-dropdown { border-radius: 0; border-color: #e7e8e8; } .select2-results__options li { font-size: 13px; border-bottom: 1px solid #f0f2f5; } .select2-results__options li:last-child { border-bottom: none; } .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-disabled=true] { display: none; } .xdsoft_stm_datetimepicker { font-family: inherit; } .xdsoft_stm_datetimepicker button { box-shadow: none; } .xdsoft_stm_datetimepicker .xdsoft_calendar td, .xdsoft_stm_datetimepicker .xdsoft_calendar th { border-color: #fff; } .xdsoft_stm_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_stm_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_stm_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #2ea6b8; box-shadow: none; } .xdsoft_stm_datetimepicker .xdsoft_calendar td:hover, .xdsoft_stm_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background: #2ea6b8 !important; } .xdsoft_scroller { display: none !important; } .xdsoft_stm_datetimepicker .xdsoft_timepicker .xdsoft_time_box { border-color: #fff; } .wpb_tour_tabs_wrapper .ui-state-default, .wpb_tour_tabs_wrapper .ui-widget-content .ui-state-default, .wpb_tour_tabs_wrapper .ui-widget-header .ui-state-default { border: none; background-color: transparent; } .wpb_tour_tabs_wrapper .ui-widget-header { background-color: transparent; border: none; } .wpb_tour_tabs_wrapper .ui-corner-all { border-radius: 0px; } .wpb_tour_tabs_wrapper .ui-widget-content { border: none; } .wpb_tour_tabs_wrapper.ui-widget-content { border: none; } /*UI SLIDER*/ .ui-slider-horizontal { height: 4px; } .ui-slider { background-color: #dfe1e5; } .ui-slider .ui-slider-range { background-color: #2ea6b8; } .ui-slider .ui-slider-handle { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.36); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.36); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.36); border-radius: 50%; width: 20px; height: 20px; top: -9px; margin-left: -10px; background-color: #fff; } .ui-slider .ui-slider-handle:after { position: absolute; content: ''; display: block; top: 50%; left: 50%; margin: -5px 0 0 -5px; width: 10px; height: 10px; background-color: #2ea6b8; border-radius: 50%; } .ui-slider .ui-slider-handle.ui-state-active:after { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } #animated-blog-wrapper { position: relative; z-index: 10; /***** Individual effects *****/ /* -------------------------- */ /* Faded gradient */ /* -------------------------- */ } #animated-blog-wrapper .blog-meta { margin-bottom: 0; padding: 0; background-color: transparent; } #animated-blog-wrapper .blog-meta .blog-meta-unit { color: #1d2428; } #animated-blog-wrapper .blog-meta .blog-meta-unit a { color: #1d2428; } #animated-blog-wrapper .blog-meta .blog-meta-unit i { color: #1d2428; } #animated-blog-wrapper #container { margin: 0 -15px; } #animated-blog-wrapper .header { position: relative; margin: 0 auto; min-height: 560px; width: 100%; } #animated-blog-wrapper .bg-img { position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #animated-blog-wrapper .bg-img:before { position: absolute; content: ''; display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 10; opacity: 1; } #animated-blog-wrapper .bg-img img { position: absolute; top: 0; left: 0; display: block; min-width: 100%; min-height: 100%; } #animated-blog-wrapper .title { z-index: 1000; padding: 0 1.25em; width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -124px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #animated-blog-wrapper .title h1 { padding: 0 0 40px; color: #fff; margin: 0; letter-spacing: -2px; max-width: 70%; line-height: 1; font-weight: 700; } #animated-blog-wrapper .title p { color: #fff; padding: 0 0 20px; margin: 0; } #animated-blog-wrapper .title p.subline { max-width: 54%; line-height: 34px; } #animated-blog-wrapper .title p.subline { font-size: 1.75em; } #animated-blog-wrapper .container:not(.notrans) button.trigger { -webkit-transition: opacity 0.3s 0.5s; transition: opacity 0.3s 0.5s; } #animated-blog-wrapper .container.modify:not(.notrans) button.trigger { opacity: 0; pointer-events: none; -webkit-transition-delay: 0s; transition-delay: 0s; } #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img { -webkit-transition-property: -webkit-transform; transition-property: transform; } #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img::after { -webkit-transition-property: opacity; transition-property: opacity; } #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header h1 { -webkit-transition-property: color; transition-property: color; } #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header .blog-meta, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header p, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) #blog-animated-content > div { -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } #animated-blog-wrapper .header, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img::after, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img::before, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header h1, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header p, #animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header .blog-meta, #animated-blog-wrapper #blog-animated-content > div { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } #animated-blog-wrapper .intro-effect-fadeout .header { overflow: hidden; } #animated-blog-wrapper .intro-effect-fadeout.modify .bg-img { -webkit-transform: translateY(-25%); transform: translateY(-25%); } #animated-blog-wrapper .intro-effect-fadeout .bg-img::after { content: ''; position: absolute; width: 100%; height: 101%; top: 0; left: 0; opacity: 0; pointer-events: none; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); } #animated-blog-wrapper .intro-effect-fadeout.modify .bg-img::after { opacity: 1; } #animated-blog-wrapper .intro-effect-fadeout.modify .bg-img::before { opacity: 0; } #animated-blog-wrapper .intro-effect-fadeout .title { text-align: left; } #animated-blog-wrapper .intro-effect-fadeout.modify .header h1, #animated-blog-wrapper .intro-effect-fadeout .header p { color: #1d2428; } #animated-blog-wrapper .intro-effect-fadeout .header .blog-meta, #animated-blog-wrapper .intro-effect-fadeout .header p { opacity: 0; } #animated-blog-wrapper .intro-effect-fadeout .header p:nth-child(2) { -webkit-transform: translateX(150px); transform: translateX(150px); } #animated-blog-wrapper .intro-effect-fadeout .header .blog-meta { -webkit-transform: translateX(-150px); transform: translateX(-150px); } #animated-blog-wrapper .intro-effect-fadeout.modify .header p:nth-child(2), #animated-blog-wrapper .intro-effect-fadeout.modify .header .blog-meta { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #animated-blog-wrapper #blog-animated-content { z-index: 1000; position: relative; } #animated-blog-wrapper #blog-animated-content.modify { margin-bottom: -130px; } #animated-blog-wrapper #blog-animated-content > div { opacity: 0; -webkit-transform: translateY(350px); transform: translateY(350px); } #animated-blog-wrapper #blog-animated-content.modify > div { opacity: 1; -webkit-transform: translateY(-160px); transform: translateY(-160px); } /*3.4 Radio/Checkbox*/ /* General settings */ div.selector, div.checker, div.button, div.radio, div.uploader { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; /* Keeping this as :focus to remove browser styles */ } div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus { outline: 0; } div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * { margin: 0; padding: 0; } /* Remove default webkit and possible mozilla .search styles. * Keeping this as :active to remove browser styles */ div.checker input, input[type="search"], input[type="search"]:active { -moz-appearance: none; -webkit-appearance: none; } /* Select */ div.selector { background-position: 0 -130px; line-height: 26px; height: 26px; padding: 0 0 0 10px; position: relative; overflow: hidden; } div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background-position: right 0; height: 26px; line-height: 26px; padding-right: 25px; cursor: pointer; width: 100%; display: block; } div.selector.fixedWidth { width: 190px; } div.selector.fixedWidth span { width: 155px; } div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 22px; top: 2px; left: 0px; width: 100%; } div.selector { background-position: 0 -156px; } div.selector span { background-position: right -26px; } div.selector, div.selector { background-position: 0 -182px; } div.selector span, div.selector span { background-position: right -52px; } div.selector, div.selector { background-position: 0 -208px; } div.selector span, div.selector span { background-position: right -78px; } div.selector.disabled, div.selector.disabled { background-position: 0 -234px; } div.selector.disabled span, div.selector.disabled span { background-position: right -104px; } /* Checkbox */ div.checker { position: relative; } div.checker, div.checker span, div.checker input { width: 16px; height: 16px; } div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 0; } div.checker span.checked { background-position: -16px 0; } div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; } /* Uploader */ div.uploader { background-position: 0 -8px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden; } div.uploader span.action { background-position: right -120px; height: 28px; line-height: 28px; width: 85px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; } div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 82px; padding: 0 10px; } div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; } div.uploader span.action { background-position: right -176px; } div.uploader, div.uploader { background-position: 0 -64px; } div.uploader span.action, div.uploader span.action { background-position: right -148px; } div.uploader span.action, div.uploader span.action { background-position: right -204px; } div.uploader.disabled, div.uploader.disabled { background-position: 0 -36px; } div.uploader.disabled span.action, div.uploader.disabled span.action { background-position: right -92px; } /* Buttons */ div.button { background-position: 0 -352px; height: 30px; cursor: pointer; position: relative; /* Keep buttons barely visible so they can get focus */ } div.button a, div.button button, div.button input { opacity: 0.01; filter: alpha(opacity=1); -moz-opacity: 0.01; display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; } div.button span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; line-height: 30px; text-align: center; background-position: right -232px; height: 30px; margin-left: 13px; padding: 0; } div.button { background-position: 0 -382px; } div.button span { background-position: right -262px; cursor: default; } div.button, div.button { background-position: 0 -412px; } div.button span, div.button span { background-position: right -292px; } div.button.disabled, div.button.disabled { background-position: 0 -442px; } div.button.disabled span, div.button.disabled span { background-position: right -322px; cursor: default; } .checker { position: relative; top: -1px; margin-right: 10px !important; } div.checker span { background-size: 32px; } div.radio { margin-right: 4px; } div.radio span.checked, div.radio span.checked { background-position: 0 0; } /* 4 Mobile styles */ /* 4.1 Responsive bootstrap enhanced base styles */ /* lg and md cells */ @media (min-width: 992px) { .lg-md-text-center { text-align: center; } .lg-md-text-left { text-align: left; } .lg-md-text-right { text-align: right; } .lg-md-dp-in { display: inline-block; max-width: 100%; vertical-align: top; } } /* lg cells */ @media (min-width: 1200px) { .lg-text-center { text-align: center; } .lg-text-left { text-align: left; } .lg-text-right { text-align: right; } .lg-dp-in { display: inline-block; max-width: 100%; vertical-align: top; } } /* md cells */ @media (max-width: 1199px) and (min-width: 992px) { .md-text-center { text-align: center; } .md-text-left { text-align: left; } .md-text-right { text-align: right; } .md-dp-in { display: inline-block; max-width: 100%; vertical-align: top; } } /* sm and xs cells */ @media (max-width: 991px) { .sm-xs-text-center { text-align: center; } .sm-xs-text-left { text-align: left; } .sm-xs-text-right { text-align: right; } .sm-xs-dp-in { display: inline-block; max-width: 100%; vertical-align: top; } } /* sm cells */ @media (max-width: 991px) and (min-width: 768px) { .sm-text-center { text-align: center; } .sm-text-left { text-align: left; } .sm-text-right { text-align: right; } .sm-dp-in { display: inline-block; max-width: 100%; vertical-align: top; } } /* xs cells */ @media (max-width: 767px) { .xs-text-center { text-align: center; } .xs-text-left { text-align: left; } .xs-text-right { text-align: right; } .xs-dp-in { display: inline-block; max-width: 100%; vertical-align: top; } } /* 4.2 Responsive site styles */ /* lg and md cells */ @media (min-width: 992px) { .md-mg-rt { margin-right: -6px; } .md-mg-lt { margin-left: -6px; } .stm-vc-single-car-content-left { padding-right: 42px !important; } .stm-vc-single-car-content-right { padding-left: 42px !important; } .stm-vc-single-car-sidebar-left > .wpb_wrapper { margin-right: -30px; } .stm-vc-single-car-sidebar-right > .vc_column-inner > .wpb_wrapper { margin-left: -30px; } .mobile-menu-holder { display: none !important; } .stm-carousel-fullwidth .media-carousel-item { max-width: inherit; width: auto; margin: 0 auto; } } /* lg cells */ @media (min-width: 1200px) { .stm-slider-nice-height { min-height: 600px !important; } } /* md cells */ @media (max-width: 1199px) and (min-width: 992px) { #top-bar .header-top-bar-socs { margin-left: 30px; } #top-bar .header-login-url { margin-left: 30px; } #top-bar .top-bar-info li { margin-left: 30px; } } @media (max-width: 1025px) and (min-width: 768px) { .listing-car-items .listing-car-item .listing-car-item-inner { max-width: 320px; } .listing-car-items .listing-car-item .listing-car-item-meta { padding-top: 15px; padding-bottom: 8px; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li { margin-top: 10px; } } @media (max-width: 1025px) { .stm-fullwidth-with-parallax { background-attachment: scroll; background-size: cover; } .icon-box .icon { display: inline-block; float: none; margin-bottom: 15px; min-height: 54px; } .listing-car-items .listing-car-item .car-title { margin-top: 13px; text-overflow: ellipsis; white-space: nowrap; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li { margin-right: 10px; } .single-car-prices { margin-top: 25px; } .stm-vc-single-car-sidebar-right, .stm-single-car-side { margin-left: 0 !important; } .stm-vc-single-car-content-left { padding-right: 15px !important; } .stm-single-car-content { padding-right: 0 !important; } .single-car-prices .h4 { font-size: 18px; } .classic-filter-row .sidebar-entry-header { padding: 26px 40px 21px 108px; margin: 0 -40px 25px; } .classic-filter-row .filter-sidebar { padding-right: 40px; padding-left: 40px; } .single-car-actions > ul li { display: none; } .single-car-actions > ul li:first-child { display: block; } .single-car-actions > ul li:nth-child(2) { display: block; } .single-car-actions > ul li:nth-child(3) { display: block; } .listing-list-loop .content .meta-middle .meta-middle-unit { display: none; } .listing-list-loop .content .meta-middle .meta-middle-unit:first-child { display: block; } .listing-list-loop .content .meta-middle .meta-middle-unit:nth-child(2) { display: block; } .listing-list-loop .content .meta-middle .meta-middle-unit:nth-child(3) { display: block; } .listing-list-loop .content .meta-middle .meta-middle-unit:nth-child(4) { display: block; border-right: none; } .classic-filter-row .sidebar-entry-header i { left: 39px; } .classic-filter-row .filter-price { margin-top: 25px; } .stm-adaptive-tablet-margins .stm-icon-box-adaptive-style-three { padding: 0 15px; } .stm-adaptive-tablet-margins .stm-icon-box-adaptive-style-three .icon-box .icon-text h6.title { min-height: 36px; } .header-nav { position: static !important; } .header-nav.header-nav-transparent { position: static; margin-bottom: 0; background: #eaedf0; } } /* sm and xs cells */ @media (max-width: 991px) { #top-bar .header-top-bar-socs { margin-left: 15px; } #top-bar .header-login-url { margin-left: 15px; } #top-bar .top-bar-info li { margin-left: 15px; } .hidden-info { display: none; } .header-main .header-top-info .header-main-socs { display: none; } .header-main .header-main-phone .phone .phone-number { color: #fff !important; } .car-listing-tabs-unit .car-listing-top-part { padding-top: 15px; } .found-cars-cloned { display: none; } .stm-call-to-action { padding: 20px 10px 20px 10px; text-align: center; } .stm-call-to-action .call-to-action-right { text-align: center; } .stm-call-to-action .call-to-action-right .call-to-action-meta { margin-left: 0; display: inline-block; } .stm-call-to-action .pull-left { text-align: center; float: none !important; } .stm-call-to-action .call-to-action-content { margin-top: 15px; display: inline-block; text-align: center; } .car-listing-row .listing-car-item-meta .car-title { margin-top: 10px; min-height: 36px; white-space: nowrap; text-overflow: ellipsis; } .icon-box { padding-right: 25px; } .icon-box .icon { display: inline-block; float: none; margin-top: 0 !important; margin-bottom: 15px !important; min-height: 54px; } .special-offers .title { padding: 0; } .special-offers .title .all-offers { display: none; } .stm-contact-us-form-wrapper { padding: 40px 30px 10px; } .stm_tabs_style_1 .wpb_tab .icon, .stm_tabs_style_2 .wpb_tab .icon { min-height: 30px !important; } .wpb_tour_tabs_wrapper.stm_tabs_style_2 .wpb_tab.ui-tabs-panel { padding: 15px !important; } .compare-title { font-size: 20px; line-height: 24px; } .stm-call-to-action-1 .stm-call-action-left { width: 70%; } .stm-fullwidth-with-parallax { background-repeat: no-repeat; background-attachment: scroll; } .icon-box .icon-text .content { font-size: 12px; } .stm-icon-box-adaptive-style-three .icon-box { padding-left: 0 !important; } .logo-main { position: relative; padding-right: 60px; min-height: 35px; } .stm-our-team { max-width: inherit; } .vc_toggle .vc_toggle_icon { top: 0; } .single-car-prices { margin-top: 25px; } .single-regular-sale-price table td { text-align: center; } .single-regular-sale-price table td .regular-price-with-sale { text-align: center; } .stm-working-days .title { padding-left: 0; } .stm-working-days .title > i { display: none; } table.stm-working-days-table > tbody > tr td.day-label { font-size: 10px; } table.stm-working-days-table > tbody > tr td.day-value { font-size: 10px; } .post-grid-single-unit .content .title-relative { min-height: 86px; } .post-grid-single-unit .content { padding: 20px 15px 10px 10px; } .sidebar-sm-mg-bt { margin-bottom: 25px; } #get-car-price-form, #request-test-drive-form { position: relative; max-width: 580px; width: auto; margin: 0 auto; top: inherit; left: inherit; -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); z-index: 9999; } .stm-compact-sidebar .text-image { margin-left: 10px; } .stm-compact-sidebar .content { padding-left: 10px; } } /*sm-xs*/ /* sm cells */ @media (max-width: 991px) and (min-width: 768px) { #header .logo-main { float: none; margin-bottom: 25px; } #header .logo-main a { display: inline-block; max-width: 100%; } .header-main .header-top-info { display: block; float: left; } .header-main .header-top-info .header-main-socs { display: none; margin-left: 0; } .header-main .header-top-info .header-main-socs ul li { float: right; margint-left: 0; } .header-main .header-top-info .header-main-socs ul li:first-child { margin-left: 10px; } .header-menu li a { font-size: 15px; } .car-listing-tabs-unit .row-4 .col-md-3:nth-child(4n+1) { float: left; clear: none; } .car-listing-tabs-unit .row-4 .col-md-3:nth-child(3n+1) { clear: both; } .footer_widgets_wrapper { padding-top: 30px; } .cols_4 aside { width: 50%; } .cols_4 aside:first-child .widget-wrapper { margin-top: 0 !important; } .cols_4 aside:nth-child(2) .widget-wrapper { margin-top: 0 !important; } .cols_4 aside .widget-wrapper { padding-top: 0 !important; border-top: none !important; margin-top: 30px !important; } .cols_4 aside:nth-child(2n+1) { clear: both; } .cols_4 aside:nth-child(4n+1) { clear: none; } .listing-car-items .listing-car-item .car-title { margin-top: 13px; text-overflow: ellipsis; white-space: nowrap; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li { margin-right: 10px; } .main-menu .header-menu > li:first-child { margin-left: 0 !important; } .main-menu .header-menu > li > a { padding: 0 19px; } body.page-template-coming-soon-php .coming-soon-header { padding-top: 55px; } body.page-template-coming-soon-php #wrapper #main { top: 85px; } .stm-modern-filter-unit-images .stm-single-unit-image { text-align: center; } .stm-modern-filter-unit-images .stm-single-unit-image .image { max-width: 140px; } .stm-modern-filter-others { text-align: left; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } .car-listing-tabs-unit .car-listing-row .col-md-3:last-child { display: none; } .car-listing-tabs-unit .car-listing-row .col-md-3:nth-last-child(2) { display: none; } .listing-car-items .listing-car-item .listing-car-item-inner { max-width: 320px; } .listing-car-items .listing-car-item .listing-car-item-meta { padding-top: 15px; padding-bottom: 15px; } .listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li { margin-top: 12px; } #car-listing-tab-search .icon-button { width: 100%; } #car-listing-tab-search .icon-button i { position: relative; left: 0; top: 2px; margin-right: 5px; } } /*sm*/ /* xs cells */ @media (max-width: 767px) { .header-main .logo-main { margin-bottom: 20px; width: 100%; float: none !important; } .header-main .header-top-info { width: 100%; float: none !important; } .header-main .header-top-info .pull-right { float: none !important; width: 100% !important; } .header-main .header-top-info .pull-right .header-secondary-phone { margin-left: 0; margin-bottom: 10px; text-align: left; } .header-main .header-top-info .pull-right .header-main-phone { margin-left: 0; margin-bottom: 10px; } .stm-listing-tabs ul li { display: block; margin-right: 0; } .wpb_wrapper .icon-box { padding-left: 0 !important; margin-left: 0 !important; } .stm-icon-box-adaptive-style-one .wpb_wrapper .icon-box { padding-left: 15px !important; } .stm-contact-us-form-wrapper { padding: 40px 30px 10px; } .stm-contact-us-form-wrapper .form-group { padding-left: 0 !important; margin-right: 0 !important; } .stm-contact-us-form-wrapper .col-md-5 .contact-us-submit, .stm-contact-us-form-wrapper .col-md-5 .form-group { margin-left: 0 !important; } .footer_widgets_wrapper { padding-top: 25px; } .cols_4 aside { width: 100%; } .cols_4 aside:first-child .widget-wrapper { margin-top: 0 !important; } .cols_4 aside .widget-wrapper { padding-top: 0 !important; border-top: none !important; margin-top: 30px !important; } .cols_4 aside:nth-child(2n+1) { clear: both; } .cols_4 aside:nth-child(4n+1) { clear: none; } #sb_instagram.sbi_col_4 #sbi_images .sbi_item { width: 25% !important; } #sb_instagram .sbi_photo { max-height: 80px !important; } .compare-title { margin-top: 0; } .compare-car-visible { display: block; } .car-listing-row.stm-car-compare-row { display: none; } .stm-compare-row .col-xs-4 { width: 100%; } .mpg-mobile-selector { min-width: 100%; } .header-address, .header-secondary-phone { display: none; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 26px; } h3, .h3 { font-size: 20px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 14px; } .car-listing-row .wp-post-image { width: 100%; height: auto; } .car-listing-main-part { padding-top: 20px; } .tab-search-title { font-size: 20px; } .tab-search-title i { top: 0; } #car-listing-tab-search .icon-button { width: 100%; } #car-listing-tab-search .icon-button i { position: relative; left: 0; top: 2px; margin-right: 5px; } .stm-call-to-action .call-to-action-content { margin-top: 0; margin-bottom: 10px; padding-left: 0 !important; } .stm-call-to-action .call-to-action-content .content { line-height: 1.2; font-size: 25px; } .stm-call-to-action .call-to-action-content i { display: none; } .stm-icon-box-adaptive-style-one .wpb_wrapper .icon-box { margin: 0 -15px !important; padding-left: 40px !important; } .stm-fullwidth-with-parallax.stm-icon-box-adaptive-style-one { padding-top: 30px !important; padding-bottom: 30px !important; } .icon-box .icon-text .content { font-size: 14px; } .listing-car-items .listing-car-item { padding: 0; } .listing-car-items .listing-car-item .listing-car-item-inner { max-width: 290px; } .listing-car-items .listing-car-item .car-title { display: block; padding-top: 20px; clear: both; white-space: normal; text-overflow: clip; } .owl-dots { visibility: hidden; width: 30px; opacity: 0; } .stm-icon-box-adaptive-style-one .wpb_wrapper .icon-box { padding-right: 30px !important; } .listing-car-items .listing-car-item .price { float: left; } .footer-copyright .xs-pull-left { margin-top: 15px; float: left !important; } .col-md-wider-right { padding-right: 15px; } .col-md-wider-left { padding-left: 15px; } input#stm_filter_max_price { margin-top: 15px; } .stm-car-listing-sort-units .stm-sort-by-options > span { display: none; } .listing-list-loop .content { position: relative; margin-top: -50px; z-index: 20; } .listing-list-loop .image { float: none; max-width: 100%; margin: 0px; } .listing-list-loop .content .meta-top .price.discounted-price { float: right; display: inline-block; } .listing-list-loop .content .title { clear: both; display: block; padding-top: 30px; } .stm-call-to-action-1 .stm-call-action-left:after { display: none; } .stm-call-to-action-1 .stm-call-action-left, .stm-call-to-action-1 .stm-call-action-left:after { background-color: transparent !important; } .stm-call-to-action-1 .stm-call-action-right { width: 100%; z-index: -1; } .stm-call-to-action-1 .stm-call-action-right:after { position: absolute; content: ''; display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.5); } .stm-car-view-more { width: 100%; text-align: center; display: block; margin-top: 20px; } .listing-list-loop .content { padding-bottom: 3px; } .listing-list-loop .content .meta-middle .meta-middle-unit { display: block; float: none; border-right: none; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd; } .listing-list-loop .content .meta-middle .meta-middle-unit:last-child { border-bottom: none; } .listing-list-loop .content .meta-middle .meta-middle-unit.font-exists .meta-middle-unit-top { display: inline-block; } .listing-list-loop .content .meta-middle .meta-middle-unit.font-exists .value { display: inline-block; padding-left: 5px; } .listing-list-loop .content .meta-middle .meta-middle-unit .name { font-size: 14px; text-transform: none; } .single-car-actions > ul { text-align: center; } .single-car-actions > ul li { display: block; float: none; margin-right: 0; } .single-car-actions > ul li.certified-logo-2, .single-car-actions > ul li.certified-logo-1 { padding-top: 15px; display: inline-block; width: 49%; } .single-car-actions > ul li.certified-logo-1 { padding-left: 15px; } .single-car-actions > ul li.certified-logo-2 { padding-right: 20px; } .car-action-unit.add-to-compare { width: 100%; padding-left: 10px; } .car-action-unit { line-height: 36px; } .car-action-unit > i { position: relative; top: 1px; left: -8px; } .car-action-unit.add-to-compare.stm-added .stm-show-on-hover { padding-left: 10px; } .car-action-unit.add-to-compare.stm-added .stm-show-on-hover > i { position: relative; left: -8px; top: 1px; font-size: 14px; } .single-add-to-compare .single-add-to-compare-left { padding-left: 0; } .single-add-to-compare .single-add-to-compare-left .add-to-compare-icon { display: none; } .compare-fixed-link { display: inline-block; float: none !important; margin: 0 0 10px; } .single-add-to-compare { padding-top: 0; } .single-car-actions .stock-num { padding-top: 8px; padding-bottom: 8px; } .car-action-unit.add-to-compare.disabled:after { top: 11px; } .stm-modern-filter-found-cars { float: none; padding-bottom: 15px; } .stm-car-listing-sort-units.stm-modern-filter-actions .stm-sort-by-options { float: left; } .car-action-unit.stm-brochure { width: 100%; } .car-action-unit.stm-brochure > i { left: -11px; top: 2px; } .car-action-unit.stm-share { width: 100%; } .car-action-unit.stm-share > i { left: -11px; } .wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav > li { float: none; text-align: center; } .lists-inline > ul { width: 100%; margin-bottom: 25px; } .stm-col-pad-left { margin-top: 20px !important; padding-left: 15px !important; } span.vc_tta-title-text { margin-left: 0 !important; } .testimonial-unit .image { margin-left: 0; margin-bottom: 15px; } .testimonials-carousel .owl-controls { text-align: left; position: static; margin-top: 15px; } div.stm_auto_loan_calculator { margin-bottom: 25px; } body.page-template-coming-soon-php .coming-soon-header { padding-top: 25px; } body.page-template-coming-soon-php #wrapper #main { position: static; } body.page-template-coming-soon-php #wrapper #main .stm-coming-soon-centered { position: static; transform: none; padding-top: 30px; } body.page-template-coming-soon-php #footer-copyright { position: static; } body.page-template-coming-soon-php #wrapper:after { display: none; } body.page-template-coming-soon-php { position: relative; } body.page-template-coming-soon-php:after { position: absolute; content: ''; display: block; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: -1; } body.page-template-coming-soon-php #wrapper #main .stm-coming-soon-centered h1 { font-size: 30px; line-height: 35px; } body.page-template-coming-soon-php div.wpcf7 img.ajax-loader { display: none; } .stm-inline-form .wpcf7-form-control-wrap { width: 100%; } .stm-inline-form input[type="submit"] { width: 100%; margin-top: 15px; } .post-list-single-item .blog-meta { margin-top: 0; } .post-list-single-item .absoluted-content { position: static; padding-top: 30px; background: #1d2428; } .blog-meta .right { width: 100%; float: left; } .post-list-single-item .absoluted-content .relatived-content { padding-bottom: 15px; } .post-list-single-item .blog-meta { padding-bottom: 15px; } .blog-meta-bottom .right { clear: both; float: left; margin-top: 20px; } .stm-author-box .author-image { display: none; } .stm-blog-fullwidth-info .absoluted-content { position: static; background: #1d2428; } .stm-blog-fullwidth-info .absoluted-content .blog-meta { margin-top: 30px; } .stm-blog-fullwidth-info .absoluted-content .title { padding-top: 30px; } .stm-blog-fullwidth-info .absoluted-content .blog-meta { padding: 26px 0 25px; } .error404 #wrapper #main { top: 50px; } .error-header { padding: 26px 0; } .comment .comment-avatar { display: none; } ul.comment-list li ul.children { padding-left: 0; } body.single-post .post-content-vc h4.vc_custom_heading { margin-top: 20px !important; } .post-content blockquote { padding-left: 50px; } .select2-results__options li:active { background-color: #f0f2f5; } #car-listing-tab-search .icon-button { padding-left: 20px; padding-right: 20px; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 110px; } .woocommerce .shop_table.cart .coupon { float: none; } .woocommerce .shop_table.cart .button.update-cart { display: block; float: none; margin-top: 15px; } .product-name_text { margin-top: 0; } .woocommerce .cart-totals_wrap { padding: 18px; } .woocommerce-cart .cart-collaterals .cart_totals table th { padding-right: 10px; } .woocommerce-cart table.cart img, .woocommerce table.shop_table th.product-price, .woocommerce td.product-price, .woocommerce table.shop_table th.product-quantity, .woocommerce td.product-quantity { display: none; } #frontend_customizer_button { display: none; } } /*xs*/ /*TOP BAR && HEADER*/ @media (max-width: 830px) { .header-login-url { display: none; } } @media (max-width: 750px) { .header-top-bar-socs { display: none; } } @media (max-width: 610px) { .top-bar-info .fancy-iframe { display: none !important; } .stm-call-to-action-1 .stm-call-action-left { width: 100%; padding: 10px 15px; } .stm-call-to-action-1 .stm-call-action-left .stm-call-action-image { display: none; } .compare-col-stm-empty .image .stm-icon-add_car { margin: -10px 0 0 -13px; font-size: 20px; } } @media (max-width: 400px) { .top-bar-info li:first-child { display: none !important; } } @media (max-width: 960px) { .nav-search { display: none !important; } .header-help-bar-trigger { display: block; } .header-help-bar { display: block; position: relative; top: 52px; } .header-help-bar ul { display: none; position: absolute; margin-right: -47px; padding-right: 5px; width: 200px; top: 100%; right: 100%; background-color: #eaedf0; } .header-help-bar ul li { float: right; text-align: right; width: 100%; } .header-help-bar ul li a { background-color: transparent !important; } .header-help-bar ul li i { display: inline-block; min-width: 30px; } .header-help-bar ul li.mobile-search { display: block; visibility: visible; padding: 5px 12px 20px 16px; } .header-help-bar ul li.mobile-search #searchform .search-input { border-radius: none; height: 30px; line-height: 30px; padding: 5px 10px !important; font-size: 13px; box-shadow: none; background-color: #fff; } .header-help-bar ul li.mobile-search #searchform .search-submit { height: 30px; width: 30px; font-size: 13px; background-color: transparent; color: #2ea6b8 !important; } } @media (max-width: 400px) { #sb_instagram.sbi_col_4 #sbi_images .sbi_item { width: 50% !important; } } .vc_row.stm-third-background-color, #footer-copyright, #footer-main, .header-main, .car-listing-tabs-unit .car-listing-top-part:before { background-color: #1d2428 !important; } .header-menu li a { color: #1d2428; } .tp-caption.stm-slider-round, .stm-slider-round { background: rgba(46,166,184,0.9) !important; } .ab-booking-form .ab-nav-steps .ab-btn, .page-template-home-service-layout .stm-slider-button, .stm-button, input[type="submit"], button, .button, .load-more-btn { -webkit-box-shadow: 0 2px 0 #1c8696; -moz-box-shadow: 0 2px 0 #1c8696; box-shadow: 0 2px 0 #1c8696; } .header-service .header-menu li.active a { color: #fff; } .stm-current-slider-labels { display: none; } .stm-slider-filter-type-unit .pull-left { margin-bottom: 19px; } .stm-slider-filter-type-unit .row { margin-bottom: 16px; } .stm-filter-type-slider { margin-bottom: 19px; }
Save
Back