#page-preloader { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999; opacity: 0.98; background: #2c2e3d; } .block-preloader.preloader, .block-preloader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; height: auto; } .block-preloader + * { overflow: visible !important; } .block-preloader.preloader + *:not(iframe) { height: auto !important; } .block-preloader:after { display: none; } #page-preloader.preloader-loaded .page-preloader-spin, .block-preloader.preloader-loaded .page-preloader-spin { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #page-preloader.preloader-loaded, .block-preloader.preloader-loaded { visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .no-js #page-preloader, .no-js .block-preloader { display: none; } #page-preloader .page-preloader-spin, .block-preloader .page-preloader-spin, .preloader-spin { position: absolute; left: 50%; top: 50%; z-index: 1001; width: 80px; height: 80px; margin: -40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid transparent; border-top-color: #b9b7ff; -webkit-animation: PreloaderSpin 2s linear infinite; animation: PreloaderSpin 2s linear infinite; } .preloader-spin { border-top-color: #b9b7ff; } .block-preloader .page-preloader-spin { top: 100px; margin-top: 0; } #page-preloader .page-preloader-spin:before, .block-preloader .page-preloader-spin:before, .preloader-spin:before { content: ""; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid transparent; border-top-color: #00bcd4; -webkit-animation: PreloaderSpin 3s linear infinite; animation: PreloaderSpin 3s linear infinite; } .preloader-spin:before { border-top-color: #00bcd4; } #page-preloader .page-preloader-spin:after, .block-preloader .page-preloader-spin:after, .preloader-spin:after { content: ""; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid transparent; border-top-color: #a3e7f0; -webkit-animation: PreloaderSpin 1.5s linear infinite; animation: PreloaderSpin 1.5s linear infinite; } .gem-fancybox-preloader .preloader-spin:after { border-top-color: #a3e7f0; } .preloader-spin:after { border-top-color: #7b97ab; } .fancybox-slide .gem-fancybox-preloader { width: 150px; height: 150px; background: transparent; margin: 0; margin-top: -75px; margin-left: -75px; padding: 0; } @-webkit-keyframes PreloaderSpin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes PreloaderSpin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .portfolio-scroll-pagination .preloader-spin { margin-top: -10px; } .blog-load-more-style-timeline-new .preloader-spin { margin-top: -10px; } .gem-product-scroll-pagination .preloader-spin { margin-top: -10px; } .preloader-spin-new { position: absolute; left: 50%; top: 50%; z-index: 1001; width: 50px; height: 50px; margin: -25px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid #00bcd4; border-top-color: transparent !important; -webkit-animation: PreloaderSpin 1.3s linear infinite; animation: PreloaderSpin 1.3s linear infinite; } .preloader.fullwidth-preloader:before { content: ''; position: absolute; width: 200%; height: 100%; left: 50%; transform: translateX(-50%); background-color: inherit; } .gem-blog-slider-preloader { padding-bottom: 165%; } @media (min-width: 768px) { .gem-blog-slider-preloader { padding-bottom: 90%; } } @media (min-width: 992px) { .gem-blog-slider-preloader { padding-bottom: 44.87%; } } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0 none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; outline: 0 none; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.421; color: #333333; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #428bca; text-decoration: none; } a:hover { color: #2a6496; text-decoration: none; } a:focus { outline: 0 none; outline: 0 none; outline-offset: 0; } figure { margin: 0; } img { vertical-align: middle; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .container { margin-right: auto; margin-left: auto; padding-left: 21px; padding-right: 21px; } @media (min-width: 1212px) { .container { width: 1212px; } } .row { margin-left: -21px; margin-right: -21px; } .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { display: table; content: " "; } .container:after, .container-fluid:after, .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 21px; padding-right: 21px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .header-wrapper{ position: relative; top: 0; right: 0; left: 0; z-index: 390; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .header-sticky-template{ position: fixed; z-index: 391; visibility: hidden; opacity: 0; transition: opacity .1s ease, visibility .1s ease, transform .3s ease; animation: header-fadeOutUpBig .1s ease; pointer-events: none; } .header-transparent .header-wrapper{ position: absolute; } @keyframes header-fadeInDownBig{ from{ transform: translate3d(0, -100%, 0); } to{ transform: none; } } @keyframes header-fadeOutUpBig{ from{ transform: none; } to{ transform: translate3d(0, -100%, 0); } } .header-background{ position: relative; } .header-background:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .admin-bar .header-sticked .header-wrapper, .admin-bar .header-sticky-template{ top: 32px; } @media (max-width: 767px){ .admin-bar .header-sticked .header-wrapper, .admin-bar .header-sticky-template{ top: 46px; } } @media (max-width: 599px){ .admin-bar .header-sticked .header-wrapper, .admin-bar .header-sticky-template{ top: 0; } } .thegem-template-header .wpb_wrapper{ position: relative; } .thegem-template-header .wpb_content_element{ margin: 0; } .thegem-template-header .vc_column-inner .wpb_wrapper > div { order: 100; } .thegem-template-header { position: relative; } .thegem-template-header .vc_row { margin-top: 0; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; } .thegem-template-header .vc_row > * { margin-top: 0; } .thegem-template-header .vc_row[data-vc-full-width] { margin-left: 0; margin-right: 0; overflow: visible; } .thegem-template-header > .vc_row > .container > .vc_column_container > .vc_column-inner, .thegem-template-header > .container > .vc_row > .vc_column_container > .vc_column-inner, .thegem-template-header > .vc_row > .vc_column_container > .vc_column-inner, .thegem-template-header > .wpb-content-wrapper > .vc_row > .container > .vc_column_container > .vc_column-inner, .thegem-template-header > .wpb-content-wrapper > .container > .vc_row > .vc_column_container > .vc_column-inner, .thegem-template-header > .wpb-content-wrapper > .vc_row > .vc_column_container > .vc_column-inner, .compose-mode .thegem-template-header .vc_row .vc_vc_column > .vc_column_container > .vc_column-inner { padding-top: 0; } @font-face{font-display:swap; font-family: 'thegem-icons'; src:url(/wp-content/themes/thegem/fonts/thegem-icons.eot); src:url(/wp-content/themes/thegem/fonts/thegem-icons.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/thegem/fonts/thegem-icons.woff) format('woff'), url(/wp-content/themes/thegem/fonts/thegem-icons.ttf) format('truetype'), url(/wp-content/themes/thegem/fonts/thegem-icons.svg#thegem-icons) format('svg'); font-weight: normal; font-style: normal; font-display: block; } @font-face{font-display:swap; font-family: 'thegem-socials'; src:url(/wp-content/themes/thegem/fonts/thegem-socials.eot); src:url(/wp-content/themes/thegem/fonts/thegem-socials.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/thegem/fonts/thegem-socials.woff) format('woff'), url(/wp-content/themes/thegem/fonts/thegem-socials.ttf) format('truetype'), url(/wp-content/themes/thegem/fonts/thegem-socials.svg#thegem-socials) format('svg'); font-weight: normal; font-style: normal; font-display: block; } body { background-attachment: fixed; } p { margin: 0 0 1.1em; } a { -o-transition: color 0.3s, background-color 0.3s; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; } ::placeholder { opacity: 1; } .row { margin-bottom: 1.1em; } .row:last-of-type { margin-bottom: 0; } button { outline: none; } h1:first-child { margin-top: -10px; } h1, .title-h1 { margin: 1.4em 0; text-transform: uppercase; letter-spacing: 0.05em; } h2, .title-h2 { text-transform: uppercase; margin: 1.2em 0; letter-spacing: 0.05em; } h3, .title-h3 { text-transform: uppercase; margin: 1.13em 0; letter-spacing: 0.05em; } h4, .title-h4 { text-transform: uppercase; margin: 1em 0; letter-spacing: 0.05em; } h5, .title-h5 { text-transform: uppercase; margin: 0.5em 0; letter-spacing: 0.05em; } h6, .title-h6 { text-transform: uppercase; margin: 1.19em 0; letter-spacing: 0.05em; } .small-body { font-size: 85%; line-height: inherit; display: block; line-height: 23px; } ul.styled, ol.styled, ul.product_list_widget { margin: 0; padding: 0; list-style: none; } .fullwidth-block-inner > :last-child, .fullwidth-block-inner > .container > :last-child, .centered-box > :last-child, .gem-textbox-content > :last-child, .gem-icon-with-text-text > :last-child, .gem-icon-with-text-content > :last-child, .gem-alert-box-content > :last-child, .gem-map-with-text-content > :last-child, .gem-map-with-text-content > .container > :last-child, blockquote > :last-child, .comment-text > :last-child, .entry-content.post-content > :last-child { margin-bottom: 0; } .entry-content.post-content > .wpb_row:last-child, .entry-content.post-content > .wpb-content-wrapper > .wpb_row:last-child, .gem-textbox-content > .wpb_row:last-child { margin-bottom: 0; } .fullwidth-block-inner > :first-child, .fullwidth-block-inner > .container > :first-child, .centered-box > :first-child, .gem-textbox-content > :first-child, .gem-icon-with-text-text > :first-child, .gem-icon-with-text-content > :first-child, .gem-map-with-text-content > :first-child, .gem-map-with-text-content > .container > :first-child, .gem_tab > :first-child, blockquote > :first-child, .comment-text > :first-child, .wpb_wrapper > :first-child { margin-top: 0; } .gem-print-icon { display: inline-block; font-family: 'thegem-user-icons'; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; text-align: center; vertical-align: middle; } .gem-print-icon.gem-icon-pack-elegant { font-family: 'ElegantIcons'; font-size: 16px; } .gem-print-icon.gem-icon-pack-material { font-family: 'MaterialDesignIcons'; font-size: 24px; } .gem-print-icon.gem-icon-pack-thegem-header { font-family: 'TheGem Header'; font-size: 16px; } .gem-icon { position: relative; font-weight: normal; font-family: 'ElegantIcons'; font-size: 24px; border-radius: 50%; display: inline-block; vertical-align: middle; border-style: solid; border-width: 3px; font-style: normal; } .gem-icon.gem-icon-pack-material { font-family: 'MaterialDesignIcons'; } .gem-icon.gem-icon-pack-thegem-header { font-family: 'TheGem Header'; } .gem-icon-inner { position: relative; height: 100%; border-radius: 50%; width: 46px; height: 46px; line-height: 46px; margin: -1px; } .gem-icon-size-small { font-size: 24px; border-style: solid; border-width: 3px; height: 50px; } .gem-icon-size-small .gem-icon-inner { width: 46px; height: 46px; line-height: 46px; } .gem-icon.gem-simple-icon { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 24px; height: 24px; line-height: 24px; border: 0 none; } .gem-icon.gem-simple-icon .gem-icon-inner { width: 100%; height: 100%; line-height: inherit; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .gem-icon-shape-square, .gem-simple-icon { border-radius: 3px; } .gem-icon-shape-square .gem-icon-inner { border-radius: 0; } .gem-icon .gem-icon-half-1, .gem-icon .gem-icon-half-2 { float: left; width: 99.999%; height: 100%; overflow: hidden; text-align: center; } .gem-icon .gem-icon-half-1 { margin-left: -50%; } .gem-icon .gem-icon-half-2 { margin-right: -50%; } .gem-icon .back-angle { display: block; position: relative; width: 200%; height: 100%; } .gem-icon .gem-icon-half-2 .back-angle { left: -100%; } .gem-icon.gem-icon-size-custom { width: auto; height: auto; box-sizing: content-box; overflow: hidden; border-style: solid; } .gem-icon.gem-icon-size-custom .gem-icon-inner { width: 1em; height: 1em; line-height: 1em; height: 1em; box-sizing: content-box; } .gem-icon a { transition: opacity 0.3s; } .gem-icon a:hover { opacity: 0.6; } .gem-button, input[type='submit'] { position: relative; display: inline-block; text-align: center; text-transform: uppercase; white-space: nowrap; border: 0 none; vertical-align: middle; height: 40px; line-height: 40px; padding: 0 17px; font-size: 14px; margin: 25px; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 3px; } .gem-button.gem-button-no-uppercase, .gem-button.gem-button-no-uppercase.gem-button-text-weight-thin { text-transform: none; } .gem-button:hover { text-decoration: none; } .gem-button-position-inline { display: inline-block; vertical-align: top; } .gem-button-size-tiny, input.gem-button-size-tiny { height: 30px; line-height: 30px; padding: 0 14px; font-size: 14px; margin: 20px; } .gem-button-position-inline .gem-button { margin-left: 0; } .gem-button i.gem-print-icon { line-height: inherit; vertical-align: top; height: 100%; line-height: inherit; } .gem-button-icon-position-left .gem-print-icon { margin-right: 6px; } .gem-button-icon-position-left.gem-button-size-tiny .gem-print-icon { margin-right: 6px; } .gem-button img { width: 1em; height: 1em; object-fit: contain; } .gem-button svg { width: 1em; height: 1em; width: max(1em, 16px); height: max(1em, 16px); transition: all 0.3s; } a.socials-item { display: inline-block; vertical-align: top; text-align: center; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; margin: 0 5px; line-height: 16px; } .socials-item-icon { display: inline-block; font-family: 'thegem-socials'; font-weight: normal; width: 1em; height: 1em; line-height: 1; font-size: 16px; text-align: center; vertical-align: top; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; text-rendering: auto; } a .socials-item-icon { -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .socials-item-icon.facebook::before { content: '\e600'; } .socials-colored a .socials-item-icon.facebook, .socials-colored-hover a:hover .socials-item-icon.facebook { color: #4e64b5; } .socials-item-icon.twitter::before { content: '\e675'; } .socials-colored a .socials-item-icon.twitter, .socials-colored-hover a:hover .socials-item-icon.twitter { color: #99a9b5; } .socials-item-icon.linkedin::before { content: '\e60a'; } .socials-colored a .socials-item-icon.linkedin, .socials-colored-hover a:hover .socials-item-icon.linkedin { color: #0288d1; } .socials-list { margin-left: -10px; margin-right: -10px; } .socials-list .socials-item { margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } .socials-list.socials-alignment-right { text-align: right; } @keyframes skeletonloading { to { background-position: 200% 0; } } input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="month"], input[type="week"] { padding: 0 10px; max-width: 100%; vertical-align: middle; } textarea { padding: 10px; max-width: 100%; vertical-align: middle; } #page { position: relative; overflow: hidden; } #main { position: relative; z-index: 5; } .block-content { padding: 135px 0 100px; } .block-content:last-of-type { padding-bottom: 110px; } .block-content + .block-content { padding-top: 0; } .panel.row { margin-bottom: 0; } .gem-icon-with-text { margin-bottom: 1.421em; } .gem-icon-with-text > .gem-icon-with-text-icon { display: table-cell; padding-right: 10px; vertical-align: top; } .gem-icon-with-text > .gem-icon-with-text-content { display: table-cell; width: 99%; vertical-align: top; } .clearboth { clear: both; height: 0; font-size: 0; line-height: 0; } .scroll-top-button { position: fixed; right: 40px; bottom: 35px; z-index: 1000; opacity: 0; visibility: hidden; line-height: 0; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; font-size: 0; } .scroll-top-button.visible { opacity: 0.5; visibility: visible; } .scroll-top-button:before { font-family: 'thegem-icons'; font-style: normal; content: '\e633'; font-size: 24px; font-weight: normal; display: inline-block; vertical-align: top; width: 50px; height: 50px; text-align: center; line-height: 50px; background-color: #06060f; color: #99a9b5; } @media (max-width: 768px) { .scroll-top-button { right: 0; } } .sticky {} .gem-slideshow { overflow: hidden; } .rs-p-wp-fix { margin: 0; } @-moz-keyframes scrollmove { 0% { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } 50% { -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes scrollmove { 0% { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } 50% { -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } } @keyframes scrollmove { 0% { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } 50% { -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } } img[class*='wp-image-'] { max-width: 100%; height: auto; } .vc_column-inner.sticky > .wpb_wrapper{ position: fixed; } .thegem-template-wrapper .vc_column-inner[data-sticky-offset] > .wpb_wrapper{ height: auto; } #lazy-loading-point { font-size: 0; line-height: 1; height: 0; overflow: hidden; } article:not(.type-page) > .entry-content.post-content { margin-bottom: 60px; } .portfolio-filters-list.categories-widget-collapsible:not(.collapse-inited) .cat-parent:not(.current-cat-parent, .current-cat) > ul { display: none; } blockquote{ margin: 0; font-size: 24px; line-height: 37px; padding: 67px 87px; background-color: #f3f5f6; position: relative; } blockquote:after { position: absolute; font-family: thegem-icons; font-style: normal; content: '\e60c'; font-size: 76px; line-height: 37px; font-weight: normal; right: 67px; bottom: 7px; color: #a3e7f0; } .wpb_text_column ul li { position: relative; list-style: none; padding-bottom: 6px; } .wpb_text_column ul li ul, .wpb_text_column ol li ol{ padding-bottom: 5px; padding-left: 30px; padding-top: 5px; } .wpb_text_column ul li:before { left: -12px; content: ""; height: 3px; width: 3px; position: absolute; background-color: #002b36; border-radius: 50%; top: 12px; } .wpb_text_column ol li { position: relative; padding-bottom: 6px; } .wpb_text_column ol { list-style: none; counter-reset:li; } .wpb_text_column ol li:before { content:counter(li); counter-increment:li; position:absolute; counter-reset: section; top:-4px; left:-2em; width:2em; padding:4px 0; font-weight:bold; text-align:center; } body .gem-icon.gem-icon-size-small { border-width: 3px; } @keyframes scrollAnimation { 0%, 20% { transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px); } 10% { opacity: 1; transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px); } 100% { opacity: 0.01; transform: translateY(16px) scaleY(2.5) scaleX(0.5) translateZ(0px); } } @-webkit-keyframes scrollAnimation { 0%, 20% { -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px); } 10% { opacity: 1; -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px); } 100% { opacity: 0.01; -webkit-transform: translateY(16px) scaleY(2.5) scaleX(0.5) translateZ(0px); } } @font-face{font-display:swap; font-family: 'Montserrat UltraLight'; src: url('//31eeeo.gr/wp-content/themes/thegem/fonts/montserrat-ultralight.eot'); src: url('//31eeeo.gr/wp-content/themes/thegem/fonts/montserrat-ultralight.eot?#iefix') format('embedded-opentype'), url('//31eeeo.gr/wp-content/themes/thegem/fonts/montserrat-ultralight.woff') format('woff'), url('//31eeeo.gr/wp-content/themes/thegem/fonts/montserrat-ultralight.ttf') format('truetype'), url('//31eeeo.gr/wp-content/themes/thegem/fonts/montserrat-ultralight.svg#montserratultra_light') format('svg'); font-weight: normal; font-style: normal; } @media (max-width: 1199px) { .wpb_row { margin-top: -1.421em; } .wpb_row > * { margin-top: 1.421em; } } @media (min-width: 768px) and (max-width: 979px) { #site-header .site-title a img.default, #site-header .menu-item-logo a img.default { display: none; } #site-header .site-title a img.small, #site-header .menu-item-logo a img.small { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; display: inline-block !important; margin: 0 !important; } } @media (min-width: 980px) and (max-width: 1212px) { #site-header .header-main:not(.no-menu) .site-title a img.small, #site-header .menu-item-logo { display: none !important; } } :root { --thegem-to-menu-font-family: Verdana; } :root { --thegem-to-menu-font-style: normal; --thegem-to-menu-font-weight: 700; } :root { --thegem-to-menu-font-size: 14px; } :root { --thegem-to-menu-line-height: 25px; } :root { --thegem-to-menu-text-transform: uppercase; } :root { --thegem-to-submenu-font-family: Verdana; } :root { --thegem-to-submenu-font-style: normal; --thegem-to-submenu-font-weight: normal; } :root { --thegem-to-submenu-font-size: 12px; } :root { --thegem-to-submenu-line-height: 20px; } :root { --thegem-to-submenu-text-transform: none; } :root { --thegem-to-overlay-menu-font-family: 'Verdana'; } :root { --thegem-to-overlay-menu-font-style: normal; --thegem-to-overlay-menu-font-weight: normal; } :root { --thegem-to-overlay-menu-font-size: 12px; } @media (max-width: 767px) { :root { --thegem-to-overlay-menu-font-size: 9px; } } :root { --thegem-to-overlay-menu-line-height: 18px; } @media (max-width: 767px) { :root { --thegem-to-overlay-menu-line-height: 14px; } } :root { --thegem-to-overlay-menu-text-transform: uppercase; } :root { --thegem-to-styled-subtitle-font-family: 'Verdana'; } :root { --thegem-to-styled-subtitle-font-style: normal; --thegem-to-styled-subtitle-font-weight: 300; } :root { --thegem-to-styled-subtitle-font-size: 24px; } :root { --thegem-to-styled-subtitle-line-height: 37px; } :root { --thegem-to-styled-subtitle-text-transform: none; } :root { --thegem-to-h1-font-family: 'Verdana'; } h1, body .pricing-table-style-8 .pricing-cost, .title-h1 { font-family: 'Verdana'; } :root { --thegem-to-h1-font-style: normal; --thegem-to-h1-font-weight: 700; } h1, body .pricing-table-style-8 .pricing-cost, .title-h1 { font-style: normal; font-weight: 700; } :root { --thegem-to-h1-font-size: 50px; } h1, .title-h1 { font-size: 50px; } @media (max-width: 1000px) { h1, .title-h1 { font-size: 5vw; } } :root { --thegem-to-h1-line-height: 69px; } h1, .title-h1 { line-height: 69px; } @media (max-width: 1000px) { h1, .title-h1 { line-height: 6.9vw; } } :root { --thegem-to-h1-text-transform: uppercase; } h1, .title-h1 { text-transform: uppercase; } :root { --thegem-to-h2-font-family: 'Verdana'; } h2, .title-h2, h3.comment-reply-title, body .pricing-table-style-6 .pricing-price-title { font-family: 'Verdana'; } :root { --thegem-to-h2-font-style: normal; --thegem-to-h2-font-weight: 700; } h2, .title-h2, h3.comment-reply-title, body .pricing-table-style-6 .pricing-price-title { font-style: normal; font-weight: 700; } :root { --thegem-to-h2-font-size: 36px; } h2, .title-h2, body .pricing-table-style-5 .pricing-price-title, body .pricing-table-style-6 .pricing-price-title, body .pricing-table-style-6 .pricing-price-subtitle, h3.comment-reply-title, body .pricing-table-style-2 .pricing-price-title { font-size: 36px; } @media (max-width: 1000px) { h2, .title-h2, body .pricing-table-style-5 .pricing-price-title, body .pricing-table-style-6 .pricing-price-title, body .pricing-table-style-6 .pricing-price-subtitle, h3.comment-reply-title, body .pricing-table-style-2 .pricing-price-title { font-size: 3.6vw; } } :root { --thegem-to-h2-line-height: 53px; } h2, .title-h2, body .pricing-table-style-6 .pricing-price-title, h3.comment-reply-title { line-height: 53px; } @media (max-width: 1000px) { h2, .title-h2, body .pricing-table-style-6 .pricing-price-title, h3.comment-reply-title { line-height: 5.3vw; } } :root { --thegem-to-h2-text-transform: uppercase; } h2, .title-h2, body .pricing-table-style-6 .pricing-price-title, h3.comment-reply-title { text-transform: uppercase; } :root { --thegem-to-h3-font-family: 'Verdana'; } h3, .title-h3, .cart_totals table .order-total td, .woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount, .woocommerce table.shop_table.order-details tr.order_item td.product-total .amount, .gem-dropcap, .woocommerce .woocommerce-checkout-one-page #order_review table thead th { font-family: 'Verdana'; } :root { --thegem-to-h3-font-style: normal; --thegem-to-h3-font-weight: 500; } h3, .title-h3, .cart_totals table .order-total td, .woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount, .woocommerce table.shop_table.order-details tr.order_item td.product-total .amount, .gem-dropcap, .woocommerce .woocommerce-checkout-one-page #order_review table thead th { font-style: normal; font-weight: 500; } :root { --thegem-to-h3-font-size: 28px; } h3, .title-h3, .portfolio.columns-1 .portfolio-item .caption .title, .cart_totals table .order-total td, .woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount, .woocommerce table.shop_table.order-details tr.order_item td.product-total .amount, .gem-dropcap, .woocommerce .woocommerce-checkout-one-page #order_review table thead th, .thegem-fullscreen-search .sf-input.thegem-fullscreen-searchform-input { font-size: 28px; } :root { --thegem-to-h3-line-height: 42px; } h3, .title-h3, .portfolio.columns-1 .portfolio-item .caption .title, .cart_totals table .order-total td, .woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount, .woocommerce table.shop_table.order-details tr.order_item td.product-total .amount, .woocommerce .woocommerce-checkout-one-page #order_review table thead th, .thegem-fullscreen-search .sf-input.thegem-fullscreen-searchform-input { line-height: 42px; } :root { --thegem-to-h3-text-transform: none; } h3, .title-h3, .portfolio.columns-1 .portfolio-item .caption .title, .cart_totals table .order-total td, .woocommerce table.shop_table.order-details tr.cart_item td.product-total .amount, .woocommerce table.shop_table.order-details tr.order_item td.product-total .amount, .woocommerce .woocommerce-checkout-one-page #order_review table thead th { text-transform: none; } :root { --thegem-to-h4-font-family: 'Verdana'; } h4, .title-h4, .widget .gem-teams-name, body .pricing-table-style-3 .pricing_row_title, body .pricing-table-style-8 .pricing_row_title, body .pricing-table-style-4 .pricing_row_title, .gem-gallery-hover-gradient .gem-gallery-item-title, .gem-gallery-grid.hover-gradient .gallery-item .overlay .title, .gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title, .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title{ font-family: 'Verdana'; } :root { --thegem-to-h4-font-style: normal; --thegem-to-h4-font-weight: 700; } h4, .title-h4, .widget .gem-teams-name, body .pricing-table-style-3 .pricing_row_title, body .pricing-table-style-4 .pricing_row_title, body .pricing-table-style-8 .pricing_row_title, .gem-gallery-hover-gradient .gem-gallery-item-title, .gem-gallery-grid.hover-gradient .gallery-item .overlay .title, .gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title, .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title{ font-style: normal; font-weight: 700; } :root { --thegem-to-h4-font-size: 24px; } h4, .title-h4, body .pricing-table-style-7 .pricing-price-title, body .pricing-table-style-4 .pricing_row_title, body .pricing-table-style-3 .pricing_row_title, body .pricing-table-style-2 .pricing-cost, body .pricing-table-style-2 .time, body .pricing-table-style-1 .pricing-price-title, .widget .gem-teams-name, body .pricing-table-style-8 .pricing_row_title, .gem-gallery-hover-gradient .gem-gallery-item-title, .gem-gallery-grid.hover-gradient .gallery-item .overlay .title, .gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title, body .vc_separator h4, .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title{ font-size: 24px; } :root { --thegem-to-h4-line-height: 38px; } h4, .title-h4, body .pricing-table-style-7 .pricing-price-title, body .pricing-table-style-5 .pricing-price-title, body .pricing-table-style-4 .pricing_row_title, body .pricing-table-style-3 .pricing_row_title, body .pricing-table-style-2 .pricing-cost, body .pricing-table-style-2 .time, body .pricing-table-style-2 .pricing-price-title, body .pricing-table-style-1 .pricing-price-title, .widget .gem-teams-name, .portfolio.columns-1 .portfolio-item .caption .title, .gem-gallery-hover-gradient .gem-gallery-item-title, .gem-gallery-grid.hover-gradient .gallery-item .overlay .title, .gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title, body .vc_separator h4, .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title{ line-height: 38px; } :root { --thegem-to-h4-text-transform: uppercase; } h4, .title-h4, body .vc_separator h4, .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title{ text-transform: uppercase; } :root { --thegem-to-h5-font-family: 'Verdana'; } h5, .gem-table thead th, .title-h5, .header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch input[type="text"], .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch input[type="text"], .gem-teams-phone, .shop_table td.product-price, .shop_table td.product-subtotal, .cart_totals table .cart-subtotal td, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal, .woocommerce table.shop_table.order-details thead tr th.product-name, .woocommerce table.shop_table.order-details thead tr th.product-total, .widget-gem-portfolio-item.gem-portfolio-dummy:after, .resp-tabs-list li, .gem-quote.gem-quote-style-4, .gem-quote.gem-quote-style-5, .blog-style-styled_list1 .post-time, .gem-teams-phone, blockquote.wp-block-quote.is-large, blockquote.wp-block-quote.is-style-large, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th { font-family: 'Verdana'; } :root { --thegem-to-h5-font-style: normal; --thegem-to-h5-font-weight: 700; } h5, .title-h5, .header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch input[type="text"], .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch input[type="text"], .gem-teams-phone, .shop_table td.product-price, .shop_table td.product-subtotal, .cart_totals table .cart-subtotal td, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal, .woocommerce table.shop_table.order-details thead tr th.product-name, .woocommerce table.shop_table.order-details thead tr th.product-total, .widget-gem-portfolio-item.gem-portfolio-dummy:after, .resp-tabs-list li, .gem-quote.gem-quote-style-4, .gem-quote.gem-quote-style-5, .blog-style-styled_list1 .post-time, .gem-teams-phone, blockquote.wp-block-quote.is-large, blockquote.wp-block-quote.is-style-large, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th { font-style: normal; font-weight: 700; } :root { --thegem-to-h5-font-size: 19px; } h5, .title-h5, .header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch input[type="text"], .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch input[type="text"], .gem-teams-phone, .shop_table td.product-price, .shop_table td.product-subtotal, .cart_totals table .cart-subtotal td, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal, .woocommerce table.shop_table.order-details thead tr th.product-name, .woocommerce table.shop_table.order-details thead tr th.product-total, .widget-gem-portfolio-item.gem-portfolio-dummy:after, .resp-tabs-list li, .gem-quote.gem-quote-style-4, .gem-quote.gem-quote-style-5, .blog-style-styled_list1 .post-time, .gem-teams-phone, blockquote.wp-block-quote.is-large, blockquote.wp-block-quote.is-style-large, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th { font-size: 19px; } :root { --thegem-to-h5-line-height: 30px; } h5, .title-h5, .gem-teams-phone, .shop_table td.product-price, .shop_table td.product-subtotal, .cart_totals table .cart-subtotal td, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal, .woocommerce table.shop_table.order-details thead tr th.product-name, .woocommerce table.shop_table.order-details thead tr th.product-total, .widget-gem-portfolio-item.gem-portfolio-dummy:after, .resp-tabs-list li, .gem-quote.gem-quote-style-4, .gem-quote.gem-quote-style-5, .gem-teams-phone, blockquote.wp-block-quote.is-large, blockquote.wp-block-quote.is-style-large, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th { line-height: 30px; } :root { --thegem-to-h5-text-transform: uppercase; } h5, .title-h5, .gem-table thead th, .gem-teams-phone, .shop_table td.product-price, .shop_table td.product-subtotal, .cart_totals table .cart-subtotal td, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-subtotal, .woocommerce table.shop_table.order-details thead tr th.product-name, .woocommerce table.shop_table.order-details thead tr th.product-total, .widget-gem-portfolio-item.gem-portfolio-dummy:after, .resp-tabs-list li, .gem-quote.gem-quote-style-4, .gem-quote.gem-quote-style-5, .gem-teams-phone, blockquote.wp-block-quote.is-large, blockquote.wp-block-quote.is-style-large, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th { text-transform: uppercase; } :root { --thegem-to-h6-font-family: 'Verdana'; } h6, .title-h6, body .woocommerce .shop_table thead tr th, table.shop_table_responsive td[data-title]:before, .project_info-item-style-1 .project_info-item .title, .project-info-shortcode-style-2 .project-info-shortcode-item .title, .gem_accordion_header a, #wp-calendar caption, .hamburger-minicart .minicart-item-count, .wpb_toggle, .vc_toggle_title h4, .testimonials-style-1-name.gem-testimonial-name, .testimonials-style-2-name.gem-testimonial-name, .diagram-wrapper .digram-line-box .skill-amount, .diagram-wrapper.style-3 .digram-line-box .skill-title, .row .vc_progress_bar .vc_label, .woocommerce .shop_table thead tr th, .pricing-column-top-choice .pricing-column-top-choice-text { font-family: 'Verdana'; } :root { --thegem-to-h6-font-style: normal; --thegem-to-h6-font-weight: 700; } h6, .title-h6, body .woocommerce .shop_table thead tr th, table.shop_table_responsive td[data-title]:before, .project_info-item-style-1 .project_info-item .title, .gem_accordion_header a, #wp-calendar caption, .hamburger-minicart .minicart-item-count, .wpb_toggle, .gem-table-responsive .tabletolist.rh > li > .titles, .vc_toggle_title h4, .testimonials-style-1-name.gem-testimonial-name, .testimonials-style-2-name.gem-testimonial-name, .diagram-wrapper .digram-line-box .skill-amount, .diagram-wrapper.style-3 .digram-line-box .skill-title, .row .vc_progress_bar .vc_label { font-style: normal; font-weight: 700; } :root { --thegem-to-h6-font-size: 16px; --thegem-to-h6-font-size-small: 14px; --thegem-to-h6-font-size-tiny: 7.04px; } h6, .title-h6, body .woocommerce .shop_table thead tr th, table.shop_table_responsive td[data-title]:before, .project_info-item-style-1 .project_info-item .title, .gem_accordion_header a, #wp-calendar caption, .wpb_toggle, .gem-table-responsive .tabletolist.rh > li > .titles, .vc_toggle_title h4, .diagram-wrapper.style-3 .digram-line-box .skill-title, .row .vc_progress_bar .vc_label { font-size: 16px; } :root { --thegem-to-h6-line-height: 25px; --thegem-to-h6-line-height-small: 21.875px; } h6, .title-h6, body .woocommerce .shop_table thead tr th, table.shop_table_responsive td[data-title]:before, .project_info-item-style-1 .project_info-item .title, .gem_accordion_header a, #wp-calendar caption, .wpb_toggle, .gem-table-responsive .tabletolist.rh > li > .titles, .vc_toggle_title h4, .diagram-wrapper.style-3 .digram-line-box .skill-title, .row .vc_progress_bar .vc_label { line-height: 25px; } :root { --thegem-to-h6-text-transform: uppercase; } h6, .title-h6, body .woocommerce .shop_table thead tr th, table.shop_table_responsive td[data-title]:before, .project_info-item-style-1 .project_info-item .title, .gem_accordion_header a, #wp-calendar caption, .wpb_toggle, .gem-table-responsive .tabletolist.rh > li > .titles, .vc_toggle_title h4, .diagram-wrapper.style-3 .digram-line-box .skill-title, .row .vc_progress_bar .vc_label { text-transform: uppercase; } :root { --thegem-to-xlarge-title-font-family: 'Verdana'; } :root { --thegem-to-xlarge-title-font-style: normal; --thegem-to-xlarge-title-font-weight: 700; } :root { --thegem-to-xlarge-title-font-size: 80px; } :root { --thegem-to-xlarge-title-line-height: 90px; } :root { --thegem-to-xlarge-title-text-transform: uppercase; } :root { --thegem-to-light-title-font-family: 'Verdana'; } :root { --thegem-to-light-title-font-style: normal; --thegem-to-light-title-font-weight: normal; } :root { --thegem-to-body-font-family: Verdana; --thegem-to-body-tiny-font-family: Verdana; } body, .text-body, .text-body-tiny, option, .gem-table thead th, .portfolio.columns-1 .portfolio-item .caption .subtitle, .gallery-item .overlay .subtitle, .cart_totals table .shipping td label, .widget_archive li, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price, .gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div, body .hamburger-minicart > .minicart .total strong, body .hamburger-minicart > .minicart ul li .quantity, .thegem-tabs__nav-item sup, .thegem-accordion__item-title sup, .page-breadcrumbs ul li, #primary-navigation #primary-menu > li.menu-item-cart > a.circle-count .minicart-item-count, .product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info-title, .thegem-combobox-wrap .thegem-combobox, .product-page__wrapper .reset_variations, .product-page__wrapper .size-guide, .single-product-content-right .compare, .single-product-content-right .yith-ywraq-add-to-quote{ font-family: 'Verdana'; } :root { --thegem-to-body-font-style: normal; --thegem-to-body-font-weight: normal; --thegem-to-body-tiny-font-style: normal; --thegem-to-body-tiny-font-weight: normal; } body, .text-body, .text-body-tiny, option, .gem-table thead th, .portfolio.columns-1 .portfolio-item .caption .subtitle, .gallery-item .overlay .subtitle, .cart_totals table .shipping td label, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price, .gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div, body .hamburger-minicart > .minicart .total strong, body .hamburger-minicart > .minicart ul li .quantity, .thegem-tabs__nav-item sup, .thegem-accordion__item-title sup, .page-breadcrumbs ul li, #primary-navigation #primary-menu > li.menu-item-cart > a.circle-count .minicart-item-count, .product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info-title, .thegem-combobox-wrap .thegem-combobox, .product-page__wrapper .reset_variations, .product-page__wrapper .size-guide, .single-product-content-right .compare, .single-product-content-right .yith-ywraq-add-to-quote{ font-style: normal; font-weight: normal; } :root { --thegem-to-body-font-size: 16px; --thegem-to-body-tiny-font-size: 14px; --thegem-to-body-sup-font-size: 11px; } body, .text-body, .gem-table thead th, .inline-column, .inline-inside > *, option, .portfolio.columns-1 .portfolio-item .caption .subtitle, .gallery-item .overlay .subtitle, .cart_totals table .shipping td label, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price, .gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div, body .hamburger-minicart > .minicart .total strong, body .hamburger-minicart > .minicart ul li .quantity, .page-breadcrumbs ul li:not(:last-child):after, .product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info-title, .product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info del, .thegem-combobox-wrap .thegem-combobox, .single-product-content-right .compare, .single-product-content-right .yith-ywraq-add-to-quote{ font-size: 16px; } .text-body-tiny { font-size: 14px; } :root { --thegem-to-body-line-height: 25px; --thegem-to-body-tiny-line-height: 21.875px; } body, .text-body, option, .inline-column, .inline-inside > *, .related-element-info > a, .gallery-item .overlay .subtitle, .cart_totals table .shipping td label, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price, .gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div, body .hamburger-minicart > .minicart .total strong, body .hamburger-minicart > .minicart ul li .quantity, .thegem-combobox-wrap .thegem-combobox, .single-product-content-right .compare, .single-product-content-right .yith-ywraq-add-to-quote{ line-height: 25px; } .text-body-tiny { line-height: 21.875px; } :root { --thegem-to-body-text-transform: none; --thegem-to-body-tiny-text-transform: none; } body, .text-body, .text-body-tiny, option, .portfolio.columns-1 .portfolio-item .caption .subtitle, .gallery-item .overlay .subtitle, .cart_totals table .shipping td label, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price, .gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div, body .hamburger-minicart > .minicart .total strong, body .hamburger-minicart > .minicart ul li .quantity, .thegem-tabs__nav-item sup, .thegem-accordion__item-title sup, .thegem-combobox-wrap .thegem-combobox, .product-page__wrapper .reset_variations, .product-page__wrapper .size-guide, .single-product-content-right .compare, .single-product-content-right .yith-ywraq-add-to-quote{ text-transform: none; } :root { --thegem-to-button-font-family: 'Verdana'; } .gem-button, input[type='submit'], .gem-pagination a, .gem-pagination .current, .blog-load-more button, body .wp-block-button .wp-block-button__link, body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a, .single-product-content-right .yith-ywraq-add-to-quote a.button, .single-product-content-right .compare.button{ font-family: 'Verdana'; } :root { --thegem-to-button-font-style: normal; --thegem-to-button-font-weight: 700; } .gem-button, input[type='submit'], .gem-pagination a, .gem-pagination .current, .blog-load-more button, body .wp-block-button .wp-block-button__link, body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a, .single-product-content-right .yith-ywraq-add-to-quote a.button, .single-product-content-right .compare.button{ font-style: normal; font-weight: 700; } :root { --thegem-to-button-text-transform: uppercase; } .gem-button, input[type='submit'], .gem-pagination a, .gem-pagination .current, .blog-load-more button, body .wp-block-button .wp-block-button__link, body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a, .single-product-content-right .yith-ywraq-add-to-quote a.button, .single-product-content-right .compare.button{ text-transform: uppercase; } :root { --thegem-to-tabs-title-font-family: Verdana; } :root { --thegem-to-tabs-title-font-style: normal; --thegem-to-tabs-title-font-weight: normal; } :root { --thegem-to-tabs-title-text-transform: uppercase; } :root { --thegem-to-tabs-title-thin-font-style: normal; --thegem-to-tabs-title-thin-font-weight: normal; } :root { --thegem-to-tabs-title-thin-text-transform: uppercase; } :root { --thegem-to-main-bg-color: #ffffff; --main-bg-color: #ffffff; --main-bg-color-08: rgba(255, 255, 255, 0.8); } .combobox-wrapper, #page .woocommerce .select2-container .select2-selection--single, .select2-container .select2-dropdown, .gem-team-style-5 .team-person:hover .team-person-hover, .gem-table td, body .gem-table-style-2 thead, body .gem-table-style-2 tr:nth-child(2n) td, .gem-table .tabletolist.nrh > li > ul > li, .resp-tabs-container, .resp-tab-content, .resp-tab-active, .gem-clients-type-carousel-grid .gem-client-item a:hover, .gem_client-carousel .gem-client-item a:hover, .products .product-inner, .gem-table .shop_table tbody tr, .widget_product_search input.search-field, .woocommerce-message:before, .woocommerce-info:before, .woocommerce table.shop_table.order-details tr.cart_item, .woocommerce table.shop_table.order-details tr.order_item, body .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page-modern #order_review .woocommerce-checkout-payment .payment_methods .woocommerce-notice, .woocommerce-checkout-one-page-modern .woocommerce-terms-and-conditions, .triangle-with-shadow:after, .blog-style-default article .post-image .gem-dummy, .blog-style-default article.sticky .post-image .gem-dummy:after, .blog-style-timeline.blog-style-styled_list1 .item-post .post-text, .blog-style-default article.no-image .post-image .gem-dummy, .wpb_toggle, .vc_toggle_title, .page-title-style-2, .post-tags-list a:after, .portfolio .portfolio-item .overlay-line, .portfolio-item .wrap > .caption, .portfolio.portfolio-grid.background-style-dark:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption, .portfolio.portfolio-grid.background-style-dark:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover, .portfolio.background-style-dark .caption-bottom-line .project-button .gem-button, .quickfinder-item .quickfinder-animation, .gem-counter .gem-counter-animation, .mc4wp-form input[type='email'], .page-title-block.page-title-style-2, .page-title-block.has-background-image, body .widget .tagcloud a, .wpcf7-form.gem-contact-form-white .combobox-wrapper, .wpcf7-form.gem-contact-form-white input:not(.gem-button-wpcf-custom), .wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-button, .wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-text, .wpcf7-form.gem-contact-form-white .checkbox-sign, .wpcf7-form.gem-contact-form-white span.radio-sign, .wpcf7-form.gem-contact-form-white textarea, .diagram-wrapper.style-1 .digram-line-box .skill-line, .blog-style-styled_list1 .post-item, .blog-style-styled_list2 article, .blog-style-styled_list2 .post-item, .blog-style-styled_list2 .sticky, .blog-style-timeline .post-item, .blog-style-timeline .post-img, .blog-style-timeline .post-img a .dummy, .gem-basic-grid .vc_grid-item-mini, .gem-basic-grid .vc_gitem-zone-c, .shop-widget-area .widget .gem-products-content, .blog-style-compact article, .gem-search-form.gem-search-form-style-light .search-field, .page-title-block.custom-page-title, .custom-footer, .portfolio .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter .portfolio-search-filter-form, .portfolio-filters-list.style-standard:not(.single-filter, .style-standard-mobile) .portfolio-filter-item .portfolio-filter-item-list, .portfolio-sorting-select ul, .portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area, .thegem-popup-notification .notification-message, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a, .thegem-combobox-wrap .thegem-combobox__trigger, .thegem-combobox-wrap .thegem-combobox__options, .thegem-combobox-wrap .thegem-combobox__options-item, .product-page__wrapper .product-page__nav .product-page__nav-preview, .product-page__wrapper form.cart .quantity, .thegem-fullscreen-search, .thegem-fullscreen-search .search-results-section:nth-child(even) .pages-list .page-item article a, table.variations .thegem-select { background-color: #ffffff; } :root { --styled-bg-color: #f4f6f7; } :root { --thegem-to-styled-color1: #3951A0FF; --thegem-to-styled-color1-03: #3951A0FF4d; } .gem-styled-color-1, .gem-date-color, .gem-table thead th, .woocommerce table.shop_table.order-details thead tr th, .gem_accordion_header a, .gem-testimonial-name, .post-author-avatar:after, .comments-link a:hover, .shipping_calculator .shipping-calculator-button:before, .widget_calendar caption, .widget.widget_search .gem-button, #wp-calendar thead tr th, .widget.widget_calendar a:hover, .gem-teams-phone, .resp-tab-active, .wpb_toggle, .vc_toggle_title h4, .account-tittle, .blog-style-timeline .post-time span, .blog.blog-style-masonry article .description .tags a.active, .widget_tweets .twitter-box .jtwt_tweet:before, .jtwt_tweet_text.icon-twitter a, .gem-pp-posts-date, .gem-latest-news-title span, .widget.widget_search .gem-button:hover, .mc-text span, .blog-style-styled_list1 .post-time, .blog-style-styled_list2 .post-time, .blog-style-multi-author .post-date, .comment-form label em, .comment-awaiting-moderation, .woocommerce-before-cart .cart-short-info .items-count, .shop_table td.product-remove .remove, .products .product-info .price ins, .products .product-info .price .amount, .comment-form-rating .stars a.active, .comment-form-rating .stars a:hover, .woocommerce .checkout .woocommerce-billing-collumn .form-row label abbr, .woocommerce .edit-address-form .woocommerce-billing-collumn .form-row label abbr, .woocommerce ul.woocommerce-error li, .woocommerce .checkout-login-box .login .form-row label .required, .woocommerce .checkout-lost-password-box .form-row label .required, .woocommerce #customer_login .col .login-box .form-row label .required, body .mobile-cart .mobile-cart-header .mobile-cart-header-title:before, body .woocommerce .woocommerce-checkout .shop_table.woocommerce-checkout-payment-total .order-total td .amount, body .woocommerce ul.order_details li:before, .read-more-link:before, .post-related-posts h2:before, .gem_accordion_header.ui-accordion-header-active .ui-accordion-header-icon:before, .form-edit-adress abbr, .post-author-info .categories a, .post-author-info .categories, .block-navigation-prev a:before, .block-navigation-next a:after, h4.wpb_toggle_title_active:after, .vc_toggle_active .vc_toggle_title:after, .resp-accordion.resp-tab-active:after, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .info a, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .info span.sep, .blog.blog-style-masonry article .description .info .more-link:before, .portfolio.hover-new-horizontal-sliding .portfolio-item .image .overlay .links .caption .info a, .portfolio.hover-new-horizontal-sliding .portfolio-item .image .overlay .links .caption .info span.sep, .version-new.news-grid.hover-new-horizontal-sliding .portfolio-item .links .caption .grid-post-meta .grid-post-meta-comments-likes a, .portfolio.hover-default-horizontal-sliding .portfolio-item .image .overlay .links .caption .info a, #colophon .widget_nav_menu ul.menu li.menu-item-current > a, #colophon .widget_submenu > div > ul li.menu-item-current > a, #colophon .widget_nav_menu ul.menu li.menu-item-active > a, #colophon .widget_submenu > div > ul li.menu-item-active > a { color: #3951A0FF; } :root { --thegem-to-styled-color2: #F1BF5BFF; } :root { --thegem-to-styled-color3: #25B6EAFF; --thegem-to-styled-color3-03: #25B6EAFF4d; } :root { --thegem-to-divider-color: #dfe5e8; } :root { --thegem-to-box-border-color: #dfe5e8; } :root { --thegem-to-mobile-menu-font-family: Source Sans Pro; } :root { --thegem-to-mobile-menu-font-style: normal; --thegem-to-mobile-menu-font-weight:normal; } :root { --thegem-to-mobile-menu-font-size: 16px; } :root { --thegem-to-mobile-menu-line-height: 20px; } :root { --thegem-to-mobile-menu-text-transform: none; } :root { --thegem-to-mobile-menu-level1-color: #5f727f; } :root { --thegem-to-mobile-menu-level1-bg-color: #f4f6f7; } :root { --thegem-to-mobile-menu-level1-active-color: #3c3950; } :root { --thegem-to-mobile-menu-level1-active-bg-color: #ffffff; } :root { --thegem-to-mobile-menu-level2-color: #5f727f; } :root { --thegem-to-mobile-menu-level2-bg-color: #f4f6f7; } :root { --thegem-to-mobile-menu-level2-active-color: #3c3950; } :root { --thegem-to-mobile-menu-level2-active-bg-color: #ffffff; } :root { --thegem-to-mobile-menu-level3-color: #5f727f; } :root { --thegem-to-mobile-menu-level3-bg-color: #f4f6f7; } :root { --thegem-to-mobile-menu-level3-active-color: #3c3950; } :root { --thegem-to-mobile-menu-level3-active-bg-color: #ffffff; } :root { --thegem-to-mobile-menu-border-color: #dfe5e8; } :root { --thegem-to-menu-level1-color: #3951A0FF; } :root { --thegem-to-menu-level1-color-hover: #F1BF5BFF; } :root { --thegem-to-menu-level1-hover-bg-color: #3951A0FF; } :root { --thegem-to-menu-level1-active-color: #3951A0FF; } :root { --thegem-to-menu-level1-active-bg-color: #00000000; } :root { --thegem-to-menu-level2-color: #3951A0FF; } :root { --thegem-to-menu-level2-bg-color: #f4f6f7; } :root { --thegem-to-menu-level2-hover-color: #F1BF5BFF; } :root { --thegem-to-menu-level2-hover-bg-color: #ffffff; } :root { --thegem-to-menu-level2-active-color: #3951A0FF; } :root { --thegem-to-menu-level2-active-bg-color: #ffffff; } #primary-menu.no-responsive > li > ul > li.menu-item-current > a, #primary-menu.no-responsive > li > ul > li.menu-item-active > a, #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a, .header-style-2 .minisearch, .header-style-3 .minisearch, .header-style-1 .minisearch .sf-input, .header-style-4 .minisearch .sf-input { background-color: #ffffff; } :root { --thegem-to-menu-level3-color: #3951A0FF; } :root { --thegem-to-menu-level3-bg-color: #ffffff; } :root { --thegem-to-menu-level3-hover-color: #F1BF5BFF; } :root { --thegem-to-menu-level3-hover-bg-color: #494c64; } :root { --thegem-to-menu-level3-active-color: #3951A0FF; } :root { --thegem-to-menu-level3-active-bg-color: #ffffff; } :root { --thegem-to-menu-level2-border-color: #3951A0FF; } #primary-menu.no-responsive > li:not(.megamenu-template-enable) ul > li, #primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header, .minisearch, .minisearch .sf-input { border-top: 1px solid #3951A0FF; } #primary-menu.no-responsive > li:not(.megamenu-template-enable) ul, #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li, .minisearch, .minisearch .sf-input { border-bottom: 1px solid #3951A0FF; border-left: 1px solid #3951A0FF; border-right: 1px solid #3951A0FF; } @media (-webkit-device-pixel-ratio: 1.25) { #primary-menu.no-responsive > li:not(.megamenu-template-enable) ul > li, #primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header, .minisearch, .minisearch .sf-input { border-top: 0.8px solid #3951A0FF; } #primary-menu.no-responsive > li:not(.megamenu-template-enable) ul, #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li, .minisearch, .minisearch .sf-input { border-bottom: 0.8px solid #3951A0FF; border-left: 0.8px solid #3951A0FF; border-right: 0.8px solid #3951A0FF; } } :root { --thegem-to-menu-level1-light-color: #01843EFF; } :root { --thegem-to-menu-level1-light-hover-color: #AFCA0BFF; } :root { --thegem-to-menu-level1-light-active-color: #01843EFF; } :root { --thegem-to-overlay-menu-color: #3951A0FF; } :root { --thegem-to-overlay-menu-hover-color: #F1BF5BFF; } :root { --thegem-to-overlay-menu-active-color: #3951A0FF; } :root { --thegem-to-body-color: #5f727f; --thegem-to-body-color-07: rgba(95, 114, 127, 0.7); } body, .text-body, .text-body-tiny, .portfolio.background-style-gray:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .info, .portfolio.background-style-gray:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .info, .portfolio.background-style-dark .portfolio-item .wrap > .caption .info, .gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-caption, .gem-gallery-grid.hover-zooming-blur .gallery-item .overlay .title, .gem-gallery-grid.hover-zooming-blur .gallery-item .overlay .subtitle, .widget.widget_contacts a:hover, .widget_recent_comments a, .digram-line-box .skill-title, .shipping_calculator .shipping-calculator-button, .widget_shopping_cart_content ul.cart_list li a, .shop-widget-area .gem-products-title a, .woocommerce-page ul.product_list_widget li a, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .details, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .info, .portfolio.hover-horizontal-sliding .overlay .links .caption .info span.sep, .version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .overlay .links .caption .subtitle, .version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .overlay .links .caption .details, .version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .overlay .links .caption .post-date, .version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .overlay .links .caption .grid-post-meta a.icon.share:before, .version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .overlay .links .portfolio-sharing-pane .socials-item, .version-new.news-grid.hover-new-zooming-blur .portfolio-item .links .caption .grid-post-meta .comments-link a, .version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .overlay .links .caption .subtitle, .version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .overlay .links .caption .details, .version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .overlay .links .caption .post-date, .version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .comments-link a, .version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .zilla-likes, .version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .grid-post-share .icon, #colophon .jtwt_tweet:before, #colophon .project_info-item-style-1 .project_info-item .icon, #colophon .widget_recent_comments li:before, #colophon .widget_recent_entries ul li:before, #colophon .portfolio-filters a .icon, #colophon .comment-form label:before, #colophon .socials-sharing a:after, #colophon .widget_archive li:before, #colophon .widget_nav_menu ul.menu li > a:before, #colophon .widget_submenu > div > ul li > a:before, #colophon .widget_categories > ul li > a:before, #colophon .widget_product_categories > ul li > a:before, #colophon .widget_product_categories > ul li:before, #colophon .widget_pages > ul li > a:before, #colophon .widget_meta li:before, #colophon .widget_rss li:before, #colophon .project_info-item-style-2 .icon, #colophon .gem_accordion_header, #colophon .widget_layered_nav ul li a:before, #colophon .widget .gem-contacts-address:before, #colophon .widget .gem-contacts-phone:before, #colophon .widget .gem-contacts-fax:before, #colophon .widget .gem-contacts-email:before, #colophon .widget .gem-contacts-website:before, #colophon .widget_meta li:before, #colophon .widget .mc-text.small-body, #colophon .widget.widget_search input, #colophon #mc4wp_email, blockquote, .widget_price_filter .price_label span, .gem-quote.gem-quote-style-default blockquote, .gem-quote.gem-quote-style-1, .wpcf7-form.gem-contact-form-white span, .wpcf7-form.gem-contact-form-white .wpcf7-list-item-label, .wpcf7-form.gem-contact-form-dark span, .wpcf7-form.gem-contact-form-dark .wpcf7-list-item-label, .blog-style-styled_list1 .post-content, .blog-style-styled_list2 .post-content, .blog-style-timeline .post-content, body .thegem_testimonial a .gem-testimonial-text, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a, body .widget .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a, .thegem-tabs__nav-item, .product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info-title, .product-page__wrapper .reset_variations, .product-page__wrapper .size-guide a, .ajax-minisearch-results .ajax-search-item { color: #5f727f; } :root { --thegem-to-h1-color: #3c3950; } h1, .title-h1, .gem-counter-number, body .gem-testimonial-item:after, blockquote p:after, body .testimonials-style-1-teg, body .testimonials-style-2-teg, .pricing-title { color: #3c3950; } :root { --thegem-to-h2-color: #3c3950; } h2, .title-h2, .blog-style-multi-author .post-title a, .single-product-content .price { color: #3c3950; } :root { --thegem-to-h3-color: #3c3950; } h3, .title-h3, .blog-style-styled_list1 .post-title a, .blog-style-styled_list2 .post-title a, .blog-style-timeline .post-title a, .woocommerce .woocommerce-checkout-one-page #order_review table thead th, .thegem-fullscreen-search .sf-input.thegem-fullscreen-searchform-input, .thegem-fullscreen-search .sf-close { color: #3c3950; } :root { --thegem-to-h4-color: #3c3950; } h4, .title-h4, .team-person-name, .widget .gem-teams-name, body .testimonials-style-2-item .testimonials-style-2-text.gem-testimonial-text, .diagram-wrapper.style-3 .digram-line-box .skill-title span, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .title, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .product-variations, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-sharing-pane .socials-item, .blog-style-masonry .entry-title.title-h4 a, .gem-basic-grid .post-title h4.entry-title a, .gem-basic-grid-2 .vc_gitem-zone-c .post-title a, .justified-style-1 .entry-title.title-h4 a, .justified-style-2 .entry-title.title-h4 a, .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before, .gem-gallery-grid.hover-gradient .gallery-item .overlay a.icon::before, .gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after, .news-grid.portfolio.hover-zooming-blur .portfolio-item .image .overlay .caption .title > *, .news-grid.portfolio.hover-new-zooming-blur .portfolio-item .image .overlay .caption .title > *, .version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .links .caption .author, .news-grid.portfolio.hover-default-zooming-blur .portfolio-item.double-item-squared:hover .image .overlay .caption .title > *, .version-new.news-grid .portfolio-item .wrap > .caption .title a, .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title{ color: #3c3950; } :root { --thegem-to-h5-color: #3c3950; } h5, .title-h5, blockquote.wp-block-quote.is-large, blockquote.wp-block-quote.is-style-large, .woocommerce .woocommerce-checkout.woocommerce-checkout-one-page .shop_table.woocommerce-checkout-payment-total th, .news-grid.hover-default .portfolio-item .image .links .caption .post-date, .news-grid.portfolio.hover-zooming-blur .portfolio-item .image .overlay .caption .title > *, .news-grid.portfolio.hover-new-zooming-blur .portfolio-item .image .overlay .caption .title > *, .news-grid.portfolio.hover-default-zooming-blur .portfolio-item:hover .image .overlay .caption .title > *, .news-grid.version-default.portfolio.hover-default-zooming-blur .portfolio-item:hover .image .overlay .caption .title > *, .news-grid.version-default.portfolio.hover-default-zooming-blur .portfolio-item .image .overlay .links .caption .post-date, .news-grid.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info a, .version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .links .caption .author, .version-default.news-grid.portfolio.hover-default-zooming-blur .portfolio-item .image .links .caption .info a { color: #3c3950; } :root { --thegem-to-h6-color: #3c3950; } h6, .title-h6, .widget_nav_menu > div > ul > li > a, .widget_submenu > div > ul > li > a, .widget_pages > ul > li > a, .widget_categories > ul > li > a, .widget_product_categories > ul > li > a, .project_info-item-style-1 .project_info-item .title, .portfolio:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .title, .portfolio:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .title, .thegem-tabs__nav-item, .thegem-accordion__item-title, .product-page__wrapper #thegem-additional_information table th, .portfolio-filter-tabs ul.portfolio-filter-tabs-list li { color: #3c3950; } :root { --thegem-to-link-color: #3951A0FF; } a, .widget_recent_comments .comment-author-link a, .widget .team-person-email a:hover:before, .gem-team-style-5 .team-person:hover .team-person-name, .portfolio.hover-vertical-sliding .overlay .links .caption .info a, .portfolio.hover-horizontal-sliding .overlay .links .caption .info a, .portfolio-set-comma, .blog-style-masonry .entry-title.title-h4 a:hover, .portfolio-item .caption .title a:hover, .version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .title a, .version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .title a, .version-new.news-grid .portfolio-item .wrap > .caption .title a:hover, .news-grid.portfolio.background-style-dark:not(.disabled-hover) .portfolio-item:hover .wrap > .caption .title a, .version-default.news-grid .portfolio-item:hover .wrap > .caption .title a, .blog-style-styled_list1 .post-title a:hover, .blog-style-styled_list2 .post-title a:hover, .blog-style-timeline .post-title a:hover, .products .product-info .product-title a:hover, .products .portfolio-item .wrap > .caption .title a:hover, .gem-basic-grid .post-title h4.entry-title a:hover, .gem-basic-grid-2 .vc_gitem-zone-c .post-title a:hover, .gem-media-grid .midia-grid-item-post-author span a:hover, .justified-style-1 .entry-title.title-h4 a:hover, .justified-style-2 .entry-title.title-h4 a:hover, .blog-style-multi-author .post-title a:hover, .reverse-link-color a:hover, a.reverse-link-color:hover, .gem-blog-slider .post-title a:hover, .socials-list.socials-colored a:hover .socials-item-icon, #footer-navigation li a:hover, .custom-footer li a:hover, body.woocommerce-cart .custom-header .breadcrumbs span a, body.woocommerce-checkout .custom-header .breadcrumbs span a, body.woocommerce-wishlist .custom-header .breadcrumbs span a, body.woocommerce-account .page-title-block .breadcrumbs span a, body #primary-menu.no-responsive > li.menu-item-cart > .minicart ul li a:hover, body .hamburger-minicart > .minicart ul li a:hover, .news-grid.portfolio.background-style-dark .portfolio-item .wrap > .caption .title a:hover, .version-default.news-grid.hover-default-vertical-sliding .portfolio-item .image .links .caption .info a, .product-page__wrapper .product-page__nav .product-page__nav-preview:hover .nav-preview__info-title, .product-quick-view__wrapper .product-page__right-column .woocommerce-review-link:hover{ color: #3951A0FF; } :root { --thegem-to-link-color-hover: #F1BF5BFF; } a:hover, body.woocommerce-cart .custom-header .breadcrumbs span a:hover, body.woocommerce-checkout .custom-header .breadcrumbs span a:hover, body.woocommerce-wishlist .custom-header .breadcrumbs span a:hover, body.woocommerce-account .page-title-block .breadcrumbs span a:hover, body .shop_table.cart .product-name .product-title a:hover, body .checkout .shop_table .product-name .product-title a:hover, .product-page__wrapper .reset_variations:hover, .product-page__wrapper .size-guide a:hover, .product-page__wrapper .product-page__nav .product-page__nav-list a:hover:before, .gem-pagination.gem-pagination-arrows a.prev:not(.disabled):hover, .gem-pagination.gem-pagination-arrows a.next:not(.disabled):hover { color: #F1BF5BFF; } :root { --thegem-to-link-color-active: #3951A0FF; } a:active { color: #3951A0FF; } #footer-navigation, #footer-navigation li a, .custom-footer, .custom-footer li a { color: #99a9b5; } :root { --thegem-to-top-area-link-color: #01843EFF; } :root { --thegem-to-date-filter-subtitle-color: #99a9b5; } :root { --thegem-to-system-icons-font-color: #99a3b0; } :root { --thegem-to-system-icons-font2-color: #b6c6c9; } :root { --thegem-to-button-basic-color: #ffffff; } .gem-button, body .wp-block-button .wp-block-button__link, .caption-bottom-line .post-footer-sharing .gem-button, input[type='submit'], .page-links a, .blog-load-more button span, .blog-load-more button span:before, .widget a.gem-button, #wp-calendar #prev a:after, #wp-calendar #next a:after, #wp-calendar caption:after, #primary-menu.no-responsive > li.menu-item-cart .widget_shopping_cart_content .buttons a.checkout, .hamburger-minicart .widget_shopping_cart_content .buttons a.checkout { color: #ffffff; } :root { --thegem-to-button-basic-color-hover: #ffffff; } .gem-button:hover, body .wp-block-button .wp-block-button__link:hover, input[type='submit']:hover, .caption-bottom-line .project-button .gem-button, .portfolio.background-style-dark:not(.disabled-hover):not(.list-style) .portfolio-item:hover .caption-bottom-line .project-button .gem-button, .page-links a, .blog-load-more button span:hover, .widget a.gem-button:hover, #wp-calendar #prev a:hover:after, #wp-calendar #next a:hover:after, #primary-menu.no-responsive > li.menu-item-cart .widget_shopping_cart_content .buttons a:hover, .hamburger-minicart .widget_shopping_cart_content .buttons a:hover { color: #ffffff; } :root { --thegem-to-button-basic-background-color: #b6c6c9; } .gem-button, body .wp-block-button .wp-block-button__link, .caption-bottom-line .post-footer-sharing .gem-button, .portfolio-filters a:hover, input[type='submit'], .radio-sign.checked:before, .page-links a, .widget a.gem-button, #wp-calendar #prev a, #wp-calendar #next a, .blog-load-more button, .ui-slider-range.ui-widget-header.ui-corner-all, .gem-blog-slider .gem-blog-slider-prev:hover, .gem-blog-slider .gem-blog-slider-next:hover { background-color: #b6c6c9; } :root { --thegem-to-button-basic-background-color-hover: #3c3950; } .gem-button:hover, body .wp-block-button .wp-block-button__link:hover, input[type='submit']:hover, .comment-form .form-submit .gem-button.submit:hover, .caption-bottom-line .project-button .gem-button, .portfolio.background-style-dark:not(.disabled-hover):not(.list-style) .portfolio-item:hover .caption-bottom-line .project-button .gem-button, .page-links a, .widget a.gem-button:hover, #wp-calendar #prev a:hover, #wp-calendar #next a:hover, .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev a:hover, .widget_calendar .wp-calendar-nav .wp-calendar-nav-next a:hover, .blog-load-more button:hover, .page-content.content-none .searchform .searchform-submit .gem-button:hover, .wpcf7-form.gem-contact-form-white input[type='submit']:hover, .wpcf7-form .gem-button:not(.gem-button-wpcf-custom):hover, .wpcf7-form input[type='submit']:not(.gem-button-wpcf-custom):hover, .wpcf7-form.gem-contact-form-white input[type='submit']:not(.gem-button-wpcf-custom):hover, .wpcf7-form.gem-contact-form-dark input[type='submit']:not(.gem-button-wpcf-custom):hover, .gem-blog-slider .gem-blog-slider-prev, .gem-blog-slider .gem-blog-slider-next, .gem-search-form.gem-search-form-style-dark .search-field, body .woocommerce .checkout-signin .checkout-create-account button:hover { background-color: #3c3950; } :root { --thegem-to-widget-hover-link_color: #3951A0FF; } :root { --thegem-to-portfolio-date-color: #99a9b5; } :root { --thegem-to-hover-default-color: #017DA1FF; --thegem-to-hover-default-color-03: rgba(1, 125, 161, 0.3); --thegem-to-hover-default-color-08: rgba(1, 125, 161, 0.8); } .widget_archive li:before, .widget_nav_menu ul.menu li > a:before, .widget_submenu > div > ul li > a:before, .widget_categories > ul li > a:before, .widget_product_categories > ul li > a:before, .widget_pages > ul li > a:before, .widget_meta li:before, .widget_rss li:before, .project_info-item-style-2 .icon, .gem_accordion_header .ui-accordion-header-icon:before, .wpb_toggle:after, .vc_toggle_title:after, .widget_layered_nav ul li a:before, .widget .gem-contacts-address:before, .widget .gem-contacts-phone:before, .widget .gem-contacts-fax:before, .widget .gem-contacts-email:before, .widget .gem-contacts-website:before, .resp-accordion:after { color: #5f727f; } .gem-icon, .widget .team-person-email a:before, .woocommerce-message:before, .woocommerce-info:before { color: #91a0ac; } :root { --thegem-to-pagination-color: #99a9b5; } :root { --thegem-to-pagination-background-color: #ffffff; } :root { --thegem-to-pagination-color-hover: #017DA1FF; } :root { --thegem-to-pagination-color-active: #3c3950; } :root { --thegem-to-form-elements-background-color: #f4f6f7; } input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="month"], input[type="week"], textarea, .chosen-container, .select2-container, .checkbox-sign, .radio-sign { background-color: #f4f6f7; } :root { --thegem-to-form-elements-text-color: #3c3950; } input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="month"], input[type="week"], textarea, select, .chosen-container-single .chosen-single, .select2-container .select2-choice, .widget_product_search form:before { color: #3c3950; } :root { --thegem-to-form-elements-border-color: #dfe5e8; } input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="month"], input[type="week"], textarea, .combobox-wrapper, #page .woocommerce .select2-container .select2-selection--single, .select2-container .select2-dropdown, .chosen-container-single .chosen-single, .select2-container .select2-choice, select.wpcf7-form-control.wpcf7-select, .thegem-combobox-wrap .thegem-combobox__trigger, .thegem-combobox-wrap .thegem-combobox__options, .product-page__wrapper .product-page__nav .product-page__nav-preview, .product-page__wrapper form.cart .quantity, .gem-attribute-selector .gem-attribute-options li, table.variations .thegem-select { border: 1px solid #dfe5e8; } :root { --thegem-to-product-title-color: #3c3950; } :root { --thegem-to-product-title-cart-color: #00bcd4; } :root { --thegem-to-product-price-color: #3c3950; } :root { --thegem-to-product-price-cart-color: #3c3950; } body { background-color: #8b94a5; } :root { --thegem-to-navigation-background-image: none; --thegem-to-navigation-background-color: #ffffff; } .block-content { background-color: #ffffff; } :root { --thegem-to-product-grid-title-color: #5F727FFF; } :root { --thegem-to-product-grid-title-hover-color: #3C3950FF; } :root { --thegem-to-product-grid-title-on-image-color: #212227FF; } :root { --thegem-to-product-grid-category-color: #99A9B5FF; } :root { --thegem-to-product-grid-category-hover-color: #00BCD4FF; } :root { --thegem-to-product-grid-price-font-family: 'Source Sans Pro'; } :root { --thegem-to-product-grid-price-font-style: normal; --thegem-to-product-grid-price-font-weight: normal; } :root { --thegem-to-product-grid-price-font-size: 16px; } :root { --thegem-to-product-grid-price-line-height: 25px; } :root { --thegem-to-product-grid-price-color: #5F727FFF; } :root { --thegem-to-product-grid-icon-color: #5F727FFF; } :root { --thegem-to-cart-icon-font: 'thegem-icons'; --thegem-to-cart-icon-icon: '\e67d'; } :root { --header-builder-light-color: #01843EFF; } :root { --header-builder-light-color-hover: #B7C414FF; } :root { --thegem-to-breadcrumbs-color: #99A9B5FF; } :root { --thegem-to-breadcrumbs-color-hover: #3C3950FF; } :root { --thegem-to-breadcrumbs-color-active: #3C3950FF; } .vc_row:after,.vc_row:before{content:" ";display:table}.vc_row:after{clear:both}.vc_column_container{width:100%}.vc_row{margin-left:-15px;margin-right:-15px}.vc_col-lg-1,.vc_col-lg-10,.vc_col-lg-11,.vc_col-lg-12,.vc_col-lg-2,.vc_col-lg-3,.vc_col-lg-4,.vc_col-lg-5,.vc_col-lg-6,.vc_col-lg-7,.vc_col-lg-8,.vc_col-lg-9,.vc_col-md-1,.vc_col-md-10,.vc_col-md-11,.vc_col-md-12,.vc_col-md-2,.vc_col-md-3,.vc_col-md-4,.vc_col-md-5,.vc_col-md-6,.vc_col-md-7,.vc_col-md-8,.vc_col-md-9,.vc_col-sm-1,.vc_col-sm-10,.vc_col-sm-11,.vc_col-sm-12,.vc_col-sm-2,.vc_col-sm-3,.vc_col-sm-4,.vc_col-sm-5,.vc_col-sm-6,.vc_col-sm-7,.vc_col-sm-8,.vc_col-sm-9,.vc_col-xs-1,.vc_col-xs-10,.vc_col-xs-11,.vc_col-xs-12,.vc_col-xs-2,.vc_col-xs-3,.vc_col-xs-4,.vc_col-xs-5,.vc_col-xs-6,.vc_col-xs-7,.vc_col-xs-8,.vc_col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px;box-sizing:border-box}.vc_col-xs-1,.vc_col-xs-10,.vc_col-xs-11,.vc_col-xs-12,.vc_col-xs-2,.vc_col-xs-3,.vc_col-xs-4,.vc_col-xs-5,.vc_col-xs-6,.vc_col-xs-7,.vc_col-xs-8,.vc_col-xs-9{float:left}.vc_col-xs-12{width:100%}.vc_col-lg-1\/5,.vc_col-lg-2\/5,.vc_col-lg-3\/5,.vc_col-lg-4\/5,.vc_col-lg-5\/5,.vc_col-md-1\/5,.vc_col-md-2\/5,.vc_col-md-3\/5,.vc_col-md-4\/5,.vc_col-md-5\/5,.vc_col-sm-1\/5,.vc_col-sm-2\/5,.vc_col-sm-3\/5,.vc_col-sm-4\/5,.vc_col-sm-5\/5,.vc_col-xs-1\/5,.vc_col-xs-2\/5,.vc_col-xs-3\/5,.vc_col-xs-4\/5,.vc_col-xs-5\/5{position:relative;min-height:1px;padding-left:15px;padding-right:15px;box-sizing:border-box}@media (min-width:768px){.vc_col-sm-1,.vc_col-sm-10,.vc_col-sm-11,.vc_col-sm-12,.vc_col-sm-2,.vc_col-sm-3,.vc_col-sm-4,.vc_col-sm-5,.vc_col-sm-6,.vc_col-sm-7,.vc_col-sm-8,.vc_col-sm-9{float:left}.vc_col-sm-12{width:100%}.vc_col-sm-6{width:50%}.vc_col-sm-4{width:33.33333333%}.vc_col-sm-1\/5,.vc_col-sm-2\/5,.vc_col-sm-3\/5,.vc_col-sm-4\/5,.vc_col-sm-5\/5{float:left}.vc_col-sm-4\/5{width:80%}}@media (min-width:992px){.vc_col-md-1,.vc_col-md-10,.vc_col-md-11,.vc_col-md-12,.vc_col-md-2,.vc_col-md-3,.vc_col-md-4,.vc_col-md-5,.vc_col-md-6,.vc_col-md-7,.vc_col-md-8,.vc_col-md-9{float:left}.vc_col-md-6{width:50%}}.vc_clearfix:after,.vc_clearfix:before{content:" ";display:table}.vc_clearfix:after{clear:both}.vc_clearfix:after,.vc_clearfix:before{content:" ";display:table}.vc_clearfix:after{clear:both}@font-face{font-display:swap;font-family:vcpb-plugin-icons;src:url(/wp-content/plugins/js_composer/assets/fonts/vc_icons_v3/fonts/vcpb-plugin-icons.eot?vk8f9n);src:url(/wp-content/plugins/js_composer/assets/fonts/vc_icons_v3/fonts/vcpb-plugin-icons.eot?vk8f9n#iefix) format('embedded-opentype'),url(/wp-content/plugins/js_composer/assets/fonts/vc_icons_v3/fonts/vcpb-plugin-icons.ttf?vk8f9n) format('truetype'),url(/wp-content/plugins/js_composer/assets/fonts/vc_icons_v3/fonts/vcpb-plugin-icons.woff?vk8f9n) format('woff'),url(/wp-content/plugins/js_composer/assets/fonts/vc_icons_v3/fonts/vcpb-plugin-icons.svg?vk8f9n#vcpb-plugin-icons) format('svg');font-weight:400;font-style:normal;font-display:block}#content .wpb_alert p:last-child,#content .wpb_text_column :last-child,#content .wpb_text_column p:last-child,.wpb_alert p:last-child,.wpb_text_column :last-child,.wpb_text_column p:last-child{margin-bottom:0}.wpb_button,.wpb_content_element,ul.wpb_thumbnails-fluid>li{margin-bottom:35px}.wpb-content-wrapper{margin:0;padding:0;border:none;overflow:unset;display:block}.vc_row[data-vc-full-width]{transition:opacity .5s ease;overflow:hidden}.vc_row.vc_row-flex{box-sizing:border-box;display:flex;flex-wrap:wrap}.vc_row.vc_row-flex>.vc_column_container{display:flex}.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner{flex-grow:1;display:flex;flex-direction:column;z-index:1}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner>*{min-height:1em}}.vc_row.vc_row-flex::after,.vc_row.vc_row-flex::before{display:none}.vc_row.vc_row-o-equal-height>.vc_column_container{align-items:stretch}.vc_row.vc_row-o-content-middle>.vc_column_container>.vc_column-inner{justify-content:center}.vc_row.vc_row-o-content-middle:not(.vc_row-o-equal-height)>.vc_column_container{align-items:center}.vc_column-inner::after,.vc_column-inner::before{content:" ";display:table}.vc_column-inner::after{clear:both}.vc_column_container{padding-left:0;padding-right:0}.vc_column_container>.vc_column-inner{box-sizing:border-box;padding-left:15px;padding-right:15px;width:100%}.vc_col-has-fill>.vc_column-inner,.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,.vc_row-has-fill>.vc_column_container>.vc_column-inner{padding-top:35px}.vc_row.vc_row-o-equal-height>.vc_column_container{align-items:stretch}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.wpb_single_image a{border:none;outline:0}.wpb_single_image img{height:auto;max-width:100%;vertical-align:top}.wpb_single_image .vc_single_image-wrapper{display:inline-block;vertical-align:top;max-width:100%}.wpb_single_image.vc_align_center{text-align:center}.wpb_single_image .vc_figure{display:inline-block;vertical-align:top;margin:0;max-width:100%}@-moz-document url-prefix(){.vc_masonry_grid .vc_grid-item,.vc_masonry_media_grid .vc_grid-item{margin-left:-.01px}}@keyframes load7{0%,100%,80%{box-shadow:0 2.5em 0 -1.3em rgba(235,235,235,.75)}40%{box-shadow:0 2.5em 0 0 rgba(235,235,235,.75)}}@font-face{font-display:swap;font-family:vc_grid_v1;src:url(/wp-content/plugins/js_composer/assets/fonts/vc_grid/vc_grid_v1.eot?-9hbgac);src:url(/wp-content/plugins/js_composer/assets/fonts/vc_grid/vc_grid_v1.eot?#iefix-9hbgac) format('embedded-opentype'),url(/wp-content/plugins/js_composer/assets/fonts/vc_grid/vc_grid_v1.woff?-9hbgac) format('woff'),url(/wp-content/plugins/js_composer/assets/fonts/vc_grid/vc_grid_v1.ttf?-9hbgac) format('truetype'),url(/wp-content/plugins/js_composer/assets/fonts/vc_grid/vc_grid_v1.svg?-9hbgac#vc_grid_v1) format('svg');font-weight:400;font-style:normal}[class*=" vc_arrow-icon-"],[class^=vc_arrow-icon-]{font-family:vc_grid_v1;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wpb_animate_when_almost_visible{opacity:0}@keyframes wpb_ttb{0%{transform:translate(0,-10%);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes wpb_btt{0%{transform:translate(0,10%);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes wpb_ltr{0%{transform:translate(-10%,0);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes wpb_rtl{0%{transform:translate(10%,0);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes wpb_appear{0%{transform:scale(.5);opacity:.1}100%{transform:scale(1);opacity:1}}@keyframes vc_woo-add-cart-load{0%,100%,80%{box-shadow:0 2.5em 0 -1.3em rgba(235,235,235,.75)}40%{box-shadow:0 2.5em 0 0 rgba(235,235,235,.75)}} .vc_row { margin-left: -21px; margin-right: -21px; } .vc_row { margin-left: -21px; margin-right: -21px; } .vc_column_container > .vc_column-inner { padding-left: 21px; padding-right: 21px; } @font-face{font-display:swap; font-family: 'TheGem Header'; src:url(/wp-content/themes/thegem/fonts/thegem-header/thegem-header.eot); src:url(/wp-content/themes/thegem/fonts/thegem-header/thegem-header.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/thegem/fonts/thegem-header/thegem-header.woff) format('woff'), url(/wp-content/themes/thegem/fonts/thegem-header/thegem-header.ttf) format('truetype'), url(/wp-content/themes/thegem/fonts/thegem-header/thegem-header.svg#thegem-header) format('svg'); font-weight: normal; font-style: normal; font-display: block; } .gem-print-icon.gem-icon-pack-thegem-header { display: inline-block; font-family: 'TheGem Header'; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; text-align: center; vertical-align: middle; font-size: 16px; } .thegem-te-infotext{ position: relative; width: fit-content; } .thegem-te-infotext-wrap{ position: relative; display: flex; color: inherit; } .thegem-te-infotext a{ cursor: pointer; } .thegem-te-infotext-wrap:hover{ color: inherit; } .thegem-te-infotext-wrap.position--left{ justify-content: flex-start; } .thegem-te-infotext-wrap.position--left.vertical--center, .thegem-te-infotext-wrap.position--right.vertical--center{ align-items: center; } .thegem-te-info-icon{ position: relative; } .thegem-te-info-icon .gem-icon { display: block; } .thegem-te-info-icon .gem-icon.gem-simple-icon .gem-icon-inner { margin: 0; } .thegem-te-info-icon .gem-icon-inner, .thegem-te-info-icon .gem-icon-style-gradient .back-angle, .thegem-te-info-icon .gem-icon-shape-hexagon-top-inner-before { -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } .thegem-te-info-icon .gem-icon-half-1, .thegem-te-info-icon .gem-icon-half-2 { -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .thegem-te-info-icon .gem-icon { -webkit-transition: color .3s, border-color .3s; -moz-transition: color .3s, border-color .3s; -o-transition: color .3s, border-color .3s; transition: color .3s, border-color .3s; color: var(--thegem-to-menu-level1-color, #3C3950); } .thegem-te-info-text{ position: relative; } .thegem-te-info-text__description{ position: relative; } .thegem-te-info-text__title .title-default, .thegem-te-info-text__subtitle .title-default, .thegem-te-info-text__description .title-default, .thegem-te-info-text__title .title-h1, .thegem-te-info-text__subtitle .title-h1, .thegem-te-info-text__description .title-h1, .thegem-te-info-text__title .title-h2, .thegem-te-info-text__subtitle .title-h2, .thegem-te-info-text__description .title-h2, .thegem-te-info-text__title .title-h3, .thegem-te-info-text__subtitle .title-h3, .thegem-te-info-text__description .title-h3, .thegem-te-info-text__title .title-h4, .thegem-te-info-text__subtitle .title-h4, .thegem-te-info-text__description .title-h4, .thegem-te-info-text__title .title-h5, .thegem-te-info-text__subtitle .title-h5, .thegem-te-info-text__description .title-h5, .thegem-te-info-text__title .title-h6, .thegem-te-info-text__subtitle .title-h6, .thegem-te-info-text__description .title-h6, .thegem-te-info-text__title .title-xlarge, .thegem-te-info-text__subtitle .title-xlarge, .thegem-te-info-text__description .title-xlarge, .thegem-te-info-text__title .styled-subtitle, .thegem-te-info-text__subtitle .styled-subtitle, .thegem-te-info-text__description .styled-subtitle, .thegem-te-info-text__title .text-body, .thegem-te-info-text__subtitle .text-body, .thegem-te-info-text__description .text-body, .thegem-te-info-text__title .text-body-tiny, .thegem-te-info-text__subtitle .text-body-tiny, .thegem-te-info-text__description .text-body-tiny{ padding: 0; margin: 0; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .thegem-te-info-text__title .text-body-tiny, .thegem-te-info-text__subtitle .text-body-tiny, .thegem-te-info-text__description .text-body-tiny{ font-family: var(--thegem-to-body-tiny-font-family); font-style: var(--thegem-to-body-tiny-font-style); font-weight: var(--thegem-to-body-tiny-font-weight); font-size: var(--thegem-to-body-tiny-font-size); line-height: var(--thegem-to-body-tiny-line-height); letter-spacing: var(--thegem-to-body-tiny-letter-spacing); text-transform: var(--thegem-to-body-tiny-text-transform); } .thegem-te-infotext a:hover .thegem-te-info-icon .gem-icon-half-1, .thegem-te-infotext a:hover .thegem-te-info-icon .gem-icon-half-2, .thegem-te-infotext a:hover .thegem-te-info-text .title-customize, .thegem-te-infotext a:hover .thegem-te-info-text .subtitle-customize, .thegem-te-infotext a:hover .thegem-te-info-text .description-customize{ color: var(--thegem-to-menu-level1-color-hover, #00BCD4); } .thegem-te-logo.desktop-view .logo.desktop { display: block; } .thegem-te-logo.desktop-view .logo.mobile { display: none; } @media screen and (max-width: 767px) { .thegem-te-logo.desktop-view .logo.desktop { display: none; } .thegem-te-logo.desktop-view .logo.mobile { display: block; } } .thegem-te-socials .thegem-te-socials-size-tiny .socials-item-icon { font-size: 16px; } .thegem-te-socials .socials-list .socials-item { margin-bottom: 0; } .thegem-te-socials .socials-list { line-height: 1; } .thegem-te-button .gem-button { margin: 0; } .gem-button-font-type-body .gem-button { font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 87.5%; } .thegem-te-menu { position: relative; width: fit-content; } .thegem-te-menu .menu-toggle, .thegem-te-menu__hamburger.desktop-view .menu-toggle, .thegem-te-menu__overlay.desktop-view .menu-toggle{ position: relative; width: 36px; height: 30px; display: flex; border: none; cursor: pointer; outline: none; background: transparent; padding: 0; font-size: 0; line-height: 0; } .thegem-te-menu .menu-toggle.small, .thegem-te-menu .menu-toggle.dl-trigger, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle{ width: 18px; } @media (max-width: 767px) { .thegem-te-menu-mobile__overlay .menu-toggle{ width: 18px; } } .thegem-te-menu .menu-toggle .menu-line-1, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu .menu-toggle .menu-line-2, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu .menu-toggle .menu-line-3, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3{ position: absolute; height: 4px; width: 100%; left: 0; -webkit-transition: all 0.5s, top .3s, height .3s; transition: all 0.5s, top .3s, height .3s; } .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3{ background: var(--thegem-to-hamburger-menu-icon-color, #3C3950); } .thegem-te-menu .menu-toggle .menu-line-1, .thegem-te-menu .menu-toggle .menu-line-2, .thegem-te-menu .menu-toggle .menu-line-3 { background: var(--thegem-to-mobile-menu-btn-color, #3C3950); } .thegem-te-menu .menu-toggle.small .menu-line-1, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-1, .thegem-te-menu .menu-toggle.small .menu-line-2, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-2, .thegem-te-menu .menu-toggle.small .menu-line-3, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-3{ height: 2px; width: 18px; } @media (max-width: 767px) { .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-1, .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-2, .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-3{ height: 2px; width: 18px; } } .thegem-te-menu .menu-toggle .menu-line-1, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1{ top: 3px; } .thegem-te-menu .menu-toggle.small .menu-line-1, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-1{ top: 9px; } @media (max-width: 767px) { .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-1{ top: 9px; } } .thegem-te-menu .menu-toggle .menu-line-2, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2{ top: 13px; } .thegem-te-menu .menu-toggle.small .menu-line-2, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-2{ top: 14px; } @media (max-width: 767px) { .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-2{ top: 14px; } } .thegem-te-menu .menu-toggle .menu-line-3, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3{ top: 23px; } .thegem-te-menu .menu-toggle.small .menu-line-3, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-3{ top: 19px; } @media (max-width: 767px) { .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-3{ top: 19px; } } @media (-webkit-device-pixel-ratio: 1.25) { .thegem-te-menu .menu-toggle.small .menu-line-1, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-1, .thegem-te-menu .menu-toggle.small .menu-line-2, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-2, .thegem-te-menu .menu-toggle.small .menu-line-3, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-3{ height: 1.6px; } } .thegem-te-menu .nav-menu > li > a { position: relative; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li span.megamenu-column-header a { font-family: var(--thegem-to-menu-font-family, 'Montserrat'); font-style: var(--thegem-to-menu-font-style, normal); font-weight: var(--thegem-to-menu-font-weight, 700); font-size: var(--thegem-to-menu-font-size, 14px); line-height: var(--thegem-to-menu-line-height, 25px); letter-spacing: var(--thegem-to-menu-letter-spacing, 0); text-transform: var(--thegem-to-menu-text-transform, uppercase); text-decoration: none; color: var(--thegem-to-menu-level1-color, #3C3950); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul li > a { font-family: var(--thegem-to-submenu-font-family, 'Source Sans Pro'); font-style: var(--thegem-to-submenu-font-style, normal); font-weight: var(--thegem-to-submenu-font-weight, normal); font-size: var(--thegem-to-submenu-font-size, 16px); line-height: var(--thegem-to-submenu-line-height, 20px); letter-spacing: var(--thegem-to-submenu-letter-spacing, 0); text-transform: var(--thegem-to-submenu-text-transform, none); } .thegem-te-menu nav.mobile-view .mega-label { display: none; } @media (max-width: 767px) { .thegem-te-menu .mega-label { display: none; } } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li .mega-label { color: var(--thegem-to-main-bg-color, #FFFFFF) } .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a, .thegem-te-menu.menu--light-submenu.desktop-view .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .thegem-te-menu.menu--light-submenu.desktop-view .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .thegem-te-menu.menu--light-submenu.desktop-view .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a { border-color: var(--thegem-to-styled-color1, #00BCD4); } .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a { } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li .mega-label { background-color: var(--thegem-to-styled-color3, #f44336); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul li > a:hover, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul li.menu-item-active > a { background-color: var(--thegem-to-menu-level1-color-hover, #00bcd4); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul li > a { color: var(--thegem-to-menu-level2-color, #5f727f); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul li > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu> li.megamenu-enable.megamenu-style-grid > ul li > span.megamenu-column-header > a { background-color: var(--thegem-to-menu-level2-bg-color, #f4f6f7); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul li:hover > a { color: var(--thegem-to-menu-level2-hover-color, #3c3950); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul li:hover > a { background-color: var(--thegem-to-menu-level2-hover-bg-color, #ffffff); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a { color: var(--thegem-to-menu-level2-active-color, #3c3950); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a { background-color: var(--thegem-to-menu-level2-active-bg-color, #ffffff); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li span.megamenu-column-header a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li span.megamenu-column-header a.mega-no-link { color: var(--thegem-to-mega-menu-column-title-color, #3c3950); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li span.megamenu-column-header a:hover { color: var(--thegem-to-mega-menu-column-title-hover-color, #00bcd4); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li.menu-item-active > span.megamenu-column-header a { color: var(--thegem-to-mega-menu-column-title-active-color, #00bcd4); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li:not(.megamenu-template-enable) li li:hover > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul li.menu-item-active > a { color: var(--thegem-to-menu-level3-hover-color, #ffffff); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li span.megamenu-column-header { border-top: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li { border-bottom: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8); border-left: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8); border-right: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li span.megamenu-column-header:not(:last-child) { border-bottom: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul { border: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li span.megamenu-column-header a.megamenu-has-icon:before, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li > ul > li > a:before { color: var(--thegem-to-mega-menu-icons-color, #5F727FFF); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li span.megamenu-column-header a:hover.megamenu-has-icon:before, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li > ul > li > a:hover:before { color: inherit; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul:not(.megamenu-item-inited) { opacity: 0 !important; transform: translateY(20px) !important; -o-transform: translateY(20px) !important; -ms-transform: translateY(20px) !important; -moz-transform: translateY(20px) !important; -webkit-transform: translateY(20px) !important; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li > ul ul { display: none; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul { width: auto; white-space: nowrap; background-repeat: no-repeat; font-size: 0; line-height: 1; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul.megamenu-masonry.megamenu-masonry-inited > li { position: absolute; } #site-header.without-transition *, .thegem-te-menu nav:not(.mobile-view) .nav-menu li > ul.without-transition, #primary-navigation.without-transition ul { transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable ul { width: auto; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul ul { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-left: 0 !important; border-right: 0 !important; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul:not(.megamenu-masonry) > li.megamenu-no-right-border, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul:not(.megamenu-masonry) > li.megamenu-no-right-border span.megamenu-column-header { border-right: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li { display: inline-block; vertical-align: top; border: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li { margin: 0 0 -1px -1px; border-top: 0 !important; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul.megamenu-masonry > li { } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul > li { margin: 0 0 0 31px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul > li.megamenu-first-element { margin-left: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li.megamenu-new-row { display: block; font-size: 0; line-height: 1; height: 0; padding: 0 !important; margin: 0 0 1px 0; border: none; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul.megamenu-masonry > li.megamenu-new-row { } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul > li.megamenu-new-row { margin: 0 0 7px 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default ul ul { border: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default li, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default li.menu-item-current, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default li.menu-item-active { background: none; border: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li span.megamenu-column-header { display: block; border-top: 0; position: relative; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header { padding-top: 8px; padding-bottom: 12px; margin-bottom: 11px; border-top: 0; border-left: 0; border-right: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul > li a { display: block; background: none; padding: 0; -o-transition: none; -webkit-transition: none; transition: none; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul li:hover > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default li.menu-item-active > a { border: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default li.menu-item-parent > a:after { display: none; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li span.megamenu-column-header a { text-transform: uppercase; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header a { padding: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a { display: block; padding-top: 13px; padding-bottom: 13px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li span.megamenu-column-header a.mega-no-link { pointer-events: none; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li span.megamenu-column-header.mega-not-show { display: none; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header a.megamenu-has-icon { padding-left: 26px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a.megamenu-has-icon { padding-left: 56px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li span.megamenu-column-header a.megamenu-has-icon:before { position: absolute; left: 0; display: inline-block; font-weight: normal; font-family: 'FontAwesome'; content: attr(data-icon); font-size: 14px; vertical-align: baseline; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a.megamenu-has-icon:before { left: 30px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li .mega-label { display: inline; font-size: 65%; line-height: 1; text-transform: uppercase; padding: 0 4px 0px 4px; margin: 0 0 0 10px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, #thegem-perspective .perspective-navigation .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a { padding-left: 55px; } .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a { padding-left: 52px; } .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a { padding-left: 52px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul > li > ul li > a { position: relative; padding: 8px 12px 8px 47px; vertical-align: middle; margin-left: -20px; border-left: 0 none; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li > ul > li > a:before { display: inline-block; font-weight: normal; font-family: 'FontAwesome'; content: "\f105"; font-size: 14px; vertical-align: baseline; width: 25px; text-align: left; margin-left: -13px; padding-left: 4px; position: absolute; left: 34px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul > li > a:before { margin: 0; left: 27px; } .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before { left: 27px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li > ul > li.megamenu-has-icon > a::before { content: attr(data-icon); padding: 0; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul > li > ul > li > a:before { margin-right: 0; font-size: 14px; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-default > ul > li > ul > li.megamenu-has-icon > a::before { font-family: 'FontAwesome'; content: attr(data-icon); } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable > ul > li > ul { position: static !important; transform: translateX(0) !important; -o-transform: translateX(0) !important; -ms-transform: translateX(0)!important; -moz-transform: translateX(0) !important; -webkit-transform: translateX(0) !important; } .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable:hover > ul > li > ul { visibility: visible; opacity: 1; } .thegem-te-menu .nav-menu.submenu-icon > li:not(.menu-item-has-children):not(.menu-item-type-socials-widget) > a i, .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) li a i, .thegem-te-menu .nav-menu.submenu-icon > li:not(.menu-item-has-children):not(.menu-item-type-socials-widget) > a svg, .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) li a svg { display: none; } @media screen and (max-width: 979px) { .thegem-te-menu .nav-menu.submenu-icon li:not(.menu-item-type-socials-widget) a i, .thegem-te-menu .nav-menu.submenu-icon li:not(.menu-item-type-socials-widget) a svg { display: none !important; } } .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a i, .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a svg { display: inline-block; font-style: normal; font-size: var(--thegem-to-body-tiny-font-size); line-height: 1; font-weight: normal; vertical-align: middle; } .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a svg { max-width: var(--thegem-to-body-tiny-font-size); max-height: var(--thegem-to-body-tiny-font-size); } .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a i.default:before { content: '\e602'; font-family: 'thegem-icons'; } .thegem-te-menu nav.desktop-view .nav-menu.submenu-hide-border > li ul, .thegem-te-menu nav.desktop-view .nav-menu.submenu-hide-border > li ul li { border: none !important; } .thegem-te-menu nav.desktop-view .nav-menu.submenu-hide-border > li.megamenu-enable.megamenu-style-grid ul li { margin: 0 !important; } #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li > a{ color: var(--header-builder-light-color, #FFFFFF); } #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li:hover > a{ color: var(--header-builder-light-color-hover, var(--thegem-to-menu-level1-color-hover)); } #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a:hover, #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a, #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a:hover{ color: var(--header-builder-light-color, #FFFFFF); } #site-header.header-light .thegem-te-menu .menu-toggle .menu-line-1, #site-header.header-light .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1, #site-header.header-light .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1, #site-header.header-light .thegem-te-menu .menu-toggle .menu-line-2, #site-header.header-light .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2, #site-header.header-light .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2, #site-header.header-light .thegem-te-menu .menu-toggle .menu-line-3, #site-header.header-light .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3, #site-header.header-light .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3{ background: var(--header-builder-light-color); } .thegem-te-menu nav.different-source-mobile.desktop-view ul.nav-menu.mobile-menu-source, .thegem-te-menu nav.different-source-mobile.mobile-view ul.nav-menu:not(.mobile-menu-source) { display: none; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a:after, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a:before { display: block; position: absolute; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1); -o-transition-timing-function: cubic-bezier(.58,.3,.005,1); transition-timing-function: cubic-bezier(.58,.3,.005,1); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a:before { z-index: -1; } .thegem-te-menu nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after, .thegem-te-menu nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before { opacity: 0; } .style-hover-framed.style-hover-type-frame-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a, .style-hover-framed.style-hover-type-frame-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-framed.style-hover-type-frame-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { border-radius: 20px; } .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { background: transparent; left: 0; top: 0; bottom: 0; right: 0; border: 2px solid var(--thegem-to-menu-level1-active-bg-color, #3c3950); } #site-header.header-light .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, #site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, #site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, #site-header.header-light .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, #site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, #site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { border-color: var(--header-builder-light-color, #FFFFFF); } .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:before { content: ''; } .style-hover-framed.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before { transform: scale(0.75); } .style-hover-framed.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before { transform: scale(1.25); } .style-hover-framed.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-framed.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before { transition: opacity 0.2s, transform 0.4s; } .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after { width: 2px; height: 2px; } .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before { border-width: 0 0 2px 2px; transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s; } .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after { content: ''; top: initial; bottom: 0; left: initial; right: 0; border-width: 2px 2px 0 0; transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s; } .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after { width: 100% !important; height: 100% !important; } .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before { transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; } .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after { transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; } .style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after { width: 2px; height: 2px; } .style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before { border-width: 2px 0 0 2px; } .style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after { content: ''; top: initial; bottom: 0; left: initial; right: 0; border-width: 0 2px 2px 0; } .style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after { width: 100% !important; height: 100% !important; transition: opacity 0.002s, width 0.4s, height 0.4s; } .style-hover-framed.style-hover-animation-none, .style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a { transition-duration: 0s; } .style-hover-framed.style-hover-animation-none:before, .style-hover-framed.style-hover-animation-none:after, .style-hover-framed.style-hover-animation-none:hover, .style-hover-framed.style-hover-animation-none:focus, .style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a { transition-duration: 0s; } .style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:before { content: ''; top: 0; } .style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { content: ''; bottom: 0; } .style-hover-lined.style-hover-type-line-underline-1 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-type-line-underline-2 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-type-line-overline-1 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-hover-lined.style-hover-type-line-overline-2 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-lined.style-active-type-line-underline-1 nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined.style-active-type-line-underline-2 nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined.style-active-type-line-overline-1 nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined.style-active-type-line-overline-2 nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined.style-active-type-line-underline-1 nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-active-lined.style-active-type-line-underline-2 nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-active-lined.style-active-type-line-overline-1 nav.desktop-view ul.nav-menu > li.menu-item-current > a:after, .style-active-lined.style-active-type-line-overline-2 nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { content: none; } .style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { height: 2px; width: 100%; left: 0; background-color: var(--thegem-to-menu-level1-color-hover, #00BCD4); z-index: 2; } .style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { background-color: var(--thegem-to-menu-level1-active-bg-color, #3c3950); } #site-header.header-light .style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, #site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, #site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, #site-header.header-light .style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, #site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, #site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { background-color: var(--header-builder-light-color, #FFFFFF); } .style-hover-lined.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { height: 0; width: 0; left: 50%; } .style-hover-lined.style-hover-animation-drop-out nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before { top: 10px; } .style-hover-lined.style-hover-animation-drop-out nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { bottom: 10px; } .style-hover-lined.style-hover-animation-drop-in nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before { top: -10px; } .style-hover-lined.style-hover-animation-drop-in nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { bottom: -10px; } .style-hover-lined.style-hover-animation-none, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a { transition-duration: 0s; } .style-hover-lined.style-hover-animation-none:before, .style-hover-lined.style-hover-animation-none:after, .style-hover-lined.style-hover-animation-none:hover, .style-hover-lined.style-hover-animation-none:focus, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:hover, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:focus { transition-duration: 0s; } .style-hover-lined.style-hover-animation-slide-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-animation-slide-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { width: 10px; left: -20px; } .style-hover-lined.style-hover-animation-slide-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-animation-slide-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { width: 10px; left: calc(100% + 20px); } .style-hover-background nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-background nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { content: ''; transition: 0.3s; } .style-hover-background nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-current > a:before { top: 0; left: 0; right: 0; bottom: 0; background: var(--thegem-to-menu-level1-hover-bg-color, #F4F6F7); z-index: -1; } .style-hover-background.style-hover-type-background-underline nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-current > a:after { height: 2px; left: 0; right: 0; bottom: 0; background-color: var(--thegem-to-menu-level2-border-color, #DFE5E8); z-index: 2; } .style-hover-background.style-hover-type-background-underline nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a, .style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-current > a { color: var(--thegem-to-menu-level1-color-hover, #00BCD4); } .style-hover-background.style-hover-type-background-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a, .style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a { color: #fff; } .style-hover-background.style-hover-type-background-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a:before { background-color: var(--thegem-to-menu-level1-color-hover, #00BCD4); border-radius: 20px; } .style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after { transform: scale(0.5); } .style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after { transform: scale(1); opacity: 1; } .style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { transform: scale(1.2); transition: 0.3s; } .style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after { transition: opacity 0.15s, transform 0.4s; } .style-hover-background.style-hover-animation-sweep-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-sweep-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { left: 100%; } .style-hover-background.style-hover-animation-sweep-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-sweep-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { right: 100%; } .style-hover-background.style-hover-animation-sweep-up nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-sweep-up nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { top: 100%; } .style-hover-background.style-hover-animation-sweep-down nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-sweep-down nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after { bottom: 100%; } .style-hover-background.style-hover-animation-none, .style-hover-background.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a { transition-duration: 0s; } .style-hover-background.style-hover-animation-none:before, .style-hover-background.style-hover-animation-none:after, .style-hover-background.style-hover-animation-none:hover, .style-hover-background.style-hover-animation-none:focus, .style-hover-background.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after { transition-duration: 0s; } .style-hover-text nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a { color: var(--thegem-to-menu-level1-color-hover, #00BCD4); } .style-active-text nav.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-text nav.desktop-view ul.nav-menu > li.menu-item-current > a { color: var(--thegem-to-menu-level1-active-color, #3C3950); } .thegem-te-menu nav.mobile-view .megamenu-template { display: none; } .thegem-te-menu nav.desktop-view ul.nav-menu > li.megamenu-template-enable .sub-menu { display: none !important; } .thegem-te-menu ul.nav-menu .megamenu-template { background-color: var(--thegem-to-main-bg-color, #FFFFFF); font-size: initial; } .thegem-te-menu ul.nav-menu .megamenu-template .container { max-width: 100%; } .thegem-te-menu ul.nav-menu .megamenu-template .wpb_row { margin-bottom: 0; } .thegem-te-menu ul.nav-menu .megamenu-template .vc_row { margin-left: -21px; margin-right: -21px; } .thegem-te-menu ul.nav-menu .megamenu-template.template-width-custom .container { width: 100%; } .thegem-te-menu ul.nav-menu .megamenu-template > .container > p:empty { display: none; } .thegem-te-menu nav.desktop-view ul.nav-menu > li.megamenu-template-enable:not(:hover) .megamenu-template * { transition: none !important; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny { margin-top: 0; margin-bottom: 0; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3 ~ span{ font-family: var(--thegem-to-h3-font-family); font-style: var(--thegem-to-h3-font-style); font-weight: var(--thegem-to-h3-font-weight); text-transform: var(--thegem-to-h3-text-transform); font-size: var(--thegem-to-h3-font-size); line-height: var(--thegem-to-h3-line-height); letter-spacing: var(--thegem-to-h3-letter-spacing); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3.light ~ span{ font-family: var(--thegem-to-light-title-font-family); font-style: normal; font-weight: normal; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4 ~ span{ font-family: var(--thegem-to-h4-font-family); font-style: var(--thegem-to-h4-font-style); font-weight: var(--thegem-to-h4-font-weight); text-transform: var(--thegem-to-h4-text-transform); font-size: var(--thegem-to-h4-font-size); line-height: var(--thegem-to-h4-line-height); letter-spacing: var(--thegem-to-h4-letter-spacing); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4.light ~ span{ font-family: var(--thegem-to-light-title-font-family); font-style: normal; font-weight: normal; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5 ~ span{ font-family: var(--thegem-to-h5-font-family); font-style: var(--thegem-to-h5-font-style); font-weight: var(--thegem-to-h5-font-weight); text-transform: var(--thegem-to-h5-text-transform); font-size: var(--thegem-to-h5-font-size); line-height: var(--thegem-to-h5-line-height); letter-spacing: var(--thegem-to-h5-letter-spacing); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5.light ~ span{ font-family: var(--thegem-to-light-title-font-family); font-style: normal; font-weight: normal; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6 ~ span{ font-family: var(--thegem-to-h6-font-family); font-style: var(--thegem-to-h6-font-style); font-weight: var(--thegem-to-h6-font-weight); text-transform: var(--thegem-to-h6-text-transform); font-size: var(--thegem-to-h6-font-size); line-height: var(--thegem-to-h6-line-height); letter-spacing: var(--thegem-to-h6-letter-spacing); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6.light ~ span{ font-family: var(--thegem-to-light-title-font-family); font-style: normal; font-weight: normal; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle ~ span{ font-family: var(--thegem-to-styled-subtitle-font-family); font-style: var(--thegem-to-styled-subtitle-font-style); font-weight: var(--thegem-to-styled-subtitle-font-weight); text-transform: var(--thegem-to-styled-subtitle-text-transform); font-size: var(--thegem-to-styled-subtitle-font-size); line-height: var(--thegem-to-styled-subtitle-line-height); letter-spacing: var(--thegem-to-styled-subtitle-letter-spacing); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle.light ~ span{ font-family: var(--thegem-to-light-title-font-family); font-style: normal; font-weight: normal; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body ~ span{ font-family: var(--thegem-to-body-font-family); font-style: var(--thegem-to-body-font-style); font-weight: var(--thegem-to-body-font-weight); text-transform: var(--thegem-to-body-text-transform); font-size: var(--thegem-to-body-font-size); line-height: var(--thegem-to-body-line-height); letter-spacing: var(--thegem-to-body-letter-spacing); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body.light ~ span{ font-family: var(--thegem-to-light-title-font-family); font-style: normal; font-weight: normal; } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny ~ span{ font-family: var(--thegem-to-body-tiny-font-family); font-style: var(--thegem-to-body-tiny-font-style); font-weight: var(--thegem-to-body-tiny-font-weight); text-transform: var(--thegem-to-body-tiny-text-transform); font-size: var(--thegem-to-body-tiny-font-size); line-height: var(--thegem-to-body-tiny-line-height); letter-spacing: var(--thegem-to-body-tiny-letter-spacing); } .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny.light ~ span{ font-family: var(--thegem-to-light-title-font-family); font-style: normal; font-weight: normal; } @media (min-width: 768px) { .thegem-te-menu__default.desktop-view .menu-toggle, .thegem-te-menu__default.desktop-view .overlay-menu-back, .thegem-te-menu__default.desktop-view .mobile-menu-slide-close{ display: none; } .thegem-te-menu__default.desktop-view ul.nav-menu li.dl-back, .thegem-te-menu__default.desktop-view ul.nav-menu li.dl-parent{ display: none !important; } .thegem-te-menu__default.desktop-view ul.nav-menu{ position: relative; display: flex; align-items: baseline; flex-wrap: wrap; width: auto !important; left: inherit !important; padding: 0; margin: 0 -16px; } } .thegem-te-menu__default.desktop-view ul.nav-menu.nav-menu--stretch { justify-content: space-between; } .thegem-te-menu__default.desktop-view ul.nav-menu li ul { margin-top: -1px; } .thegem-te-menu__default.desktop-view ul.nav-menu li { position: relative; } .thegem-te-menu__default.desktop-view ul.nav-menu > li{ position: relative; display: flex; align-items: center; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-type-split-logo) { flex: none; z-index: 1; } .thegem-te-menu__default.desktop-view ul.nav-menu > li > a{ position: relative; display: block; padding: 2px 16px; font-family: var(--thegem-to-menu-font-family, 'Montserrat'); font-style: var(--thegem-to-menu-font-style, normal); font-weight: var(--thegem-to-menu-font-weight, 700); font-size: var(--thegem-to-menu-font-size, 14px); line-height: var(--thegem-to-menu-line-height, 25px); letter-spacing: var(--thegem-to-menu-letter-spacing, 0); text-transform: var(--thegem-to-menu-text-transform, uppercase); text-decoration: none; color: var(--thegem-to-menu-level1-color, #3C3950); background-color: var(--thegem-to-menu-level1-bg-color); z-index: 1; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) ul, .thegem-te-menu__default.desktop-view ul.nav-menu > li .megamenu-template { position: absolute; visibility: hidden; top: 100%; opacity: 0; transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s; z-index: 1; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul { left: 0 !important; width: 280px !important; border: 1px solid var(--thegem-to-menu-level2-border-color, #DFE5E8); border-top: 0; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul.invert { right: 0 !important; left: initial !important; } @media (-webkit-device-pixel-ratio: 1.25) { .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul { border: 0.8px solid var(--thegem-to-menu-level2-border-color, #DFE5E8); border-top: 0; } } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) > ul, .thegem-te-menu__default.desktop-view ul.nav-menu > li .megamenu-template { transform: translateY(20px); } .thegem-te-menu__default.desktop-view ul.nav-menu:hover > li:not(.megamenu-template-enable) ul, .thegem-te-menu__default.desktop-view ul.nav-menu:hover > li.megamenu-template-enable > .megamenu-template { visibility: hidden; transition: transform 0.1s linear, opacity 0.1s linear, visibility 0.1s linear; opacity: 0; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable):hover > ul, .thegem-te-menu__default.desktop-view ul.nav-menu > li:hover > .megamenu-template { visibility: visible; opacity: 1; transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear; transform: translateY(0); } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li{ border-top: 1px solid var(--thegem-to-menu-level2-border-color, #DFE5E8); } @media (-webkit-device-pixel-ratio: 1.25) { .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li{ border-top: 0.8px solid var(--thegem-to-menu-level2-border-color, #DFE5E8); } } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li a{ position: relative; display: flex; align-items: center; padding: 15px 30px 15px 27px; font-family: var(--thegem-to-submenu-font-family, 'Source Sans Pro'); font-style: var(--thegem-to-submenu-font-style, normal); font-weight: var(--thegem-to-submenu-font-weight, normal); font-size: var(--thegem-to-submenu-font-size, 16px); line-height: var(--thegem-to-submenu-line-height, 20px); letter-spacing: var(--thegem-to-submenu-letter-spacing, 0); text-transform: var(--thegem-to-submenu-text-transform, none); text-decoration: none; border-left: 3px solid transparent; transition: color 0.3s, background-color 0.3s, border-left-color 0.3s; color: var(--thegem-to-menu-level2-color, #5F727F); background-color: var(--thegem-to-menu-level2-bg-color, #F4F6F7); } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) li:hover > a{ border-color: var(--thegem-to-styled-color1, #00BCD4); background-color: var(--thegem-to-menu-level2-hover-bg-color, #FFFFFF); color: var(--thegem-to-menu-level2-hover-color, #3C3950); } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) li.menu-item-active > a, .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) li.menu-item-current > a{ border-color: var(--thegem-to-styled-color1, #00BCD4); background-color: var(--thegem-to-menu-level2-active-bg-color, #FFFFFF); color: var(--thegem-to-menu-level2-active-color, #3C3950); } .menu--dark-submenu .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li a, .menu--white-mainmenu .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li a{ border-left: 0; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable) li.menu-item-parent > a:after{ content: '\e601'; font-family: 'thegem-icons'; position: absolute; right: 20px; top: 50%; width: 9px; height: 16px; margin-top: -8px; font-size: 16px; line-height: 1; color: var(--thegem-to-menu-submenu-highlighter-color); } .thegem-te-menu__default.desktop-view ul.nav-menu:hover li:hover > ul, .thegem-te-menu__default.desktop-view ul.nav-menu:hover li.megamenu-template-enable:hover > .megamenu-template { visibility: visible; opacity: 1; transform: translateY(0); transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear; } .thegem-te-menu__default.desktop-view ul.nav-menu > li ul ul{ position: absolute; top: 0; transform: translateX(20px); z-index: 1; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul ul { left: 100% !important; top: 0; } .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-enable):not(.megamenu-template-enable) ul ul.invert { right: 100% !important; left: initial !important; } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li > ul li{ border-top: 1px solid var(--thegem-to-menu-level2-border-color, #DFE5E8); } @media (-webkit-device-pixel-ratio: 1.25) { .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li > ul li{ border-top: 0.8px solid var(--thegem-to-menu-level2-border-color, #DFE5E8); } } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li > ul li a{ background-color: var(--thegem-to-menu-level3-bg-color, #FFFFFF); color: var(--thegem-to-menu-level3-color, #5F727F); } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li li:hover > a{ border-color: var(--thegem-to-styled-color1, #00BCD4); background-color: var(--thegem-to-menu-level3-hover-bg-color, #FFFFFF); color: var(--thegem-to-menu-level3-hover-color, #5F727F); } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li li.menu-item-active > a, .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul > li li.menu-item-current > a{ border-color: var(--thegem-to-styled-color1, #00BCD4); background-color: var(--thegem-to-menu-level3-active-bg-color, #FFFFFF); color: var(--thegem-to-menu-level3-active-color, #5F727F); } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul.invert{ left: auto !important; right: 0 !important; transform: translateX(-20px); } .thegem-te-menu__default.desktop-view ul.nav-menu > li > ul ul.invert{ top: 0; left: auto !important; right: 100% !important; transform: translateX(-20px); z-index: 2; } .thegem-te-menu__default:not(.desktop-view) ul.nav-menu .menu-item-type-split-logo{ display: none; } .thegem-te-menu__default.desktop-view ul.nav-menu.nav-menu--split { flex-wrap: nowrap; } .thegem-te-menu__default.desktop-view ul.nav-menu .menu-item-type-split-logo .site-logo{ padding: 0 15px; } .thegem-te-menu__default.desktop-view ul.nav-menu.nav-menu--split.fullwidth-logo .menu-item-type-split-logo{ width: 100%; justify-content: center; } .thegem-te-menu__default.desktop-view ul.nav-menu.absolute .menu-item-type-split-logo { margin-left: 150px; margin-right: 150px; } .thegem-te-menu__default.desktop-view ul.nav-menu.absolute .menu-item-type-split-logo > .logo-fullwidth-block{ margin: 0 !important; padding: 0 !important; position: absolute !important; } .thegem-te-menu__default ul.nav-menu.nav-menu--split:not(.absolute) .logo-fullwidth-block{ width: auto !important; left: auto !important; } .style-hover-framed .thegem-te-menu__default.desktop-view ul.nav-menu, .style-hover-lined.style-hover-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu, .style-hover-background.style-hover-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu, .style-hover-background.style-hover-type-background-rounded .thegem-te-menu__default.desktop-view ul.nav-menu { margin-left: -5px; margin-right: -5px; } .style-hover-framed .thegem-te-menu__default.desktop-view ul.nav-menu > li, .style-hover-lined.style-hover-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu > li, .style-hover-background.style-hover-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu > li, .style-hover-background.style-hover-type-background-rounded .thegem-te-menu__default.desktop-view ul.nav-menu > li { margin-left: 5px; margin-right: 5px; } .style-hover-lined.style-hover-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu, .style-hover-lined.style-hover-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu, .style-hover-lined.style-hover-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu, .style-hover-lined.style-hover-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu { margin-left: -15px; margin-right: -15px; } .style-hover-lined.style-hover-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li, .style-hover-lined.style-hover-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li, .style-hover-lined.style-hover-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li, .style-hover-lined.style-hover-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li { margin-left: 15px; margin-right: 15px; } .style-hover-lined.style-hover-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-hover-lined.style-hover-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-active-lined.style-active-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-lined.style-active-type-line-underline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a, .style-active-lined.style-active-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-lined.style-active-type-line-overline-1 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a, .style-hover-lined.style-hover-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-hover-lined.style-hover-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-active-lined.style-active-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-lined.style-active-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a, .style-active-lined.style-active-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-lined.style-active-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a { padding-left: 0; padding-right: 0; } .style-hover-lined.style-hover-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-active-lined.style-active-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-lined.style-active-type-line-top-bottom .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a, .style-hover-background.style-hover-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-active-background.style-active-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-background.style-active-type-background-color .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a { padding-left: 10px; padding-right: 10px; } .style-hover-background.style-hover-type-background-underline .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-hover-background.style-hover-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-active-background.style-active-type-background-underline .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-background.style-active-type-background-underline .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a, .style-active-background.style-active-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-background.style-active-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a { padding-left: 15px; padding-right: 15px; } .style-hover-lined.style-hover-type-line-underline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li > a, .style-hover-lined.style-hover-type-line-overline-2 .thegem-te-menu__default.desktop-view ul.nav-menu > li > a, .style-hover-background.style-hover-type-background-underline .thegem-te-menu__default.desktop-view ul.nav-menu > li > a, .style-hover-background.style-hover-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li > a { padding-top: 20px; padding-bottom: 20px; } .style-hover-background.style-hover-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-background.style-active-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-background.style-active-type-background-extra-paddings .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a:before { border-radius: 3px; } .thegem-te-menu-mobile__default.mobile-view .overlay-toggle, .thegem-te-menu-mobile__default.mobile-view .overlay-menu-back, .thegem-te-menu-mobile__default.mobile-view .hamburger-toggle, .thegem-te-menu-mobile__default.mobile-view .hamburger-menu-back{ display: none; } .thegem-te-menu-mobile__default.mobile-view{ position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; z-index: 999; } @media (max-width: 767px) { .thegem-te-menu-mobile__default{ position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; z-index: 999; } } .thegem-te-menu-mobile__default.mobile-view ul{ list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; overflow-x: hidden; overflow-y: auto; padding: 0 !important; background: none !important; } .thegem-te-menu-mobile__default.mobile-view li{ position: relative; width: auto !important; } .thegem-te-menu-mobile__default.mobile-view li a{ position: relative; display: block; padding: 16px 30px; margin: 0; outline: none; font-family: var(--thegem-to-mobile-menu-font-family, 'Source Sans Pro'); font-style: var(--thegem-to-mobile-menu-font-style, normal); font-weight: var(--thegem-to-mobile-menu-font-weight, 400); font-size: var(--thegem-to-mobile-menu-font-size, 16px); line-height: var(--thegem-to-mobile-menu-line-height, 20px); letter-spacing: var(--thegem-to-mobile-menu-letter-spacing, 0); text-transform: var(--thegem-to-mobile-menu-text-transform, none); text-decoration: none; color: var(--thegem-to-mobile-menu-level1-color, #5F727F); background-color: var(--thegem-to-mobile-menu-level1-bg-color, #F4F6F7); border: 1px solid var(--thegem-to-mobile-menu-border-color, #DFE5E8); } .thegem-te-menu-mobile__default.mobile-view li + li > a, .thegem-te-menu-mobile__default.mobile-view li + li > span > a{ border-top: 0; } .thegem-te-menu-mobile__default.mobile-view li.menu-item-current > a, .thegem-te-menu-mobile__default.mobile-view li.menu-item-active > a, .thegem-te-menu-mobile__default.mobile-view li.menu-item-current > span > a, .thegem-te-menu-mobile__default.mobile-view li.menu-item-active > span > a{ padding-left: 26px; color: var(--thegem-to-mobile-menu-level1-active-color, #3C3950); background-color: var(--thegem-to-mobile-menu-level1-active-bg-color, #FFFFFF); border-left: 4px solid var(--thegem-to-styled-color1, #00BCD4); } .thegem-te-menu-mobile__default.mobile-view li.dl-back > a{ text-align: right; padding-right: 20px; color: var(--thegem-to-mobile-menu-level2-color, #5F727F); } .thegem-te-menu-mobile__default.mobile-view li.dl-back:after, .thegem-te-menu-mobile__default.mobile-view li.menu-item-parent > a:after, .thegem-te-menu-mobile__default.mobile-view li.menu-item-parent > span > a:after, .thegem-te-menu-mobile__default.mobile-view li.dl-parent > a:after { content: '\e601'; font-family: 'thegem-icons'; position: absolute; width: 9px; height: 16px; right: 20px; top: 50%; margin-top: -8px; font-size: 16px; line-height: 16px; color: inherit; } .thegem-te-menu-mobile__default.mobile-view li.dl-back:after{ left: 33px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .thegem-te-menu-mobile__default.mobile-view .dl-menu{ position: absolute; width: 100vw; left: 0; top: 100%; margin: 0; padding: 0 21px; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow-x: hidden; overflow-y: auto; } @media (max-width: 767px) { .thegem-te-menu-mobile__default .dl-menu{ position: absolute; width: 100vw; left: 0; top: 100%; margin: 0; padding: 0 21px; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow-x: hidden; overflow-y: auto; } } .thegem-te-menu-mobile__default.mobile-view .overlay-menu-wrapper{ height: 0; width: 0; } .thegem-te-menu-mobile__default.mobile-view .mobile-menu-slide-wrapper { height: 0; width: 0; } .thegem-te-menu-mobile__default.mobile-view .hamburger-menu-back { height: 0; width: 0; } .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-menu-toggle{ transition: all 0.3s ease; } .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-menuopen{ opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0); } .thegem-te-menu-mobile__default.mobile-view li .dl-submenu{ display: none; } .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li, .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subviewopen > a, .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subviewopen > span > a, .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subview > a, .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subview > span > a{ display: none; } .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subview, .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subview .dl-submenu, .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subviewopen, .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{ display: block; } .thegem-te-menu-mobile__default.mobile-view > .dl-submenu{ position: absolute; width: 100vw; top: 100%; left: 0; right: 0; margin: 0; padding: 0 21px; } .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-animate-out { -webkit-animation: MenuAnimOut 0.4s; animation: MenuAnimOut 0.4s; } @-webkit-keyframes MenuAnimOut { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } .thegem-te-menu-mobile__default.mobile-view .dl-menu.dl-animate-in { -webkit-animation: MenuAnimIn 0.3s; animation: MenuAnimIn 0.3s; } @-webkit-keyframes MenuAnimIn { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1; } } .thegem-te-menu-mobile__default.mobile-view .dl-menu + .dl-submenu.dl-animate-in { -webkit-animation: SubMenuAnimIn 0.4s ease; animation: SubMenuAnimIn 0.4s ease; } @-webkit-keyframes SubMenuAnimIn { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } .thegem-te-menu-mobile__default.mobile-view .dl-menu + .dl-submenu.dl-animate-out { -webkit-animation: SubMenuAnimOut 0.4s ease; animation: SubMenuAnimOut 0.4s ease; } @-webkit-keyframes SubMenuAnimOut { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } .no-js .thegem-te-menu-mobile__default.mobile-view .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; } .no-js .thegem-te-menu-mobile__default.mobile-view li .dl-submenu { display: block; } .no-js .thegem-te-menu-mobile__default.mobile-view li.dl-back { display: none; } .no-js .thegem-te-menu-mobile__default.mobile-view li > a:not(:only-child):after { content: ''; } .thegem-te-menu-mobile__default.mobile-view.show-mobile-search li.menu-item-type-search-widget{ display: block !important; } .thegem-te-menu-mobile__default.mobile-view.show-mobile-search li.menu-item-type-search-widget > a{ display: none; } .thegem-te-menu-mobile__default.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch { position: static; width: 100%; opacity: 1; visibility: visible; padding: 20px 30px; -webkit-transform: translateY(0); transform: translateY(0); background-color: var(--thegem-to-mobile-menu-level1-bg-color); border: 1px solid var(--thegem-to-mobile-menu-border-color); border-top: none; } .thegem-te-menu-mobile__default.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch form{ position: relative; width: 100%; } .thegem-te-menu-mobile__default.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-input { position: relative; width: 100%; height: 40px; border-radius: 4px; padding-right: 40px; font-size: 16px; color: var(--thegem-to-mobile-menu-level1-active-color); border: 1px solid var(--thegem-to-mobile-menu-border-color); background-color: transparent; outline: none; } .thegem-te-menu-mobile__default.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-input::placeholder{ color: var(--thegem-to-mobile-menu-level1-color); } .thegem-te-menu-mobile__default.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-submit-icon { position: absolute; right: 0; width: 40px; height: 40px; } .thegem-te-menu-mobile__default.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-submit-icon:before { content: "\e612"; display: block; font-family: "thegem-icons"; font-style: normal; font-size: 24px; font-weight: normal; line-height: 40px; margin-right: 5px; padding-right: 3px; text-align: center; vertical-align: top; width: 100%; height: 40px; color: var(--thegem-to-mobile-menu-level1-active-color); } .thegem-te-menu-mobile__default.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-submit { position: absolute; right: 20px; width: 40px; height: 40px; margin: 0; background: transparent; border: 0; cursor: pointer; } body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .wpb_row { position: relative; } .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 1.1em; } .wpb_row:last-of-type, .wpb_row[data-vc-full-width]:nth-last-child(2) { margin-bottom: 0; } .gem-alert-box .wpb_text_column p:first-child, .gem-alert-box .wpb_text_column *:first-child, .gem-icon-with-text .wpb_text_column p:first-child, .gem-icon-with-text .wpb_text_column *:first-child { margin-top: 0; } .vc_row.vc_row-flex > .container { box-sizing: border-box; display: flex; flex-wrap: wrap; } .vc_row.vc_row-flex > .container > .vc_column_container { display: flex; } .vc_row.vc_row-flex > .container > .vc_column_container > .vc_column-inner { flex-grow:1; display:flex; flex-direction:column; z-index:1; } .vc_row.vc_row-flex > .container::after, .vc_row.vc_row-flex > .container::before{ display:none; } .vc_row.vc_row-o-content-middle > .container > .vc_column_container > .vc_column-inner { justify-content:center; } .vc_row.vc_row-o-content-middle:not(.vc_row-o-equal-height) > .container > .vc_column_container { align-items:center; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .gdpr-consent-bar { position: fixed; left: 0; right: 0; bottom: 0; top: auto; background-color: rgba(24,24,40,0.93); z-index: 9999; display: none; } .gdpr-consent-bar.bottom { bottom: 0; top: auto; } .gdpr-consent-bar-box { display: flex; align-items: center; justify-content: space-between; padding: 10px 44px; min-height: 50px; } .gdpr-consent-bar-text { font-family: 'Source Sans Pro'; font-weight: 400; font-size: 14px; color: #ffffff; line-height: 22px; padding-right: 40px; } .gdpr-consent-bar-buttons { display: flex; align-items: center; } .btn-gdpr-agreement { height: 30px; border: 2px solid #ffffff; border-radius: 15px; color: #ffffff; font-family: 'Montserrat'; font-weight: 700; font-size: 14px; line-height: 27px; text-transform: uppercase; background: none; padding: 0 18px; white-space: nowrap; -webkit-transition: all 250ms; transition: all 250ms; } .btn-gdpr-agreement:hover { background-color: #ffffff; color: #181828; } .btn-gdpr-preferences-open { font-family: 'Source Sans Pro'; font-size: 14px; line-height: 22px; font-weight: 400; color: #00bcd4; background: none; border: none; margin-right: 22px; padding: 0; white-space: nowrap; -webkit-transition: all 250ms; transition: all 250ms; } .btn-gdpr-preferences-open:hover { color: #ffffff; } .gdpr-privacy-preferences { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(57,61,80,0.8); z-index: 9999; display: none; } .gdpr-privacy-preferences-box { height: 90%; width: 90%; max-width: 930px; max-height: 680px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #ffffff; z-index: inherit; } .gdpr-privacy-preferences-box > form { height: 100%; position: relative; display: flex; flex-direction: column; } .btn-gdpr-privacy-preferences-close { padding: 0; margin: 0; background: none; border: none; color: #99a9b5; position: absolute; right: 10px; top: 10px; z-index: inherit; font-size: 0; } .btn-gdpr-privacy-preferences-close:before { font-family: 'thegem-icons'; font-style: normal; font-size: 28px; content: '\e619'; line-height: 1; } @media (max-width: 768px) { .gdpr-consent-bar-box { flex-direction: column; padding: 20px; } .gdpr-consent-bar-text { padding-right: 0; } .gdpr-consent-bar-buttons { width: 100%; justify-content: space-between; margin-top: 8px; } } @-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% {opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } div[class^="mpc-"] > p { color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; text-align: inherit; text-transform: inherit; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } [class*="mpc"], [class*="mpc"]:after, [class*="mpc"]:before { -webkit-box-sizing: border-box; box-sizing: border-box; } [class^="mpc-grid-"], [class^="mpc-carousel-"] { opacity: 0; } a[class^="mpc-"] { text-decoration: none; } @-webkit-keyframes mpc-blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes mpc-blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } [data-tag="mpc_qrcode"] { display: inline-block !important; } .mpc-row { display: block; } .mpc-row p { max-width: 100%; } .mpc-row[data-vc-full-width] { overflow: visible; } .mpc-row { position: relative; } .mpc-column { display: block; } .mpc-column[data-link="true"] { cursor: pointer; } @-moz-keyframes spin3d-vertical { 100% { transform: rotate3d(0, 1, 0, 360deg); } } @-moz-keyframes spin3d-horizontal { 100% { transform: rotate3d(1, 0, 0, 360deg); } } @-moz-keyframes spin2d { 100% { transform: rotate3d(0, 0, 1, 360deg); } } @-webkit-keyframes spin3d-vertical { 100% { transform: rotate3d(0, 1, 0, 360deg); } } @-webkit-keyframes spin3d-horizontal { 100% { transform: rotate3d(1, 0, 0, 360deg); } } @-webkit-keyframes spin2d { 100% { transform: rotate3d(0, 0, 1, 360deg); } } @keyframes spin3d-vertical { 100% { transform: rotate3d(0, 1, 0, 360deg); } } @keyframes spin3d-horizontal { 100% { transform: rotate3d(1, 0, 0, 360deg); } } @keyframes spin2d { 100% { transform: rotate3d(0, 0, 1, 360deg); } } @charset "UTF-8";.animated{animation-duration:1s;animation-fill-mode:both}@keyframes bounce{0%,100%,20%,53%,80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{transition-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)}70%{transition-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes pulse{0%{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}100%{transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}@keyframes shake{0%,100%{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}100%{transform:rotate3d(0,0,1,0deg)}}@keyframes tada{0%{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{transform:scale3d(1,1,1)}}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{transform:none}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}100%{opacity:1;transform:scale3d(1,1,1)}}@keyframes bounceInDown{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}100%{transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}100%{transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}100%{transform:none}}@keyframes bounceInUp{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}100%{transform:translate3d(0,0,0)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}100%{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}100%{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}100%{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}100%{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}100%{opacity:1;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}100%{opacity:1;transform:none}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}100%{opacity:1;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}100%{opacity:1;transform:none}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}100%{opacity:1;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}100%{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}100%{opacity:1;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}100%{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes flip{0%{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}100%{transform:perspective(400px);animation-timing-function:ease-in}}@keyframes flipInX{0%{transform:perspective(400px) rotate3d(1,0,0,90deg);transition-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);transition-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{transform:perspective(400px)}}@keyframes flipInY{0%{transform:perspective(400px) rotate3d(0,1,0,90deg);transition-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);transition-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{transform:perspective(400px)}}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}100%{transform:none;opacity:1}}@keyframes lightSpeedOut{0%{opacity:1}100%{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes rotateIn{0%{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}100%{transform-origin:center;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}100%{transform-origin:left bottom;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}100%{transform-origin:right bottom;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}100%{transform-origin:left bottom;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}100%{transform-origin:right bottom;transform:none;opacity:1}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}100%{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}100%{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}100%{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}100%{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}100%{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}100%{transform:translate3d(0,700px,0);opacity:0}}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;transform:none}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes slideInDown{0%{transform:translateY(-100%);visibility:visible}100%{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%);visibility:visible}100%{transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(100%);visibility:visible}100%{transform:translateX(0)}}@keyframes slideInUp{0%{transform:translateY(100%);visibility:visible}100%{transform:translateY(0)}}@keyframes slideOutDown{0%{transform:translateY(0)}100%{visibility:hidden;transform:translateY(100%)}}@keyframes slideOutLeft{0%{transform:translateX(0)}100%{visibility:hidden;transform:translateX(-100%)}}@keyframes slideOutRight{0%{transform:translateX(0)}100%{visibility:hidden;transform:translateX(100%)}}@keyframes slideOutUp{0%{transform:translateY(0)}100%{visibility:hidden;transform:translateY(-100%)}} @-webkit-keyframes TGslideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes TGslideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes TGslideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes TGslideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes TGslideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes TGslideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes TGslideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes TGslideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .countdown-container.countdown-style-4{ width: 100%; } .countdown-container.countdown-style-4.align-center .countdown-info{ width: 480px; margin: auto; } .countdown-style-4 .countdown-item{ display: block; float: left; width: 120px; } .countdown-style-4 .wrap{ height: 85px; } .countdown-style-4 .countdown-item:not(:last-child) .wrap{ border-right: 1px solid; } .countdown-style-4 .item-count{ font-size: 36px; line-height: 53px; display: block !important; width: inherit; text-align: center; margin-top: 0; margin-bottom: 0; } .countdown-style-4 .item-title{ display: block; width: inherit; text-align: center; } @media(max-width: 480px){ .countdown-style-4 .countdown-item .wrap{ border: none !important; } .countdown-style-4 .item-count{ font-size: 24px; line-height: 28px; } }