Our Services

/* Theme Name: G5Plus Arvo Theme URI: http://themes.g5plus.net/arvo/ Description: Arvo is a pixel perfect creative multi use WordPress Theme with terrific attention to details and performance. Arvo will showcase your work on the best way that you always wanted. With stacks of layout designs, rich theme options and drag & drop content builder elements to create your site in minutes, it is well organized and visually stunning. Theme is a all-in-one tool to create a website, the last WordPress theme you need. Visit site Version: 1.7 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, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: g5plus-arvo Domain Path: /languages/ */ /** * Table of Contents: * * 1.0 - Core * 2.0 - Template * 3.0 - Widget * 4.0 - Header * 5.0 - Footer * 6.0 - Blog * 7.0 - Woocommerce * 8.0 - ShortCode * 9.0 - Mixins * ---------------------------------------------------------------------------- */ /** * 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); } } /** * WordPress Core * ---------------------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { max-width: 100%; /* Image does not overflow the content area */ text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { margin: 5px 0 0 0; font-size: 12px; color: #aaaaaa; line-height: 1.8; } .sticky { opacity: 1; } .bypostauthor { opacity: 1; } /** * Gallery * ---------------------------------------------------------------------------- */ .gallery { margin: 0 -5px 10px -5px; } .gallery-item { margin: 0 0 10px 0; padding: 0 5px; display: inline-block; text-align: center; vertical-align: top; max-width: 33.33%; width: 100%; } .gallery-caption { font-size: 12px; color: #aaaaaa; line-height: 1.8; margin-top: 5px; } .gallery-icon img { margin: 0 auto; border-radius: 2px; border: 1px solid #eee; padding: 7px; } .gallery-icon img:hover { border: 1px solid #ccc; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * Typography * ---------------------------------------------------------------------------- */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content p, .entry-content hr, .entry-content dl, .entry-content blockquote, .entry-content table, .entry-content ul, .entry-content ol, .entry-content address, .entry-content pre { margin-bottom: 20px; } .entry-content h1:last-child, .entry-content h2:last-child, .entry-content h3:last-child, .entry-content h4:last-child, .entry-content h5:last-child, .entry-content h6:last-child, .entry-content p:last-child, .entry-content hr:last-child, .entry-content dl:last-child, .entry-content blockquote:last-child, .entry-content table:last-child, .entry-content ul:last-child, .entry-content ol:last-child, .entry-content address:last-child, .entry-content pre:last-child { margin-bottom: 0; } .entry-content hr { margin-top: 20px; border-top: 1px solid #eeeeee; clear: both; } .entry-content table { width: 100%; border: 1px solid #dedede; } .entry-content td, .entry-content th { padding: 8px; border-top: 1px solid #dedede; vertical-align: top; } .entry-content thead th { font-weight: bold; background: #eeeeee; vertical-align: bottom; } .entry-content thead:first-child > tr:first-child > td, .entry-content thead:first-child > tr:first-child > th { border-top: none; } .entry-content dt, .entry-content dd { line-height: 2; } .entry-content dd { margin-bottom: 15px; } .entry-content ul, .entry-content ol { padding-left: 25px; } .entry-content li > ul, .entry-content li > ol { margin-bottom: 0; } .entry-content address { line-height: 1.8; font-style: italic; color: #aaaaaa; } .entry-content del { color: #aaaaaa; } .entry-content blockquote { border-left-width: 2px; border-left-style: solid; border-right-width: 0; border-right-style: solid; border-color: #3ab8bd; padding: 0 0 0 15px; letter-spacing: 0.03em; font-size: 15px; } .entry-content blockquote cite { display: block; } .entry-content blockquote.background { background-color: #f5f5f5; border-color: #333333; padding: 15px; } /** * 2.0 - Template * ---------------------------------------------------------------------------- */ body { line-height: 1.8; overflow-x: hidden; color: #858585; position: relative; -webkit-font-smoothing: antialiased; } img { max-width: 100%; height: auto; } iframe { max-width: 100%; } a { color: inherit; } a, a:focus, a:hover { outline: none; text-decoration: none; } a:hover, a:focus { color: #3ab8bd; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div, iframe, img { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.2; color: #333333; margin-top: 0; margin-bottom: 20px; letter-spacing: 0.02em; } p { margin: 0 0 20px 0; } input, textarea, button, select { outline: none; } ::selection { color: #ffffff; background-color: #3ab8bd; } ::-moz-selection { color: #ffffff; background-color: #3ab8bd; } .container { max-width: 100%; } input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"], textarea, select { padding: 0 20px; height: 45px; line-height: 1; color: #aaa; border: 1px solid transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f7f7f7; vertical-align: top; } 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: #aaaaaa; } 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: #aaaaaa; } 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: #aaaaaa; } 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: #aaaaaa; } 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: #3ab8bd; } textarea { padding-top: 10px; height: auto; } select { min-width: 150px; max-width: 100%; outline: none; } select::-ms-expand { display: none; } #wrapper { background-color: #fff; } body.boxed #wrapper { max-width: 1200px; margin: auto; position: relative; } .container .container { width: auto; } /** * Block Center * ---------------------------------------------------------------------------- */ .block-center:before { content: ""; height: 100%; vertical-align: middle; display: inline-block; } .block-center { height: 100%; width: 100%; text-align: center; font-size: 0; } .block-center-inner { display: inline-block; margin: 0 auto; position: relative; vertical-align: middle; max-width: 100%; font-size: initial; } .block-center-inner > * { margin: auto; } /** * Back To Top * ---------------------------------------------------------------------------- */ .back-to-top { position: fixed; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -o-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); bottom: 10px; right: 10px; width: 44px; height: 44px; text-align: center; z-index: 2; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -o-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: #fff; background-color: #858585; } .back-to-top i { font-size: 22px; line-height: 44px; } .back-to-top:focus, .back-to-top:hover { text-decoration: none; color: #ffffff; background-color: #3ab8bd; } .back-to-top.in { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } /** * Site Loading * ---------------------------------------------------------------------------- */ .site-loading { position: fixed; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -o-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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; -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; } .scheme-dark { color: #fff; } /** * Owl-Carousel * ---------------------------------------------------------------------------- */ .owl-dark .owl-nav > div { border-color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8); } .owl-dark .owl-nav > div:hover { background-color: #3ab8bd; border-color: #3ab8bd; color: #ffffff; } .owl-nav { font-size: 0; text-align: center; margin-top: 20px; } .owl-nav > div { display: inline-block; vertical-align: middle; position: relative; width: 40px; height: 40px; text-align: center; border: 2px solid #ddd; color: #868686; -webkit-border-radius: 100%; -moz-border-radius: 100%; 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; } .owl-nav > div.owl-prev { margin-right: 5px; } .owl-nav > div.owl-next { margin-left: 5px; } .owl-nav > div i { line-height: 36px; font-size: 18px; } .owl-nav > div:hover { background-color: #3ab8bd; border-color: #3ab8bd; color: #ffffff; } .owl-nav-round-large > .owl-nav > div { width: 60px; height: 60px; } .owl-nav-round-large > .owl-nav > div i { line-height: 56px; font-size: 20px; } .owl-nav-classic > .owl-nav > div { border: none; color: #999; width: auto; height: auto; } .owl-nav-classic > .owl-nav > div i { font-size: 30px; height: 20px; line-height: 20px; } .owl-nav-classic > .owl-nav > div:hover { color: #3ab8bd; background-color: transparent; } @media (min-width: 1280px) { .owl-nav-center > .owl-nav { margin: 0; } .owl-nav-center > .owl-nav > div { position: absolute; top: 50%; margin: 0; } .owl-nav-center > .owl-nav > div.owl-prev { left: -20px; -webkit-transform: translate(-100%, -50%); -moz-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .owl-nav-center > .owl-nav > div.owl-next { right: -20px; -webkit-transform: translate(100%, -50%); -moz-transform: translate(100%, -50%); -o-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } } .owl-nav-center-inner > .owl-nav { margin: 0; } .owl-nav-center-inner > .owl-nav > div { position: absolute; top: 50%; margin: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-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; opacity: 0; } .owl-nav-center-inner > .owl-nav > div.owl-prev { left: 0; } .owl-nav-center-inner > .owl-nav > div.owl-next { right: 0; } .owl-nav-center-inner:hover > .owl-nav > div { opacity: 1; } .owl-nav-center-inner:hover > .owl-nav > div.owl-prev { left: 20px; } .owl-nav-center-inner:hover > .owl-nav > div.owl-next { right: 20px; } .owl-nav-top-68 > .owl-nav, .owl-nav-top > .owl-nav { margin: 0; position: absolute; right: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .owl-nav-top > .owl-nav { top: -83.5px; } .owl-nav-top.owl-nav-round-large > .owl-nav { top: -73.5px; } .owl-nav-top.owl-nav-classic > .owl-nav { top: -93.5px; } .owl-nav-top-68 > .owl-nav { top: -67.5px; } .owl-nav-top-68.owl-nav-round-large > .owl-nav { top: -57.5px; } .owl-nav-top-68.owl-nav-classic > .owl-nav { top: -77.5px; } .owl-dots { font-size: 0; text-align: center; margin-top: 20px; } .owl-dots > div { display: inline-block; vertical-align: middle; width: 8px; height: 8px; background-color: #eee; -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin: 0 5px; } .owl-dots > div.active, .owl-dots > div:hover { background-color: #ccc; } .owl-dot-absolute-bottom > .owl-dots { position: absolute; margin: 0; bottom: 10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; white-space: nowrap; } .owl-dot-vertical > .owl-dots { position: absolute; margin-top: 0; top: 50%; right: 30px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .owl-dot-vertical > .owl-dots > div { display: block; margin: 5px 0; } .product-listing .owl-nav-top-68 > .owl-nav, .product-listing .owl-nav-top > .owl-nav { right: 15px; } @media (max-width: 480px) { .owl-nav-top-68 > .owl-nav, .owl-nav-top > .owl-nav { display: none !important; } } #search_popup_wrapper .dialog-inner { padding-left: 50px; padding-right: 50px; padding-bottom: 40px; } #search_popup_wrapper form { margin: 10px 0; position: relative; } .popup-overlay-wrapper { position: absolute; z-index: 9999; background-color: rgba(20, 22, 24, 0.95); width: 100%; top: 0; bottom: 0; left: 0; padding-bottom: 80px; overflow: auto; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s 0.5s, visibility 0s 1s; transition: opacity 0.5s 0.5s, visibility 0s 1s; } .popup-overlay-wrapper.in { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .popup-overlay-wrapper.in .popup-overlay-content { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.5s 0.2s, opacity 0.5s 0.2s; transition: transform .5s .8s, opacity .5s .8s; } .popup-overlay-content { margin: 80px auto 0; width: 80%; position: relative; font-size: 20px; opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1); -moz-animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1); -o-animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1); animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1); } .popup-overlay-content input { border: solid 2px #FFF; padding: 1em; height: auto; color: #fff; width: 100%; background-color: transparent; } .popup-overlay-content input::-webkit-input-placeholder { color: #eeeeee; } .popup-overlay-content input:-moz-placeholder { color: #eeeeee; } .popup-overlay-content input::-moz-placeholder { color: #eeeeee; } .popup-overlay-content input:-ms-input-placeholder { color: #eeeeee; } .popup-overlay-content .search-button { position: absolute; top: 22px; right: 30px; color: #fff; line-height: 1; } .popup-overlay-content .search-button:hover { cursor: pointer; color: #3ab8bd; } .popup-overlay-result { color: #fff; background-color: #343537; padding: 0; font-size: 16px; line-height: 2em; } .popup-overlay-result ul { padding: 15px 0; margin: 0; list-style: none; } .popup-overlay-result li { padding: 5px 30px; } .popup-overlay-result li.selected, .popup-overlay-result li:hover { color: #3ab8bd; } .popup-overlay-result li + li { border-top: solid 1px rgba(255, 255, 255, 0.1); } .popup-overlay-result a { color: inherit; } .popup-overlay-result .date { display: inline-block; float: right; } .popup-overlay-result .view-more { position: absolute; background: #343537; left: 0; right: 0; text-align: center; padding: 5px; -webkit-border-radius: 0 0 100% 100%; -moz-border-radius: 0 0 100% 100%; border-radius: 0 0 100% 100%; margin: auto; border-top: solid 1px rgba(255, 255, 255, 0.1); text-transform: uppercase; } .ps-container > .ps-scrollbar-y-rail { width: 3px; right: 5px; background-color: #222 !important; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { width: 5px; right: -1px; background-color: #3ab8bd !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6 !important; } .gf-preset-content-wrapper { background: url(http://dhamtec.com/wp-content/themes/g5plus-arvo/assets/images/preset-bg.jpg) repeat; padding: 150px 0; text-align: center; font-size: 60px; color: #222; border: dashed 8px #222; } .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; 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; 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); } .x-nav-menu > .x-menu-item > .x-menu-a-text, .sticky-region, .logo-header, .x-nav-menu > .x-menu-item, .header-customize-nav, .header-3 .header-wrapper .container-inner, .header-nav-wrapper nav.primary-menu, .header-nav-wrapper .product-text, .popup-overlay-result a, .toggle-icon-wrapper .toggle-icon > span, .toggle-icon-wrapper .toggle-icon:before, .toggle-icon-wrapper .toggle-icon:after, .sticky-region .header-mobile-container-inner > div, b.x-caret, .menu-drop-fly, .top-drawer-toggle, .header-above-inner, .logo-header img, .x-sub-menu-tab > .x-menu-item, .x-sub-menu-tab > li.x-menu-active > ul.x-sub-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /* ----------- Other --------------*/ .logged-in.admin-bar .lg-toolbar { margin-top: 32px; } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #3ab8bd; } /* -----------Page 404------------*/ .page404 { background-size: cover; position: relative; } .page404 .bg-404 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: contain; } .page404 .container { position: relative; } .page404 .container .content-wrap { text-align: center; } .page404 .container .content-wrap h2 { font-family: 'Montserrat'; font-size: 180px; font-weight: 700; line-height: 1.2; display: inline-block; color: #3ab8bd; margin-bottom: -15px; } .page404 .container .content-wrap h4.subtitle { font-size: 50px; font-weight: bold; line-height: 1.2; color: #333333; margin-bottom: 5px; } .page404 .container .content-wrap p.description { font-size: 18px; line-height: 1.8; letter-spacing: 0.05em; color: #858585; max-width: 610px; margin: auto; margin-bottom: 17px; } .page404 .container .content-wrap a { color: #3ab8bd; } .page404 .container .content-wrap a:hover { color: #fff; } /* SEARCH PAGE */ .archive-search-wrap .archive-search-result h3 { margin: 0; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px solid #eaeaea; padding-bottom: 20px; margin-bottom: 40px; } .archive-search-wrap .archive-search-box { padding-bottom: 50px; border-bottom: 1px solid #eaeaea; } .archive-search-wrap .archive-search-box .search-form-lg input { font-family: inherit; line-height: 50px; } .archive-search-wrap .archive-search-wrap-inner article { margin-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #eaeaea; position: relative; } .archive-search-wrap .archive-search-wrap-inner article:after { position: absolute; bottom: -1px; width: 0; height: 2px; content: ''; display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color: #3ab8bd; } .archive-search-wrap .archive-search-wrap-inner article:hover:after { width: 100%; } .archive-search-wrap .archive-search-wrap-inner article:hover .search-icon span, .archive-search-wrap .archive-search-wrap-inner article:hover .search-icon span:after, .archive-search-wrap .archive-search-wrap-inner article:hover .search-icon span:before { background-color: #3ab8bd; } .archive-search-wrap .archive-search-wrap-inner .search-icon { width: 50px; height: 50px; -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; border-radius: 4px; background-clip: padding-box; background-color: #eaeaea; text-align: center; float: left; } .archive-search-wrap .archive-search-wrap-inner .search-icon span { width: 20px; height: 1px; vertical-align: middle; background-color: #333333; display: block; position: relative; margin-left: 15px; line-height: 50px; margin-top: 24.5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .archive-search-wrap .archive-search-wrap-inner .search-icon span:after, .archive-search-wrap .archive-search-wrap-inner .search-icon span:before { content: ''; display: block; width: 20px; height: 1px; background-color: #333333; position: absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .archive-search-wrap .archive-search-wrap-inner .search-icon span:after { bottom: 5px; } .archive-search-wrap .archive-search-wrap-inner .search-icon span:before { top: 5px; } .archive-search-wrap .archive-search-wrap-inner .search-entry-content-wrap { padding-left: 70px; } .archive-search-wrap .archive-search-wrap-inner .search-entry-content-wrap h4 { margin-bottom: 10px; } .archive-search-wrap .archive-search-wrap-inner .search-entry-content-wrap h4 a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #333333; display: inline-block; } .archive-search-wrap .archive-search-wrap-inner .search-entry-content-wrap h4 a:hover { color: #3ab8bd; } .archive-search-wrap .archive-search-wrap-inner .search-entry-content-wrap .search-entry-post-type { margin-bottom: 0; color: #3ab8bd; font-style: italic; letter-spacing: 0.1em; } .archive-search-wrap .archive-search-wrap-inner .search-entry-content-wrap .search-entry-excerpt { margin-top: 25px; } .archive-search-wrap .archive-search-wrap-inner .search-entry-content-wrap .search-entry-excerpt p { margin-bottom: 0; } .archive-search-wrap .search-entry-meta-date { color: #BBB; font-size: 15px; margin-bottom: 15px; } .archive-search-wrap .search-entry-meta-date i { font-size: 16px; margin-right: 5px; } /* End Search Page */ @media screen and (max-width: 460px) { .search-popup-inner > input { display: block; width: 100%; margin-top: 10px; } .search-popup-inner > button { margin-top: 10px; width: 100%; display: block; } } .block-title { font-family: 'Montserrat'; font-size: 20px; color: #333333; font-weight: bold; margin-bottom: 45px !important; line-height: 1.2; position: relative; letter-spacing: 0.02em; text-transform: uppercase; border-bottom: 1px solid #eeeeee; padding-bottom: 30px; } .close-button { position: absolute; top: 1em; right: 1em; color: #fff; font-size: 20px; } .close-button:hover { color: #fff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .top-separate { position: relative; padding-top: 35px; } .top-separate:before { content: ""; height: 2px; width: 110px; background: #3ab8bd; position: absolute; top: 0; left: 0; right: 0; margin: auto; } .popup-close { position: absolute; top: 5px; right: 5px; width: 35px; height: 35px; text-align: center; line-height: 35px; -webkit-border-radius: 5px; -webkit-background-clip: padding-box; -moz-border-radius: 5px; -moz-background-clip: padding; border-radius: 5px; background-clip: padding-box; background-color: #eeeeee; font-size: 16px; z-index: 1; } /** * Columns * ---------------------------------------------------------------------------- */ .gf-item-wrap { width: 100%; float: left; padding-left: 15px; padding-right: 15px; } .gf-item-wrap-no-padding { padding-left: 0; padding-right: 0; } @media (min-width: 1200px) { .columns-2 > .gf-item-wrap { width: 50%; } .columns-2 > .gf-item-wrap:nth-child(2n+1) { clear: both; } .columns-3 > .gf-item-wrap { width: 33.33333333%; } .columns-3 > .gf-item-wrap:nth-child(3n+1) { clear: both; } .columns-4 > .gf-item-wrap { width: 25%; } .columns-4 > .gf-item-wrap:nth-child(4n+1) { clear: both; } .columns-5 > .gf-item-wrap { width: 20%; } .columns-5 > .gf-item-wrap:nth-child(5n+1) { clear: both; } .columns-6 > .gf-item-wrap { width: 16.66666666666667%; } .columns-6 > .gf-item-wrap:nth-child(6n+1) { clear: both; } } @media (min-width: 992px) and (max-width: 1199px) { .columns-md-2 > .gf-item-wrap { width: 50%; } .columns-md-2 > .gf-item-wrap:nth-child(2n+1) { clear: both; } .columns-md-3 > .gf-item-wrap { width: 33.33333333%; } .columns-md-3 > .gf-item-wrap:nth-child(3n+1) { clear: both; } .columns-md-4 > .gf-item-wrap { width: 25%; } .columns-md-4 > .gf-item-wrap:nth-child(4n+1) { clear: both; } .columns-md-5 > .gf-item-wrap { width: 20%; } .columns-md-5 > .gf-item-wrap:nth-child(5n+1) { clear: both; } .columns-md-6 > .gf-item-wrap { width: 16.66666666666667%; } .columns-md-6 > .gf-item-wrap:nth-child(6n+1) { clear: both; } } @media (min-width: 768px) and (max-width: 991px) { .columns-sm-2 > .gf-item-wrap { width: 50%; } .columns-sm-2 > .gf-item-wrap:nth-child(2n+1) { clear: both; } .columns-sm-3 > .gf-item-wrap { width: 33.33333333%; } .columns-sm-3 > .gf-item-wrap:nth-child(3n+1) { clear: both; } .columns-sm-4 > .gf-item-wrap { width: 25%; } .columns-sm-4 > .gf-item-wrap:nth-child(4n+1) { clear: both; } .columns-sm-5 > .gf-item-wrap { width: 20%; } .columns-sm-5 > .gf-item-wrap:nth-child(5n+1) { clear: both; } .columns-sm-6 > .gf-item-wrap { width: 16.66666666666667%; } .columns-sm-6 > .gf-item-wrap:nth-child(6n+1) { clear: both; } } @media (min-width: 481px) and (max-width: 767px) { .columns-xs-2 > .gf-item-wrap { width: 50%; } .columns-xs-2 > .gf-item-wrap:nth-child(2n+1) { clear: both; } .columns-xs-3 > .gf-item-wrap { width: 33.33333333%; } .columns-xs-3 > .gf-item-wrap:nth-child(3n+1) { clear: both; } .columns-xs-4 > .gf-item-wrap { width: 25%; } .columns-xs-4 > .gf-item-wrap:nth-child(4n+1) { clear: both; } .columns-xs-5 > .gf-item-wrap { width: 20%; } .columns-xs-5 > .gf-item-wrap:nth-child(5n+1) { clear: both; } .columns-xs-6 > .gf-item-wrap { width: 16.66666666666667%; } .columns-xs-6 > .gf-item-wrap:nth-child(6n+1) { clear: both; } } @media (max-width: 480px) { .columns-mb-2 > .gf-item-wrap { width: 50%; } .columns-mb-2 > .gf-item-wrap:nth-child(2n+1) { clear: both; } .columns-mb-3 > .gf-item-wrap { width: 33.33333333%; } .columns-mb-3 > .gf-item-wrap:nth-child(3n+1) { clear: both; } .columns-mb-4 > .gf-item-wrap { width: 25%; } .columns-mb-4 > .gf-item-wrap:nth-child(4n+1) { clear: both; } .columns-mb-5 > .gf-item-wrap { width: 20%; } .columns-mb-5 > .gf-item-wrap:nth-child(5n+1) { clear: both; } .columns-mb-6 > .gf-item-wrap { width: 16.66666666666667%; } .columns-mb-6 > .gf-item-wrap:nth-child(6n+1) { clear: both; } } .breadcrumbs { margin: 0; padding: 0; list-style: none; font-size: 0; } .breadcrumbs li { display: inline-block; } .breadcrumbs li a, .breadcrumbs li span { font-size: 16px; color: #fff; line-height: 1.8; } .breadcrumbs li span { color: #bababa; } .breadcrumbs li a:hover { color: #3ab8bd !important; } .breadcrumbs li:after { font-family: 'FontAwesome'; display: inline-block; content: '\f0da'; font-size: 14px; padding: 0 8px 0 12px; color: #fff; } .breadcrumbs li:last-child:after { display: none; } .page-title { overflow: hidden; } .page-title .page-title-background { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; } .page-title .page-title-background:before { position: absolute; content: ''; display: block; top: 0; left: 0; bottom: 0; right: 0; } .page-title .page-title-background.page-title-parallax { height: 200%; top: -25%; } .page-title .page-title-background.page-title-overlay-dark:before { background-color: rgba(0, 0, 0, 0.6); } .page-title .page-title-background.page-title-overlay-dark p { color: #fff; } .page-title .page-title-background.page-title-overlay-light:before { background-color: rgba(255, 255, 255, 0.8); } .page-title .page-title-background.page-title-overlay-light h1, .page-title .page-title-background.page-title-overlay-light p, .page-title .page-title-background.page-title-overlay-light .breadcrumbs li > a { color: #000 !important; } .page-title .page-title-background.page-title-overlay-light .breadcrumbs li > span, .page-title .page-title-background.page-title-overlay-light .breadcrumbs li:after { color: #888 !important; } .page-title .page-title-inner { position: relative; z-index: 1; } .page-title h1 { letter-spacing: 0; margin: 0; display: inline-block; position: relative; } .page-title p { margin: 0; color: #fff; opacity: 0.65; } .page-title.page-title-layout-normal { padding: 36px 0; position: relative; } .page-title.page-title-layout-normal:not(.page-title-background) { background-color: #3ab8bd; } .page-title.page-title-layout-normal:not(.page-title-background) .breadcrumbs li a { color: #fff !important; } .page-title.page-title-layout-normal h1 { color: #fff; font-size: 24px; } .page-title.page-title-layout-normal .breadcrumbs { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .page-title.page-title-layout-normal .breadcrumbs li span { color: #fff; opacity: 0.65; } .page-title.page-title-layout-centered { padding: 110px 0; text-align: center; position: relative; } .page-title.page-title-layout-centered:not(.page-title-background) { background-color: #222; } .page-title.page-title-layout-centered h1 { font-size: 40px; color: #fff; text-transform: uppercase; } .page-title.page-title-layout-centered h1:before { position: absolute; content: ''; display: block; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: -22px; width: 70px; height: 3px; background-color: #3ab8bd; } .page-title.page-title-layout-centered h1.has-subtitle:before { bottom: -50px; } .page-title.page-title-layout-centered p { font-size: 16px; color: #fff; margin: 5px 0; opacity: 1; } .page-title.page-title-layout-centered .breadcrumbs { margin-top: 39px; } .page-title.page-title-layout-large-title { padding: 110px 0 150px; position: relative; } .page-title.page-title-layout-large-title:not(.page-title-background):after { position: absolute; content: ''; display: block; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; height: 2px; background-color: #eee; max-width: 1200px; padding-left: 15px; padding-right: 15px; background-clip: content-box; } .page-title.page-title-layout-large-title:not(.page-title-background) .page-title-inner:before { display: block; content: ''; position: absolute; background-color: #fcfcfc; width: 100px; height: 100%; z-index: 0; padding-top: 80px; padding-bottom: 80px; box-sizing: content-box; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .page-title.page-title-layout-large-title h1 { z-index: 1; text-transform: uppercase; font-size: 115px; line-height: 1; left: -8px; } .page-title.page-title-layout-large-title h1 span { color: #3ab8bd; } .page-title.page-title-layout-large-title .breadcrumbs { position: relative; z-index: 1; } .page-title.page-title-layout-large-title .breadcrumbs li a, .page-title.page-title-layout-large-title .breadcrumbs li span { color: #aaa; text-transform: uppercase; font-weight: 700; font-size: 14px; } .page-title.page-title-layout-large-title .breadcrumbs li:after { color: #aaa; content: '/'; font-weight: bold; padding: 0 5px; } .page-title.page-title-layout-large-title h1.has-subtitle:before { position: absolute; content: ''; display: block; left: 8px; bottom: -60px; width: 70px; height: 3px; background-color: #3ab8bd; } .page-title.page-title-layout-large-title h1.has-subtitle + p { font-size: 32px; margin-bottom: 20px; } .page-title.page-title-layout-large-title p { color: #aaa; opacity: 1; } .page-title.page-title-layout-large-title.page-title-background .breadcrumbs { position: relative; z-index: 2; } .page-title.page-title-layout-large-title.page-title-background .breadcrumbs li:after, .page-title.page-title-layout-large-title.page-title-background .breadcrumbs li a, .page-title.page-title-layout-large-title.page-title-background .breadcrumbs li span { color: #fff; } @media (max-width: 767px) { .page-title.page-title-layout-normal .breadcrumbs { position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .page-title.page-title-layout-large-title h1 { font-size: 80px; -ms-word-wrap: break-word; word-wrap: break-word; } } @media (max-width: 479px) { .page-title.page-title-layout-large-title h1 { font-size: 48px; } } .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; } .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 a[data-dialog-close] { position: absolute; border: none; top: 0; right: 0; width: 35px; height: 35px; line-height: 35px !important; background-color: #eee; } .dialog.dialog--open a[data-dialog-close] i { font-size: 16px; line-height: 35px !important; } .dialog.dialog--open a[data-dialog-close]:hover { color: #3ab8bd; } .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; } } body.safari .dialog__content { margin-left: auto; margin-right: auto; margin-top: 100px; } body.safari .dialog__content .morph-shape { display: none; } .main-menu:not(.x-nav-menu) { list-style: none; padding: 0; margin: 0; } .main-menu:not(.x-nav-menu) li { position: relative; } .main-menu:not(.x-nav-menu) li li a { display: block; padding: 10px 0; color: inherit; } .main-menu:not(.x-nav-menu) li li a:hover { color: #3ab8bd; } .main-menu:not(.x-nav-menu) li:hover > ul { display: block; border-top: solid 1px #eee; -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); } .main-menu:not(.x-nav-menu) > li { display: inline-block; line-height: 24px; padding-top: 33px; padding-bottom: 33px; } .main-menu:not(.x-nav-menu) > li + li { margin-left: 30px; } .main-menu:not(.x-nav-menu) > li > a { font-size: 13px; text-transform: uppercase; font-weight: 700; color: #212121; } .main-menu:not(.x-nav-menu) > li li + li > a { border-top: solid 1px #ededed; } .main-menu:not(.x-nav-menu) > li ul { display: none; position: absolute; list-style: none; padding: 10px 0; margin: 0; background-color: #fff; top: 0; left: 100%; color: #111; z-index: 999; border-bottom: solid 2px #3ab8bd; } .main-menu:not(.x-nav-menu) > li ul li { position: relative; min-width: 210px; padding-left: 20px; padding-right: 20px; line-height: 25px; } .main-menu:not(.x-nav-menu) > li:hover > ul { top: 100%; left: auto; } .main-menu:not(.x-nav-menu) > li:last-child > ul { left: auto; right: 0; } .main-menu:not(.x-nav-menu) > li:last-child li:hover ul { left: auto; right: 100%; } .nav-menu-mobile:not(.x-nav-menu) { list-style: none; padding: 0; margin: 0; } .nav-menu-mobile:not(.x-nav-menu) li { border-top: solid 1px #313131; position: relative; } .nav-menu-mobile:not(.x-nav-menu) a { padding: 10px 20px; display: inline-block; text-transform: uppercase; font-weight: 700; } .nav-menu-mobile:not(.x-nav-menu) ul { display: none; padding: 0; margin: 0; list-style: none; background-color: #313131; position: relative; } .nav-menu-mobile:not(.x-nav-menu) ul li { border-color: #414141; } .nav-menu-mobile:not(.x-nav-menu) b.menu-caret { position: absolute; right: 20px; } .nav-menu-mobile:not(.x-nav-menu) b.menu-caret:before { content: "\f067"; font-family: fontawesome; font-size: 10px; font-weight: 400; vertical-align: top; } b.x-caret:before { content: "\e688"; font-family: 'Pe-icon-7-stroke'; font-size: 16px; font-weight: 400; vertical-align: top; } .x-sub-menu-open > a b.x-caret { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .x-custom-content-wrapper { white-space: normal; line-height: 1.8; padding-top: 5px; padding-bottom: 5px; } .x-nav-menu img { max-width: 100%; height: auto; } .x-image-layout > a { display: block; } @media screen and (min-width: 1200px) { .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 { color: #3ab8bd; } 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; } a.x-image + a.x-menu-a-text { text-align: center; } .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; vertical-align: middle; } .x-nav-menu * { color: inherit; box-sizing: border-box; } .x-nav-menu > .x-menu-item { display: inline-block; line-height: 24px; } .x-nav-menu > .x-menu-item > a b.x-caret:before { margin-left: 5px; } .x-nav-menu > .x-menu-item + .x-menu-item { margin-left: 30px; } .x-nav-menu > .x-menu-item > .x-menu-a-text { font-size: 16px; text-transform: capitalize; font-weight: bold; color: #ffffff; padding-top: 33px; padding-bottom: 33px; display: inline-block; position: relative; } .x-nav-menu > .x-menu-item > .x-menu-a-text > .x-description { display: none; } .x-sub-menu { height: 0; visibility: hidden; overflow: hidden; position: absolute; opacity: 0; top: 100%; padding: 0; margin: 0; color: #fff; z-index: -1; list-style: none; background-color: #111; border-bottom: solid 2px #3ab8bd; -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; white-space: nowrap; } .x-sub-menu b.x-caret:before { content: "\e684"; } .x-sub-menu .x-menu-a-text { line-height: 20px; font-size: 12px; padding: 12px 0; font-family: 'Montserrat'; text-transform: uppercase; display: block; } /*.x-menu-item { line-height: 50px; }*/ .x-active > .x-sub-menu { overflow: visible; visibility: visible; opacity: 1; height: auto; z-index: 999; } p.x-description { font-style: italic; font-size: 0.9em; line-height: 30px; margin-top: -8px; margin-bottom: 10px; } span.x-menu-text { position: relative; } .x-sub-menu-standard { padding: 20px 0; z-index: 1; } .x-sub-menu-standard > .x-menu-item { min-width: 270px; padding-left: 30px; padding-right: 30px; } .x-sub-menu-standard > .x-menu-item + .x-menu-item > .x-menu-a-text { border-top: solid 1px rgba(238, 238, 238, 0.1); } .x-sub-menu-standard > .x-menu-item b.x-caret { position: absolute; right: 30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .x-sub-menu-standard a.x-menu-a-text { color: inherit; } .x-sub-menu-standard a.x-menu-a-text:before { content: "\e684"; font-family: 'Pe-icon-7-stroke'; font-size: 16px; font-weight: 400; vertical-align: top; opacity: 0; visibility: hidden; margin-left: -10px; } .x-sub-menu-standard a.x-menu-a-text:before, .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:before { opacity: 1; visibility: visible; margin-left: 0; } .x-sub-menu-standard a.x-menu-a-text:hover { color: #3ab8bd; } .x-sub-menu-standard .x-sub-menu { top: 0; left: 100%; right: auto; margin-left: 5px; } .x-sub-menu-standard .x-sub-menu.x-pos-left-menu-parent { margin-left: 0; margin-right: 5px; } .x-sub-menu-standard.x-pos-full > .x-menu-item { padding-left: 0; padding-right: 0; } .x-sub-menu-multi-column { display: block; color: #fff; background-color: #111; } .x-sub-menu-multi-column:after { content: ""; display: block; clear: both; } .x-sub-menu-multi-column > .x-menu-item { padding-left: 30px; padding-right: 30px; min-width: 0; } .x-sub-menu-multi-column .x-menu-item { min-width: 0; } .x-sub-menu-multi-column > .x-item-menu-standard .x-menu-item { padding-left: 0; padding-right: 0; } .x-sub-menu-multi-column .x-custom-content .x-menu-a-text { display: none; } .x-sub-menu-multi-column .x-sub-menu { padding-top: 0; padding-bottom: 0; height: auto; visibility: visible; opacity: 1; position: static; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; background-color: transparent; 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 { color: #3ab8bd; font-size: 14px; text-transform: uppercase; position: relative; line-height: 1; display: block; padding: 0; margin-bottom: 35px; } .x-sub-menu-multi-column b.x-caret { display: none; } li.x-active .x-sub-menu-multi-column:not(.no-padding) { padding-bottom: 60px; padding-top: 60px; } .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; padding-left: 0; padding-right: 0; } .x-sub-menu-tab > li > ul.x-sub-menu { position: absolute; left: 0; right: 0; top: 0; visibility: hidden; overflow: hidden; opacity: 0; height: 0; padding-bottom: 30px; padding-top: 30px; } .x-sub-menu-tab > li > .x-sub-menu-multi-column > .x-menu-item { padding-left: 15px; padding-right: 15px; } .x-sub-menu-tab > li.x-menu-item > a.x-menu-a-text { display: block; position: relative; padding-left: 20px; padding-right: 20px; } .x-sub-menu-tab > li.x-menu-active { background-color: rgba(255, 255, 255, 0.1); } .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 #111; height: 16px; top: 0; bottom: 0; margin: auto; } .x-sub-menu-tab > li.x-menu-active > a.x-menu-a-text:hover { color: inherit; } .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: rgba(255, 255, 255, 0.1); } .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: #3ab8bd; } .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: #000000 !important } .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text:before, .x-nav-menu > li.current-menu-parent > a.x-menu-a-text:before, .x-nav-menu > li.current-menu-item > a.x-menu-a-text:before, .x-nav-menu > li.menu-current > a.x-menu-a-text:before, .x-nav-menu > li > a.x-menu-a-text:hover:before, .x-nav-menu > li.x-menu-item:hover > a:before { width: 100%; } .primary-menu .no-menu { line-height: 90px; } .is-sticky .primary-menu .no-menu { line-height: 55px; } } @media screen and (max-width: 1199px) { i.x-icon-left { margin-right: 10px; } i.x-icon-right { margin-left: 10px; } .x-sub-menu { display: none; margin: 0; padding: 0; } p.x-description, .x-custom-content-wrapper, .x-image { padding-left: 20px; padding-right: 20px; } a.x-image { padding-top: 20px; display: inline-block; } .x-nav-menu, .x-nav-menu ul { list-style: none; } .x-menu-item { position: relative; } .x-nav-menu { padding: 0; margin: 0; } .x-nav-menu a.x-menu-a-text { padding-top: 10px; padding-bottom: 10px; display: inline-block; text-transform: uppercase; font-weight: 700; } b.x-caret:before { font-weight: 400; vertical-align: middle; } .x-caret { position: absolute; right: 0; } .x-sub-menu, .x-nav-menu, .x-nav-menu li.x-menu-item + li { border-top: solid 1px #eeeeee; } .menu-drop-fly { position: fixed; top: 0; bottom: 0; left: -280px; width: 280px; background-color: #212121; color: #fff; z-index: 9999; overflow: auto; } .menu-drop-fly .nav-menu-mobile { color: #fff; } .menu-drop-fly .nav-menu-mobile a { color: #fff; } .menu-drop-fly .nav-menu-mobile a:hover { color: #3ab8bd; } .menu-drop-fly .nav-menu-mobile { display: block; } .menu-drop-fly .x-sub-menu, .menu-drop-fly .x-nav-menu, .menu-drop-fly li.x-menu-item + li { border-color: #313131; } .menu-drop-fly .x-caret { right: 20px; } .menu-drop-fly .x-menu-a-text { padding-left: 20px !important; padding-right: 20px; } .menu-drop-fly .x-menu-item .x-menu-item .x-menu-a-text { text-transform: none; } .menu-drop-fly .x-menu-item .x-menu-item .x-menu-item .x-menu-a-text { font-weight: 400; } .menu-drop-fly .x-menu-item .x-menu-item .x-menu-item .x-menu-item .x-menu-a-text { font-size: 12px; } .menu-drop-fly .x-sub-menu { background-color: #313131; position: relative; border-top: none !important; } .menu-drop-fly .x-sub-menu .x-sub-menu { background-color: #414141; } .menu-drop-fly .x-sub-menu .x-sub-menu .x-sub-menu { background-color: #515151; } .menu-drop-fly li li.x-menu-item + li { border-color: #414141; } .menu-drop-fly li li li.x-menu-item + li { border-color: #515151; } .menu-drop-fly li li li li.x-menu-item + li { border-color: #616161; } .menu-drop-fly .x-sub-menu:before { content: ''; position: absolute; left: 20px; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px #212121; } .menu-drop-fly .x-sub-menu .x-sub-menu:before { border-top-color: #313131; } .menu-drop-fly .x-sub-menu .x-sub-menu .x-sub-menu:before { border-top-color: #414141; } .menu-drop-fly .x-sub-menu .x-sub-menu .x-sub-menu .x-sub-menu:before { border-top-color: #515151; } 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; left: 0; } .mobile-nav-overlay { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.7); visibility: hidden; overflow: hidden; opacity: 0; max-width: 0; -webkit-transition: opacity 0.5s, visibility 1s; transition: opacity 0.5s, visibility 1s; cursor: url(http://dhamtec.com/wp-content/themes/g5plus-arvo/assets/images/close.png) 15 15, default; } body.mobile-nav-in { overflow: hidden; left: 280px; } body.mobile-nav-in .menu-drop-fly { left: 0; } body.mobile-nav-in .mobile-nav-overlay { max-width: 100%; opacity: 1; visibility: visible; } body.mobile-nav-in .is-sticky .sticky-region { left: 280px; right: -280px; } } /** * 3.0 - Widget * ---------------------------------------------------------------------------- */ .sidebar-mobile-canvas-icon-close { display: none; } .sidebar-mobile-canvas-icon { padding: 10px 12px; display: none; line-height: 1; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius-bottomright: 4px; -moz-background-clip: padding; border-bottom-right-radius: 4px; background-clip: padding-box; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4); cursor: pointer; position: fixed; top: 245px; left: 0; z-index: 1001; background-color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget { margin-bottom: 50px; } .widget:after { content: ''; clear: both; display: block; } .widget-title { font-size: 20px; font-weight: bold; margin-bottom: 30px; } .widget-title:after { content: ''; display: block; width: 70px; height: 3px; background-color: #3ab8bd; margin-top: 7px; } /** * Archive, categories, nav_menu * ---------------------------------------------------------------------------- */ .widget_meta ul, .widget_archive ul, .widget_categories ul, .widget_nav_menu ul, .widget_pages ul, .widget_product_categories ul, .widget_recent_entries ul { list-style: none; padding: 0; margin: 0; } .widget_meta li, .widget_archive li, .widget_categories li, .widget_nav_menu li, .widget_pages li, .widget_product_categories li, .widget_recent_entries li { padding: 0; margin: 0; line-height: 20px; font-size: 14px; position: relative; color: #333333; font-family: 'Montserrat'; } .widget_meta li > a, .widget_archive li > a, .widget_categories li > a, .widget_nav_menu li > a, .widget_pages li > a, .widget_product_categories li > a, .widget_recent_entries li > a { display: block; padding: 10px 0; color: inherit; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget_meta li > a:before, .widget_archive li > a:before, .widget_categories li > a:before, .widget_nav_menu li > a:before, .widget_pages li > a:before, .widget_product_categories li > a:before, .widget_recent_entries li > a:before { content: "\f0da"; font-family: fontawesome; display: inline-block; font: normal normal normal 14px/1 FontAwesome !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 10px; } .widget_meta li + li, .widget_archive li + li, .widget_categories li + li, .widget_nav_menu li + li, .widget_pages li + li, .widget_product_categories li + li, .widget_recent_entries li + li { border-top: 1px solid #eeeeee; } .widget_meta li li > a, .widget_archive li li > a, .widget_categories li li > a, .widget_nav_menu li li > a, .widget_pages li li > a, .widget_product_categories li li > a, .widget_recent_entries li li > a { padding-left: 40px; } .widget_meta li li li > a, .widget_archive li li li > a, .widget_categories li li li > a, .widget_nav_menu li li li > a, .widget_pages li li li > a, .widget_product_categories li li li > a, .widget_recent_entries li li li > a { padding-left: 60px; } .widget_meta li li li li > a, .widget_archive li li li li > a, .widget_categories li li li li > a, .widget_nav_menu li li li li > a, .widget_pages li li li li > a, .widget_product_categories li li li li > a, .widget_recent_entries li li li li > a { padding-left: 80px; } .widget_meta ul ul, .widget_archive ul ul, .widget_categories ul ul, .widget_nav_menu ul ul, .widget_pages ul ul, .widget_product_categories ul ul, .widget_recent_entries ul ul { display: none; border-top: 1px solid #eeeeee; } .widget_meta .li-caret, .widget_archive .li-caret, .widget_categories .li-caret, .widget_nav_menu .li-caret, .widget_pages .li-caret, .widget_product_categories .li-caret, .widget_recent_entries .li-caret { position: absolute; right: 0; top: 0; cursor: pointer; font-size: 10px; width: 40px; height: 40px; text-align: center; line-height: 40px; } .widget_meta .li-caret.in:before, .widget_archive .li-caret.in:before, .widget_categories .li-caret.in:before, .widget_nav_menu .li-caret.in:before, .widget_pages .li-caret.in:before, .widget_product_categories .li-caret.in:before, .widget_recent_entries .li-caret.in:before { content: '\f068'; } .widget_meta .current_page_item > a, .widget_archive .current_page_item > a, .widget_categories .current_page_item > a, .widget_nav_menu .current_page_item > a, .widget_pages .current_page_item > a, .widget_product_categories .current_page_item > a, .widget_recent_entries .current_page_item > a, .widget_meta .current-cat > a, .widget_archive .current-cat > a, .widget_categories .current-cat > a, .widget_nav_menu .current-cat > a, .widget_pages .current-cat > a, .widget_product_categories .current-cat > a, .widget_recent_entries .current-cat > a, .widget_meta .current-menu-item > a, .widget_archive .current-menu-item > a, .widget_categories .current-menu-item > a, .widget_nav_menu .current-menu-item > a, .widget_pages .current-menu-item > a, .widget_product_categories .current-menu-item > a, .widget_recent_entries .current-menu-item > a, .widget_meta li > a:hover, .widget_archive li > a:hover, .widget_categories li > a:hover, .widget_nav_menu li > a:hover, .widget_pages li > a:hover, .widget_product_categories li > a:hover, .widget_recent_entries li > a:hover { color: #3ab8bd; } .widget_meta .current_page_item > a + ul + span, .widget_archive .current_page_item > a + ul + span, .widget_categories .current_page_item > a + ul + span, .widget_nav_menu .current_page_item > a + ul + span, .widget_pages .current_page_item > a + ul + span, .widget_product_categories .current_page_item > a + ul + span, .widget_recent_entries .current_page_item > a + ul + span, .widget_meta .current-cat > a + ul + span, .widget_archive .current-cat > a + ul + span, .widget_categories .current-cat > a + ul + span, .widget_nav_menu .current-cat > a + ul + span, .widget_pages .current-cat > a + ul + span, .widget_product_categories .current-cat > a + ul + span, .widget_recent_entries .current-cat > a + ul + span, .widget_meta .current-menu-item > a + ul + span, .widget_archive .current-menu-item > a + ul + span, .widget_categories .current-menu-item > a + ul + span, .widget_nav_menu .current-menu-item > a + ul + span, .widget_pages .current-menu-item > a + ul + span, .widget_product_categories .current-menu-item > a + ul + span, .widget_recent_entries .current-menu-item > a + ul + span, .widget_meta li > a:hover + ul + span, .widget_archive li > a:hover + ul + span, .widget_categories li > a:hover + ul + span, .widget_nav_menu li > a:hover + ul + span, .widget_pages li > a:hover + ul + span, .widget_product_categories li > a:hover + ul + span, .widget_recent_entries li > a:hover + ul + span { color: #3ab8bd; } .widget_meta li > a:hover, .widget_archive li > a:hover, .widget_categories li > a:hover, .widget_nav_menu li > a:hover, .widget_pages li > a:hover, .widget_product_categories li > a:hover, .widget_recent_entries li > a:hover { padding-left: 5px; } .widget_meta li li > a:hover, .widget_archive li li > a:hover, .widget_categories li li > a:hover, .widget_nav_menu li li > a:hover, .widget_pages li li > a:hover, .widget_product_categories li li > a:hover, .widget_recent_entries li li > a:hover { padding-left: 45px; } .widget_meta li li li > a:hover, .widget_archive li li li > a:hover, .widget_categories li li li > a:hover, .widget_nav_menu li li li > a:hover, .widget_pages li li li > a:hover, .widget_product_categories li li li > a:hover, .widget_recent_entries li li li > a:hover { padding-left: 65px; } .widget_meta li li li li > a:hover, .widget_archive li li li li > a:hover, .widget_categories li li li li > a:hover, .widget_nav_menu li li li li > a:hover, .widget_pages li li li li > a:hover, .widget_product_categories li li li li > a:hover, .widget_recent_entries li li li li > a:hover { padding-left: 85px; } .widget_meta .current_page_ancestor > ul, .widget_archive .current_page_ancestor > ul, .widget_categories .current_page_ancestor > ul, .widget_nav_menu .current_page_ancestor > ul, .widget_pages .current_page_ancestor > ul, .widget_product_categories .current_page_ancestor > ul, .widget_recent_entries .current_page_ancestor > ul, .widget_meta .current_page_parent > ul, .widget_archive .current_page_parent > ul, .widget_categories .current_page_parent > ul, .widget_nav_menu .current_page_parent > ul, .widget_pages .current_page_parent > ul, .widget_product_categories .current_page_parent > ul, .widget_recent_entries .current_page_parent > ul, .widget_meta .current-cat-parent > ul, .widget_archive .current-cat-parent > ul, .widget_categories .current-cat-parent > ul, .widget_nav_menu .current-cat-parent > ul, .widget_pages .current-cat-parent > ul, .widget_product_categories .current-cat-parent > ul, .widget_recent_entries .current-cat-parent > ul, .widget_meta .current-cat-ancestor > ul, .widget_archive .current-cat-ancestor > ul, .widget_categories .current-cat-ancestor > ul, .widget_nav_menu .current-cat-ancestor > ul, .widget_pages .current-cat-ancestor > ul, .widget_product_categories .current-cat-ancestor > ul, .widget_recent_entries .current-cat-ancestor > ul { display: block; } .widget_nav_menu.footer-menu li > a { padding-top: 5px; padding-bottom: 5px; } .widget_nav_menu.footer-menu li + li { border: none; } .widget_nav_menu.footer-menu ul ul { border: none; } .widget_recent_comments ul, .widget_rss ul { list-style: none; padding: 0; margin: 0; } .widget_recent_comments li, .widget_rss li { padding: 7px 0; line-height: 25px; } .widget_recent_comments li:before, .widget_rss li:before { content: "\f0da"; font-family: fontawesome; display: inline-block; font: normal normal normal 14px/1 FontAwesome !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 10px; } .widget_recent_comments li + li, .widget_rss li + li { border-top: 1px solid #eeeeee; } /** * Archive dropdown * ---------------------------------------------------------------------------- */ .widget_archive select, .widget_categories select { width: 100%; } .widget_archive .screen-reader-text, .widget_categories .screen-reader-text { display: none; } /** * Calendar * ---------------------------------------------------------------------------- */ .widget_calendar .calendar_wrap caption { color: #333333; text-transform: uppercase; font-weight: bold; font-size: 13px; padding-top: 0; } .widget_calendar #wp-calendar { width: 100%; } .widget_calendar #wp-calendar th { background-color: #eeeeee; } .widget_calendar #wp-calendar tbody td, .widget_calendar #wp-calendar th { border: solid 1px #eeeeee; text-align: center; padding: 8px 0 2px; } .widget_calendar #wp-calendar tfoot td { color: #333333; text-transform: uppercase; font-weight: bold; } .widget_calendar #wp-calendar td#next { text-align: right; } /** * G5Plus:Posts * ---------------------------------------------------------------------------- */ .widget-posts ul { list-style: none; padding: 0; margin: 0; } .widget-posts li + li { margin-top: 20px; padding-top: 20px; border-top: 1px solid #eeeeee; } .widget-posts .entry-thumb-wrap { width: 100px; margin-bottom: 0; float: left; } .widget-posts .entry-thumb-wrap + .entry-content-wrap { padding-left: 110px; } .widget-posts .entry-post-title { font-size: 14px; font-weight: 400; color: #333333; line-height: 1.4; margin: 0; } .widget-posts .entry-thumbnail .zoomGallery { font-size: 12px; width: 30px; height: 30px; line-height: 30px; } .widget-posts .post-video .zoomGallery { font-size: 18px; width: 18px; height: 18px; line-height: 18px; } .widget-posts .owl-carousel > .owl-nav { display: none !important; } .widget-posts .owl-dots > div { margin: 0 2px; } .widget-posts .entry-content-wrap { padding: 0; border: none; } /** * Search * ---------------------------------------------------------------------------- */ .search-form { position: relative; width: 100%; } .search-form .search-field { width: 100%; padding-right: 50px; } .search-form .search-field:focus + .search-submit { color: #3ab8bd; } .search-form .search-submit { position: absolute; width: 45px; height: 45px; right: 0; top: 0; padding: 0; font-size: 16px; background-color: transparent; color: #bababa; border: none; } .search-form .search-submit:hover { color: #3ab8bd; } /** * Tag Clound * ---------------------------------------------------------------------------- */ .tagcloud { font-size: 0; margin-bottom: -5px; } .tagcloud a { display: inline-block; vertical-align: top; font-size: 13px !important; color: #333333; letter-spacing: 0.02em; line-height: 18px; padding: 7px 15px; margin: 0 5px 5px 0; border: solid 2px #ddd; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .tagcloud a:focus, .tagcloud a:hover { background-color: #3ab8bd !important; border-color: #3ab8bd !important; color: #ffffff !important; } /** * Social Profile * ---------------------------------------------------------------------------- */ .widget-social-profile { margin: 0; } ul.widget-social-profiles { list-style: none; padding: 0; margin: 0; display: inline-block; font-size: 0; } ul.widget-social-profiles li { display: inline-block; } ul.widget-social-profiles li + li { margin-left: 20px; } ul.widget-social-profiles i { font-size: 18px; } ul.widget-social-profiles.circle li + li, ul.widget-social-profiles.circle-fill li + li { margin-left: 5px; } ul.widget-social-profiles.circle i, ul.widget-social-profiles.circle-fill i { width: 42px; height: 42px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; 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; } ul.widget-social-profiles.circle i:hover, ul.widget-social-profiles.circle-fill i:hover { background-color: #3ab8bd !important; border-color: #3ab8bd !important; color: #ffffff !important; } ul.widget-social-profiles.circle i { border: 1px solid rgba(226, 226, 226, 0.1); line-height: 40px; } ul.widget-social-profiles.circle-fill i { line-height: 42px; background-color: #f7f7f7; color: #555; } .social-profiles-title { display: inline-block; margin-right: 15px; } /** * Image * ---------------------------------------------------------------------------- */ .g5plus-widget-image { position: relative; } .g5plus-widget-image a { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } /** * Woocommerce Price Filter * ---------------------------------------------------------------------------- */ .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #ededed; height: 6px; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; margin-bottom: 40px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { height: 6px; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; background-color: #3ab8bd; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { height: 18px; width: 18px; -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; background-color: #3ab8bd; top: -6px; } .woocommerce .widget_price_filter .price_label { font-size: 14px; text-transform: uppercase; color: #333333; line-height: 41px; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 13px; padding-top: 8.5px; padding-bottom: 8.5px; background-color: #3ab8bd; color: #ffffff; } .woocommerce .widget_price_filter .price_slider_amount .button:hover { color: #333333; border-color: #3ab8bd; background-color: transparent; } /** * Product * ---------------------------------------------------------------------------- */ .woocommerce ul.product_list_widget li { padding-bottom: 15px; border-bottom: 1px solid #eeeeee; } .woocommerce ul.product_list_widget li + li { margin-top: 15px; } .woocommerce ul.product_list_widget li img { float: left; width: 70px; margin: 0 15px 0 0; } .woocommerce ul.product_list_widget li a { font-family: 'Montserrat'; font-size: 14px; text-transform: uppercase; line-height: 1.8; color: #333333; } .woocommerce ul.product_list_widget li a:hover { color: #3ab8bd !important; } .woocommerce ul.product_list_widget span.amount { display: inline-block; font-size: 16px; color: #3ab8bd; font-family: 'Montserrat'; } .woocommerce ul.product_list_widget span.reviewer { display: inline-block; font-size: 14px; font-weight: 600; color: #8f8f8f; } .woocommerce ul.product_list_widget ins span.amount { text-decoration: none; } .woocommerce ul.product_list_widget del span.amount { margin-right: 5px; text-decoration: line-through; color: #ccc; } .woocommerce ul.product_list_widget del, .woocommerce ul.product_list_widget ins { display: inline-block; } .woocommerce ul.product_list_widget a + span.amount, .woocommerce ul.product_list_widget a + del { margin-top: 5px; } .woocommerce ul.product_list_widget li .star-rating { margin-bottom: 15px; margin-top: 0; } /** * Widget Layered Nav * ---------------------------------------------------------------------------- */ .woocommerce .widget_layered_nav > ul:not(.yith-wcan-label):not(.yith-wcan-color) li a, .woocommerce .widget_layered_nav_filters > ul:not(.yith-wcan-label):not(.yith-wcan-color) li a { color: inherit; } .woocommerce .widget_layered_nav > ul:not(.yith-wcan-label):not(.yith-wcan-color) li, .woocommerce .widget_layered_nav_filters > ul:not(.yith-wcan-label):not(.yith-wcan-color) li { margin: 0; line-height: 20px; font-size: 14px; position: relative; color: #333333; font-family: 'Montserrat'; padding: 10px 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; } .woocommerce .widget_layered_nav > ul:not(.yith-wcan-label):not(.yith-wcan-color) li:before, .woocommerce .widget_layered_nav_filters > ul:not(.yith-wcan-label):not(.yith-wcan-color) li:before { content: "\f0da"; display: inline-block; font: normal normal normal 14px/1 FontAwesome !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 10px; } .woocommerce .widget_layered_nav > ul:not(.yith-wcan-label):not(.yith-wcan-color) li:hover, .woocommerce .widget_layered_nav_filters > ul:not(.yith-wcan-label):not(.yith-wcan-color) li:hover { padding-left: 5px; } .woocommerce .widget_layered_nav > ul:not(.yith-wcan-label):not(.yith-wcan-color) li + li, .woocommerce .widget_layered_nav_filters > ul:not(.yith-wcan-label):not(.yith-wcan-color) li + li { border-top: 1px solid #eeeeee; } .woocommerce .widget_layered_nav .count, .woocommerce .widget_layered_nav_filters .count { font-size: 1em; } /** * yith-woocommerce-ajax-product-filter * ---------------------------------------------------------------------------- */ .woocommerce .widget_layered_nav ul.yith-wcan-color { margin-bottom: -5px; } .woocommerce .widget_layered_nav ul.yith-wcan-color li a { position: relative; width: 34px; height: 34px; border: none; margin: 0 5px 5px 0; } .woocommerce .widget_layered_nav ul.yith-wcan-color li a:hover { border: none; } .woocommerce .widget_layered_nav ul.yith-wcan-color li a:hover:after { font-family: 'FontAwesome'; content: '\f00c'; display: inline-block; color: #fff; position: absolute; margin: 10px 0 0 10px; font-size: 12px; line-height: 1; text-indent: 0; top: 0; left: 0; } .woocommerce .widget_layered_nav ul.yith-wcan-color li.chosen a { border: none; } .woocommerce .widget_layered_nav ul.yith-wcan-color li.chosen a:before { display: none; } .woocommerce .widget_layered_nav ul.yith-wcan-color li.chosen a:after { font-family: 'FontAwesome'; content: '\f00c'; display: inline-block; color: #fff; position: absolute; margin: 10px 0 0 10px; font-size: 12px; line-height: 1; text-indent: 0; top: 0; left: 0; } .woocommerce .widget_layered_nav ul.yith-wcan-label { margin-bottom: -5px; } .woocommerce .widget_layered_nav ul.yith-wcan-label li a { background-color: transparent; font-size: 12px; border: 1px solid #dedede; margin: 0 5px 5px 0; line-height: 20px; padding: 4px 20px; 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; } .woocommerce .widget_layered_nav ul.yith-wcan-label li a:hover { background-color: #3ab8bd; border-color: #3ab8bd; color: #ffffff; } .woocommerce .widget_layered_nav ul.yith-wcan-label li a:before { display: none; } .woocommerce .widget_layered_nav ul.yith-wcan-label li.chosen a { background-color: #3ab8bd; border-color: #3ab8bd; color: #ffffff; } .yit-wcan-select-open { margin: 0; } .yith-wcan-select-wrapper { max-width: 270px; margin: -1px 0 0 0; } /** * widget woocompare * ---------------------------------------------------------------------------- */ .yith-woocompare-widget ul { padding: 0; list-style: none; margin-bottom: 20px; } .yith-woocompare-widget a.button { padding-top: 8.5px !important; padding-bottom: 8.5px !important; } .yith-woocompare-widget ul.products-list a.remove { margin: 0; height: 16px; width: 14px; line-height: 1; font-size: 0; } .yith-woocompare-widget ul.products-list a.remove:hover { background-color: transparent; } .yith-woocompare-widget ul.products-list li { line-height: 20px; padding: 10px 0; border-bottom: 1px solid #eeeeee; } .yith-woocompare-widget ul.products-list li a.title { padding: 0; margin: 0; font-size: 14px; position: relative; color: #333; font-family: 'Montserrat'; } /** * widget_rating_filter * ---------------------------------------------------------------------------- */ .woocommerce .widget_rating_filter ul li { border-bottom: 1px solid #eeeeee; padding: 10px 0; } .woocommerce .widget_rating_filter ul li a { display: block; width: 100%; text-align: right; line-height: 20px; } .woocommerce .widget_rating_filter ul li .star-rating { float: left; } /** * Widget Info Box * ---------------------------------------------------------------------------- */ .widget-info-box ul { padding: 0; margin: 0; list-style: none; } .widget-info-box li + li { padding-top: 10px; } .widget-info-box li > i { float: left; font-size: 20px; text-align: center; width: 20px; line-height: 22px; color: #aaaaaa; } .widget-info-box .if-content { display: block; padding-left: 30px; } .widget-info-box ul.if-vertical .if-content:before { content: ':'; display: inline-block; margin-right: 5px; } .widget-info-box ul.if-horizontal li > i { text-align: left; float: none; display: inline-block; vertical-align: middle; width: auto; margin-right: 10px; font-size: 15px; } .widget-info-box ul.if-horizontal li { display: inline-block; } .widget-info-box ul.if-horizontal .if-content { display: inline-block; padding-left: 0; } .widget-info-box ul.if-horizontal li + li { padding-top: 0; margin-left: 20px; } /** * Primary Sidebar * ---------------------------------------------------------------------------- */ .primary-sidebar .widget:last-child { margin-bottom: 0; } @media (max-width: 991px) { .primary-sidebar { margin-top: 30px; } .sidebar-mobile-canvas-icon { display: block; } .sidebar-mobile-canvas-icon.changed { display: none; } .sidebar-mobile-canvas { margin-top: 0; opacity: 0; position: fixed; left: -300px; top: 0; padding: 30px; width: 300px; box-sizing: border-box; background-color: #fff; z-index: 999999; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .sidebar-mobile-canvas.changed { opacity: 1; left: 0; } .sidebar-mobile-canvas .sidebar-mobile-canvas-icon-close { position: absolute; top: 5px; right: 5px; cursor: pointer; padding: 0 5px; display: block; } .sidebar-mobile-canvas .sidebar-mobile-canvas-icon-close i { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .sidebar-mobile-canvas .sidebar-mobile-canvas-icon-close:hover i { color: red; } .overlay-canvas-sidebar { position: absolute; display: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -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-canvas-sidebar.changed { display: block; z-index: 1000; background-color: rgba(0, 0, 0, 0.6); cursor: url(http://dhamtec.com/wp-content/themes/g5plus-arvo/assets/images/close.png) 15 15, default; } } .no-widget-content { padding: 10px; text-align: center; border: dashed 2px; } .main-footer .no-widget-content { padding: 50px 30px; } .primary-sidebar .no-widget-content { padding: 300px 10px; } /** * 4.0 - Header * ---------------------------------------------------------------------------- */ .top-drawer-wrapper { background-color: #2f2f2f; color: #c5c5c5; line-height: 2em; position: relative; /** * Archive, categories, nav_menu * ---------------------------------------------------------------------------- */ /** * Calendar * ---------------------------------------------------------------------------- */ /** * G5Plus:Posts * ---------------------------------------------------------------------------- */ /** * Tag Clound * ---------------------------------------------------------------------------- */ /** * Product * ---------------------------------------------------------------------------- */ } .top-drawer-wrapper .widget { margin-bottom: 0; } .top-drawer-wrapper .top-drawer-toggle { position: absolute; right: 0; top: 0; background-color: #3ab8bd; border-top: solid 2px rgba(0, 0, 0, 0.2); padding: 7px; color: #fff; font-size: 10px; line-height: 1; cursor: pointer; opacity: 0.7; } .top-drawer-wrapper.in .top-drawer-toggle, .top-drawer-wrapper:hover .top-drawer-toggle { opacity: 1; } .top-drawer-wrapper.in .top-drawer-toggle > i:before { content: "\f068"; } .top-drawer-wrapper .widget-title { color: #c5c5c5; } .top-drawer-wrapper .widget_meta li, .top-drawer-wrapper .widget_archive li, .top-drawer-wrapper .widget_categories li, .top-drawer-wrapper .widget_nav_menu li, .top-drawer-wrapper .widget_pages li, .top-drawer-wrapper .widget_product_categories li, .top-drawer-wrapper .widget_recent_entries li { color: #c5c5c5; } .top-drawer-wrapper .widget_meta li + li, .top-drawer-wrapper .widget_archive li + li, .top-drawer-wrapper .widget_categories li + li, .top-drawer-wrapper .widget_nav_menu li + li, .top-drawer-wrapper .widget_pages li + li, .top-drawer-wrapper .widget_product_categories li + li, .top-drawer-wrapper .widget_recent_entries li + li { border-color: rgba(255, 255, 255, 0.15); } .top-drawer-wrapper .widget_meta ul ul, .top-drawer-wrapper .widget_archive ul ul, .top-drawer-wrapper .widget_categories ul ul, .top-drawer-wrapper .widget_nav_menu ul ul, .top-drawer-wrapper .widget_pages ul ul, .top-drawer-wrapper .widget_product_categories ul ul, .top-drawer-wrapper .widget_recent_entries ul ul { border-color: rgba(255, 255, 255, 0.15); } .top-drawer-wrapper .widget_recent_comments li + li, .top-drawer-wrapper .widget_rss li + li { border-color: rgba(255, 255, 255, 0.15); } .top-drawer-wrapper .widget_calendar .calendar_wrap caption { color: #ffffff; } .top-drawer-wrapper .widget_calendar #wp-calendar { width: 100%; } .top-drawer-wrapper .widget_calendar #wp-calendar th { background-color: rgba(255, 255, 255, 0.15); } .top-drawer-wrapper .widget_calendar #wp-calendar tbody td, .top-drawer-wrapper .widget_calendar #wp-calendar th { border-color: rgba(255, 255, 255, 0.15); } .top-drawer-wrapper .widget_calendar #wp-calendar tfoot td { color: #c5c5c5; } .top-drawer-wrapper .widget-posts li + li { border-color: rgba(255, 255, 255, 0.15); } .top-drawer-wrapper .widget-posts .entry-post-title { color: #ffffff; } .top-drawer-wrapper .tagcloud a { color: #c5c5c5; border-color: rgba(255, 255, 255, 0.15); } .top-drawer-wrapper .woocommerce ul.product_list_widget li { border-color: rgba(255, 255, 255, 0.15); } .top-drawer-wrapper .woocommerce ul.product_list_widget li a { color: #ffffff; } .top-drawer-wrapper .woocommerce ul.product_list_widget span.reviewer { color: #ffffff; } .top-drawer-wrapper ul.widget-social-profiles i { font-size: 12px; } .top-drawer-wrapper .widget-info-box li > i { color: #ffffff; } .top-drawer-inner { padding-top: 10px; padding-bottom: 10px; } .top-drawer-type-toggle .top-drawer-inner { display: none; } @media screen and (max-width: 1199px) { .top-drawer-mobile-invisible { display: none; } } .shopping-cart-icon { line-height: 1; font-size: 16px; font-weight: 500; text-transform: uppercase; border-top: solid 7px transparent; border-bottom: solid 7px transparent; } .shopping-cart-icon .subtotal-info-wrapper { display: inline-block; } .shopping-cart-icon > .icon { position: relative; display: inline-block; vertical-align: middle; padding: 5px 10px 5px 0; } .shopping-cart-icon > .icon i:before { content: '\f07a'; font-family: "FontAwesome"; font-style: normal; font-weight: 400; } .shopping-cart-icon > .icon span { position: absolute; margin: auto; top: -10px; right: 0; width: 18px; height: 18px; text-align: center; line-height: 18px; background-color: #3ab8bd; color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 11px; font-weight: 400; padding-right: 1px; } .shopping-cart-list { display: block; visibility: hidden; opacity: 0; margin-top: 15px; position: absolute; top: 100%; right: 0; z-index: 999; background: #fff; color: #212121; padding: 20px 0; width: 320px; line-height: 1.6; -webkit-box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.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); } .shopping-cart-list li a { color: inherit; } .shopping-cart-list li a:hover { color: #3ab8bd; } .shopping-cart-list ul.cart_list { list-style: none; margin: 0; max-height: 256px; overflow: hidden; position: relative; padding: 0 20px; } .shopping-cart-list ul.cart_list li img { width: 60px; } .shopping-cart-list ul.cart_list li { border-bottom: none; padding: 0; } .shopping-cart-list ul.cart_list li + li { border-top: solid 1px #eeeeee; padding-top: 15px; } .shopping-cart-list p.total { border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; padding: 15px 0; margin: 20px; } .shopping-cart-list ul.cart_list li:last-child { margin-bottom: 15px; } .shopping-cart-list ul.cart_list li.empty { border-bottom: none; padding: 0; margin: 0; font-size: 16px; text-align: center; } .shopping-cart-list li.mini_cart_item a.remove { position: absolute; right: 20px; font-size: 0; color: #212121 !important; } .shopping-cart-list li.mini_cart_item a.remove:before { content: '\f00d'; font-family: 'fontawesome'; font-size: 13px; } .shopping-cart-list li.mini_cart_item a.remove:hover { color: #3ab8bd !important; } .shopping-cart-list span.quantity { margin-top: 5px; display: block; } .shopping-cart-list p.buttons { margin: 0; text-align: center; } .widget_shopping_cart_content { position: relative; text-align: left; } .widget_shopping_cart_content:hover .shopping-cart-list { 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); } nav.canvas-menu-wrapper { background-color: #222222; color: #bbbbbb; position: fixed; z-index: 999; top: 0; left: 100%; bottom: 0; width: 350px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); overflow: hidden; padding: 100px 50px 50px 50px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; /** * Archive, categories, nav_menu * ---------------------------------------------------------------------------- */ /** * Calendar * ---------------------------------------------------------------------------- */ /** * G5Plus:Posts * ---------------------------------------------------------------------------- */ /** * Tag Clound * ---------------------------------------------------------------------------- */ /** * Product * ---------------------------------------------------------------------------- */ } nav.canvas-menu-wrapper.in { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } nav.canvas-menu-wrapper .canvas-menu-close { position: absolute; top: 10px; right: 10px; font-size: 60px; cursor: pointer; color: #666; } nav.canvas-menu-wrapper .widget-title { color: #3ab8bd; font-size: 14px; font-weight: 400; margin-bottom: 40px; text-transform: uppercase; letter-spacing: 0.1em; } nav.canvas-menu-wrapper .widget-title:after { display: none; } nav.canvas-menu-wrapper .widget_meta li, nav.canvas-menu-wrapper .widget_archive li, nav.canvas-menu-wrapper .widget_categories li, nav.canvas-menu-wrapper .widget_nav_menu li, nav.canvas-menu-wrapper .widget_pages li, nav.canvas-menu-wrapper .widget_product_categories li, nav.canvas-menu-wrapper .widget_recent_entries li { color: #bbbbbb; } nav.canvas-menu-wrapper .widget_meta li + li, nav.canvas-menu-wrapper .widget_archive li + li, nav.canvas-menu-wrapper .widget_categories li + li, nav.canvas-menu-wrapper .widget_nav_menu li + li, nav.canvas-menu-wrapper .widget_pages li + li, nav.canvas-menu-wrapper .widget_product_categories li + li, nav.canvas-menu-wrapper .widget_recent_entries li + li { border-color: rgba(238, 238, 238, 0.1); } nav.canvas-menu-wrapper .widget_meta ul ul, nav.canvas-menu-wrapper .widget_archive ul ul, nav.canvas-menu-wrapper .widget_categories ul ul, nav.canvas-menu-wrapper .widget_nav_menu ul ul, nav.canvas-menu-wrapper .widget_pages ul ul, nav.canvas-menu-wrapper .widget_product_categories ul ul, nav.canvas-menu-wrapper .widget_recent_entries ul ul { border-color: rgba(238, 238, 238, 0.1); } nav.canvas-menu-wrapper .widget_recent_comments li + li, nav.canvas-menu-wrapper .widget_rss li + li { border-color: rgba(238, 238, 238, 0.1); } nav.canvas-menu-wrapper .widget_calendar .calendar_wrap caption { color: #bbbbbb; } nav.canvas-menu-wrapper .widget_calendar #wp-calendar { width: 100%; } nav.canvas-menu-wrapper .widget_calendar #wp-calendar th { background-color: rgba(238, 238, 238, 0.1); } nav.canvas-menu-wrapper .widget_calendar #wp-calendar tbody td, nav.canvas-menu-wrapper .widget_calendar #wp-calendar th { border-color: rgba(238, 238, 238, 0.1); } nav.canvas-menu-wrapper .widget_calendar #wp-calendar tfoot td { color: #bbbbbb; } nav.canvas-menu-wrapper .widget-posts li + li { border-color: rgba(238, 238, 238, 0.1); } nav.canvas-menu-wrapper .widget-posts .entry-post-title { color: #ffffff; } nav.canvas-menu-wrapper .tagcloud a { color: #bbbbbb; border-color: rgba(238, 238, 238, 0.1); } nav.canvas-menu-wrapper .woocommerce ul.product_list_widget li { border-color: rgba(238, 238, 238, 0.1); } nav.canvas-menu-wrapper .woocommerce ul.product_list_widget li a { color: #ffffff; } nav.canvas-menu-wrapper .woocommerce ul.product_list_widget span.reviewer { color: #ffffff; } nav.canvas-menu-wrapper .widget-info-box li > i { color: #ffffff; } body.admin-bar nav.canvas-menu-wrapper { top: 32px; } .bar-left { text-align: left; } .bar-left .menu ul { left: 100%; right: auto; } .bar-left .menu li > ul { left: 0; } .bar-right { text-align: right; } .bar-right .widget { text-align: left; } .bar-wrapper .bottom-bar-inner .widget, .bar-wrapper .top-bar-inner .widget { display: inline-block; margin-bottom: 0; position: relative; } .bar-wrapper .bottom-bar-inner .widget + .widget, .bar-wrapper .top-bar-inner .widget + .widget { margin-left: 40px; } .bar-wrapper .menu { margin-top: 0; } .bar-wrapper .menu li { position: relative; font-size: 12px; color: inherit; border: none; } .bar-wrapper .menu li:hover > ul { display: block; } .bar-wrapper .menu > li { display: inline-block; line-height: 30px; border: none; } .bar-wrapper .menu > li + li { margin-left: 30px; border: none; } .bar-wrapper .menu > li > ul { right: 0; } .bar-wrapper .menu > li:hover ul { -webkit-transform: translateY(0); max-height: 1000px; visibility: visible; opacity: 1; } .bar-wrapper .menu > li > a { padding: 0; } .bar-wrapper .menu > li > a:before { display: none; } .bar-wrapper .menu > li .li-caret { display: none; } .bar-wrapper .menu ul { display: none; text-align: left; padding: 10px 15px; left: auto; right: 100%; min-width: 180px; background-color: #fff; color: #212121; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); position: absolute; z-index: 9999; } .bar-wrapper .menu ul a { padding: 5px 0; } .bar-wrapper .menu ul a:hover { color: #3ab8bd !important; } .bar-wrapper .menu li li li li > a:hover, .bar-wrapper .menu li li li > a:hover, .bar-wrapper .menu li li > a:hover, .bar-wrapper .menu li > a:hover { padding-left: 0; } .bar-wrapper.text-center .bar-left, .bar-wrapper.text-center .bar-right { text-align: center; } .top-bar-wrapper a:hover { color: #3ab8bd; } .top-bar-wrapper { line-height: 30px; font-size: 12px; background-color: #222222; color: #ffffff; /** * Archive, categories, nav_menu * ---------------------------------------------------------------------------- */ /** * Calendar * ---------------------------------------------------------------------------- */ /** * G5Plus:Posts * ---------------------------------------------------------------------------- */ /** * Tag Clound * ---------------------------------------------------------------------------- */ /** * Product * ---------------------------------------------------------------------------- */ } .top-bar-wrapper a { color: inherit; } .top-bar-wrapper.full-border { border-bottom: solid 1px #333333; } .top-bar-wrapper.container-border .top-bar-inner { border-bottom: solid 1px #333333; } .top-bar-wrapper .menu li > a:hover { color: #ffffff; } .top-bar-wrapper .widget-title { color: #ffffff; } .top-bar-wrapper .widget_meta li, .top-bar-wrapper .widget_archive li, .top-bar-wrapper .widget_categories li, .top-bar-wrapper .widget_nav_menu li, .top-bar-wrapper .widget_pages li, .top-bar-wrapper .widget_product_categories li, .top-bar-wrapper .widget_recent_entries li { color: #ffffff; } .top-bar-wrapper .widget_meta li + li, .top-bar-wrapper .widget_archive li + li, .top-bar-wrapper .widget_categories li + li, .top-bar-wrapper .widget_nav_menu li + li, .top-bar-wrapper .widget_pages li + li, .top-bar-wrapper .widget_product_categories li + li, .top-bar-wrapper .widget_recent_entries li + li { border-color: #333333; } .top-bar-wrapper .widget_meta ul ul, .top-bar-wrapper .widget_archive ul ul, .top-bar-wrapper .widget_categories ul ul, .top-bar-wrapper .widget_nav_menu ul ul, .top-bar-wrapper .widget_pages ul ul, .top-bar-wrapper .widget_product_categories ul ul, .top-bar-wrapper .widget_recent_entries ul ul { border-color: #333333; } .top-bar-wrapper .widget_recent_comments li + li, .top-bar-wrapper .widget_rss li + li { border-color: #333333; } .top-bar-wrapper .widget_calendar .calendar_wrap caption { color: #ffffff; } .top-bar-wrapper .widget_calendar #wp-calendar { width: 100%; } .top-bar-wrapper .widget_calendar #wp-calendar th { background-color: #333333; } .top-bar-wrapper .widget_calendar #wp-calendar tbody td, .top-bar-wrapper .widget_calendar #wp-calendar th { border-color: #333333; } .top-bar-wrapper .widget_calendar #wp-calendar tfoot td { color: #ffffff; } .top-bar-wrapper .widget-posts li + li { border-color: #333333; } .top-bar-wrapper .widget-posts .entry-post-title { color: #ffffff; } .top-bar-wrapper .tagcloud a { color: #ffffff; border-color: #333333; } .top-bar-wrapper .woocommerce ul.product_list_widget li { border-color: #333333; } .top-bar-wrapper .woocommerce ul.product_list_widget li a { color: #ffffff; } .top-bar-wrapper .woocommerce ul.product_list_widget span.reviewer { color: #ffffff; } .top-bar-wrapper ul.widget-social-profiles i { font-size: 12px; } .top-bar-wrapper .widget-info-box li > i { color: #ffffff; } .top-bar-inner { padding-top: 7px; padding-bottom: 7px; } @media screen and (min-width: 1200px) { header.header-mobile { display: none; height: 0; } .main-header { background-color: #ffffff; color: #212121; } .header-wrapper .container-inner { position: relative; } .header-above-inner { padding-top: 0px; padding-bottom: 0px; } .logo-header { float: left; height: 90px; font-size: 0; position: relative; } .logo-header:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .logo-header img { max-height: 90px; padding-top: 10px; padding-bottom: 10px; position: relative; z-index: 1; } .logo-sticky { display: none; } .header-row > .container, .header-wrapper > .container { position: relative; } .float-header { position: absolute; z-index: 999; left: 0; right: 0; } .float-header-none { position: relative; background-color: #222; color: #fff; } .primary-menu { float: right; } .header-nav-wrapper { background-color: #f1bb28; color: #858585; } .header-customize-wrapper .header-customize-item:first-child { margin-left: 60px; } .header-customize-nav { display: inline-block; vertical-align: middle; line-height: 90px; color: #bbbbbb; } .header-customize-nav .header-customize-item { margin-left: 20px; } .header-customize-nav a { color: #bbbbbb; -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-customize-nav a:hover { color: #3ab8bd; } .header-customize-nav i { font-size: 16px; } .header-customize-nav .shopping-cart-icon { border-top: none; border-bottom: none; } .header-customize-nav .shopping-cart-icon .subtotal-info-wrapper { display: none; } .header-customize-item { display: inline-block; vertical-align: middle; line-height: 1; max-width: 100%; } .header-customize-item.item-search .search-form { width: 240px; } .header-customize-item.item-search .search-field { font-size: 14px; } .header-wrapper.full-border, .header-wrapper.container-border .container-inner { border-bottom: solid 1px #eeeeee; } .header-above-wrapper.full-border, .header-above-wrapper.container-border .header-above-inner { border-bottom: solid 1px #eeeeee; } .header-float { position: absolute; z-index: 999; left: 0; right: 0; } .header-float input[type="text"], .header-float input[type="search"], .header-float input[type="email"], .header-float input[type="url"], .header-float input[type="password"], .header-float input[type="tel"], .header-float textarea, .header-float select { color: #212121; } .header-float input[type="text"]::-webkit-input-placeholder, .header-float input[type="search"]::-webkit-input-placeholder, .header-float input[type="email"]::-webkit-input-placeholder, .header-float input[type="url"]::-webkit-input-placeholder, .header-float input[type="password"]::-webkit-input-placeholder, .header-float input[type="tel"]::-webkit-input-placeholder, .header-float textarea::-webkit-input-placeholder, .header-float select::-webkit-input-placeholder { color: #212121; } .header-float input[type="text"]:-moz-placeholder, .header-float input[type="search"]:-moz-placeholder, .header-float input[type="email"]:-moz-placeholder, .header-float input[type="url"]:-moz-placeholder, .header-float input[type="password"]:-moz-placeholder, .header-float input[type="tel"]:-moz-placeholder, .header-float textarea:-moz-placeholder, .header-float select:-moz-placeholder { color: #212121; } .header-float input[type="text"]::-moz-placeholder, .header-float input[type="search"]::-moz-placeholder, .header-float input[type="email"]::-moz-placeholder, .header-float input[type="url"]::-moz-placeholder, .header-float input[type="password"]::-moz-placeholder, .header-float input[type="tel"]::-moz-placeholder, .header-float textarea::-moz-placeholder, .header-float select::-moz-placeholder { color: #212121; } .header-float input[type="text"]:-ms-input-placeholder, .header-float input[type="search"]:-ms-input-placeholder, .header-float input[type="email"]:-ms-input-placeholder, .header-float input[type="url"]:-ms-input-placeholder, .header-float input[type="password"]:-ms-input-placeholder, .header-float input[type="tel"]:-ms-input-placeholder, .header-float textarea:-ms-input-placeholder, .header-float select:-ms-input-placeholder { color: #212121; } .is-sticky .logo-header { height: 55px; } .is-sticky .x-nav-menu > .x-menu-item > .x-menu-a-text { padding-top: 15.5px; padding-bottom: 15.5px; } .is-sticky .header-customize-nav { line-height: 55px; } .is-sticky .logo-header img { max-height: 55px; padding-top: 10px; padding-bottom: 10px; } .is-sticky .logo-sticky { display: initial; } .is-sticky .has-logo-sticky .no-sticky { display: none; } .header-nav-hidden nav.primary-menu > .x-nav-menu { opacity: 0; visibility: hidden; -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-nav-hidden.in nav.primary-menu > .x-nav-menu { opacity: 1; visibility: visible; } .header-nav-hidden.in .menu-switch > i:before { content: "\f00d"; } .header-3 .logo-header { float: none; } .header-3 .header-nav-float { position: absolute; z-index: 99; margin-top: 30px; left: 0; right: 0; background-color: transparent; } .header-3 nav.primary-menu { background-color: #ffffff; float: none; text-align: center; } .header-3 .is-sticky .header-nav-wrapper { background-color: #ffffff; } .header-5 .primary-menu { float: none; text-align: center; position: absolute; left: 0; right: 0; } .header-5 .header-customize-nav { float: right; } body.header-is-left { padding-left: 240px; } body.admin-bar header.header-left { top: 32px; } header.header-left { position: fixed; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -o-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); top: 0; left: 0; bottom: 0; z-index: 999; width: 240px; background-color: #ffffff; } header.header-left .header-above-wrapper { margin-bottom: 50px; } header.header-left .logo-header { float: none; text-align: center; background-color: #ffffff; } header.header-left .ps-scrollbar-y-rail { right: 0; } header.header-left .header-customize-nav { display: block; border-top: 1px solid rgba(238, 238, 238, 0.1); height: 80px; } header.header-left .header-customize-nav .header-customize-item { width: 50%; text-align: center; border-left: 1px solid rgba(238, 238, 238, 0.1); margin: 0; height: 100%; float: left; position: relative; } header.header-left .header-customize-nav .header-customize-item.item-custom-text, header.header-left .header-customize-nav .header-customize-item.items-canvas-menu, header.header-left .header-customize-nav .header-customize-item.item-search { line-height: 80px; } header.header-left .header-customize-nav .header-customize-item.item-shopping-cart .widget_shopping_cart_content { position: absolute; top: 50%; left: 50%; margin-top: -10px; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); } header.header-left .shopping-cart-list { display: none; } header.header-left .primary-menu { float: none; position: relative; } 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(238, 238, 238, 0.1); } header.header-left .x-nav-menu .x-menu-item { display: block; margin: 0; border-top: solid 1px rgba(238, 238, 238, 0.1); background-color: transparent; padding: 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; } header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text { color: inherit; line-height: 20px; font-size: 13px; padding: 12px 20px 12px 30px; display: block; margin: 0; position: relative; } header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text:before, header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text:after { content: "\e684"; margin-left: -10px; font-family: 'Pe-icon-7-stroke'; font-size: 16px; font-weight: 400; vertical-align: top; opacity: 0; visibility: hidden; } header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text:before, header.header-left .x-nav-menu .x-menu-item > 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 { -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 { opacity: 1; visibility: visible; margin-left: 0; } header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text b.x-caret { position: absolute; right: 20px; display: inline-block; } header.header-left .x-nav-menu .x-menu-item > a.x-menu-a-text b.x-caret:before { content: '\e684'; } header.header-left .x-sub-menu-open > a b.x-caret { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } header.header-left .x-sub-menu { background-color: rgba(255, 255, 255, 0.05); background-image: none !important; display: none; position: static !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; z-index: 0; height: auto !important; width: auto !important; 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 { text-transform: none; } header.header-left .x-sub-menu .x-menu-a-text > span { font-style: italic; } 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 #ffffff; z-index: 1; margin: 0; right: auto; left: auto; } header.header-left .x-col { float: none !important; width: auto !important; } header.header-left .x-sub-menu-multi-column > .x-menu-item, header.header-left .x-sub-menu-standard > .x-menu-item { padding-left: 0; padding-right: 0; } header.header-left .x-sub-menu-standard > .x-menu-item + .x-menu-item > .x-menu-a-text { border-top: none; } header.header-left .x-sub-menu-standard .x-sub-menu { margin-left: 0; margin-right: 0; } header.header-left .x-sub-menu-tab > li.x-menu-active > a.x-menu-a-text:after { display: none; } header.header-left .x-sub-menu-tab > li > ul.x-sub-menu { padding: 0; } body.flat { padding-top: 30px; } body.flat .is-sticky .sticky-region, body.flat .float-header { left: 30px; right: 30px; } } @media (min-width: 1370px) { .header-wrapper .container-fluid { padding-left: 100px; padding-right: 100px; } } .is-sticky .sticky-region { /*position: fixed;*/ position: fixed; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -o-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; right: 0; z-index: 999; -webkit-box-shadow: 1px 0 3px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 0 3px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 0 3px 2px rgba(0, 0, 0, 0.1); margin: auto; } body:not(.header-is-float) .is-sticky { height: 55px; } .header-sticky-fix-style .is-sticky .sticky-region { background-color: rgba(0, 0, 0, 0.9); } .header-sticky-fix-style .is-sticky .sticky-region .x-nav-menu > .x-menu-item > .x-menu-a-text { color: #FFF; } body.boxed .is-sticky .sticky-region { max-width: 1200px; width: 100%; } header.main-header .textwidget > span i, header.header-mobile .textwidget > span i { font-size: 13px; margin-right: 5px; } @media screen and (max-width: 1199px) { header.main-header { display: none; } header.header-mobile { display: block; height: auto; } .top-bar-wrapper { background-color: #ffffff !important; color: #444444 !important; /** * Archive, categories, nav_menu * ---------------------------------------------------------------------------- */ /** * Calendar * ---------------------------------------------------------------------------- */ /** * G5Plus:Posts * ---------------------------------------------------------------------------- */ /** * Tag Clound * ---------------------------------------------------------------------------- */ /** * Product * ---------------------------------------------------------------------------- */ } .top-bar-wrapper.full-border { border-bottom: solid 1px #eeeeee !important; } .top-bar-wrapper.container-border .top-bar-inner { border-bottom: solid 1px #eeeeee !important; } .top-bar-wrapper .widget + .widget:before, .top-bar-wrapper .menu > li + li:before { border-left: solid 1px; border-color: #eeeeee; } .top-bar-wrapper .widget-title { color: #444444; } .top-bar-wrapper .widget_meta li, .top-bar-wrapper .widget_archive li, .top-bar-wrapper .widget_categories li, .top-bar-wrapper .widget_nav_menu li, .top-bar-wrapper .widget_pages li, .top-bar-wrapper .widget_product_categories li, .top-bar-wrapper .widget_recent_entries li { color: #444444; } .top-bar-wrapper .widget_meta li + li, .top-bar-wrapper .widget_archive li + li, .top-bar-wrapper .widget_categories li + li, .top-bar-wrapper .widget_nav_menu li + li, .top-bar-wrapper .widget_pages li + li, .top-bar-wrapper .widget_product_categories li + li, .top-bar-wrapper .widget_recent_entries li + li { border-color: #eeeeee; } .top-bar-wrapper .widget_meta ul ul, .top-bar-wrapper .widget_archive ul ul, .top-bar-wrapper .widget_categories ul ul, .top-bar-wrapper .widget_nav_menu ul ul, .top-bar-wrapper .widget_pages ul ul, .top-bar-wrapper .widget_product_categories ul ul, .top-bar-wrapper .widget_recent_entries ul ul { border-color: #eeeeee; } .top-bar-wrapper .widget_recent_comments li + li, .top-bar-wrapper .widget_rss li + li { border-color: #eeeeee; } .top-bar-wrapper .widget_calendar .calendar_wrap caption { color: #898989; } .top-bar-wrapper .widget_calendar #wp-calendar { width: 100%; } .top-bar-wrapper .widget_calendar #wp-calendar th { background-color: #eeeeee; } .top-bar-wrapper .widget_calendar #wp-calendar tbody td, .top-bar-wrapper .widget_calendar #wp-calendar th { border-color: #eeeeee; } .top-bar-wrapper .widget_calendar #wp-calendar tfoot td { color: #444444; } .top-bar-wrapper .widget-posts li + li { border-color: #eeeeee; } .top-bar-wrapper .widget-posts .entry-post-title { color: #898989; } .top-bar-wrapper .tagcloud a { color: #444444; border-color: #eeeeee; } .top-bar-wrapper .woocommerce ul.product_list_widget li { border-color: #eeeeee; } .top-bar-wrapper .woocommerce ul.product_list_widget li a { color: #898989; } .top-bar-wrapper .woocommerce ul.product_list_widget span.reviewer { color: #898989; } .top-bar-wrapper ul.widget-social-profiles i { font-size: 12px; } .top-bar-wrapper .widget-info-box li > i { color: #898989; } .top-bar-inner { padding-top: 0px !important; padding-bottom: 0px !important; } .header-mobile-inner { background-color: #f1bb28 !important; color: #444444 !important; } .header-mobile-inner a { color: #444444; } .header-mobile-inner a:hover { color: #3ab8bd; } .header-mobile-inner .toggle-icon-wrapper .toggle-icon:after, .header-mobile-inner .toggle-icon-wrapper .toggle-icon:before, .header-mobile-inner .toggle-icon-wrapper .toggle-icon > span { background-color: #444444 !important; } .header-mobile-container-inner { position: relative; } .header-mobile-container-inner > div { line-height: 80px !important; } .toggle-mobile-menu { float: left; } .logo-mobile-wrapper, .item-shopping-cart, .mobile-search-button, .shopping-cart-icon { display: inline-block; } .shopping-cart-list { margin-top: 0; } .item-shopping-cart .subtotal-info-wrapper { display: none; } .item-shopping-cart, .mobile-search-button { float: right; } .item-shopping-cart + .mobile-search-button { margin-right: 20px; } .mobile-search-button { font-size: 20px; position: relative; z-index: 1; } .logo-mobile-wrapper { position: absolute; padding-left: 50px; padding-right: 50px; left: 0; right: 0; text-align: center; } .nav-menu-mobile { display: none; padding-left: 20px; padding-right: 20px; } .menu-drop-fly .search-form { padding: 20px; position: relative; background-color: #111; margin-top: 0; } .menu-drop-fly .search-form input { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-color: #333; background-color: #333; } .menu-drop-fly .search-form button { position: absolute; right: 20px; top: 20px; padding-left: 12px; padding-right: 12px; border-radius: 0; } .menu-drop-dropdown li li a.x-menu-a-text { padding-left: 20px; } .menu-drop-dropdown li li li a.x-menu-a-text { padding-left: 40px; } .menu-drop-dropdown li li li li a.x-menu-a-text { padding-left: 60px; } .both-mobile-icon .logo-mobile-wrapper { padding-right: 90px; } .header-mobile-2 .toggle-icon-wrapper { float: right; margin-left: 10px; } .header-mobile-2 .logo-mobile-wrapper { text-align: left; padding-left: 0; padding-right: 90px; } .header-mobile-2 .both-mobile-icon .logo-mobile-wrapper { padding-right: 130px; } .header-mobile-2 .mobile-search-button { margin-right: 10px; } .header-mobile-2 .item-shopping-cart + .mobile-search-button { margin-right: 20px; } .header-mobile-3 .toggle-icon-wrapper { margin-right: 20px; } .header-mobile-3 .item-shopping-cart, .header-mobile-3 .mobile-search-button { float: left; } .header-mobile-3 .logo-mobile-wrapper { text-align: right; padding-left: 90px; padding-right: 0; } .header-mobile-3 .both-mobile-icon .logo-mobile-wrapper { padding-left: 130px; } .header-mobile-3 .item-shopping-cart + .mobile-search-button { margin-left: 10px; } .header-mobile-4 .both-mobile-icon .logo-mobile-wrapper { padding-right: 50px; } .is-sticky { height: 60px; } .is-sticky .header-mobile-container-inner > div { line-height: 60px !important; } .is-sticky .header-mobile-nav.menu-drop-dropdown { max-height: 400px; overflow-y: auto; overflow-x: hidden; background: #fff; } } @media screen and (max-width: 480px) { #search_popup_wrapper .dialog-inner { padding-left: 20px; padding-right: 20px; } #search_popup_wrapper form { padding-right: 0; } #search_popup_wrapper button { position: static; margin-top: 10px; width: 100%; } } /** * 5.0 - Footer * ---------------------------------------------------------------------------- */ .main-footer-wrapper .widget { margin-bottom: 30px; } .main-footer-wrapper .sidebar .widget:last-of-type { margin-bottom: 0; } .main-footer-wrapper .widget-title { color: #ffffff; font-size: 25px; margin-bottom: 40px; } .main-footer-wrapper .widget-title:after { margin-top: 21px; } .main-footer { position: relative; color: #858585; /** * Archive, categories, nav_menu * ---------------------------------------------------------------------------- */ /** * Calendar * ---------------------------------------------------------------------------- */ /** * G5Plus:Posts * ---------------------------------------------------------------------------- */ /** * Tag Clound * ---------------------------------------------------------------------------- */ /** * Product * ---------------------------------------------------------------------------- */ } .main-footer:before { content: ''; display: block; position: absolute; z-index: 0; background-color: #222222; top: 0; left: 0; width: 100%; height: 100%; } .main-footer.full-border, .main-footer.container-border .footer-inner { border-top: solid 1px #373737; } .main-footer .widget_meta li, .main-footer .widget_archive li, .main-footer .widget_categories li, .main-footer .widget_nav_menu li, .main-footer .widget_pages li, .main-footer .widget_product_categories li, .main-footer .widget_recent_entries li { color: #858585; } .main-footer .widget_meta li + li, .main-footer .widget_archive li + li, .main-footer .widget_categories li + li, .main-footer .widget_nav_menu li + li, .main-footer .widget_pages li + li, .main-footer .widget_product_categories li + li, .main-footer .widget_recent_entries li + li { border-color: #373737; } .main-footer .widget_meta ul ul, .main-footer .widget_archive ul ul, .main-footer .widget_categories ul ul, .main-footer .widget_nav_menu ul ul, .main-footer .widget_pages ul ul, .main-footer .widget_product_categories ul ul, .main-footer .widget_recent_entries ul ul { border-color: #373737; } .main-footer .widget_recent_comments li + li, .main-footer .widget_rss li + li { border-color: #373737; } .main-footer .widget_calendar .calendar_wrap caption { color: #858585; } .main-footer .widget_calendar #wp-calendar { width: 100%; } .main-footer .widget_calendar #wp-calendar th { background-color: #373737; } .main-footer .widget_calendar #wp-calendar tbody td, .main-footer .widget_calendar #wp-calendar th { border-color: #373737; } .main-footer .widget_calendar #wp-calendar tfoot td { color: #858585; } .main-footer .widget-posts li + li { border-color: #373737; } .main-footer .widget-posts .entry-post-title { color: #cacaca; } .main-footer .tagcloud a { color: #858585; border-color: #373737; } .main-footer .woocommerce ul.product_list_widget li { border-color: #373737; } .main-footer .woocommerce ul.product_list_widget li a { color: #cacaca; } .main-footer .woocommerce ul.product_list_widget span.reviewer { color: #cacaca; } .main-footer .widget-info-box li > i { color: #cacaca; } .footer-inner { padding-top: 90px; padding-bottom: 90px; } @media (max-width: 991px) { .main-footer .sidebar + .sidebar { margin-top: 30px; } } @media (min-width: 1370px) { .main-footer-wrapper .container-fluid { padding-left: 100px; padding-right: 100px; } } /** * Bottom Bar * ---------------------------------------------------------------------------- */ .bottom-bar-wrapper { background-color: #333333; color: #777777; /** * Archive, categories, nav_menu * ---------------------------------------------------------------------------- */ /** * Calendar * ---------------------------------------------------------------------------- */ /** * G5Plus:Posts * ---------------------------------------------------------------------------- */ /** * Tag Clound * ---------------------------------------------------------------------------- */ /** * Product * ---------------------------------------------------------------------------- */ } .bottom-bar-wrapper.full-border, .bottom-bar-wrapper.container-border .bottom-bar-inner { border-top: solid 1px #454545; } .bottom-bar-wrapper .widget + .widget { margin-left: 10px; } .bottom-bar-wrapper .widget_text strong, .bottom-bar-wrapper .menu li > a:hover { color: #bcbcbc; } .bottom-bar-wrapper .widget_meta li, .bottom-bar-wrapper .widget_archive li, .bottom-bar-wrapper .widget_categories li, .bottom-bar-wrapper .widget_nav_menu li, .bottom-bar-wrapper .widget_pages li, .bottom-bar-wrapper .widget_product_categories li, .bottom-bar-wrapper .widget_recent_entries li { color: #777777; } .bottom-bar-wrapper .widget_meta li + li, .bottom-bar-wrapper .widget_archive li + li, .bottom-bar-wrapper .widget_categories li + li, .bottom-bar-wrapper .widget_nav_menu li + li, .bottom-bar-wrapper .widget_pages li + li, .bottom-bar-wrapper .widget_product_categories li + li, .bottom-bar-wrapper .widget_recent_entries li + li { border-color: #454545; } .bottom-bar-wrapper .widget_meta ul ul, .bottom-bar-wrapper .widget_archive ul ul, .bottom-bar-wrapper .widget_categories ul ul, .bottom-bar-wrapper .widget_nav_menu ul ul, .bottom-bar-wrapper .widget_pages ul ul, .bottom-bar-wrapper .widget_product_categories ul ul, .bottom-bar-wrapper .widget_recent_entries ul ul { border-color: #454545; } .bottom-bar-wrapper .widget_recent_comments li + li, .bottom-bar-wrapper .widget_rss li + li { border-color: #454545; } .bottom-bar-wrapper .widget_calendar .calendar_wrap caption { color: #bcbcbc; } .bottom-bar-wrapper .widget_calendar #wp-calendar { width: 100%; } .bottom-bar-wrapper .widget_calendar #wp-calendar th { background-color: #454545; } .bottom-bar-wrapper .widget_calendar #wp-calendar tbody td, .bottom-bar-wrapper .widget_calendar #wp-calendar th { border-color: #454545; } .bottom-bar-wrapper .widget_calendar #wp-calendar tfoot td { color: #777777; } .bottom-bar-wrapper .widget-posts li + li { border-color: #454545; } .bottom-bar-wrapper .widget-posts .entry-post-title { color: #bcbcbc; } .bottom-bar-wrapper .tagcloud a { color: #777777; border-color: #454545; } .bottom-bar-wrapper .woocommerce ul.product_list_widget li { border-color: #454545; } .bottom-bar-wrapper .woocommerce ul.product_list_widget li a { color: #bcbcbc; } .bottom-bar-wrapper .woocommerce ul.product_list_widget span.reviewer { color: #bcbcbc; } .bottom-bar-wrapper .widget-info-box li > i { color: #bcbcbc; } .bottom-bar-inner { padding-top: 23px; padding-bottom: 23px; } @media only screen and (min-width: 992px) { footer.enable-parallax { position: fixed !important; bottom: 0; left: 0; z-index: -1; right: 0; margin: auto; width: 100%; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; } footer.enable-parallax.static { position: static !important; } body.boxed footer.enable-parallax { max-width: 1210px; } } @media only screen and (max-width: 991px) { .bottom-bar-left, .bottom-bar-right { text-align: center; } .bottom-bar-left { margin-bottom: 10px; } .sidebar.col-sm-6:nth-child(2n+1) { clear: both; } } @media (max-width: 767px) { footer.footer-collapse-able .widget-title { margin-bottom: 0; cursor: pointer; } footer.footer-collapse-able .widget-title:before { content: '+'; float: right; } footer.footer-collapse-able .widget-title.title-expanded:before { content: '-'; } footer.footer-collapse-able .widget-title:after { margin-top: 7px; } footer.footer-collapse-able .widget-title + div, footer.footer-collapse-able .widget-title + ul { padding-top: 20px; margin: 0; } footer.footer-collapse-able .main-footer .sidebar { margin-bottom: 0; } footer.footer-collapse-able .main-footer .sidebar + .sidebar { margin-top: 20px; } footer.main-footer-wrapper .col-sm-6:nth-child(2n+1) { clear: both; } .sidebar .two-col ul > li { width: auto; float: none; } } /** * 6.0 - Blog * ---------------------------------------------------------------------------- */ .page-links { clear: both; } .page-links .page-link { width: 40px; height: 40px; text-align: center; line-height: 36px; border: 2px solid #3ab8bd; background-color: #3ab8bd; color: #ffffff; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; 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; } .page-links .page-link.current, .page-links .page-link:hover, .page-links .page-link:focus { background-color: #3ab8bd; color: #ffffff; border-color: #3ab8bd; } .page-links a > .page-link { background-color: transparent; border-color: #ddd; color: #666; } .page-links > .page-links-title { font-size: 13px; font-weight: bold; text-transform: uppercase; color: #333; margin-right: 10px; } /** * Thumb * ---------------------------------------------------------------------------- */ .entry-thumbnail { position: relative; } .entry-thumbnail img { width: 100%; } .entry-thumbnail .zoomGallery { 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:hover .zoomGallery { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .entry-thumbnail:hover .entry-thumbnail-overlay:before { opacity: 1; } .entry-thumbnail:hover .product-deal-countdown { opacity: 0; z-index: -1; } .entry-thumbnail-overlay { position: relative; z-index: 2; display: block; } .entry-thumbnail-overlay:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .post-video .entry-thumbnail-overlay:before { opacity: 1; background-color: rgba(0, 0, 0, 0.8); } .post-video .zoomGallery { background-color: transparent; opacity: 1; font-size: 35px; color: #fff; width: 100px; height: 100px; border: 5px solid #fff; line-height: 90px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; cursor: pointer; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .post-video .zoomGallery:hover { color: #3ab8bd; border-color: #3ab8bd; } @media (max-width: 480px) { .post-video .zoomGallery { font-size: 20px; width: 60px; height: 60px; border-width: 3px; line-height: 54px; } } .no-image { background-color: #f5f5f5; } .no-image .block-center-inner { text-transform: uppercase; font-size: 24px; letter-spacing: 0.05em; } /** * Post Meta * ---------------------------------------------------------------------------- */ .entry-post-meta { display: inline-block; font-size: 0; margin-bottom: 20px; } .entry-post-meta > div { display: inline-block; vertical-align: middle; font-size: 15px; color: #BBB; margin-right: 25px; -ms-word-wrap: break-word; word-wrap: break-word; } .entry-post-meta > div:last-child { margin-right: 0; } .entry-post-meta i { font-size: 16px; margin-right: 5px; } /** * Paging Navigation * ---------------------------------------------------------------------------- */ .paging-navigation { padding-top: 50px; text-align: center; } .woocommerce-pagination, .paging-navigation, .comment-navigation { font-size: 0; } .woocommerce-pagination .page-numbers, .paging-navigation .page-numbers, .comment-navigation .page-numbers { margin-right: 5px; width: 48px; height: 48px; border: 2px solid #ddd; line-height: 44px; text-align: center; color: #666; font-size: 16px; letter-spacing: 0.02em; font-weight: normal; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; 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; } .woocommerce-pagination .page-numbers.current, .paging-navigation .page-numbers.current, .comment-navigation .page-numbers.current, .woocommerce-pagination .page-numbers:hover, .paging-navigation .page-numbers:hover, .comment-navigation .page-numbers:hover, .woocommerce-pagination .page-numbers:focus, .paging-navigation .page-numbers:focus, .comment-navigation .page-numbers:focus { background-color: #3ab8bd; color: #ffffff; border-color: #3ab8bd; } .woocommerce-pagination .page-numbers:last-child, .paging-navigation .page-numbers:last-child, .comment-navigation .page-numbers:last-child { margin-right: 0; } @media (max-width: 480px) { .woocommerce-pagination .page-numbers, .paging-navigation .page-numbers, .comment-navigation .page-numbers { width: 40px; height: 40px; line-height: 36px; } } .woocommerce-pagination .next, .paging-navigation .next, .comment-navigation .next, .woocommerce-pagination .prev, .paging-navigation .prev, .comment-navigation .prev { width: auto; border-color: transparent; } .woocommerce-pagination .next i, .paging-navigation .next i, .comment-navigation .next i, .woocommerce-pagination .prev i, .paging-navigation .prev i, .comment-navigation .prev i { font-size: 14px; } .woocommerce-pagination .next:hover, .paging-navigation .next:hover, .comment-navigation .next:hover, .woocommerce-pagination .prev:hover, .paging-navigation .prev:hover, .comment-navigation .prev:hover, .woocommerce-pagination .next:focus, .paging-navigation .next:focus, .comment-navigation .next:focus, .woocommerce-pagination .prev:focus, .paging-navigation .prev:focus, .comment-navigation .prev:focus { background-color: transparent; border-color: transparent; color: #3ab8bd; } .woocommerce-pagination .next, .paging-navigation .next, .comment-navigation .next { margin-left: 15px; } .woocommerce-pagination .prev, .paging-navigation .prev, .comment-navigation .prev { margin-right: 20px; } .entry-thumb-wrap { position: relative; } .entry-content-wrap { border: 1px solid #f8f8f8; padding: 30px 50px 50px 50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .entry-thumb-wrap + .entry-content-wrap { border-top: none; } .entry-post-title { font-size: 34px; font-weight: bold; margin-bottom: 15px; color: #1f1f1f; letter-spacing: 0; -ms-word-wrap: break-word; word-wrap: break-word; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .entry-post-title a { color: inherit; } .entry-post-title a:hover { color: #3ab8bd; } .entry-excerpt { margin-bottom: 37px; letter-spacing: 0.02em; } .entry-excerpt p:last-child { margin-bottom: 0; } .entry-content-footer .social-share { float: right; margin-top: 6px; } .entry-content-footer .social-share label { font-size: 13px; text-transform: uppercase; color: #333333; font-weight: bold; margin-right: 20px; } .entry-content-footer .social-share label i { font-size: 14px; color: #666; margin-left: 5px; } .entry-content-footer.left .social-share { float: none; margin-top: 25px; } article.sticky .entry-content-wrap { border: none; background-color: #f9f9f9; } .embed-responsive-large-image { padding-bottom: 55.1724138%; } .large-image .no-image:before { padding-bottom: 55.1724138%; } article.format-link > .entry-thumb-wrap:not(.quote):before, article.format-quote > .entry-thumb-wrap:not(.quote):before { content: ""; display: inline-block; padding-bottom: 55.1724138%; } .small-image .no-image:before, .embed-responsive-small-image { padding-bottom: 69.047619%; } .size-370x543 .no-image:before, .embed-responsive-size-370x543 { padding-bottom: 146.7567568%; } .size-370x370 .no-image:before, .embed-responsive-size-370x370 { padding-bottom: 100%; } .size-370x243 .no-image:before, .embed-responsive-size-370x243 { padding-bottom: 65.6756757%; } .size-640x420 .no-image:before, .embed-responsive-size-640x420 { padding-bottom: 65.625%; } .format-audio .embed-responsive-large-image { padding: 0; overflow: inherit; height: auto; font-size: 0; } .format-audio .embed-responsive-large-image iframe { height: 166px; position: static; } /** * Format Quote & Link * ---------------------------------------------------------------------------- */ .entry-quote-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1; background-color: rgba(0, 0, 0, 0.8); padding: 0 30px; } .entry-quote-content i { width: 40px; height: 40px; background: #fff; line-height: 40px; border-radius: 100%; margin-bottom: 15px; display: block; } .entry-quote-content p { color: #fff; font-size: 20px; font-style: italic; margin-bottom: 5px; } .entry-quote-content p:after { content: ""; width: 20px; border-top: 1px solid #fff; display: block; margin: 10px auto 0 auto; } .entry-quote-content a { font-size: 12px; font-weight: bold; letter-spacing: 0.4em; color: #fff; text-transform: uppercase; } .entry-thumbnail-quote { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-clip: content-box; background-size: cover; background-position: center center; } .entry-thumb-wrap.quote .entry-quote-content { position: relative; padding: 30px; } .entry-thumb-wrap.quote .block-center::before { display: none; } .blog-wrap:not(.owl-carousel) { margin-bottom: -50px; } .blog-wrap:not(.owl-carousel) article { padding-bottom: 50px; } @media (min-width: 481px) { .format-gallery > .entry-thumb-wrap > .owl-carousel > .owl-dots { display: none !important; } } @media (max-width: 480px) { .format-gallery > .entry-thumb-wrap > .owl-carousel > .owl-nav { display: none !important; } } /** * Grid Layout * ---------------------------------------------------------------------------- */ article.post-grid .entry-post-title { font-size: 20px; letter-spacing: 0.02em; margin-bottom: 0; } article.post-grid .entry-post-meta > div { margin-right: 20px; } article.post-grid .entry-post-meta { margin-bottom: 15px; } article.post-grid .entry-excerpt { max-height: 5.4em; overflow: hidden; margin-bottom: 12px; } article.post-grid .entry-content-wrap { padding: 22px 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } article.post-grid.format-link > .entry-thumb-wrap:not(.quote):before, article.post-grid.format-quote > .entry-thumb-wrap:not(.quote):before { content: ""; display: inline-block; padding-bottom: 69.047619%; } article.post-grid .post-video .zoomGallery { font-size: 20px; width: 60px; height: 60px; border-width: 3px; line-height: 54px; } article.post-grid:hover .entry-content-wrap { -webkit-box-shadow: 0 5px 5px #f8f8f8; -moz-box-shadow: 0 5px 5px #f8f8f8; box-shadow: 0 3px 5px #f8f8f8; } .blog-masonry:not(.owl-carousel), .blog-grid:not(.owl-carousel) { margin-bottom: -25px; } .blog-masonry:not(.owl-carousel) article, .blog-grid:not(.owl-carousel) article { padding-bottom: 25px; } @media (max-width: 767px) { .entry-content-wrap { padding: 20px 30px 30px 30px; } } @media (max-width: 480px) { .entry-content-wrap { padding: 10px 15px 15px 15px; } .entry-post-title { font-size: 25px; } .blog-wrap:not(.owl-carousel) { margin-bottom: -20px; } .blog-wrap:not(.owl-carousel) article { padding-bottom: 20px; } .paging-navigation { padding-top: 20px; } } /** * Large Image 2 * ---------------------------------------------------------------------------- */ article.post-large-image-2 { width: 100% !important; padding-left: 15px; padding-right: 15px; } article.post-large-image-2 .entry-meta-category { font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; color: #888; margin-bottom: 8px; font-weight: bold; } article.post-large-image-2 .entry-meta-category a { color: inherit; } article.post-large-image-2 .entry-meta-category a:hover { color: #3ab8bd; } article.post-large-image-2 .entry-post-title { font-size: 40px; margin-bottom: 12px; } article.post-large-image-2 .entry-post-title:after { content: ''; display: block; height: 3px; width: 60px; background-color: #3ab8bd; margin: 15px auto 0 auto; } article.post-large-image-2 .entry-meta-date { font-size: 17px; font-style: italic; color: #999; letter-spacing: 0.02em; } article.post-large-image-2 .entry-meta-date a { color: inherit; } article.post-large-image-2 .entry-content-top { margin-bottom: 50px; } article.post-large-image-2 .entry-content-wrap { -webkit-box-shadow: 0 5px 5px #f8f8f8; -moz-box-shadow: 0 5px 5px #f8f8f8; box-shadow: 0 3px 5px #f8f8f8; border-width: 2px; padding: 20px 30px 50px 30px; } article.post-large-image-2 .entry-excerpt { margin-bottom: 27px; } /** * Masonry * ---------------------------------------------------------------------------- */ article.post-masonry img { width: 100%; } article.post-masonry .entry-content-wrap { border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; padding: 10px; background-color: rgba(0, 0, 0, 0.8); opacity: 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; } article.post-masonry .entry-post-title { font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 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; } article.post-masonry .entry-meta-date { font-size: 17px; font-style: italic; color: #ddd; letter-spacing: 0.02em; margin-bottom: 10px; } article.post-masonry .entry-meta-date a { color: inherit; } article.post-masonry .block-center-inner { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-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; } article.post-masonry .entry-actions { font-size: 0; } article.post-masonry .entry-actions > a { width: 42px; height: 42px; line-height: 40px; display: inline-block; border: 1px solid rgba(255, 255, 255, 0.4); font-size: 16px; text-align: center; color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } article.post-masonry .entry-actions > a:hover { border-color: #3ab8bd; background-color: #3ab8bd; } article.post-masonry:hover .entry-content-wrap { opacity: 1; } article.post-masonry:hover .block-center-inner { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .blog-1-large-image-masonry:not(.owl-carousel) { margin-bottom: -30px; } .blog-1-large-image-masonry:not(.owl-carousel) article.post-large-image-2 { padding-bottom: 90px; } .blog-1-large-image-masonry:not(.owl-carousel) article.post-masonry { padding-bottom: 30px; } .blog-large-image-2:not(.owl-carousel) { margin-bottom: -90px; } .blog-large-image-2:not(.owl-carousel) article { padding-bottom: 90px; } /** * Social share * ---------------------------------------------------------------------------- */ .social-share { font-size: 0; } .social-share a { display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; background-color: #f2f2f5; color: #333333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-right: 5px; } .social-share a:hover { background-color: #3ab8bd; color: #ffffff; } .social-share a:last-child { margin-right: 0; } .social-share.classic a { width: auto; height: auto; line-height: 1; font-size: 14px; color: #333333; background-color: transparent; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; margin-right: 15px; } .social-share.classic a:hover { color: #3ab8bd; } .social-share.square a { width: 38px; height: 38px; border: 1px solid #eeeeee; font-size: 14px; background-color: transparent; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; color: #777; margin-right: 10px; } .social-share.square a:hover { color: #3ab8bd; } /** * Single Blog * ---------------------------------------------------------------------------- */ article.post-single { padding-bottom: 30px; border-bottom: 1px solid #eeeeee; } article.post-single .entry-thumb-wrap { margin-bottom: 40px; text-align: center; } article.post-single .entry-content-wrap { padding: 0; border: none; } article.post-single .entry-post-title { margin-bottom: 5px; } article.post-single .entry-post-meta { margin-bottom: 30px; } article.post-single .entry-thumbnail { display: inline-block; } article.post-single .entry-thumbnail img { width: auto; } .entry-meta-tag-wrap { padding: 20px 0; } .entry-meta-tag-wrap .social-share { display: table-cell; white-space: nowrap; vertical-align: middle; } .entry-meta-tag-wrap .social-share label { font-size: 13px; font-weight: bold; color: #333333; text-transform: uppercase; margin-right: 10px; } .entry-meta-tag-wrap .social-share label i { display: none; } .entry-meta-tag { display: table-cell; width: 100%; vertical-align: middle; padding-right: 20px; color: #bbb; } .entry-meta-tag a { color: inherit; font-size: 14px; } .entry-meta-tag a:hover { color: #3ab8bd; } .entry-meta-tag label { font-size: 13px; font-weight: bold; text-transform: uppercase; color: #333333; margin-right: 10px; display: inline-block; } @media (max-width: 767px) { .entry-meta-tag { display: block; padding-right: 0; } .entry-meta-tag-wrap .social-share { display: block; } .entry-meta-tag + .social-share { margin-top: 10px; } } /** * Post Navigation * ---------------------------------------------------------------------------- */ .post-navigation { padding: 37px 0; } .post-navigation > div { color: #333333; font-size: 13px; text-transform: uppercase; font-weight: bold; display: table-cell; width: 100%; white-space: nowrap; } .post-navigation > div:hover, .post-navigation > div:focus { color: #3ab8bd; } .post-navigation > div i { font-size: 20px; position: relative; top: 4px; } .post-navigation > div a { color: inherit; } .entry-meta-tag-wrap + .post-navigation { background-color: #f7f7f7; padding-left: 20px; padding-right: 20px; } /** * Author Bio * ---------------------------------------------------------------------------- */ .author-info { background-color: #f7f7f7; padding: 45px 40px; } .author-avatar { float: left; width: 100px; } .author-avatar img { margin: 0; -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; } .author-description { padding-left: 120px; } .author-title { font-size: 15px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 0; color: #333333; } .author-title:hover { color: #3ab8bd; } .author-title a { color: inherit; } .author-bio { margin-bottom: 10px; } @media (max-width: 480px) { .author-avatar { float: none; margin-bottom: 20px; } .author-description { padding-left: 0; } } /** * Comment * ---------------------------------------------------------------------------- */ .block-title-classic { font-size: 15px; text-transform: uppercase; font-weight: bold; color: #333333; letter-spacing: 0; margin-bottom: 55px; } .comments-area { background-color: #f7f7f7; padding: 70px 50px 60px 50px; } article + .comments-area { margin-top: 50px; } .comments-list { padding-bottom: 40px; border-bottom: 1px solid #ddd; } .comment-list { list-style-type: none; padding: 0; margin: 0; } .comment-list li.comment + li.comment { margin-top: 35px; padding-top: 35px; border-top: 1px solid #fff; } .comment-list .children { list-style: none; padding-left: 0; border-top: 1px solid #fff; margin-top: 35px; padding-top: 35px; } .comment-list .avatar { margin: 0; padding: 0; float: left; width: 100px; -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; } .comment-list .avatar + .comment-text { padding-left: 120px; } .comment-list .author-name { font-weight: bold; letter-spacing: 0; color: #333333; font-size: 13px; text-transform: uppercase; margin-bottom: 5px; } .comment-list .author-name a { color: inherit; } .comment-list .author-name a:hover { color: #3ab8bd; } .comment-list .comment-meta-date { color: #bbb; font-size: 14px; margin-bottom: 15px; letter-spacing: 0.02em; } .comment-list .comment-body { position: relative; } .comment-list .comment-meta { position: absolute; top: 0; right: 0; font-size: 0; } .comment-list .comment-meta a { display: inline-block; font-size: 13px; color: #3ab8bd; letter-spacing: 0.05em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .comment-list .comment-meta a:hover { color: #333333; } .comment-list .comment-meta a + a { margin-left: 10px; } @media (min-width: 768px) { .comment-list .children > li > .comment-body { padding-left: 100px; } .comment-list .children .children > li > .comment-body { padding-left: 200px; } .comment-list .children .children .children > li > .comment-body { padding-left: 300px; } .comment-list .children .children .children .children > li > .comment-body { padding-left: 400px; } } .comment-form { margin-left: -7.5px; margin-right: -7.5px; } .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 input[type="tel"], .comment-form textarea { height: 50px; color: #bbb; background-color: #fff; border: 1px solid #ddd; } .comment-form input[type="text"]::-webkit-input-placeholder, .comment-form input[type="search"]::-webkit-input-placeholder, .comment-form input[type="email"]::-webkit-input-placeholder, .comment-form input[type="url"]::-webkit-input-placeholder, .comment-form input[type="password"]::-webkit-input-placeholder, .comment-form input[type="tel"]::-webkit-input-placeholder, .comment-form textarea::-webkit-input-placeholder { color: #bbbbbb; } .comment-form input[type="text"]:-moz-placeholder, .comment-form input[type="search"]:-moz-placeholder, .comment-form input[type="email"]:-moz-placeholder, .comment-form input[type="url"]:-moz-placeholder, .comment-form input[type="password"]:-moz-placeholder, .comment-form input[type="tel"]:-moz-placeholder, .comment-form textarea:-moz-placeholder { color: #bbbbbb; } .comment-form input[type="text"]::-moz-placeholder, .comment-form input[type="search"]::-moz-placeholder, .comment-form input[type="email"]::-moz-placeholder, .comment-form input[type="url"]::-moz-placeholder, .comment-form input[type="password"]::-moz-placeholder, .comment-form input[type="tel"]::-moz-placeholder, .comment-form textarea::-moz-placeholder { color: #bbbbbb; } .comment-form input[type="text"]:-ms-input-placeholder, .comment-form input[type="search"]:-ms-input-placeholder, .comment-form input[type="email"]:-ms-input-placeholder, .comment-form input[type="url"]:-ms-input-placeholder, .comment-form input[type="password"]:-ms-input-placeholder, .comment-form input[type="tel"]:-ms-input-placeholder, .comment-form textarea:-ms-input-placeholder { color: #bbbbbb; } .comment-form textarea { height: auto; } .comment-form > p { margin-bottom: 15px; padding-left: 7.5px; padding-right: 7.5px; width: 100%; float: left; } .comment-form > p input:not([type="submit"]), .comment-form > p textarea { width: 100%; } @media (min-width: 992px) { .comment-form .comment-form-field { width: 50%; } .comment-form .comment-form-comment { width: 100%; } } .comment-body + .comment-respond, .comments-list + .comment-respond { margin-top: 50px; } .comment-respond:after { content: ''; display: table; clear: both; } .comment-form .form-submit { margin-bottom: 0; } .post-navigation + .post-related-wrap, .author-info + .post-related-wrap, .comments-area + .post-related-wrap { margin-top: 50px; } @media (max-width: 480px) { .comments-area { padding: 30px 15px 20px 15px; } .comment-list .avatar { display: none; } .comment-list .avatar + .comment-text { padding-left: 0; } } /** * 7.0 - Woocommerce * ---------------------------------------------------------------------------- */ /** * Catalog Filter * ---------------------------------------------------------------------------- */ .catalog-filter { margin-bottom: 30px; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { margin: 0; } .woocommerce .woocommerce-ordering select { background-color: transparent; border: 1px solid #dedede; color: #858585; } .woocommerce .woocommerce-result-count { letter-spacing: 0.02em; border: 1px solid #dedede; line-height: 20px; padding: 11.5px 20px; } @media (min-width: 600px) { .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering select { min-width: 270px; } } @media (max-width: 479px) { .woocommerce .woocommerce-result-count { width: 100%; margin-bottom: 20px; } .woocommerce .woocommerce-ordering { float: none; } } /** * Remove Button * ---------------------------------------------------------------------------- */ .woocommerce a.remove { font-size: 0; width: 14px; height: 16px; } .woocommerce a.remove:before { font-family: FontAwesome; font-weight: normal; font-size: 18px; content: '\f00d'; display: inline-block; color: #e32246; } .woocommerce a.remove:hover { background-color: transparent; } .woocommerce a.remove:hover:before { color: #3ab8bd; } /** * Row * ---------------------------------------------------------------------------- */ .woocommerce form .form-row { padding: 0; margin: 0 0 10px 0; } .woocommerce form .form-row input[type="text"], .woocommerce form .form-row input[type="search"], .woocommerce form .form-row input[type="email"], .woocommerce form .form-row input[type="url"], .woocommerce form .form-row input[type="password"], .woocommerce form .form-row input[type="tel"], .woocommerce form .form-row textarea, .woocommerce form .form-row select { background-color: transparent; border: 1px solid #dedede; height: 40px; color: #858585; } .woocommerce form .form-row input[type="text"]::-webkit-input-placeholder, .woocommerce form .form-row input[type="search"]::-webkit-input-placeholder, .woocommerce form .form-row input[type="email"]::-webkit-input-placeholder, .woocommerce form .form-row input[type="url"]::-webkit-input-placeholder, .woocommerce form .form-row input[type="password"]::-webkit-input-placeholder, .woocommerce form .form-row input[type="tel"]::-webkit-input-placeholder, .woocommerce form .form-row textarea::-webkit-input-placeholder, .woocommerce form .form-row select::-webkit-input-placeholder { color: #858585; } .woocommerce form .form-row input[type="text"]:-moz-placeholder, .woocommerce form .form-row input[type="search"]:-moz-placeholder, .woocommerce form .form-row input[type="email"]:-moz-placeholder, .woocommerce form .form-row input[type="url"]:-moz-placeholder, .woocommerce form .form-row input[type="password"]:-moz-placeholder, .woocommerce form .form-row input[type="tel"]:-moz-placeholder, .woocommerce form .form-row textarea:-moz-placeholder, .woocommerce form .form-row select:-moz-placeholder { color: #858585; } .woocommerce form .form-row input[type="text"]::-moz-placeholder, .woocommerce form .form-row input[type="search"]::-moz-placeholder, .woocommerce form .form-row input[type="email"]::-moz-placeholder, .woocommerce form .form-row input[type="url"]::-moz-placeholder, .woocommerce form .form-row input[type="password"]::-moz-placeholder, .woocommerce form .form-row input[type="tel"]::-moz-placeholder, .woocommerce form .form-row textarea::-moz-placeholder, .woocommerce form .form-row select::-moz-placeholder { color: #858585; } .woocommerce form .form-row input[type="text"]:-ms-input-placeholder, .woocommerce form .form-row input[type="search"]:-ms-input-placeholder, .woocommerce form .form-row input[type="email"]:-ms-input-placeholder, .woocommerce form .form-row input[type="url"]:-ms-input-placeholder, .woocommerce form .form-row input[type="password"]:-ms-input-placeholder, .woocommerce form .form-row input[type="tel"]:-ms-input-placeholder, .woocommerce form .form-row textarea:-ms-input-placeholder, .woocommerce form .form-row select:-ms-input-placeholder { color: #858585; } .woocommerce form .form-row textarea { height: 100px; } .woocommerce form .form-row label { line-height: 1; margin-bottom: 5px; font-size: 11px; color: #333333; text-transform: uppercase; letter-spacing: 0.02em; font-family: 'Montserrat'; } .select2-container--default .select2-selection--single { height: 40px; border: 1px solid #dedede; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #858585; line-height: 40px; padding-left: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; } /** * Shipping Method * ---------------------------------------------------------------------------- */ .woocommerce ul#shipping_method li { padding: 0 0 5px 22px; } .woocommerce ul#shipping_method li input { margin: 0 5px 0 0; position: relative; top: 2px; } .woocommerce ul#shipping_method .amount { font-weight: normal; } /** * Sale Flash * ---------------------------------------------------------------------------- */ .product-flash { font-size: 13px; font-weight: bold; text-transform: uppercase; background-color: #3ab8bd; color: #ffffff; width: 58px; height: 58px; line-height: 58px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 20px; z-index: 2; } .on-sale { right: 20px; } .on-featured { left: 20px; } /** * Product Thumb * ---------------------------------------------------------------------------- */ .product-thumb { position: relative; } .product-thumb img { width: 100%; } .product-link { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .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; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .product-images-hover { position: relative; } .product-images-hover.flip-back { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); } .product-images-hover.flip-back .product-thumb-primary { display: block; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; position: relative; } .product-images-hover.flip-back .product-thumb-secondary { display: block; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); opacity: 1; } .product-item-wrap.active .product-link, .product-item-inner:hover .product-link { opacity: 1; } .product-item-wrap.active .product-images-hover.change-image .product-thumb-secondary, .product-item-inner:hover .product-images-hover.change-image .product-thumb-secondary { opacity: 1; } .product-item-wrap.active .product-images-hover.flip-back, .product-item-inner:hover .product-images-hover.flip-back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .product-item-wrap.active .yith-wcwl-wishlistaddedbrowse a, .product-item-inner:hover .yith-wcwl-wishlistaddedbrowse a, .product-item-wrap.active .yith-wcwl-wishlistexistsbrowse a, .product-item-inner:hover .yith-wcwl-wishlistexistsbrowse a, .product-item-wrap.active .add_to_wishlist, .product-item-inner:hover .add_to_wishlist, .product-item-wrap.active .compare, .product-item-inner:hover .compare, .product-item-wrap.active .product-quick-view, .product-item-inner:hover .product-quick-view { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .product-item-wrap.active a.added_to_cart, .product-item-inner:hover a.added_to_cart, .product-item-wrap.active a.add_to_cart_button, .product-item-inner:hover a.add_to_cart_button, .product-item-wrap.active a.product_type_external, .product-item-inner:hover a.product_type_external, .product-item-wrap.active a.product_type_simple, .product-item-inner:hover a.product_type_simple, .product-item-wrap.active a.product_type_grouped, .product-item-inner:hover a.product_type_grouped { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } /** * Product Actions * ---------------------------------------------------------------------------- */ .product-actions { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); text-align: center; z-index: 3; font-size: 0; white-space: nowrap; } .product-actions .compare { vertical-align: top; width: 40px; height: 40px; text-align: center; background-color: #fff; display: inline-block; font-size: 0; } .product-actions .compare i { font-size: 14px; line-height: 40px; color: #222; } .product-actions .compare:hover { background-color: #3ab8bd; color: #ffffff; } .product-actions .compare:before { display: inline-block; font-family: FontAwesome; content: '\f1de'; font-size: 12px; line-height: 38px; } .product-actions .yith-wcwl-add-to-wishlist { display: inline-block; margin: 0; font-size: 0; vertical-align: top; } .product-actions .yith-wcwl-add-to-wishlist + div.clear { display: none; } .product-actions .yith-wcwl-wishlistaddedbrowse a, .product-actions .yith-wcwl-wishlistexistsbrowse a, .product-actions .add_to_wishlist { width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #fff; display: inline-block; } .product-actions .yith-wcwl-wishlistaddedbrowse a:hover, .product-actions .yith-wcwl-wishlistexistsbrowse a:hover, .product-actions .add_to_wishlist:hover, .product-actions .yith-wcwl-wishlistaddedbrowse a.added-spinner, .product-actions .yith-wcwl-wishlistexistsbrowse a.added-spinner, .product-actions .add_to_wishlist.added-spinner { background-color: #3ab8bd; } .product-actions .yith-wcwl-wishlistaddedbrowse a:hover:before, .product-actions .yith-wcwl-wishlistexistsbrowse a:hover:before, .product-actions .add_to_wishlist:hover:before, .product-actions .yith-wcwl-wishlistaddedbrowse a.added-spinner:before, .product-actions .yith-wcwl-wishlistexistsbrowse a.added-spinner:before, .product-actions .add_to_wishlist.added-spinner:before { color: #ffffff; } .product-actions .yith-wcwl-wishlistaddedbrowse a:before, .product-actions .yith-wcwl-wishlistexistsbrowse a:before, .product-actions .add_to_wishlist:before { display: inline-block; font-family: FontAwesome; content: '\f08a'; font-size: 14px; color: #222; } .product-actions .yith-wcwl-wishlistaddedbrowse a:before, .product-actions .yith-wcwl-wishlistexistsbrowse a:before { content: '\f004'; } .product-actions .yith-wcwl-add-button { font-size: 0; position: relative; } .product-actions .yith-wcwl-add-button .ajax-loading { display: none !important; } .product-actions .add_to_wishlist.added-spinner:before { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); content: "\f110"; } .product-actions .product-quick-view { vertical-align: top; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #fff; display: inline-block; font-size: 14px; color: #222; } .product-actions .product-quick-view:hover { background-color: #3ab8bd; color: #ffffff; } .product-actions .product-quick-view, .product-actions .yith-wcwl-add-to-wishlist { margin-left: 2px; } .product-actions .yith-wcwl-wishlistaddedbrowse a, .product-actions .yith-wcwl-wishlistexistsbrowse a, .product-actions .add_to_wishlist, .product-actions .compare, .product-actions .product-quick-view { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; } .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.15s ease-out, opacity 0.5s 0.15s ease-out, -webkit-transform 0.5s 0.15s ease-out; -moz-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.15s ease-out, opacity 0.5s 0.15s ease-out, -moz-transform 0.5s 0.15s ease-out; -ms-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.15s ease-out, opacity 0.5s 0.15s ease-out, -ms-transform 0.5s 0.15s ease-out; -o-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.15s ease-out, opacity 0.5s 0.15s ease-out, -o-transform 0.5s 0.15s ease-out; transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.15s ease-out, opacity 0.5s 0.15s ease-out, transform 0.5s 0.15s ease-out; } .product-actions .yith-wcwl-wishlistaddedbrowse a, .product-actions .yith-wcwl-wishlistexistsbrowse a, .product-actions .add_to_wishlist { -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-actions .compare { -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; } .yith-wcwl-add-button a.add_to_wishlist { -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; } .tooltip-inner { white-space: nowrap; } /** * Product Info * ---------------------------------------------------------------------------- */ .product-info { padding: 25px 30px; border: 1px solid #eeeeee; border-top: none; } /** * Product Price * ---------------------------------------------------------------------------- */ .woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 16px; font-weight: bold; color: #ccc; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { font-weight: bold; text-decoration: none; color: #3ab8bd; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { margin-right: 25px; color: #ccc; opacity: 1; text-decoration: none; } /** * star-rating * ---------------------------------------------------------------------------- */ .woocommerce .products .star-rating, .woocommerce .star-rating { font-size: 10px; letter-spacing: 2px; width: 61px; top: 7px; } .woocommerce .products .star-rating:before, .woocommerce .star-rating:before { color: #888; } .woocommerce .products .star-rating span, .woocommerce .star-rating span { color: #ffb600; } .product-listing.woocommerce .star-rating { float: none; margin: 0 auto 20px auto; } .product-listing:not(.slider) { margin-bottom: -30px; } .woocommerce nav.woocommerce-pagination { margin-top: 50px; } /** * Woocommerce Button * ---------------------------------------------------------------------------- */ .woocommerce a.added_to_cart, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { display: inline-block; font-size: 13px; text-transform: uppercase; font-weight: bold; line-height: 20px; padding: 10.5px 30px; border: solid 2px #3ab8bd; background-clip: border-box; color: #333333; text-align: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: transparent; white-space: nowrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce a.added_to_cart:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce a.added_to_cart:focus, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus { color: #ffffff; background-color: #3ab8bd; } .woocommerce a.added_to_cart.disabled, .woocommerce #respond input#submit.disabled, .woocommerce a.button.disabled, .woocommerce button.button.disabled, .woocommerce input.button.disabled, .woocommerce a.added_to_cart:disabled[disabled], .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button:disabled[disabled], .woocommerce button.button:disabled[disabled], .woocommerce input.button:disabled[disabled] { padding: 10.5px 30px; } .woocommerce a.added_to_cart.disabled:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce a.button.disabled:hover, .woocommerce button.button.disabled:hover, .woocommerce input.button.disabled:hover, .woocommerce a.added_to_cart:disabled[disabled]:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button:disabled[disabled]:hover { color: #ffffff; background-color: #3ab8bd; } .woocommerce a.added_to_cart.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { color: #ffffff; background-color: #3ab8bd; } .woocommerce a.added_to_cart.alt:focus, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus, .woocommerce a.added_to_cart.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { color: #333333; background-color: transparent; border-color: #3ab8bd; } .woocommerce a.added_to_cart.alt.disabled, .woocommerce #respond input#submit.alt.disabled, .woocommerce a.button.alt.disabled, .woocommerce button.button.alt.disabled, .woocommerce input.button.alt.disabled, .woocommerce a.added_to_cart.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled] { color: #ffffff; background-color: #3ab8bd; } .woocommerce a.added_to_cart.alt.disabled:hover, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce a.button.alt.disabled:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce input.button.alt.disabled:hover, .woocommerce a.added_to_cart.alt:disabled[disabled]:hover, .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt:disabled[disabled]:hover, .woocommerce a.added_to_cart.alt.disabled:focus, .woocommerce #respond input#submit.alt.disabled:focus, .woocommerce a.button.alt.disabled:focus, .woocommerce button.button.alt.disabled:focus, .woocommerce input.button.alt.disabled:focus, .woocommerce a.added_to_cart.alt:disabled[disabled]:focus, .woocommerce #respond input#submit.alt:disabled[disabled]:focus, .woocommerce a.button.alt:disabled[disabled]:focus, .woocommerce button.button.alt:disabled[disabled]:focus, .woocommerce input.button.alt:disabled[disabled]:focus { color: #ffffff; background-color: #3ab8bd; } /** * Add To Cart Button * ---------------------------------------------------------------------------- */ .woocommerce a.added_to_cart, .woocommerce a.add_to_cart_button, .woocommerce a.product_type_external, .woocommerce a.product_type_simple, .woocommerce a.product_type_grouped { position: absolute; top: 50%; left: 50%; z-index: 3; opacity: 0; -webkit-transform: translate(-50%, -50%) scale(0.5); -moz-transform: translate(-50%, -50%) scale(0.5); -ms-transform: translate(-50%, -50%) scale(0.5); -o-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); background-color: #333333; border-color: #333333; color: #ffffff; } .woocommerce a.added_to_cart:focus, .woocommerce a.add_to_cart_button:focus, .woocommerce a.product_type_external:focus, .woocommerce a.product_type_simple:focus, .woocommerce a.product_type_grouped:focus, .woocommerce a.added_to_cart:hover, .woocommerce a.add_to_cart_button:hover, .woocommerce a.product_type_external:hover, .woocommerce a.product_type_simple:hover, .woocommerce a.product_type_grouped:hover { border-color: #3ab8bd; } .woocommerce a.added_to_cart.loading:after, .woocommerce a.add_to_cart_button.loading:after, .woocommerce a.product_type_external.loading:after, .woocommerce a.product_type_simple.loading:after, .woocommerce a.product_type_grouped.loading:after { display: none; } .woocommerce a.added_to_cart.loading:before, .woocommerce a.add_to_cart_button.loading:before, .woocommerce a.product_type_external.loading:before, .woocommerce a.product_type_simple.loading:before, .woocommerce a.product_type_grouped.loading:before { -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; content: '\f021'; font-family: 'FontAwesome'; display: inline-block; font-size: 12px; margin-right: 5px; line-height: 1; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { padding-top: 8.5px; padding-bottom: 8.5px; } .woocommerce a.add_to_cart_button.added { display: none; } /** * Product Name * ---------------------------------------------------------------------------- */ h3.product-name { font-size: 20px; font-weight: bold; margin-bottom: 7px; color: #1f1f1f; } h3.product-name a { color: inherit; } h3.product-name a:hover { color: #3ab8bd; } /** * Sale CountDown * ---------------------------------------------------------------------------- */ .single-product-image-main-wrap { position: relative; } .product-deal-countdown { position: absolute; bottom: 10px; left: 10px; right: 10px; background-color: rgba(255, 255, 255, 0.8); padding: 20px; z-index: 1; } .product-deal-countdown-inner { font-size: 0; text-align: center; } .countdown-section { display: inline-block; margin-right: 5px; } .countdown-section:last-child { margin-right: 0; } .countdown-amount { display: block; width: 42px; height: 42px; line-height: 42px; text-align: center; background-color: #3ab8bd; color: #ffffff; font-size: 14px; font-weight: bold; } .countdown-period { font-size: 11px; display: block; color: #333333; font-weight: bold; margin-top: 10px; line-height: 1; text-transform: uppercase; } .product-deal-countdown.small .countdown-amount { width: 36px; height: 36px; line-height: 36px; font-size: 12px; } .product-deal-countdown.small .countdown-section { margin-right: 2px; } .product-deal-countdown.small .countdown-period { text-transform: none; } /** * Product Category * ---------------------------------------------------------------------------- */ .product-category img { width: 100%; } .product-category h3 { font-size: 20px; font-weight: bold; color: #1f1f1f; margin-bottom: 0; text-align: center; margin-top: 25px; } .product-category mark { padding: 0; background-color: transparent; } /** * Quantity Input * ---------------------------------------------------------------------------- */ .woocommerce div.product form.cart div.quantity { margin: 0 10px 0 0; } .quantity-inner { width: 110px; position: relative; display: inline-block; } .woocommerce .quantity .qty { width: 100%; height: 45px; padding-right: 30px; padding-left: 30px; background-color: #fff; border: 1px solid #ddd; font-size: 16px; color: #222; } .woocommerce .quantity .qty::-webkit-inner-spin-button, .woocommerce .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .btn-number { position: absolute; width: 30px; height: 45px; line-height: 45px; text-align: center; font-size: 12px; color: #888; z-index: 1; cursor: pointer; background-color: #eee; top: 0; border: 1px solid #ddd; } .btn-number[data-type="plus"] { right: 0; } /** * Single Product * ---------------------------------------------------------------------------- */ .single-product-image { position: relative; } .single-product-image img { width: 100%; } .single-product-image a { display: block; position: relative; } .single-product-image-main-wrap, .product-image-thumb-item { border: 1px solid #ededed; } .product-image-thumb-item a:before { z-index: 1; content: ''; display: block; position: absolute; background-color: rgba(0, 0, 0, 0.3); left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 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; } .product-image-thumb-item:hover a:before { opacity: 1; } .owl-item.current > .product-image-thumb-item a:before { opacity: 1; } .woocommerce div.product .product_title { font-size: 30px; font-weight: bold; margin-bottom: 20px; } .woocommerce div.product .product_title a { color: inherit; } .woocommerce div.product .product_title a:hover { color: #3ab8bd; } .woocommerce .woocommerce-product-rating .star-rating { font-size: 15px; width: 102px; margin: 0 30px 0 0; top: 0; letter-spacing: 5px; } .woocommerce .woocommerce-product-rating .star-rating span { color: #3ab8bd; } .woocommerce div.product .woocommerce-product-rating { line-height: 1; margin-bottom: 20px; } .woocommerce div.product .summary-product p.price, .woocommerce div.product .summary-product span.price { font-size: 28px; line-height: 1; letter-spacing: 0.05em; color: #3ab8bd; } .woocommerce div.product .summary-product p.price del, .woocommerce div.product .summary-product span.price del { font-size: 26px; } .summary-product.entry-summary div[itemprop="description"] { border-top: 1px solid #eeeeee; padding-top: 25px; margin-top: 50px; } .summary-product.entry-summary div[itemprop="description"] p { margin-bottom: 30px; } .woocommerce div.product p.stock { font-size: 20px; text-transform: uppercase; } .woocommerce div.product .stock { color: #3ab8bd; } .woocommerce div.product .out-of-stock { color: #e32246; } .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-bottom: 30px; } .single-product-function .yith-wcwl-add-to-wishlist { display: inline-block; margin: 0 30px 0 0; } .single-product-function .yith-wcwl-add-to-wishlist .ajax-loading { display: none !important; } .single-product-function .yith-wcwl-add-to-wishlist + div.clear { display: none; } .single-product-function .yith-wcwl-add-button a, .single-product-function .yith-wcwl-wishlistaddedbrowse a, .single-product-function .yith-wcwl-wishlistexistsbrowse a { font-family: 'Montserrat'; color: #202020; font-size: 16px; font-weight: bold; letter-spacing: 0.02em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-function .yith-wcwl-add-button a:before, .single-product-function .yith-wcwl-wishlistaddedbrowse a:before, .single-product-function .yith-wcwl-wishlistexistsbrowse a:before { display: inline-block; font-family: 'FontAwesome'; content: '\f08a'; color: #212121; font-size: 16px; margin-right: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-function .yith-wcwl-add-button a:hover, .single-product-function .yith-wcwl-wishlistaddedbrowse a:hover, .single-product-function .yith-wcwl-wishlistexistsbrowse a:hover, .single-product-function .yith-wcwl-add-button a:hover:before, .single-product-function .yith-wcwl-wishlistaddedbrowse a:hover:before, .single-product-function .yith-wcwl-wishlistexistsbrowse a:hover:before { color: #3ab8bd; } .single-product-function .yith-wcwl-wishlistaddedbrowse a:before, .single-product-function .yith-wcwl-wishlistexistsbrowse a:before { content: '\f004'; } .single-product-function .compare { font-family: 'Montserrat'; color: #202020; font-size: 16px; font-weight: bold; letter-spacing: 0.02em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-function .compare:before { display: inline-block; font-family: 'FontAwesome'; content: '\f1de'; color: #212121; font-size: 16px; margin-right: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-function .compare:hover:before, .single-product-function .compare:hover { color: #3ab8bd; } .single-product-function span.feedback { display: none; } .product_meta > span { display: block; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; line-height: 20px; padding: 12px 0; } .product_meta > span label { color: #202020; font-size: 16px; font-weight: bold; font-family: 'Montserrat'; letter-spacing: 0.02em; min-width: 130px; display: inline-block; } .product_meta > span span, .product_meta > span a { display: inline-block; } .product_meta > span span:first-child, .product_meta > span a:first-child { padding-left: 30px; } .product_meta > span a:hover { color: #3ab8bd; } .product_meta > span + span { margin-top: -1px; } .summary-product .social-share { margin-top: 35px; } .summary-product .social-share label { font-family: 'Montserrat'; color: #202020; font-size: 16px; font-weight: bold; letter-spacing: 0.02em; min-width: 130px; display: inline-block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce div.product form.cart .variations { margin-bottom: 10px; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { vertical-align: middle; padding-bottom: 10px; } .woocommerce div.product form.cart .variations label { color: #202020; font-size: 16px; font-weight: bold; font-family: 'Montserrat'; letter-spacing: 0.02em; } .woocommerce div.product form.cart .variations select { min-width: 270px; margin: 0; } .woocommerce div.product form.cart .group_table td { vertical-align: middle; padding-bottom: 10px; } .woocommerce div.product form.cart .group_table td.label { padding-left: 10px; padding-right: 10px; } .woocommerce div.product form.cart .group_table td.label a { color: #333333; font-weight: bold; font-family: 'Montserrat'; } .woocommerce div.product form.cart .group_table td.label a:hover { color: #3ab8bd; } .woocommerce div.product form.cart .group_table td.price { color: #3ab8bd; } .woocommerce div.product form.cart .group_table td.price ins { text-decoration: none; } .woocommerce div.product form.cart .group_table td.price p.stock { font-size: 14px; margin-bottom: 0; } .woocommerce-variation-add-to-cart:after, .woocommerce-variation-add-to-cart:before { content: ''; display: table; clear: both; } .woocommerce-variation { margin-bottom: 10px; } .woocommerce div.product form.cart .reset_variations { margin-left: 10px; color: #333333; font-size: 1em; vertical-align: middle; } @media (min-width: 768px) { .summary-product.entry-summary { padding-left: 30px; } #popup-product-quick-view-wrapper .summary-product.entry-summary { padding-left: 0; } } /** * Single Product Tab * ---------------------------------------------------------------------------- */ .woocommerce-tabs.wc-tabs-wrapper { border-top: 1px solid #eeeeee; padding-top: 45px; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; width: 290px; float: left; margin: 0; font-size: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs:before { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: none; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; padding: 0; margin: 0; background-color: transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-bottom: 1px solid #eeeeee; display: block; color: #202020; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-family: 'Montserrat'; font-size: 16px; font-weight: bold; line-height: 20px; padding: 12px 0; letter-spacing: 0.02em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: transparent; border-bottom-color: #3ab8bd; } .woocommerce div.product .woocommerce-tabs .panel { padding-left: 320px; margin: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce div.product .woocommerce-tabs .panel h2 { font-size: 15px; margin-bottom: 40px; position: relative; letter-spacing: 0.02em; text-transform: uppercase; } @media (max-width: 991px) { .woocommerce div.product .woocommerce-tabs ul.tabs { float: none; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #eeeeee; } .woocommerce div.product .woocommerce-tabs ul.tabs li { display: inline-block; height: 44px; border-bottom: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 0 15px; height: 46px; line-height: 46px; position: relative; top: -2px; border-bottom: 1px solid transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { border-bottom-color: #3ab8bd; } .woocommerce div.product .woocommerce-tabs .panel { padding-left: 0; } } /** * Reviews * ---------------------------------------------------------------------------- */ .woocommerce #reviews #comments ol.commentlist { padding-left: 0; padding-bottom: 40px; border-bottom: 1px solid #eeeeee; } .woocommerce #reviews #comments ol.commentlist li { margin: 0; } .woocommerce #reviews #comments ol.commentlist li + li { padding-top: 30px; margin-top: 30px; border-top: 1px solid #eeeeee; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 100px; padding: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: none; position: relative; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 130px; padding: 0; border: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { margin-bottom: 10px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong { color: #212121; font-weight: bold; font-size: 13px; text-transform: uppercase; display: inline-block; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time { font-size: 14px; letter-spacing: 0.02em; color: #bbb; display: inline-block; } .woocommerce .woocommerce-Reviews #comments + #review_form_wrapper { margin-top: 40px; } .woocommerce #review_form #respond label { color: #333333; font-weight: 500; display: block; margin-bottom: 5px; } .woocommerce #review_form #respond p.stars { display: inline-block; margin: 0; } .woocommerce p.stars.selected a.active:before, .woocommerce p.stars:hover a:before { color: #ffb600; } .woocommerce p.stars a { height: 15px; width: 15px; margin-right: 2px; } .woocommerce p.stars a:before { height: 15px; width: 15px; font-size: 15px; } .woocommerce #reviews #comment { height: 100px; } .woocommerce #review_form #respond p.form-submit { margin-bottom: 0; } .woocommerce table.shop_attributes th { background-color: transparent; } @media (min-width: 768px) { .woocommerce #reviews .comment-form-author, .woocommerce #reviews .comment-form-email { width: 50%; } } @media (max-width: 320px) { .woocommerce div.product form.cart .variations select { min-width: 200px; } } .woocommerce-block-title { font-family: 'Montserrat'; font-size: 20px; color: #333333; text-transform: uppercase; font-weight: bold; line-height: 1.2; position: relative; letter-spacing: 0.02em; margin-bottom: 25px !important; } .woocommerce-block-title-2 { font-family: 'Montserrat'; font-size: 24px; color: #202020; font-weight: bold; line-height: 1.2; position: relative; letter-spacing: 0.02em; border-bottom: 1px solid #dedede; padding-bottom: 25px; margin-bottom: 40px !important; } /** * Cart Page * ---------------------------------------------------------------------------- */ .woocommerce table.shop_table { -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; border: none; } .woocommerce table.shop_table thead th { background-color: #222; color: #fff; font-family: 'Montserrat'; font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.02em; line-height: 20px; padding: 14px 10px; } .woocommerce table.shop_table td { padding: 25px 10px; } .woocommerce-cart table.cart { margin: 0; } .woocommerce-cart table.cart td { border-top: none; border-bottom: 1px solid #dedede; } .woocommerce-cart table.cart img { width: 70px; border: 1px solid #ededed; } .woocommerce-cart table.cart .product-thumbnail { width: 105px; } .woocommerce-cart table.cart .amount { font-family: 'Montserrat'; font-size: 16px; color: #868686; } .woocommerce-cart table.cart .product-name a { text-transform: uppercase; color: #212121; font-family: 'Montserrat'; font-size: 14px; } .woocommerce-cart table.cart .product-name a:hover { color: #3ab8bd; } .woocommerce-cart table.cart .product-remove { width: 34px; } .woocommerce-cart table.cart .product-price, .woocommerce-cart table.cart .product-quantity, .woocommerce-cart table.cart .product-subtotal { text-align: center; } .woocommerce-cart table.cart .product-name dl.variation { margin: 0; } .woocommerce-cart table.cart .product-name dl.variation dd, .woocommerce-cart table.cart .product-name dl.variation dt { margin: 0 0 5px 0; line-height: 1; padding: 0; } .woocommerce-cart table.cart .product-name dl.variation dt { margin: 0 5px 5px 0; } .woocommerce-cart table.cart td.actions { padding: 50px 0 0 0; border-bottom: none; } .woocommerce-cart table.cart td.actions .coupon .input-text { padding: 0 20px; background-color: transparent; } .woocommerce-cart table.cart td.actions .button { line-height: 20px; vertical-align: middle; } @media (min-width: 769px) { .woocommerce-cart table.cart td.actions .coupon .input-text { min-width: 270px; margin: 0 10px 0 0; } } .woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells { float: none; width: 100%; } .woocommerce .cart-collaterals .cart_totals .cart_totals_inner, .woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-calculator { float: left; width: 50%; position: relative; } .woocommerce .cart-collaterals .cart_totals .cart_totals_inner { padding-left: 15px; } .woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-calculator { padding-right: 15px; } .woocommerce .cart-collaterals .cart_totals .shipping-calculator-form { display: block !important; } .woocommerce .cart-collaterals .cart_totals .shipping-calculator-form p:last-of-type { margin-bottom: 0; margin-top: 20px; } .woocommerce .cart-collaterals .cart_totals .shipping-calculator-form input[type="text"], .woocommerce .cart-collaterals .cart_totals .shipping-calculator-form input[type="search"], .woocommerce .cart-collaterals .cart_totals .shipping-calculator-form input[type="email"], .woocommerce .cart-collaterals .cart_totals .shipping-calculator-form input[type="url"], .woocommerce .cart-collaterals .cart_totals .shipping-calculator-form input[type="password"], .woocommerce .cart-collaterals .cart_totals .shipping-calculator-form input[type="tel"], .woocommerce .cart-collaterals .cart_totals .shipping-calculator-form textarea, .woocommerce .cart-collaterals .cart_totals .shipping-calculator-form select { height: 48px; } .woocommerce .cart-collaterals .cart_totals table.shop_table { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin: 0; } .woocommerce .cart-collaterals .cart_totals table.shop_table tbody td, .woocommerce .cart-collaterals .cart_totals table.shop_table tbody th { font-family: 'Montserrat'; font-size: 14px; line-height: 20px; font-weight: normal; padding: 12px 0; border-color: #eeeeee; background-color: transparent !important; } .woocommerce .cart-collaterals .cart_totals table.shop_table tbody th { color: #222; text-transform: uppercase; } .woocommerce .cart-collaterals .cart_totals table.shop_table tbody td { color: #999; text-align: right; } .woocommerce .cart-collaterals .cart_totals table.shop_table tbody td:before { font-family: 'Montserrat'; font-size: 14px; color: #222; font-weight: normal; text-transform: uppercase; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout { padding: 0; margin-top: 30px; text-align: right; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button { font-size: 13px; padding: 10.5px 30px; margin: 0; display: inline-block; } @media (max-width: 768px) { .woocommerce-cart table.cart .product-remove { width: 100%; } .woocommerce-cart table.cart td.actions { background-color: transparent !important; } .woocommerce-cart table.cart td.actions .button { float: left; width: 48%; } .woocommerce-cart table.cart td.actions .coupon .input-text { margin: 0; } .woocommerce .cart-collaterals .cart_totals .cart_totals_inner, .woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-calculator { width: 100%; padding-left: 0; padding-right: 0; } .woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-calculator + .cart_totals_inner { margin-top: 50px; } } @media (max-width: 320px) { .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon input, .woocommerce-cart table.cart td.actions .button { float: left !important; width: 100% !important; margin-bottom: 10px; } .woocommerce .cart-collaterals .cart_totals table tbody td, .woocommerce .cart-collaterals .cart_totals table tbody th { padding-left: 15px; padding-right: 15px; } } /** * Checkout Pages * ---------------------------------------------------------------------------- */ .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-color: #eeeeee; } .select2-container .select2-choice { height: 40px; line-height: 40px; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; border: 1px solid #dedede; color: #858585; padding: 0 0 0 10px; } .select2-drop-active { border-color: #dedede; } #order_review_heading { margin-top: 50px; } .woocommerce td.product-name dl.variation dt { font-weight: normal; } .woocommerce table.account-orders-table, .woocommerce table.order_details, .woocommerce table.woocommerce-checkout-review-order-table { border: 1px solid #eeeeee; margin-bottom: 50px; } .woocommerce table.account-orders-table thead th, .woocommerce table.order_details thead th, .woocommerce table.woocommerce-checkout-review-order-table thead th { background-color: #F2F2F5; color: #333333; padding: 15px 30px; } .woocommerce table.account-orders-table th, .woocommerce table.order_details th, .woocommerce table.woocommerce-checkout-review-order-table th, .woocommerce table.account-orders-table td, .woocommerce table.order_details td, .woocommerce table.woocommerce-checkout-review-order-table td { padding: 15px 30px; line-height: 20px; } .woocommerce table.account-orders-table tbody th, .woocommerce table.order_details tbody th, .woocommerce table.woocommerce-checkout-review-order-table tbody th, .woocommerce table.account-orders-table tfoot th, .woocommerce table.order_details tfoot th, .woocommerce table.woocommerce-checkout-review-order-table tfoot th, .woocommerce table.account-orders-table tbody td, .woocommerce table.order_details tbody td, .woocommerce table.woocommerce-checkout-review-order-table tbody td, .woocommerce table.account-orders-table tfoot td, .woocommerce table.order_details tfoot td, .woocommerce table.woocommerce-checkout-review-order-table tfoot td { font-size: 14px; color: #777; font-weight: normal; } .woocommerce table.account-orders-table tbody th strong, .woocommerce table.order_details tbody th strong, .woocommerce table.woocommerce-checkout-review-order-table tbody th strong, .woocommerce table.account-orders-table tfoot th strong, .woocommerce table.order_details tfoot th strong, .woocommerce table.woocommerce-checkout-review-order-table tfoot th strong, .woocommerce table.account-orders-table tbody td strong, .woocommerce table.order_details tbody td strong, .woocommerce table.woocommerce-checkout-review-order-table tbody td strong, .woocommerce table.account-orders-table tfoot td strong, .woocommerce table.order_details tfoot td strong, .woocommerce table.woocommerce-checkout-review-order-table tfoot td strong { font-weight: normal; } .woocommerce table.account-orders-table tbody td, .woocommerce table.order_details tbody td, .woocommerce table.woocommerce-checkout-review-order-table tbody td, .woocommerce table.account-orders-table tfoot td, .woocommerce table.order_details tfoot td, .woocommerce table.woocommerce-checkout-review-order-table tfoot td { color: #333333; } .woocommerce table.account-orders-table tbody tr:first-child td, .woocommerce table.order_details tbody tr:first-child td, .woocommerce table.woocommerce-checkout-review-order-table tbody tr:first-child td { border-top: none; } .woocommerce table.account-orders-table tfoot tr:last-of-type td, .woocommerce table.order_details tfoot tr:last-of-type td, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-of-type td, .woocommerce table.account-orders-table tfoot tr:last-of-type th, .woocommerce table.order_details tfoot tr:last-of-type th, .woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-of-type th { background-color: #f4f4f4; border-top: none; } .woocommerce table.customer_details tbody th, .woocommerce table.customer_details tfoot th, .woocommerce table.customer_details tbody td, .woocommerce table.customer_details tfoot td { font-size: 14px; color: #777; font-weight: normal; } .woocommerce table.customer_details tbody th strong, .woocommerce table.customer_details tfoot th strong, .woocommerce table.customer_details tbody td strong, .woocommerce table.customer_details tfoot td strong { font-weight: normal; } .woocommerce table.customer_details tbody td, .woocommerce table.customer_details tfoot td { color: #333333; } .woocommerce table.customer_details th, .woocommerce table.customer_details td { padding: 15px 30px; line-height: 20px; } /** * Checkout Payment * ---------------------------------------------------------------------------- */ .woocommerce-checkout #payment { background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout #payment ul.payment_methods { padding: 0; border-bottom: 0; } .woocommerce-checkout #payment ul.payment_methods li label { color: #333333; letter-spacing: 0.05em; } .woocommerce-checkout #payment ul.payment_methods li + li { margin-top: 20px; } .woocommerce-checkout #payment ul.payment_methods li input { margin: 0 10px 0 0; } .woocommerce-checkout #payment div.payment_box { font-size: 15px; color: #858585; letter-spacing: 0.02em; background-color: transparent; padding: 0 0 0 30px; margin: 15px 0 0 0; line-height: 1.7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout #payment div.payment_box:before { display: none; } .woocommerce-checkout #payment div.form-row { padding: 0; margin: 20px 0 0 0; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: none; } @media (max-width: 768px) { .woocommerce-shipping-fields { margin-top: 50px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { width: auto; margin: 0; } } /** * My Account Pages * ---------------------------------------------------------------------------- */ .woocommerce-account.logged-in .woocommerce { margin-left: -15px; margin-right: -15px; } .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { padding-left: 15px; padding-right: 15px; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 25%; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { font-family: 'Montserrat'; padding: 0; margin: 0; line-height: 20px; font-size: 14px; font-weight: bold; position: relative; color: #333333; text-transform: uppercase; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: block; padding: 15px 20px; color: inherit; border-bottom: solid 1px #eeeeee; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { background-color: #3ab8bd; color: #ffffff; border-bottom-color: #3ab8bd; } .woocommerce-account .woocommerce-MyAccount-content { width: 75%; } .woocommerce-account .woocommerce-MyAccount-content fieldset { margin-bottom: 20px; padding: 20px; border-color: #dedede; } .woocommerce table.my_account_orders { font-size: 1em; } .woocommerce table.my_account_orders .order-actions .button { margin: 0; padding-top: 8.5px; padding-bottom: 8.5px; } @media (max-width: 768px) { .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; } .woocommerce-account .woocommerce-MyAccount-navigation ul { border-bottom: 1px solid #eeeeee; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { display: inline-block; font-size: 11px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { border-bottom: none; } .woocommerce-account .woocommerce-MyAccount-content { margin-top: 50px; } #customer_login .login { margin-bottom: 50px; } } /** * WishList Page * ---------------------------------------------------------------------------- */ .wishlist-title h2 { padding: 0; } .woocommerce table.wishlist_table { font-size: 100%; } /* -------------------------------------------- ORDER TRACKING -------------------------------------------- */ .track_order { text-align: center; } .track_order .input-text { text-align: center; } .track_order p:first-child { 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: 20px; } /** * 8.0 - ShortCode * ---------------------------------------------------------------------------- */ /** * Button * ---------------------------------------------------------------------------- */ .g5plus-btn-container { display: block; max-width: 100%; } .g5plus-btn-container.btn-inline { display: inline-block; vertical-align: top; } .g5plus-btn-container.btn-right { text-align: right; } .g5plus-btn-container.btn-center { text-align: center; } .g5plus-btn-container.btn-left { text-align: left; } .btn, button, input[type="submit"] { font-family: 'Montserrat'; display: inline-block; font-size: 13px; text-transform: uppercase; font-weight: bold; line-height: 20px; padding: 10.5px 30px; color: #ffffff; background-color: #3ab8bd; border: solid 2px transparent; background-clip: border-box; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .btn:hover, button:hover, input[type="submit"]:hover, .btn:focus, button:focus, input[type="submit"]:focus { color: #333333; background-color: transparent; border-color: #3ab8bd; } .btn:hover.btn-dark, button:hover.btn-dark, input[type="submit"]:hover.btn-dark, .btn:focus.btn-dark, button:focus.btn-dark, input[type="submit"]:focus.btn-dark { color: #fff; } .btn.btn-outline { border-color: #3ab8bd; color: #333333; background-color: transparent; } .btn.btn-outline.btn-dark { color: #fff; } .btn.btn-outline:focus, .btn.btn-outline:hover { border-color: transparent; background-color: #3ab8bd; color: #ffffff; } .btn-round { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .btn.disabled, .btn[disabled], button[disabled] { cursor: not-allowed; filter: alpha(opacity=65); opacity: .65; } .btn.btn-block { display: block; width: 100%; } .btn-icon i { height: 14px; line-height: 14px; display: inline-block; } .btn-icon-left i { margin-right: 10px; } .btn-icon-right i { margin-left: 10px; } .btn.btn-xs { padding-top: 8.5px; padding-bottom: 8.5px; } .btn.btn-md { padding-top: 12px; padding-bottom: 12px; } .btn.btn-lg { padding-top: 13px; padding-bottom: 13px; } .btn.btn-gray { color: #333333; background-color: #ddd; } .btn.btn-gray:hover, .btn.btn-gray:focus { border-color: #ddd; background-color: transparent; } .btn.btn-gray.btn-outline { border-color: #ddd; background-color: transparent; } .btn.btn-gray.btn-outline:focus, .btn.btn-gray.btn-outline:hover { border-color: transparent; background-color: #ddd; color: #333333; } .btn.btn-black { background-color: #000; } .btn.btn-black:hover, .btn.btn-black:focus { background-color: transparent; border-color: #000; } .btn.btn-black.btn-outline { border-color: #000; background-color: transparent; } .btn.btn-black.btn-outline:focus, .btn.btn-black.btn-outline:hover { border-color: transparent; background-color: #000; color: #ffffff; } .btn.btn-white { background-color: #fff; color: #333333; } .btn.btn-white:hover, .btn.btn-white:focus { background-color: transparent; border-color: #fff; color: #fff; } .btn.btn-white.btn-dark:hover, .btn.btn-white.btn-dark:focus { background-color: #3ab8bd; border-color: #3ab8bd; } .btn.btn-white.btn-outline { border-color: #fff; color: #fff; background-color: transparent; } .btn.btn-white.btn-outline:focus, .btn.btn-white.btn-outline:hover { border-color: transparent; background-color: #fff; color: #333333; } .btn.btn-link { background-color: transparent !important; border: none !important; padding: 0 10px 0 0; color: #3ab8bd; position: relative; } .btn.btn-link:before { font-family: 'FontAwesome'; content: '\f0da'; display: block; font-size: 17px; height: 14px; line-height: 14px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; } .btn.btn-link.btn-gray { color: #ddd; } .btn.btn-link.btn-black { color: #222; } .btn.btn-link.btn-white { color: #fff; } .btn.btn-link.btn-gray:hover, .btn.btn-link.btn-black:hover, .btn.btn-link.btn-white:hover, .btn.btn-link.btn-gray:focus, .btn.btn-link.btn-black:focus, .btn.btn-link.btn-white:focus { color: #3ab8bd; } .btn.btn-link:hover, .btn.btn-link:focus { padding-right: 12px; color: #333333; } .g5plus-banner { position: relative; color: #222; } .g5plus-banner img { width: 100%; } .g5plus-banner .bn-link { position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; } .g5plus-banner .banner-content { position: absolute; z-index: 2; } .g5plus-banner .text-top-center { top: 20px; left: 30px; right: 30px; margin-left: auto; margin-right: auto; text-align: center; } .g5plus-banner .text-middle-center { top: 50%; left: 30px; right: 30px; margin-left: auto; margin-right: auto; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .g5plus-banner .text-bottom-left { left: 30px; right: 30px; bottom: 30px; text-align: left; } .g5plus-banner .text-bottom-center { bottom: 30px; left: 30px; right: 30px; margin-left: auto; margin-right: auto; text-align: center; } .g5plus-banner .text-bottom-right { left: 30px; right: 30px; bottom: 30px; text-align: right; } .g5plus-gallery.col-gap-3.row { margin-left: -1.5px; margin-right: -1.5px; } .g5plus-gallery.col-gap-3.row .gf-item-wrap { padding-left: 1.5px; padding-right: 1.5px; margin-bottom: 3px; } .g5plus-gallery.col-gap-0.row { margin-left: 0; margin-right: 0; } .g5plus-gallery.col-gap-0.row .gf-item-wrap { padding-left: 0; padding-right: 0; } .g5plus-gallery .gf-gallery-item .gf-gallery-inner { position: relative; } .g5plus-gallery .gf-gallery-item .gf-gallery-inner img { width: 100%; display: block; } .g5plus-gallery .gf-gallery-item .gf-gallery-inner:before { position: absolute; display: block; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; } .g5plus-gallery .gf-gallery-item .gf-gallery-inner a { position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.8); -moz-transform: translate(-50%, -50%) scale(0.8); -o-transform: translate(-50%, -50%) scale(0.8); -ms-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); width: 42px; height: 42px; border: 1px solid #fff; opacity: 0; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .g5plus-gallery .gf-gallery-item .gf-gallery-inner a i { color: #fff; line-height: 40px; font-size: 12px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .g5plus-gallery .gf-gallery-item .gf-gallery-inner:hover:before, .g5plus-gallery .gf-gallery-item .gf-gallery-inner:hover a { opacity: 1; } .g5plus-gallery .gf-gallery-item .gf-gallery-inner:hover a { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .g5plus-gallery.g5plus-widget-gallery .gf-gallery-item .gf-gallery-inner a { width: 30px; height: 30px; } .g5plus-gallery.g5plus-widget-gallery .gf-gallery-item .gf-gallery-inner a i { line-height: 28px; } .overlay-light.suprema-effect .effect-content:before, .overlay-light.suprema-effect .effect-content:after { background-color: #3ab8bd; } .overlay-light.layla-effect .effect-content:after, .overlay-light.bubba-effect .effect-content:after { border-top-color: #3ab8bd; border-bottom-color: #3ab8bd; } .overlay-light.layla-effect .effect-content:before, .overlay-light.bubba-effect .effect-content:before { border-left-color: #3ab8bd; border-right-color: #3ab8bd; } .overlay-light.jazz-effect .effect-content:before { border-top-color: #3ab8bd; border-bottom-color: #3ab8bd; } .suprema-effect, .layla-effect, .bubba-effect, .jazz-effect { overflow: hidden; position: relative; } .suprema-effect:not(.portfolio-item):after, .layla-effect:not(.portfolio-item):after, .bubba-effect:not(.portfolio-item):after, .jazz-effect:not(.portfolio-item):after { -webkit-transition: opacity .8s ease .2s; transition: opacity .8s ease .15s; position: absolute; content: ''; display: block; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; z-index: 0; } .suprema-effect.overlay-light:after, .layla-effect.overlay-light:after, .bubba-effect.overlay-light:after, .jazz-effect.overlay-light:after { background-color: rgba(255, 255, 255, 0.8); } .suprema-effect .effect-content, .layla-effect .effect-content, .bubba-effect .effect-content, .jazz-effect .effect-content { position: relative; } .suprema-effect .effect-content:before, .layla-effect .effect-content:before, .bubba-effect .effect-content:before, .jazz-effect .effect-content:before, .suprema-effect .effect-content:after, .layla-effect .effect-content:after, .bubba-effect .effect-content:after, .jazz-effect .effect-content:after { position: absolute; content: ''; display: block; } .suprema-effect:hover:after, .layla-effect:hover:after, .bubba-effect:hover:after, .jazz-effect:hover:after, .suprema-effect:hover .effect-content:before, .layla-effect:hover .effect-content:before, .bubba-effect:hover .effect-content:before, .jazz-effect:hover .effect-content:before, .suprema-effect:hover .effect-content:after, .layla-effect:hover .effect-content:after, .bubba-effect:hover .effect-content:after, .jazz-effect:hover .effect-content:after { opacity: 1; } .suprema-effect .effect-content:before, .suprema-effect .effect-content:after { width: 45%; height: 2px; top: 50%; background: #fff; opacity: 0; z-index: 1; -webkit-transition: opacity 0.2s ease, -webkit-transform 0s 0.2s; transition: opacity .2s ease, transform 0s .2s; } .suprema-effect .effect-content:before { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 50%; } .suprema-effect .effect-content:after { right: 50%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .suprema-effect:hover .effect-content:before { transition: opacity 0.3s ease 50ms, transform 2s cubic-bezier(0.26, 0.63, 0, 0.96); -webkit-transform: rotate(-45deg) translateX(-1000px); -moz-transform: rotate(-45deg) translateX(-1000px); -o-transform: rotate(-45deg) translateX(-1000px); -ms-transform: rotate(-45deg) translateX(-1000px); transform: rotate(-45deg) translateX(-1000px); } .suprema-effect:hover .effect-content:after { transition: opacity 0.4s ease, transform 2s cubic-bezier(0.26, 0.63, 0, 0.96); -webkit-transform: rotate(-45deg) translateX(1000px); -moz-transform: rotate(-45deg) translateX(1000px); -o-transform: rotate(-45deg) translateX(1000px); -ms-transform: rotate(-45deg) translateX(1000px); transform: rotate(-45deg) translateX(1000px); } .layla-effect .effect-content:after, .bubba-effect .effect-content:after, .layla-effect .effect-content:before, .bubba-effect .effect-content:before { content: ''; display: block; background-color: transparent; position: absolute; z-index: 1; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .layla-effect .effect-content:after, .bubba-effect .effect-content:after { top: 25px; bottom: 25px; left: 50%; right: 50%; border-top-width: 1px; border-top-style: solid; border-top-color: #fff; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #fff; } .layla-effect .effect-content:before, .bubba-effect .effect-content:before { top: 50%; bottom: 50%; left: 25px; right: 25px; border-left-width: 1px; border-left-style: solid; border-left-color: #fff; border-right-width: 1px; border-right-style: solid; border-right-color: #fff; } .layla-effect:hover .effect-content:after { left: 10px; right: 10px; } .layla-effect:hover .effect-content:before { top: 10px; bottom: 10px; } .bubba-effect:hover .effect-content:after { left: 25px; right: 25px; } .bubba-effect:hover .effect-content:before { top: 25px; bottom: 25px; } .jazz-effect .effect-content:before { background-color: transparent; z-index: 1; width: 100%; height: 100%; top: 0; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border-top-width: 1px; border-top-style: solid; border-top-color: #fff; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #fff; -webkit-transform: rotate(45deg) scale(0.5); -moz-transform: rotate(45deg) scale(0.5); -o-transform: rotate(45deg) scale(0.5); -ms-transform: rotate(45deg) scale(0.5); transform: rotate(45deg) scale(0.5); } .jazz-effect:hover .effect-content:before { -webkit-transform: rotate(45deg) scale(1); -moz-transform: rotate(45deg) scale(1); -o-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } /* ------- Custom VC_Progress_Bar -------*/ .vc_progress_bar.prb_vl_move .progress-bar-title { margin-bottom: 12px; display: block; color: #212121; } .vc_progress_bar.prb_vl_move .vc_single_bar { border-radius: 0; height: 12px; margin-bottom: 33px; background: #F5F5F5; box-shadow: none; } .vc_progress_bar.prb_vl_move .vc_single_bar .vc_bar { height: 12px; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; } .vc_progress_bar.prb_vl_move .vc_single_bar .vc_bar .vc_label_units { position: absolute; right: -31px; top: -31px; background: #333333; color: #ffffff; width: 31px; height: 18px; font-weight: 600; font-size: 10px; text-align: center; } .vc_progress_bar.prb_vl_move .vc_single_bar .vc_bar .vc_label_units:before { border-left: 0; border-right: 7px solid transparent; border-top-style: solid; border-top-width: 7px; border-top-color: #333333; content: ""; left: 0; position: absolute; top: 18px; } .vc_progress_bar.prb_vl_right .progress-bar-title { margin-bottom: 12px; display: block; color: #999999; font-size: 13px; } .vc_progress_bar.prb_vl_right .vc_single_bar { border-radius: 0; height: 8px; margin-bottom: 27px; background: #fff; border-width: 1px; border-style: solid; border-color: #eeeeee; box-shadow: none; } .vc_progress_bar.prb_vl_right .vc_single_bar .vc_bar { height: 8px; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; top: -1px; } .vc_progress_bar.prb_vl_right .vc_single_bar .vc_label_units { position: absolute; right: 0; top: -36px; color: #333333; font-weight: 700; font-size: 13px; } /* -----------Heading---------*/ .g5plus-heading:after { border-bottom-color: #3ab8bd; } /** * VC_Message Box * ---------------------------------------------------------------------------- */ .vc_message_box { padding: 11px 11px 11px 45px; margin: 0 0 20px; } .vc_message_box-icon { width: 45px; } .vc_message_box-icon > *, .vc_message_box-icon > .fa { font-size: 14px; line-height: 1.6; } .vc_color-success.vc_message_box-solid { color: #58A739; border-color: transparent; background-color: #E0F2D9; } .vc_color-success.vc_message_box-solid .vc_message_box-icon { color: #58A739; } .vc_color-info.vc_message_box-solid { color: #3D6DBF; border-color: transparent; background-color: #ECF1F9; } .vc_color-info.vc_message_box-solid .vc_message_box-icon { color: #3D6EBF; } .vc_color-warning.vc_message_box-solid { color: #EB9A0A; border-color: transparent; background-color: #FDF9DF; } .vc_color-warning.vc_message_box-solid .vc_message_box-icon { color: #EB9B0A; } .vc_color-danger.vc_message_box-solid { color: #DF5F5F; border-color: transparent; background-color: #FFECEC; } .vc_color-danger.vc_message_box-solid .vc_message_box-icon { color: #DF5F5F; } /* DropCaps */ .dc-classic.dc-scheme-accent p > .first-letter { color: #3ab8bd; } .dc-classic.dc-scheme-dark p > .first-letter { color: #333333; } .dc-outline.dc-scheme-accent p > .first-letter { color: #3ab8bd; border-color: #3ab8bd; } .dc-outline.dc-scheme-dark p > .first-letter { color: #333333; border-color: #333333; } .dc-background.dc-scheme-accent p > .first-letter { background-color: #3ab8bd; } .dc-background.dc-scheme-dark p > .first-letter { background-color: #333333; } .dc-background.dc-scheme-light p > .first-letter { color: #3ab8bd; } /* Gallery */ .gf-gallery-item .gf-gallery-inner a:hover { border-color: #3ab8bd; } .gf-gallery-item .gf-gallery-inner a:hover i { color: #3ab8bd; } /* Icon Box */ .g5plus-icon-box .ib-content span { color: #333333; } .g5plus-icon-box .ib-content a span:hover { color: #3ab8bd; } .g5plus-icon-box:not(.icon-classic).icon-scheme-light.icon-bg-circle-fill:hover .ib-shape-inner { background-color: #3ab8bd; } .g5plus-icon-box.icon-classic.icon-scheme-accent i { color: #3ab8bd; } .g5plus-icon-box.icon-classic.icon-scheme-accent:not(.ib-right-bg):hover i { color: #dedede; } .g5plus-icon-box.icon-classic.icon-scheme-dark i { color: #333333; } .g5plus-icon-box.icon-classic.icon-scheme-dark:not(.ib-right-bg):hover i { color: #dedede; } .g5plus-icon-box.icon-classic.icon-scheme-light:not(.ib-right-bg):hover i { color: #3ab8bd; } .g5plus-icon-box.icon-classic.icon-scheme-gray i { color: #dedede; } .g5plus-icon-box.icon-classic.icon-scheme-gray:not(.ib-right-bg):hover i { color: #3ab8bd; } .g5plus-icon-box.icon-bg-circle-fill.icon-scheme-accent .ib-shape-inner { background-color: #3ab8bd; } .g5plus-icon-box.icon-bg-circle-fill.icon-scheme-dark .ib-shape-inner { background-color: #333333; } .g5plus-icon-box.icon-bg-circle-fill.icon-scheme-gray .ib-shape-inner { background-color: #dedede; } .g5plus-icon-box.icon-bg-circle-outline.icon-scheme-accent .ib-shape-inner { border-color: #3ab8bd; } .g5plus-icon-box.icon-bg-circle-outline.icon-scheme-accent .ib-shape-inner i { color: #3ab8bd; } .g5plus-icon-box.icon-bg-circle-outline.icon-scheme-dark .ib-shape-inner { border-color: #333333; } .g5plus-icon-box.icon-bg-circle-outline.icon-scheme-dark .ib-shape-inner i { color: #333333; } .g5plus-icon-box.icon-bg-circle-outline.icon-scheme-gray .ib-shape-inner { border-color: #dedede; } .g5plus-icon-box.icon-bg-circle-outline.icon-scheme-gray .ib-shape-inner i { color: #dedede; } .g5plus-icon-box.icon-bg-circle-fill-outline.icon-scheme-accent .ib-shape-inner { border-color: #3ab8bd; } .g5plus-icon-box.icon-bg-circle-fill-outline.icon-scheme-accent .ib-shape-inner:before { background-color: #3ab8bd; } .g5plus-icon-box.icon-bg-circle-fill-outline.icon-scheme-dark .ib-shape-inner { border-color: #333333; } .g5plus-icon-box.icon-bg-circle-fill-outline.icon-scheme-dark .ib-shape-inner:before { background-color: #333333; } .g5plus-icon-box.icon-bg-circle-fill-outline.icon-scheme-light .ib-shape-inner i { color: #3ab8bd; } .g5plus-icon-box.icon-bg-circle-fill-outline.icon-scheme-gray .ib-shape-inner { border-color: #dedede; } .g5plus-icon-box.icon-bg-circle-fill-outline.icon-scheme-gray .ib-shape-inner:before { background-color: #dedede; } .g5plus-icon-box.has-box-shadow:not(.icon-bg-circle-fill-outline).icon-scheme-accent:hover .ib-shape-inner i, .g5plus-icon-box.has-box-shadow:not(.icon-bg-circle-fill-outline).icon-scheme-dark:hover .ib-shape-inner i, .g5plus-icon-box.has-box-shadow:not(.icon-bg-circle-fill-outline).icon-scheme-gray:hover .ib-shape-inner i { color: #3ab8bd; } .g5plus-icon-box.has-box-shadow.icon-bg-circle-fill-outline.icon-scheme-accent:hover .ib-shape-inner i, .g5plus-icon-box.has-box-shadow.icon-bg-circle-fill-outline.icon-scheme-dark:hover .ib-shape-inner i, .g5plus-icon-box.has-box-shadow.icon-bg-circle-fill-outline.icon-scheme-gray:hover .ib-shape-inner i { color: #3ab8bd; } .g5plus-icon-box.has-box-shadow.icon-bg-circle-fill-outline.icon-scheme-light:hover .ib-shape-inner { border-color: #3ab8bd; } .g5plus-icon-box.has-box-shadow.icon-bg-circle-fill-outline.icon-scheme-light:hover .ib-shape-inner:before { background-color: #3ab8bd; } .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-fill.icon-scheme-accent:hover .ib-shape-inner { background-color: #dedede; } .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-fill.icon-scheme-accent:hover .ib-shape-inner i { color: #3ab8bd; } .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-fill.icon-scheme-gray:hover .ib-shape-inner, .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-fill.icon-scheme-dark:hover .ib-shape-inner { background-color: #3ab8bd; } .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-outline.icon-scheme-accent:hover .ib-shape-inner, .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-outline.icon-scheme-dark:hover .ib-shape-inner { border-color: #dedede; } .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-outline.icon-scheme-accent:hover .ib-shape-inner i, .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-outline.icon-scheme-dark:hover .ib-shape-inner i { color: #dedede; } .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-outline.icon-scheme-gray:hover .ib-shape-inner, .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-outline.icon-scheme-light:hover .ib-shape-inner { border-color: #3ab8bd; } .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-outline.icon-scheme-gray:hover .ib-shape-inner i, .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-outline.icon-scheme-light:hover .ib-shape-inner i { color: #3ab8bd; } .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-fill-outline.icon-scheme-accent:hover .ib-shape-inner, .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-fill-outline.icon-scheme-dark:hover .ib-shape-inner { border-color: #dedede; } .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-fill-outline.icon-scheme-accent:hover .ib-shape-inner:before, .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-fill-outline.icon-scheme-dark:hover .ib-shape-inner:before { background-color: #dedede; } .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-fill-outline.icon-scheme-light:hover .ib-shape-inner, .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-fill-outline.icon-scheme-gray:hover .ib-shape-inner { border-color: #3ab8bd; } .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-fill-outline.icon-scheme-light:hover .ib-shape-inner:before, .g5plus-icon-box:not(.has-box-shadow):not(.icon-classic).icon-bg-circle-fill-outline.icon-scheme-gray:hover .ib-shape-inner:before { background-color: #3ab8bd; } .g5plus-icon-box.ib-right-bg .ib-content span { color: #333333; } .g5plus-icon-box.ib-right-bg .ib-shape { border-color: #eeeeee; } .g5plus-icon-box.icon-box-light .ib-content a span:hover { color: #3ab8bd; } /* Our Team */ .g5plus-ourteam .ourteam-content { border-color: #eeeeee; } .g5plus-ourteam .ourteam-content .social-share-icon { background-color: #3ab8bd; } .g5plus-ourteam .ourteam-content .social-profiles a:hover i { color: #3ab8bd; } .g5plus-ourteam .ourteam-content span { color: #333333; } /* Portfolio */ .g5plus-portfolio .portfolio-inner .portfolio-item-content a.title:hover { color: #3ab8bd; } .g5plus-portfolio .portfolio-inner .portfolio-item-content p { color: #eeeeee; } .g5plus-portfolio .portfolio-inner .portfolio-item-content a.view-gallery:hover, .g5plus-portfolio .portfolio-inner .portfolio-item-content a.link-single:hover { border-color: #3ab8bd; } .g5plus-portfolio .portfolio-inner .portfolio-item-content a.view-gallery:hover i, .g5plus-portfolio .portfolio-inner .portfolio-item-content a.link-single:hover i { color: #3ab8bd; } .active-cate-accent .portfolio-filter-content a:hover, .active-cate-accent .portfolio-filter-content .active-filter { color: #3ab8bd; } .portfolio-single .portfolio-thumbnail .view-gallery:hover, .portfolio-single .portfolio-single-item .view-gallery:hover, .portfolio-single .portfolio-thumbnail .view-video:hover, .portfolio-single .portfolio-single-item .view-video:hover { border-color: #3ab8bd; color: #3ab8bd; } .portfolio-single:not(.portfolio-two-columns) .portfolio-info h4:before { background-color: #3ab8bd; } .portfolio-single .portfolio-info-detail .portfolio-label { color: #333333; } .portfolio-related h4 { border-bottom-color: #eeeeee; } .portfolio-two-columns .portfolio-info-detail > div:not(.portfolio-activities) { border-top-color: #eeeeee; } .portfolio-two-columns .portfolio-info-detail .portfolio-cate { border-bottom-color: #eeeeee; } /* --------------Toggle----------------*/ .vc_toggle { border-width: 1px; border-style: solid; border-color: #eeeeee; padding: 31px 35px 20px 35px; margin-bottom: 10px; } .vc_toggle .vc_toggle_title .vc_toggle_icon { -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; border: solid 1px; width: 24px; height: 24px; left: -10px !important; top: 40% !important; font-family: 'Pe-icon-7-stroke' !important; font-size: 26px; font-style: inherit; font-weight: bold; text-align: center; line-height: 22px; color: #fff; } .vc_toggle .vc_toggle_title .vc_toggle_icon:before { content: '\e684'; display: block; height: 100%; width: 100%; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; transform: translate(-57%, -47%); } .vc_toggle .vc_toggle_title .vc_toggle_icon:after { display: none; } .vc_toggle .vc_toggle_title:hover h1, .vc_toggle .vc_toggle_title:hover h2, .vc_toggle .vc_toggle_title:hover h3, .vc_toggle .vc_toggle_title:hover h4, .vc_toggle .vc_toggle_title:hover h5, .vc_toggle .vc_toggle_title:hover h6, .vc_toggle .vc_toggle_title:hover p, .vc_toggle .vc_toggle_title:hover div { color: #3ab8bd !important; } .vc_toggle .vc_toggle_title:hover .vc_toggle_icon { border-color: #3ab8bd !important; } .vc_toggle .vc_toggle_title:hover .vc_toggle_icon:before { background-color: #3ab8bd !important; } .vc_toggle .vc_toggle_title * { letter-spacing: 0.3em; } .vc_toggle .vc_toggle_title h4 { font-family: 'Lato'; font-size: 15px; font-weight: bold; } .vc_toggle .vc_toggle_content { margin-bottom: 6px; } .vc_toggle .vc_toggle_content p { font-size: 14px; color: #999999; line-height: 1.6; letter-spacing: 0.05em; } .vc_toggle.vc_toggle_rounded { -webkit-border-radius: 10px; -webkit-background-clip: padding-box; -moz-border-radius: 10px; -moz-background-clip: padding; border-radius: 10px; background-clip: padding-box; } .vc_toggle.vc_toggle_active .vc_toggle_title h1, .vc_toggle.vc_toggle_active .vc_toggle_title h2, .vc_toggle.vc_toggle_active .vc_toggle_title h3, .vc_toggle.vc_toggle_active .vc_toggle_title h4, .vc_toggle.vc_toggle_active .vc_toggle_title h5, .vc_toggle.vc_toggle_active .vc_toggle_title h6, .vc_toggle.vc_toggle_active .vc_toggle_title p, .vc_toggle.vc_toggle_active .vc_toggle_title div { color: #3ab8bd !important; } .vc_toggle.vc_toggle_active .vc_toggle_title .vc_toggle_icon { border-color: #3ab8bd !important; color: #fff; } .vc_toggle.vc_toggle_active .vc_toggle_title .vc_toggle_icon:before { content: "\e688"; background-color: #3ab8bd !important; } .vc_toggle.vc_toggle_color_inverted .vc_toggle_title:hover h1, .vc_toggle.vc_toggle_color_inverted .vc_toggle_title:hover h2, .vc_toggle.vc_toggle_color_inverted .vc_toggle_title:hover h3, .vc_toggle.vc_toggle_color_inverted .vc_toggle_title:hover h4, .vc_toggle.vc_toggle_color_inverted .vc_toggle_title:hover h5, .vc_toggle.vc_toggle_color_inverted .vc_toggle_title:hover h6, .vc_toggle.vc_toggle_color_inverted .vc_toggle_title:hover p, .vc_toggle.vc_toggle_color_inverted .vc_toggle_title:hover div { color: #3ab8bd !important; } .vc_toggle.vc_toggle_color_inverted .vc_toggle_title:hover .vc_toggle_icon { border-color: #3ab8bd !important; color: #3ab8bd !important; } .vc_toggle.vc_toggle_color_inverted .vc_toggle_title:hover .vc_toggle_icon:before { background-color: transparent !important; } .vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title h1, .vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title h2, .vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title h3, .vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title h4, .vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title h5, .vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title h6, .vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title p, .vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title div { color: #3ab8bd !important; } .vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title .vc_toggle_icon { border-color: #3ab8bd !important; color: #3ab8bd !important; } .vc_toggle.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title .vc_toggle_icon:before { background-color: transparent !important; } .vc_toggle.vc_toggle_color_primary .vc_toggle_title h1, .vc_toggle.vc_toggle_color_primary .vc_toggle_title h2, .vc_toggle.vc_toggle_color_primary .vc_toggle_title h3, .vc_toggle.vc_toggle_color_primary .vc_toggle_title h4, .vc_toggle.vc_toggle_color_primary .vc_toggle_title h5, .vc_toggle.vc_toggle_color_primary .vc_toggle_title h6, .vc_toggle.vc_toggle_color_primary .vc_toggle_title p, .vc_toggle.vc_toggle_color_primary .vc_toggle_title div { color: #3ab8bd; } .vc_toggle.vc_toggle_color_primary .vc_toggle_title .vc_toggle_icon { border-color: #3ab8bd; } .vc_toggle.vc_toggle_color_primary .vc_toggle_title .vc_toggle_icon:before { background-color: #3ab8bd; } .vc_toggle.vc_toggle_color_primary .vc_toggle_title:hover h1, .vc_toggle.vc_toggle_color_primary .vc_toggle_title:hover h2, .vc_toggle.vc_toggle_color_primary .vc_toggle_title:hover h3, .vc_toggle.vc_toggle_color_primary .vc_toggle_title:hover h4, .vc_toggle.vc_toggle_color_primary .vc_toggle_title:hover h5, .vc_toggle.vc_toggle_color_primary .vc_toggle_title:hover h6, .vc_toggle.vc_toggle_color_primary .vc_toggle_title:hover p, .vc_toggle.vc_toggle_color_primary .vc_toggle_title:hover div { color: #333333 !important; } .vc_toggle.vc_toggle_color_primary .vc_toggle_title:hover .vc_toggle_icon { border-color: #333333 !important; } .vc_toggle.vc_toggle_color_primary .vc_toggle_title:hover .vc_toggle_icon:before { background-color: #333333 !important; } .vc_toggle.vc_toggle_color_primary.vc_toggle_active .vc_toggle_title h1, .vc_toggle.vc_toggle_color_primary.vc_toggle_active .vc_toggle_title h2, .vc_toggle.vc_toggle_color_primary.vc_toggle_active .vc_toggle_title h3, .vc_toggle.vc_toggle_color_primary.vc_toggle_active .vc_toggle_title h4, .vc_toggle.vc_toggle_color_primary.vc_toggle_active .vc_toggle_title h5, .vc_toggle.vc_toggle_color_primary.vc_toggle_active .vc_toggle_title h6, .vc_toggle.vc_toggle_color_primary.vc_toggle_active .vc_toggle_title p, .vc_toggle.vc_toggle_color_primary.vc_toggle_active .vc_toggle_title div { color: #333333 !important; } .vc_toggle.vc_toggle_color_primary.vc_toggle_active .vc_toggle_title .vc_toggle_icon { border-color: #333333 !important; } .vc_toggle.vc_toggle_color_primary.vc_toggle_active .vc_toggle_title .vc_toggle_icon:before { background-color: #333333 !important; } .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: #3ab8bd; color: #3ab8bd; } .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted .vc_toggle_title:hover h1, .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted .vc_toggle_title:hover h2, .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted .vc_toggle_title:hover h3, .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted .vc_toggle_title:hover h4, .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted .vc_toggle_title:hover h5, .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted .vc_toggle_title:hover h6, .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted .vc_toggle_title:hover p, .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted .vc_toggle_title:hover div { color: #333333 !important; } .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted .vc_toggle_title:hover .vc_toggle_icon { border-color: #333 !important; color: #333333 !important; } .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted .vc_toggle_title:hover .vc_toggle_icon:before { background-color: transparent !important; } .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title h1, .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title h2, .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title h3, .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title h4, .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title h5, .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title h6, .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title p, .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title div { color: #333333 !important; } .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title .vc_toggle_icon { border-color: #333333 !important; color: #333333 !important; } .vc_toggle.vc_toggle_color_primary.vc_toggle_color_inverted.vc_toggle_active .vc_toggle_title .vc_toggle_icon:before { background-color: transparent !important; } .vc_toggle.vc_toggle_color_default .vc_toggle_title h1, .vc_toggle.vc_toggle_color_default .vc_toggle_title h2, .vc_toggle.vc_toggle_color_default .vc_toggle_title h3, .vc_toggle.vc_toggle_color_default .vc_toggle_title h4, .vc_toggle.vc_toggle_color_default .vc_toggle_title h5, .vc_toggle.vc_toggle_color_default .vc_toggle_title h6, .vc_toggle.vc_toggle_color_default .vc_toggle_title p, .vc_toggle.vc_toggle_color_default .vc_toggle_title div { color: #333333; } .vc_toggle.vc_toggle_color_default .vc_toggle_title .vc_toggle_icon { border-color: #333333; } .vc_toggle.vc_toggle_color_default .vc_toggle_title .vc_toggle_icon:before { background-color: #333333; } .vc_toggle.vc_toggle_color_default.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: #333333; color: #333333; } .vc_toggle.vc_toggle_color_default.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_blue .vc_toggle_title h1, .vc_toggle.vc_toggle_color_blue .vc_toggle_title h2, .vc_toggle.vc_toggle_color_blue .vc_toggle_title h3, .vc_toggle.vc_toggle_color_blue .vc_toggle_title h4, .vc_toggle.vc_toggle_color_blue .vc_toggle_title h5, .vc_toggle.vc_toggle_color_blue .vc_toggle_title h6, .vc_toggle.vc_toggle_color_blue .vc_toggle_title p, .vc_toggle.vc_toggle_color_blue .vc_toggle_title div { color: #0000ff; } .vc_toggle.vc_toggle_color_blue .vc_toggle_title .vc_toggle_icon { border-color: #0000ff; } .vc_toggle.vc_toggle_color_blue .vc_toggle_title .vc_toggle_icon:before { background-color: #0000ff; } .vc_toggle.vc_toggle_color_blue.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: #0000ff; color: #0000ff; } .vc_toggle.vc_toggle_color_blue.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_turquoise .vc_toggle_title h1, .vc_toggle.vc_toggle_color_turquoise .vc_toggle_title h2, .vc_toggle.vc_toggle_color_turquoise .vc_toggle_title h3, .vc_toggle.vc_toggle_color_turquoise .vc_toggle_title h4, .vc_toggle.vc_toggle_color_turquoise .vc_toggle_title h5, .vc_toggle.vc_toggle_color_turquoise .vc_toggle_title h6, .vc_toggle.vc_toggle_color_turquoise .vc_toggle_title p, .vc_toggle.vc_toggle_color_turquoise .vc_toggle_title div { color: turquoise; } .vc_toggle.vc_toggle_color_turquoise .vc_toggle_title .vc_toggle_icon { border-color: turquoise; } .vc_toggle.vc_toggle_color_turquoise .vc_toggle_title .vc_toggle_icon:before { background-color: turquoise; } .vc_toggle.vc_toggle_color_turquoise.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: turquoise; color: turquoise; } .vc_toggle.vc_toggle_color_turquoise.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_pink .vc_toggle_title h1, .vc_toggle.vc_toggle_color_pink .vc_toggle_title h2, .vc_toggle.vc_toggle_color_pink .vc_toggle_title h3, .vc_toggle.vc_toggle_color_pink .vc_toggle_title h4, .vc_toggle.vc_toggle_color_pink .vc_toggle_title h5, .vc_toggle.vc_toggle_color_pink .vc_toggle_title h6, .vc_toggle.vc_toggle_color_pink .vc_toggle_title p, .vc_toggle.vc_toggle_color_pink .vc_toggle_title div { color: pink; } .vc_toggle.vc_toggle_color_pink .vc_toggle_title .vc_toggle_icon { border-color: pink; } .vc_toggle.vc_toggle_color_pink .vc_toggle_title .vc_toggle_icon:before { background-color: pink; } .vc_toggle.vc_toggle_color_pink.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: pink; color: pink; } .vc_toggle.vc_toggle_color_pink.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_violet .vc_toggle_title h1, .vc_toggle.vc_toggle_color_violet .vc_toggle_title h2, .vc_toggle.vc_toggle_color_violet .vc_toggle_title h3, .vc_toggle.vc_toggle_color_violet .vc_toggle_title h4, .vc_toggle.vc_toggle_color_violet .vc_toggle_title h5, .vc_toggle.vc_toggle_color_violet .vc_toggle_title h6, .vc_toggle.vc_toggle_color_violet .vc_toggle_title p, .vc_toggle.vc_toggle_color_violet .vc_toggle_title div { color: violet; } .vc_toggle.vc_toggle_color_violet .vc_toggle_title .vc_toggle_icon { border-color: violet; } .vc_toggle.vc_toggle_color_violet .vc_toggle_title .vc_toggle_icon:before { background-color: violet; } .vc_toggle.vc_toggle_color_violet.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: violet; color: violet; } .vc_toggle.vc_toggle_color_violet.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_peacoc .vc_toggle_title h1, .vc_toggle.vc_toggle_color_peacoc .vc_toggle_title h2, .vc_toggle.vc_toggle_color_peacoc .vc_toggle_title h3, .vc_toggle.vc_toggle_color_peacoc .vc_toggle_title h4, .vc_toggle.vc_toggle_color_peacoc .vc_toggle_title h5, .vc_toggle.vc_toggle_color_peacoc .vc_toggle_title h6, .vc_toggle.vc_toggle_color_peacoc .vc_toggle_title p, .vc_toggle.vc_toggle_color_peacoc .vc_toggle_title div { color: #4CADC9; } .vc_toggle.vc_toggle_color_peacoc .vc_toggle_title .vc_toggle_icon { border-color: #4CADC9; } .vc_toggle.vc_toggle_color_peacoc .vc_toggle_title .vc_toggle_icon:before { background-color: #4CADC9; } .vc_toggle.vc_toggle_color_peacoc.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: #4CADC9; color: #4CADC9; } .vc_toggle.vc_toggle_color_peacoc.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_chino .vc_toggle_title h1, .vc_toggle.vc_toggle_color_chino .vc_toggle_title h2, .vc_toggle.vc_toggle_color_chino .vc_toggle_title h3, .vc_toggle.vc_toggle_color_chino .vc_toggle_title h4, .vc_toggle.vc_toggle_color_chino .vc_toggle_title h5, .vc_toggle.vc_toggle_color_chino .vc_toggle_title h6, .vc_toggle.vc_toggle_color_chino .vc_toggle_title p, .vc_toggle.vc_toggle_color_chino .vc_toggle_title div { color: #CEC2AB; } .vc_toggle.vc_toggle_color_chino .vc_toggle_title .vc_toggle_icon { border-color: #CEC2AB; } .vc_toggle.vc_toggle_color_chino .vc_toggle_title .vc_toggle_icon:before { background-color: #CEC2AB; } .vc_toggle.vc_toggle_color_chino.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: #CEC2AB; color: #CEC2AB; } .vc_toggle.vc_toggle_color_chino.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_mulled_wine .vc_toggle_title h1, .vc_toggle.vc_toggle_color_mulled_wine .vc_toggle_title h2, .vc_toggle.vc_toggle_color_mulled_wine .vc_toggle_title h3, .vc_toggle.vc_toggle_color_mulled_wine .vc_toggle_title h4, .vc_toggle.vc_toggle_color_mulled_wine .vc_toggle_title h5, .vc_toggle.vc_toggle_color_mulled_wine .vc_toggle_title h6, .vc_toggle.vc_toggle_color_mulled_wine .vc_toggle_title p, .vc_toggle.vc_toggle_color_mulled_wine .vc_toggle_title div { color: #50485B; } .vc_toggle.vc_toggle_color_mulled_wine .vc_toggle_title .vc_toggle_icon { border-color: #50485B; } .vc_toggle.vc_toggle_color_mulled_wine .vc_toggle_title .vc_toggle_icon:before { background-color: #50485B; } .vc_toggle.vc_toggle_color_mulled_wine.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: #50485B; color: #50485B; } .vc_toggle.vc_toggle_color_mulled_wine.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_vista_blue .vc_toggle_title h1, .vc_toggle.vc_toggle_color_vista_blue .vc_toggle_title h2, .vc_toggle.vc_toggle_color_vista_blue .vc_toggle_title h3, .vc_toggle.vc_toggle_color_vista_blue .vc_toggle_title h4, .vc_toggle.vc_toggle_color_vista_blue .vc_toggle_title h5, .vc_toggle.vc_toggle_color_vista_blue .vc_toggle_title h6, .vc_toggle.vc_toggle_color_vista_blue .vc_toggle_title p, .vc_toggle.vc_toggle_color_vista_blue .vc_toggle_title div { color: #75D69C; } .vc_toggle.vc_toggle_color_vista_blue .vc_toggle_title .vc_toggle_icon { border-color: #75D69C; } .vc_toggle.vc_toggle_color_vista_blue .vc_toggle_title .vc_toggle_icon:before { background-color: #75D69C; } .vc_toggle.vc_toggle_color_vista_blue.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: #75D69C; color: #75D69C; } .vc_toggle.vc_toggle_color_vista_blue.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_black .vc_toggle_title h1, .vc_toggle.vc_toggle_color_black .vc_toggle_title h2, .vc_toggle.vc_toggle_color_black .vc_toggle_title h3, .vc_toggle.vc_toggle_color_black .vc_toggle_title h4, .vc_toggle.vc_toggle_color_black .vc_toggle_title h5, .vc_toggle.vc_toggle_color_black .vc_toggle_title h6, .vc_toggle.vc_toggle_color_black .vc_toggle_title p, .vc_toggle.vc_toggle_color_black .vc_toggle_title div { color: #000; } .vc_toggle.vc_toggle_color_black .vc_toggle_title .vc_toggle_icon { border-color: #000; } .vc_toggle.vc_toggle_color_black .vc_toggle_title .vc_toggle_icon:before { background-color: #000; } .vc_toggle.vc_toggle_color_black.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: #000; color: #000; } .vc_toggle.vc_toggle_color_black.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_grey .vc_toggle_title h1, .vc_toggle.vc_toggle_color_grey .vc_toggle_title h2, .vc_toggle.vc_toggle_color_grey .vc_toggle_title h3, .vc_toggle.vc_toggle_color_grey .vc_toggle_title h4, .vc_toggle.vc_toggle_color_grey .vc_toggle_title h5, .vc_toggle.vc_toggle_color_grey .vc_toggle_title h6, .vc_toggle.vc_toggle_color_grey .vc_toggle_title p, .vc_toggle.vc_toggle_color_grey .vc_toggle_title div { color: #808080; } .vc_toggle.vc_toggle_color_grey .vc_toggle_title .vc_toggle_icon { border-color: #808080; } .vc_toggle.vc_toggle_color_grey .vc_toggle_title .vc_toggle_icon:before { background-color: #808080; } .vc_toggle.vc_toggle_color_grey.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: #808080; color: #808080; } .vc_toggle.vc_toggle_color_grey.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_orange .vc_toggle_title h1, .vc_toggle.vc_toggle_color_orange .vc_toggle_title h2, .vc_toggle.vc_toggle_color_orange .vc_toggle_title h3, .vc_toggle.vc_toggle_color_orange .vc_toggle_title h4, .vc_toggle.vc_toggle_color_orange .vc_toggle_title h5, .vc_toggle.vc_toggle_color_orange .vc_toggle_title h6, .vc_toggle.vc_toggle_color_orange .vc_toggle_title p, .vc_toggle.vc_toggle_color_orange .vc_toggle_title div { color: orange; } .vc_toggle.vc_toggle_color_orange .vc_toggle_title .vc_toggle_icon { border-color: orange; } .vc_toggle.vc_toggle_color_orange .vc_toggle_title .vc_toggle_icon:before { background-color: orange; } .vc_toggle.vc_toggle_color_orange.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: orange; color: orange; } .vc_toggle.vc_toggle_color_orange.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_sky .vc_toggle_title h1, .vc_toggle.vc_toggle_color_sky .vc_toggle_title h2, .vc_toggle.vc_toggle_color_sky .vc_toggle_title h3, .vc_toggle.vc_toggle_color_sky .vc_toggle_title h4, .vc_toggle.vc_toggle_color_sky .vc_toggle_title h5, .vc_toggle.vc_toggle_color_sky .vc_toggle_title h6, .vc_toggle.vc_toggle_color_sky .vc_toggle_title p, .vc_toggle.vc_toggle_color_sky .vc_toggle_title div { color: #5AA1E3; } .vc_toggle.vc_toggle_color_sky .vc_toggle_title .vc_toggle_icon { border-color: #5AA1E3; } .vc_toggle.vc_toggle_color_sky .vc_toggle_title .vc_toggle_icon:before { background-color: #5AA1E3; } .vc_toggle.vc_toggle_color_sky.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: #5AA1E3; color: #5AA1E3; } .vc_toggle.vc_toggle_color_sky.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_green .vc_toggle_title h1, .vc_toggle.vc_toggle_color_green .vc_toggle_title h2, .vc_toggle.vc_toggle_color_green .vc_toggle_title h3, .vc_toggle.vc_toggle_color_green .vc_toggle_title h4, .vc_toggle.vc_toggle_color_green .vc_toggle_title h5, .vc_toggle.vc_toggle_color_green .vc_toggle_title h6, .vc_toggle.vc_toggle_color_green .vc_toggle_title p, .vc_toggle.vc_toggle_color_green .vc_toggle_title div { color: green; } .vc_toggle.vc_toggle_color_green .vc_toggle_title .vc_toggle_icon { border-color: green; } .vc_toggle.vc_toggle_color_green .vc_toggle_title .vc_toggle_icon:before { background-color: green; } .vc_toggle.vc_toggle_color_green.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: green; color: green; } .vc_toggle.vc_toggle_color_green.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_juicy_pink .vc_toggle_title h1, .vc_toggle.vc_toggle_color_juicy_pink .vc_toggle_title h2, .vc_toggle.vc_toggle_color_juicy_pink .vc_toggle_title h3, .vc_toggle.vc_toggle_color_juicy_pink .vc_toggle_title h4, .vc_toggle.vc_toggle_color_juicy_pink .vc_toggle_title h5, .vc_toggle.vc_toggle_color_juicy_pink .vc_toggle_title h6, .vc_toggle.vc_toggle_color_juicy_pink .vc_toggle_title p, .vc_toggle.vc_toggle_color_juicy_pink .vc_toggle_title div { color: #F4524D; } .vc_toggle.vc_toggle_color_juicy_pink .vc_toggle_title .vc_toggle_icon { border-color: #F4524D; } .vc_toggle.vc_toggle_color_juicy_pink .vc_toggle_title .vc_toggle_icon:before { background-color: #F4524D; } .vc_toggle.vc_toggle_color_juicy_pink.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: #F4524D; color: #F4524D; } .vc_toggle.vc_toggle_color_juicy_pink.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_sandy_brown .vc_toggle_title h1, .vc_toggle.vc_toggle_color_sandy_brown .vc_toggle_title h2, .vc_toggle.vc_toggle_color_sandy_brown .vc_toggle_title h3, .vc_toggle.vc_toggle_color_sandy_brown .vc_toggle_title h4, .vc_toggle.vc_toggle_color_sandy_brown .vc_toggle_title h5, .vc_toggle.vc_toggle_color_sandy_brown .vc_toggle_title h6, .vc_toggle.vc_toggle_color_sandy_brown .vc_toggle_title p, .vc_toggle.vc_toggle_color_sandy_brown .vc_toggle_title div { color: #F4524D; } .vc_toggle.vc_toggle_color_sandy_brown .vc_toggle_title .vc_toggle_icon { border-color: #F4524D; } .vc_toggle.vc_toggle_color_sandy_brown .vc_toggle_title .vc_toggle_icon:before { background-color: #F4524D; } .vc_toggle.vc_toggle_color_sandy_brown.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: #F4524D; color: #F4524D; } .vc_toggle.vc_toggle_color_sandy_brown.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_white .vc_toggle_title h1, .vc_toggle.vc_toggle_color_white .vc_toggle_title h2, .vc_toggle.vc_toggle_color_white .vc_toggle_title h3, .vc_toggle.vc_toggle_color_white .vc_toggle_title h4, .vc_toggle.vc_toggle_color_white .vc_toggle_title h5, .vc_toggle.vc_toggle_color_white .vc_toggle_title h6, .vc_toggle.vc_toggle_color_white .vc_toggle_title p, .vc_toggle.vc_toggle_color_white .vc_toggle_title div { color: #333333; } .vc_toggle.vc_toggle_color_white .vc_toggle_title .vc_toggle_icon { border-color: #333333; } .vc_toggle.vc_toggle_color_white .vc_toggle_title .vc_toggle_icon:before { background-color: #333333; } .vc_toggle.vc_toggle_color_white.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: #333333; color: #333333; } .vc_toggle.vc_toggle_color_white.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } .vc_toggle.vc_toggle_color_purple .vc_toggle_title h1, .vc_toggle.vc_toggle_color_purple .vc_toggle_title h2, .vc_toggle.vc_toggle_color_purple .vc_toggle_title h3, .vc_toggle.vc_toggle_color_purple .vc_toggle_title h4, .vc_toggle.vc_toggle_color_purple .vc_toggle_title h5, .vc_toggle.vc_toggle_color_purple .vc_toggle_title h6, .vc_toggle.vc_toggle_color_purple .vc_toggle_title p, .vc_toggle.vc_toggle_color_purple .vc_toggle_title div { color: purple; } .vc_toggle.vc_toggle_color_purple .vc_toggle_title .vc_toggle_icon { border-color: purple; } .vc_toggle.vc_toggle_color_purple .vc_toggle_title .vc_toggle_icon:before { background-color: purple; } .vc_toggle.vc_toggle_color_purple.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon { border-color: purple; color: purple; } .vc_toggle.vc_toggle_color_purple.vc_toggle_color_inverted .vc_toggle_title .vc_toggle_icon:before { background-color: transparent; } /* ------Video------*/ .g5plus-video a:hover, .g5plus-video.color-dark a:hover { border-color: #3ab8bd; } .g5plus-video a:hover i, .g5plus-video.color-dark a:hover i { color: #3ab8bd; } /*-----------Contact Form-------------*/ .g5plus-contact-form.contact-us.row div { padding-left: 10px; padding-right: 10px; } .g5plus-contact-form input[type="text"], .g5plus-contact-form input[type="search"], .g5plus-contact-form input[type="email"], .g5plus-contact-form input[type="url"], .g5plus-contact-form input[type="password"], .g5plus-contact-form input[type="tel"], .g5plus-contact-form textarea, .g5plus-contact-form select { margin-bottom: 15px !important; width: 100%; max-width: 100%; } .g5plus-contact-form.register input[type="text"], .g5plus-contact-form.register input[type="search"], .g5plus-contact-form.register input[type="email"], .g5plus-contact-form.register input[type="url"], .g5plus-contact-form.register input[type="password"], .g5plus-contact-form.register input[type="tel"], .g5plus-contact-form.register textarea, .g5plus-contact-form.register select { margin-bottom: 10px !important; background-color: #fff; } .g5plus-contact-form.register input[type="submit"] { width: 100%; } .g5plus-contact-form img { display: none; } /*-----------Mailchimp-------------*/ .g5plus-mailchimp { position: relative; } .g5plus-mailchimp input[type="email"] { width: 90%; background: #fff; border-style: solid; border-width: 1px; border-color: #eeeeee; } .g5plus-mailchimp input[type="text"] { display: none; } .g5plus-mailchimp .subscribe, .g5plus-mailchimp .subscribe-us, .g5plus-mailchimp .subscribe-center { display: none; } .g5plus-mailchimp .shop-now { position: absolute; top: 0; right: 0; } .g5plus-mailchimp .shop-now:hover { background-color: #fff; } .form-subscribe .g5plus-mailchimp input[type="email"] { width: 100%; border: none; box-shadow: 0px 0px 5px #D6D6D6; } .form-subscribe .g5plus-mailchimp input[type="text"] { display: none; } .form-subscribe .g5plus-mailchimp .shop-now, .form-subscribe .g5plus-mailchimp .subscribe-us, .form-subscribe .g5plus-mailchimp .subscribe-center { display: none; } .form-subscribe .g5plus-mailchimp .subscribe { display: block; position: absolute; top: 0; right: 0; color: #3ab8bd; background-color: #fff; } .form-subscribe .g5plus-mailchimp .subscribe:hover { background-color: #fff; color: #333333; box-shadow: 0px 0px 5px #D6D6D6; } .form-subscribe.center .g5plus-mailchimp { text-align: center; } .form-subscribe.center .g5plus-mailchimp input[type="email"] { box-shadow: none; margin-bottom: 20px; text-align: center; } .form-subscribe.center .g5plus-mailchimp .shop-now, .form-subscribe.center .g5plus-mailchimp .subscribe-us, .form-subscribe.center .g5plus-mailchimp .subscribe { display: none; } .form-subscribe.center .g5plus-mailchimp .subscribe-center { display: inline; } .form-subscribe-us input[type="text"], .form-subscribe-us input[type="email"] { min-width: 261px; background: transparent; display: inline-block; width: inherit; height: 50px; border-style: solid; border-width: 1px; border-color: rgba(238, 238, 238, 0.3); color: #fff; margin-right: 6px; margin-bottom: 20px; } .form-subscribe-us input[type="text"]::-webkit-input-placeholder, .form-subscribe-us input[type="email"]::-webkit-input-placeholder { color: #eeeeee; } .form-subscribe-us input[type="text"]:-moz-placeholder, .form-subscribe-us input[type="email"]:-moz-placeholder { color: #eeeeee; } .form-subscribe-us input[type="text"]::-moz-placeholder, .form-subscribe-us input[type="email"]::-moz-placeholder { color: #eeeeee; } .form-subscribe-us input[type="text"]:-ms-input-placeholder, .form-subscribe-us input[type="email"]:-ms-input-placeholder { color: #eeeeee; } .form-subscribe-us .shop-now, .form-subscribe-us .subscribe, .form-subscribe-us .subscribe-center { display: none; } .form-subscribe-us .subscribe-us { display: inline-block; } .form-subscribe-us .subscribe-us:hover { color: #3ab8bd; } @media (max-width: 479px) { .g5plus-mailchimp input[type="email"] { width: 100%; } .g5plus-mailchimp .shop-now { position: absolute; top: 60px; right: 50%; transform: translate(50%, 0%); } .g5plus-mailchimp .shop-now:hover { background-color: #fff; } .form-subscribe-us input[type="text"], .form-subscribe-us input[type="email"] { width: 100%; } } /*----------Count Down----------*/ .g5plus-countdown .countdown-section .countdown-value { color: #3ab8bd; } .g5plus-countdown .countdown-section .countdown-text { font-family: 'Montserrat'; color: #333333; } .g5plus-countdown.cd-vertical .countdown-section + .countdown-section:before { color: #333333; } /*---------Counter-----------*/ .g5plus-counter.ct-light .ct-content .ct-value { color: #333333; } /*-----------Clients------------*/ .g5plus-clients .clients-columns .clients-item { border-color: #eeeeee; } @media (min-width: 992px) and (max-width: 1200px) { .g5plus-clients .clients-columns.columns-sm-3 .clients-item.no-border-top, .g5plus-clients .clients-columns.columns-sm-3 .clients-item.no-border-right, .g5plus-clients .clients-columns.columns-sm-3 .clients-item.no-border-bottom, .g5plus-clients .clients-columns.columns-sm-3 .clients-item.no-border-left { border-color: #eeeeee; } } @media (min-width: 768px) and (max-width: 991px) { .g5plus-clients .clients-columns.columns-sm-3 .clients-item:nth-child(1), .g5plus-clients .clients-columns.columns-sm-3 .clients-item:nth-child(2), .g5plus-clients .clients-columns.columns-sm-3 .clients-item:nth-child(3) { border-bottom-color: #eeeeee; } .g5plus-clients .clients-columns.columns-sm-2 .clients-item:nth-child(1), .g5plus-clients .clients-columns.columns-sm-2 .clients-item:nth-child(2) { border-bottom-color: #eeeeee; } } @media (min-width: 480px) and (max-width: 767px) { .g5plus-clients .clients-columns.columns-xs-2 .clients-item:nth-child(1), .g5plus-clients .clients-columns.columns-xs-2 .clients-item:nth-child(2) { border-bottom-color: #eeeeee; } } @media (max-width: 479px) { .g5plus-clients .clients-columns.col-mb-12 .clients-item { border-bottom-color: #eeeeee !important; } } /*-------------Pricing Tables--------*/ .g5plus-pricing-tables { border-color: #eeeeee; } .g5plus-pricing-tables .pricing-name { color: #333333; } .g5plus-pricing-tables .pricing-button { border-top-color: #eeeeee; } .g5plus-pricing-tables.recommend .price-value { background-color: #3ab8bd; } .g5plus-pricing-tables.prt_package .pricing-name { border-bottom-color: #eeeeee; } .g5plus-pricing-tables.prt_package.features_box .pricing-features ul li { border-bottom-color: #eeeeee; } .g5plus-pricing-tables.features_box .pricing-features ul li { border-bottom-color: #eeeeee; } .g5plus-pricing-tables.features_box .pricing-features ul li .primary { color: #3ab8bd; } /* -------------Testimonials----------------*/ .g5plus-testimonials .testimonial-item p { color: #858585; } .g5plus-testimonials .testimonial-item h4 { color: #333333; } .g5plus-testimonials .testimonial-item span { color: #333333; } .g5plus-testimonials.tt_grid .testimonial-item p { color: #858585; } .g5plus-testimonials.tt_grid .testimonial-item .info h4 { font-family: 'Montserrat'; } .g5plus-testimonials.tt_grid_bg .testimonial-item p { color: #333333; } .g5plus-testimonials.tt_grid_bg .testimonial-item:hover { background-color: #3ab8bd; } .g5plus-testimonials.color-dark .testimonial-item h4 { color: #3ab8bd; } /* ------------MENU--------------*/ .g5plus-menu h4, .g5plus-menu span { font-family: 'Montserrat'; } .g5plus-menu h4 span:after { border-bottom-color: #eeeeee; } .g5plus-menu p { color: #858585; } .g5plus-menu.menu-light h4, .g5plus-menu.menu-light span { color: #333333; } .g5plus-menu.menu-light h4 span:after { border-bottom-color: #333333; } /* --------------Feature Box-----------------*/ .g5plus-feature-box .feature-content a { font-family: 'Montserrat'; } .g5plus-feature-box .feature-content p { color: #858585; } .g5plus-feature-box .feature-thumb a:hover i { color: #3ab8bd; } /* ---------------Progress-------------*/ .g5plus-progress #progress_bar { background-color: #3ab8bd; } .g5plus-view-demo > a:hover { color: #3ab8bd; } /* --------List-------*/ .g5plus-lists-color-primary { color: #3ab8bd; } .new-demo, .new-demo:before, .new-demo:after { background-color: #3ab8bd; } /** * 9.0 - Mixins * ---------------------------------------------------------------------------- */ /** * Font * ---------------------------------------------------------------------------- */ .b-font { font-family: 'Lato' !important; } .s-font { font-family: 'Montserrat' !important; } /** * Color * ---------------------------------------------------------------------------- */ .text-color-accent, .text-color-accent-hover:hover { color: #3ab8bd !important; } .bg-accent { background-color: #3ab8bd !important; } .bg-black { background-color: #222; } .bg-bold { background-color: #333333; } .text-color-bold { color: #333333 !important; } .text-color-light { color: #aaaaaa !important; } .bordered { border: 1px solid #eeeeee !important; } .border-dark { border: 1px solid #dedede !important; } .badge { background-color: #3ab8bd; } /** * Padding Top * ---------------------------------------------------------------------------- */ .pd-top-0 { padding-top: 0px !important; } .pd-top-5 { padding-top: 5px !important; } .pd-top-10 { padding-top: 10px !important; } .pd-top-15 { padding-top: 15px !important; } .pd-top-20 { padding-top: 20px !important; } .pd-top-25 { padding-top: 25px !important; } .pd-top-30 { padding-top: 30px !important; } .pd-top-35 { padding-top: 35px !important; } .pd-top-40 { padding-top: 40px !important; } .pd-top-45 { padding-top: 45px !important; } .pd-top-50 { padding-top: 50px !important; } .pd-top-55 { padding-top: 55px !important; } .pd-top-60 { padding-top: 60px !important; } .pd-top-65 { padding-top: 65px !important; } .pd-top-70 { padding-top: 70px !important; } .pd-top-75 { padding-top: 75px !important; } .pd-top-80 { padding-top: 80px !important; } .pd-top-85 { padding-top: 85px !important; } .pd-top-90 { padding-top: 90px !important; } .pd-top-95 { padding-top: 95px !important; } .pd-top-100 { padding-top: 100px !important; } @media screen and (max-width: 991px) { .sm-pd-top-0 { padding-top: 0px !important; } .sm-pd-top-5 { padding-top: 5px !important; } .sm-pd-top-10 { padding-top: 10px !important; } .sm-pd-top-15 { padding-top: 15px !important; } .sm-pd-top-20 { padding-top: 20px !important; } .sm-pd-top-25 { padding-top: 25px !important; } .sm-pd-top-30 { padding-top: 30px !important; } .sm-pd-top-35 { padding-top: 35px !important; } .sm-pd-top-40 { padding-top: 40px !important; } .sm-pd-top-45 { padding-top: 45px !important; } .sm-pd-top-50 { padding-top: 50px !important; } .sm-pd-top-55 { padding-top: 55px !important; } .sm-pd-top-60 { padding-top: 60px !important; } .sm-pd-top-65 { padding-top: 65px !important; } .sm-pd-top-70 { padding-top: 70px !important; } .sm-pd-top-75 { padding-top: 75px !important; } .sm-pd-top-80 { padding-top: 80px !important; } .sm-pd-top-85 { padding-top: 85px !important; } .sm-pd-top-90 { padding-top: 90px !important; } .sm-pd-top-95 { padding-top: 95px !important; } .sm-pd-top-100 { padding-top: 100px !important; } } @media screen and (max-width: 767px) { .xs-pd-top-0 { padding-top: 0px !important; } .xs-pd-top-5 { padding-top: 5px !important; } .xs-pd-top-10 { padding-top: 10px !important; } .xs-pd-top-15 { padding-top: 15px !important; } .xs-pd-top-20 { padding-top: 20px !important; } .xs-pd-top-25 { padding-top: 25px !important; } .xs-pd-top-30 { padding-top: 30px !important; } .xs-pd-top-35 { padding-top: 35px !important; } .xs-pd-top-40 { padding-top: 40px !important; } .xs-pd-top-45 { padding-top: 45px !important; } .xs-pd-top-50 { padding-top: 50px !important; } .xs-pd-top-55 { padding-top: 55px !important; } .xs-pd-top-60 { padding-top: 60px !important; } .xs-pd-top-65 { padding-top: 65px !important; } .xs-pd-top-70 { padding-top: 70px !important; } .xs-pd-top-75 { padding-top: 75px !important; } .xs-pd-top-80 { padding-top: 80px !important; } .xs-pd-top-85 { padding-top: 85px !important; } .xs-pd-top-90 { padding-top: 90px !important; } .xs-pd-top-95 { padding-top: 95px !important; } .xs-pd-top-100 { padding-top: 100px !important; } } /** * Padding Bottom * ---------------------------------------------------------------------------- */ .pd-bottom-0 { padding-bottom: 0px !important; } .pd-bottom-5 { padding-bottom: 5px !important; } .pd-bottom-10 { padding-bottom: 10px !important; } .pd-bottom-15 { padding-bottom: 15px !important; } .pd-bottom-20 { padding-bottom: 20px !important; } .pd-bottom-25 { padding-bottom: 25px !important; } .pd-bottom-30 { padding-bottom: 30px !important; } .pd-bottom-35 { padding-bottom: 35px !important; } .pd-bottom-40 { padding-bottom: 40px !important; } .pd-bottom-45 { padding-bottom: 45px !important; } .pd-bottom-50 { padding-bottom: 50px !important; } .pd-bottom-55 { padding-bottom: 55px !important; } .pd-bottom-60 { padding-bottom: 60px !important; } .pd-bottom-65 { padding-bottom: 65px !important; } .pd-bottom-70 { padding-bottom: 70px !important; } .pd-bottom-75 { padding-bottom: 75px !important; } .pd-bottom-80 { padding-bottom: 80px !important; } .pd-bottom-85 { padding-bottom: 85px !important; } .pd-bottom-90 { padding-bottom: 90px !important; } .pd-bottom-95 { padding-bottom: 95px !important; } .pd-bottom-100 { padding-bottom: 100px !important; } @media screen and (max-width: 991px) { .sm-pd-bottom-0 { padding-bottom: 0px !important; } .sm-pd-bottom-5 { padding-bottom: 5px !important; } .sm-pd-bottom-10 { padding-bottom: 10px !important; } .sm-pd-bottom-15 { padding-bottom: 15px !important; } .sm-pd-bottom-20 { padding-bottom: 20px !important; } .sm-pd-bottom-25 { padding-bottom: 25px !important; } .sm-pd-bottom-30 { padding-bottom: 30px !important; } .sm-pd-bottom-35 { padding-bottom: 35px !important; } .sm-pd-bottom-40 { padding-bottom: 40px !important; } .sm-pd-bottom-45 { padding-bottom: 45px !important; } .sm-pd-bottom-50 { padding-bottom: 50px !important; } .sm-pd-bottom-55 { padding-bottom: 55px !important; } .sm-pd-bottom-60 { padding-bottom: 60px !important; } .sm-pd-bottom-65 { padding-bottom: 65px !important; } .sm-pd-bottom-70 { padding-bottom: 70px !important; } .sm-pd-bottom-75 { padding-bottom: 75px !important; } .sm-pd-bottom-80 { padding-bottom: 80px !important; } .sm-pd-bottom-85 { padding-bottom: 85px !important; } .sm-pd-bottom-90 { padding-bottom: 90px !important; } .sm-pd-bottom-95 { padding-bottom: 95px !important; } .sm-pd-bottom-100 { padding-bottom: 100px !important; } } @media screen and (max-width: 767px) { .xs-pd-bottom-0 { padding-bottom: 0px !important; } .xs-pd-bottom-5 { padding-bottom: 5px !important; } .xs-pd-bottom-10 { padding-bottom: 10px !important; } .xs-pd-bottom-15 { padding-bottom: 15px !important; } .xs-pd-bottom-20 { padding-bottom: 20px !important; } .xs-pd-bottom-25 { padding-bottom: 25px !important; } .xs-pd-bottom-30 { padding-bottom: 30px !important; } .xs-pd-bottom-35 { padding-bottom: 35px !important; } .xs-pd-bottom-40 { padding-bottom: 40px !important; } .xs-pd-bottom-45 { padding-bottom: 45px !important; } .xs-pd-bottom-50 { padding-bottom: 50px !important; } .xs-pd-bottom-55 { padding-bottom: 55px !important; } .xs-pd-bottom-60 { padding-bottom: 60px !important; } .xs-pd-bottom-65 { padding-bottom: 65px !important; } .xs-pd-bottom-70 { padding-bottom: 70px !important; } .xs-pd-bottom-75 { padding-bottom: 75px !important; } .xs-pd-bottom-80 { padding-bottom: 80px !important; } .xs-pd-bottom-85 { padding-bottom: 85px !important; } .xs-pd-bottom-90 { padding-bottom: 90px !important; } .xs-pd-bottom-95 { padding-bottom: 95px !important; } .xs-pd-bottom-100 { padding-bottom: 100px !important; } } /** * Margin Top * ---------------------------------------------------------------------------- */ .mg-top-0 { margin-top: 0px !important; } .mg-top-5 { margin-top: 5px !important; } .mg-top-10 { margin-top: 10px !important; } .mg-top-15 { margin-top: 15px !important; } .mg-top-20 { margin-top: 20px !important; } .mg-top-25 { margin-top: 25px !important; } .mg-top-30 { margin-top: 30px !important; } .mg-top-35 { margin-top: 35px !important; } .mg-top-40 { margin-top: 40px !important; } .mg-top-45 { margin-top: 45px !important; } .mg-top-50 { margin-top: 50px !important; } .mg-top-55 { margin-top: 55px !important; } .mg-top-60 { margin-top: 60px !important; } .mg-top-65 { margin-top: 65px !important; } .mg-top-70 { margin-top: 70px !important; } .mg-top-75 { margin-top: 75px !important; } .mg-top-80 { margin-top: 80px !important; } .mg-top-85 { margin-top: 85px !important; } .mg-top-90 { margin-top: 90px !important; } .mg-top-95 { margin-top: 95px !important; } .mg-top-100 { margin-top: 100px !important; } @media screen and (max-width: 991px) { .sm-mg-top-0 { margin-top: 0px !important; } .sm-mg-top-5 { margin-top: 5px !important; } .sm-mg-top-10 { margin-top: 10px !important; } .sm-mg-top-15 { margin-top: 15px !important; } .sm-mg-top-20 { margin-top: 20px !important; } .sm-mg-top-25 { margin-top: 25px !important; } .sm-mg-top-30 { margin-top: 30px !important; } .sm-mg-top-35 { margin-top: 35px !important; } .sm-mg-top-40 { margin-top: 40px !important; } .sm-mg-top-45 { margin-top: 45px !important; } .sm-mg-top-50 { margin-top: 50px !important; } .sm-mg-top-55 { margin-top: 55px !important; } .sm-mg-top-60 { margin-top: 60px !important; } .sm-mg-top-65 { margin-top: 65px !important; } .sm-mg-top-70 { margin-top: 70px !important; } .sm-mg-top-75 { margin-top: 75px !important; } .sm-mg-top-80 { margin-top: 80px !important; } .sm-mg-top-85 { margin-top: 85px !important; } .sm-mg-top-90 { margin-top: 90px !important; } .sm-mg-top-95 { margin-top: 95px !important; } .sm-mg-top-100 { margin-top: 100px !important; } } @media screen and (max-width: 767px) { .xs-mg-top-0 { margin-top: 0px !important; } .xs-mg-top-5 { margin-top: 5px !important; } .xs-mg-top-10 { margin-top: 10px !important; } .xs-mg-top-15 { margin-top: 15px !important; } .xs-mg-top-20 { margin-top: 20px !important; } .xs-mg-top-25 { margin-top: 25px !important; } .xs-mg-top-30 { margin-top: 30px !important; } .xs-mg-top-35 { margin-top: 35px !important; } .xs-mg-top-40 { margin-top: 40px !important; } .xs-mg-top-45 { margin-top: 45px !important; } .xs-mg-top-50 { margin-top: 50px !important; } .xs-mg-top-55 { margin-top: 55px !important; } .xs-mg-top-60 { margin-top: 60px !important; } .xs-mg-top-65 { margin-top: 65px !important; } .xs-mg-top-70 { margin-top: 70px !important; } .xs-mg-top-75 { margin-top: 75px !important; } .xs-mg-top-80 { margin-top: 80px !important; } .xs-mg-top-85 { margin-top: 85px !important; } .xs-mg-top-90 { margin-top: 90px !important; } .xs-mg-top-95 { margin-top: 95px !important; } .xs-mg-top-100 { margin-top: 100px !important; } } /** * Margin Bottom * ---------------------------------------------------------------------------- */ .mg-bottom-0 { margin-bottom: 0px !important; } .mg-bottom-5 { margin-bottom: 5px !important; } .mg-bottom-10 { margin-bottom: 10px !important; } .mg-bottom-15 { margin-bottom: 15px !important; } .mg-bottom-20 { margin-bottom: 20px !important; } .mg-bottom-25 { margin-bottom: 25px !important; } .mg-bottom-30 { margin-bottom: 30px !important; } .mg-bottom-35 { margin-bottom: 35px !important; } .mg-bottom-40 { margin-bottom: 40px !important; } .mg-bottom-45 { margin-bottom: 45px !important; } .mg-bottom-50 { margin-bottom: 50px !important; } .mg-bottom-55 { margin-bottom: 55px !important; } .mg-bottom-60 { margin-bottom: 60px !important; } .mg-bottom-65 { margin-bottom: 65px !important; } .mg-bottom-70 { margin-bottom: 70px !important; } .mg-bottom-75 { margin-bottom: 75px !important; } .mg-bottom-80 { margin-bottom: 80px !important; } .mg-bottom-85 { margin-bottom: 85px !important; } .mg-bottom-90 { margin-bottom: 90px !important; } .mg-bottom-95 { margin-bottom: 95px !important; } .mg-bottom-100 { margin-bottom: 100px !important; } @media screen and (max-width: 991px) { .sm-mg-bottom-0 { margin-bottom: 0px !important; } .sm-mg-bottom-5 { margin-bottom: 5px !important; } .sm-mg-bottom-10 { margin-bottom: 10px !important; } .sm-mg-bottom-15 { margin-bottom: 15px !important; } .sm-mg-bottom-20 { margin-bottom: 20px !important; } .sm-mg-bottom-25 { margin-bottom: 25px !important; } .sm-mg-bottom-30 { margin-bottom: 30px !important; } .sm-mg-bottom-35 { margin-bottom: 35px !important; } .sm-mg-bottom-40 { margin-bottom: 40px !important; } .sm-mg-bottom-45 { margin-bottom: 45px !important; } .sm-mg-bottom-50 { margin-bottom: 50px !important; } .sm-mg-bottom-55 { margin-bottom: 55px !important; } .sm-mg-bottom-60 { margin-bottom: 60px !important; } .sm-mg-bottom-65 { margin-bottom: 65px !important; } .sm-mg-bottom-70 { margin-bottom: 70px !important; } .sm-mg-bottom-75 { margin-bottom: 75px !important; } .sm-mg-bottom-80 { margin-bottom: 80px !important; } .sm-mg-bottom-85 { margin-bottom: 85px !important; } .sm-mg-bottom-90 { margin-bottom: 90px !important; } .sm-mg-bottom-95 { margin-bottom: 95px !important; } .sm-mg-bottom-100 { margin-bottom: 100px !important; } } @media screen and (max-width: 767px) { .xs-mg-bottom-0 { margin-bottom: 0px !important; } .xs-mg-bottom-5 { margin-bottom: 5px !important; } .xs-mg-bottom-10 { margin-bottom: 10px !important; } .xs-mg-bottom-15 { margin-bottom: 15px !important; } .xs-mg-bottom-20 { margin-bottom: 20px !important; } .xs-mg-bottom-25 { margin-bottom: 25px !important; } .xs-mg-bottom-30 { margin-bottom: 30px !important; } .xs-mg-bottom-35 { margin-bottom: 35px !important; } .xs-mg-bottom-40 { margin-bottom: 40px !important; } .xs-mg-bottom-45 { margin-bottom: 45px !important; } .xs-mg-bottom-50 { margin-bottom: 50px !important; } .xs-mg-bottom-55 { margin-bottom: 55px !important; } .xs-mg-bottom-60 { margin-bottom: 60px !important; } .xs-mg-bottom-65 { margin-bottom: 65px !important; } .xs-mg-bottom-70 { margin-bottom: 70px !important; } .xs-mg-bottom-75 { margin-bottom: 75px !important; } .xs-mg-bottom-80 { margin-bottom: 80px !important; } .xs-mg-bottom-85 { margin-bottom: 85px !important; } .xs-mg-bottom-90 { margin-bottom: 90px !important; } .xs-mg-bottom-95 { margin-bottom: 95px !important; } .xs-mg-bottom-100 { margin-bottom: 100px !important; } } /** * Letter Spacing * ---------------------------------------------------------------------------- */ .spacing-02 { letter-spacing: 0.02em !important; } .spacing-03 { letter-spacing: 0.03em !important; } /** * Font Weight * ---------------------------------------------------------------------------- */ .fw-light { font-weight: 300 !important; } .fw-medium { font-weight: 500 !important; } .fw-semi-bold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } /** * Font Size * ---------------------------------------------------------------------------- */ .fs-10 { font-size: 10px !important; } .fs-11 { font-size: 11px !important; } .fs-12 { font-size: 12px !important; } .fs-13 { font-size: 13px !important; } .fs-14 { font-size: 14px !important; } .fs-15 { font-size: 15px !important; } .fs-16 { font-size: 16px !important; } .fs-18 { font-size: 18px !important; } .fs-20 { font-size: 20px !important; } .fs-21 { font-size: 21px !important; } .fs-24 { font-size: 24px !important; } .fs-25 { font-size: 25px !important; } .fs-30 { font-size: 30px !important; } .fs-31 { font-size: 31px !important; } .fs-32 { font-size: 32px !important; } .fs-36 { font-size: 36px !important; } .fs-38 { font-size: 38px !important; } .fs-40 { font-size: 40px !important; } .fs-46 { font-size: 46px !important; } .fs-50 { font-size: 50px !important; } .fs-55 { font-size: 55px !important; } .fs-60 { font-size: 60px !important; } /** * Font Style * ---------------------------------------------------------------------------- */ .text-italic { font-style: italic !important; } .uppercase { text-transform: uppercase !important; } /** * Line Height * ---------------------------------------------------------------------------- */ .line-small { line-height: 1em !important; } .line-normal { line-height: 1.5em !important; } .line-medium { line-height: 1.6em !important; } .line-large { line-height: 1.8em !important; } .line-2x { line-height: 2em !important; } .line-3x { line-height: 3em !important; } .line-21 { line-height: 21px !important; } .line-24 { line-height: 24px !important; } .line-42 { line-height: 42px !important; } .line-1-2 { line-height: 1.2em !important; } /** * TRANSITION * ---------------------------------------------------------------------------- */ .transition03 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .transition05 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } /** * OTHERS MIXIN * ---------------------------------------------------------------------------- */ .overflow-hidden { overflow: hidden !important; } .fixed { position: fixed; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -o-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pd-right-60 { padding-right: 60px; } @media screen and (max-width: 991px) { .md-pd-right-0 { padding-right: 0; } } /** * Custom Columns Mobile * ---------------------------------------------------------------------------- */ @media (max-width: 479px) { .col-mb-1, .col-mb-2, .col-mb-3, .col-mb-4, .col-mb-5, .col-mb-6, .col-mb-7, .col-mb-8, .col-mb-9, .col-mb-10, .col-mb-11, .col-mb-12 { float: left; } .col-mb-12 { width: 100%; } .col-mb-11 { width: 91.66666667%; } .col-mb-10 { width: 83.33333333%; } .col-mb-9 { width: 75%; } .col-mb-8 { width: 66.66666667%; } .col-mb-7 { width: 58.33333333%; } .col-mb-6 { width: 50%; } .col-mb-5 { width: 41.66666667%; } .col-mb-4 { width: 33.33333333%; } .col-mb-3 { width: 25%; } .col-mb-2 { width: 16.66666667%; } .col-mb-1 { width: 8.33333333%; } .col-mb-pull-12 { right: 100%; } .col-mb-pull-11 { right: 91.66666667%; } .col-mb-pull-10 { right: 83.33333333%; } .col-mb-pull-9 { right: 75%; } .col-mb-pull-8 { right: 66.66666667%; } .col-mb-pull-7 { right: 58.33333333%; } .col-mb-pull-6 { right: 50%; } .col-mb-pull-5 { right: 41.66666667%; } .col-mb-pull-4 { right: 33.33333333%; } .col-mb-pull-3 { right: 25%; } .col-mb-pull-2 { right: 16.66666667%; } .col-mb-pull-1 { right: 8.33333333%; } .col-mb-pull-0 { right: auto; } .col-mb-push-12 { left: 100%; } .col-mb-push-11 { left: 91.66666667%; } .col-mb-push-10 { left: 83.33333333%; } .col-mb-push-9 { left: 75%; } .col-mb-push-8 { left: 66.66666667%; } .col-mb-push-7 { left: 58.33333333%; } .col-mb-push-6 { left: 50%; } .col-mb-push-5 { left: 41.66666667%; } .col-mb-push-4 { left: 33.33333333%; } .col-mb-push-3 { left: 25%; } .col-mb-push-2 { left: 16.66666667%; } .col-mb-push-1 { left: 8.33333333%; } .col-mb-push-0 { left: auto; } .col-mb-offset-12 { margin-left: 100%; } .col-mb-offset-11 { margin-left: 91.66666667%; } .col-mb-offset-10 { margin-left: 83.33333333%; } .col-mb-offset-9 { margin-left: 75%; } .col-mb-offset-8 { margin-left: 66.66666667%; } .col-mb-offset-7 { margin-left: 58.33333333%; } .col-mb-offset-6 { margin-left: 50%; } .col-mb-offset-5 { margin-left: 41.66666667%; } .col-mb-offset-4 { margin-left: 33.33333333%; } .col-mb-offset-3 { margin-left: 25%; } .col-mb-offset-2 { margin-left: 16.66666667%; } .col-mb-offset-1 { margin-left: 8.33333333%; } .col-mb-offset-0 { margin-left: 0; } } /* ---------Add new class--------*/ @media (min-width: 480px) { .active-mb { display: none; } } @media (max-width: 479px) { .active-mb { display: block; } .hidden-mb { display: none; } } .post-col-relative { margin-top: -330px; } .mg-bottom-150 { margin-bottom: 150px; } .icon-right:after { content: "\e680"; font-family: 'Pe-icon-7-stroke'; position: absolute; right: -15px; top: 50%; transform: translate(0, -50%); font-size: 35px; color: #fff; line-height: 1; } @media (max-width: 991px) and (min-width: 480px) { .xs-hidden:after { display: none; } } .pd-left-15 { padding-left: 15px !important; } .pd-right-15 { padding-right: 15px !important; } @media screen and (max-width: 479px) { .icon-right:after { right: 50%; top: 100%; transform: translate(50%, -100%); } .mb-pd-bottom-100 { padding-bottom: 100px !important; } .mb-pd-left-0 { padding-left: 0 !important; } .mb-pd-right-0 { padding-right: 0 !important; } } .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg .vc_icon_element-icon { font-size: 48px !important; } .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner { width: 64px !important; height: 64px !important; } .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner .vc_icon_element-icon { font-size: 22px !important; } .box-shadow { padding: 30px; } .box-shadow .vc_column-inner { background: #fff; box-shadow: 0 0 5px rgba(204, 204, 204, 0.25); } .icon-box-col-absolute { position: absolute; right: 0; top: 0; bottom: 0; width: auto; max-width: 100%; } .icon-box-col-absolute .vc_column-inner { padding-right: 0; } .icon-box-col-absolute .wpb_single_image img { height: 100%; width: auto; } .left-0 { left: 0; right: auto; } .left-0 .vc_column-inner { padding-left: 0; padding-right: auto; } .height-100 * { height: 100%; } .elm-absolute { position: absolute; left: 0; top: 0; bottom: 0; } .elm-relative { position: relative; z-index: 1; } @media (max-width: 599px) { .icon-box-col-absolute { display: none; } } .bg-gradient .vc_row-background-overlay { background-color: transparent !important; background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); } .pd-left-40 { padding-left: 40px; } .pd-right-40 { padding-right: 40px; } .pd-left-15 { padding-left: 15px; } .pd-right-15 { padding-right: 15px; } .pd-left-55 { padding-left: 55px; } .pd-right-55 { padding-right: 55px; } .overflow-inherit { overflow: inherit !important; } .col-content-img-absolute { position: absolute; left: 50%; bottom: -25px; z-index: 1; } @media (max-width: 1199px) and (min-width: 992px) { .md-pd-left-15 { padding-left: 15px; } } @media (max-width: 991px) { .sm-pd-left-0 { padding-left: 0; } .sm-pd-right-0 { padding-right: 0; } .sm-text-center { text-align: center !important; } .sm-text-center * { text-align: center !important; left: 0; right: 0; margin-left: auto; margin-right: auto; } .sm-text-center .g5plus-heading:after, .sm-text-center.g5plus-heading:after { left: 0; right: 0; margin-left: auto; margin-right: auto; } .col-content-img-absolute { position: static; left: auto; bottom: auto; } .elm-absolute { position: static; } } .background-primary { background-color: #3ab8bd; color: #fff; } .background-gray { background-color: #EBEBEB; } .background-black { background-color: #111; color: #fff; } .go-to-top .vc_icon_element-icon { cursor: pointer; } .heading-page-title { font-size: 100px; line-height: 1.2; color: #1f1f1f; margin-bottom: 0 !important; } @media (max-width: 991px) { .heading-page-title { font-size: 60px; } .fs-change { font-size: 40px !important; } } @media (max-width: 767px) { .xs-text-center { text-align: center !important; } .col-xs-mg-left-0 > .vc_column-inner { margin-left: 0 !important; } .xs-pd-left-15 { padding-left: 15px !important; } .xs-pd-right-15 { padding-right: 15px !important; } .xs-fs-40 { font-size: 40px !important; } } @media (max-width: 479px) { .heading-page-title { font-size: 50px; } .fs-change { font-size: 28px !important; } } .bg-clip-content, .bg-clip-content > .vc_column-inner { background-clip: content-box !important; } .row-gap-10 { margin-left: -5px; margin-right: -5px; } .row-gap-10 > .wpb_column > .vc_column-inner { padding-left: 5px; padding-right: 5px; } .elm-absolute-bottom-left { position: absolute; bottom: 0; left: 0; } .elm-absolute-top-right { position: absolute; top: 0; right: 0; } .elm-absolute-bottom-right { position: absolute; bottom: 0; right: 0; } @media (min-width: 1200px) { .block-custom-content { position: absolute; top: 100px; right: 0; height: 100%; padding: 0 180px 0 100px; } .block-custom-content .vc_row { margin-top: 170px; } .block-custom-content > .vc_column-inner { padding: 100px !important; height: 100%; background-color: #fff; box-shadow: 0 15px 25px rgba(204, 204, 204, 0.35); } } @media (max-width: 1525px) { .block-custom-content { padding: 0 50px; } .block-custom-content h1 { font-size: 60px !important; } .block-custom-content > .vc_column-inner { padding: 50px !important; } .block-custom-content .vc_row { margin-top: 70px; } } @media (max-width: 1367px) { .block-custom-content > .vc_column-inner { height: auto; } } @media (max-width: 1199px) { .block-custom-content { margin-bottom: 50px; } .block-custom-content .vc_row { margin-top: 100px; } .block-custom-content > .vc_column-inner { padding: 100px !important; background-color: #fff; box-shadow: 0 15px 25px rgba(204, 204, 204, 0.35); } .md-mg-bottom-0 { margin-bottom: 0; } .pd-left-55 { padding-left: 0; } .pd-right-55 { padding-right: 0; } .md-mg-bottom-40 { margin-bottom: 40px; } } @media (max-width: 767px) { .block-custom-content .vc_row { margin-top: 60px; } .block-custom-content > .vc_column-inner { padding: 50px !important; } .xs-fs-40 { font-size: 40px !important; } } @media (max-width: 479px) { .block-custom-content { padding: 0; margin-bottom: 0; } .block-custom-content > .vc_column-inner { padding: 50px 15px !important; } .mb-fs-28 { font-size: 28px !important; } } .instagram-footer ul { padding: 0; margin: 0; list-style-type: none; } .instagram-footer ul:not(.owl-loaded) li { width: 14.285714%; display: inline-block; } .banner-up-to { width: 113px; height: 113px; margin-left: auto; margin-top: 10px; margin-right: 8px; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; display: table; background-color: #3ab8bd; } .banner-up-to > p { display: table-cell; vertical-align: middle; padding-left: 20px; padding-right: 20px; line-height: 1.2; } .line-bottom-left { font-size: 70px; position: relative; margin-bottom: 76px !important; } .line-bottom-left:before { position: absolute; display: block; content: ''; bottom: -30px; left: 0; width: 70px; height: 3px; background-color: #3ab8bd; } @media (max-width: 579px) { .line-bottom-left { font-size: 48px; } } body::-webkit-scrollbar { width: 10px; background-color: #19394B; } body::-webkit-scrollbar-thumb { background-color: #1086df; } @media screen and (max-width: 1199px) { .header-mobile-wrapper > div > div > div > div > a > img {height:60px; margin-top:10px; margin-bottom:10px;} .is-sticky > div > div > div > div > a > img {height:50px; margin-top:0px; margin-bottom:0px;} } .header-mobile-nav.menu-drop-dropdown { max-height: 400px; overflow-y: auto; overflow-x: hidden; background: #fff; }