/* Theme Name: Megatron-dsti Theme URI: http://themes.g5plus.net/megatron/ Description: Megatron theme framework is a WordPress starter theme based on HTML5 Boilerplate & Bootstrap. Visit site Version: 3.9 Author: g5plus Author URI: http://g5plus.net/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: megatron Domain Path: /languages/ */ /** * Table of Contents: * * 1.0 - Core * 2.0 - Template * 3.0 - Header * 4.0 - Footer * 5.0 - Widget * 6.0 - Blog * 7.0 - Woocommerce * 8.0 - ShortCode * 9.0 - Blocks * 10.0 - Color * ---------------------------------------------------------------------------- */ /** * 1.0 - Core * ---------------------------------------------------------------------------- */ @-moz-keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-webkit-keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-o-keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-moz-keyframes header-drop { 0% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes header-drop { 0% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes header-drop { 0% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes header-drop { 0% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } } @-webkit-keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } } @-o-keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } } @keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-92px); -moz-transform: translateY(-92px); -ms-transform: translateY(-92px); -o-transform: translateY(-92px); transform: translateY(-92px); } } .social-icon, .m-button, .pie-chart .vc_pie_chart_value, .v-progress-bar .vc_single_bar .vc_label, .h-progress-bar .vc_label, .pricingtable .pt-content p, .pricingtable .pt-content span, .servicetable .pt-content div span, .servicetable .pt-content ul li span, .vc_tta-style-tab_style1 .vc_tta-title-text, .vc_tta-style-tab_style1 .vc_tta-panel-title, .expandable_button .expandable_button_text, .menu-scroll ul li a, .p-font { font-family: 'Montserrat' !important; } .call-action h4, .heading span, blockquote p, .iconbox span, .banner .sub-title, .s-font, .servicetable .pt-content p, .testimonial.style2 p, .testimonial.style3 p, .testimonial.style4 p, .m-post .post-entry-meta, ul.breadcrumbs { font-family: 'Playfair Display' !important; } .post-navigation { padding: 0; display: table; width: 100%; position: relative; margin-top: -1px; } .post-navigation .nav-links { width: 100%; margin: 0 auto; display: table; border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; } .post-navigation .nav-previous, .post-navigation .nav-next { position: relative; vertical-align: middle; padding: 35px 0; width: 50%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; float: left; } .post-navigation .nav-previous .post-navigation-content, .post-navigation .nav-next .post-navigation-content { margin-left: 30px; } .post-navigation .nav-next { float: right; text-align: right; } .post-navigation .nav-next .post-navigation-content { margin-left: 0; margin-right: 30px; } .post-navigation .post-navigation-label { display: block; font-size: 0.75em; font-weight: normal; text-transform: uppercase; margin-bottom: 5px; } .post-navigation .post-navigation-title { -ms-word-wrap: break-word; word-wrap: break-word; font-size: 15px; font-weight: 400; text-transform: none; } .post-navigation .post-navigation-icon { font-size: 14px; line-height: 1em; width: 60px; display: inline-block; position: absolute; top: 50%; margin-top: -7px; color: #444444; } .post-navigation .nav-links .nav-next .post-navigation-icon { right: 0; } /* ----------------------------------------------------------------------------- * WordPress Default Style * -------------------------------------------------------------------------- */ img { max-width: 100%; height: auto; } .alignnone { margin: 15px 15px 0 0; } .aligncenter, div.aligncenter { display: block; margin: 15px auto 15px auto; } .alignright { float: right; margin: 15px 0 15px 15px; } .alignleft { float: left; margin: 15px 15px 15px 0; } .aligncenter { display: block; margin: 15px auto 15px auto; } a img.alignright { float: right; margin: 15px 0 0 15px; } a img.alignnone { margin: 15px 15px 0 0; } a img.alignleft { float: left; margin: 15px 15px 0 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; text-align: center; max-width: 100%; } .wp-caption.alignnone { margin: 15px 15px 30px 0; } .wp-caption.alignleft { margin: 15px 15px 30px 0; } .wp-caption.alignright { margin: 15px 0 30px 15px; } .wp-caption img { border: 0 none; height: auto; margin: 0; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 0.9em; font-style: italic; opacity: 0.7; line-height: 17px; margin: 1em 0 0 0; padding: 0 10%; } .wp-post-image { height: auto; max-width: 100%; } .sticky { opacity: 1; } .bypostauthor { opacity: 1; } /** * 5.4 Galleries * ---------------------------------------------------------------------------- */ .gallery { margin-bottom: 20px; margin-left: -4px; } .gallery:before { content: ""; display: table; } .gallery:after { clear: both; content: ""; display: block; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(21%); max-width: calc(21%); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(16%); max-width: calc(16%); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(12.7%); max-width: calc(12.7%); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(10.28%); max-width: calc(10.28%); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(8.5%); max-width: calc(8.5%); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(7.1%); max-width: calc(7.1%); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; position: absolute; bottom: 0; left: 0; text-align: left; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; } .gallery-caption:before { box-shadow: 0 -10px 15px #000000 inset; content: ""; height: 100%; min-height: 49px; position: absolute; left: 0; top: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .overflow-hidden { overflow: hidden !important; } .transition3s { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .g5plus-page-links { font-size: 0; } .g5plus-page-links-title { font-size: 14px; font-family: 'Montserrat'; text-transform: uppercase; font-weight: 400; line-height: 1.2; letter-spacing: 0.05em; margin-right: 15px; } .g5plus-page-link { font-family: 'Montserrat'; display: inline-block; margin-right: 4px; font-size: 14px; padding: 0; width: 40px; height: 40px; text-align: center; line-height: 38px; border: 1px solid #eeeeee; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .g5plus-page-links .g5plus-page-link:hover, .g5plus-page-links > .g5plus-page-link { color: #fff; background-color: #10b765; border-color: #10b765; } .pd-top-10 { padding-top: 70px; } .pd-top-20 { padding-top: 70px; } .pd-top-30 { padding-top: 70px; } .pd-top-40 { padding-top: 70px; } .pd-top-50 { padding-top: 70px; } .pd-top-60 { padding-top: 70px; } .pd-top-70 { padding-top: 70px; } .pd-top-80 { padding-top: 70px; } .pd-top-90 { padding-top: 70px; } .pd-bottom-10 { padding-bottom: 70px; } .pd-bottom-20 { padding-bottom: 70px; } .pd-bottom-30 { padding-bottom: 70px; } .pd-bottom-40 { padding-bottom: 70px; } .pd-bottom-50 { padding-bottom: 70px; } .pd-bottom-60 { padding-bottom: 70px; } .pd-bottom-70 { padding-bottom: 70px; } .pd-bottom-80 { padding-bottom: 70px; } .pd-bottom-90 { padding-bottom: 70px; } /** * 2.0 - Template * ---------------------------------------------------------------------------- */ body { overflow-x: hidden; } img { max-width: 100%; height: auto; } a, a:focus, a:hover { outline: none; text-decoration: none; } body { line-height: 1.8; -webkit-font-smoothing: antialiased; color: #444444; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; margin-top: 0; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.05em; } h1, h2 { letter-spacing: 0; } p { font-weight: 400; margin: 0 0 30px 0; padding: 0; line-height: 2.2; letter-spacing: 0.05em; } h1.hmb, h2.hmb, h3.hmb, h4.hmb, h5.hmb, h6.hmb, p.hmb, q.hmb { margin-bottom: 40px; } .container .container, .has-sidebar .site-content-page-inner .container, .has-sidebar .site-content-archive-inner .container { padding: 0; } .gray { background-color: #FAFAFA; color: #444; } .light { background-color: #fff; color: #444; } .dark { background-color: #222; color: #fff; } .bg-primary { background-color: #10b765; } .bg-secondary { background-color: #00bbff; } .container { max-width: 100%; } @media (min-width: 1200px) { .container { width: 1200px; } } #wrapper { background-color: #fff; } body.boxed #wrapper { max-width: 1200px; margin: auto; position: relative; } @media only screen and (min-width: 768px) { body.float { padding: 20px !important; } } div, iframe, img { margin: 0; padding: 0; } ::selection { color: #ffffff; } ::-moz-selection { color: #ffffff; } a, a:hover, a.active { color: inherit; text-decoration: none; outline: none; } a:hover { color: #10b765; } a:focus, a.active { color: #10b765; } input, textarea, button, select { outline: none; } .fl { float: left; } .fr { float: right; } .text-uppercase { text-transform: uppercase; } .bolder { font-weight: 700; } .semi-bold { font-weight: 500; } .spacing-50 { letter-spacing: 0.05em; } .spacing-100 { letter-spacing: 0.1em; } .fz-12 { font-size: 12px; } .fz-13 { font-size: 13px; } .fz-14 { font-size: 14px; } .fz-15 { font-size: 15px; } .fz-16 { font-size: 16px; } .fz-17 { font-size: 17px; } .fz-18 { font-size: 18px; } .fz-19 { font-size: 19px; } .fz-20 { font-size: 20px; } .fz-21 { font-size: 21px; } .fz-22 { font-size: 22px; } .fz-23 { font-size: 23px; } .fz-24 { font-size: 24px; } .under-construction-style-2 input[type="email"] { background-color: rgba(255, 255, 255, 0.7); color: #000; } .main-footer .construction .mc4wp-form input { width: 100%; margin-top: 20px; } .main-footer .construction .mc4wp-form input[type="submit"] { color: #000; border: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main-footer .construction .mc4wp-form input[type="submit"]:hover { background-color: #333; color: #fff; } /*------------------------------------- INPUT ---------------------------------------*/ input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"], textarea, select { font-family: 'Montserrat'; padding: 0 20px; font-size: 13px; letter-spacing: 0.1em; color: #888; height: 50px; line-height: 1; background-color: #fff; border: 1px solid #ddd; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } input[type="text"] ::-webkit-input-placeholder, input[type="search"] ::-webkit-input-placeholder, input[type="email"] ::-webkit-input-placeholder, input[type="url"] ::-webkit-input-placeholder, input[type="password"] ::-webkit-input-placeholder, input[type="tel"] ::-webkit-input-placeholder, textarea ::-webkit-input-placeholder, select ::-webkit-input-placeholder { color: #888; } input[type="text"] :-moz-placeholder, input[type="search"] :-moz-placeholder, input[type="email"] :-moz-placeholder, input[type="url"] :-moz-placeholder, input[type="password"] :-moz-placeholder, input[type="tel"] :-moz-placeholder, textarea :-moz-placeholder, select :-moz-placeholder { color: #888; } input[type="text"] ::-moz-placeholder, input[type="search"] ::-moz-placeholder, input[type="email"] ::-moz-placeholder, input[type="url"] ::-moz-placeholder, input[type="password"] ::-moz-placeholder, input[type="tel"] ::-moz-placeholder, textarea ::-moz-placeholder, select ::-moz-placeholder { color: #888; } input[type="text"] :-ms-input-placeholder, input[type="search"] :-ms-input-placeholder, input[type="email"] :-ms-input-placeholder, input[type="url"] :-ms-input-placeholder, input[type="password"] :-ms-input-placeholder, input[type="tel"] :-ms-input-placeholder, textarea :-ms-input-placeholder, select :-ms-input-placeholder { color: #888; } input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus, select:focus { border-color: #10b765; } textarea { height: auto; padding-top: 15px; } select { max-width: 100%; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("http://localhost/themes/megatron/wp-content/themes/megatron/assets/images/arrow-down.png"); background-repeat: no-repeat; background-position: 98%; background-position: calc(100% - 15px); } select::-ms-expand { display: none; } .block-center:before { content: ""; height: 100%; vertical-align: middle; display: inline-block; } .block-center { height: 100%; width: 100%; text-align: center; } .block-center-inner { display: inline-block; margin: 0 auto; position: relative; /*text-align: left;*/ vertical-align: middle; max-width: 95%; } .block-center-inner > * { margin: auto; } .error404 section.page-title-wrap { margin-bottom: 0; } .error404 .page-title-inner { font-size: 32px; } .page404 { margin-top: 130px; margin-bottom: 130px; } .page404 .content-wrap { text-align: center; } .page404 h2 { text-align: center; font-size: 80px; font-weight: 400; line-height: 1; display: inline-block; margin-bottom: 35px; color: #444; } .page404 h4.description { text-align: center; font-size: 24px; font-weight: 400; line-height: 1; text-transform: none; color: #444; margin-bottom: 0; } .page404 div.return { text-align: center; font-size: 20px; line-height: 1; display: inline-block; position: relative; margin-top: 45px; } .page404 div.return a { padding-left: 45px; padding-right: 45px; } .back-to-top { position: fixed; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); bottom: 10px; right: 10px; width: 44px; height: 44px; line-height: 44px; text-align: center; z-index: 2; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border: 2px solid #1e1e1e; color: #1e1e1e; background-color: #f5f5f5; } .back-to-top i { font-size: 22px; } .back-to-top:hover { text-decoration: none; color: #1e1e1e; } .back-to-top.in { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } @media only screen and (min-width: 768px) { body.float .back-to-top { bottom: 30px; right: 30px; } } .under-construction-wrap { background-color: #eee; } .under-construction-wrap .logo { background-color: #fff; text-align: center; padding-top: 30px; padding-bottom: 46px; } .under-construction-wrap .page-title-margin-bottom { margin-bottom: 140px; } .under-construction-wrap .social a { height: 30px; width: 30px; background-color: #555; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; margin-right: 10px; display: inline-block; text-align: center; } .ps-container > .ps-scrollbar-y-rail, .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { width: 5px; } #wrapper-content { background-color: #fff; z-index: 1; position: relative; overflow: hidden; width: 100%; } .site-loading { position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; display: none; -webkit-transition: opacity 600ms ease 200ms; -moz-transition: opacity 600ms ease 200ms; -ms-transition: opacity 600ms ease 200ms; -o-transition: opacity 600ms ease 200ms; transition: opacity 600ms ease 200ms; } body.page-loading .site-loading { opacity: 1; display: block; } .logo-loading { margin-bottom: 30px; } .wpb_map_wraper iframe { display: block; pointer-events: none; } .wpb_gmaps_widget .wpb_wrapper { padding: 0; } /*---------------------------------- Custom Revolution slider -----------------------------------*/ .tparrows.preview1 { width: 34px; } .tparrows.preview1:after { width: 34px; font-size: 26px; font-family: "fontawesome"; background: rgba(0, 0, 0, 0.4); } .tp-leftarrow.preview1:after { content: "\f104"; } .tp-rightarrow.preview1:after { content: "\f105"; } .tparrows.preview1:hover .tp-arr-iwrapper { opacity: 0; } .tparrows.preview1:hover:after { color: #fff; } .toggle-icon-wrapper { cursor: pointer; display: inline-block; vertical-align: middle; } .toggle-icon-wrapper:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .toggle-icon-wrapper .toggle-icon { display: inline-block; height: 30px; position: relative; vertical-align: middle; width: 24px; } .toggle-icon-wrapper .toggle-icon > span { background: none repeat scroll 0 0 #000; bottom: 0; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; } .toggle-icon-wrapper .toggle-icon:after, .toggle-icon-wrapper .toggle-icon:before { background-color: #000; content: ""; height: 2px; left: 0; margin: auto; position: absolute; right: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; } .toggle-icon-wrapper .toggle-icon:before { top: 20%; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; } .toggle-icon-wrapper .toggle-icon:after { bottom: 20%; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; } .toggle-icon-wrapper + span { vertical-align: middle; text-transform: uppercase; } .toggle-icon-wrapper.in .toggle-icon span { opacity: 0; } .toggle-icon-wrapper.in .toggle-icon:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .toggle-icon-wrapper.in .toggle-icon:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /*------------------------- Loading ---------------------------*/ .loading-wrapper { position: fixed; display: block; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 99999; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .spinner-double-section-far { display: block; width: 50px; height: 50px; border-radius: 50%; border: 3.125px solid #aaa; -webkit-animation: spinner 1.2s linear infinite; -moz-animation: spinner 1.2s linear infinite; -ms-animation: spinner 1.2s linear infinite; -o-animation: spinner 1.2s linear infinite; animation: spinner 1.2s linear infinite; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .spinner-double-section-far:before, .spinner-double-section-far:after { content: ''; position: absolute; top: -3.125px; left: -3.125px; display: block; width: 50px; height: 50px; border-radius: 50%; border: 3.125px solid transparent; border-top-color: tomato; } #lang_sel ul { margin: 0; padding: 0; list-style: none; position: relative; } #lang_sel ul ul { display: none; position: absolute; top: 100%; left: 0; z-index: 9999; background-color: #fff; min-width: 150px; padding: 15px; -webkit-box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3); box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3); font-size: 12px; } #lang_sel ul ul li { line-height: 34px; text-align: left; color: #444; } #lang_sel:hover ul { display: block; } .top-bar-info { list-style: none; display: inline-block; vertical-align: middle; margin: 0; padding: 0; } .top-bar-info li { display: inline-block; vertical-align: middle; } .top-bar-info li + li { margin-left: 20px; } .top-bar-info li i.fa { color: #10b765; } /* MODAL SEARCH /*-------------------------*/ #g5plus-modal-search { z-index: 999999; overflow: auto; font-family: 'Playfair Display'; } #g5plus-modal-search.modal.in .modal-backdrop.in { opacity: 0.98; height: 100%; position: fixed; z-index: -1; background-color: #fff; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #g5plus-modal-search.modal.in .g5plus-modal-dialog { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } #g5plus-modal-search .g5plus-modal-dialog { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: auto; } #g5plus-modal-search .g5plus-dismiss-modal { position: absolute; right: 30px; top: 30px; font-size: 36px; line-height: 1; color: inherit; z-index: 1040; cursor: pointer; } #g5plus-modal-search .g5plus-modal-search { padding: 80px 30px 60px; } #g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper { position: relative; width: 100%; font-size: 24px; color: inherit; background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.2); max-width: 1140px; display: block; margin-right: auto; margin-left: auto; } #g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper:before, #g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper:after { content: " "; display: table; } #g5plus-modal-search .g5plus-modal-search .g5plus-search-wrapper:after { clear: both; } #g5plus-modal-search .g5plus-modal-search input[type="search"] { border: none; outline: none; display: block; float: left; width: 100%; padding-right: 60px; padding-left: 20px; background-color: transparent; font-size: 22px; font-family: 'Playfair Display'; color: inherit; } #g5plus-modal-search .g5plus-modal-search button { position: absolute; display: block; color: inherit; bottom: 5px; right: 0; line-height: 1; border: none; outline: none; font-size: 24px; background-color: transparent; } #g5plus-modal-search .ajax-search-result { margin: auto; max-width: 1140px; background: rgba(77, 77, 77, 0.1); } #g5plus-modal-search .ajax-search-result > ul { list-style: none; position: relative; padding: 0; margin: 0; } #g5plus-modal-search .ajax-search-result li { padding: 7px 20px; color: inherit; font-size: 16px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #g5plus-modal-search .ajax-search-result li:hover, #g5plus-modal-search .ajax-search-result li.selected { background-color: rgba(127, 127, 127, 0.1); } #g5plus-modal-search .ajax-search-result li > a { color: #333; } #g5plus-modal-search .ajax-search-result li + li { border-top: dotted 1px rgba(77, 77, 77, 0.1); } #g5plus-modal-search .ajax-search-result li.search-view-more { font-size: 16px; font-style: italic; } #g5plus-modal-search .ajax-search-result li.search-view-more a { text-decoration: underline; } #g5plus-modal-search .ajax-search-result li span { color: #555; float: right; } #g5plus-modal-search i.ajax-search-icon { color: inherit; } #g5plus-modal-search div.search-view-more { background-color: rgba(255, 255, 0, 0.1); padding: 5px 20px; border-top: solid 1px rgba(0, 0, 0, 0.3); font-size: 14px; text-align: center; } #g5plus-modal-search div.search-view-more i.micon { vertical-align: middle; } #search_popup_wrapper button.action { background-color: #10b765; opacity: 0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #search_popup_wrapper button.action:hover { opacity: 1; } #search_popup_wrapper input[type="text"] { display: inline-block; width: 90%; margin-top: 20px; padding: 1em; height: auto; } #search_popup_wrapper button[type="submit"] { margin-top: 20px; padding: 0.3em 2em; background-color: #10b765; color: #fff; border: none; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #search_popup_wrapper button[type="submit"]:hover { background-color: #000; } nav.canvas-menu-wrapper { position: fixed; z-index: 999; top: 0; left: 100%; bottom: 0; width: 270px; transform: translateX(0); overflow: hidden; padding: 30px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } nav.canvas-menu-wrapper.in { transform: translateX(-100%); } nav.canvas-menu-wrapper .canvas-menu-close { position: absolute; top: 10px; right: 10px; font-size: 18px; cursor: pointer; } nav.canvas-menu-wrapper.dark { background: #000; color: #fff; } nav.canvas-menu-wrapper.dark .widget_archive > ul, nav.canvas-menu-wrapper.dark .widget_categories > ul, nav.canvas-menu-wrapper.dark .widget_pages > ul, nav.canvas-menu-wrapper.dark .widget_nav_menu > div > ul, nav.canvas-menu-wrapper.dark .woocommerce .widget_product_categories > ul, nav.canvas-menu-wrapper.dark .wc-block-product-categories > ul, nav.canvas-menu-wrapper.dark .widget_layered_nav > ul { border-bottom-color: rgba(255, 255, 255, 0.2); } nav.canvas-menu-wrapper.dark ul.wp-block-page-list, nav.canvas-menu-wrapper.dark ul.wp-block-archives-list, nav.canvas-menu-wrapper.dark ul.wp-block-categories-list { border-bottom-color: rgba(255, 255, 255, 0.2); } nav.canvas-menu-wrapper.dark li + li, nav.canvas-menu-wrapper.dark .widget_posts_item + .widget_posts_item { border-top-color: rgba(255, 255, 255, 0.2); } nav.canvas-menu-wrapper.dark .widget_categories ul ul, nav.canvas-menu-wrapper.dark .widget_pages ul ul, nav.canvas-menu-wrapper.dark .widget_nav_menu > div ul ul, nav.canvas-menu-wrapper.dark .widget_product_categories ul ul, nav.canvas-menu-wrapper.dark .wc-block-product-categories ul ul { border-top-color: rgba(255, 255, 255, 0.2); } nav.canvas-menu-wrapper.dark ul.wp-block-page-list ul, nav.canvas-menu-wrapper.dark ul.wp-block-archives-list ul, nav.canvas-menu-wrapper.dark ul.wp-block-categories-list ul { border-top-color: rgba(255, 255, 255, 0.2); } body.admin-bar nav.canvas-menu-wrapper { top: 32px; } .spinner-double-section-far:after { border-top-color: transparent; border-bottom-color: tomato; } .spinner-double-section-far:before, .spinner-double-section-far:after { top: -9.375px; left: -9.375px; width: 62.5px; height: 62.5px; } .modal { z-index: 99999; } .modal-content { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .modal-backdrop { background: rgba(0, 0, 0, 0.5); } .modal-backdrop.in { opacity: 1; } .popup-close { position: absolute; top: 10px; right: 10px; color: #FFFFFF; font-size: 24px; display: block; line-height: 1; } .text-align-right { text-align: right; } .text-align-left { text-align: left; } .social.icon { line-height: 1; } .social.icon a { width: 30px; height: 30px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #999; text-align: center; margin-right: 10px; line-height: 30px; } .social.icon a i { color: #fff; } .social.icon-text { line-height: 1; } .social.icon-text a { display: inline-block; text-align: center; margin-right: 10px; border-right: solid 1px #ddd; line-height: 1; } .social.icon-text a span { text-transform: uppercase; color: #777; padding-right: 10px; font-size: 11px; } .social.icon-text a:last-child { border: none; } .social.icon-text a:last-child span { padding-right: 0; } .center { text-align: center; } /*--------Contact Form 7 Slider*/ .contact-form-7-slider-wrap { background-color: #fff; padding: 10px; width: 444px; } .contact-form-7-slider-wrap .contact-form-7-slider-inner { padding: 45px 25px; border-style: solid; border-width: 1px; } .contact-form-7-slider-wrap h3.title { font-size: 35px; text-align: center; margin-bottom: 15px; } .contact-form-7-slider-wrap .form-contact-wrap { margin: 0 -5px; } .contact-form-7-slider-wrap span.wpcf7-form-control-wrap, .contact-form-7-slider-wrap .form-submit { float: left; padding: 0 5px; margin-bottom: 10px; width: 100%; } .contact-form-7-slider-wrap span.wpcf7-form-control-wrap.your-name, .contact-form-7-slider-wrap .form-submit.your-name, .contact-form-7-slider-wrap span.wpcf7-form-control-wrap.your-email, .contact-form-7-slider-wrap .form-submit.your-email { width: 50%; } .contact-form-7-slider-wrap input { width: 100%; } .contact-form-7-slider-wrap span.wpcf7-not-valid-tip { font-size: 12px; white-space: normal; } .contact-form-7-slider-wrap .form-submit { text-align: right; margin-top: 5px; } .contact-form-7-slider-wrap .form-submit input[type="submit"] { background-color: transparent; padding: 0; text-decoration: underline; font-size: 15px; width: auto; } .contact-form-7-slider-wrap .form-submit input[type="submit"]:hover { background-color: transparent; } .contact-form-7-slider-wrap .wpcf7-textarea { height: 100px; } @media only screen and (max-width: 350px) { .page404 { margin-top: 15px; margin-bottom: 15px; } .page404 .content-wrap { padding: 15px; } .page404 h2 { font-size: 60px; } .page404 h4.description, .page404 div.return { font-size: 15px; } } .owl-carousel .owl-item { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-15 { padding-top: 15px; } @media screen and (max-width: 991px) { .margin-bottom-20, .margin-bottom-25, .margin-bottom-30, .margin-bottom-35 { margin-bottom: 15px !important; } .margin-bottom-40 { margin-bottom: 20px !important; } .margin-bottom-45 { margin-bottom: 25px !important; } .margin-bottom-50 { margin-bottom: 30px !important; } .margin-bottom-55 { margin-bottom: 35px !important; } .margin-bottom-60 { margin-bottom: 40px !important; } .margin-bottom-65 { margin-bottom: 45px !important; } .margin-bottom-70 { margin-bottom: 50px !important; } .margin-bottom-75 { margin-bottom: 55px !important; } .margin-bottom-80 { margin-bottom: 60px !important; } .margin-bottom-85 { margin-bottom: 65px !important; } .margin-bottom-90 { margin-bottom: 70px !important; } .margin-bottom-95 { margin-bottom: 75px !important; } .margin-bottom-100 { margin-bottom: 80px !important; } .margin-bottom-105 { margin-bottom: 85px !important; } .margin-bottom-110 { margin-bottom: 90px !important; } .margin-bottom-115 { margin-bottom: 95px !important; } .margin-bottom-120 { margin-bottom: 100px !important; } .margin-bottom-125 { margin-bottom: 105px !important; } .margin-bottom-130 { margin-bottom: 110px !important; } .margin-bottom-135 { margin-bottom: 115px !important; } .margin-bottom-140 { margin-bottom: 120px !important; } .margin-bottom-145 { margin-bottom: 125px !important; } .margin-bottom-150 { margin-bottom: 130px !important; } .margin-top-20, .margin-top-25, .margin-top-30, .margin-top-35 { margin-top: 15px !important; } .margin-top-40 { margin-top: 20px !important; } .margin-top-45 { margin-top: 25px !important; } .margin-top-50 { margin-top: 30px !important; } .margin-top-55 { margin-top: 35px !important; } .margin-top-60 { margin-top: 40px !important; } .margin-top-65 { margin-top: 45px !important; } .margin-top-70 { margin-top: 50px !important; } .margin-top-75 { margin-top: 55px !important; } .margin-top-80 { margin-top: 60px !important; } .margin-top-85 { margin-top: 65px !important; } .margin-top-90 { margin-top: 70px !important; } .margin-top-95 { margin-top: 75px !important; } .margin-top-100 { margin-top: 80px !important; } .margin-top-105 { margin-top: 85px !important; } .margin-top-110 { margin-top: 90px !important; } .margin-top-115 { margin-top: 95px !important; } .margin-top-120 { margin-top: 100px !important; } .margin-top-125 { margin-top: 105px !important; } .margin-top-130 { margin-top: 110px !important; } .margin-top-135 { margin-top: 115px !important; } .margin-top-140 { margin-top: 120px !important; } .margin-top-145 { margin-top: 125px !important; } .margin-top-150 { margin-top: 135px !important; } .padding-bottom-20, .padding-bottom-25, .padding-bottom-30, .padding-bottom-35 { padding-bottom: 15px !important; } .padding-bottom-40 { padding-bottom: 20px !important; } .padding-bottom-45 { padding-bottom: 25px !important; } .padding-bottom-50 { padding-bottom: 30px !important; } .padding-bottom-55 { padding-bottom: 35px !important; } .padding-bottom-60 { padding-bottom: 40px !important; } .padding-bottom-65 { padding-bottom: 45px !important; } .padding-bottom-70 { padding-bottom: 50px !important; } .padding-bottom-75 { padding-bottom: 55px !important; } .padding-bottom-80 { padding-bottom: 60px !important; } .padding-bottom-85 { padding-bottom: 65px !important; } .padding-bottom-90 { padding-bottom: 70px !important; } .padding-bottom-95 { padding-bottom: 75px !important; } .padding-bottom-100 { padding-bottom: 80px !important; } .padding-bottom-105 { padding-bottom: 85px !important; } .padding-bottom-110 { padding-bottom: 90px !important; } .padding-bottom-115 { padding-bottom: 95px !important; } .padding-bottom-120 { padding-bottom: 100px !important; } .padding-bottom-125 { padding-bottom: 105px !important; } .padding-bottom-130 { padding-bottom: 110px !important; } .padding-bottom-135 { padding-bottom: 115px !important; } .padding-bottom-140 { padding-bottom: 120px !important; } .padding-bottom-145 { padding-bottom: 125px !important; } .padding-bottom-150 { padding-bottom: 130px !important; } .padding-top-20, .padding-top-25, .padding-top-30, .padding-top-35 { padding-top: 15px !important; } .padding-top-40 { padding-top: 20px !important; } .padding-top-45 { padding-top: 25px !important; } .padding-top-50 { padding-top: 30px !important; } .padding-top-55 { padding-top: 35px !important; } .padding-top-60 { padding-top: 40px !important; } .padding-top-65 { padding-top: 45px !important; } .padding-top-70 { padding-top: 50px !important; } .padding-top-75 { padding-top: 55px !important; } .padding-top-80 { padding-top: 60px !important; } .padding-top-85 { padding-top: 65px !important; } .padding-top-90 { padding-top: 70px !important; } .padding-top-95 { padding-top: 75px !important; } .padding-top-100 { padding-top: 80px !important; } .padding-top-105 { padding-top: 85px !important; } .padding-top-110 { padding-top: 90px !important; } .padding-top-115 { padding-top: 95px !important; } .padding-top-120 { padding-top: 100px !important; } .padding-top-125 { padding-top: 105px !important; } .padding-top-130 { padding-top: 110px !important; } .padding-top-135 { padding-top: 115px !important; } .padding-top-140 { padding-top: 120px !important; } .padding-top-145 { padding-top: 125px !important; } .padding-top-150 { padding-top: 135px !important; } } @media screen and (max-width: 480px) { .margin-bottom-20, .margin-bottom-25, .margin-bottom-30, .margin-bottom-35, .margin-bottom-40, .margin-bottom-45 { margin-bottom: 15px !important; } .margin-bottom-50 { margin-bottom: 20px !important; } .margin-bottom-55 { margin-bottom: 25px !important; } .margin-bottom-60 { margin-bottom: 30px !important; } .margin-bottom-65 { margin-bottom: 35px !important; } .margin-bottom-70 { margin-bottom: 40px !important; } .margin-bottom-75 { margin-bottom: 45px !important; } .margin-bottom-80 { margin-bottom: 50px !important; } .margin-bottom-85 { margin-bottom: 55px !important; } .margin-bottom-90 { margin-bottom: 60px !important; } .margin-bottom-95 { margin-bottom: 65px !important; } .margin-bottom-100 { margin-bottom: 70px !important; } .margin-bottom-105 { margin-bottom: 75px !important; } .margin-bottom-110 { margin-bottom: 80px !important; } .margin-bottom-115 { margin-bottom: 85px !important; } .margin-bottom-120 { margin-bottom: 90px !important; } .margin-bottom-125 { margin-bottom: 95px !important; } .margin-bottom-130 { margin-bottom: 100px !important; } .margin-bottom-135 { margin-bottom: 105px !important; } .margin-bottom-140 { margin-bottom: 110px !important; } .margin-bottom-145 { margin-bottom: 115px !important; } .margin-bottom-150 { margin-bottom: 120px !important; } .margin-top-20, .margin-top-25, .margin-top-30, .margin-top-35, .margin-top-40, .margin-top-45 { margin-top: 15px !important; } .margin-top-50 { margin-top: 20px !important; } .margin-top-55 { margin-top: 25px !important; } .margin-top-60 { margin-top: 30px !important; } .margin-top-65 { margin-top: 35px !important; } .margin-top-70 { margin-top: 40px !important; } .margin-top-75 { margin-top: 45px !important; } .margin-top-80 { margin-top: 50px !important; } .margin-top-85 { margin-top: 55px !important; } .margin-top-90 { margin-top: 60px !important; } .margin-top-95 { margin-top: 65px !important; } .margin-top-100 { margin-top: 70px !important; } .margin-top-105 { margin-top: 75px !important; } .margin-top-110 { margin-top: 80px !important; } .margin-top-115 { margin-top: 85px !important; } .margin-top-120 { margin-top: 90px !important; } .margin-top-125 { margin-top: 95px !important; } .margin-top-130 { margin-top: 100px !important; } .margin-top-135 { margin-top: 105px !important; } .margin-top-140 { margin-top: 110px !important; } .margin-top-145 { margin-top: 115px !important; } .margin-top-150 { margin-top: 120px !important; } .padding-bottom-20, .padding-bottom-25, .padding-bottom-30, .padding-bottom-35, .padding-bottom-40, .padding-bottom-45 { padding-bottom: 15px !important; } .padding-bottom-50 { padding-bottom: 20px !important; } .padding-bottom-55 { padding-bottom: 25px !important; } .padding-bottom-60 { padding-bottom: 30px !important; } .padding-bottom-65 { padding-bottom: 35px !important; } .padding-bottom-70 { padding-bottom: 40px !important; } .padding-bottom-75 { padding-bottom: 45px !important; } .padding-bottom-80 { padding-bottom: 50px !important; } .padding-bottom-85 { padding-bottom: 55px !important; } .padding-bottom-90 { padding-bottom: 60px !important; } .padding-bottom-95 { padding-bottom: 65px !important; } .padding-bottom-100 { padding-bottom: 70px !important; } .padding-bottom-105 { padding-bottom: 75px !important; } .padding-bottom-110 { padding-bottom: 80px !important; } .padding-bottom-115 { padding-bottom: 85px !important; } .padding-bottom-120 { padding-bottom: 90px !important; } .padding-bottom-125 { padding-bottom: 95px !important; } .padding-bottom-130 { padding-bottom: 100px !important; } .padding-bottom-135 { padding-bottom: 105px !important; } .padding-bottom-140 { padding-bottom: 110px !important; } .padding-bottom-145 { padding-bottom: 115px !important; } .padding-bottom-150 { padding-bottom: 120px !important; } .padding-top-20, .padding-top-25, .padding-top-30, .padding-top-35, .padding-top-40, .padding-top-45 { padding-top: 15px !important; } .padding-top-50 { padding-top: 20px !important; } .padding-top-55 { padding-top: 25px !important; } .padding-top-60 { padding-top: 30px !important; } .padding-top-65 { padding-top: 35px !important; } .padding-top-70 { padding-top: 40px !important; } .padding-top-75 { padding-top: 45px !important; } .padding-top-80 { padding-top: 50px !important; } .padding-top-85 { padding-top: 55px !important; } .padding-top-90 { padding-top: 60px !important; } .padding-top-95 { padding-top: 65px !important; } .padding-top-100 { padding-top: 70px !important; } .padding-top-105 { padding-top: 75px !important; } .padding-top-110 { padding-top: 80px !important; } .padding-top-115 { padding-top: 85px !important; } .padding-top-120 { padding-top: 90px !important; } .padding-top-125 { padding-top: 95px !important; } .padding-top-130 { padding-top: 100px !important; } .padding-top-135 { padding-top: 105px !important; } .padding-top-140 { padding-top: 110px !important; } .padding-top-145 { padding-top: 115px !important; } .padding-top-150 { padding-top: 120px !important; } } @media screen and (min-width: 992px) { .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-35 { margin-bottom: 35px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-45 { margin-bottom: 45px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-55 { margin-bottom: 55px !important; } .margin-bottom-60 { margin-bottom: 60px !important; } .margin-bottom-65 { margin-bottom: 65px !important; } .margin-bottom-70 { margin-bottom: 70px !important; } .margin-bottom-75 { margin-bottom: 75px !important; } .margin-bottom-80 { margin-bottom: 80px !important; } .margin-bottom-85 { margin-bottom: 85px !important; } .margin-bottom-90 { margin-bottom: 90px !important; } .margin-bottom-95 { margin-bottom: 95px !important; } .margin-bottom-100 { margin-bottom: 100px !important; } .margin-bottom-105 { margin-bottom: 105px !important; } .margin-bottom-110 { margin-bottom: 110px !important; } .margin-bottom-115 { margin-bottom: 115px !important; } .margin-bottom-120 { margin-bottom: 120px !important; } .margin-bottom-125 { margin-bottom: 125px !important; } .margin-bottom-130 { margin-bottom: 130px !important; } .margin-bottom-135 { margin-bottom: 135px !important; } .margin-bottom-140 { margin-bottom: 140px !important; } .margin-bottom-145 { margin-bottom: 145px !important; } .margin-bottom-150 { margin-bottom: 150px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-35 { margin-top: 35px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-45 { margin-top: 45px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-top-55 { margin-top: 55px !important; } .margin-top-60 { margin-top: 60px !important; } .margin-top-65 { margin-top: 65px !important; } .margin-top-70 { margin-top: 70px !important; } .margin-top-75 { margin-top: 75px !important; } .margin-top-80 { margin-top: 80px !important; } .margin-top-85 { margin-top: 85px !important; } .margin-top-90 { margin-top: 90px !important; } .margin-top-95 { margin-top: 95px !important; } .margin-top-100 { margin-top: 100px !important; } .margin-top-105 { margin-top: 105px !important; } .margin-top-110 { margin-top: 110px !important; } .margin-top-115 { margin-top: 115px !important; } .margin-top-120 { margin-top: 120px !important; } .margin-top-125 { margin-top: 125px !important; } .margin-top-130 { margin-top: 130px !important; } .margin-top-135 { margin-top: 135px !important; } .margin-top-140 { margin-top: 140px !important; } .margin-top-145 { margin-top: 145px !important; } .margin-top-150 { margin-top: 150px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-25 { padding-bottom: 25px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-35 { padding-bottom: 35px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-bottom-45 { padding-bottom: 45px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .padding-bottom-55 { padding-bottom: 55px !important; } .padding-bottom-60 { padding-bottom: 60px !important; } .padding-bottom-65 { padding-bottom: 65px !important; } .padding-bottom-70 { padding-bottom: 70px !important; } .padding-bottom-75 { padding-bottom: 75px !important; } .padding-bottom-80 { padding-bottom: 80px !important; } .padding-bottom-85 { padding-bottom: 85px !important; } .padding-bottom-90 { padding-bottom: 90px !important; } .padding-bottom-95 { padding-bottom: 95px !important; } .padding-bottom-100 { padding-bottom: 100px !important; } .padding-bottom-105 { padding-bottom: 105px !important; } .padding-bottom-110 { padding-bottom: 110px !important; } .padding-bottom-115 { padding-bottom: 115px !important; } .padding-bottom-120 { padding-bottom: 120px !important; } .padding-bottom-125 { padding-bottom: 125px !important; } .padding-bottom-130 { padding-bottom: 130px !important; } .padding-bottom-135 { padding-bottom: 135px !important; } .padding-bottom-140 { padding-bottom: 140px !important; } .padding-bottom-145 { padding-bottom: 145px !important; } .padding-bottom-150 { padding-bottom: 150px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-25 { padding-top: 25px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-35 { padding-top: 35px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-top-45 { padding-top: 45px !important; } .padding-top-50 { padding-top: 50px !important; } .padding-top-55 { padding-top: 55px !important; } .padding-top-60 { padding-top: 60px !important; } .padding-top-65 { padding-top: 65px !important; } .padding-top-70 { padding-top: 70px !important; } .padding-top-75 { padding-top: 75px !important; } .padding-top-80 { padding-top: 80px !important; } .padding-top-85 { padding-top: 85px !important; } .padding-top-90 { padding-top: 90px !important; } .padding-top-95 { padding-top: 95px !important; } .padding-top-100 { padding-top: 100px !important; } .padding-top-105 { padding-top: 105px !important; } .padding-top-110 { padding-top: 110px !important; } .padding-top-115 { padding-top: 115px !important; } .padding-top-120 { padding-top: 120px !important; } .padding-top-125 { padding-top: 125px !important; } .padding-top-130 { padding-top: 130px !important; } .padding-top-135 { padding-top: 135px !important; } .padding-top-140 { padding-top: 140px !important; } .padding-top-145 { padding-top: 145px !important; } .padding-top-150 { padding-top: 150px !important; } } .height-1000 { height: 1000px; } .height-900 { height: 900px; } .height-800 { height: 800px; } .height-700 { height: 700px; } .height-600 { height: 600px; } .height-500 { height: 500px; } .height-400 { height: 400px; } .height-300 { height: 300px; } .height-200 { height: 200px; } .height-100 { height: 100px; } .comming-soon .bg-image { background-position: top center !important; } .comming-soon .vc_sep_line { border-top-color: rgba(255, 255, 255, 0.3) !important; } @media (min-width: 992px) { .md-padding-right-100 { padding-right: 100px; } .md-padding-left-100 { padding-left: 100px; } } @media (max-width: 1199px) { .md-margin-bottom-15 { margin-bottom: 15px !important; } .md-margin-bottom-30 { margin-bottom: 30px !important; } .md-margin-bottom-40 { margin-bottom: 40px !important; } .md-margin-bottom-50 { margin-bottom: 50px !important; } } @media (max-width: 991px) { .sm-margin-bottom-15 { margin-bottom: 15px !important; } .sm-margin-bottom-30 { margin-bottom: 30px !important; } .sm-margin-bottom-40 { margin-bottom: 40px !important; } .sm-margin-bottom-50 { margin-bottom: 50px !important; } .sm-padding-bottom-15 { padding-bottom: 15px !important; } .sm-padding-bottom-30 { padding-bottom: 30px !important; } .sm-padding-bottom-40 { padding-bottom: 40px !important; } .sm-padding-bottom-50 { padding-bottom: 50px !important; } .sm-height-1000 { height: 1000px; } .sm-height-900 { height: 900px; } .sm-height-800 { height: 800px; } .sm-height-700 { height: 700px; } .sm-height-600 { height: 600px; } .sm-height-500 { height: 500px; } .sm-height-400 { height: 400px; } .sm-height-300 { height: 300px; } .sm-height-200 { height: 200px; } .sm-height-100 { height: 100px; } } @media (max-width: 767px) { .xs-margin-bottom-15 { margin-bottom: 15px !important; } .xs-margin-bottom-30 { margin-bottom: 30px !important; } .xs-margin-bottom-40 { margin-bottom: 40px !important; } .xs-margin-bottom-50 { margin-bottom: 50px !important; } .xs-height-1000 { height: 1000px; } .xs-height-900 { height: 900px; } .xs-height-800 { height: 800px; } .xs-height-700 { height: 700px; } .xs-height-600 { height: 600px; } .xs-height-500 { height: 500px; } .xs-height-400 { height: 400px; } .xs-height-300 { height: 300px; } .xs-height-200 { height: 200px; } .xs-height-100 { height: 100px; } } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } @media (min-width: 768px) { .text-left-xs-center { text-align: left; } .text-right-xs-center { text-align: right; } } @media (max-width: 767px) { .text-left-xs-center, .text-right-xs-center { text-align: center; } .xs-margin-bottom-15 { margin-bottom: 15px; } } .bg-overlay, .bg-overlay > .vc_column-inner { position: relative; } .bg-overlay:before, .bg-overlay > .vc_column-inner:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.6); display: block; } @media (max-width: 1199px) { .bg-overlay-md, .bg-overlay-md > .vc_column-inner { position: relative; } .bg-overlay-md:before, .bg-overlay-md > .vc_column-inner:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.6); display: block; } } .bgc-gradient { background-image: radial-gradient(circle farthest-side, rgba(17,29,49,0.92) 0%,rgba(4,7,14,0.92) 100%); } @media (min-width: 992px) { .md-padding-105 > .vc_column-inner { padding-left: 105px !important; padding-right: 105px !important; } } /*------------------------------------- PAGE TITLE ---------------------------------------*/ #page-title { width: 100%; position: relative; overflow: hidden; } .page-title-wrap { color: #ffffff; background-color: rgba(0, 0, 0, 0.55); } .page-title-inner { padding-top: 120px; padding-bottom: 100px; } .page-title-margin { margin-bottom: 80px; } .single-blog-title-wrap { color: #ffffff; background-color: rgba(0, 0, 0, 0.55); } .single-blog-title-inner { padding-top: 90px; padding-bottom: 70px; } .single-blog-title-margin { margin-bottom: 80px; } .single-product-title-wrap { color: #ffffff; background-color: rgba(0, 0, 0, 0.55); } .single-product-title-inner { padding-top: 120px; padding-bottom: 100px; } .single-product-title-margin { margin-bottom: 80px; } .single-portfolio-title-wrap { color: #ffffff; background-color: rgba(0, 0, 0, 0.55); } .single-portfolio-title-inner { padding-top: 120px; padding-bottom: 100px; } .single-portfolio-title-margin { margin-bottom: 80px; } .archive-title-wrap { color: #ffffff; background-color: rgba(0, 0, 0, 0.55); } .archive-title-inner { padding-top: 90px; padding-bottom: 70px; } .archive-title-margin { margin-bottom: 80px; } /**/ .archive-product-title-wrap { color: #ffffff; background-color: rgba(0, 0, 0, 0.55); } .archive-product-title-inner { padding-top: 120px; padding-bottom: 100px; } .archive-product-title-margin { margin-bottom: 80px; } .archive-portfolio-title-wrap { color: #ffffff; background-color: rgba(0, 0, 0, 0.55); } .archive-portfolio-title-inner { padding-top: 90px; padding-bottom: 60px; } .archive-portfolio-title-margin { margin-bottom: 80px; } #page-title .container { position: relative; } #page-title h1 { margin: 0; text-transform: uppercase; } #page-title p { font-style: italic; letter-spacing: 0.1em; line-height: 1.2; margin-bottom: 0; } .page-title-size-lg h1 { font-size: 60px; font-weight: bold; } .page-title-size-lg p { font-size: 20px; margin-top: 10px; } .page-title-size-md h1 { font-size: 32px; font-weight: 400; } .page-title-size-md p { font-size: 15px; margin-top: 15px; } .page-title-wrap-bg { background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; width: 100%; height: 100%; z-index: -2; top: 0; left: 0; } .page-title-parallax { background-repeat: no-repeat; background-size: cover; position: absolute; width: 100%; height: 100%; z-index: -2; top: 0; left: 0; } .page-title-border-bottom { border-bottom: 1px solid #eeeeee; } /*------------------------------------- BREADCRUMB ---------------------------------------*/ ul.breadcrumbs { margin: 0; list-style-type: none; display: inline-block; padding: 0; vertical-align: middle; font-size: 0; font-style: italic; } ul.breadcrumbs li { display: inline; } ul.breadcrumbs li a, ul.breadcrumbs li span { line-height: 1.2; font-size: 13px; } ul.breadcrumbs li + li:before { font: normal normal normal 14px/1 FontAwesome; content: "\f105"; display: inline; padding: 0 10px; font-size: 13px; } .breadcrumbs-wrap { font-size: 0; } .breadcrumbs-inner { display: inline-block; } .breadcrumbs-wrap label { text-transform: uppercase; font-weight: bold; margin: 0 10px 0 0; vertical-align: middle; font-size: 13px; } .breadcrumbs-wrap.float .breadcrumbs-inner { background-color: rgba(0, 0, 0, 0.6); padding: 10px 15px; } .breadcrumbs-wrap.float label:before { content: ""; display: inline-block; width: 8px; height: 8px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-right: 10px; vertical-align: middle; margin-top: -2px; } .page-title-size-lg .breadcrumbs-wrap.normal { margin-top: 25px; } .page-title-size-md .breadcrumbs-wrap.normal { margin-top: 20px; } @media (max-width: 767px) { .page-title-size-lg h1 { font-size: 32px; } .page-title-size-lg p { font-size: 15px; } .page-title-breadcrumbs-float .page-title-inner, .page-title-breadcrumbs-float .archive-title-inner, .page-title-breadcrumbs-float .archive-product-title-inner { padding-top: 70px !important; padding-bottom: 40px !important; } .page-title-breadcrumbs-normal .page-title-inner, .page-title-breadcrumbs-normal .archive-title-inner, .page-title-breadcrumbs-normal .archive-product-title-inner { padding: 70px 0; } .page-title-size-lg .breadcrumbs-wrap.normal { margin-top: 15px; } .archive-title-margin, .archive-product-title-margin, .page-title-margin { margin-bottom: 60px; } .page-title-parallax { background-position: center center !important; } } @media (max-width: 480px) { .breadcrumbs-wrap label { display: none; } } .dialog, .dialog__overlay { width: 100%; height: 100%; top: 0; left: 0; } .dialog { position: fixed; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; pointer-events: none; z-index: 9999; visibility: hidden; } .dialog.dialog--open { visibility: visible; } .dialog__overlay { position: absolute; z-index: 1; background: rgba(55, 58, 71, 0.9); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } .dialog--open .dialog__overlay { opacity: 1; pointer-events: auto; } .dialog__content { width: 80%; max-width: 520px; min-width: 290px; background: #fff; padding: 20px; text-align: center; position: relative; z-index: 5; opacity: 0; } .dialog--open .dialog__content { pointer-events: auto; } /* Content */ .dialog h2 { margin: 0; font-weight: 400; font-size: 24px; padding: 0 0 15px; text-transform: uppercase; } .dialog--open .dialog__overlay { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } .dialog--close .dialog__overlay { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .dialog__content { padding: 0; background: transparent; } .dialog.dialog--open .dialog__content { opacity: 1; } .morph-shape { position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); top: -2px; left: -2px; z-index: -1; } .morph-shape svg rect { stroke: #fff; stroke-width: 2px; stroke-dasharray: 1680; } .dialog--open .morph-shape svg rect { -webkit-animation: anim-dash 0.6s forwards; animation: anim-dash 0.6s forwards; } .dialog-inner { opacity: 0; background: #fff; } .dialog--open .dialog-inner { padding: 30px; opacity: 1; -webkit-transition: opacity 0.85s 0.35s; transition: opacity 0.85s 0.35s; } .dialog.dialog--open h2 { -webkit-animation: anim-elem-1 0.7s ease-out both; -o-animation: anim-elem-1 0.7s ease-out both; animation: anim-elem-1 0.7s ease-out both; } .dialog.dialog--open button[data-dialog-close] { position: absolute; border: none; top: 0; right: 0; width: 30px; height: 30px; line-height: 1; color: #fff; } .dialog.dialog--open p { line-height: 1.5; font-size: 18px; } @keyframes anim-dash { 0% { stroke-dashoffset: 1680; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes anim-dash { 0% { stroke-dashoffset: 1680; } 100% { stroke-dashoffset: 0; } } /* Inner elements animations */ @-webkit-keyframes anim-elem-1 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes anim-elem-1 { 0% { opacity: 0; } 100% { opacity: 1; } } /** * 3.0 - Header * ---------------------------------------------------------------------------- */ @media screen and (min-width: 992px) { header.main-header .top-bar { font-family: 'Montserrat'; font-size: 12px; letter-spacing: 0.05em; padding-top: 7px; padding-bottom: 7px; color: #444; } header.main-header .top-bar .sidebar aside + aside { margin-top: 0; margin-left: 20px; } header.main-header .top-bar.bordered { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } header.main-header .top-bar aside.widget { display: inline-block; vertical-align: middle; line-height: 30px; } header.main-header .top-bar .top-bar-right { text-align: right; } header.main-header .top-bar i.fa { vertical-align: middle; } header.main-header .top-bar ul.s-default li { margin-bottom: 0; } header.main-header .top-bar.top-bar-light { background-color: #fff; } header.main-header .top-bar.top-bar-light-gray { background-color: #747474; } header.main-header .top-bar.top-bar-gray { background-color: #5F5F5F; } header.main-header .top-bar.top-bar-dark-gray { background-color: #4C4C4C; } header.main-header .top-bar.top-bar-dark { background-color: #000; } header.main-header .top-bar.top-bar-overlay { background-color: rgba(0, 0, 0, 0.3); } header.main-header .top-bar.top-bar-transparent { background-color: transparent; } header.main-header .top-bar.top-bar-light-gray, header.main-header .top-bar.top-bar-dark-gray, header.main-header .top-bar.top-bar-gray, header.main-header .top-bar.top-bar-dark, header.main-header .top-bar.top-bar-overlay, header.main-header .top-bar.top-bar-transparent { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.2); } header.main-header .top-bar.top-bar-light-gray ul.wp-block-page-list li + li:before, header.main-header .top-bar.top-bar-dark-gray ul.wp-block-page-list li + li:before, header.main-header .top-bar.top-bar-gray ul.wp-block-page-list li + li:before, header.main-header .top-bar.top-bar-dark ul.wp-block-page-list li + li:before, header.main-header .top-bar.top-bar-overlay ul.wp-block-page-list li + li:before, header.main-header .top-bar.top-bar-transparent ul.wp-block-page-list li + li:before, header.main-header .top-bar.top-bar-light-gray ul.wp-block-archives-list li + li:before, header.main-header .top-bar.top-bar-dark-gray ul.wp-block-archives-list li + li:before, header.main-header .top-bar.top-bar-gray ul.wp-block-archives-list li + li:before, header.main-header .top-bar.top-bar-dark ul.wp-block-archives-list li + li:before, header.main-header .top-bar.top-bar-overlay ul.wp-block-archives-list li + li:before, header.main-header .top-bar.top-bar-transparent ul.wp-block-archives-list li + li:before, header.main-header .top-bar.top-bar-light-gray ul.wp-block-categories-list li + li:before, header.main-header .top-bar.top-bar-dark-gray ul.wp-block-categories-list li + li:before, header.main-header .top-bar.top-bar-gray ul.wp-block-categories-list li + li:before, header.main-header .top-bar.top-bar-dark ul.wp-block-categories-list li + li:before, header.main-header .top-bar.top-bar-overlay ul.wp-block-categories-list li + li:before, header.main-header .top-bar.top-bar-transparent ul.wp-block-categories-list li + li:before, header.main-header .top-bar.top-bar-light-gray .widget_archive li + li:before, header.main-header .top-bar.top-bar-dark-gray .widget_archive li + li:before, header.main-header .top-bar.top-bar-gray .widget_archive li + li:before, header.main-header .top-bar.top-bar-dark .widget_archive li + li:before, header.main-header .top-bar.top-bar-overlay .widget_archive li + li:before, header.main-header .top-bar.top-bar-transparent .widget_archive li + li:before, header.main-header .top-bar.top-bar-light-gray .widget_categories li + li:before, header.main-header .top-bar.top-bar-dark-gray .widget_categories li + li:before, header.main-header .top-bar.top-bar-gray .widget_categories li + li:before, header.main-header .top-bar.top-bar-dark .widget_categories li + li:before, header.main-header .top-bar.top-bar-overlay .widget_categories li + li:before, header.main-header .top-bar.top-bar-transparent .widget_categories li + li:before, header.main-header .top-bar.top-bar-light-gray .widget_pages li + li:before, header.main-header .top-bar.top-bar-dark-gray .widget_pages li + li:before, header.main-header .top-bar.top-bar-gray .widget_pages li + li:before, header.main-header .top-bar.top-bar-dark .widget_pages li + li:before, header.main-header .top-bar.top-bar-overlay .widget_pages li + li:before, header.main-header .top-bar.top-bar-transparent .widget_pages li + li:before, header.main-header .top-bar.top-bar-light-gray .widget_nav_menu > div li + li:before, header.main-header .top-bar.top-bar-dark-gray .widget_nav_menu > div li + li:before, header.main-header .top-bar.top-bar-gray .widget_nav_menu > div li + li:before, header.main-header .top-bar.top-bar-dark .widget_nav_menu > div li + li:before, header.main-header .top-bar.top-bar-overlay .widget_nav_menu > div li + li:before, header.main-header .top-bar.top-bar-transparent .widget_nav_menu > div li + li:before, header.main-header .top-bar.top-bar-light-gray .woocommerce .widget_product_categories li + li:before, header.main-header .top-bar.top-bar-dark-gray .woocommerce .widget_product_categories li + li:before, header.main-header .top-bar.top-bar-gray .woocommerce .widget_product_categories li + li:before, header.main-header .top-bar.top-bar-dark .woocommerce .widget_product_categories li + li:before, header.main-header .top-bar.top-bar-overlay .woocommerce .widget_product_categories li + li:before, header.main-header .top-bar.top-bar-transparent .woocommerce .widget_product_categories li + li:before, header.main-header .top-bar.top-bar-light-gray .wc-block-product-categories li + li:before, header.main-header .top-bar.top-bar-dark-gray .wc-block-product-categories li + li:before, header.main-header .top-bar.top-bar-gray .wc-block-product-categories li + li:before, header.main-header .top-bar.top-bar-dark .wc-block-product-categories li + li:before, header.main-header .top-bar.top-bar-overlay .wc-block-product-categories li + li:before, header.main-header .top-bar.top-bar-transparent .wc-block-product-categories li + li:before, header.main-header .top-bar.top-bar-light-gray .widget_layered_nav li + li:before, header.main-header .top-bar.top-bar-dark-gray .widget_layered_nav li + li:before, header.main-header .top-bar.top-bar-gray .widget_layered_nav li + li:before, header.main-header .top-bar.top-bar-dark .widget_layered_nav li + li:before, header.main-header .top-bar.top-bar-overlay .widget_layered_nav li + li:before, header.main-header .top-bar.top-bar-transparent .widget_layered_nav li + li:before { border-left: solid 1px rgba(255, 255, 255, 0.2); } header.main-header .top-bar ul.wp-block-page-list, header.main-header .top-bar ul.wp-block-archives-list, header.main-header .top-bar ul.wp-block-categories-list, header.main-header .top-bar .widget_archive > ul, header.main-header .top-bar .widget_categories > ul, header.main-header .top-bar .widget_pages > ul, header.main-header .top-bar .widget_nav_menu > div > ul, header.main-header .top-bar .wc-block-product-categories > ul, header.main-header .top-bar .woocommerce .widget_product_categories > ul, header.main-header .top-bar .widget_layered_nav > ul { display: inline-block; padding-bottom: 0; border-bottom: none; } header.main-header .top-bar ul.wp-block-page-list li, header.main-header .top-bar ul.wp-block-archives-list li, header.main-header .top-bar ul.wp-block-categories-list li, header.main-header .top-bar .widget_archive li, header.main-header .top-bar .widget_categories li, header.main-header .top-bar .widget_pages li, header.main-header .top-bar .widget_nav_menu > div li, header.main-header .top-bar .woocommerce .widget_product_categories li, header.main-header .top-bar .wc-block-product-categories li, header.main-header .top-bar .widget_layered_nav li { display: inline-block; padding-top: 0; margin-bottom: 0; vertical-align: middle; } header.main-header .top-bar ul.wp-block-page-list li + li, header.main-header .top-bar ul.wp-block-archives-list li + li, header.main-header .top-bar ul.wp-block-categories-list li + li, header.main-header .top-bar .widget_archive li + li, header.main-header .top-bar .widget_categories li + li, header.main-header .top-bar .widget_pages li + li, header.main-header .top-bar .widget_nav_menu > div li + li, header.main-header .top-bar .woocommerce .widget_product_categories li + li, header.main-header .top-bar .wc-block-product-categories li + li, header.main-header .top-bar .widget_layered_nav li + li { margin-top: 0; border: none; margin-left: 40px; position: relative; } header.main-header .top-bar ul.wp-block-page-list li + li:before, header.main-header .top-bar ul.wp-block-archives-list li + li:before, header.main-header .top-bar ul.wp-block-categories-list li + li:before, header.main-header .top-bar .widget_archive li + li:before, header.main-header .top-bar .widget_categories li + li:before, header.main-header .top-bar .widget_pages li + li:before, header.main-header .top-bar .widget_nav_menu > div li + li:before, header.main-header .top-bar .woocommerce .widget_product_categories li + li:before, header.main-header .top-bar .wc-block-product-categories li + li:before, header.main-header .top-bar .widget_layered_nav li + li:before { content: ''; height: 12px; border-left: solid 1px rgba(0, 0, 0, 0.2); position: absolute; left: -20px; margin: auto; top: 0; bottom: 0; } header.main-header .top-bar ul.wp-block-page-list > li > a, header.main-header .top-bar ul.wp-block-archives-list > li > a, header.main-header .top-bar ul.wp-block-categories-list > li > a, header.main-header .top-bar .widget_archive > ul > li > a, header.main-header .top-bar .widget_categories > ul > li > a, header.main-header .top-bar .widget_pages > ul > li > a, header.main-header .top-bar .widget_nav_menu > div > ul > li > a, header.main-header .top-bar .woocommerce .widget_product_categories > ul > li > a, header.main-header .top-bar .wc-block-product-categories > ul > li > a, header.main-header .top-bar .widget_layered_nav > ul > li > a { padding-left: 0; } header.main-header { background-color: #fff; position: relative; z-index: 999; } header.main-header .micon, header.main-header i.fa { vertical-align: middle; } header.main-header .header-logo { height: 90px; font-size: 0; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.main-header .header-logo:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } header.main-header .header-logo img { max-height: 90px; padding-top: 20px; padding-bottom: 20px; max-width: none; } header.main-header .logo-sticky { display: none; } header.main-header .nav-logo-sticky { display: none; vertical-align: middle; } header.main-header .header-container { position: relative; } header.main-header .header-nav-wrapper { z-index: 999; background-color: #fff; position: relative; } header.main-header .header-nav-wrapper.bottom-bordered { border-top: solid 1px rgba(0, 0, 0, 0.1); } header.main-header .header-nav-wrapper.header-dark.bottom-bordered { border-top-color: rgba(136, 136, 136, 0.2); } header.main-header .header-nav-wrapper.bottom-border-solid { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } header.main-header .header-nav-wrapper.bottom-border-solid .x-nav-menu > li > .x-sub-menu { margin-top: 1px; } header.main-header .header-nav-wrapper.header-dark.bottom-border-solid { border-bottom-color: rgba(136, 136, 136, 0.2); } header.main-header .header-nav-wrapper.bottom-border-gradient { border-bottom: solid 3px rgba(0, 0, 0, 0.05); } header.main-header .header-nav-wrapper.bottom-border-gradient:after { content: ''; display: block; position: absolute; height: 3px; width: 100%; bottom: -3px; left: 0; background: #10b765; background: -webkit-linear-gradient(-90deg, #00bbff, #10b765 33%); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(-90deg, #00bbff, #10b765 33%); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(-90deg, #00bbff, #10b765 33%); /* For Firefox 3.6 to 15 */ background: linear-gradient(-90deg, #00bbff, #10b765 33%); /* Standard syntax (must be last) */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bbff', endColorstr='#10b765', GradientType=0); } header.main-header .header-nav-wrapper.bottom-border-gradient.w2p3:after { width: 66.77777%; } header.main-header .header-nav-wrapper.bottom-border-gradient .x-nav-menu > li > .x-sub-menu { margin-top: 3px; } header.main-header .header-nav-wrapper.header-dark.bottom-border-gradient { border-bottom-color: rgba(136, 136, 136, 0.2); } .header-above-left { float: left; text-align: left; line-height: 90px; } .header-above-right { float: right; text-align: right; line-height: 90px; } .header-nav-left { float: left; text-align: left; line-height: 90px; } .header-nav-right { float: right; text-align: right; line-height: 90px; } .header-customize-nav, .header-customize-right { float: right; } .header-customize-left { float: left; } .header-customize-item { display: inline-block; vertical-align: top; } .header-customize-item + .header-customize-item { margin-left: 20px; } .header-customize-item:first-child { margin-left: 40px; } .custom-text-wrapper .m-button { padding: 10px 20px; } .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.micon { font-size: 1em; } .header-social-profile-wrapper { list-style: none; } .header-social-profile-wrapper * { display: inline-block; vertical-align: top; } .header-social-profile-wrapper ul { padding: 0; margin: 0; } .header-social-profile-wrapper li + li { margin-left: 15px; } .canvas-menu-toggle-wrapper i.micon { vertical-align: middle; } .search-button-wrapper, .header-social-profile-wrapper, .canvas-menu-toggle-wrapper, .shopping-cart-wrapper { font-size: 16px; } .left-menu { float: left; } .right-menu { float: right; } .menu-wrapper { float: left; } .x-nav-menu { color: #444; } .x-nav-menu .x-sub-menu { color: #444; } .overlay-menu-wrapper { opacity: 0; visibility: hidden; height: 0; overflow: hidden; position: fixed; background-color: rgba(0, 0, 0, 0.98); left: 0; right: 0; top: 0; bottom: 0; padding: 60px 0; z-index: -1; zoom: 0; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .overlay-menu-wrapper:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .overlay-menu-wrapper.in { opacity: 1; visibility: visible; height: auto; overflow: auto; z-index: 9999; zoom: 1; } .overlay-menu-wrapper.in .header-overlay-close { display: block; } .overlay-menu-wrapper.in .x-nav-menu .x-menu-item { margin-top: 0px !important; } .overlay-menu-wrapper .x-nav-menu { display: inline-block; vertical-align: middle; } .overlay-menu-wrapper .x-nav-menu .x-menu-item { display: block !important; line-height: 50px; margin: 0 !important; margin-top: -10px !important; padding: 0 !important; border: none !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .overlay-menu-wrapper .x-nav-menu .x-menu-item a { color: #fff; text-transform: none; font-size: 18px; } .overlay-menu-wrapper .x-nav-menu .x-sub-menu { display: block !important; position: static !important; background-color: transparent !important; border: none !important; height: auto !important; visibility: visible !important; opacity: 1 !important; margin: 0 !important; padding: 0 !important; } .overlay-menu-wrapper .x-nav-menu .x-col { float: none; width: 100%; } .overlay-menu-wrapper .x-nav-menu .x-sub-menu .x-menu-item > a.x-menu-a-text { padding: 0 20px 0 50px; font-size: 0.9em; margin: 0; line-height: 50px; } .overlay-menu-wrapper .x-nav-menu .x-sub-menu .x-sub-menu .x-menu-item > a.x-menu-a-text { padding-left: 80px; } .overlay-menu-wrapper .x-nav-menu .x-sub-menu-tab > li.x-menu-active > a.x-menu-a-text:after, .overlay-menu-wrapper .x-nav-menu .x-menu-item > a b.x-caret { display: none !important; } .overlay-menu-wrapper .x-nav-menu .x-sub-menu-tab > li.x-menu-active { background-color: transparent; } .overlay-menu-wrapper .x-nav-menu > .x-menu-item > a.x-menu-a-text, .overlay-menu-wrapper .x-tabs.x-item-menu-tab > .x-menu-a-text, .overlay-menu-wrapper .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text, .overlay-menu-wrapper .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text { display: block; position: relative; padding: 0 20px; } .overlay-menu-wrapper .x-nav-menu > .x-menu-item > a.x-menu-a-text:before, .overlay-menu-wrapper .x-tabs.x-item-menu-tab > .x-menu-a-text:before, .overlay-menu-wrapper .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text:before, .overlay-menu-wrapper .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text:before { content: "\e169"; font-family: 'megatron'; font-size: 0.8em; opacity: 0; margin-left: -10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .overlay-menu-wrapper .x-nav-menu > .x-menu-item > a.x-menu-a-text:hover:before, .overlay-menu-wrapper .x-tabs.x-item-menu-tab > .x-menu-a-text:hover:before, .overlay-menu-wrapper .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text:hover:before, .overlay-menu-wrapper .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text:hover:before { margin-left: 0; opacity: 1; } .overlay-menu-wrapper .x-nav-menu > .x-menu-item > a.x-menu-a-text b.x-caret, .overlay-menu-wrapper .x-tabs.x-item-menu-tab > .x-menu-a-text b.x-caret, .overlay-menu-wrapper .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text b.x-caret, .overlay-menu-wrapper .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text b.x-caret { display: inline-block; position: absolute; right: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .overlay-menu-wrapper .x-nav-menu > .x-menu-item > a.x-menu-a-text:hover b.x-caret, .overlay-menu-wrapper .x-tabs.x-item-menu-tab > .x-menu-a-text:hover b.x-caret, .overlay-menu-wrapper .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text:hover b.x-caret, .overlay-menu-wrapper .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text:hover b.x-caret { opacity: 0; } .overlay-menu-wrapper .x-nav-menu > .x-menu-item > a.x-menu-a-text > span.x-menu-text, .overlay-menu-wrapper .x-tabs.x-item-menu-tab > .x-menu-a-text > span.x-menu-text, .overlay-menu-wrapper .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text > span.x-menu-text, .overlay-menu-wrapper .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text > span.x-menu-text, .overlay-menu-wrapper .x-nav-menu > .x-menu-item > a.x-menu-a-text > i.x-menu-icon, .overlay-menu-wrapper .x-tabs.x-item-menu-tab > .x-menu-a-text > i.x-menu-icon, .overlay-menu-wrapper .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text > i.x-menu-icon, .overlay-menu-wrapper .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text > i.x-menu-icon { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .overlay-menu-wrapper .x-nav-menu > .x-menu-item > a.x-menu-a-text:hover, .overlay-menu-wrapper .x-tabs.x-item-menu-tab > .x-menu-a-text:hover, .overlay-menu-wrapper .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text:hover, .overlay-menu-wrapper .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text:hover { background-color: rgba(16, 183, 101, 0.6); } .overlay-menu-wrapper .x-nav-menu > .x-menu-item > a.x-menu-a-text:hover > i.x-menu-icon, .overlay-menu-wrapper .x-tabs.x-item-menu-tab > .x-menu-a-text:hover > i.x-menu-icon, .overlay-menu-wrapper .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text:hover > i.x-menu-icon, .overlay-menu-wrapper .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text:hover > i.x-menu-icon, .overlay-menu-wrapper .x-nav-menu > .x-menu-item > a.x-menu-a-text:hover > span.x-menu-text, .overlay-menu-wrapper .x-tabs.x-item-menu-tab > .x-menu-a-text:hover > span.x-menu-text, .overlay-menu-wrapper .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text:hover > span.x-menu-text, .overlay-menu-wrapper .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text:hover > span.x-menu-text { padding-left: 10px; } .overlay-menu-wrapper .x-nav-menu > .x-menu-item > a.x-menu-a-text:hover > i.x-menu-icon + span.x-menu-text, .overlay-menu-wrapper .x-tabs.x-item-menu-tab > .x-menu-a-text:hover > i.x-menu-icon + span.x-menu-text, .overlay-menu-wrapper .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text:hover > i.x-menu-icon + span.x-menu-text, .overlay-menu-wrapper .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text:hover > i.x-menu-icon + span.x-menu-text { padding-left: 0; } .header-overlay-open, .header-overlay-close { position: fixed; top: 30px; right: 30px; z-index: 9999; font-size: 24px; cursor: pointer; color: #444; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .header-overlay-open:hover, .header-overlay-close:hover { color: #10b765; } .header-overlay-open { position: absolute; } .header-overlay-open.in { opacity: 0; } .overlay-menu-left { float: left; width: 50%; height: 100%; text-align: right; padding-right: 0; position: relative; padding-right: 40px; } .overlay-menu-left:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .overlay-menu-right { float: right; width: 50%; height: 100%; text-align: left; } .overlay-menu-right:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .overlay-menu-inner { text-align: left; overflow: hidden; display: inline-block; vertical-align: middle; max-height: 100%; position: relative; border-left: solid 1px rgba(166, 166, 166, 0.6); padding-left: 20px; width: 98%; } .overlay-menu-inner .x-nav-menu { width: 350px; } body.admin-bar .header-overlay-close { margin-top: 32px; } body.admin-bar .overlay-menu-wrapper { top: 32px; } .header-overlay-close { z-index: 999999; color: #fff; display: none; } .container-full { padding-left: 70px; padding-right: 70px; } header.header-boxed { width: 1258px; max-width: 100%; position: absolute; margin: 30px auto auto; z-index: 999; left: 0; right: 0; } header.header-boxed .header-container { position: static !important; } header.header-float { position: absolute; z-index: 999; left: 0; right: 0; } header.header-light .top-bar.top-bar-transparent { color: #444; border-bottom-color: rgba(0, 0, 0, 0.1); } header.header-gray .header-overlay-open, header.header-light-gray .header-overlay-open, header.header-dark-gray .header-overlay-open, header.header-dark .header-overlay-open, header.header-transparent .header-overlay-open, header.header-gray .x-nav-menu, header.header-light-gray .x-nav-menu, header.header-dark-gray .x-nav-menu, header.header-dark .x-nav-menu, header.header-transparent .x-nav-menu, header.header-gray .header-customize-item, header.header-light-gray .header-customize-item, header.header-dark-gray .header-customize-item, header.header-dark .header-customize-item, header.header-transparent .header-customize-item { color: #fff; } header.header-gray .header-nav-wrapper.bottom-bordered, header.header-light-gray .header-nav-wrapper.bottom-bordered, header.header-dark-gray .header-nav-wrapper.bottom-bordered, header.header-dark .header-nav-wrapper.bottom-bordered, header.header-transparent .header-nav-wrapper.bottom-bordered { border-bottom-color: rgba(136, 136, 136, 0.2); } header.header-gray { background-color: #5F5F5F; } header.header-light-gray { background-color: #747474; } header.header-dark-gray { background-color: #4C4C4C; } header.header-dark { background-color: #000; } header.header-overlay { background-color: rgba(0, 0, 0, 0.1); } header.header-overlay .header-overlay-open, header.header-overlay .x-nav-menu, header.header-overlay .header-customize-item { color: #ffffff; } header.header-overlay .header-nav-wrapper.bottom-bordered { border-bottom-color: rgba(255, 255, 255, 0.2); } header.header-transparent { background-color: transparent; } header .header-nav-wrapper.header-transparent { background-color: transparent; } header .header-nav-wrapper.header-dark .x-nav-menu, header .header-nav-wrapper.header-gray .x-nav-menu, header .header-nav-wrapper.header-light-gray .x-nav-menu, header .header-nav-wrapper.header-dark-gray .x-nav-menu, header .header-nav-wrapper.header-dark .header-customize-item, header .header-nav-wrapper.header-gray .header-customize-item, header .header-nav-wrapper.header-light-gray .header-customize-item, header .header-nav-wrapper.header-dark-gray .header-customize-item { color: #fff; } header .header-nav-wrapper.header-light .x-nav-menu { color: #444; } header .header-nav-wrapper.header-dark { background-color: #000; } header .header-nav-wrapper.header-gray { background-color: #5F5F5F; } header .header-nav-wrapper.header-light-gray { background-color: #747474; } header .header-nav-wrapper.header-dark-gray { background-color: #4C4C4C; } header .header-nav-wrapper.header-overlay { background-color: rgba(0, 0, 0, 0.2); } header .header-nav-wrapper.header-overlay .x-nav-menu, header .header-nav-wrapper.header-overlay .header-customize-item { color: #ffffff; } header .header-nav-wrapper.header-transparent.bottom-border-solid, header .header-nav-wrapper.header-overlay.bottom-border-solid, header .header-nav-wrapper.header-dark.bottom-border-solid { border-bottom-color: rgba(136, 136, 136, 0.2); } header .header-nav-wrapper.header-transparent.bottom-bordered, header .header-nav-wrapper.header-overlay.bottom-bordered, header .header-nav-wrapper.header-dark.bottom-bordered { border-top-color: rgba(136, 136, 136, 0.2); } header .header-1 .header-logo { float: left; } header .header-2 .header-logo, header .header-3 .header-logo { width: 240px; position: absolute; left: 0; right: 0; margin: auto; } header .header-2 .header-logo img, header .header-3 .header-logo img { padding-left: 40px; padding-right: 40px; max-width: 100%; } header .header-2 .header-nav-left, header .header-3 .header-nav-left { width: 50%; padding-right: 120px; } header .header-2 .header-nav-right, header .header-3 .header-nav-right { width: 50%; padding-left: 120px; } header .header-2 .header-nav-left .header-customize-item:first-child, header .header-3 .header-nav-left .header-customize-item:first-child { margin-left: 0; } header .header-2 .header-nav-left .header-customize-item:last-child, header .header-3 .header-nav-left .header-customize-item:last-child { margin-right: 40px; } header .header-2 .left-menu, header .header-2 .header-customize-left { float: right; } header .header-2 .header-customize-right, header .header-2 .right-menu { float: left; } header .header-4 .header-logo { float: left; } header .header-5 .header-logo { width: 30%; margin: auto; float: left; } header .header-5 .header-logo img { padding-left: 40px; padding-right: 40px; max-width: 100%; } header .header-5 .header-above-left { width: 35%; min-height: 1px; } header .header-5 .header-above-right { width: 35%; min-height: 1px; } header .header-5 .header-above-left .header-customize-item:first-child { margin-left: 0; } header .header-5 .header-above-left .header-customize-item:last-child { margin-right: 40px; } header .header-6 .header-logo { width: 30%; margin: auto; float: left; } header .header-6 .header-logo img { padding-left: 40px; padding-right: 40px; max-width: 100%; } header .header-6 .header-above-left { width: 35%; min-height: 1px; } header .header-6 .header-above-right { width: 35%; min-height: 1px; } header .header-6 .header-above-left .header-customize-item:first-child { margin-left: 0; } header .header-6 .header-above-left .header-customize-item:last-child { margin-right: 40px; } header .header-6 .header-container { text-align: center; } header .header-6 .header-nav-left, header .header-6 .header-nav-right, header .header-6 .menu-wrapper { float: none; display: inline-block; vertical-align: middle; } header .header-8 { position: relative; } header .header-8 .header-bellow, header .header-8 .header-logo { text-align: center; } header .header-8 .header-customize-nav { float: none; text-align: center; } header .header-8 .x-sub-menu { display: block; } header .header-8 .header-customize-item { margin-left: 0; display: block; text-align: center; } header .header-8 .header-customize-item + .header-customize-item { margin-top: 20px; } header .header-8 .shopping-cart-wrapper .widget_shopping_cart_content { text-align: center; } header .header-8 .header-social-profile-wrapper i.fa { width: 30px; height: 30px; line-height: 30px; background-color: rgba(0, 0, 0, 0.13); font-size: 14px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header .header-8 .header-social-profile-wrapper i.fa:hover { background-color: #000; } header .header-8 .custom-text-wrapper { letter-spacing: 0.05em; line-height: 2.2; } header.header-dark .header-8 .header-social-profile-wrapper i.fa { background-color: rgba(255, 255, 255, 0.2); } header.header-dark .header-8 .header-social-profile-wrapper i.fa:hover { background-color: #fff; color: #333; } body.header-is-left { padding-left: 270px; } body.admin-bar header.header-left { top: 32px; } header.header-left { position: fixed; top: 0; left: 0; bottom: 0; z-index: 999; width: 270px; padding-bottom: 30px; } header.header-left .header-logo { padding-left: 30px; padding-right: 30px; } header.header-left .ps-scrollbar-y-rail { right: 0; } header.header-left .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.1); } header.header-left .top-bar aside.widget { display: block; } header.header-left .top-bar .col-md-6, header.header-left .top-bar .col-md-12, header.header-left .top-bar .col-md-8 { width: 100%; } header.header-left .top-bar .sidebar aside + aside, header.header-left .top-bar .top-bar-info li + li { margin-left: 0; } header.header-left .top-bar .top-bar-right { text-align: left; } header.header-left .x-nav-menu { display: block; } header.header-left .x-nav-menu > .x-menu-item { display: block; } header.header-left .x-nav-menu > .x-menu-item:last-child { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } header.header-left .x-nav-menu .x-menu-item { display: block; margin: 0; line-height: 51px; border-top: solid 1px rgba(0, 0, 0, 0.1); transition: all 0.3s; } header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text { padding-left: 30px; padding-right: 20px; color: #333; font-size: 13px; letter-spacing: 0.05em; position: relative; } header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text:hover { color: #10b765; background-color: transparent; } header.header-left .x-nav-menu .x-menu-item:not(.x-sub-menu-open) > a.x-menu-a-text:hover { background-color: rgba(0, 0, 0, 0.1); } header.header-left .x-sub-menu { display: none; position: static !important; overflow: visible; visibility: visible; opacity: 1; z-index: 0; height: auto; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom: none; } header.header-left .x-sub-menu .x-menu-a-text { font-family: 'Playfair Display'; text-transform: none; } header.header-left .x-sub-menu .x-menu-a-text > span { font-style: italic; } header.header-left .x-nav-menu > .x-menu-item > a.x-menu-a-text, header.header-left .x-tabs.x-item-menu-tab > .x-menu-a-text, header.header-left .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text, header.header-left .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text { display: block; position: relative; } header.header-left .x-nav-menu > .x-menu-item > a.x-menu-a-text:before, header.header-left .x-tabs.x-item-menu-tab > .x-menu-a-text:before, header.header-left .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text:before, header.header-left .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text:before { content: "\e169"; font-family: 'megatron'; font-size: 0.8em; opacity: 0; margin-left: -10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.header-left .x-nav-menu > .x-menu-item > a.x-menu-a-text:hover:before, header.header-left .x-tabs.x-item-menu-tab > .x-menu-a-text:hover:before, header.header-left .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text:hover:before, header.header-left .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text:hover:before { margin-left: 0; opacity: 1; } header.header-left .x-nav-menu > .x-menu-item > a.x-menu-a-text b.x-caret, header.header-left .x-tabs.x-item-menu-tab > .x-menu-a-text b.x-caret, header.header-left .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text b.x-caret, header.header-left .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text b.x-caret { display: inline-block; position: absolute; right: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.header-left .x-nav-menu > .x-menu-item > a.x-menu-a-text:hover b.x-caret, header.header-left .x-tabs.x-item-menu-tab > .x-menu-a-text:hover b.x-caret, header.header-left .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text:hover b.x-caret, header.header-left .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text:hover b.x-caret { opacity: 0; } header.header-left .x-nav-menu > .x-menu-item > a.x-menu-a-text > span.x-menu-text, header.header-left .x-tabs.x-item-menu-tab > .x-menu-a-text > span.x-menu-text, header.header-left .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text > span.x-menu-text, header.header-left .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text > span.x-menu-text, header.header-left .x-nav-menu > .x-menu-item > a.x-menu-a-text > i.x-menu-icon, header.header-left .x-tabs.x-item-menu-tab > .x-menu-a-text > i.x-menu-icon, header.header-left .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text > i.x-menu-icon, header.header-left .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text > i.x-menu-icon { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.header-left .x-nav-menu > .x-menu-item > a.x-menu-a-text:hover > i.x-menu-icon, header.header-left .x-tabs.x-item-menu-tab > .x-menu-a-text:hover > i.x-menu-icon, header.header-left .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text:hover > i.x-menu-icon, header.header-left .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text:hover > i.x-menu-icon, header.header-left .x-nav-menu > .x-menu-item > a.x-menu-a-text:hover > span.x-menu-text, header.header-left .x-tabs.x-item-menu-tab > .x-menu-a-text:hover > span.x-menu-text, header.header-left .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text:hover > span.x-menu-text, header.header-left .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text:hover > span.x-menu-text { padding-left: 10px; } header.header-left .x-nav-menu > .x-menu-item > a.x-menu-a-text:hover > i.x-menu-icon + span.x-menu-text, header.header-left .x-tabs.x-item-menu-tab > .x-menu-a-text:hover > i.x-menu-icon + span.x-menu-text, header.header-left .x-sub-menu-tab > .x-menu-item > a.x-menu-a-text:hover > i.x-menu-icon + span.x-menu-text, header.header-left .x-sub-menu-multi-column .x-header-column > a.x-menu-a-text:hover > i.x-menu-icon + span.x-menu-text { padding-left: 0; } header.header-left .x-sub-menu-multi-column > .x-menu-item + .x-menu-item { border-left: none; } header.header-left .menu-wrapper { float: none; } header.header-left .header-customize-nav { float: none; text-align: center; padding-top: 30px; } header.header-left .x-col { float: none !important; width: auto !important; } header.header-left .x-sub-menu-multi-column .x-header-column > a { margin-bottom: 0; line-height: 51px; } header.header-left .x-sub-menu-multi-column > .x-menu-item { padding-left: 0; padding-right: 0; } header.header-left li.x-sub-menu-open > a > b.x-caret { -webkit-transform: rotate(90deg) !important; -moz-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; -o-transform: rotate(90deg) !important; transform: rotate(90deg) !important; } header.header-left li.x-menu-active > a.x-menu-a-text:after { display: none; } header.header-left li.x-sub-menu-open > a.x-menu-a-text:after { content: ''; display: block; position: absolute; top: 100%; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px #fff; z-index: 1; margin: 0; right: auto; left: auto; } header.header-left .x-sub-menu-tab > li.x-menu-active { background-color: transparent; } header.header-left .x-sub-menu-tab > li > ul.x-sub-menu { padding-bottom: 0; } header.header-left .mini-cart-link { text-align: left; background: rgba(0, 0, 0, 0.1); padding: 0 36px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; } header.header-left .mini-cart-link a.view-cart, header.header-left .mini-cart-link a.check-out { display: inline-block; padding: 7px 0px; background: rgba(0, 0, 0, 0.07); text-align: center; width: 50%; float: left; font-size: 12px; text-transform: uppercase; color: #000; line-height: 28px; } header.header-left .mini-cart-link a.view-cart:hover, header.header-left .mini-cart-link a.check-out:hover { color: #10b765; } header.header-left .mini-cart-link a.view-cart { border-top-left-radius: 5px; border-bottom-left-radius: 5px; position: relative; } header.header-left .mini-cart-link a.view-cart:after { content: ''; position: absolute; border-right: solid 1px rgba(0, 0, 0, 0.07); right: 0; top: 0; bottom: 0; height: 18px; margin: auto; } header.header-left .mini-cart-link .widget_shopping_cart_content { display: inline-block; position: absolute; right: 5px; top: 4px; margin: auto; bottom: 0; height: 36px; } header.header-left .header-social-profile-wrapper li + li { margin-left: 10px; } header.header-left .header-social-profile-wrapper i.fa { width: 30px; height: 30px; background: rgba(0, 0, 0, 0.1); line-height: 30px; border-radius: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.header-left .header-social-profile-wrapper i.fa:hover { background: rgba(0, 0, 0, 0.3); color: #10b765; } header.header-left .widget_shopping_cart_content:hover .cart_list_wrapper { display: none; } header.header-left .header-logo img { max-width: 100%; } header.header-left .x-sub-menu { background-color: rgba(0, 0, 0, 0.1); } header.header-left .x-sub-menu > .x-menu-item { border-top: solid 1px rgba(0, 0, 0, 0.1); } header.header-left .x-sub-menu > .x-menu-item > a.x-menu-a-text { color: #000; } header.header-left .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #E6E6E6; } header.header-left .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #D0D0D0; } header.header-left .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #BCBCBC; } header.header-left.header-light-gray .x-nav-menu, header.header-left.header-dark-gray .x-nav-menu, header.header-left.header-gray .x-nav-menu, header.header-left.header-dark .x-nav-menu, header.header-left.header-overlay .x-nav-menu { color: #eee; } header.header-left.header-light-gray .x-nav-menu .x-menu-item > a.x-menu-a-text, header.header-left.header-dark-gray .x-nav-menu .x-menu-item > a.x-menu-a-text, header.header-left.header-gray .x-nav-menu .x-menu-item > a.x-menu-a-text, header.header-left.header-dark .x-nav-menu .x-menu-item > a.x-menu-a-text, header.header-left.header-overlay .x-nav-menu .x-menu-item > a.x-menu-a-text { color: #eee; } header.header-left.header-light-gray .x-nav-menu .x-menu-item > a.x-menu-a-text:hover, header.header-left.header-dark-gray .x-nav-menu .x-menu-item > a.x-menu-a-text:hover, header.header-left.header-gray .x-nav-menu .x-menu-item > a.x-menu-a-text:hover, header.header-left.header-dark .x-nav-menu .x-menu-item > a.x-menu-a-text:hover, header.header-left.header-overlay .x-nav-menu .x-menu-item > a.x-menu-a-text:hover { color: #10b765; } header.header-left.header-light-gray .x-nav-menu .x-menu-item:not(.x-sub-menu-open) > a.x-menu-a-text:hover, header.header-left.header-dark-gray .x-nav-menu .x-menu-item:not(.x-sub-menu-open) > a.x-menu-a-text:hover, header.header-left.header-gray .x-nav-menu .x-menu-item:not(.x-sub-menu-open) > a.x-menu-a-text:hover, header.header-left.header-dark .x-nav-menu .x-menu-item:not(.x-sub-menu-open) > a.x-menu-a-text:hover, header.header-left.header-overlay .x-nav-menu .x-menu-item:not(.x-sub-menu-open) > a.x-menu-a-text:hover { background-color: rgba(0, 0, 0, 0.1); } header.header-left.header-light-gray .search-box-wrapper input, header.header-left.header-dark-gray .search-box-wrapper input, header.header-left.header-gray .search-box-wrapper input, header.header-left.header-dark .search-box-wrapper input, header.header-left.header-overlay .search-box-wrapper input { background: rgba(255, 255, 255, 0.1); color: #fff; } header.header-left.header-light-gray .mini-cart-link, header.header-left.header-dark-gray .mini-cart-link, header.header-left.header-gray .mini-cart-link, header.header-left.header-dark .mini-cart-link, header.header-left.header-overlay .mini-cart-link { background: rgba(255, 255, 255, 0.1); } header.header-left.header-light-gray .mini-cart-link a.view-cart, header.header-left.header-dark-gray .mini-cart-link a.view-cart, header.header-left.header-gray .mini-cart-link a.view-cart, header.header-left.header-dark .mini-cart-link a.view-cart, header.header-left.header-overlay .mini-cart-link a.view-cart, header.header-left.header-light-gray .mini-cart-link a.check-out, header.header-left.header-dark-gray .mini-cart-link a.check-out, header.header-left.header-gray .mini-cart-link a.check-out, header.header-left.header-dark .mini-cart-link a.check-out, header.header-left.header-overlay .mini-cart-link a.check-out { background: rgba(255, 255, 255, 0.1); color: #fff; } header.header-left.header-light-gray .mini-cart-link a.view-cart:hover, header.header-left.header-dark-gray .mini-cart-link a.view-cart:hover, header.header-left.header-gray .mini-cart-link a.view-cart:hover, header.header-left.header-dark .mini-cart-link a.view-cart:hover, header.header-left.header-overlay .mini-cart-link a.view-cart:hover, header.header-left.header-light-gray .mini-cart-link a.check-out:hover, header.header-left.header-dark-gray .mini-cart-link a.check-out:hover, header.header-left.header-gray .mini-cart-link a.check-out:hover, header.header-left.header-dark .mini-cart-link a.check-out:hover, header.header-left.header-overlay .mini-cart-link a.check-out:hover { color: #10b765; } header.header-left.header-light-gray .mini-cart-link a.view-cart:after, header.header-left.header-dark-gray .mini-cart-link a.view-cart:after, header.header-left.header-gray .mini-cart-link a.view-cart:after, header.header-left.header-dark .mini-cart-link a.view-cart:after, header.header-left.header-overlay .mini-cart-link a.view-cart:after { border-right: solid 1px rgba(255, 255, 255, 0.1); } header.header-left.header-light-gray .header-social-profile-wrapper i.fa, header.header-left.header-dark-gray .header-social-profile-wrapper i.fa, header.header-left.header-gray .header-social-profile-wrapper i.fa, header.header-left.header-dark .header-social-profile-wrapper i.fa, header.header-left.header-overlay .header-social-profile-wrapper i.fa { background: rgba(255, 255, 255, 0.1); } header.header-left.header-light-gray .header-social-profile-wrapper i.fa:hover, header.header-left.header-dark-gray .header-social-profile-wrapper i.fa:hover, header.header-left.header-gray .header-social-profile-wrapper i.fa:hover, header.header-left.header-dark .header-social-profile-wrapper i.fa:hover, header.header-left.header-overlay .header-social-profile-wrapper i.fa:hover { background: rgba(255, 255, 255, 0.3); color: #10b765; } header.header-left.header-light .header-customize-item, header.header-left.header-transparent .header-customize-item { color: #444; } header.header-left .header-customize-item { display: block; margin-left: 0; padding: 0 30px; } header.header-left .header-customize-item + .header-customize-item { margin-left: 0; margin-top: 30px; } header.header-left .search-box-wrapper form { position: relative; padding: 0; margin: 0; } header.header-left .search-box-wrapper input { background-color: rgba(0, 0, 0, 0.1); border: none; outline: none; width: 100%; } header.header-left .search-box-wrapper button { background-color: transparent; border: none; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; } header.header-left.header-light-gray .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #747474; } header.header-left.header-light-gray .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #696969; } header.header-left.header-light-gray .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #5F5F5F; } header.header-left.header-light-gray .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #565656; } header.header-left.header-gray .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #5F5F5F; } header.header-left.header-gray .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #565656; } header.header-left.header-gray .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #4E4E4E; } header.header-left.header-gray .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #464646; } header.header-left.header-dark-gray .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #4C4C4C; } header.header-left.header-dark-gray .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #454545; } header.header-left.header-dark-gray .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #3E3E3E; } header.header-left.header-dark-gray .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #383838; } header.header-left.header-dark .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, header.header-left.header-overlay .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: rgba(255, 255, 255, 0.1); } header.header-left.header-dark .x-nav-menu > .x-menu-item:last-child, header.header-left.header-overlay .x-nav-menu > .x-menu-item:last-child { border-bottom: solid 1px rgba(255, 255, 255, 0.1); } header.header-left.header-dark .x-sub-menu, header.header-left.header-overlay .x-sub-menu { background-color: rgba(255, 255, 255, 0.05); } header.header-left.header-dark .x-sub-menu > .x-menu-item, header.header-left.header-overlay .x-sub-menu > .x-menu-item { border-top: solid 1px rgba(255, 255, 255, 0.1); } header.header-left.header-dark .x-nav-menu, header.header-left.header-overlay .x-nav-menu { color: #aaa; } header.header-left.header-dark .x-nav-menu .x-menu-item, header.header-left.header-overlay .x-nav-menu .x-menu-item { border-top: solid 1px rgba(255, 255, 255, 0.1); } header.header-left.header-dark .x-nav-menu .x-menu-item > a.x-menu-a-text, header.header-left.header-overlay .x-nav-menu .x-menu-item > a.x-menu-a-text { color: #aaa; } header.header-left.header-dark .x-nav-menu .x-menu-item > a.x-menu-a-text:hover, header.header-left.header-overlay .x-nav-menu .x-menu-item > a.x-menu-a-text:hover { color: #10b765; } header.header-left.header-dark .x-nav-menu .x-menu-item:not(.x-sub-menu-open) > a.x-menu-a-text:hover, header.header-left.header-overlay .x-nav-menu .x-menu-item:not(.x-sub-menu-open) > a.x-menu-a-text:hover { background-color: rgba(255, 255, 255, 0.1); } header.header-left.header-dark .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #000; } header.header-left.header-dark .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #0C0C0C; } header.header-left.header-dark .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #171717; } header.header-left.header-dark .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open .x-sub-menu-open > a.x-menu-a-text:after { border-top-color: #222; } header.header-left.header-overlay .x-sub-menu-open > a.x-menu-a-text:after { display: none; } .sticky-wrapper.is-sticky .header-nav-wrapper { width: 100%; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); left: 0; right: 0; } .sticky-wrapper.is-sticky .header-nav-wrapper.sticky-in { -webkit-animation: header-drop 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-animation: header-drop 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-animation: header-drop 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1); -o-animation: header-drop 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1); animation: header-drop 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1); } .sticky-wrapper.is-sticky .header-nav-wrapper.sticky-out { -webkit-animation: header-drop-out 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1) !important; -moz-animation: header-drop-out 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1) !important; -ms-animation: header-drop-out 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1) !important; -o-animation: header-drop-out 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1) !important; animation: header-drop-out 0.5s 0s 1 cubic-bezier(0.694, 0.0482, 0.335, 1) !important; } .sticky-wrapper.is-sticky .logo-sticky { display: inline-block; } .sticky-wrapper.is-sticky .nav-logo-sticky { display: inline-block; } .sticky-wrapper.is-sticky .nav-logo-sticky + li { margin-left: 40px; } .sticky-wrapper.is-sticky .header-logo.has-logo-sticky { display: none; } .sticky-wrapper.is-sticky .header-logo img { max-height: 66px; padding-top: 10px; padding-bottom: 10px; } .sticky-wrapper.is-sticky .x-nav-menu > .x-menu-item, .sticky-wrapper.is-sticky .header-nav-right, .sticky-wrapper.is-sticky .header-nav-left { line-height: 66px; } .sticky-wrapper.is-sticky .header-logo { height: 66px; } .sticky-wrapper.is-sticky .sticky-dark { background-color: #222 !important; color: #eee; } .sticky-wrapper.is-sticky .sticky-dark .header-customize-item, .sticky-wrapper.is-sticky .sticky-dark .x-nav-menu { color: #eee; } .sticky-wrapper.is-sticky .sticky-light { background-color: #fff !important; color: #444; } .sticky-wrapper.is-sticky .sticky-light .x-nav-menu, .sticky-wrapper.is-sticky .sticky-light .header-customize-item { color: #444; } .sticky-wrapper.is-sticky .sticky-gray { background-color: #eee !important; color: #222; } .sticky-wrapper.is-sticky .sticky-gray .header-customize-item, .sticky-wrapper.is-sticky .sticky-gray .x-nav-menu { color: #222; } body.boxed .sticky-wrapper.is-sticky .header-nav-wrapper { max-width: 1200px; margin: auto; } } @media screen and (max-width: 1399px) { .container-full { padding-left: 15px; padding-right: 15px; width: 1200px; max-width: 100%; margin: auto; } } header .header-logo > a > img.retina-logo, .overlay-menu-left > a > img.retina-logo { display: none; } @media only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .overlay-menu-left > a > img.has-retina, header .header-logo > a > img.has-retina { display: none; } .overlay-menu-left > a > img.retina-logo, header .header-logo > a > img.retina-logo { display: inline-block; } } @media screen and (max-width: 1199px) { .header-2 .x-nav-menu > .x-menu-item + .x-menu-item, .header-3 .x-nav-menu > .x-menu-item + .x-menu-item, .header-2 .header-customize-item:first-child, .header-3 .header-customize-item:first-child { margin-left: 30px; } } @media screen and (min-width: 992px) { header.mobile-header { display: none !important; } } @media screen and (max-width: 991px) { /*body { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; left: 0; }*/ header.mobile-header .micon, header.mobile-header i.fa { vertical-align: middle; } .top-bar-mobile { font-family: 'Montserrat'; font-size: 12px; letter-spacing: 0.05em; color: inherit; } .top-bar-mobile .sidebar aside + aside { margin-top: 0; margin-left: 20px; } .top-bar-mobile .header-mobile-container-inner { padding-top: 7px; padding-bottom: 7px; } .top-bar-mobile aside.widget { display: inline-block; vertical-align: middle; line-height: 30px; } .top-bar-mobile .top-bar-right { text-align: right; } .top-bar-mobile i.fa { vertical-align: middle; } .top-bar-mobile ul.s-default li { margin-bottom: 0; } .top-bar-mobile.container-bordered .header-mobile-container-inner, .top-bar-mobile.bordered { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .top-bar-mobile.top-bar-light-gray, .top-bar-mobile.top-bar-gray, .top-bar-mobile.top-bar-dark-gray, .top-bar-mobile.top-bar-dark, .top-bar-mobile.top-bar-overlay, .top-bar-mobile.top-bar-transparent { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.2); } .top-bar-mobile.top-bar-light { background-color: #fff; } .top-bar-mobile.top-bar-light-gray { background-color: #747474; } .top-bar-mobile.top-bar-gray { background-color: #5F5F5F; } .top-bar-mobile.top-bar-dark-gray { background-color: #4C4C4C; } .top-bar-mobile.top-bar-dark { background-color: #000; } .top-bar-mobile.top-bar-overlay { background-color: rgba(0, 0, 0, 0.3); } .top-bar-mobile.top-bar-transparent { background-color: transparent; } header.mobile-header { display: block !important; } header.mobile-header .mini-cart-link > a.view-cart, header.mobile-header .mini-cart-link > a.check-out { display: none !important; } header.main-header { display: none !important; } /*body.menu-mobile-in { left: 280px; overflow: hidden; }*/ .container.header-mobile-container { position: relative; } .header-mobile-before { text-align: center; } .header-mobile-before img { max-height: 92px; padding-top: 15px; padding-bottom: 15px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .header-mobile-nav.menu-drop-dropdown { max-height: 360px; position: relative; overflow: hidden; } .header-logo-mobile { line-height: 92px; vertical-align: middle; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding-left: 50px; padding-right: 50px; } .header-logo-mobile img { max-height: 92px; padding-top: 15px; padding-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header-logo-mobile img.retina-logo { display: none; } header.mobile-header { font-family: 'Montserrat'; } header.mobile-header .header-left, header.mobile-header .toggle-icon-wrapper.toggle-desktop, header.mobile-header .header-customize { display: none; } header.mobile-header .header-container-wrapper { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 997; top: 0; } header.mobile-header .header-mobile-inner { height: 92px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.mobile-header .header-mobile-inner .header-customize { display: block; font-size: 0; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; } header.mobile-header .header-mobile-inner .header-customize:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } header.mobile-header .header-mobile-inner .header-customize-item { font-size: 14px; display: inline-block; vertical-align: middle; } header.mobile-header .header-mobile-inner .header-customize-item + .header-customize-item { margin-left: 10px; } header.mobile-header .header-mobile-inner .toggle-icon-wrapper { position: absolute; top: 0; bottom: 0; left: 0; font-size: 0; } header.mobile-header .header-mobile-inner .icon-search-menu { display: inline-block; vertical-align: middle; height: 45px; text-align: center; line-height: 45px; padding: 0; font-size: 18px; color: #222; } header.mobile-header .header-mobile-inner .icon-search-menu > i { vertical-align: middle; } header.mobile-header .ps-container > .ps-scrollbar-y-rail { right: 0; } header.mobile-header.bordered { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } header.mobile-header.container-bordered .header-mobile-container > .header-mobile-inner, header.mobile-header.container-bordered .search-mobile-wrapper { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } header.mobile-header.header-light-gray, header.mobile-header.header-gray, header.mobile-header.header-dark-gray, header.mobile-header.header-dark, header.mobile-header.header-overlay, header.mobile-header.header-transparent { color: #fff; } header.mobile-header.header-light-gray .toggle-icon-wrapper .toggle-icon > span, header.mobile-header.header-gray .toggle-icon-wrapper .toggle-icon > span, header.mobile-header.header-dark-gray .toggle-icon-wrapper .toggle-icon > span, header.mobile-header.header-dark .toggle-icon-wrapper .toggle-icon > span, header.mobile-header.header-overlay .toggle-icon-wrapper .toggle-icon > span, header.mobile-header.header-transparent .toggle-icon-wrapper .toggle-icon > span, header.mobile-header.header-light-gray .toggle-icon-wrapper .toggle-icon:before, header.mobile-header.header-gray .toggle-icon-wrapper .toggle-icon:before, header.mobile-header.header-dark-gray .toggle-icon-wrapper .toggle-icon:before, header.mobile-header.header-dark .toggle-icon-wrapper .toggle-icon:before, header.mobile-header.header-overlay .toggle-icon-wrapper .toggle-icon:before, header.mobile-header.header-transparent .toggle-icon-wrapper .toggle-icon:before, header.mobile-header.header-light-gray .toggle-icon-wrapper .toggle-icon:after, header.mobile-header.header-gray .toggle-icon-wrapper .toggle-icon:after, header.mobile-header.header-dark-gray .toggle-icon-wrapper .toggle-icon:after, header.mobile-header.header-dark .toggle-icon-wrapper .toggle-icon:after, header.mobile-header.header-overlay .toggle-icon-wrapper .toggle-icon:after, header.mobile-header.header-transparent .toggle-icon-wrapper .toggle-icon:after { background-color: #fff; } header.mobile-header.header-light-gray .header-mobile-inner .icon-search-menu, header.mobile-header.header-gray .header-mobile-inner .icon-search-menu, header.mobile-header.header-dark-gray .header-mobile-inner .icon-search-menu, header.mobile-header.header-dark .header-mobile-inner .icon-search-menu, header.mobile-header.header-overlay .header-mobile-inner .icon-search-menu, header.mobile-header.header-transparent .header-mobile-inner .icon-search-menu { color: #fff; } header.mobile-header.header-light-gray .search-mobile-wrapper form, header.mobile-header.header-gray .search-mobile-wrapper form, header.mobile-header.header-dark-gray .search-mobile-wrapper form, header.mobile-header.header-dark .search-mobile-wrapper form, header.mobile-header.header-overlay .search-mobile-wrapper form, header.mobile-header.header-transparent .search-mobile-wrapper form { color: #fff; } header.mobile-header.header-light-gray .top-bar-transparent.container-bordered .header-mobile-container-inner, header.mobile-header.header-gray .top-bar-transparent.container-bordered .header-mobile-container-inner, header.mobile-header.header-dark-gray .top-bar-transparent.container-bordered .header-mobile-container-inner, header.mobile-header.header-dark .top-bar-transparent.container-bordered .header-mobile-container-inner, header.mobile-header.header-overlay .top-bar-transparent.container-bordered .header-mobile-container-inner, header.mobile-header.header-transparent .top-bar-transparent.container-bordered .header-mobile-container-inner, header.mobile-header.header-light-gray .top-bar-transparent.bordered, header.mobile-header.header-gray .top-bar-transparent.bordered, header.mobile-header.header-dark-gray .top-bar-transparent.bordered, header.mobile-header.header-dark .top-bar-transparent.bordered, header.mobile-header.header-overlay .top-bar-transparent.bordered, header.mobile-header.header-transparent .top-bar-transparent.bordered, header.mobile-header.header-light-gray.bordered, header.mobile-header.header-gray.bordered, header.mobile-header.header-dark-gray.bordered, header.mobile-header.header-dark.bordered, header.mobile-header.header-overlay.bordered, header.mobile-header.header-transparent.bordered, header.mobile-header.header-light-gray.bordered .header-container-wrapper, header.mobile-header.header-gray.bordered .header-container-wrapper, header.mobile-header.header-dark-gray.bordered .header-container-wrapper, header.mobile-header.header-dark.bordered .header-container-wrapper, header.mobile-header.header-overlay.bordered .header-container-wrapper, header.mobile-header.header-transparent.bordered .header-container-wrapper, header.mobile-header.header-light-gray.container-bordered .header-mobile-container > .header-mobile-inner, header.mobile-header.header-gray.container-bordered .header-mobile-container > .header-mobile-inner, header.mobile-header.header-dark-gray.container-bordered .header-mobile-container > .header-mobile-inner, header.mobile-header.header-dark.container-bordered .header-mobile-container > .header-mobile-inner, header.mobile-header.header-overlay.container-bordered .header-mobile-container > .header-mobile-inner, header.mobile-header.header-transparent.container-bordered .header-mobile-container > .header-mobile-inner, header.mobile-header.header-light-gray.container-bordered .search-mobile-wrapper, header.mobile-header.header-gray.container-bordered .search-mobile-wrapper, header.mobile-header.header-dark-gray.container-bordered .search-mobile-wrapper, header.mobile-header.header-dark.container-bordered .search-mobile-wrapper, header.mobile-header.header-overlay.container-bordered .search-mobile-wrapper, header.mobile-header.header-transparent.container-bordered .search-mobile-wrapper { border-bottom-color: rgba(255, 255, 255, 0.2); } header.mobile-header.header-light { background-color: #fff; } header.mobile-header.header-light .search-mobile-wrapper form { color: #444; } header.mobile-header.header-light .top-bar-mobile.top-bar-transparent { color: #444; border-bottom-color: rgba(0, 0, 0, 0.1); } header.mobile-header.header-light-gray { background-color: #747474; } header.mobile-header.header-gray { background-color: #5F5F5F; } header.mobile-header.header-dark-gray { background-color: #4C4C4C; } header.mobile-header.header-dark { background-color: #000; } header.mobile-header.header-overlay { background-color: rgba(0, 0, 0, 0.3); } header.mobile-header.header-transparent { background-color: transparent; } .x-nav-menu { padding: 0; margin: 0; display: block; background-color: transparent; } .x-nav-menu a.x-menu-a-text > b.x-caret:before { color: #ddd; } .x-nav-menu li.x-menu-item { border-bottom: solid 1px #4C4C4C; position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; cursor: auto; } .x-nav-menu li.x-menu-item:not(.x-sub-menu-open):hover { background-color: #4c4c4c; } .x-nav-menu li.x-menu-item.menu-item-has-children { cursor: pointer; } .x-nav-menu li.x-menu-item > a.x-menu-a-text { display: inline-block; position: static; padding: 14px 15px; border-bottom: none; text-transform: uppercase; font-family: 'Montserrat'; color: #ddd; font-size: 13px; letter-spacing: 0.05em; } .x-nav-menu li.x-menu-item > a.x-menu-a-text > b.x-caret { position: absolute; right: 0; bottom: auto; top: 0; width: 44px; height: 51px; line-height: 51px; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .x-nav-menu li.x-menu-item > a.x-menu-a-text > b.x-caret:before { content: '\e0d9'; font-family: 'megatron'; display: inline-block; font-size: 0.7em; } .x-nav-menu li.x-menu-item.x-sub-menu-open > a > b.x-caret { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .x-nav-menu li.x-menu-item.x-sub-menu-open > ul.x-sub-menu:before { content: ""; display: block; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px #383838; position: absolute; top: 0; left: 15px; z-index: 1; } .x-nav-menu li li.x-menu-item > a.x-menu-a-text { font-family: 'Playfair Display'; font-style: italic; } .x-nav-menu li li.x-menu-item > a.x-menu-a-text > b.x-caret { font-style: normal; } .x-nav-menu li.current-menu-ancestor > a.x-menu-a-text, .x-nav-menu li.current-menu-parent > a.x-menu-a-text, .x-nav-menu li.current-menu-item > a.x-menu-a-text, .x-nav-menu li.menu-current > a.x-menu-a-text, .x-nav-menu li > a.x-menu-a-text:hover, .x-nav-menu li:hover > a, .x-nav-menu li ul.x-sub-menu li:hover > a { color: #10b765; } .x-nav-menu li.current-menu-ancestor > a.x-menu-a-text > b.x-caret:before, .x-nav-menu li.current-menu-parent > a.x-menu-a-text > b.x-caret:before, .x-nav-menu li.current-menu-item > a.x-menu-a-text > b.x-caret:before, .x-nav-menu li.menu-current > a.x-menu-a-text > b.x-caret:before, .x-nav-menu li > a.x-menu-a-text:hover > b.x-caret:before, .x-nav-menu li:hover > a > b.x-caret:before, .x-nav-menu li ul.x-sub-menu li:hover > a > b.x-caret:before { color: #10b765; } .x-nav-menu ul.x-sub-menu { background-color: #444; padding-left: 0; position: relative; } .x-nav-menu ul.x-sub-menu > li.x-menu-item > a.x-menu-a-text { font-size: 14px; text-transform: none; } .x-nav-menu ul.x-sub-menu > li.x-menu-item.x-sub-menu-open > ul.x-sub-menu:before { border-top: solid 6px #444; } .x-nav-menu ul ul.x-sub-menu { background-color: #525252; } .x-nav-menu ul ul.x-sub-menu > li.x-menu-item.x-sub-menu-open > ul.x-sub-menu:before { border-top: solid 6px #525252; } .x-nav-menu ul ul ul.x-sub-menu { background-color: #5f5f5f; } .x-nav-menu ul ul ul.x-sub-menu > li.x-menu-item.x-sub-menu-open > ul.x-sub-menu:before { border-top: solid 6px #5f5f5f; } .x-nav-menu ul ul ul ul.x-sub-menu { background-color: #414141; } .header-mobile-nav { background-color: #383838; display: none; margin-bottom: 15px; } .mobile-header-float { position: absolute; left: 0; right: 0; z-index: 999; } .mobile-header-float .sticky-wrapper { height: auto !important; position: relative !important; } form.search-form-menu-mobile { display: none; } .header-mobile-nav.menu-drop-fly { display: block; position: fixed; margin: 0; top: 0; bottom: 0; overflow: auto; overflow-x: hidden; width: 280px; left: -280px; border-right: solid 3px #10b765; z-index: 999999; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-mobile-nav.menu-drop-fly.in { left: 0; } .header-mobile-nav.menu-drop-fly form.search-form-menu-mobile { display: block; background-color: #222; padding: 15px; position: relative; } .header-mobile-nav.menu-drop-fly form.search-form-menu-mobile input { background-color: #333; border: none; display: block; width: 100%; font-size: 14px; line-height: 1.2; height: auto; padding: 12px; font-family: inherit; } .header-mobile-nav.menu-drop-fly form.search-form-menu-mobile button { border: none; background-color: transparent; position: absolute; top: 0; right: 19px; line-height: 1; bottom: 0; margin: auto; font-size: 16px; } .main-menu-overlay { opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: -1; pointer-events: none; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } body.menu-mobile-in .main-menu-overlay { opacity: 1; z-index: 999; pointer-events: auto; cursor: url(assets/images/close.png) 15 15, default; } header.header-mobile-2 .header-logo-mobile { float: left; width: 100%; padding-right: 70px; padding-left: 0; text-align: left; } header.header-mobile-2 .header-mobile-inner .toggle-icon-wrapper { right: 0; left: auto; } header.header-mobile-2 .header-mobile-inner .header-customize { right: 40px; } header.header-mobile-3 .header-logo-mobile { float: right; padding-left: 70px; padding-right: 0; text-align: right; } header.header-mobile-3 .header-mobile-inner .header-customize { left: 40px; right: auto; } header.header-mobile-4.container-bordered { margin-bottom: 15px; } header.header-mobile-4.bordered .header-container-wrapper { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } header.header-mobile-4 .search-mobile-wrapper form { padding: 0; margin: 0; position: relative; } header.header-mobile-4 .search-mobile-wrapper form > input { background-color: transparent; border: none; width: 100%; padding: 0; margin: 0; color: inherit; } header.header-mobile-4 .search-mobile-wrapper form > i { position: absolute; right: 0; top: 0; margin: auto; bottom: 0; font-size: 18px; height: 18px; } body.mobile-border-container #page-title { width: auto; margin-left: 15px; margin-right: 15px; } .sticky-wrapper.is-sticky > .header-container-wrapper { z-index: 997; left: 0; right: 0; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15); } .sticky-wrapper.is-sticky .header-logo-mobile { line-height: 66px; } .sticky-wrapper.is-sticky .header-mobile-inner { height: 66px; } .header-light .sticky-wrapper.is-sticky > .header-container-wrapper { background-color: #fff; } .header-light-gray .sticky-wrapper.is-sticky > .header-container-wrapper { background-color: #747474; } .header-gray .sticky-wrapper.is-sticky > .header-container-wrapper { background-color: #5F5F5F; } .header-dark-gray .sticky-wrapper.is-sticky > .header-container-wrapper { background-color: #4C4C4C; } .header-dark .sticky-wrapper.is-sticky > .header-container-wrapper { background-color: #000; } .header-overlay .sticky-wrapper.is-sticky > .header-container-wrapper { background-color: rgba(0, 0, 0, 0.3); } .sticky-wrapper:not(.is-sticky) { height: auto !important; position: relative !important; } .sticky-wrapper.is-sticky header.mobile-header ul.x-nav-menu { max-height: 450px; overflow: auto; } body.menu-mobile-in .sticky-wrapper.is-sticky > .header-container-wrapper.menu-drop-fly { left: 280px; right: -280px; } } @media only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .header-logo-mobile img.retina-logo { display: inline-block; } .header-logo-mobile img.has-retina { display: none; } } .page-template-coming-soon #top-drawer-area { display: none; } #top-drawer-area { position: relative; z-index: 999; } #top-drawer-bar { background-color: #2f2f2f; color: #c5c5c5; height: auto; overflow: hidden; padding: 0; z-index: 3; } #top-drawer-bar .sidebar { color: #c5c5c5; } #top-drawer-bar .sidebar h4.widget-title { color: #c5c5c5; } #top-drawer-bar .sidebar .widget-posts-wrap .widget-posts-title { color: #c5c5c5; } #top-drawer-bar .sidebar #wp-calendar caption, #top-drawer-bar .sidebar #wp-calendar thead th { color: #c5c5c5; } #top-drawer-bar .sidebar .widget-social-profile { line-height: 50px; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu { overflow: visible; border: none; margin: 0; padding: 0; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu li { display: inline-block; position: relative; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu li:before { display: none; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu li:hover > ul { display: block; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li { line-height: 50px; padding: 0; margin: 0; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li + li { margin-left: 20px; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul { display: none; border-top: solid 1px #444444; position: absolute; z-index: 999; left: 0; top: 100%; background-color: #2f2f2f; color: #c5c5c5; text-align: left; margin: 0; padding: 0 15px; min-width: 150px; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul li { display: block; line-height: 26px; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul li + li { border-top: solid 1px #444444; } #top-drawer-bar .sidebar .widget_nav_menu > div > ul.menu > li ul ul { left: 100%; top: 0; } #top-drawer-bar .sidebar .darna-contact-info span i { color: #FFFFFF; } #top-drawer-bar .sidebar ul.product_list_widget li a { color: #FFFFFF; } #top-drawer-bar .sidebar .mail-chimp-wrapper .mail-chimp-button > input { background-color: rgba(73, 73, 73, 0.5); color: #c5c5c5; } .top-drawer-toggle { border-left: 28px solid transparent; border-top: 28px solid #10b765; position: absolute; right: 0; top: 0; } .top-drawer-toggle > .wicon { color: #FFFFFF; font-size: 13px; left: -14px; position: absolute; text-shadow: none; top: -26px; } .top-drawer-toggle.open:after { content: "\f068"; } .top-drawer-show { display: block; } .top-drawer-hide { display: none; } #top-drawer-area .g5plus-col-3, #top-drawer-area .g5plus-col-4, #top-drawer-area .g5plus-col-6, #top-drawer-area .g5plus-col-8, #top-drawer-area .g5plus-col-12 { float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #top-drawer-area .g5plus-col-3 { width: 25%; } #top-drawer-area .g5plus-col-4 { width: 33.33333333%; } #top-drawer-area .g5plus-col-6 { width: 50%; } #top-drawer-area .g5plus-col-8 { width: 66.66666667%; } #top-drawer-area .g5plus-col-12 { width: 100%; } @media screen and (min-width: 992px) { .x-col-1-12 { width: 8.33333333333333%; } .x-col-2-12 { width: 16.6666666666667%; } .x-col-3-12 { width: 25%; } .x-col-4-12 { width: 33.3333333333333%; } .x-col-5-12 { width: 41.6666666666667%; } .x-col-6-12 { width: 50%; } .x-col-7-12 { width: 58.3333333333333%; } .x-col-8-12 { width: 66.6666666666667%; } .x-col-9-12 { width: 75%; } .x-col-10-12 { width: 83.3333333333333%; } .x-col-11-12 { width: 91.6666666666667%; } .x-col-12-12 { width: 100%; } .x-col-1-11 { width: 9.09090909090909%; } .x-col-2-11 { width: 18.1818181818182%; } .x-col-3-11 { width: 27.2727272727273%; } .x-col-4-11 { width: 36.3636363636364%; } .x-col-5-11 { width: 45.4545454545455%; } .x-col-6-11 { width: 54.5454545454545%; } .x-col-7-11 { width: 63.6363636363636%; } .x-col-8-11 { width: 72.7272727272727%; } .x-col-9-11 { width: 81.8181818181818%; } .x-col-10-11 { width: 90.9090909090909%; } .x-col-1-10 { width: 10%; } .x-col-2-10 { width: 20%; } .x-col-3-10 { width: 30%; } .x-col-4-10 { width: 40%; } .x-col-5-10 { width: 50%; } .x-col-6-10 { width: 60%; } .x-col-7-10 { width: 70%; } .x-col-8-10 { width: 80%; } .x-col-9-10 { width: 90%; } .x-col-1-8 { width: 12.5%; } .x-col-3-8 { width: 37.5%; } .x-col-5-8 { width: 62.5%; } .x-col-7-8 { width: 87.5%; } .x-col-1-9 { width: 11.1111111111111%; } .x-col-2-9 { width: 22.2222222222222%; } .x-col-4-9 { width: 44.4444444444444%; } .x-col-5-9 { width: 55.5555555555556%; } .x-col-7-9 { width: 77.7777777777778%; } .x-col-8-9 { width: 88.8888888888889%; } .x-col-1-7 { width: 14.2857142857143%; } .x-col-2-7 { width: 28.5714285714286%; } .x-col-3-7 { width: 42.8571428571429%; } .x-col-4-7 { width: 57.1428571428571%; } .x-col-5-7 { width: 71.4285714285714%; } .x-col-6-7 { width: 85.7142857142857%; } .x-col { display: block; float: left; } .x-clear { clear: both; } .x-new-row { clear: both; } li.x-pos-static { position: static; } li.x-text-align-right { text-align: right; } li.x-text-align-left { text-align: left; } li.x-text-align-center { text-align: center; } span.x-disable-text { display: none; } i.x-menu-icon.x-icon-left { padding-right: 10px; } i.x-menu-icon.x-icon-right { padding-left: 10px; } i.x-menu-icon.x-icon-left.x-disable-text { padding-right: 0; } i.x-menu-icon.x-icon-right.x-disable-text { padding-left: 0; } li > a.x-disable-menu-item { display: none !important; } li.x-new-row:after { content: ""; display: block; clear: both; } .x-list-style-none { list-style: none; list-style-position: inside; } .x-list-style-disc { list-style: disc !important; list-style-position: inside !important; } .x-list-style-square { list-style: square !important; list-style-position: inside !important; } .x-list-style-circle { list-style: circle !important; list-style-position: inside !important; } li.x-image-layout-image-only a.x-menu-a-text { display: none; } li.x-image-layout-image-only p.x-description { display: none; } li.x-image-layout-above > a.x-image + a.x-menu-a-text { margin-top: 10px; } .x-sub-menu-standard .x-sub-menu.x-pos-left-menu-parent, .x-sub-menu-standard .x-sub-menu.x-pos-left-menu-bar { right: 100%; left: auto; } .x-sub-menu.x-pos-full { left: 0; right: 0; } .x-nav-menu { display: inline-block; margin: 0; padding: 0; list-style: none; text-align: left; } .x-nav-menu img { max-width: 100%; height: auto; } .x-nav-menu * { color: inherit; box-sizing: border-box; } .x-nav-menu > .x-menu-item { display: inline-block; line-height: 90px; } .x-nav-menu > .x-menu-item > a b.x-caret { display: none; } .x-nav-menu > .x-menu-item + .x-menu-item { margin-left: 40px; } .x-nav-menu > .x-menu-item > .x-menu-a-text { font-size: 13px; } .x-sub-menu { height: 0; visibility: hidden; overflow: hidden; position: absolute; opacity: 0; top: 100%; padding: 0; margin: 0; color: #444; z-index: -1; list-style: none; background-color: #fff; border-bottom: solid 2px #10b765; -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15); } .x-sub-menu .x-menu-item { position: relative; min-width: 210px; white-space: nowrap; } .x-menu-item { line-height: 50px; } .x-menu-item b.x-caret:before { content: "\e169"; font-family: 'megatron'; font-size: 0.8em; } .x-active > .x-sub-menu { overflow: visible; visibility: visible; opacity: 1; height: auto; z-index: 999; } .x-menu-a-text { font-family: 'Montserrat'; text-transform: uppercase; font-size: 11px; } p.x-description { font-style: italic; font-size: 0.9em; line-height: 30px; } .x-sub-menu-standard { padding: 10px 0; } .x-sub-menu-standard > .x-menu-item b.x-caret { position: absolute; right: 20px; transition: all 0.5s; } .x-sub-menu-standard a.x-menu-a-text { padding: 0 20px; color: inherit; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out; display: block; } .x-sub-menu-standard a.x-menu-a-text:before { content: "\e169"; font-family: 'megatron'; font-size: 0.8em; opacity: 0; margin-left: -10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .x-sub-menu-standard a.x-menu-a-text > span.x-menu-text, .x-sub-menu-standard a.x-menu-a-text > i.x-menu-icon { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .x-sub-menu-standard a.x-menu-a-text:hover { background-color: rgba(16, 183, 101, 0.6); color: #fff; } .x-sub-menu-standard a.x-menu-a-text:hover > i.x-menu-icon, .x-sub-menu-standard a.x-menu-a-text:hover > span.x-menu-text { padding-left: 10px; } .x-sub-menu-standard a.x-menu-a-text:hover > i.x-menu-icon + span.x-menu-text { padding-left: 0; } .x-sub-menu-standard a.x-menu-a-text:hover:before { margin-left: 0; opacity: 1; } .x-sub-menu-standard a.x-menu-a-text:hover > b.x-caret { opacity: 0; } .x-sub-menu-standard .x-sub-menu { top: 0; left: 100%; right: auto; } .x-sub-menu-multi-column { padding-bottom: 30px; display: flex; } .x-sub-menu-multi-column.no-padding { padding: 0; } .x-sub-menu-multi-column:after { content: ""; display: block; clear: both; } .x-sub-menu-multi-column > .x-menu-item { padding-left: 15px; padding-right: 15px; margin-top: 30px; min-width: 0; } .x-sub-menu-multi-column > .x-menu-item + .x-menu-item { border-left: solid 1px rgba(0, 0, 0, 0.1); } .x-sub-menu-multi-column a.x-menu-a-text, .x-sub-menu-multi-column p.x-description { padding-left: 15px; padding-right: 15px; } .x-sub-menu-multi-column .x-sub-menu { padding-top: 0; padding-bottom: 0; height: auto; visibility: visible; opacity: 1; position: static; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; z-index: 999; overflow: visible; } .x-sub-menu-multi-column li.x-active > ul.x-sub-menu { visibility: visible !important; opacity: 1 !important; overflow: visible !important; } .x-sub-menu-multi-column .x-header-column > a { font-size: 1em; color: #444; position: relative; line-height: 1; display: block; margin-bottom: 20px; } .x-sub-menu-multi-column b.x-caret { display: none; } .x-tabs.x-item-menu-tab { position: static; padding: 0; margin: 0; } .x-tabs.x-item-menu-tab > .x-menu-a-text { display: none; } .x-sub-menu-tab > .x-menu-item { position: static; } .x-sub-menu-tab > li > ul.x-sub-menu { position: absolute; left: 0; right: 0; top: 0; border-bottom: 0; visibility: hidden; overflow: hidden; opacity: 0; height: 0; padding-bottom: 30px; } .x-sub-menu-tab > li.x-menu-active { background-color: rgba(0, 0, 0, 0.1); } .x-sub-menu-tab > li.x-menu-active > a.x-menu-a-text { display: block; position: relative; } .x-sub-menu-tab > li.x-menu-active > a.x-menu-a-text:after { content: ''; position: absolute; right: 0; border-top: solid 8px transparent; border-bottom: solid 8px transparent; border-right: solid 8px #fff; height: 16px; top: 0; bottom: 0; margin: auto; } .x-sub-menu-tab > li.x-menu-active > ul.x-sub-menu { visibility: visible; overflow: visible; opacity: 1; height: auto; } .x-sub-menu-tab .x-menu-item { min-width: 0; } .x-tabs > .x-sub-menu-tab { background-color: #f6f6f6; } .sub-menu-dark .x-sub-menu { background-color: #111; color: #ccc; } .sub-menu-dark .x-sub-menu-multi-column > .x-menu-item + .x-menu-item { border-left-color: #222; } .sub-menu-dark .x-tabs > .x-sub-menu-tab { background-color: rgba(255, 255, 255, 0.1); } .sub-menu-dark .x-sub-menu-tab > li.x-menu-active { background-color: rgba(255, 255, 255, 0.1); } .sub-menu-dark .x-sub-menu-tab > li.x-menu-active > a.x-menu-a-text:after { border-right-color: #111; } .sub-menu-dark .x-sub-menu-multi-column .x-header-column > a { color: #fff; } .x-nav-menu a:focus { color: inherit; } .x-nav-menu .x-sub-menu-standard > li.current-menu-ancestor > a.x-menu-a-text, .x-nav-menu .x-sub-menu-standard > li.current-menu-parent > a.x-menu-a-text, .x-nav-menu .x-sub-menu-standard > li.current-menu-item > a.x-menu-a-text, .x-nav-menu .x-sub-menu-standard > li.menu-current > a.x-menu-a-text { color: #10b765; } .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text, .x-nav-menu > li.current-menu-parent > a.x-menu-a-text, .x-nav-menu > li.current-menu-item > a.x-menu-a-text, .x-nav-menu > li.menu-current > a.x-menu-a-text, .x-nav-menu > li > a.x-menu-a-text:hover, .x-nav-menu > li.x-menu-item:hover > a { color: #10b765; } } @media screen and (max-width: 991px) { i.x-icon-left { margin-right: 10px; } i.x-icon-right { margin-left: 10px; } .x-sub-menu { display: none; } } /** * 4.0 - Footer * ---------------------------------------------------------------------------- */ footer.main-footer-wrapper { position: relative; background-color: #222222; color: #bababa; } footer.main-footer-wrapper input[type="text"], footer.main-footer-wrapper input[type="search"], footer.main-footer-wrapper input[type="email"], footer.main-footer-wrapper input[type="url"], footer.main-footer-wrapper input[type="password"], footer.main-footer-wrapper input[type="tel"], footer.main-footer-wrapper textarea, footer.main-footer-wrapper select { max-width: 100%; } footer.main-footer-wrapper.main-footer-bg { -webkit-background-size: cover; background-size: cover; background-position: center top; background-repeat: no-repeat; background-clip: content-box; position: relative; } footer.main-footer-wrapper.main-footer-bg:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); } footer.main-footer-wrapper h4.widget-title { font-size: 18px; font-weight: normal; font-family: 'Montserrat'; letter-spacing: 0.05em; color: #ffffff; margin-bottom: 30px; padding-top: 15px; } footer.main-footer-wrapper h4.widget-title:before { display: none; } footer.main-footer-wrapper .sidebar aside + aside { margin-top: 30px; } footer.main-footer-wrapper .sidebar ul.wp-block-page-list > li > a, footer.main-footer-wrapper .sidebar ul.wp-block-archives-list > li > a, footer.main-footer-wrapper .sidebar ul.wp-block-categories-list > li > a, footer.main-footer-wrapper .sidebar .widget_archive > ul > li > a, footer.main-footer-wrapper .sidebar .widget_categories > ul > li > a, footer.main-footer-wrapper .sidebar .widget_pages > ul > li > a, footer.main-footer-wrapper .sidebar .widget_nav_menu > div > ul > li > a, footer.main-footer-wrapper .sidebar .woocommerce .widget_product_categories > ul > li > a, footer.main-footer-wrapper .sidebar .wc-block-product-categories > ul > li > a, footer.main-footer-wrapper .sidebar .widget_layered_nav > ul > li > a { padding-left: 0; font-size: 12px; text-decoration: none; line-height: 2; } footer.main-footer-wrapper .sidebar ul.wp-block-page-list > li > a:before, footer.main-footer-wrapper .sidebar ul.wp-block-archives-list > li > a:before, footer.main-footer-wrapper .sidebar ul.wp-block-categories-list > li > a:before, footer.main-footer-wrapper .sidebar .widget_archive > ul > li > a:before, footer.main-footer-wrapper .sidebar .widget_categories > ul > li > a:before, footer.main-footer-wrapper .sidebar .widget_pages > ul > li > a:before, footer.main-footer-wrapper .sidebar .widget_nav_menu > div > ul > li > a:before, footer.main-footer-wrapper .sidebar .woocommerce .widget_product_categories > ul > li > a:before, footer.main-footer-wrapper .sidebar .wc-block-product-categories > ul > li > a:before, footer.main-footer-wrapper .sidebar .widget_layered_nav > ul > li > a:before { content: "\e169"; font-family: 'megatron'; color: #10b765; padding-right: 5px; vertical-align: middle; } footer.main-footer-wrapper .sidebar ul.wp-block-page-list, footer.main-footer-wrapper .sidebar ul.wp-block-archives-list, footer.main-footer-wrapper .sidebar ul.wp-block-categories-list, footer.main-footer-wrapper .sidebar .widget_archive > ul, footer.main-footer-wrapper .sidebar .widget_categories > ul, footer.main-footer-wrapper .sidebar .widget_pages > ul, footer.main-footer-wrapper .sidebar .widget_nav_menu > div > ul, footer.main-footer-wrapper .sidebar .woocommerce .widget_product_categories > ul, footer.main-footer-wrapper .sidebar .wc-block-product-categories > ul, footer.main-footer-wrapper .sidebar .widget_layered_nav > ul { border-bottom: none; padding-bottom: 0; } footer.main-footer-wrapper .sidebar ul.wp-block-page-list li, footer.main-footer-wrapper .sidebar ul.wp-block-archives-list li, footer.main-footer-wrapper .sidebar ul.wp-block-categories-list li, footer.main-footer-wrapper .sidebar .widget_archive li, footer.main-footer-wrapper .sidebar .widget_categories li, footer.main-footer-wrapper .sidebar .widget_pages li, footer.main-footer-wrapper .sidebar .widget_nav_menu > div li, footer.main-footer-wrapper .sidebar .woocommerce .widget_product_categories li, footer.main-footer-wrapper .sidebar .wc-block-product-categories li, footer.main-footer-wrapper .sidebar .widget_layered_nav li { margin-top: 0; margin-bottom: 0; } footer.main-footer-wrapper .sidebar ul.wp-block-page-list li + li, footer.main-footer-wrapper .sidebar ul.wp-block-archives-list li + li, footer.main-footer-wrapper .sidebar ul.wp-block-categories-list li + li, footer.main-footer-wrapper .sidebar .widget_archive li + li, footer.main-footer-wrapper .sidebar .widget_categories li + li, footer.main-footer-wrapper .sidebar .widget_pages li + li, footer.main-footer-wrapper .sidebar .widget_nav_menu > div li + li, footer.main-footer-wrapper .sidebar .woocommerce .widget_product_categories li + li, footer.main-footer-wrapper .sidebar .wc-block-product-categories li + li, footer.main-footer-wrapper .sidebar .widget_layered_nav li + li { border-top: none; } footer.main-footer-wrapper .sidebar .two-col:after { content: ""; display: block; clear: both; } footer.main-footer-wrapper .sidebar .two-col ul > li { width: 50%; float: left; line-height: 3; padding-top: 0; } footer.main-footer-wrapper .sidebar .widget_meta li + li, footer.main-footer-wrapper .sidebar .widget_recent_comments li + li, footer.main-footer-wrapper .sidebar .widget_recent_entries li + li, footer.main-footer-wrapper .sidebar .widget_rss li + li { border-top: none; } footer.main-footer-wrapper .sidebar .widget_meta li, footer.main-footer-wrapper .sidebar .widget_recent_comments li, footer.main-footer-wrapper .sidebar .widget_recent_entries li, footer.main-footer-wrapper .sidebar .widget_rss li { padding: 0; font-family: 'Montserrat'; font-size: 12px; line-height: 2; text-transform: uppercase; } footer.main-footer-wrapper .sidebar .tagcloud a { color: inherit; background-color: transparent; border-radius: 0; line-height: 38px; height: auto; } footer.main-footer-wrapper .sidebar .tagcloud a:hover { border-color: #10b765; color: #10b765; } footer.main-footer-wrapper .sidebar .tagcloud a { border: solid 1px #3c3c3c; } footer.main-footer-wrapper .sidebar .wpcf7-form input[type="text"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="search"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="email"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="url"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="password"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="tel"], footer.main-footer-wrapper .sidebar .wpcf7-form textarea, footer.main-footer-wrapper .sidebar .wpcf7-form select { background-color: transparent; } footer.main-footer-wrapper .sidebar .wpcf7-form span.wpcf7-form-control-wrap { display: block; } footer.main-footer-wrapper .sidebar .wpcf7-form input[type="text"]:focus, footer.main-footer-wrapper .sidebar .wpcf7-form input[type="search"]:focus, footer.main-footer-wrapper .sidebar .wpcf7-form input[type="email"]:focus, footer.main-footer-wrapper .sidebar .wpcf7-form input[type="url"]:focus, footer.main-footer-wrapper .sidebar .wpcf7-form input[type="password"]:focus, footer.main-footer-wrapper .sidebar .wpcf7-form input[type="tel"]:focus, footer.main-footer-wrapper .sidebar .wpcf7-form textarea:focus, footer.main-footer-wrapper .sidebar .wpcf7-form select:focus { border-color: #10b765; } footer.main-footer-wrapper .sidebar .wpcf7-form input[type="text"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="search"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="email"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="url"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="password"], footer.main-footer-wrapper .sidebar .wpcf7-form input[type="tel"], footer.main-footer-wrapper .sidebar .wpcf7-form textarea, footer.main-footer-wrapper .sidebar .wpcf7-form select { border: solid 1px #3c3c3c; } footer.main-footer-wrapper .sidebar .form-contact-wrap.large-form .col { margin-bottom: 30px; } footer.main-footer-wrapper .sidebar .form-contact-wrap.large-form textarea { display: block; } footer.main-footer-wrapper .sidebar .form-contact-wrap.large-form input[type="text"], footer.main-footer-wrapper .sidebar .form-contact-wrap.large-form input[type="tel"], footer.main-footer-wrapper .sidebar .form-contact-wrap.large-form input[type="email"], footer.main-footer-wrapper .sidebar .form-contact-wrap.large-form textarea { width: 100%; } footer.main-footer-wrapper .sidebar .widget_text.button-gray .m-button-light { border-color: #666; color: #aaa; } footer.main-footer-wrapper .sidebar .widget_text.button-gray .m-button-light:hover { border-color: #fff; color: #444; } footer.main-footer-wrapper .sidebar .mc4wp-form input[type="text"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="search"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="email"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="url"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="password"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="tel"], footer.main-footer-wrapper .sidebar .mc4wp-form textarea, footer.main-footer-wrapper .sidebar .mc4wp-form select { background-color: transparent; width: 100%; } footer.main-footer-wrapper .sidebar .mc4wp-form input[type="text"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="search"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="email"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="url"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="password"], footer.main-footer-wrapper .sidebar .mc4wp-form input[type="tel"], footer.main-footer-wrapper .sidebar .mc4wp-form textarea, footer.main-footer-wrapper .sidebar .mc4wp-form select { border: solid 1px #3c3c3c; } footer.main-footer-wrapper .sidebar .mailchimp-hide-label .mailchimp-label { display: none; } footer.main-footer-wrapper .sidebar .mailchimp-inline form { position: relative; } footer.main-footer-wrapper .sidebar .mailchimp-inline p.input-wrapper { display: block; margin-right: 140px; } footer.main-footer-wrapper .sidebar .mailchimp-inline p.input-wrapper input { width: 100%; } footer.main-footer-wrapper .sidebar .mailchimp-inline p.submit-wrapper { display: block; position: absolute; right: 0; top: 0; } footer.main-footer-wrapper .sidebar .footer-contact-info ul { list-style: none; padding: 0; margin: 0; } footer.main-footer-wrapper .sidebar .footer-contact-info li { line-height: 3; font-size: 12px; font-family: 'Montserrat'; font-weight: 400; } footer.main-footer-wrapper .sidebar .footer-contact-info i.fa, footer.main-footer-wrapper .sidebar .footer-contact-info i.micon { vertical-align: middle; margin-right: 5px; color: #10b765; font-size: 18px; } footer.main-footer-wrapper .sidebar .footer-contact-info span { vertical-align: middle; } footer.main-footer-wrapper .sidebar .footer-logo-line .footer-logo { overflow: hidden; } footer.main-footer-wrapper .sidebar .footer-logo-line .footer-logo a { position: relative; display: inline-block; } footer.main-footer-wrapper .sidebar .footer-logo-line .footer-logo a:before, footer.main-footer-wrapper .sidebar .footer-logo-line .footer-logo a:after { content: ""; display: block; position: absolute; z-index: 1; width: 2000px; right: 100%; top: 0; bottom: 0; margin: auto 20px auto 0; height: 1px; } footer.main-footer-wrapper .sidebar .footer-logo-line .footer-logo a:after { margin-left: 20px; margin-right: 0; left: 100%; right: auto; } footer.main-footer-wrapper .sidebar .footer-logo-line .footer-logo a:before, footer.main-footer-wrapper .sidebar .footer-logo-line .footer-logo a:after { border-top: solid 1px rgba(255, 255, 255, 0.2); } footer.main-footer-wrapper .main-footer { padding: 80px 0 80px 0; background-color: rgba(0, 0, 0, 0); } footer.main-footer-wrapper .footer-above-wrapper { padding-top: 70px; padding-bottom: 70px; background-color: #111111; color: #bababa; } footer.main-footer-wrapper .footer-above-wrapper .heading-custom-widget h6 { font-size: 32px; font-family: 'Montserrat'; margin-bottom: 10px; line-height: 1.2em; } footer.main-footer-wrapper .footer-above-wrapper .heading-custom-widget p { font-size: 20px; font-family: 'Playfair Display'; font-style: italic; line-height: 1.2em; letter-spacing: 0.1em; } footer.main-footer-wrapper .footer-above-wrapper .heading span { letter-spacing: 0.1em; } footer.main-footer-wrapper .footer-above-wrapper .mc4wp-form-basic, footer.main-footer-wrapper .footer-above-wrapper .mc4wp-form-theme { margin: 1em 0; } footer.main-footer-wrapper .footer-above-wrapper .sidebar .mailchimp-inline p.input-wrapper { margin-bottom: 0; } footer.main-footer-wrapper .bottom-bar-wrapper { background-color: #111111; padding-top: 20px; padding-bottom: 20px; color: #bababa; font-size: 13px; font-family: 'Montserrat'; line-height: 36px; } footer.main-footer-wrapper .bottom-bar-wrapper ul.social-profile li { margin-bottom: 0; } footer.main-footer-wrapper .bottom-bar-wrapper ul.wp-block-page-list li, footer.main-footer-wrapper .bottom-bar-wrapper ul.wp-block-archives-list li, footer.main-footer-wrapper .bottom-bar-wrapper ul.wp-block-categories-list li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_archive li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_categories li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_pages li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_nav_menu > div li, footer.main-footer-wrapper .bottom-bar-wrapper .woocommerce .widget_product_categories li, footer.main-footer-wrapper .bottom-bar-wrapper .wc-block-product-categories li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_layered_nav li { display: inline-block; } footer.main-footer-wrapper .bottom-bar-wrapper ul.wp-block-page-list > li > a:before, footer.main-footer-wrapper .bottom-bar-wrapper ul.wp-block-archives-list > li > a:before, footer.main-footer-wrapper .bottom-bar-wrapper ul.wp-block-categories-list > li > a:before, footer.main-footer-wrapper .bottom-bar-wrapper .widget_archive > ul > li > a:before, footer.main-footer-wrapper .bottom-bar-wrapper .widget_categories > ul > li > a:before, footer.main-footer-wrapper .bottom-bar-wrapper .widget_pages > ul > li > a:before, footer.main-footer-wrapper .bottom-bar-wrapper .widget_nav_menu > div > ul > li > a:before, footer.main-footer-wrapper .bottom-bar-wrapper .woocommerce .widget_product_categories > ul > li > a:before, footer.main-footer-wrapper .bottom-bar-wrapper .wc-block-product-categories > ul > li > a:before, footer.main-footer-wrapper .bottom-bar-wrapper .widget_layered_nav > ul > li > a:before { display: none; } footer.main-footer-wrapper .bottom-bar-wrapper ul.wp-block-page-list li + li, footer.main-footer-wrapper .bottom-bar-wrapper ul.wp-block-archives-list li + li, footer.main-footer-wrapper .bottom-bar-wrapper ul.wp-block-categories-list li + li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_archive li + li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_categories li + li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_pages li + li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_nav_menu > div li + li, footer.main-footer-wrapper .bottom-bar-wrapper .woocommerce .widget_product_categories li + li, footer.main-footer-wrapper .bottom-bar-wrapper .wc-block-product-categories li + li, footer.main-footer-wrapper .bottom-bar-wrapper .widget_layered_nav li + li { margin-left: 30px; padding-top: 0; } footer.main-footer-wrapper .bottom-bar-wrapper .sidebar ul.wp-block-page-list > li > a, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar ul.wp-block-archives-list > li > a, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar ul.wp-block-categories-list > li > a, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_archive > ul > li > a, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_categories > ul > li > a, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_pages > ul > li > a, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul > li > a, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .woocommerce .widget_product_categories > ul > li > a, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .wc-block-product-categories > ul > li > a, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar .widget_layered_nav > ul > li > a { line-height: 3; } footer.main-footer-wrapper .expanded, footer.main-footer-wrapper .collapse { display: block; visibility: visible; cursor: pointer; } footer.main-footer-wrapper .collapse:before { content: "\f054"; font-family: "fontawesome"; position: absolute; right: 10px; } footer.main-footer-wrapper .expanded:before { content: "\f078"; font-family: "fontawesome"; position: absolute; right: 10px; } body.footer-static { padding-bottom: 0; } body.footer-static footer.enable-parallax { position: relative !important; z-index: 1; } @media only screen and (min-width: 992px) { footer.enable-parallax { position: fixed !important; bottom: 0; left: 0; right: 0; z-index: 0; margin: auto; width: 100%; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; } body.boxed footer.enable-parallax { max-width: 1200px; } } @media (max-width: 991px) { footer.main-footer-wrapper .main-footer { margin-bottom: -40px; } footer.main-footer-wrapper .main-footer .sidebar { margin-bottom: 40px; } footer.main-footer-wrapper .bottom-bar-wrapper .sidebar.text-left, footer.main-footer-wrapper .bottom-bar-wrapper .sidebar.text-right { text-align: center; } footer.main-footer-wrapper .bottom-bar-wrapper .sidebar + .sidebar { margin-top: 5px; } } @media (max-width: 767px) { footer.main-footer-wrapper.footer-collapse-able h4.widget-title { margin-bottom: 0; } footer.main-footer-wrapper.footer-collapse-able h4.widget-title + div, footer.main-footer-wrapper.footer-collapse-able h4.widget-title + ul { padding-top: 20px; margin: 0; } footer.main-footer-wrapper.footer-collapse-able .main-footer { padding-top: 40px; padding-bottom: 95px; } footer.main-footer-wrapper.footer-collapse-able .main-footer .sidebar { margin-bottom: 0; } footer.main-footer-wrapper.footer-collapse-able .main-footer .sidebar + .sidebar { margin-top: 20px; } footer.main-footer-wrapper.footer-collapse-able .main-footer .sidebar ul.instagram-pics + p { display: none; } footer.main-footer-wrapper .col-sm-6:nth-child(2n+1) { clear: both; } .sidebar .two-col ul > li { width: auto; float: none; } } /** * 5.0 - Widget * ---------------------------------------------------------------------------- */ .wc-block-product-search form, .wp-block-search, .search-form { position: relative; } .wc-block-product-search form label, .wp-block-search label, .search-form label { display: none; } .wc-block-product-search form input[type="search"], .wp-block-search input[type="search"], .search-form input[type="search"] { width: 100%; height: 41px; padding-right: 41px; } .wc-block-product-search form button[type="submit"], .wp-block-search button[type="submit"], .search-form button[type="submit"] { position: absolute; right: 0; top: 0; border: none; padding: 0; height: 41px; width: 41px; background: transparent; color: #444; font-size: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .wc-block-product-search form button[type="submit"] i, .wp-block-search button[type="submit"] i, .search-form button[type="submit"] i { font-size: 15px; } .wc-block-product-search button[type="submit"] { margin: 0; display: block; } .wc-block-product-search button[type="submit"] svg { display: none; } .wc-block-product-search button[type="submit"]:before, .wp-block-search .wp-block-search__button:before { font-family: "megatron" !important; content: "\e1be"; font-size: 15px; } .search-form-lg { position: relative; } .search-form-lg .search-form { position: static; margin-right: 135px; } .search-form-lg input[type="text"] { height: 50px; padding-right: 15px; } .search-form-lg button[type="submit"] { position: absolute; right: 0; top: 0; height: 50px; width: 115px; font-family: 'Montserrat'; font-size: 13px; letter-spacing: 0.1em; line-height: 50px; text-align: center; background-color: #10b765; color: #fff; border-bottom: 2px solid rgba(0, 0, 0, 0.2); text-transform: uppercase; } .search-form-lg button[type="submit"] i { display: none; } .screen-reader-text { display: none; } /*------------------------------------- CALENDAR ---------------------------------------*/ #wp-calendar { width: 100%; } #wp-calendar caption { font-family: 'Montserrat'; text-transform: uppercase; text-align: right; font-size: 12px; margin-top: 0; margin-bottom: 15px; padding: 0; } #wp-calendar thead { font-size: 10px; font-family: 'Montserrat'; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } #wp-calendar tbody { font-size: 13px; } #wp-calendar tbody td { background: #eeeeee; border: 1px solid #fff; text-align: center; padding: 8px; } #wp-calendar tbody td.pad:hover { background: transparent !important; } #wp-calendar tbody td:hover { color: #fff; } #wp-calendar tbody td:hover a { color: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; font-family: 'Montserrat'; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; font-family: 'Montserrat'; } /* ----------------------------------------------------------------------------- * Widget: price filter * -------------------------------------------------------------------------- */ .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #eee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 4px; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 8px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #eee; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { width: 10px; height: 10px; background-color: #00bbff; top: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce .widget_price_filter .price_slider_amount { margin-top: 35px; } .woocommerce .widget_price_filter .price_slider_amount .price_label { font-family: 'Montserrat'; font-size: 13px; text-align: left; line-height: 34px; } .woocommerce .widget_price_filter .price_slider_amount .button { float: right; min-width: 86px; font-size: 13px; padding: 9.5px 15px; } .wp-block-group__inner-container > h2, .widget-title { font-family: 'Montserrat'; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 35px; } .wp-block-group__inner-container > h2 span, .widget-title span { vertical-align: middle; } .wp-block-group__inner-container > h2:before, .widget-title:before { content: ""; width: 8px; height: 8px; background: #10b765; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-right: 10px; vertical-align: middle; } .tagcloud { font-size: 0; } .tagcloud a { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: inline-block; padding: 0 17px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; margin-right: 7px; line-height: 28px; height: 28px; font-size: 13px !important; background-color: #eeeeee; letter-spacing: 0.05em; } .tagcloud a:last-child { margin-right: 0; } .tagcloud a:hover { color: #FFFFFF; text-decoration: none; background-color: rgba(16, 183, 101, 0.8); } .woocommerce .widget_layered_nav ul li { padding: 10px 0 0 0; } .woocommerce .widget_layered_nav ul li a { padding: 0 0 0 10px; } .woocommerce .widget_layered_nav ul li span { float: right; padding: 0 10px 0 0; } .widget_meta > ul, .widget_recent_comments > ul, .widget_recent_entries > ul, .widget_rss > ul { padding: 0; margin: 0; letter-spacing: 0.05em; line-height: 2.2; list-style-type: none; } .widget_meta > ul > li:first-child, .widget_recent_comments > ul > li:first-child, .widget_recent_entries > ul > li:first-child, .widget_rss > ul > li:first-child { padding-top: 0; } .widget_meta li, .widget_recent_comments li, .widget_recent_entries li, .widget_rss li { padding-top: 10px; margin-bottom: 10px; } .widget_meta li:last-child, .widget_recent_comments li:last-child, .widget_recent_entries li:last-child, .widget_rss li:last-child { margin-bottom: 0; } .widget_meta li + li, .widget_recent_comments li + li, .widget_recent_entries li + li, .widget_rss li + li { margin-top: 10px; border-top: 1px solid #eeeeee; } .wc-block-product-categories > ul, .widget_archive > ul, .widget_categories > ul, .widget_pages > ul, .widget_nav_menu > div > ul, .woocommerce .widget_product_categories > ul, .widget_layered_nav > ul { font-family: 'Montserrat'; list-style: none; padding: 0 0 10px 0; border-bottom: 1px solid #eeeeee; margin: 0; line-height: 25px; letter-spacing: 0.05em; font-size: 11px; text-transform: uppercase; } .wc-block-product-categories > ul > li:first-child, .widget_archive > ul > li:first-child, .widget_categories > ul > li:first-child, .widget_pages > ul > li:first-child, .widget_nav_menu > div > ul > li:first-child, .woocommerce .widget_product_categories > ul > li:first-child, .widget_layered_nav > ul > li:first-child { padding-top: 0; } .wc-block-product-categories > ul > li > a, .widget_archive > ul > li > a, .widget_categories > ul > li > a, .widget_pages > ul > li > a, .widget_nav_menu > div > ul > li > a, .woocommerce .widget_product_categories > ul > li > a, .widget_layered_nav > ul > li > a { padding-left: 10px; } .wc-block-product-categories li, .widget_archive li, .widget_categories li, .widget_pages li, .widget_nav_menu > div li, .woocommerce .widget_product_categories li, .widget_layered_nav li { padding-top: 10px; margin-bottom: 10px; } .wc-block-product-categories li:last-child, .widget_archive li:last-child, .widget_categories li:last-child, .widget_pages li:last-child, .widget_nav_menu > div li:last-child, .woocommerce .widget_product_categories li:last-child, .widget_layered_nav li:last-child { margin-bottom: 0; } .wc-block-product-categories li .show_count, .widget_archive li .show_count, .widget_categories li .show_count, .widget_pages li .show_count, .widget_nav_menu > div li .show_count, .woocommerce .widget_product_categories li .show_count, .widget_layered_nav li .show_count { float: right; } .wc-block-product-categories li + li, .widget_archive li + li, .widget_categories li + li, .widget_pages li + li, .widget_nav_menu > div li + li, .woocommerce .widget_product_categories li + li, .widget_layered_nav li + li { margin-top: 10px; border-top: 1px solid #eeeeee; } .wc-block-product-categories a, .widget_archive a, .widget_categories a, .widget_pages a, .widget_nav_menu > div a, .woocommerce .widget_product_categories a, .widget_layered_nav a { color: inherit; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .wc-block-product-categories a:hover, .widget_archive a:hover, .widget_categories a:hover, .widget_pages a:hover, .widget_nav_menu > div a:hover, .woocommerce .widget_product_categories a:hover, .widget_layered_nav a:hover { text-decoration: none; } .wc-block-product-categories li > a:hover, .widget_archive li > a:hover, .widget_categories li > a:hover, .widget_pages li > a:hover, .widget_nav_menu > div li > a:hover, .woocommerce .widget_product_categories li > a:hover, .widget_layered_nav li > a:hover { color: #10b765; } .wc-block-product-categories ul ul, .widget_categories ul ul, .widget_pages ul ul, .widget_nav_menu > div ul ul, .widget_product_categories ul ul { padding-left: 0; margin-top: 10px; border-top: 1px solid #eeeeee; list-style-type: none; } .wc-block-product-categories ul ul > li > a, .widget_categories ul ul > li > a, .widget_pages ul ul > li > a, .widget_nav_menu > div ul ul > li > a, .widget_product_categories ul ul > li > a { padding-left: 25px; } .wc-block-product-categories ul ul ul > li > a, .widget_categories ul ul ul > li > a, .widget_pages ul ul ul > li > a, .widget_nav_menu > div ul ul ul > li > a, .widget_product_categories ul ul ul > li > a { padding-left: 45px; } .wc-block-product-categories ul ul ul ul > li > a, .widget_categories ul ul ul ul > li > a, .widget_pages ul ul ul ul > li > a, .widget_nav_menu > div ul ul ul ul > li > a, .widget_product_categories ul ul ul ul > li > a { padding-left: 65px; } .wc-block-product-categories ul ul ul ul ul > li > a, .widget_categories ul ul ul ul ul > li > a, .widget_pages ul ul ul ul ul > li > a, .widget_nav_menu > div ul ul ul ul ul > li > a, .widget_product_categories ul ul ul ul ul > li > a { padding-left: 85px; } ul.wp-block-page-list, ul.wp-block-archives-list, ul.wp-block-categories-list { font-family: 'Montserrat'; list-style: none; padding: 0 0 10px 0; border-bottom: 1px solid #eeeeee; margin: 0; line-height: 25px; letter-spacing: 0.05em; font-size: 11px; text-transform: uppercase; } ul.wp-block-page-list > li:first-child, ul.wp-block-archives-list > li:first-child, ul.wp-block-categories-list > li:first-child { padding-top: 0; } ul.wp-block-page-list > li > a, ul.wp-block-archives-list > li > a, ul.wp-block-categories-list > li > a { padding-left: 10px; } ul.wp-block-page-list li, ul.wp-block-archives-list li, ul.wp-block-categories-list li { padding-top: 10px; margin-bottom: 10px; } ul.wp-block-page-list li:last-child, ul.wp-block-archives-list li:last-child, ul.wp-block-categories-list li:last-child { margin-bottom: 0; } ul.wp-block-page-list li .show_count, ul.wp-block-archives-list li .show_count, ul.wp-block-categories-list li .show_count { float: right; } ul.wp-block-page-list li + li, ul.wp-block-archives-list li + li, ul.wp-block-categories-list li + li { margin-top: 10px; border-top: 1px solid #eeeeee; } ul.wp-block-page-list a, ul.wp-block-archives-list a, ul.wp-block-categories-list a { color: inherit; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } ul.wp-block-page-list a:hover, ul.wp-block-archives-list a:hover, ul.wp-block-categories-list a:hover { text-decoration: none; } ul.wp-block-page-list li > a:hover, ul.wp-block-archives-list li > a:hover, ul.wp-block-categories-list li > a:hover { color: #10b765; } ul.wp-block-page-list ul, ul.wp-block-archives-list ul, ul.wp-block-categories-list ul { padding-left: 0; margin-top: 10px; border-top: 1px solid #eeeeee; list-style-type: none; } ul.wp-block-page-list ul > li > a, ul.wp-block-archives-list ul > li > a, ul.wp-block-categories-list ul > li > a { padding-left: 25px; } ul.wp-block-page-list ul ul > li > a, ul.wp-block-archives-list ul ul > li > a, ul.wp-block-categories-list ul ul > li > a { padding-left: 45px; } ul.wp-block-page-list ul ul ul > li > a, ul.wp-block-archives-list ul ul ul > li > a, ul.wp-block-categories-list ul ul ul > li > a { padding-left: 65px; } ul.wp-block-page-list ul ul ul ul > li > a, ul.wp-block-archives-list ul ul ul ul > li > a, ul.wp-block-categories-list ul ul ul ul > li > a { padding-left: 85px; } ul.social-profile { list-style-type: none; padding: 0; margin: 0; color: #fff; } ul.social-profile a:hover { background-color: #10b765; color: #10b765; } ul.s-primary a { background-color: #10b765; color: #10b765; } ul.s-primary a:hover { background-color: #000; color: #fff; } ul.s-scheme-default { color: inherit; } ul.s-secondary a { background-color: #00bbff; color: #00bbff; } ul.s-secondary a:hover { background-color: #000; color: #fff; } ul.s-light a { background-color: #fff; color: #fff; } ul.s-dark a { background-color: #000; color: #000; } ul.s-gray a { background-color: #777; color: #777; } ul.s-light-gray-1 a { background-color: #ccc; color: #ccc; } ul.s-light-gray-2 a { background-color: #bbb; color: #bbb; } ul.s-light-gray-3 a { background-color: #bababa; color: #bababa; } ul.s-dark-gray-1 a { background-color: #444; color: #444; } ul.s-dark-gray-2 a { background-color: #666; color: #666; } ul.s-dark-gray-3 a { background-color: #888; color: #888; } ul.s-rounded { font-size: 0; } ul.s-rounded li { display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom: 5px; } ul.s-rounded li:last-child { margin-right: 0; } ul.s-rounded a { display: block; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } ul.s-rounded.s-primary a, ul.s-rounded.s-secondary a, ul.s-rounded.s-dark a, ul.s-rounded.s-dark-gray-1 a { color: #fff; } ul.s-rounded.s-light a { color: #444; } ul.s-rounded.s-light a:hover { color: #fff; } ul.s-rounded.s-gray a, ul.s-rounded.s-light-gray-1 a, ul.s-rounded.s-light-gray-2 a, ul.s-rounded.s-light-gray-3 a, ul.s-rounded.s-dark-gray-2 a, ul.s-rounded.s-dark-gray-3 a { color: inherit; } ul.s-default { font-size: 0; } ul.s-default li { display: inline-block; vertical-align: middle; margin-right: 15px; margin-bottom: 5px; } ul.s-default li:last-child { margin-right: 0; } ul.s-default a { background-color: transparent; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } ul.s-default.s-primary a:hover, ul.s-default.s-secondary a:hover { color: #444; } ul.s-icon-text li + li { margin-top: 15px; } ul.s-icon-text a { line-height: 1.7; letter-spacing: 0.05em; background-color: transparent; } ul.s-icon-text a:hover { background-color: transparent; } ul.s-icon-text i { margin-right: 15px; letter-spacing: 0; } ul.s-icon-text.s-primary a:hover, ul.s-icon-text.s-secondary a:hover { color: #444; } ul.s-md i { font-size: 14px; } ul.s-md.s-rounded a { width: 30px; height: 30px; } ul.s-md.s-rounded i { line-height: 30px; } ul.s-lg i { font-size: 18px; } ul.s-lg.s-rounded a { width: 34px; height: 34px; } ul.s-lg.s-rounded i { line-height: 34px; } .s-dark-wrap ul.social-profile { color: #222; } .s-dark-wrap ul.s-rounded.s-gray a:hover, .s-dark-wrap ul.s-rounded.s-light-gray-1 a:hover, .s-dark-wrap ul.s-rounded.s-light-gray-2 a:hover, .s-dark-wrap ul.s-rounded.s-light-gray-3 a:hover, .s-dark-wrap ul.s-rounded.s-dark-gray-2 a:hover, .s-dark-wrap ul.s-rounded.s-dark-gray-3 a:hover { background-color: #10b765; color: #fff; } .s-dark-wrap ul.s-default.s-gray a:hover, .s-dark-wrap ul.s-icon-text.s-gray a:hover, .s-dark-wrap ul.s-default.s-light-gray-1 a:hover, .s-dark-wrap ul.s-icon-text.s-light-gray-1 a:hover, .s-dark-wrap ul.s-default.s-light-gray-2 a:hover, .s-dark-wrap ul.s-icon-text.s-light-gray-2 a:hover, .s-dark-wrap ul.s-default.s-light-gray-3 a:hover, .s-dark-wrap ul.s-icon-text.s-light-gray-3 a:hover, .s-dark-wrap ul.s-default.s-dark-gray-2 a:hover, .s-dark-wrap ul.s-icon-text.s-dark-gray-2 a:hover, .s-dark-wrap ul.s-default.s-dark-gray-3 a:hover, .s-dark-wrap ul.s-icon-text.s-dark-gray-3 a:hover { color: #10b765; } /*Widget Post*/ .widget_posts_item { padding-bottom: 15px; font-size: 13px; line-height: 2; } .widget_posts_item:last-child { padding-bottom: 0; } .widget_posts_item + .widget_posts_item { padding-top: 15px; border-top: 1px solid #eeeeee; } .widget-posts-thumbnail { width: 76px; float: left; margin-right: 10px; } .widget-posts-thumbnail .entry-thumbnail a.prettyPhoto { width: 20px; height: 20px; line-height: 20px; font-size: 10px; } .widget-posts-content-wrap { position: relative; overflow: hidden; } .widget-posts-title { display: block; margin-bottom: 5px; margin-top: -5px; } .widget-posts-title:hover { text-decoration: none; } .widget_posts_item .owl-theme .owl-controls { display: none !important; } /*Widget Recent Twitter*/ .widget-twitter-item { line-height: 2.2; } .widget-twitter-item a { color: #00bbff; } .widget-twitter-item i { font-size: 18px; float: left; margin-top: 10px; margin-right: 15px; } .twitter-content { position: relative; overflow: hidden; } .widget-twitter-item + .widget-twitter-item { margin-top: 25px; } .twitter-time { color: #333; margin-top: 5px; display: block; } /*Widget Instagram*/ ul.instagram-pics { list-style: none; margin: 0; padding: 0; font-size: 0; } ul.instagram-pics li { display: inline-block; padding: 0; margin: 0; } ul.instagram-pics a { display: block; position: relative; overflow: hidden; } ul.instagram-pics a:before { content: ""; position: absolute; width: 101%; height: 101%; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity: 0; } ul.instagram-pics a:hover:before { opacity: 1; } ul.instagram-pics a img { width: 100%; } ul.instagram-pics + p { font-family: 'Montserrat'; color: #00bbff; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; margin: 10px 0 0 0; } .instagram-col-2 ul.instagram-pics li { width: 50%; } .instagram-col-3 ul.instagram-pics li { width: 33.33333333%; } .instagram-col-4 ul.instagram-pics li { width: 25%; } .instagram-col-5 ul.instagram-pics li { width: 20%; } .instagram-col-6 ul.instagram-pics li { width: 16.66666667%; } .instagram-col-8 ul.instagram-pics li { width: 12.5%; } .instagram-padding-2 ul.instagram-pics { margin-left: -2px; margin-right: -2px; margin-top: -2px; } .instagram-padding-2 ul.instagram-pics li { padding: 2px; } .instagram-padding-3 ul.instagram-pics { margin-left: -3px; margin-right: -3px; margin-top: -3px; } .instagram-padding-3 ul.instagram-pics li { padding: 3px; } ul.zoom-instagram-widget__items { margin: 0; padding: 0; } .instagram-col-5 ul.zoom-instagram-widget__items > li:nth-child(5n + 1) { clear: both; } .instagram-col-3 ul.zoom-instagram-widget__items > li:nth-child(3n + 1) { clear: both; } /* Widget Recent Portfolio */ .widget-recent-portfolio ul { font-size: 0; padding: 0; list-style: none; margin: 0 -2px; } .widget-recent-portfolio ul li { display: inline-block; padding: 2px; width: 100%; } .widget-recent-portfolio ul li a { display: block; position: relative; overflow: hidden; } .widget-recent-portfolio ul li a:before { content: ""; position: absolute; display: block; width: 101%; height: 101%; background-color: rgba(0, 0, 0, 0.4); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .widget-recent-portfolio ul li a:hover:before { opacity: 1; } .widget-recent-portfolio ul.columns-2 li { width: 50%; } .widget-recent-portfolio ul.columns-3 li { width: 33.33333333333333%; } .widget-recent-portfolio ul.columns-4 li { width: 25%; } .widget-recent-portfolio ul.columns-5 li { width: 20%; } .widget-recent-portfolio ul.columns-6 li { width: 16.66666666666667%; } /* Widget Banner*/ .widget-banner .widget-image-wrap a { display: block; position: relative; overflow: hidden; } .widget-banner .widget-image-wrap a:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 0; z-index: 1; -webkit-transition: opacity 0.35s linear; -moz-transition: opacity 0.35s linear; -ms-transition: opacity 0.35s linear; -o-transition: opacity 0.35s linear; transition: opacity 0.35s linear; } .widget-banner .widget-image-wrap a img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); width: 100%; height: auto; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .widget-banner .widget-image-wrap a:hover:before { opacity: 1; } .widget-banner .widget-image-wrap a:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .product-widget-thumb { float: left; width: 64px; margin-right: 15px; position: relative; } .product-widget-thumb .product-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: 0.3s all 0.001s ease-out; -moz-transition: 0.3s all 0.001s ease-out; -ms-transition: 0.3s all 0.001s ease-out; -o-transition: 0.3s all 0.001s ease-out; transition: 0.3s all 0.001s ease-out; } .product-widget-thumb .product-quick-view { font-size: 0; text-align: center; position: absolute; top: 0; bottom: 0; margin: auto; height: 14px; left: 0; right: 0; color: #fff; opacity: 0; visibility: hidden; z-index: 3; -webkit-transition: 0.3s all 0.001s ease-out; -moz-transition: 0.3s all 0.001s ease-out; -ms-transition: 0.3s all 0.001s ease-out; -o-transition: 0.3s all 0.001s ease-out; transition: 0.3s all 0.001s ease-out; } .product-widget-thumb .product-quick-view i { font-size: 14px; } .product-widget-inner { position: relative; overflow: hidden; } .product-widget-cat { font-size: 13px; letter-spacing: 0.05em; line-height: 1.5; margin-bottom: 10px; } .product-widget-title { font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 10px; } .product-widget-price-wrap .star-rating { float: none; display: inline-block; vertical-align: middle; margin-right: 20px; } .product-widget-price-wrap .star-rating + .price { display: inline-block !important; vertical-align: middle; } .woocommerce ul.product_list_widget li { padding: 0; margin: 0; } .woocommerce ul.product_list_widget li + li { margin-top: 30px; } .woocommerce ul.product_list_widget li img { float: none; margin: 0; width: 100%; } .woocommerce ul.product_list_widget li:hover .product-widget-thumb .product-link, .woocommerce ul.product_list_widget li:hover .product-widget-thumb .product-quick-view { opacity: 1; visibility: visible; } .woocommerce ul.product_list_widget li a { font-weight: normal; } .sidebar aside + aside, .wpb_widgetised_column aside + aside { margin-top: 45px; } .sidebar select, .wpb_widgetised_column select { width: 100%; } .sidebar .widget-contact-info, .wpb_widgetised_column .widget-contact-info { margin: 0; padding: 0; list-style: none; } .sidebar .widget-contact-info > li > i.fa, .wpb_widgetised_column .widget-contact-info > li > i.fa { width: 18px; } .sidebar .mail-chimp-wrapper > p, .wpb_widgetised_column .mail-chimp-wrapper > p { line-height: 28px; } .sidebar .mail-chimp-wrapper .mail-chimp-button, .wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button { position: relative; } .sidebar .mail-chimp-wrapper .mail-chimp-button > input, .wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > input { background-color: #fbfbfb; color: #222; border: none; line-height: 1; height: 30px; width: 100%; } .sidebar .mail-chimp-wrapper .mail-chimp-button > button, .wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > button { border: none; background: none; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; } .sidebar .mail-chimp-wrapper .mail-chimp-button > button > span, .wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > button > span { display: none; } .sidebar .footer-logo .sub-description, .wpb_widgetised_column .footer-logo .sub-description { padding-top: 28px; line-height: 28px; } .sidebar .widget-text-intro, .wpb_widgetised_column .widget-text-intro { font-size: 24px; text-align: center; border: dashed 3px #c5c5c5; padding: 55px 10px; font-weight: 400; } .widget-payment-gate { padding-top: 10px; } .widget-payment-gate .payment-gate { list-style: none; display: inline-block; } .widget-payment-gate li { float: left; display: inline-block; padding-right: 4px; padding-top: 5px; padding-bottom: 5px; } .widget-payment-gate li:last-child { padding-right: 0; } .widget-payment-gate li:hover { opacity: 0.6; } .widget-payment-gate image { max-width: 46px; max-height: 28px; } .widget-partner-carousel .owl-carousel .owl-item { height: 180px; display: table; text-align: center; } .widget-slideshow-images { position: relative; } .widget-slideshow-images .description { margin-top: 20px; } .widget-slideshow-images .description .center { text-align: center; } .widget-slideshow-images .description .right { text-align: right; } .widget-slideshow-images .owl-carousel .owl-controls .owl-nav > div { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; border: solid 2px #fff; border-radius: 50%; text-align: center; color: #fff; background-color: transparent; opacity: 0.4; } .widget-slideshow-images .owl-carousel .owl-controls .owl-nav > div:hover { opacity: 1; } .widget-slideshow-images .owl-carousel .owl-controls .owl-nav > div.owl-prev { left: 20px; } .widget-slideshow-images .owl-carousel .owl-controls .owl-nav > div.owl-next { right: 20px; } .widget-free-text { position: relative; } .widget-free-text .title .center, .widget-free-text .description .center { text-align: center; } .widget-free-text .title .right, .widget-free-text .description .right { text-align: right; } .widget-free-text .title { margin-top: 20px; font-size: 14px; margin-bottom: 0; } .widget-free-text .description { margin-top: 10px; } .widget-free-text .description p { margin-bottom: 15px; } .widget-free-text .link a { text-transform: uppercase; letter-spacing: 1px; } .widget-accordion .panel-default { border-radius: 0px; border: solid 1px #ddd; margin-bottom: 15px; } .widget-accordion .panel-heading { background-color: transparent; padding: 0; border: none; position: relative; } .widget-accordion .panel-heading h4.panel-title { margin-bottom: 0; } .widget-accordion .panel-heading a[data-toggle='collapse'] { display: block; width: 100%; padding: 15px 15px 15px 20px; font-size: 14px; } .widget-accordion .panel-heading a[data-toggle='collapse'] span { padding-left: 20px; } .widget-accordion .panel-heading a[data-toggle='collapse']:before { content: "\f105"; font-family: fontawesome; position: absolute; top: 13px; font-size: 18px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .widget-accordion .panel-heading a[aria-expanded='true'] { background-color: #333; border-color: #333; color: #fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .widget-accordion .panel-heading a[aria-expanded='true']:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .widget-accordion .panel-heading a[aria-expanded='false']:focus, .widget-accordion .panel-heading a[aria-expanded='false']:active { color: #333; } .widget-accordion .panel-content { padding: 15px; } .widget-accordion .panel-content .description { margin-top: 15px; } .widget-accordion .panel-content p { margin-bottom: 0; } footer.main-footer-wrapper .sidebar aside.widget-map-scroll-up { margin-top: 0; } .left-sidebar, .right-sidebar { margin-bottom: 100px; } .widget-mailchimp { position: relative; } .widget-mailchimp .bg-img { padding-top: 130px; padding-bottom: 130px; background-size: cover; background-position: center center; } .widget-mailchimp .bg-mailchimp-overlay { position: absolute; right: 0; bottom: 0; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.55); } .widget-mailchimp input[type="email"] { background-color: transparent; width: 429px; display: inline-block; } .widget-mailchimp .entry-content.mailchimp input[type="submit"] { border: 0; padding: 18px 0 17px 0px; margin-left: 15px; width: 120px; min-width: 120px; display: inline; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .wp-block-group__inner-container > h2, h2.widgettitle { font-size: 14px; font-weight: 400; } .wp-block-group__inner-container > h2:before, h2.widgettitle:before { content: ""; width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-right: 10px; vertical-align: middle; } @media (max-width: 320px) { .search-form-lg .search-form { margin: 0; text-align: center; } .search-form-lg button[type="submit"] { position: relative; margin-top: 20px; } } /** * 6.0 - Blog * ---------------------------------------------------------------------------- */ .blog-wrap { margin-bottom: 100px; } .blog-wrap.masonry.layout-container-fluid { padding: 0 15px; } .blog-inner article { padding-bottom: 70px; border-bottom: 1px solid #eeeeee; } .blog-inner article + article { margin-top: 70px; } .entry-quote-wrap { background-color: #00bbff; border: 4px solid rgba(255, 255, 255, 0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 35px; color: #fff; } .entry-quote-wrap a:hover, .entry-quote-wrap a:focus { color: inherit; } .entry-quote-wrap blockquote { padding: 0; margin: 0; border: none; position: relative; overflow: hidden; } .entry-quote-wrap blockquote:before { display: none; } .entry-quote-wrap p { font-size: 24px; font-weight: 600; letter-spacing: 0.05em; line-height: 2.2; font-family: inherit; font-style: normal; margin-bottom: 20px; } .entry-quote-wrap cite { font-family: 'Montserrat'; font-size: 18px; line-height: 2; text-transform: uppercase; display: block; text-align: right; font-style: normal; font-weight: normal; letter-spacing: 0; } .entry-quote-wrap cite a:hover { color: inherit; } .entry-quote-wrap i { float: left; font-size: 28px; margin-right: 20px; margin-top: 5px; } .entry-link-wrap { background-color: #00bbff; border: 4px solid rgba(255, 255, 255, 0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 35px; color: #fff; } .entry-link-wrap p { margin: 0; font-size: 24px; font-weight: 600; letter-spacing: 0.05em; line-height: 2.2; position: relative; overflow: hidden; } .entry-link-wrap i { float: left; font-size: 28px; margin-right: 20px; margin-top: 5px; } .entry-link-wrap a:hover { color: inherit; } .entry-thumbnail-wrap { margin-bottom: 55px; } .entry-thumbnail { position: relative; } .entry-thumbnail a.prettyPhoto { position: absolute; bottom: 0; width: 56px; height: 55px; right: 0; line-height: 54px; font-size: 16px; text-align: center; color: #FFFFFF; z-index: 2; opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .entry-thumbnail a.entry-thumbnail-overlay:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; z-index: 1; background-color: rgba(17, 17, 17, 0.3); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .entry-thumbnail:hover a.entry-thumbnail-overlay:before { opacity: 1; } .entry-thumbnail:hover a.prettyPhoto { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } article.format-video > .entry-thumbnail-wrap > .entry-thumbnail a.prettyPhoto { top: 0; bottom: 0; right: 0; left: 0; margin: auto; opacity: 0.6; width: 80px; height: 80px; font-size: 80px; line-height: 80px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .entry-thumbnail-overlay img { width: 100%; display: block; } h3.entry-post-title { font-size: 24px; margin-bottom: 15px; letter-spacing: 0.05em; line-height: 1.6; } h3.entry-post-title a { color: inherit; } .entry-post-meta-wrap { margin-bottom: 25px; } .entry-post-meta-wrap ul.entry-meta { margin: 0; padding: 0; list-style-type: none; font-size: 0; } .entry-post-meta-wrap ul.entry-meta li { display: inline; font-size: 14px; font-style: italic; line-height: 1.8; margin-right: 40px; vertical-align: middle; } .entry-post-meta-wrap ul.entry-meta li span { font-weight: normal; margin-bottom: 0; text-transform: none; color: #444444; } .entry-post-meta-wrap ul.entry-meta li a { color: #10b765; } .entry-post-meta-wrap ul.entry-meta li:last-child { margin-right: 0; } .entry-post-meta-wrap ul.entry-meta li.entry-meta-category { color: #10b765; } .entry-excerpt p { margin-bottom: 0; line-height: 2.2; } .entry-content-footer { margin-top: 45px; } .social-share-wrap .m-button-xs { display: none; } .social-share-hover .social-share-wrap { display: inline-block; position: relative; margin-left: 15px; } .social-share-hover .social-share-wrap:hover ul.social-profile { opacity: 1; visibility: visible; } .social-share-hover .social-share-wrap .m-button-xs { display: inline-block; } .social-share-hover ul.social-profile { position: absolute; z-index: 1; white-space: nowrap; background-color: #444; padding: 5px 10px; left: 50%; opacity: 0; visibility: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transform: translateX(-50%) translateY(5px); -moz-transform: translateX(-50%) translateY(5px); -ms-transform: translateX(-50%) translateY(5px); -o-transform: translateX(-50%) translateY(5px); transform: translateX(-50%) translateY(5px); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); -moz-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); -ms-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); -o-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); } .social-share-hover ul.social-profile:before { content: ""; position: absolute; display: block; border-top: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #444; top: -10px; left: 0; right: 0; width: 10px; margin: auto; } .social-share-hover ul.social-profile li { margin: 0; } .social-share-hover ul.social-profile li a { background-color: transparent; } .social-share-hover ul.social-profile li a:hover i { color: #10b765; } .social-share-hover .m-button-xs { min-width: 0; height: 50px; line-height: 50px; padding: 0 25px; vertical-align: middle; } .social-share-hover .micon { font-size: 18px; vertical-align: middle; margin-top: -4px; display: inline-block; } /*jp-player*/ .jp-type-single { background-color: #444; color: #fff; } .jp-details { height: 100px; padding: 0 25px; position: relative; font-family: 'Montserrat'; font-size: 14px; } .jp-details:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .jp-details-inner { display: inline-block; max-width: 95%; vertical-align: middle; } .jp-title { text-transform: uppercase; line-height: 1.6; font-size: 14px; margin-right: 55px; } .jp-time-holder { display: block; height: 100px; position: absolute; right: 25px; top: 0; margin: auto; bottom: 0; } .jp-time-holder:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .jp-time-holder div { display: inline-block; } .jp-current-time { color: #10b765; } .jp-interface { background-color: #666; height: 70px; } .jp-controls { width: 60px; height: 100%; display: inline-block; border-right: 1px solid #888; text-align: center; margin-right: 20px; } a.jp-play, a.jp-pause { font-size: 30px; } a.jp-play i, a.jp-pause i { line-height: 70px; } .jp-progress { display: inline-block; height: 100%; vertical-align: top; width: calc(100% - 110px); position: relative; } .jp-seek-bar { height: 11px; background: #fff; position: absolute; top: 0; bottom: 0; margin: auto; } .jp-play-bar { background-size: 11px 11px; background-color: #10b765; height: 100%; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.23931623931624%; } .embed-responsive.embed-responsive-blog-related { padding-bottom: 65%; } /*owl-carousel*/ .entry-thumbnail-wrap .owl-carousel .owl-controls .owl-nav .owl-prev, .entry-thumbnail-wrap .owl-carousel .owl-controls .owl-nav .owl-next { position: absolute; width: 44px; height: 44px; line-height: 42px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); font-size: 24px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .entry-thumbnail-wrap .owl-carousel .owl-controls .owl-nav .owl-prev { left: 20px; } .entry-thumbnail-wrap .owl-carousel .owl-controls .owl-nav .owl-next { right: 20px; } @media (min-width: 992px) { .blog-style-large-image article.format-video > .entry-thumbnail-wrap > .entry-thumbnail a.prettyPhoto { width: 100px; height: 100px; font-size: 100px; line-height: 100px; } .blog-style-large-image.no-sidebar article { padding-bottom: 80px; } .blog-style-large-image.no-sidebar article + article { margin-top: 80px; } } @media (min-width: 768px) { .blog-style-medium-image article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap { float: left; width: 50%; padding-right: 15px; margin-bottom: 0; } .blog-style-medium-image article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap + .entry-content-wrap { float: right; width: 50%; padding-left: 15px; } .blog-style-medium-image article { padding-bottom: 65px; } .blog-style-medium-image article + article { margin-top: 65px; } .blog-style-medium-image .entry-excerpt p { max-height: 8.8em; overflow: hidden; } .blog-style-medium-image:not(.no-sidebar) h3.entry-post-title { font-size: 18px; } .blog-style-medium-image:not(.no-sidebar) .entry-post-meta-wrap ul.entry-meta li { font-size: 13px; line-height: 2.2; margin-right: 10px; } .blog-style-medium-image:not(.no-sidebar) article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap { width: 44.44444444444444%; } .blog-style-medium-image:not(.no-sidebar) article:not(.format-audio):not(.format-link):not(.format-quote) .entry-thumbnail-wrap + .entry-content-wrap { width: 55.55555555555556%; } } @media (min-width: 768px) { .blog-style-masonry { margin: 0 -15px; } .blog-style-masonry article { float: left; padding: 0 15px 35px 15px; border-bottom: none; } .blog-style-masonry .entry-thumbnail-wrap { margin-bottom: 0; } .blog-style-masonry .entry-content-wrap { background-color: #f8f8f8; padding: 35px 20px 25px 20px; } .blog-style-masonry .entry-quote-wrap { background-color: #f8f8f8; padding: 35px 20px 25px 20px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #444; } .blog-style-masonry .entry-quote-wrap p { font-size: 16px; } .blog-style-masonry .entry-quote-wrap cite { font-size: 14px; color: #10b765; } .blog-style-masonry .entry-quote-wrap i { font-size: 24px; } .blog-style-masonry .entry-link-wrap { background-color: #f8f8f8; padding: 35px 20px 25px 20px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #444; } .blog-style-masonry .entry-link-wrap p { font-size: 16px; } .blog-style-masonry .entry-link-wrap i { font-size: 24px; } .blog-style-masonry article + article { margin-top: 0; } .blog-style-masonry h3.entry-post-title { font-size: 18px; line-height: 1.6; margin-bottom: 20px; } .blog-style-masonry .entry-post-meta-wrap ul.entry-meta li { font-size: 13px; margin-right: 10px; } .blog-style-masonry .entry-post-meta-wrap ul.entry-meta li.entry-meta-category { display: none; } .blog-style-masonry .entry-post-meta-wrap { margin-bottom: 15px; } .blog-style-masonry .jp-time-holder { display: none; } .blog-style-masonry .jp-title { margin-right: 0; font-size: 12px; line-height: 2.2; } .blog-style-masonry .entry-content-footer { display: none; } .blog-style-masonry .jp-details { height: 70px; } .blog-style-masonry .entry-excerpt p { max-height: 8.8em; overflow: hidden; } .blog-style-masonry.blog-col-2 article { width: 50%; } .blog-style-masonry.blog-col-3 article { width: 33.33333333333333%; } .blog-style-masonry.blog-col-4 article { width: 25%; } .blog-style-masonry.blog-col-5 article { width: 20%; } } @media (min-width: 768px) { .blog-style-timeline { padding-left: 200px; position: relative; } .blog-style-timeline:before { content: ""; display: block; width: 5px; height: 100%; background-color: #eeeeee; position: absolute; left: 130px; } .blog-style-timeline article:last-child { padding-bottom: 0; border-bottom: none; } .blog-style-timeline article { position: relative; padding-bottom: 60px; } .blog-style-timeline article + article { margin-top: 60px; } .entry-timeline { position: absolute; top: 40px; left: -70px; } .timeline-note { width: 14px; height: 14px; background-color: #fff; display: block; border-radius: 100%; position: absolute; left: -4px; border: 1px solid #eee; padding: 2px; } .timeline-note:before { content: ""; width: 100%; height: 100%; display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #10b765; } .timeline-note:after { content: ""; width: 100%; height: 100%; display: block; opacity: 0; border: 1px solid #10b765; position: absolute; top: 0; left: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .blog-style-timeline article:hover .timeline-note:after { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 1; } .timeline-date { position: absolute; right: 12px; white-space: nowrap; background-color: #222; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px 15px; font-size: 12px; line-height: 1; top: -9px; } .timeline-date:after { content: ""; display: block; position: absolute; border: 5px solid transparent; border-left-color: #222; left: 100%; top: 50%; width: 0; height: 0; margin-top: -5px; } } .blog-paging-default { margin-top: 45px; text-align: center; position: relative; height: 50px; } .blog-paging-default ul.pagination { padding: 0; margin: 0; line-height: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .blog-paging-default .pagination > li > a, .blog-paging-default .pagination > li > span { font-size: 14px; color: #444; font-family: 'Montserrat'; text-transform: uppercase; border: none; line-height: 50px; padding: 0 10px; margin: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .blog-paging-default .pagination > li > a:hover, .blog-paging-default .pagination > li > span:hover, .blog-paging-default .pagination > li > a:focus, .blog-paging-default .pagination > li > span:focus, .blog-paging-default .pagination > li > a.current, .blog-paging-default .pagination > li > span.current { background-color: transparent; color: #10b765; text-decoration: underline; } .blog-paging-default .pagination > li > a.prev, .blog-paging-default .pagination > li > span.prev, .blog-paging-default .pagination > li > a.next, .blog-paging-default .pagination > li > span.next { position: absolute; border: 1px solid #eeeeee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 13px 20px; line-height: 1; } .blog-paging-default .pagination > li > a.prev span, .blog-paging-default .pagination > li > span.prev span, .blog-paging-default .pagination > li > a.next span, .blog-paging-default .pagination > li > span.next span, .blog-paging-default .pagination > li > a.prev i, .blog-paging-default .pagination > li > span.prev i, .blog-paging-default .pagination > li > a.next i, .blog-paging-default .pagination > li > span.next i { vertical-align: middle; } .blog-paging-default .pagination > li > a.prev i, .blog-paging-default .pagination > li > span.prev i, .blog-paging-default .pagination > li > a.next i, .blog-paging-default .pagination > li > span.next i { font-size: 24px; margin-top: -2px; color: #10b765; } .blog-paging-default .pagination > li > a.prev:hover, .blog-paging-default .pagination > li > span.prev:hover, .blog-paging-default .pagination > li > a.next:hover, .blog-paging-default .pagination > li > span.next:hover { background-color: #000; color: #fff; text-decoration: none; border-color: #000; } .blog-paging-default .pagination > li > a.prev, .blog-paging-default .pagination > li > span.prev { left: 0; } .blog-paging-default .pagination > li > a.prev i, .blog-paging-default .pagination > li > span.prev i { margin-right: 10px; } .blog-paging-default .pagination > li > a.next, .blog-paging-default .pagination > li > span.next { right: 0; } .blog-paging-default .pagination > li > a.next i, .blog-paging-default .pagination > li > span.next i { margin-left: 10px; } .blog-paging-load-more { text-align: center; padding-top: 60px; } .blog-paging-load-more .blog-load-more > span[class^='fa'] { letter-spacing: 0; } .masonry .blog-paging-load-more, .masonry .blog-paging-default { border-top: 1px solid #eeeeee; margin-top: 0; padding-top: 35px; } .masonry .blog-paging-default { height: 80px; padding-top: 30px; } /* Search Pages*/ .archive-search-wrap { color: #525252; } .archive-search-result h6 { letter-spacing: 0.05em; border-bottom: 1px solid #eeeeee; padding-bottom: 25px; margin-bottom: 45px; } .archive-search-box { padding-bottom: 60px; border-bottom: 1px solid #eeeeee; } .archive-search-box h6 { margin-bottom: 15px; } .archive-search-box span { display: block; margin-bottom: 40px; } .archive-search-wrap-inner { margin-top: 70px; } .archive-search-wrap-inner article { padding-bottom: 55px; border-bottom: 1px solid #eeeeee; } .archive-search-wrap-inner article + article { margin-top: 55px; } .archive-search-wrap-inner .search-icon { width: 47px; height: 47px; background: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; position: relative; text-align: center; } .archive-search-wrap-inner span.icon-menu { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; } .archive-search-wrap-inner .entry-content-wrap { position: relative; overflow: hidden; padding-left: 25px; } .archive-search-wrap-inner h3.entry-post-title { font-size: 18px; margin-bottom: 15px; } .archive-search-wrap-inner .entry-post-type { font-style: italic; } .archive-search-wrap-inner .entry-excerpt { margin-top: 20px; } span.icon-menu { width: 15px; height: 1px; background: #444; display: inline-block; position: relative; vertical-align: middle; } span.icon-menu:after, span.icon-menu:before { content: ""; display: block; width: 100%; height: 1px; background: #444; position: absolute; top: -5px; } span.icon-menu:after { top: 5px; } /* Single Blog */ .single-post-wrap .entry-quote-wrap, .single-post-wrap .entry-thumbnail-wrap, .single-post-wrap .entry-link-wrap { margin-bottom: 40px; } .single-post-inner { margin-bottom: 100px; } .single-post-inner > article > .entry-thumbnail-wrap { font-size: 0; text-align: center; } .single-post-inner > article > .entry-thumbnail-wrap .entry-thumbnail { display: inline-block; } .entry-content { /*Table*/ } .entry-content p:last-child { margin-bottom: 0; } .entry-content dd, .entry-content dt { line-height: 2.2; } .entry-content table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #eeeeee; margin-bottom: 30px; } .entry-content table > tbody > tr > td, .entry-content table > tbody > tr > th, .entry-content table > tfoot > tr > td, .entry-content table > tfoot > tr > th, .entry-content table > thead > tr > td, .entry-content table > thead > tr > th { font-size: 14px; line-height: 1.2; padding: 19px 30px; border-top: 1px solid #eeeeee; letter-spacing: 0.05em; vertical-align: middle; } .entry-content table > thead > tr > th { font-family: 'Montserrat'; text-transform: uppercase; background-color: #10b765; border-top: none; color: #fff; font-weight: 400; vertical-align: bottom; } .entry-content table.table-bordered { border: 1px solid #eeeeee; } .entry-content table.table-bordered > tbody > tr > td, .entry-content table.table-bordered > tbody > tr > th, .entry-content table.table-bordered > tfoot > tr > td, .entry-content table.table-bordered > tfoot > tr > th, .entry-content table.table-bordered > thead > tr > td, .entry-content table.table-bordered > thead > tr > th { border: 1px solid #eeeeee; } .entry-content table.table-bordered > thead > tr > td, .entry-content table.table-bordered > thead > tr > th { border-bottom-width: 1px; } .entry-content table.table-striped { border: none; } .entry-content table.table-striped > tbody > tr:nth-last-of-type(odd) { background-color: #f6f6f6; } .entry-content table.table-striped > tbody > tr > td, .entry-content table.table-striped > tbody > tr > th, .entry-content table.table-striped > tfoot > tr > td, .entry-content table.table-striped > tfoot > tr > th, .entry-content table.table-striped > thead > tr > td, .entry-content table.table-striped > thead > tr > th { border: none; } .entry-content table.table-center > tbody > tr > td, .entry-content table.table-center > tbody > tr > th, .entry-content table.table-center > tfoot > tr > td, .entry-content table.table-center > tfoot > tr > th, .entry-content table.table-center > thead > tr > td, .entry-content table.table-center > thead > tr > th { text-align: center; } .entry-content table.table-dark > thead > tr > th { background-color: #222222; } .entry-content table.table-hover > tbody > tr:hover { background-color: #f6f6f6; } .entry-content .table-striped > tbody > tr:nth-of-type(odd) { background-color: transparent; } .entry-content input[type="button"], .entry-content input[type="submit"] { font-family: 'Montserrat'; font-size: 13px; line-height: 1.2; letter-spacing: 0.1em; text-align: center; text-transform: uppercase; min-width: 170px; padding: 16px 20px; background-color: #10b765; color: #fff; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.2); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .entry-content input[type="button"]:hover, .entry-content input[type="submit"]:hover { background-color: #000; } .entry-meta-tag-wrap { position: relative; margin-top: 70px; padding: 35px 0 25px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .entry-meta-tag-wrap .social-share-wrap { margin: 0; } .entry-meta-tag label { font-size: 14px; font-family: 'Montserrat'; text-transform: uppercase; font-weight: 400; line-height: 1.2; letter-spacing: 0.05em; margin-right: 15px; } .entry-meta-tag { margin-right: 135px; } .entry-meta-tag + .social-share-wrap { margin: 0; position: absolute; right: 0; top: 25px; } /*Author Info*/ .post-author-info { padding: 40px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin-top: -1px; } .post-author-info img { float: left; width: 170px; margin: 0 15px 0 0; } .author-info-inner { position: relative; overflow: hidden; } .author-info-inner h6 { font-size: 14px; line-height: 1.2; letter-spacing: 0.05em; margin-bottom: 10px; } .author-info-inner p { margin-bottom: 0; } .author-info-inner ul.social-profile { margin-top: 20px; } /* Post Related*/ .post-related-wrap { margin-top: 60px; } .post-related-wrap .no-image { position: relative; background-color: #eeeeee; padding: 10px; border: 1px solid #eeeeee; background-clip: content-box; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Montserrat'; text-transform: uppercase; font-size: 24px; letter-spacing: 0.05em; } .post-related-wrap .no-image .no-image-inner { display: inline-block; margin: 0 auto; position: relative; text-align: center; vertical-align: middle; } .post-related-wrap .no-image:before { content: ""; display: inline-block; padding-top: 65%; vertical-align: middle; } .post-related-wrap .entry-thumbnail-wrap { margin-bottom: 20px; } .post-related-wrap h3.entry-post-title { font-size: 15px; margin-bottom: 5px; } .post-related-wrap .entry-post-meta-wrap { margin: 0; } .post-related-wrap .entry-post-meta-wrap ul.entry-meta li { margin-right: 0; line-height: 1.6; } .post-related-wrap .entry-post-meta-wrap ul.entry-meta li + li:before { content: "/"; padding: 0 2px; display: inline; vertical-align: middle; color: #666; } .post-related-wrap .entry-post-meta-wrap ul.entry-meta li a { color: #666; } .post-related-wrap .entry-post-meta-wrap ul.entry-meta li a:hover { color: #10b765; } .post-related-wrap article.format-video > .entry-thumbnail-wrap > .entry-thumbnail a.prettyPhoto { width: 50px; height: 50px; font-size: 50px; line-height: 50px; } .post-related-wrap .entry-thumbnail-wrap .owl-carousel .owl-controls .owl-nav .owl-prev, .post-related-wrap .entry-thumbnail-wrap .owl-carousel .owl-controls .owl-nav .owl-next { height: 34px; width: 34px; font-size: 18px; line-height: 32px; } /* Comments */ .entry-comments { margin-top: 60px; } h3.comments-title { background-color: #eee; text-align: center; font-size: 18px; color: #535353; line-height: 1.6; letter-spacing: 0.05em; padding: 21px 0; margin-bottom: 50px; } .entry-comments-list { border-bottom: 1px solid #eeeeee; margin-bottom: 60px; } ol.commentlist { list-style-type: none; padding: 0; margin: 0; } ol.commentlist li + li { padding-top: 45px; } ol.commentlist > li + li { border-top: 1px solid #eeeeee; margin-top: -1px; } ol.commentlist img.avatar { width: 100px; float: left; padding: 0; margin: 0; } ol.commentlist ul.children { padding-left: 100px; margin-top: 45px; list-style: none; } ol.commentlist ul.children img.avatar { width: 70px; } ol.commentlist ul.children > ul.children { padding-left: 70px; } ol.commentlist > li:last-child .comment-text { border: none; } ol.commentlist .comment-respond { padding-top: 30px; border-top: 1px solid #eeeeee; margin-top: -1px; padding-bottom: 30px; border-bottom: 1px solid #eeeeee; margin-bottom: 30px; } .comment-text { position: relative; overflow: hidden; border-bottom: 1px solid #eeeeee; padding-bottom: 30px; } .comment-text .author { margin-bottom: 15px; } .comment-text .author-name { text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.6; display: inline-block; vertical-align: middle; } .comment-text .author-name:after { content: ""; height: 16px; width: 1px; background-color: #eee; display: inline-block; margin: 3px 10px 0 10px; vertical-align: top; } ol.commentlist img.avatar + .comment-text { padding-left: 20px; } .comment-meta { display: inline-block; font-size: 12px; vertical-align: middle; letter-spacing: 0.05em; line-height: 1.2; color: #10b765; } .comment-meta-bottom { margin-top: 10px; font-size: 12px; line-height: 1.2; letter-spacing: 0.05em; text-align: right; } .comment-like label { font-weight: normal; margin: 0; } .comment-reply-link { color: #10b765; } .comment-reply-link:before { content: ""; display: inline-block; margin: 0 10px; height: 16px; width: 1px; background-color: #eee; vertical-align: middle; } .comment-navigation { margin-bottom: 20px; border-bottom: 1px solid #eeeeee; padding: 0 0 20px 0; } .comment-navigation .page-numbers { font-size: 14px; color: #444; font-family: 'Montserrat'; text-transform: uppercase; border: none; line-height: 1; padding: 0 10px; margin: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .comment-navigation .page-numbers:hover, .comment-navigation .page-numbers:focus, .comment-navigation .page-numbers.current { background-color: transparent; color: #10b765; text-decoration: underline; } .comment-navigation-bottom { margin-bottom: 0; border-bottom: none; border-top: 1px solid #eeeeee; padding: 20px 0; } /* comment form*/ .comment-respond { float: left; width: 100%; } h3.comment-reply-title { font-family: 'Montserrat'; font-size: 14px; line-height: 2.2; letter-spacing: 0.05em; margin-bottom: 35px; } .comment-form { margin: 0 -15px; } .comment-form p { padding: 0 15px; float: left; width: 100%; } .comment-form p.form-submit { margin-bottom: 0; margin-top: 20px; } .comment-form .form-group { margin-bottom: 30px; } .comment-form input[type="text"], .comment-form input[type="search"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form input[type="password"], .comment-form textarea { width: 100%; } .comment-form textarea { height: 150px; } .shortcode-blog-wrap .blog-wrap { margin-bottom: 0; } @media (max-width: 991px) { .blog-style-masonry article { width: 50% !important; } .entry-post-meta-wrap ul.entry-meta li { margin-right: 20px; } } @media (max-width: 767px) { .blog-inner article { padding-bottom: 50px; } .blog-inner article + article { margin-top: 50px; } .blog-inner .entry-thumbnail-wrap { margin-bottom: 35px; } .blog-inner .entry-content-footer { margin-top: 25px; } .entry-quote-wrap { padding: 25px; } .entry-quote-wrap p { line-height: 1.8; } .entry-link-wrap { padding: 25px; } .entry-link-wrap p { line-height: 1.8; } .blog-style-masonry article { width: 100% !important; } .entry-timeline { display: none; } .post-navigation .nav-previous, .post-navigation .nav-next { width: 100%; } .post-navigation .nav-previous { border-bottom: 1px solid #eeeeee; } ol.commentlist img.avatar { width: 70px; } ol.commentlist ul.children { padding-left: 70px; } } @media (max-width: 480px) { .entry-meta-tag { margin: 0 0 20px 0; } .entry-meta-tag + .social-share-wrap { position: relative; top: 0; } .post-author-info img { float: none; margin: 0 auto 20px auto; max-width: 100%; display: block; } ol.commentlist img.avatar { display: none; } .comment-text { padding-left: 0; } ol.commentlist ul.children { padding-left: 0; } } @media (max-width: 320px) { .entry-content-footer ul.social-profile { right: 0; left: auto; -webkit-transform: translateX(0%) translateY(5px); -moz-transform: translateX(0%) translateY(5px); -ms-transform: translateX(0%) translateY(5px); -o-transform: translateX(0%) translateY(5px); transform: translateX(0%) translateY(5px); } .entry-content-footer .social-share-wrap { position: absolute; right: 15px; margin: 0; } .jp-details { display: none; } .blog-paging-default { margin-top: 25px; } .blog-paging-default { height: 34px; } .blog-paging-default .pagination > li > a, .blog-paging-default .pagination > li > span { line-height: 34px; } .blog-paging-default .pagination > li > a.prev, .blog-paging-default .pagination > li > span.prev, .blog-paging-default .pagination > li > a.next, .blog-paging-default .pagination > li > span.next { padding: 5px 10px; font-size: 0; } .blog-paging-default .pagination > li > a.prev i, .blog-paging-default .pagination > li > span.prev i, .blog-paging-default .pagination > li > a.next i, .blog-paging-default .pagination > li > span.next i { margin: 0; } } /** * 7.0 - Woccommerce * ---------------------------------------------------------------------------- */ .sc-title { font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; line-height: 2.2; margin-bottom: 50px; } .sc-title:after { content: ""; display: block; width: 45px; border: 1px solid #10b765; margin-top: 5px; } ._checkbox { cursor: pointer; font-weight: normal; margin: 0 !important; padding-left: 24px; display: inline-block !important; height: 20px !important; line-height: 20px !important; position: relative; } ._checkbox > input[type="checkbox"] { display: none !important; } ._checkbox > input[type="checkbox"]:checked + i { color: #10b765; } ._checkbox i { position: absolute; left: 0; top: 50%; width: 14px; height: 14px; line-height: 12px; font-size: 8px; border: 1px solid #ddd; text-align: center; background-color: #fff; color: #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } ._radio { position: relative; cursor: pointer; font-weight: normal; margin: 0; padding-left: 24px; display: inline-block; /*height: 20px;*/ line-height: 20px; } ._radio > input[type="radio"] { display: none !important; } ._radio > input[type="radio"]:checked + i.radio-button { background-color: #10b765; } ._radio i.radio-button { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 14px; height: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 3px solid #FFFFFF; box-shadow: 0 0 0 1px #DDDDDD; background-color: #FFFFFF; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .layout-container-fluid.archive-product-wrap { padding: 0 15px; } .site-content-archive-product, .single-product-wrap { margin-bottom: 60px; } .archive-product-wrap, .woocommerce-sidebar, .site-content-single-product { margin-bottom: 40px; } .tooltip-inner { white-space: nowrap; } /* Catalog Filter */ .catalog-filter { font-size: 13px; letter-spacing: 0.05em; margin-bottom: 70px; } .product-filter { text-transform: uppercase; vertical-align: middle; float: left; } .product-filter .icon-menu { margin-right: 15px; margin-top: -2px; } .product-filter:hover .icon-menu, .product-filter:hover .icon-menu:after, .product-filter:hover .icon-menu:before { background-color: #10b765; } .product-filter + .catalog-filter-inner { float: right; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { margin: 0; } .woocommerce .woocommerce-ordering select { height: 41px; padding: 0 20px; color: #444; } .woocommerce-result-count { line-height: 41px; padding-right: 30px; } .catalog-filter-disable, .result-count-disable .woocommerce-result-count, .catalog-ordering-disable .woocommerce-ordering, .product-filter-disable .product-filter { display: none; } .woocommerce .star-rating { float: none; font-size: 12px; width: 86px; height: 12px; letter-spacing: 5px; } .woocommerce .star-rating:before { color: #aaa; content: "\53\53\53\53\53"; } .woocommerce .star-rating span { color: #FFBF00; } .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce div.product td.price { font-family: 'Montserrat'; font-size: 12px; letter-spacing: 0.05em; font-weight: normal; display: block; line-height: 1; color: #10b765; margin: 0; } .woocommerce div.product span.price ins, .woocommerce div.product p.price ins, .woocommerce div.product td.price ins { display: inline-block; text-decoration: none; font-weight: inherit; font-style: inherit; } .woocommerce div.product span.price del, .woocommerce div.product p.price del, .woocommerce div.product td.price del { display: inline-block; color: #aaa; opacity: 1; margin-right: 15px; font-weight: inherit; font-style: inherit; } .woocommerce div.product td.price { display: inline-block; font-size: 14px; } .woocommerce-paging { padding: 24px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .woocommerce-paging .blog-paging-default { margin: 0; } .shop-page-content-after, .single-product-bottom-sidebar { border-top: 1px solid #eeeeee; } .woocommerce-paging + .shop-page-content-after { border-top: none; } table.compare-list .add-to-cart td a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { font-family: 'Montserrat'; font-size: 13px; color: #fff; background-color: #10b765; line-height: 1.2 !important; letter-spacing: 0.1em; text-transform: uppercase; font-weight: normal; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; padding: 17.5px 30px; min-width: 150px; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } table.compare-list .add-to-cart td a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #444; color: #fff; } .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 { background-color: #444; 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: #fff; background-color: #10b765; padding: 17.5px 30px; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { padding: 10px 15px; min-width: 0; font-size: 12px; } .product-flash-wrap { position: absolute; right: 0; top: 30px; z-index: 3; } .product-flash { font-family: 'Montserrat'; font-size: 13px; font-weight: normal; text-transform: uppercase; color: #fff; padding: 0 5px; height: 23px; line-height: 23px; display: block; text-align: center; min-width: 44px; } .product-flash + .product-flash { margin-top: 5px; } .on-sale { background-color: #10b765; } .on-sold { background-color: #DDBE86; } .on-new { background-color: #00bbff; } .on-hot { background-color: #FF4D4D; } .woocommerce div.product form.cart div.quantity, .product-quantity div.quantity { margin: 0; } .woocommerce div.product form.cart div.quantity .quantity-inner, .product-quantity div.quantity .quantity-inner { width: 74px; display: inline-block; padding-right: 29px; position: relative; } .woocommerce div.product form.cart div.quantity .quantity-inner .qty, .product-quantity div.quantity .quantity-inner .qty { width: 100%; padding-left: 0; padding-right: 0; text-align: center; margin-bottom: 0; } .woocommerce div.product form.cart div.quantity .quantity-inner .btn-number, .product-quantity div.quantity .quantity-inner .btn-number { position: absolute; width: 29px; border: 1px solid #DDDDDD; border-left: 0; padding: 0; right: 0; background-color: #F7F7F7; display: block; font-size: 14px; } .woocommerce div.product form.cart div.quantity .quantity-inner .btn-number:hover, .product-quantity div.quantity .quantity-inner .btn-number:hover { background-color: #DDDDDD; } .woocommerce div.product form.cart div.quantity .quantity-inner .btn-number[data-type="minus"], .product-quantity div.quantity .quantity-inner .btn-number[data-type="minus"] { height: 24px; line-height: 23px; border-top: 0; bottom: 0; } .woocommerce div.product form.cart div.quantity .quantity-inner .btn-number[data-type="plus"], .product-quantity div.quantity .quantity-inner .btn-number[data-type="plus"] { height: 26px; line-height: 24px; top: 0; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { /*height: 40px; background-color: #F5F5F5; color: #858585; font-size: 14px;*/ } .woocommerce form .form-row textarea { height: 130px; } .woocommerce form .form-row label { font-family: 'Montserrat'; font-size: 13px; line-height: 1.2; letter-spacing: 0.1em; margin-bottom: 10px; font-weight: normal; } .woocommerce form .form-row label.inline input[type=checkbox], .woocommerce form .form-row label.inline input[type=radio] { margin: auto; vertical-align: middle; } .woocommerce form .form-row { padding: 0; margin-bottom: 30px !important; } .woocommerce form .form-row .required { color: #10b765; } /* -------------------------------------------- PRODUCT LISTING -------------------------------------------- */ .product-listing.woocommerce { margin: 0 -15px; } .product-listing.woocommerce .product-item-wrap { float: left; padding: 0 15px 60px 15px; } .product-listing.woocommerce .rating-disable .star-rating { display: none; } .product-listing.woocommerce .product-item-inner { position: relative; } .product-listing.woocommerce .product-thumb img { width: 100%; } .product-listing.woocommerce .product-thumb { position: relative; background-color: #F7F7F7; } .product-listing.woocommerce .product-thumb-secondary { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; z-index: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .product-listing.woocommerce .product-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(17, 17, 17, 0.3); opacity: 0; visibility: hidden; -webkit-transition: 0.3s all 0.001s ease-out; -moz-transition: 0.3s all 0.001s ease-out; -ms-transition: 0.3s all 0.001s ease-out; -o-transition: 0.3s all 0.001s ease-out; transition: 0.3s all 0.001s ease-out; } .product-listing.woocommerce .add-to-cart-wrap { display: inline-block; vertical-align: middle; } .product-listing.woocommerce .product-actions { position: absolute; bottom: 0; left: 0; right: 0; top: 0; height: 45px; text-align: center; margin: auto; z-index: 3; font-size: 0; } .product-listing.woocommerce .product-actions .yith-wcwl-wishlistaddedbrowse a, .product-listing.woocommerce .product-actions .yith-wcwl-wishlistexistsbrowse a, .product-listing.woocommerce .product-actions .add_to_wishlist, .product-listing.woocommerce .product-actions .compare, .product-listing.woocommerce .product-actions .product-quick-view, .product-listing.woocommerce .product-actions .btn_add_to_cart, .product-listing.woocommerce .product-actions .added_to_cart.wc-forward { width: 45px; height: 45px; line-height: 45px !important; text-align: center; background-color: rgba(255, 255, 255, 0.9); color: #444; display: inline-block; padding: 0; margin: 0 2px; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 0; min-width: 0; vertical-align: middle; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; opacity: 0; visibility: hidden; -webkit-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -webkit-transform 0.5s 0.25s ease-out; -moz-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -moz-transform 0.5s 0.25s ease-out; -ms-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -ms-transform 0.5s 0.25s ease-out; -o-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -o-transform 0.5s 0.25s ease-out; transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, transform 0.5s 0.25s ease-out; } .product-listing.woocommerce .product-actions .yith-wcwl-wishlistaddedbrowse a i, .product-listing.woocommerce .product-actions .yith-wcwl-wishlistexistsbrowse a i, .product-listing.woocommerce .product-actions .add_to_wishlist i, .product-listing.woocommerce .product-actions .compare i, .product-listing.woocommerce .product-actions .product-quick-view i, .product-listing.woocommerce .product-actions .btn_add_to_cart i, .product-listing.woocommerce .product-actions .added_to_cart.wc-forward i { font-size: 18px; line-height: inherit; vertical-align: middle; } .product-listing.woocommerce .product-actions .yith-wcwl-wishlistaddedbrowse a:hover, .product-listing.woocommerce .product-actions .yith-wcwl-wishlistexistsbrowse a:hover, .product-listing.woocommerce .product-actions .add_to_wishlist:hover, .product-listing.woocommerce .product-actions .compare:hover, .product-listing.woocommerce .product-actions .product-quick-view:hover, .product-listing.woocommerce .product-actions .btn_add_to_cart:hover, .product-listing.woocommerce .product-actions .added_to_cart.wc-forward:hover, .product-listing.woocommerce .product-actions .yith-wcwl-wishlistaddedbrowse a:focus, .product-listing.woocommerce .product-actions .yith-wcwl-wishlistexistsbrowse a:focus, .product-listing.woocommerce .product-actions .add_to_wishlist:focus, .product-listing.woocommerce .product-actions .compare:focus, .product-listing.woocommerce .product-actions .product-quick-view:focus, .product-listing.woocommerce .product-actions .btn_add_to_cart:focus, .product-listing.woocommerce .product-actions .added_to_cart.wc-forward:focus, .product-listing.woocommerce .product-actions .yith-wcwl-wishlistaddedbrowse a.active, .product-listing.woocommerce .product-actions .yith-wcwl-wishlistexistsbrowse a.active, .product-listing.woocommerce .product-actions .add_to_wishlist.active, .product-listing.woocommerce .product-actions .compare.active, .product-listing.woocommerce .product-actions .product-quick-view.active, .product-listing.woocommerce .product-actions .btn_add_to_cart.active, .product-listing.woocommerce .product-actions .added_to_cart.wc-forward.active { color: #FFFFFF; background-color: rgba(0, 187, 255, 0.9); } .product-listing.woocommerce .product-actions .btn_add_to_cart { -webkit-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, -webkit-transform 0.5s 0.35s ease-out; -moz-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, -moz-transform 0.5s 0.35s ease-out; -ms-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, -ms-transform 0.5s 0.35s ease-out; -o-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, -o-transform 0.5s 0.35s ease-out; transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, transform 0.5s 0.35s ease-out; } .product-listing.woocommerce .product-actions .product-quick-view { -webkit-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.45s ease-out, opacity 0.5s 0.35s ease-out, -webkit-transform 0.5s 0.45s ease-out; -moz-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.45s ease-out, opacity 0.5s 0.35s ease-out, -moz-transform 0.5s 0.45s ease-out; -ms-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.45s ease-out, opacity 0.5s 0.35s ease-out, -ms-transform 0.5s 0.45s ease-out; -o-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.45s ease-out, opacity 0.5s 0.35s ease-out, -o-transform 0.5s 0.45s ease-out; transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.45s ease-out, opacity 0.5s 0.35s ease-out, transform 0.5s 0.45s ease-out; } .product-listing.woocommerce .product-actions .compare { -webkit-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.55s ease-out, opacity 0.5s 0.35s ease-out, -webkit-transform 0.5s 0.55s ease-out; -moz-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.55s ease-out, opacity 0.5s 0.35s ease-out, -moz-transform 0.5s 0.55s ease-out; -ms-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.55s ease-out, opacity 0.5s 0.35s ease-out, -ms-transform 0.5s 0.55s ease-out; -o-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.55s ease-out, opacity 0.5s 0.35s ease-out, -o-transform 0.5s 0.55s ease-out; transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.55s ease-out, opacity 0.5s 0.35s ease-out, transform 0.5s 0.55s ease-out; } .product-listing.woocommerce .product-actions .added-spinner { color: #FFFFFF; } .product-listing.woocommerce .product-actions .yith-wcwl-add-to-wishlist { display: inline-block; margin: 0; vertical-align: middle; } .product-listing.woocommerce .product-actions .yith-wcwl-add-to-wishlist + div.clear { display: none; } .product-listing.woocommerce .product-actions .yith-wcwl-add-button { font-size: 0; position: relative; } .product-listing.woocommerce .product-actions .yith-wcwl-add-button i, .product-listing.woocommerce .product-actions .yith-wcwl-add-button .ajax-loading { display: none !important; } .product-listing.woocommerce .product-actions .add_to_wishlist:before, .product-listing.woocommerce .product-actions .yith-wcwl-wishlistaddedbrowse a:before, .product-listing.woocommerce .product-actions .yith-wcwl-wishlistexistsbrowse a:before, .product-listing.woocommerce .product-actions .compare.added:before { font-family: "megatron"; content: "\e104"; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 1; vertical-align: middle; } .product-listing.woocommerce .product-actions .yith-wcwl-wishlistaddedbrowse a:before, .product-listing.woocommerce .product-actions .yith-wcwl-wishlistexistsbrowse a:before { content: "\e103"; } .product-listing.woocommerce .product-actions .compare.added:before { content: "\e040"; } .product-listing.woocommerce .product-actions .add_to_wishlist.added-spinner:before { font-family: fontawesome; content: "\f110"; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .product-listing.woocommerce .product-info { text-align: center; padding: 15px 0 0 0; } .product-listing.woocommerce .star-rating { margin: 15px auto 0 auto; } .product-listing.woocommerce .product-name { font-size: 14px; display: block; margin-bottom: 5px; line-height: 2.2; letter-spacing: 0.05em; } .product-listing.woocommerce .product-item-wrap.active .product-actions .yith-wcwl-wishlistaddedbrowse a, .product-listing.woocommerce .product-item-wrap:hover .product-actions .yith-wcwl-wishlistaddedbrowse a, .product-listing.woocommerce .product-item-wrap.active .product-actions .yith-wcwl-wishlistexistsbrowse a, .product-listing.woocommerce .product-item-wrap:hover .product-actions .yith-wcwl-wishlistexistsbrowse a, .product-listing.woocommerce .product-item-wrap.active .product-actions .add_to_wishlist, .product-listing.woocommerce .product-item-wrap:hover .product-actions .add_to_wishlist, .product-listing.woocommerce .product-item-wrap.active .product-actions .compare, .product-listing.woocommerce .product-item-wrap:hover .product-actions .compare, .product-listing.woocommerce .product-item-wrap.active .product-actions .product-quick-view, .product-listing.woocommerce .product-item-wrap:hover .product-actions .product-quick-view, .product-listing.woocommerce .product-item-wrap.active .product-actions .btn_add_to_cart, .product-listing.woocommerce .product-item-wrap:hover .product-actions .btn_add_to_cart, .product-listing.woocommerce .product-item-wrap.active .product-actions .added_to_cart.wc-forward, .product-listing.woocommerce .product-item-wrap:hover .product-actions .added_to_cart.wc-forward { opacity: 1; visibility: visible; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .product-listing.woocommerce .product-item-wrap.active .product-link, .product-listing.woocommerce .product-item-wrap:hover .product-link { opacity: 1; visibility: visible; } .product-listing.woocommerce .product-item-wrap.active .product-thumb-secondary, .product-listing.woocommerce .product-item-wrap:hover .product-thumb-secondary { opacity: 1; } .product-listing.woocommerce.columns-2 .product-item-wrap { width: 50%; } .product-listing.woocommerce.columns-2 .product-item-wrap:nth-child(2n+1) { clear: both; } .product-listing.woocommerce.columns-3 .product-item-wrap { width: 33.33333333%; } .product-listing.woocommerce.columns-3 .product-item-wrap:nth-child(3n+1) { clear: both; } .product-listing.woocommerce.columns-4 .product-item-wrap { width: 25%; } .product-listing.woocommerce.columns-4 .product-item-wrap:nth-child(4n+1) { clear: both; } .product-listing.woocommerce.product-slider { margin: 0; } .product-listing.woocommerce.product-slider .product-item-wrap { float: none; padding: 0 0 60px 0; } /*-------------------------------------------- COMPARE ---------------------------------------------*/ .woocommerce-compare-page h1 { font-size: 24px; background-color: #f4f4f4; color: #444; } /*-------------------------------------------- FILTER ---------------------------------------------*/ #product-filter-wrap { position: fixed; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 99999; background-color: #fff; width: 337px; max-width: 100%; margin: auto; top: 0; bottom: 0; left: -100%; padding: 30px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #product-filter-overlay { opacity: 0; position: fixed; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(68, 68, 68, 0.5); z-index: -1; pointer-events: none; overflow: hidden; -webkit-transition: opaciry .3s ease; -moz-transition: opaciry .3s ease; -ms-transition: opaciry .3s ease; -o-transition: opaciry .3s ease; transition: opaciry .3s ease; } body.product-filter-in #product-filter-wrap { left: 0; } body.product-filter-in #product-filter-overlay { opacity: 1; z-index: 99999; pointer-events: auto; cursor: url(assets/images/close.png) 15 15, default; } /* -------------------------------------------- SINGLE PRODUCT INFO -------------------------------------------- */ .single-product-image { position: relative; } .product-image-slider-wrap { margin-bottom: 15px; } .product-image-thumb-wrap { margin: 0 -5px; } .single-product-image-inner img { display: block; width: 100%; } .product-image-thumb-item { position: relative; outline: none; cursor: pointer; padding: 5px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .product-image-thumb-item .woocommerce-thumbnail-image { display: block; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .product-image-thumb-item .woocommerce-thumbnail-image:before { position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.4); } .product-image-thumb-item:hover .woocommerce-thumbnail-image, .product-image-thumb-item.synced .woocommerce-thumbnail-image { -webkit-box-shadow: 0 0 0 1px #ddd; -moz-box-shadow: 0 0 0 1px #ddd; box-shadow: 0 0 0 1px #ddd; } .product-image-thumb-item:hover .woocommerce-thumbnail-image:before, .product-image-thumb-item.synced .woocommerce-thumbnail-image:before { opacity: 0; } @media (min-width: 1230px) { .single-product-image-wrap:not(.has-sidebar) { padding-right: 0; padding-left: 0; } .single-product-image-inner { position: relative; } .single-product-image-inner.vertical .product-image-slider-wrap { padding-left: 130px; } .single-product-image-inner.vertical .product-image-thumb-wrap { position: absolute; width: 130px; margin: 0; height: 100%; top: 0; left: 0; padding: 0 14px; overflow: hidden; } .single-product-image-inner.vertical .product-image-thumb-item { margin-bottom: 30px; padding: 0; } .single-product-image-inner.vertical .product-image-slider-wrap { margin-bottom: 0; } .single-product-image-wrap.has-sidebar { padding-right: 0; } .summary-product { padding-left: 15px; } } .summary-product .product_title { font-size: 24px; letter-spacing: 0.05em; margin-bottom: 25px; font-weight: normal; } .woocommerce div.product p.price { font-size: 18px; margin-bottom: 30px; } .woocommerce .woocommerce-product-rating .star-rating { float: none; display: inline-block; vertical-align: middle; margin: 0 15px 0 0; } a.woocommerce-review-link { display: inline-block; vertical-align: middle; letter-spacing: 0.05em; color: #00bbff; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 30px; } .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-bottom: 35px; } .woocommerce div.product .cart .button { height: 50px; line-height: 50px !important; padding: 0 20px; } .woocommerce div.product .cart .button:before { font-family: "megatron" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e1b1"; display: inline-block; font-size: 20px; vertical-align: middle; margin-right: 10px; margin-top: -4px; } .woocommerce div.product form.cart div.quantity { margin-right: 20px; } .product_meta { margin-bottom: 30px; font-size: 13px; } .product_meta > span { display: block; font-family: 'Montserrat'; color: #444444; margin-bottom: 0; text-transform: uppercase; } .product_meta > span > span, .product_meta > span > a { font-family: 'Playfair Display'; font-size: 13px; font-style: italic; color: #10b765; text-transform: none; } .product_meta > span + span { margin-top: 5px; } .woocommerce div.product form.cart.variations_form { margin-bottom: 0; } .woocommerce div.product form.cart .variations { margin-bottom: 0; } .woocommerce div.product form.cart .variations td { display: table-cell; text-align: left; } .woocommerce div.product form.cart .variations td.label { padding: 0; } .woocommerce div.product form.cart .variations tr + tr td, .woocommerce div.product form.cart .variations tr + tr td.label { padding: 15px 0 0 0; } .woocommerce div.product form.cart .variations td.label label { font-weight: 400; line-height: 50px; margin-bottom: 0; padding-right: 20px; font-size: 13px; color: #444444; text-transform: uppercase; font-family: 'Montserrat'; } .single_variation_wrap { margin-bottom: 35px; margin-top: 20px; } .single_variation_wrap:after, .variations_button:after { content: ""; display: block; clear: both; } .woocommerce div.product .single_variation span.price { font-size: 18px; margin-bottom: 20px; } .woocommerce div.product form.cart .group_table { border: none; margin-bottom: 20px; } .woocommerce div.product form.cart .group_table td { padding-bottom: 20px; line-height: 50px; } .woocommerce div.product form.cart .group_table td.label { font-family: 'Montserrat'; font-size: 13px; text-transform: uppercase; font-weight: normal; padding: 0 20px; } .woocommerce div.product form.cart .group_table label { font-weight: normal; font-size: 15px; color: #444444; margin: 0; line-height: 50px; } .woocommerce div.product p.stock { font-family: 'Montserrat'; font-style: normal; color: #10b765; font-weight: 400; text-transform: uppercase; font-size: 1em; margin-bottom: 20px; } /* -------------------------------------------- SINGLE PRODUCT TAB -------------------------------------------- */ .woocommerce div.product .woocommerce-tabs:after { content: ""; display: block; clear: both; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0; font-size: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid #ddd; } .woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #ddd; background-color: #eee; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before { position: static; content: ""; display: block; width: 100%; height: 1px; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-family: 'Montserrat'; letter-spacing: 0.05em; font-size: 13px; text-transform: uppercase; padding: 16px 25px; line-height: 1.2; font-weight: normal; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover { background-color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-top-color: #10b765; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { background-color: #10b765; } .woocommerce div.product .woocommerce-tabs ul.tabs li + li { margin-left: -1px; } .woocommerce div.product .woocommerce-tabs .panel { margin: 0; padding: 35px 25px; border: 1px solid #ddd; border-top: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* -------------------------------------------- SINGLE PRODUCT REVIEW -------------------------------------------- */ .woocommerce #reviews h2 { font-size: 14px; font-weight: normal; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eeeeee; } .woocommerce #reviews #comments ol.commentlist { padding: 0; margin: 0; } .woocommerce #reviews #comments ol.commentlist li { margin: 0; padding-bottom: 30px; border-bottom: 1px solid #eeeeee; } .woocommerce #reviews #comments ol.commentlist li + li { margin-top: 30px; } .woocommerce #reviews #comments ol.commentlist li:last-child { padding-bottom: 0; border-bottom: none; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 100px; height: 100px; padding: 0; margin: 0; border: none; position: static; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 120px; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { position: absolute; top: 0; right: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { margin-bottom: 20px; font-family: 'Montserrat'; letter-spacing: 0.05em; line-height: 16px; font-size: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong { font-size: 14px; font-weight: normal; text-transform: uppercase; vertical-align: middle; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong:after { content: ""; display: inline-block; vertical-align: middle; height: 16px; width: 1px; background-color: #ddd; margin: -2px 10px 0 10px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time { font-size: 12px; color: #10b765; vertical-align: middle; } .woocommerce #reviews #comments { border-bottom: 1px solid #eeeeee; padding-bottom: 30px; } .woocommerce #review_form #respond { margin-top: 40px; } .woocommerce #review_form #respond h3.comment-reply-title { margin-bottom: 35px; } .woocommerce #review_form #respond .comment-form { margin: 0; } .woocommerce #review_form #respond .comment-form > p { margin-bottom: 30px; } .woocommerce #review_form #respond .comment-form p { padding: 0; } .woocommerce #review_form #respond .comment-form textarea { height: 150px; } .woocommerce #review_form #respond .comment-form p.form-submit { margin: 0; } .upsells, .related, .cross-sells { margin-top: 60px; } .upsells .owl-carousel .owl-controls .owl-nav .owl-prev, .related .owl-carousel .owl-controls .owl-nav .owl-prev, .cross-sells .owl-carousel .owl-controls .owl-nav .owl-prev, .upsells .owl-carousel .owl-controls .owl-nav .owl-next, .related .owl-carousel .owl-controls .owl-nav .owl-next, .cross-sells .owl-carousel .owl-controls .owl-nav .owl-next { position: absolute; width: 44px; height: 44px; line-height: 42px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6); font-size: 24px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin-top: -75px; } .upsells .owl-carousel .owl-controls .owl-nav .owl-prev, .related .owl-carousel .owl-controls .owl-nav .owl-prev, .cross-sells .owl-carousel .owl-controls .owl-nav .owl-prev { left: -64px; } .upsells .owl-carousel .owl-controls .owl-nav .owl-next, .related .owl-carousel .owl-controls .owl-nav .owl-next, .cross-sells .owl-carousel .owl-controls .owl-nav .owl-next { right: -64px; } .upsells + .related { margin-top: 0; } /* -------------------------------------------- QUICK VIEW -------------------------------------------- */ #popup-product-quick-view-wrapper { margin-bottom: 0; } #popup-product-quick-view-wrapper .modal-body { padding: 30px; } #popup-product-quick-view-wrapper .popup-close { width: 30px; height: 30px; font-size: 18px; text-align: center; line-height: 30px; cursor: pointer; z-index: 1; top: 0; right: 0; background-color: #10b765; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #popup-product-quick-view-wrapper .popup-close:hover { color: #fff; background-color: #333; } @media (min-width: 1230px) { #popup-product-quick-view-wrapper .single-product-image-wrap { width: 45.94594595%; } #popup-product-quick-view-wrapper .single-product-summary-wrap { width: 54.05405405%; } } @media (max-width: 767px) { #popup-product-quick-view-wrapper .single-product-image-wrap { margin-bottom: 40px; } } /* -------------------------------------------- SHOPPING CART -------------------------------------------- */ .woocommerce table.shop_table { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; } .woocommerce table.shop_table thead th { font-family: 'Montserrat'; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.2; font-size: 14px; color: #444; background-color: #f9f9f9; font-weight: normal; padding: 17px 5px; } .woocommerce table.shop_table dl.variation { text-transform: none; margin: 0; font-size: 12px; } .woocommerce table.shop_table dl.variation dt { font-weight: normal; padding: 0 0 5px; } .woocommerce table.shop_table dl.variation dd { padding: 0 0 5px; margin: 0; } .woocommerce table.shop_table.cart tbody td { border-top: 1px solid #eeeeee; padding: 55px 5px; font-family: 'Montserrat'; text-transform: uppercase; letter-spacing: 0.05em; line-height: 2.2; font-size: 14px; color: #444; } @media (min-width: 769px) { .woocommerce table.shop_table.cart tbody tr:first-child td { border-top: none; } .woocommerce table.shop_table.cart .product-thumbnail { width: 110px; } .woocommerce table.shop_table.cart .product-thumbnail img { width: 100%; } .woocommerce table.shop_table.cart .product-price { width: 150px; } .woocommerce table.shop_table.cart .product-quantity { width: 100px; } .woocommerce table.shop_table.cart .product-subtotal { width: 150px; } .woocommerce table.shop_table.cart .product-remove { width: 30px; } } .woocommerce .cart-actions { padding: 55px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; text-align: right; font-size: 0; } .woocommerce .cart-actions .coupon { float: left; } .woocommerce .cart-actions .coupon .input-text { min-width: 270px; padding: 0 15px; margin: 0 15px 0 0; outline: 0; text-align: center; vertical-align: middle; } .woocommerce .cart-actions a.checkout-button { background-color: #00bbff; margin-left: 15px; } .woocommerce .cart-actions a.checkout-button:hover { background-color: #444; } .cart-collaterals { margin-bottom: 60px; } .cart-collaterals h2 { font-size: 18px; letter-spacing: 0.05em; line-height: 1.2; font-weight: normal; text-transform: uppercase; color: #444; margin-bottom: 25px; } .woocommerce-shipping-calculator, .cart_totals_inner { margin-top: 55px; } .woocommerce .cart-collaterals .cart_totals { width: auto; float: none; } .shipping-calculator-form { display: block !important; } .shipping-calculator-form p { margin-bottom: 0; margin-top: 30px; } .woocommerce-cart .cart-collaterals .cart_totals table { margin: 0; border: none; border-top: 1px solid #eeeeee; } .woocommerce-cart .cart-collaterals .cart_totals table tr td, .woocommerce-cart .cart-collaterals .cart_totals table tr th { font-family: 'Montserrat'; font-size: 14px; letter-spacing: 0.05em; line-height: 1.2; border: none; padding: 0 0 30px 0; font-weight: normal; } .woocommerce-cart .cart-collaterals .cart_totals table tr td { text-align: right; } .woocommerce-cart .cart-collaterals .cart_totals table tr th { text-transform: uppercase; } .woocommerce-cart .cart-collaterals .cart_totals table tr.cart-subtotal th, .woocommerce-cart .cart-collaterals .cart_totals table tr.cart-subtotal td { padding-top: 30px; } .woocommerce-cart .cart-collaterals .cart_totals table tr.order-total th, .woocommerce-cart .cart-collaterals .cart_totals table tr.order-total td { border-top: 1px solid #eeeeee; padding-top: 30px; padding-bottom: 30px; font-size: 18px; color: #10b765; } .woocommerce-cart .cart-collaterals .cart_totals table tr.order-total th strong, .woocommerce-cart .cart-collaterals .cart_totals table tr.order-total td strong { font-weight: normal; } .woocommerce ul#shipping_method { line-height: 2; } .woocommerce ul#shipping_method li { padding: 0; text-indent: 0; } .woocommerce ul#shipping_method li label { font-weight: normal; margin: 0; } .woocommerce ul#shipping_method .amount { font-weight: normal; } p.return-to-shop { margin-bottom: 80px !important; } .woocommerce-cart .site-content-page { margin-bottom: 40px; } @media (max-width: 1019px) { /*.woocommerce table.shop_table.cart { tbody td { padding: 35px 5px; } .product-thumbnail { width: 80px; padding-left: 10px; } td.product-thumbnail { padding: 35px 10px 35px 10px; } .product-price { width: 120px; } .product-subtotal { width: 120px; } }*/ .woocommerce .cart-actions { padding: 35px 0 5px 0; text-align: left; } .woocommerce .cart-actions a.button, .woocommerce .cart-actions input.button { width: 48%; float: left; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; } .woocommerce .cart-actions input[name="apply_coupon"], .woocommerce .cart-actions a.checkout-button { float: right; margin-left: 0; } .woocommerce .cart-actions .coupon .input-text { width: 48%; float: left; margin-bottom: 30px; min-width: 0; } .woocommerce .cart-actions .coupon { float: none; } } @media (max-width: 768px) { .woocommerce table.shop_table.cart tbody td { padding: 10px; } .woocommerce-cart .cart-collaterals table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent; } } /*@media (max-width: 767px) { .woocommerce-cart .table-responsive { margin: 0; border: none; } .woocommerce table.shop_table.cart tbody td { padding-top: 10px; padding-bottom: 10px; } }*/ @media (max-width: 480px) { .woocommerce .cart-actions a.button, .woocommerce .cart-actions input.button { width: 100%; float: left; } .woocommerce .cart-actions input[name="apply_coupon"], .woocommerce .cart-actions a.checkout-button { float: left; } .woocommerce .cart-actions .coupon .input-text { width: 100%; } } /* -------------------------------------------- CHECKOUT -------------------------------------------- */ .checkout-before-form + .woocommerce-checkout { border-top: 1px solid #eeeeee; padding-top: 50px; } .checkout-message { background: #f9f9f9; border: 1px solid #ddd; font-size: 14px; letter-spacing: 0.05em; font-weight: 600; line-height: 1.5; padding: 13.5px 20px; } .checkout-message a { font-family: 'Playfair Display'; font-style: italic; font-weight: normal; color: #10b765; } .woocommerce .checkout-login form.login, .woocommerce .checkout-coupon form.checkout_coupon { border: none; padding: 0; margin: 30px 0 0 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce .checkout-login form.login p { margin-bottom: 30px; } .woocommerce .checkout-login form.login p.lost_password { margin-bottom: 0; } .woocommerce .checkout-login form.login label { display: none; } .woocommerce .checkout-coupon form.checkout_coupon p { margin: 0; } .woocommerce .checkout-coupon form.checkout_coupon .form-row-first { float: left; padding-right: 205px; width: 100%; } .woocommerce .checkout-coupon form.checkout_coupon .form-row-last { float: left; width: auto; position: absolute; right: 15px; } .woocommerce-shipping-fields h3, .woocommerce-billing-fields h3, #order_review_heading { font-family: 'Montserrat'; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.5; margin-bottom: 40px; } #order_review_heading { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eeeeee; } .select2-container .select2-selection--single { height: 50px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ddd; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; color: #888; padding: 0 0 0 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; } #ship-to-different-address { margin-bottom: 35px; } #ship-to-different-address ._checkbox { margin-bottom: 39px; font-size: 14px; font-style: italic; letter-spacing: 0.05em; text-transform: none; } .create-account p { margin-bottom: 30px; } .woocommerce form .form-row.create-account ._checkbox { font-size: 13px; font-style: italic; letter-spacing: 0.05em; text-transform: none; margin: 0; line-height: 20px; color: #444; } .woocommerce table.order_details, .woocommerce table.woocommerce-checkout-review-order-table { border: 1px solid #eeeeee; } .woocommerce table.order_details thead th, .woocommerce table.woocommerce-checkout-review-order-table thead th { padding: 17px 20px; } .woocommerce table.order_details tbody td, .woocommerce table.woocommerce-checkout-review-order-table tbody td, .woocommerce table.order_details tfoot td, .woocommerce table.woocommerce-checkout-review-order-table tfoot td, .woocommerce table.order_details tfoot th, .woocommerce table.woocommerce-checkout-review-order-table tfoot th { border: none; padding: 10px 20px; line-height: 2.2; font-size: 14px; color: #444; font-weight: normal; } .woocommerce table.order_details tbody td strong, .woocommerce table.woocommerce-checkout-review-order-table tbody td strong, .woocommerce table.order_details tfoot td strong, .woocommerce table.woocommerce-checkout-review-order-table tfoot td strong, .woocommerce table.order_details tfoot th strong, .woocommerce table.woocommerce-checkout-review-order-table tfoot th strong { font-weight: normal; } .woocommerce table.order_details .product-total, .woocommerce table.woocommerce-checkout-review-order-table .product-total, .woocommerce table.order_details tfoot td, .woocommerce table.woocommerce-checkout-review-order-table tfoot td { text-align: right; } .woocommerce table.order_details tfoot tr:first-child td, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:first-child td, .woocommerce table.order_details tfoot tr:first-child th, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:first-child th, .woocommerce table.order_details tfoot tr:last-child td, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-child td, .woocommerce table.order_details tfoot tr:last-child th, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-child th { border-top: 1px solid #eeeeee; } .woocommerce table.order_details tfoot tr:last-child td, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-child td, .woocommerce table.order_details tfoot tr:last-child th, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-child th { font-family: 'Montserrat'; font-size: 18px; color: #10b765; text-transform: uppercase; } .woocommerce table.woocommerce-checkout-review-order-table { margin-bottom: 80px; } .woocommerce-checkout #payment { background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout #payment ul.payment_methods { border: 1px solid #ddd; padding: 0 15px; } .woocommerce-checkout #payment ul.payment_methods li { padding: 25px 0; } .woocommerce-checkout #payment ul.payment_methods li + li { border-top: 1px solid #ddd; } .woocommerce-checkout #payment ul.payment_methods ._radio > span { text-transform: uppercase; letter-spacing: 0.05em; } .woocommerce-checkout #payment ul.payment_methods ._radio i.radio-button { width: 16px; height: 16px; } .woocommerce-checkout #payment div.form-row { padding: 55px 0 0 0; margin: 0; } .woocommerce #payment #place_order { float: left; width: auto; margin: 0; background-color: #00bbff; } .woocommerce #payment #place_order:hover { background-color: #444; } .woocommerce-checkout #payment div.payment_box { font-size: 14px; padding: 0; margin: 10px 0 0 0; background: transparent; line-height: 2.2; } .woocommerce-checkout #payment div.payment_box:before { display: none; } form.woocommerce-checkout { margin-bottom: 100px; } /* -------------------------------------------- ORDER RECEIVED -------------------------------------------- */ .woocommerce-order-received .woocommerce h2, .woocommerce-account .woocommerce h2, .woocommerce-order-received .woocommerce h3, .woocommerce-account .woocommerce h3 { font-family: 'Montserrat'; font-size: 14px; font-weight: normal; letter-spacing: 0.05em; margin-bottom: 25px; position: relative; } .woocommerce-order-received .woocommerce h3, .woocommerce-account .woocommerce h3 { margin-bottom: 20px; } .woocommerce-order-received .woocommerce .woocommerce-column__title, .woocommerce-account .woocommerce .woocommerce-column__title, .woocommerce-order-received .woocommerce header.title h3, .woocommerce-account .woocommerce header.title h3, .woocommerce-order-received .woocommerce h2, .woocommerce-account .woocommerce h2 { padding-bottom: 15px; } .woocommerce-order-received .woocommerce .woocommerce-column__title:after, .woocommerce-account .woocommerce .woocommerce-column__title:after, .woocommerce-order-received .woocommerce header.title h3:after, .woocommerce-account .woocommerce header.title h3:after, .woocommerce-order-received .woocommerce h2:after, .woocommerce-account .woocommerce h2:after { content: ""; position: absolute; bottom: 0; display: block; width: 45px; border: 1px solid #10b765; } .woocommerce-order-received .woocommerce .woocommerce-column__title, .woocommerce-account .woocommerce .woocommerce-column__title, .woocommerce-order-received .woocommerce header.title, .woocommerce-account .woocommerce header.title, .woocommerce-order-received .woocommerce h2, .woocommerce-account .woocommerce h2 { margin-top: 50px; } .woocommerce-order-received .woocommerce address, .woocommerce-account .woocommerce address { line-height: 2; } .woocommerce-order-received .site-content-page, .woocommerce-account .site-content-page { margin-bottom: 100px; } .woocommerce-order-received .site-content-page p, .woocommerce-account .site-content-page p { margin-bottom: 0; } .woocommerce .order_details { padding: 0; margin: 15px 0; } .woocommerce .order_details li { text-transform: none; font-size: 12px; } .woocommerce table.customer_details, .woocommerce table.my_account_orders { border: 1px solid #eeeeee; } .woocommerce table.customer_details thead th, .woocommerce table.my_account_orders thead th { padding: 17px 20px; } .woocommerce table.customer_details tbody td, .woocommerce table.my_account_orders tbody td, .woocommerce table.customer_details tbody th, .woocommerce table.my_account_orders tbody th { font-weight: normal; padding: 15px 20px; border-top: 1px solid #eeeeee; } .woocommerce table.customer_details tbody td { text-align: right; } .woocommerce table.my_account_orders .order-actions .button { min-width: 0; padding: 10px 20px; font-size: 12px; } @media (max-width: 768px) { .woocommerce table.customer_details tr:nth-child(2n) td { background-color: transparent; } .woocommerce table.customer_details tbody th, .woocommerce table.customer_details tbody td { display: table-cell; } .woocommerce table.customer_details tr { display: table-row; } } @media (max-width: 767px) { .woocommerce .order_details li { float: none; font-size: 12px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #d3ced2; border-right: none; margin-right: 0; padding-right: 0; } } /* -------------------------------------------- MY-ACCOUNT -------------------------------------------- */ .form-login-title { text-align: center; } .form-login-title h4 { font-size: 21px; line-height: 1.6; letter-spacing: 0.05em; margin-bottom: 10px; } .form-login-title span { font-size: 13px; letter-spacing: 0.05em; line-height: 1.2; display: block; margin-bottom: 20px; } .form-login-title:after { content: ""; display: block; width: 50px; height: 1px; background-color: #444; margin: auto; } .woocommerce-account .customer_login_form_wrap form.login, .woocommerce-account .customer_login_form_wrap form.register { margin: 50px 0 0 0; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center; } .woocommerce-account .customer_login_form_wrap .form-row label { margin-bottom: 20px; } .woocommerce-account .customer_login_form_wrap .form-row input.input-text { text-align: center; background-color: #fafafa; max-width: 470px; } .woocommerce-account .customer_login_form_wrap ._checkbox { font-size: 13px; letter-spacing: 0.05em; } .woocommerce-account .customer_login_form_wrap input.button { min-width: 300px; } .woocommerce-account .customer_login_form_wrap input.button[name="register"] { background-color: #00bbff; } .woocommerce-account .customer_login_form_wrap input.button[name="register"]:hover { background-color: #444; } .woocommerce-account .customer_login_form_wrap .lost_password a { color: #00bbff; font-style: italic; font-size: 13px; text-decoration: underline; } .woocommerce-account .customer_login_form_wrap .col-1:after { content: ""; width: 1px; height: 100%; background-color: #eee; position: absolute; top: 0; left: 50%; display: block; } @media (max-width: 320px) { .woocommerce-account .customer_login_form_wrap input.button { min-width: 100%; } } @media (max-width: 768px) { .woocommerce-account .customer_login_form_wrap .col-1:after { position: static; width: 100%; height: 1px; margin: 50px 0; } } /* -------------------------------------------- ORDER TRACKING -------------------------------------------- */ .track_order { text-align: center; margin-bottom: 70px; } .track_order p:first-child { line-height: 1.8; max-width: 800px; margin-left: auto; margin-right: auto; display: block; } .woocommerce .track_order .form-row-first, .woocommerce .track_order .form-row-last { float: none; margin: auto; margin-bottom: 30px; } .woocommerce form.track_order .form-row input.input-text { text-align: center; } /* -------------------------------------------- MY WISHLIST -------------------------------------------- */ .wishlist-title { display: none; } .woocommerce table.shop_table.cart.wishlist_table { font-size: 100%; } .woocommerce table.shop_table.cart.wishlist_table thead th { border-top: none; } .woocommerce table.shop_table.cart.wishlist_table th.product-name { font-size: 14px; } .woocommerce table.shop_table.cart.wishlist_table td.product-remove a.remove { font-family: "megatron" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0; } .woocommerce table.shop_table.cart.wishlist_table td.product-remove a.remove:before { content: "\e1b8"; font-size: 14px; color: #444; } .woocommerce table.shop_table.cart.wishlist_table td.product-remove a.remove:hover:before { color: #10b765; } .woocommerce table.shop_table.cart.wishlist_table .product-price, .woocommerce table.shop_table.cart.wishlist_table .product-stock-stauts, .woocommerce table.shop_table.cart.wishlist_table .product-add-to-cart { text-align: center; } .woocommerce table.shop_table.cart.wishlist_table .product-stock-stauts { width: 150px; } .woocommerce table.shop_table.cart.wishlist_table .product-add-to-cart { width: 120px; } .woocommerce table.shop_table.cart.wishlist_table .product-add-to-cart a { font-family: 'Montserrat'; font-size: 13px; line-height: 1.2 !important; letter-spacing: 0.05em; color: #fff; background-color: #10b765; padding: 10px 25px !important; margin: 0; display: inline-block !important; white-space: nowrap; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .woocommerce table.shop_table.cart.wishlist_table .product-add-to-cart a:hover { background-color: #444; } #yith-wcwl-form { margin-bottom: 100px; } .yith-wcwl-share { margin-bottom: 0; } @media (min-width: 768px) and (max-width: 991px) { .product-listing.woocommerce.columns-4 .product-item-wrap:nth-child(4n+1) { clear: none; } .product-listing.woocommerce.columns-4 .product-item-wrap { width: 33.33333333%; } .product-listing.woocommerce.columns-4 .product-item-wrap:nth-child(3n+1) { clear: both; } } @media (max-width: 767px) { .product-listing.woocommerce.columns-3 .product-item-wrap:nth-child(3n+1), .product-listing.woocommerce.columns-4 .product-item-wrap:nth-child(4n+1) { clear: none; } .product-listing.woocommerce.columns-2 .product-item-wrap, .product-listing.woocommerce.columns-3 .product-item-wrap, .product-listing.woocommerce.columns-4 .product-item-wrap { width: 50% !important; } .product-listing.woocommerce.columns-2 .product-item-wrap:nth-child(2n+1), .product-listing.woocommerce.columns-3 .product-item-wrap:nth-child(2n+1), .product-listing.woocommerce.columns-4 .product-item-wrap:nth-child(2n+1) { clear: both; } .woocommerce div.product .woocommerce-tabs ul.tabs li { display: block; text-align: center; } .woocommerce div.product .woocommerce-tabs ul.tabs li + li { margin-top: -1px; margin-left: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: #ddd; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: block; } .product-filter { display: block; float: none; margin-bottom: 15px; } .product-filter + .catalog-filter-inner { float: none; } #yith-wcwl-form { overflow-x: scroll; } } @media (max-width: 480px) { .product-listing.woocommerce.columns-2 .product-item-wrap, .product-listing.woocommerce.columns-3 .product-item-wrap, .product-listing.woocommerce.columns-4 .product-item-wrap { width: 100% !important; } .product-listing.woocommerce.columns-2 .product-item-wrap:nth-child(2n+1), .product-listing.woocommerce.columns-3 .product-item-wrap:nth-child(3n+1), .product-listing.woocommerce.columns-4 .product-item-wrap:nth-child(4n+1) { clear: none; } .woocommerce #reviews #comments ol.commentlist li img.avatar { display: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { position: relative; margin-bottom: 20px; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: none; margin-bottom: 20px; line-height: 2.2; padding: 0; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: none; } .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 100%; float: left; } } @media (max-width: 320px) { #product-filter-wrap { width: 300px; } .woocommerce-account #customer_login .col-1, .woocommerce-account #customer_login .col-2 { padding: 50px 15px 30px 15px; } } .shopping-cart-wrapper { padding: 0; margin: 0; display: inline-block; vertical-align: middle; text-align: right; position: relative; } .shopping-cart-wrapper.no-price .sub-total-text { display: none; } .shopping-cart-wrapper .widget_shopping_cart_icon { position: relative; display: inline-block; height: 36px; line-height: 36px; padding-right: 10px; } .shopping-cart-wrapper .widget_shopping_cart_icon > i.micon { cursor: pointer; padding: 0; vertical-align: middle; width: 43px; height: 43px; line-height: 43px; text-align: center; font-size: 24px; } .shopping-cart-wrapper .widget_shopping_cart_content { display: block; text-align: left; font-family: 'Montserrat'; } .shopping-cart-wrapper .widget_shopping_cart_content:hover .cart_list_wrapper { visibility: visible; opacity: 1; -webkit-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -moz-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -ms-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -o-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper { display: block; visibility: hidden; opacity: 0; position: absolute; top: 100%; right: 0; left: auto; z-index: 9998; width: 384px; background: #fff; border: solid 1px #eee; border-bottom: solid 2px #10b765 !important; padding: 0; line-height: 2em; color: #444; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; -webkit-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); -moz-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); -ms-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); -o-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07); } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper .cart-total { margin: 0 15px; position: relative; color: #222222; line-height: 48px; border-bottom: solid 1px #eee; border-top: solid 1px #eee; font-size: 12px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty { padding: 15px; text-align: center; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty h4 { text-transform: uppercase; padding: 0 0 15px; margin: 0; font-size: 16px; word-spacing: 0.2em; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty p { padding: 0; margin: 0; font-size: 14px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li { padding: 15px 0; margin: 0; position: relative; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li + li { border-top: solid 1px #eee; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-left { float: left; overflow: hidden; margin-right: 10px; border: solid 1px #eee; background: #fff; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-left > a > img { height: auto; width: 58px; margin: 0; display: block; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right { overflow: hidden; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a { text-transform: uppercase; word-spacing: 0.2em; font-size: 12px; font-weight: 700; display: block; padding-right: 15px; margin-bottom: 6px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > span.quantity { font-size: 12px; font-weight: 700; display: block; text-align: left; color: #10b765; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a.mini-cart-remove { position: absolute; right: 0; top: 15px; padding-right: 0; font-size: 14px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li:after { content: ""; display: block; clear: both; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total { padding: 0; font-weight: bold; margin: 0; line-height: inherit; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total strong { font-weight: 400; padding-right: 5px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total > span.amount { font-weight: 700; float: right; color: #10b765; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons { text-align: center; margin: 0; padding: 15px 0 0; font-size: 0; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button { color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 20px; padding: 14px; font-size: 12px; min-width: 125px; width: 48%; display: inline-block; text-transform: uppercase; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button > i.fa { margin-right: 5px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button.checkout { background-color: #00bbff; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button.checkout:hover { background-color: #444; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button + .button { margin-left: 4%; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl { border: none; margin: 0; padding: 0; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl dt { float: left; margin: 0 10px 0 0; padding: 0; line-height: 25px; clear: none; font-size: 11px; font-weight: 400; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl dd { padding: 0; line-height: 25px; display: block; float: none; margin: 0; font-size: 11px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl p { margin: 0; padding: 0; } .shopping-cart-wrapper .widget_shopping_cart_icon > i.micon + span.total { position: absolute; width: 18px; height: 18px; line-height: 18px; background-color: #10b765; color: #fff; top: 3px; right: 0px; text-align: center; font-size: 11px; padding-left: 1px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .shopping-cart-wrapper .cart-total-left { float: left; } .shopping-cart-wrapper .cart-total-left span { vertical-align: middle; } .shopping-cart-wrapper .cart-total-right { float: right; } .shopping-cart-wrapper ul.cart_list, .shopping-cart-wrapper ul.product_list_widget { position: relative; margin: 0; list-style: none; padding: 15px 15px 0; max-height: 293px; } .shopping-cart-wrapper .cart-button-wrapper { padding: 15px 15px 35px; } .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark { background-color: #222222; border-color: #333; color: #fff; } .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark li .cart-right > a, .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark .cart-total-left > a, .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark li .cart-right > a.mini-cart-remove { color: #fff; } .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark li .cart-right > a:hover, .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark .cart-total-left > a:hover, .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark li .cart-right > a.mini-cart-remove:hover { color: #10b765; } .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark li + li { border-top-color: #333; } .shopping-cart-wrapper .cart_list_wrapper.sub-menu-dark .cart-total { border-top-color: #333; border-bottom-color: #333; } @media screen and (min-width: 860px) { .shopping-cart-wrapper .cart_list_wrapper.large-size { width: 743px; } .shopping-cart-wrapper .cart_list_wrapper.large-size .product_list_widget:after { content: ''; display: block; clear: both; } .shopping-cart-wrapper .cart_list_wrapper.large-size .product_list_widget li { float: left; width: 48%; } .shopping-cart-wrapper .cart_list_wrapper.large-size .product_list_widget li:nth-child(2n+2) { float: right; } .shopping-cart-wrapper .cart_list_wrapper.large-size .product_list_widget li:nth-child(2) { border-top: none; } .shopping-cart-wrapper .cart_list_wrapper.large-size .mini-cart-footer { border-top: solid 1px #eee; margin: 0 15px; padding: 35px 0; } .shopping-cart-wrapper .cart_list_wrapper.large-size .mini-cart-footer .cart-total, .shopping-cart-wrapper .cart_list_wrapper.large-size .mini-cart-footer .cart-button-wrapper { width: 48%; float: right; margin: 0; border: none; } .shopping-cart-wrapper .cart_list_wrapper.large-size .mini-cart-footer .cart-button-wrapper { float: left; padding: 0; } .shopping-cart-wrapper .cart_list_wrapper.large-size .mini-cart-footer .cart-button-wrapper p.buttons { padding: 0; } .shopping-cart-wrapper .cart_list_wrapper.large-size .mini-cart-footer .cart-total { text-align: right; width: 35%; line-height: 41px; } .cart_list_wrapper.sub-menu-dark.large-size .mini-cart-footer { border-top-color: #333; } } @media screen and (max-width: 480px) { .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper { width: 320px; } } @media screen and (max-width: 360px) { .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper { width: 250px; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button { width: 100%; } .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button + .button { margin-left: 0; margin-top: 15px; } } .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; } .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: -1px; } .woocommerce-account .woocommerce-MyAccount-content { border: 1px solid #ddd; padding: 14px 20px; } .woocommerce-MyAccount-navigation ul { padding: 0; margin: 0; list-style: none; font-size: 0; } .woocommerce-MyAccount-navigation li { display: inline-block; } .woocommerce-MyAccount-navigation li + li { margin-left: -1px; } .woocommerce-MyAccount-navigation a { font-family: 'Montserrat'; font-size: 13px; display: block; text-transform: uppercase; line-height: 1.2; letter-spacing: 0.05em; color: #444; padding: 13px 20px; border: 1px solid #ddd; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .woocommerce-MyAccount-navigation li.is-active a { border-color: #10b765 #dddddd #ffffff #dddddd; border-top-width: 2px; } .woocommerce-MyAccount-navigation li:hover a { background-color: #f6f6f6; } @media (max-width: 767px) { .woocommerce-MyAccount-navigation li { display: block; } .woocommerce-MyAccount-navigation li + li { margin-left: 0; margin-top: -1px; } } /** * 8.0 - ShortCode * ---------------------------------------------------------------------------- */ /*Heading*/ .heading { letter-spacing: .05em; } .heading h2 { font-size: 32px; margin-left: auto; margin-right: auto; } .heading span { display: block; font-size: 20px; font-style: italic; line-height: 1.2; max-width: 1170px; margin-left: auto; margin-right: auto; } .heading span i { color: #10b765; } .heading p { max-width: 770px; margin-left: auto; margin-right: auto; margin-top: 30px; } .heading.text-center { padding: 0 15px; } .heading.text-left p, .heading.text-left span, .heading.text-left h2 { margin-left: 0; } .heading.text-left .line-single:before, .heading.text-left .line-double:before { left: 0; right: inherit; } .heading.text-left .line-single:after, .heading.text-left .line-double:after { left: 43px; right: inherit; } .heading.text-right p, .heading.text-right span, .heading.text-right h2 { margin-right: 0; } .heading.text-right .line-single:before, .heading.text-right .line-double:before { left: inherit; right: 43px; } .heading.text-right .line-single:after, .heading.text-right .line-double:after { left: inherit; right: 0; } .heading.color-light { color: #fff; } .heading.size-xs h2 { font-size: 20px; margin-bottom: 25px; font-weight: normal; } .heading.size-xs span { max-width: 770px; } .heading.size-sm h2 { font-size: 24px; margin-bottom: 12px; font-weight: normal; } .heading.size-md h2 { font-size: 32px; margin-bottom: 15px; font-weight: normal; } .heading.size-lg h2 { font-size: 50px; font-weight: bold; margin-bottom: 30px; } .heading.size-xlg h2 { font-size: 80px; font-weight: bold; max-width: 1170px; } .heading .line-double, .heading .line-single { padding-bottom: 40px; position: relative; } .heading .line-double:before, .heading .line-single:before, .heading .line-double:after, .heading .line-single:after { content: ""; display: block; width: 43px; position: absolute; bottom: 5px; margin: auto; } .heading .line-double:before, .heading .line-single:before { left: 0; right: 43px; } .heading .line-double:after, .heading .line-single:after { left: 43px; right: 0; } .heading.text-left .line-double:before, .heading.text-left .line-single:before, .heading.text-right .line-single:before, .heading.text-right .line-double:before, .heading.text-left .line-double:after, .heading.text-left .line-single:after, .heading.text-right .line-single:after, .heading.text-right .line-double:after { bottom: 6px; } .heading .line-double:before, .heading .line-double:after { height: 2px; background-color: #000; } .heading .line-double:before { background-color: #444; } .heading .line-double:after { background-color: #10b765; } .heading .line-single:before, .heading .line-single:after { height: 1px; background-color: #000; } .heading.size-xs span { font-size: 14px; line-height: 2.2; } @media (max-width: 600px) { .heading.size-md h2, .heading.size-lg h2, .heading.size-xlg h2 { font-size: 30px; } .heading.size-md span, .heading.size-lg span, .heading.size-xlg span { font-size: 16px; } } @media (min-width: 601px) and (max-width: 799px) { .heading.size-lg h2 { font-size: 32px; } .heading.size-xlg h2 { font-size: 40px; } .heading.size-md span, .heading.size-lg span, .heading.size-xlg span { font-size: 16px; } } @media (min-width: 800px) and (max-width: 991px) { .heading.size-xlg h2 { font-size: 54px; } } /*Icon List*/ .icon-line-dash .iconbox:before { content: " "; display: block; position: absolute; top: 30px; width: 1px; height: auto; border-left: 1px dashed #10b765; left: 35px; bottom: 0; } .icon-line-dash .iconbox.default { padding-top: 10px; } .icon-line-dash .iconbox.default:before { top: 53px; left: 40px; } .icon-line-dash .iconbox.icon-box-circle:before { top: 70px; } .icon-line-dash .iconbox:last-child:before { display: none; } @media (max-width: 767px) { .icon-line-dash .iconbox:before { left: 45px; } .icon-line-dash .iconbox.default:before { left: 50px; } } /*Border Icon*/ .icon-border .owl-item { min-height: 372px; position: relative; border: 1px solid #DDD; border-right: none; } .icon-border .owl-item:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.05); top: 0; bottom: 0; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .icon-border .owl-item:hover:before { opacity: 1; } @media (min-width: 1200px) { .icon-border-right-bottom { border-right: 1px solid; border-bottom: 1px solid; } .icon-border-right { border-right: 1px solid; } .icon-border-bottom { border-bottom: 1px solid; } .icon-border-right-bottom, .icon-border-right, .icon-border-bottom { border-color: #ddd; } .icon-border-right-bottom.border-dark, .icon-border-right.border-dark, .icon-border-bottom.border-dark { border-color: #333; } .icon-border-right-bottom.border-light, .icon-border-right.border-light, .icon-border-bottom.border-light { border-color: #eee; } } /*Block quotes*/ blockquote { border: none; padding: 40px 20px; margin: 0; } blockquote p { font-size: 18px; line-height: 1.6; font-style: italic; position: relative; overflow: hidden; } blockquote:before { content: "\275e"; font-family: "vc_entypo"; font-style: normal; font-weight: normal; font-size: 45px; margin-right: 15px; float: left; margin-top: -25px; color: #10b765; } .blockquote-primary blockquote:before { color: #10b765; } .blockquote-secondary blockquote:before { color: #00bbff; } .blockquote-gray blockquote:before { color: #444; } /*Hightlight*/ .hightlight-primary { background-color: #10b765; color: #ffffff; padding: 4px; } .hightlight-secondary { background-color: #00bbff; color: #ffffff; padding: 4px; } .hightlight-light { background-color: #eee; padding: 4px; } /*Drop-caps*/ .dropcap p { line-height: 2.2; } .dropcap .first-letter { border: 1px solid; font-size: 38px; display: inline-block; font-family: 'Montserrat'; width: 56px; height: 56px; float: left; line-height: 56px; margin-right: 15px; text-align: center; } .dropcap.dropcap-primary .first-letter { color: #10b765; background-color: #10b765; border-color: #10b765; } .dropcap.dropcap-secondary .first-letter { color: #00bbff; background-color: #00bbff; border-color: #00bbff; } .dropcap.dropcap-transparent .first-letter { color: #444444 !important; background-color: transparent; border-color: #444444; font-family: inherit; font-weight: bold; } .dropcap.dropcap-none .first-letter { font-size: 55px; border-color: transparent; background-color: transparent; padding-right: 0; } .dropcap.dropcap-circle .first-letter { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid; color: #fff; } .dropcap.dropcap-square .first-letter { border: 1px solid; color: #fff; } /*Button*/ .m-button { display: inline-block; font-size: 13px; line-height: 1.2; letter-spacing: 0.1em; text-align: center; text-transform: uppercase; padding: 16.5px 30px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .m-button img { height: 14px; width: 14px; } .m-button-xs { padding: 16.5px 30px; } .m-button-xs.m-button-bordered-2 { padding: 15.5px 28px; } .m-button-sm { padding: 19px 39px; } .m-button-sm.m-button-bordered-2 { padding: 18px 37px; } .m-button-md { font-size: 14px; padding: 21px 48px; } .m-button-md.m-button-bordered-2 { padding: 20px 46px; } .m-button-lg { font-size: 16px; padding: 19.5px 57px; } .m-button-lg.m-button-bordered-2 { padding: 18.5px 55px; } .m-button-xlg { font-size: 18px; padding: 21px 57px; } .m-button-xlg.m-button-bordered-2 { padding: 20px 55px; } .m-button-primary { background-color: #10b765; color: #10b765; } .m-button-secondary { background-color: #00bbff; color: #00bbff; } .m-button-gray { background-color: #444; color: #444; } .m-button-black { background-color: #000; color: #000; } .m-button-light { border-color: #fff; background-color: #fff; color: #fff; } .m-button-light.m-button-bg, .m-button-light.m-button-3d { color: #000; border-color: #fff; } .m-button-bordered { border: 1px solid; background-color: transparent; } .m-button-bordered-2 { border: 2px solid; background-color: transparent; } .m-button-bg { border: 1px solid; color: #fff; } .m-button-3d { border: 1px solid; border-top: none; color: #fff; border-bottom: 2px solid rgba(0, 0, 0, 0.2) !important; } .m-button-primary { border-color: #10b765; } .m-button-secondary { border-color: #00bbff; } .m-button-gray { border-color: #444; } .m-button-black { border-color: #000; } .m-button-primary:focus, .m-button-primary:active { color: #10b765; } .m-button-secondary:focus, .m-button-secondary:active { color: #00bbff; } .m-button-gray:focus, .m-button-gray:active { color: #444; } .m-button-black:focus, .m-button-black:active { color: #000; } .m-button-bg:focus, .m-button-bg:active, .m-button-3d:focus, .m-button-3d:active { color: #fff; } .m-button-light:focus, .m-button-light:active { color: #fff; border-color: #fff; } .m-button-light:focus.m-button-bg, .m-button-light:active.m-button-bg, .m-button-light:focus.m-button-3d, .m-button-light:active.m-button-3d { color: #000; } .m-button-primary:hover { background-color: #10b765; } .m-button-primary:hover.m-button-bg, .m-button-primary:hover.m-button-3d { background-color: #444; border-color: #444; } .m-button-secondary:hover { background-color: #00bbff; } .m-button-secondary:hover.m-button-bg, .m-button-secondary:hover.m-button-3d { background-color: #444; border-color: #444; } .m-button-gray:hover { background-color: #444; } .m-button-gray:hover.m-button-bg, .m-button-gray:hover.m-button-3d { background-color: #10b765; border-color: #10b765; } .m-button-black:hover { background-color: #000; } .m-button-black:hover.m-button-bg, .m-button-black:hover.m-button-3d { background-color: #00bbff; border-color: #00bbff; } .m-button-bordered:hover { color: #fff; } .m-button-bordered-2:hover { color: #fff; } .m-button-bg:hover, .m-button-3d:hover { color: #fff; } .m-button-light:hover { background-color: #fff; color: #444444; border-color: #fff; } .m-button-light:hover.m-button-3d, .m-button-light:hover.m-button-bg { color: #444444; } .m-button.i-left { position: relative; } .m-button.i-left.m-button-sm, .m-button.i-left.m-button-xs { padding-left: 45px; } .m-button.i-left img, .m-button.i-left i { position: absolute; left: 25px; line-height: 1.2; } .m-button.i-right { position: relative; } .m-button.i-right.m-button-sm, .m-button.i-right.m-button-xs { padding-right: 45px; } .m-button.i-right img, .m-button.i-right i { position: absolute; right: 25px; line-height: 1.2; } /*====end button===*/ .vc_chart .vc_chart-legend span { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0.5em 1.5em 0.5em 0.9em; width: 1.8em; height: 1.8em; } .owl-g5plus-shortcode .owl-controls { height: 0; } .owl-g5plus-shortcode .owl-controls .owl-nav div { position: absolute; width: 44px; height: 44px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #AAAAAA; top: 50%; margin-top: -22px; opacity: 0; -webkit-transition: left 0.5s ease-in 0.5s, right 0.5s ease-in 0.5s, opacity 0.5s ease-in 0.5s; -moz-transition: left 0.5s ease-in 0.5s, right 0.5s ease-in 0.5s, opacity 0.5s ease-in 0.5s; -o-transition: left 0.5s ease-in 0.5s, right 0.5s ease-in 0.5s, opacity 0.5s ease-in 0.5s; transition: left 0.5s ease-in 0.5s, right 0.5s ease-in 0.5s, opacity 0.5s ease-in 0.5s; line-height: 44px; text-align: center; } .owl-g5plus-shortcode .owl-controls .owl-nav div i { color: #AAAAAA; font-size: 20px; font-weight: bold; } .owl-g5plus-shortcode .owl-controls .owl-nav div:hover { background-color: #10b765; border-color: #10b765; } .owl-g5plus-shortcode .owl-controls .owl-nav div:hover i { color: #FFFFFF; } .owl-g5plus-shortcode .owl-controls .owl-nav .owl-prev { left: 0; } .owl-g5plus-shortcode .owl-controls .owl-nav .owl-next { right: 0; } .owl-g5plus-shortcode .owl-controls .owl-dots { text-align: center; padding-top: 10px; } .owl-g5plus-shortcode .owl-controls .owl-dots .owl-dot { display: inline-block; } .owl-g5plus-shortcode .owl-controls .owl-dots .owl-dot span { width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 5px; display: block; border: 1px solid #888888; background-color: transparent; } .owl-g5plus-shortcode .owl-controls .owl-dots .owl-dot.active span { background-color: #888888; } .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-prev { left: 0; opacity: 1; } .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-next { right: 0; opacity: 1; } .container .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-prev { left: -104px; } .container .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-next { right: -104px; } .color-light .owl-g5plus-shortcode .owl-controls .owl-nav div { border: 2px solid #ffffff; } .color-light .owl-g5plus-shortcode .owl-controls .owl-nav div i { color: #ffffff; } .color-light .owl-g5plus-shortcode .owl-controls .owl-nav div:hover { background-color: #10b765; border-color: #10b765; } .color-light .owl-g5plus-shortcode .owl-controls .owl-nav div:hover i { color: #FFFFFF; } @media (max-width: 1380px) { .container .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-prev { left: -50px; } .container .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-next { right: -50px; } } @media (max-width: 1269px) { .container .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-prev { left: -20px; } .container .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-next { right: -20px; } } @media (max-width: 1000px) { .container .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-prev { left: -10px; } .container .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-next { right: -10px; } } @media (max-width: 800px) { .container .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-prev { left: 0; } .container .owl-g5plus-shortcode:hover .owl-controls .owl-nav .owl-next { right: 0; } } /* message_box */ .vc_color-m-info.vc_message_box { color: #59A3C1; border-color: #A0D1E1; background-color: #B6ECFF; } .vc_color-m-info.vc_message_box .vc_message_box-icon { color: #59A3C1; } .vc_color-m-info.vc_message_box-solid { color: #59A3C1; border-color: transparent; background-color: #B6ECFF; } .vc_color-m-info.vc_message_box-solid .vc_message_box-icon { color: #59A3C1; } .vc_color-m-info.vc_message_box-outline, .vc_color-m-info.vc_message_box-solid-icon { color: #59A3C1; border-color: #A0D1E1; background-color: transparent; } .vc_color-m-info.vc_message_box-outline .vc_message_box-icon, .vc_color-m-info.vc_message_box-solid-icon .vc_message_box-icon { color: #59A3C1; } .vc_color-m-info.vc_message_box-solid-icon .vc_message_box-icon { color: #59A3C1; background-color: #B6ECFF; } .vc_color-m-info.vc_message_box-3d { box-shadow: 0 5px 0 #59A3C1; } /* 2 */ .vc_color-m-warning.vc_message_box { color: #FF7F00; border-color: #FFCC99; background-color: #FFF6B7; } .vc_color-m-warning.vc_message_box .vc_message_box-icon { color: #FF7F00; } .vc_color-m-warning.vc_message_box-solid { color: #FF7F00; border-color: transparent; background-color: #FFF6B7; } .vc_color-m-warning.vc_message_box-solid .vc_message_box-icon { color: #FF7F00; } .vc_color-m-warning.vc_message_box-outline, .vc_color-m-warning.vc_message_box-solid-icon { color: #FF7F00; border-color: #FFCC99; background-color: transparent; } .vc_color-m-warning.vc_message_box-outline .vc_message_box-icon, .vc_color-m-warning.vc_message_box-solid-icon .vc_message_box-icon { color: #FF7F00; } .vc_color-m-warning.vc_message_box-solid-icon .vc_message_box-icon { color: #FF7F00; background-color: #FFF6B7; } .vc_color-m-warning.vc_message_box-3d { box-shadow: 0 5px 0 #FF7F00; } /* 3 */ .vc_color-m-success.vc_message_box { color: #468C00; border-color: #80FF01; background-color: #BCFCA2; } .vc_color-m-success.vc_message_box .vc_message_box-icon { color: #468C00; } .vc_color-m-success.vc_message_box-solid { color: #468C00; border-color: transparent; background-color: #BCFCA2; } .vc_color-m-success.vc_message_box-solid .vc_message_box-icon { color: #468C00; } .vc_color-m-success.vc_message_box-outline, .vc_color-m-success.vc_message_box-solid-icon { color: #468C00; border-color: #80FF01; background-color: transparent; } .vc_color-m-success.vc_message_box-outline .vc_message_box-icon, .vc_color-m-success.vc_message_box-solid-icon .vc_message_box-icon { color: #468C00; } .vc_color-m-success.vc_message_box-solid-icon .vc_message_box-icon { color: #468C00; background-color: #BCFCA2; } .vc_color-m-success.vc_message_box-3d { box-shadow: 0 5px 0 #468C00; } /* 4 */ .vc_color-m-danger.vc_message_box { color: #FF5533; border-color: #DFB6AD; background-color: #FFCEC5; } .vc_color-m-danger.vc_message_box .vc_message_box-icon { color: #FF5533; } .vc_color-m-danger.vc_message_box-solid { color: #FF5533; border-color: transparent; background-color: #FFCEC5; } .vc_color-m-danger.vc_message_box-solid .vc_message_box-icon { color: #FF5533; } .vc_color-m-danger.vc_message_box-outline, .vc_color-m-danger.vc_message_box-solid-icon { color: #FF5533; border-color: #DFB6AD; background-color: transparent; } .vc_color-m-danger.vc_message_box-outline .vc_message_box-icon, .vc_color-m-danger.vc_message_box-solid-icon .vc_message_box-icon { color: #FF5533; } .vc_color-m-danger.vc_message_box-solid-icon .vc_message_box-icon { color: #FF5533; background-color: #FFCEC5; } .vc_color-m-danger.vc_message_box-3d { box-shadow: 0 5px 0 #FF5533; } /* 5 */ .vc_color-m-notice.vc_message_box { color: #444444; border-color: #DDDDDD; background-color: #EFF5F7; } .vc_color-m-notice.vc_message_box .vc_message_box-icon { color: #444444; } .vc_color-m-notice.vc_message_box-solid { color: #444444; border-color: transparent; background-color: #EFF5F7; } .vc_color-m-notice.vc_message_box-solid .vc_message_box-icon { color: #444444; } .vc_color-m-notice.vc_message_box-outline, .vc_color-m-notice.vc_message_box-solid-icon { color: #444444; border-color: #DDDDDD; background-color: transparent; } .vc_color-m-notice.vc_message_box-outline .vc_message_box-icon, .vc_color-m-notice.vc_message_box-solid-icon .vc_message_box-icon { color: #444444; } .vc_color-m-notice.vc_message_box-solid-icon .vc_message_box-icon { color: #444444; background-color: #EFF5F7; } .vc_color-m-notice.vc_message_box-3d { box-shadow: 0 5px 0 #444444; } .vc_message_box.icon_small { padding: 4px 15px 4px 47px; } .vc_message_box.icon_small .vc_message_box-icon { font-size: 10px; width: 49px; } .vc_message_box.icon_small p { font-size: 13px; font-weight: 600; } .vc_message_box.icon_large { padding: 15px 15px 15px 105px; } .vc_message_box.icon_large .vc_message_box-icon { font-size: 22px; width: 109px; } .vc_message_box.icon_large h6 { font-size: 14px; margin-bottom: 5px; } .vc_tta-style-tour_style1 .vc_tta-tab.vc_active { background-color: #10b765; color: #ffffff; } .vc_tta-style-tour_style1.vc_tta.vc_general .vc_tta-panel-body { padding: 0; } .vc_tta-style-tour_style1 .vc_tta-tab, .vc_tta-style-tour_style1 .vc_tta-panel-heading { background-color: #EEEEEE; } .vc_tta-style-tour_style1 .vc_active .vc_tta-panel-heading { background-color: #10b765; color: #ffffff; } .vc_tta-style-tour_style1 .vc_tta-tab > a, .vc_tta-style-tour_style1 .vc_tta-panel-title > a { font-family: 'Montserrat'; font-size: 12px; padding: 13px; } .vc_tta-style-tab_style1 .vc_tta-title-text { font-size: 13px; line-height: 1.2; letter-spacing: 0.05em; } .vc_tta-style-tab_style1 .vc_tta-tab, .vc_tta-style-tab_style1 .vc_tta-panel-heading { border: 1px solid #DDDDDD; background-color: #ffffff; } .vc_tta-style-tab_style1 .vc_tta-tab a, .vc_tta-style-tab_style1 .vc_tta-panel-heading a { padding: 10px 20px !important; } .vc_tta-style-tab_style1 .vc_tta-tab .vc_tta-icon, .vc_tta-style-tab_style1 .vc_tta-panel-heading .vc_tta-icon { font-size: 20px; vertical-align: middle; display: inline-block; } .vc_tta-style-tab_style1 .vc_tta-tab:hover, .vc_tta-style-tab_style1 .vc_tta-panel-heading:hover { background-color: #EEEEEE; } .vc_tta-style-tab_style1 .vc_tta-tab.vc_active { background-color: #ffffff; border-color: #10b765 #dddddd #ffffff #dddddd; position: relative; } .vc_tta-style-tab_style1 .vc_tta-tab.vc_active:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; border-top: 1px solid #10b765; } .vc_tta-style-tab_style1 .vc_tta-panel-heading { border-bottom: 1px solid #DDDDDD !important; } .vc_tta-style-tab_style1 .vc_active .vc_tta-panel-heading { border-top-color: #10b765; border-top-width: 2px; } .vc_tta-style-tab_style1 .vc_tta-panels-container { border: 1px solid #DDDDDD; background-color: #ffffff; } .vc_tta-style-tab_style1 .vc_tta-tabs-container { margin-bottom: -1px !important; } .vc_tta-style-tab_style1 .vc_tta-tab + .vc_tta-tab { margin-left: -1px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta.vc_general .vc_tta-panel-heading, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta.vc_general .vc_tta-panel-heading, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta.vc_general .vc_tta-panel-heading, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta.vc_general .vc_tta-panel-heading { border: 1px solid #DDDDDD; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta.vc_general .vc_tta-panel-body, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta.vc_general .vc_tta-panel-body, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta.vc_general .vc_tta-panel-body, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta.vc_general .vc_tta-panel-body { border: 1px solid #DDDDDD; margin-top: -1px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta .vc_tta-controls-icon-position-left, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta .vc_tta-controls-icon-position-left, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta .vc_tta-controls-icon-position-left, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta .vc_tta-controls-icon-position-left { position: relative; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta .vc_tta-controls-icon-position-left .vc_tta-controls-icon, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta .vc_tta-controls-icon-position-left .vc_tta-controls-icon, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta .vc_tta-controls-icon-position-left .vc_tta-controls-icon, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta .vc_tta-controls-icon-position-left .vc_tta-controls-icon { left: 23px !important; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta .vc_tta-controls-icon-position-left.vc_tta-panel-title > a, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta .vc_tta-controls-icon-position-left.vc_tta-panel-title > a, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta .vc_tta-controls-icon-position-left.vc_tta-panel-title > a, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta .vc_tta-controls-icon-position-left.vc_tta-panel-title > a { padding-left: 80px !important; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta .vc_tta-controls-icon-position-left:after, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta .vc_tta-controls-icon-position-left:after, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta .vc_tta-controls-icon-position-left:after, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta .vc_tta-controls-icon-position-left:after { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 0; width: 60px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta .vc_tta-controls-icon-position-right, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta .vc_tta-controls-icon-position-right, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta .vc_tta-controls-icon-position-right, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta .vc_tta-controls-icon-position-right { position: relative; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta .vc_tta-controls-icon-position-right .vc_tta-controls-icon, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta .vc_tta-controls-icon-position-right .vc_tta-controls-icon, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta .vc_tta-controls-icon-position-right .vc_tta-controls-icon, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta .vc_tta-controls-icon-position-right .vc_tta-controls-icon { right: 23px !important; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta .vc_tta-controls-icon-position-right.vc_tta-panel-title > a, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta .vc_tta-controls-icon-position-right.vc_tta-panel-title > a, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta .vc_tta-controls-icon-position-right.vc_tta-panel-title > a, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta .vc_tta-controls-icon-position-right.vc_tta-panel-title > a { padding-right: 70px !important; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta .vc_tta-controls-icon-position-right:after, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta .vc_tta-controls-icon-position-right:after, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta .vc_tta-controls-icon-position-right:after, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta .vc_tta-controls-icon-position-right:after { content: ''; display: block; position: absolute; right: 0; top: 0; bottom: 0; z-index: 0; width: 60px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before { -webkit-transform: rotate(-45deg) translate(-25%, -25%); -moz-transform: rotate(-45deg) translate(-25%, -25%); -o-transform: rotate(-45deg) translate(-25%, -25%); -ms-transform: rotate(-45deg) translate(-25%, -25%); transform: rotate(-45deg) translate(-25%, -25%); } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta .vc_tta-controls-icon, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta .vc_tta-controls-icon, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta .vc_tta-controls-icon, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta .vc_tta-controls-icon { z-index: 1; width: 14px; height: 14px; } .wpb-js-composer .vc_tta-style-accordion_style1 .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before, .wpb-js-composer .vc_tta-style-accordion_style2 .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before, .wpb-js-composer .vc_tta-style-accordion_style3 .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before, .wpb-js-composer .vc_tta-style-accordion_style4 .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before { -webkit-transform: rotate(45deg) translate(-25%, -25%) !important; -moz-transform: rotate(45deg) translate(-25%, -25%) !important; -o-transform: rotate(45deg) translate(-25%, -25%) !important; -ms-transform: rotate(45deg) translate(-25%, -25%) !important; transform: rotate(45deg) translate(-25%, -25%) !important; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta.vc_general .vc_tta-panel-title > a, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta.vc_general .vc_tta-panel-title > a, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta.vc_general .vc_tta-panel-title > a, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta.vc_general .vc_tta-panel-title > a { font-size: 14px; font-family: 'Montserrat'; text-transform: uppercase; padding-top: 23px; padding-bottom: 23px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before { border-width: 0 1px 1px 0; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta .vc_tta-controls-icon { color: #444444; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta .vc_tta-controls-icon-position-left:after, .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta .vc_tta-controls-icon-position-right:after { background-color: #EEEEEE; } .wpb-js-composer .vc_tta-style-accordion_style1 .vc_active .vc_tta-controls-icon { color: #ffffff; } .wpb-js-composer .vc_tta-style-accordion_style1 .vc_active .vc_tta-controls-icon-position-left:after, .wpb-js-composer .vc_tta-style-accordion_style1 .vc_active .vc_tta-controls-icon-position-right:after { background-color: #444444; } .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta .vc_tta-controls-icon { color: #ffffff; } .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta .vc_tta-controls-icon-position-left:after, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta .vc_tta-controls-icon-position-right:after { background-color: #444444; } .wpb-js-composer .vc_tta-style-accordion_style2 .vc_active .vc_tta-controls-icon { color: #444444; } .wpb-js-composer .vc_tta-style-accordion_style2 .vc_active .vc_tta-controls-icon-position-left:after, .wpb-js-composer .vc_tta-style-accordion_style2 .vc_active .vc_tta-controls-icon-position-right:after { background-color: #EEEEEE; } .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta .vc_tta-controls-icon-position-left.vc_tta-panel-title > a, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta .vc_tta-controls-icon-position-left.vc_tta-panel-title > a { padding-left: 60px; } .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta .vc_tta-controls-icon-position-right.vc_tta-panel-title > a, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta .vc_tta-controls-icon-position-right.vc_tta-panel-title > a { padding-right: 60px; } .wpb-js-composer .vc_tta-style-accordion_style4 .vc_active .vc_tta-panel-heading { background-color: #444444; } .wpb-js-composer .vc_tta-style-accordion_style4 .vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { color: #ffffff; } .wpb-js-composer .vc_tta-style-accordion_style1 .vc_tta-panel-heading, .wpb-js-composer .vc_tta-style-accordion_style2 .vc_tta-panel-heading, .wpb-js-composer .vc_tta-style-accordion_style3 .vc_tta-panel-heading, .wpb-js-composer .vc_tta-style-accordion_style4 .vc_tta-panel-heading { margin: 0 !important; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta-gap-1 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta-gap-1 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta-gap-1 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta-gap-1 .vc_tta-panel + .vc_tta-panel { padding-top: 1px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta-gap-2 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta-gap-2 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta-gap-2 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta-gap-2 .vc_tta-panel + .vc_tta-panel { padding-top: 2px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta-gap-3 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta-gap-3 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta-gap-3 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta-gap-3 .vc_tta-panel + .vc_tta-panel { padding-top: 3px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta-gap-4 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta-gap-4 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta-gap-4 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta-gap-4 .vc_tta-panel + .vc_tta-panel { padding-top: 4px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta-gap-5 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta-gap-5 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta-gap-5 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta-gap-5 .vc_tta-panel + .vc_tta-panel { padding-top: 5px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta-gap-10 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta-gap-10 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta-gap-10 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta-gap-10 .vc_tta-panel + .vc_tta-panel { padding-top: 10px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta-gap-15 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta-gap-15 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta-gap-15 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta-gap-15 .vc_tta-panel + .vc_tta-panel { padding-top: 15px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta-gap-20 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta-gap-20 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta-gap-20 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta-gap-20 .vc_tta-panel + .vc_tta-panel { padding-top: 20px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta-gap-25 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta-gap-25 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta-gap-25 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta-gap-25 .vc_tta-panel + .vc_tta-panel { padding-top: 25px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta-gap-30 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta-gap-30 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta-gap-30 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta-gap-30 .vc_tta-panel + .vc_tta-panel { padding-top: 30px; } .wpb-js-composer .vc_tta-style-accordion_style1.vc_tta-gap-35 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style2.vc_tta-gap-35 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style3.vc_tta-gap-35 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta-style-accordion_style4.vc_tta-gap-35 .vc_tta-panel + .vc_tta-panel { padding-top: 35px; } .wpb-js-composer .dark .vc_tta-style-accordion_style4 .vc_active .vc_tta-panel-heading { background-color: transparent; } .wpb-js-composer .dark .vc_tta-style-accordion_style4 .vc_tta-controls-icon { color: #10b765 !important; } .megatron_image_gallery1 .wpb_image_grid .wpb_image_grid_ul { margin-left: -15px; margin-right: -15px; } .megatron_image_gallery1 .wpb_image_grid .wpb_image_grid_ul .isotope-item { padding: 15px; } .max-width-center { max-width: 1920px; margin: auto; } .megatron_image_gallery1 .wpb_image_grid .wpb_image_grid_ul .isotope-item, .megatron_image_gallery2 .wpb_image_grid .wpb_image_grid_ul .isotope-item { margin: 0; } .megatron_image_gallery1 .wpb_image_grid .wpb_image_grid_ul .isotope-item a, .megatron_image_gallery2 .wpb_image_grid .wpb_image_grid_ul .isotope-item a { position: relative; } .megatron_image_gallery1 .wpb_image_grid .wpb_image_grid_ul .isotope-item a:before, .megatron_image_gallery2 .wpb_image_grid .wpb_image_grid_ul .isotope-item a:before { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .megatron_image_gallery1 .wpb_image_grid .wpb_image_grid_ul .isotope-item a:after, .megatron_image_gallery2 .wpb_image_grid .wpb_image_grid_ul .isotope-item a:after { content: "\e161"; font-family: "megatron"; display: block; font-size: 20px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; color: #ffffff; line-height: 1; height: 0; text-align: center; opacity: 0; } .megatron_image_gallery1 .wpb_image_grid .wpb_image_grid_ul .isotope-item:hover a:before, .megatron_image_gallery2 .wpb_image_grid .wpb_image_grid_ul .isotope-item:hover a:before { opacity: 1; } .megatron_image_gallery1 .wpb_image_grid .wpb_image_grid_ul .isotope-item:hover a:after, .megatron_image_gallery2 .wpb_image_grid .wpb_image_grid_ul .isotope-item:hover a:after { opacity: 0.5; } .row-boxed-left { max-width: 570px; float: right; } .row-boxed-right { float: left; max-width: 570px; } @media (max-width: 1199px) { .row-boxed-left { padding-left: 15px; } .row-boxed-right { padding-right: 15px; } } @media (max-width: 991px) { .row-boxed-left { max-width: initial !important; padding-right: 15px; } .row-boxed-right { max-width: initial !important; padding-left: 15px; } } .vc_chart .vc_chart-with-legend { width: 50%; } .vc_chart .vc_chart-legend { width: 50%; } .client-img img { opacity: 0.8; } .client-img img:hover { opacity: 1; } .contact-us .wpcf7-text, .contact-us .wpcf7-textarea { width: 100%; background-color: transparent; } .contact-us [class*="col"] { margin-bottom: 30px; } .contact-us .wpcf7-textarea { margin-bottom: 43px; } @media screen and (min-width: 992px) { .contact-us-padding .vc_column-inner > .wpb_wrapper { padding-left: 80px; padding-right: 80px; } } @media screen and (max-width: 991px) { .contact-us-padding .vc_column-inner > .wpb_wrapper { padding-left: 15px; padding-right: 15px; } } .bg-cover-bottom { background-size: cover !important; background-position: bottom center !important; } .bg-top-right { background-position: top right !important; background-repeat: no-repeat !important; background-size: auto !important; } .bg-contain { background-size: contain !important; background-repeat: repeat-x !important; } .megatron-map-info ul { list-style-type: none; padding-left: 0; } .megatron-map-info ul li { padding-left: 30px; position: relative; font-family: 'Montserrat'; font-size: 12px; line-height: 3; } .megatron-map-info ul li i { position: absolute; left: 0; top: 12px; font-size: 15px; } .gradient-shadow { position: relative; background-size: cover; background-position: center; } .gradient-shadow:before { content: ''; display: block; position: absolute; left: -10px; bottom: -10px; top: 10px; right: 10px; z-index: -1; } .max-width-demo { max-width: 1832px; margin-left: auto; margin-right: auto; } .max-width-landing-wo { max-width: 686px; float: right; } @media screen and (max-width: 1199px) { .max-width-landing-wo { max-width: 100%; float: none; } } @media screen and (min-width: 992px) { .half-container .wpb_wrapper { max-width: 570px; float: right; } .box-content-570 .wpb_wrapper { max-width: 570px; margin-left: 60px; } .padding-left-landing-wo { padding-left: 75px; } } @media screen and (max-width: 991px) { .box-content-570 .wpb_wrapper { padding: 0 15px; } .padding-left-landing-wo { padding-left: 30px; } } .nf-field-container, #ninja_forms_required_items { margin-bottom: 20px !important; } .nf-before-form-content { margin-bottom: 20px; } .label-right .checkbox-wrap .nf-field-label { width: 95% !important; } .nf-form-cont .ninja-forms-form-wrap input[type='email'], .ninja-forms-cont .ninja-forms-form-wrap input[type='email'], .nf-form-cont .ninja-forms-form-wrap input[type='tel'], .ninja-forms-cont .ninja-forms-form-wrap input[type='tel'], .nf-form-cont .ninja-forms-form-wrap input[type='text'], .ninja-forms-cont .ninja-forms-form-wrap input[type='text'], .nf-form-cont .ninja-forms-form-wrap select, .ninja-forms-cont .ninja-forms-form-wrap select { height: 50px; width: 460px; } .nf-form-cont .label-left .nf-field-label, .ninja-forms-cont .label-left .nf-field-label, .nf-form-cont .label-left label, .ninja-forms-cont .label-left label { width: 20%; float: left; text-align: left; } .nf-form-cont .form-text-full, .ninja-forms-cont .form-text-full { width: 80% !important; display: block; } .nf-form-cont .field-wrap.label-left .ninja-forms-field, .ninja-forms-cont .field-wrap.label-left .ninja-forms-field, .nf-form-cont .field-wrap.label-left .ninja-forms-star-rating-control, .ninja-forms-cont .field-wrap.label-left .ninja-forms-star-rating-control { margin-left: 0; } .nf-form-cont .list-radio-wrap.label-above ul li, .ninja-forms-cont .list-radio-wrap.label-above ul li, .nf-form-cont .list-radio-wrap.label-below ul li, .ninja-forms-cont .list-radio-wrap.label-below ul li, .nf-form-cont .list-checkbox-wrap.label-above ul li, .ninja-forms-cont .list-checkbox-wrap.label-above ul li, .nf-form-cont .list-checkbox-wrap.label-below ul li, .ninja-forms-cont .list-checkbox-wrap.label-below ul li { padding: 0; } .nf-form-cont label, .ninja-forms-cont label { font-family: 'Montserrat'; font-size: 14px; font-weight: 400 !important; letter-spacing: 0.03em; } .nf-form-cont .nf-field-element > h6, .ninja-forms-cont .nf-field-element > h6, .nf-form-cont .form-activity-wrap > label, .ninja-forms-cont .form-activity-wrap > label, .nf-form-cont .form-clinic-wrap > label, .ninja-forms-cont .form-clinic-wrap > label, .nf-form-cont .nf-desc, .ninja-forms-cont .nf-desc { color: #10b765; font-size: 16px; padding-bottom: 22px; } @media screen and (max-width: 767px) { .nf-form-cont .ninja-forms-form-wrap input[type='email'], .ninja-forms-cont .ninja-forms-form-wrap input[type='email'], .nf-form-cont .ninja-forms-form-wrap input[type='tel'], .ninja-forms-cont .ninja-forms-form-wrap input[type='tel'], .nf-form-cont .ninja-forms-form-wrap input[type='text'], .ninja-forms-cont .ninja-forms-form-wrap input[type='text'], .nf-form-cont .ninja-forms-form-wrap select, .ninja-forms-cont .ninja-forms-form-wrap select { width: 100%; } .nf-form-cont .label-left .nf-field-label, .ninja-forms-cont .label-left .nf-field-label, .nf-form-cont .label-left label, .ninja-forms-cont .label-left label { width: 100%; } .nf-form-cont .form-text-full, .ninja-forms-cont .form-text-full { width: 100% !important; } .padding-left-landing-wo { padding-left: 15px; } } .gm-style .gm-style-iw-d { overflow: auto !important; } .gm-style-iw-t { color: #fff; } .gm-style .gm-style-iw-t::after { background: currentColor; } /** * 9.0 - Blocks * ---------------------------------------------------------------------------- */ ul.wp-block-gallery { padding: 0; } .wp-block-quote:not(.is-large):not(.is-style-large) { border: none; padding: 40px 20px; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding: 40px 20px; } .wp-block-pullquote blockquote:not(.is-large):not(.is-style-large) { padding: 0; } .wp-block-pullquote blockquote:not(.is-large):not(.is-style-large):before { display: none; } .wp-block-table td, .wp-block-table th { border: none; padding: 19px 30px; border-top: 1px solid #eeeeee; } .wp-block-button__link { display: inline-block; font-size: 13px; line-height: 1.2; letter-spacing: 0.1em; text-align: center; text-transform: uppercase; padding: 16.5px 30px; border: 1px solid transparent; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .wp-block-button__link:not(.has-background):not(.has-text-color) { background-color: #10b765; color: #fff; } .wp-block-button__link:not(.has-background):not(.has-text-color).active, .wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button__link:not(.has-background):not(.has-text-color):hover { color: #fff; background-color: #444; } .wp-block-button:not(.is-style-squared) .wp-block-button__link { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { color: #fff; background-color: #444; border-color: #444; } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color { border-color: transparent; } .wp-block-button.is-style-outline .wp-block-button__link { background: transparent !important; border: 2px solid currentcolor; } .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link:active { color: #10b765; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) { color: #10b765; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):focus, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):active { color: #444; border-color: #444; } .wp-block-button { margin-bottom: 30px; } .wp-block-cover-image, .wp-block-cover { margin-bottom: 30px; } .wp-block-cover-image p, .wp-block-cover p { margin-bottom: 0; line-height: 1.25; } .wp-block-cover-image a, .wp-block-cover a { color: inherit; } .wp-block-embed { margin: 0 0 30px; } /** * 10.0 - Color * ---------------------------------------------------------------------------- */ .list.p-color-bg .list-item i, .list.p-color-bg .list-item .list-before-title, .iconbox i, .iconbox.icon-box-circle:hover .icon-box-shape a i, .p-color, .p-color-hover:hover, .counter i, ul.breadcrumbs li + li:before, h3.entry-post-title a:hover, .vertical-progress-bar.vc_progress-bar-color-primary-color .vc_label_units, .pie_icon i, #wp-calendar tbody a, .portfolio-navigation-wrap .portfolio-archive a:hover, .feature .feature-thumb:hover i { color: #10b765; } .list.p-color-bg.style5 .list-before-title, .social-icon i, .social-icon .social-icon-item, .social-icon .social-icon-img, .iconbox.icon-box-circle .icon-box-shape:before, .iconbox.icon-box-circle .icon-box-shape a, .p-color-bg, .p-color-bg-hover:hover, .breadcrumbs-wrap.float label:before, #wp-calendar tbody td:hover, .widget-mailchimp .entry-content input[type="submit"]:hover, h2.widgettitle:before, .wp-block-group__inner-container > h2:before { background-color: #10b765; } div.call-action.call-action-transparent, .iconbox.text-center.default:hover .icon-box-shape a:after, .iconbox.text-center.default:hover .icon-box-shape a:before, .social-icon .social-icon-img, .social-icon.social-icon-bg-icon li.social-icon-item a, .p-color-border, footer.main-footer-wrap .construction .mc4wp-form input[type="text"]:focus, footer.main-footer-wrap .construction .mc4wp-form input[type="email"]:focus { border-color: #10b765; } .p-color-bt { border-top-color: #10b765; } .counter span:after, .p-color-bb { border-bottom-color: #10b765; } .p-color-bl { border-left-color: #10b765; } .p-color-br { border-right-color: #10b765; } ::selection { background-color: #10b765; } ::-moz-selection { background-color: #10b765; } .thumb-wrap:hover .bg-overlay-ps, .thumb-wrap.hover .bg-overlay-ps { background: -webkit-linear-gradient(left top, rgba(16, 183, 101, 0.8), rgba(0, 187, 255, 0.8)); background: -o-linear-gradient(bottom right, rgba(16, 183, 101, 0.8), rgba(0, 187, 255, 0.8)); background: -moz-linear-gradient(bottom right, rgba(16, 183, 101, 0.8), rgba(0, 187, 255, 0.8)); background: linear-gradient(to bottom right, rgba(16, 183, 101, 0.8), rgba(0, 187, 255, 0.8)); } .float-top .thumb-wrap:hover .bg-overlay-ps, .float-top .thumb-wrap.hover .bg-overlay-ps { background-color: #10b765; } .list.s-color-bg .list-item i, .list.s-color-bg .list-item .list-before-title, .s-color, .s-color-hover:hover { color: #00bbff; } .list.s-color-bg.style5 .list-before-title, .pie_text .vc_pie_chart_value:before, .s-color-bg, .widget-mailchimp .entry-content input[type="submit"] { background-color: #00bbff; } .s-color-border { border-color: #00bbff; } .s-color-bt { border-top-color: #00bbff; } .s-color-bb { border-bottom-color: #00bbff; } .s-color-bl { border-left-color: #00bbff; } .s-color-br { border-right-color: #00bbff; } .sc-product-wrap .owl-dots:before, .sc-product-wrap .owl-dots:after, .sc-product-wrap .owl-dot { border-color: #eeeeee; } .sc-product-wrap .owl-dot { background-color: #eeeeee; } .iconbox h3, .iconbox span, .iconbox p, .h-progress-bar.style1 .vc_label, .h-progress-bar.style3 .vc_label .counter, .vc_tta-style-tab_style1 .vc_tta-tab a span, .vc_tta-style-tab_style1 .vc_tta-panel-heading a span, .vc_tta-style-tab_style1 .vc_tta-tab a i, .vc_tta-style-tab_style1 .vc_tta-panel-heading a i, .t-color { color: #444444; } .pricingtable.style1 .pt-content p, .pricingtable.style4 .pt-content p, .pricingtable.style3 .pt-content div span { color: #444444; } .pricingtable.style1 .pt-content div, .pricingtable.style4 .pt-content div { background-color: #444444; } .pricingtable.style1 .pt-active .pt-content div, .pricingtable.style4 .pt-active .pt-content div, .pricingtable.style2 .pt-active .pt-content p, .pricingtable.style3 .pt-active .pt-content p { background-color: #10b765; } .pricingtable.style2 .pt-content p { background-color: #00bbff; } .pricingtable.style2 .pt-content div span, .pricingtable.style3 .pt-content p * { color: #00bbff; } .servicetable .pt-content i, .servicetable .pt-content p { color: #444444; } .servicetable .pt-content div { background-color: #444444; } .servicetable .pt-active .pt-content div { background-color: #10b765; } .ourteam-avatar:hover .ourteam-avatar-overlay { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(16, 183, 101, 0.8)), to(rgba(0, 187, 255, 0.8))); background: -webkit-linear-gradient(top, rgba(16, 183, 101, 0.8), rgba(0, 187, 255, 0.8)); background: -moz-linear-gradient(top, rgba(16, 183, 101, 0.8), rgba(0, 187, 255, 0.8)); background: -ms-linear-gradient(top, rgba(16, 183, 101, 0.8), rgba(0, 187, 255, 0.8)); background: -o-linear-gradient(top, rgba(16, 183, 101, 0.8), rgba(0, 187, 255, 0.8)); } .video.video-shadow:before, .gradient-shadow:before { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 187, 255, 0.4)), to(rgba(16, 183, 101, 0.4))); background: -webkit-linear-gradient(left, rgba(0, 187, 255, 0.4), rgba(16, 183, 101, 0.4)); background: -moz-linear-gradient(left, rgba(0, 187, 255, 0.4), rgba(16, 183, 101, 0.4)); background: -ms-linear-gradient(left, rgba(0, 187, 255, 0.4), rgba(16, 183, 101, 0.4)); background: -o-linear-gradient(left, rgba(0, 187, 255, 0.4), rgba(16, 183, 101, 0.4)); } .process.style1 .process-step .process-icon { border-color: rgba(16, 183, 101, 0.3); } .process.style1 .process-step .process-icon i { background-color: #10b765; } .process.style1 .process-step .process-icon:before, .process.style1 .process-step .process-icon:after { border-bottom: 4px solid rgba(0, 187, 255, 0.3); } .process.style1 .process-step:hover .process-icon { border-color: rgba(0, 187, 255, 0.3); } .process.style1 .process-step:hover .process-icon i { background-color: #00bbff; } .process.style2 .process-step .process-icon { border-color: #10b765; } .process.style2 .process-step .process-icon i { color: #10b765; } .process.style2 .process-step .process-icon:before, .process.style2 .process-step .process-icon:after { border-bottom: 4px solid #10b765; } .process.style2 .process-step:hover .process-icon { border-color: rgba(16, 183, 101, 0.3); } .process.style2 .process-step:hover .process-icon i { background-color: #10b765; } .process.style3.primary-dark .process-step:nth-child(odd):after { background-color: #10b765; } @media (max-width: 991px) { .process.style1 .process-step .process-icon:before, .process.style1 .process-step .process-icon:after { border-left: 4px solid rgba(0, 187, 255, 0.3); } .process.style2 .process-step .process-icon:before, .process.style2 .process-step .process-icon:after { border-left: 4px solid #10b765; } } .vc_progress-bar-color-primary-color .vc_single_bar .vc_bar { background-color: #10b765; } .vc_progress-bar-color-secondary-color .vc_single_bar .vc_bar { background-color: #00bbff; } .vc_single_bar.vc_progress-bar-color-primary-color .vc_bar { background-color: #10b765; } .vc_single_bar.vc_progress-bar-color-secondary-color .vc_bar { background-color: #00bbff; } .v-progress-bar.vc_progress-bar-color-primary-color .vc_label_units, .v-progress-bar .vc_progress-bar-color-primary-color .vc_label_units { color: #10b765; } .v-progress-bar.vc_progress-bar-color-secondary-color .vc_label_units, .v-progress-bar .vc_progress-bar-color-secondary-color .vc_label_units { color: #00bbff; } .m-post .post-content h6 a { color: #444444; } .m-post .post-content h6 a:hover { color: #10b765; } .mailchimp.button_bg_s input[type="submit"] { background-color: #00bbff; } .mailchimp.button_bg_s input[type="submit"]:hover { background-color: #444444; color: #ffffff; } .mailchimp.button_bg_s input[type="email"] { color: #444444; } .mailchimp.button_bg_s input[type="email"]:focus { border-color: #00bbff; } .mailchimp.button_bg_s ::-webkit-input-placeholder { color: #444444; } .mailchimp.button_bg_s :-moz-placeholder { color: #444444; } .mailchimp.button_bg_s ::-moz-placeholder { color: #444444; } .mailchimp.button_bg_s :-ms-input-placeholder { color: #444444; } .mailchimp.button_bg_p input[type="submit"] { background-color: #10b765; } .mailchimp.button_bg_p input[type="submit"]:hover { background-color: #444444; color: #ffffff; } .mailchimp.button_bg_p input[type="email"]:focus { border-color: #10b765; } .mailchimp.color-dark ::-webkit-input-placeholder { color: #444444; } .mailchimp.color-dark :-moz-placeholder { color: #444444; } .mailchimp.color-dark ::-moz-placeholder { color: #444444; } .mailchimp.color-dark :-ms-input-placeholder { color: #444444; } .color-dark { color: #444444; } .color-light { color: #ffffff; } .menu-scroll ul li.active { background-color: #10b765; }