.slick-loading .slick-list{background:#fff url(//www.hwathai.my/wp-content/plugins/wp-slick-slider-and-image-carousel/assets/images/ajax-loader.gif) center center no-repeat}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.wpcolumns, .wpcolumns {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.wpsisac-slick-slider *, .wpsisac-slick-carousal * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;} .wpsisac-clearfix:before, .wpsisac-clearfix:after{content: "";display: table;}
.wpsisac-clearfix::after{clear: both;}
.wpsisac-clearfix{clear: both;} .wpsisac-slick-slider .slick-arrow, .wpsisac-slick-carousal .slick-arrow{position:absolute; z-index:9; padding:0; margin:0px; display: inline-block; background-color: rgba(0, 0, 0, 0.7); text-align:center; width:30px; height:50px; cursor: pointer;}
.wpsisac-slick-slider .slick-arrow svg, .wpsisac-slick-carousal .slick-arrow svg{fill: #fff; height: 100%; width: 100%;}
.wpsisac-slick-slider .slick-dots, .wpsisac-slick-carousal .slick-dots{padding:0 !important; margin:0 !important; text-align:center;}
.wpsisac-slick-slider .slick-dots li button, .wpsisac-slick-carousal .slick-dots li button{text-indent:-99999px;}
.wpsisac-slick-slider .slick-dots li, .wpsisac-slick-carousal .slick-dots li {list-style:none !important; line-height:0px !important; display:inline-block !important; margin:0 5px !important; padding:0px !important; }
.wpsisac-slick-slider .slick-dots li button, .wpsisac-slick-carousal .slick-dots li button{ background:#fff !important; margin:0px !important; padding:0px !important; border:1px solid #000; border-radius:50% !important; width:13px !important; height:13px !important; }
.wpsisac-slick-slider .slick-dots li button:focus, .wpsisac-slick-carousal .slick-dots li button:focus{outline:none !important}
.wpsisac-slick-slider .slick-dots li.slick-active button, .wpsisac-slick-carousal .slick-dots li.slick-active button{background:#444 !important;}
.wpsisac-slick-slider .slick-slide, .wpsisac-slick-carousal .slick-slide{padding:0px !important}
.wpsisac-slick-slider .slick-disabled, .wpsisac-slick-carousal .slick-disabled{opacity:0.5;}
.wpcolumn, .wpcolumns {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wpsisac-slick-slider, .wpsisac-slick-carousal{visibility: hidden; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  -webkit-transition: opacity 0.5s linear;  transition:opacity 0.5s linear;  }
.wpsisac-slick-slider.slick-initialized, .wpsisac-slick-carousal.slick-initialized { visibility: visible !important; opacity:1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.wpsisac-image-slide-wrap{position: relative;overflow: hidden; text-align:center;}
.wpsisac-image-fit .wpsisac-image-slide-wrap img,
.wpsisac-image-fit .wpsisac-slide-wrap img{display:inline-block !important; height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: top center;object-position: top center; max-width:100%; max-height:100%;}
.wpsisac-image-fit img.wpsisac-slider-img{-o-object-fit: cover;object-fit: cover;-o-object-position: top center;object-position: top center;height: 100%;width: 100%;}
.wpsisac-slick-slider h2.wpsisac-slide-title{margin:5px 0 !important; font-size:25px; line-height:30px; }
.wpsisac-image-slide{position:relative;}
.wpsisac-hide{display:none;}
.wpsisac-slide-title{padding:0px !important; margin:0 0 8px 0 !important}
.wpsisac-slick-slider .wpsisac-readmore{clear:both;}
.wpsisac-slick-slider .wpsisac-readmore a{display:inline-block;}
.wpsisac-slick-slider .wpsisac-image-slide{text-align:center;}
.wpsisac-slick-carousal .wpsisac-image-slide{margin:0 2px;} .fusion-flex-container.wpsisac-fusion-flex{ flex-direction: column; }
.wpsisac-elementor-tab-wrap{ min-width: 0; min-height: 0; } .wpsisac-slick-slider.design-1 .wpsisac-image-slide img{display:inline-block !important; }
.wpsisac-slick-slider.design-1 .slick-arrow { top:45% !important;}
.wpsisac-slick-slider.design-1 .slick-next{right:0px !important;}
.wpsisac-slick-slider.design-1 .slick-prev{left:0px !important;}
.wpsisac-slick-slider.design-1 .slick-dots{left:15px !important; right:15px; text-align:center;  bottom:8px !important;} .wpsisac-slick-slider.design-2 .wpsisac-image-slide img{display:inline-block !important;}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-overlay{background:rgba(0,0,0,0.4); position:absolute; left:0; right:0; bottom:0; top:0;}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-content{
z-index: 1000;color: #fff;position: absolute; left: 0;text-align: center;width: 80%;	top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 0;margin:0 auto;float: left;}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slide-title{color:#fff; text-shadow: 0 1px 2px #000;}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content{ text-align:center; margin-bottom:15px;}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content p{ text-align:center;  color:#fff; text-shadow: 0 1px 2px #000; font-size:16px;}
.wpsisac-slick-slider.design-2 .slick-arrow { top:45% !important;}
.wpsisac-slick-slider.design-2 .slick-next{right:0px !important;}
.wpsisac-slick-slider.design-2 .slick-prev{left:0px !important;}
.wpsisac-slick-slider.design-2 .slick-dots{left:15px !important; right:15px; text-align:center;  bottom:8px !important;} .wpsisac-slick-slider.design-3 .wpsisac-image-slide img{display:inline-block !important; }
.wpsisac-slick-slider.design-3 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-content{left:0px; right:0px; text-align:left; position:absolute; top:0;   padding:40px;}
.wpsisac-slick-slider.design-3 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slide-title{color:#fff; text-shadow: 0 1px 2px #000; text-align:left;}
.wpsisac-slick-slider.design-3 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content{ text-align:left;  margin-bottom:15px;}
.wpsisac-slick-slider.design-3 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content p{ text-align:left; color:#fff; text-shadow: 0 1px 2px #000; font-size:16px;}
.wpsisac-slick-slider.design-3 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-content .wpsisac-bg-overlay{padding:20px; background:rgba(0,0,0,.5); color:#fff;}
.wpsisac-slick-slider.design-3 .slick-arrow { top:45% !important;}
.wpsisac-slick-slider.design-3 .slick-next{right:0px !important;}
.wpsisac-slick-slider.design-3 .slick-prev{left:0px !important;}
.wpsisac-slick-slider.design-3 .slick-dots{left:15px !important; right:15px; text-align:center;  bottom:8px !important;} .wpsisac-slick-slider.design-4 .wpsisac-image-slide img{max-width:100%; height:auto; display:inline-block;}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide {width:100%; }
.wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-content-left{padding:50px 30px; text-align:left;}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-content-right{}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-content{left:30px; right:30px; position:absolute; top:15%;   padding:0 15px;}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slide-title{  text-align:left;}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content{ text-align:left; margin-bottom:15px;}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content p{ text-align:left;  font-size:16px;}
.wpsisac-slick-slider.design-4 .slick-arrow { top:45% !important;}
.wpsisac-slick-slider.design-4 .slick-next{right:0px !important;}
.wpsisac-slick-slider.design-4 .slick-prev{left:0px !important;}
.wpsisac-slick-slider.design-4 .slick-dots{left:15px !important; right:15px; text-align:center;  bottom:8px !important;} .wpsisac-slick-slider.design-5 .wpsisac-image-slide img{max-width:100%; height:auto; display:inline-block;}
.wpsisac-slick-slider.design-5 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-content{ text-align:center;  padding:60px 50px;}
.wpsisac-slick-slider.design-5 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content{ text-align:center; margin-bottom:15px;}
.wpsisac-slick-slider.design-5 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content p{ text-align:center;   font-size:16px;}
.wpsisac-slick-slider.design-5 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-readmore a.wpsisac-slider-readmore{padding:5px 10px; border:1px solid #fff;}
.wpsisac-slick-slider.design-5 .slick-arrow { top:45% !important;}
.wpsisac-slick-slider.design-5 .slick-next{right:0px !important;}
.wpsisac-slick-slider.design-5 .slick-prev{left:0px !important;}
.wpsisac-slick-slider.design-5 .slick-dots{left:15px !important; right:15px; text-align:center;  bottom:8px !important;} .wpsisac-slick-carousal.design-1{margin-bottom:25px;}
.wpsisac-slick-carousal.design-1 .wpsisac-image-slide{text-align:center; }
.wpsisac-slick-carousal.design-1 .wpsisac-image-slide img{display:inline-block !important; }
.wpsisac-slick-carousal.wpsisac-center .slick-slide .wpsisac-image-slide-wrap { opacity: 0.5; transform: scale(0.7); transition: all 300ms ease 0s; }
.wpsisac-slick-carousal.wpsisac-center .slick-center .wpsisac-image-slide-wrap { opacity: 1; transform: scale(1); }
.wpsisac-center.variablewidthv .wpsisac-image-slide-wrap{ opacity: 1!important;  transform: scale(1) !important;}
.wpsisac-slick-carousal.design-1 .slick-arrow { top:50% !important; cursor:pointer; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.wpsisac-slick-carousal.design-1 .slick-next{right:0px !important;}
.wpsisac-slick-carousal.design-1 .slick-prev{left:0px !important;}
.wpsisac-slick-carousal.design-1 .slick-dots{left:15px !important; right:15px; text-align:center;  bottom:0px !important;}
.wpsisac-slide-wrap .wpsisac-readmore a.wpsisac-slider-readmore{padding:5px 10px; background:rgba(0,0,0,0.8); text-decoration:none !important; color:#fff;border:1px solid #fff;}
.wpcolumn, .wpcolumns {padding-left: 0.9375em; padding-right: 0.9375em; float: left; width:100%; position: relative; }
@media only screen and (min-width: 40.0625em) {  
.wpcolumn,
.wpcolumns {position: relative;padding-left: 0.9375em;padding-right: 0.9375em;float: left; }
.wp-medium-1 { width: 8.33333%; }
.wp-medium-2 { width: 16.66667%; }
.wp-medium-3 { width: 25%; }
.wp-medium-4 { width: 33.33333%; }
.wp-medium-5 { width: 41.66667%; }
.wp-medium-6 { width: 50%; }
.wp-medium-7 { width: 58.33333%; }
.wp-medium-8 { width: 66.66667%; }
.wp-medium-9 { width: 75%; }
.wp-medium-10 { width: 83.33333%; }
.wp-medium-11 { width: 91.66667%; }
.wp-medium-12 { width: 100%; }
.medium-offset-0 { margin-left: 0 !important; }
.medium-offset-1 { margin-left: 8.33333% !important; }
.medium-offset-2 { margin-left: 16.66667% !important; }
.medium-offset-3 { margin-left: 25% !important; }
.medium-offset-4 { margin-left: 33.33333% !important; }
.medium-offset-5 { margin-left: 41.66667% !important; }
.medium-offset-6 { margin-left: 50% !important; }
.medium-offset-7 { margin-left: 58.33333% !important; }
.medium-offset-8 { margin-left: 66.66667% !important; }
.medium-offset-9 { margin-left: 75% !important; }
.medium-offset-10 { margin-left: 83.33333% !important; }
.medium-offset-11 { margin-left: 91.66667% !important; }
}
@media only screen and (max-width: 40.0625em) {
.wpsisac-image-slide img{height: 100% !important;width: 100% !important;object-fit: cover;object-position: top center;}
.wpsisac-image-slide, .wpsisac-slide-wrap{height:350px;}
.wpsisac-slick-slider.design-5 .wpsisac-image-slide, .wpsisac-slick-slider.design-5  .wpsisac-slide-wrap{height:auto !important;}
.wpsisac-slick-slider h2{font-size:22px; line-height:26px;}
.wpsisac-slider-short-content p{font-weight:normal !important}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide, .wpsisac-slick-slider.design-4 .wpsisac-slide-wrap{height:auto !important;}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-content-left{padding:20px}
.wpsisac-slick-carousal .wpsisac-image-slide-wrap, .wpsisac-slick-carousal .wpsisac-image-slide{height:auto !important}
}
@media only screen and (max-width: 480px) {   
.wpsisac-slick-carousal.wpsisac-center .slick-slide .wpsisac-image-slide-wrap { opacity: 1; transform: scale(1); transition: all 300ms ease 0s;}
}@font-face{font-family:wpsl-fontello;src:url(//www.hwathai.my/wp-content/plugins/wp-store-locator/font/fontello.eot?28897909);src:url(//www.hwathai.my/wp-content/plugins/wp-store-locator/font/fontello.eot?28897909#iefix) format('embedded-opentype'),url(//www.hwathai.my/wp-content/plugins/wp-store-locator/font/fontello.woff?28897909) format('woff'),url(//www.hwathai.my/wp-content/plugins/wp-store-locator/font/fontello.ttf?28897909) format('truetype'),url(//www.hwathai.my/wp-content/plugins/wp-store-locator/font/fontello.svg?28897909#fontello) format('svg');font-weight:400;font-style:normal}#wpsl-gmap{float:right;width:66.5%;height:350px;margin-bottom:0}.wpsl-store-below #wpsl-gmap{float:none;width:100%}.wpsl-gmap-canvas{width:100%;height:300px;margin-bottom:20px}#wpsl-gmap div:not[class^=gv-iv],#wpsl-gmap img,.wpsl-gmap-canvas div:not[class^=gv-iv],.wpsl-gmap-canvas img{box-shadow:none!important;max-width:none!important;background:0 0}#wpsl-gmap img,.wpsl-gmap-canvas img{display:inline;opacity:1!important;max-height:none!important}#wpsl-gmap *{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}#wpsl-gmap div.gm-iv-marker,.wpsl-gmap-canvas div.gm-iv-marker{backgroud-image:inherit}#wpsl-wrap{position:relative;width:100%;overflow:hidden;clear:both;margin-bottom:20px}#wpsl-search-wrap{float:left;width:100%}#wpsl-search-wrap form{margin:0;padding:0;border:none;outline:0}#wpsl-gmap #wpsl-map-controls{position:absolute;height:40px;right:10px;bottom:24px;border-radius:2px;z-index:3;font-size:14px;white-space:nowrap;overflow:hidden;box-shadow:rgba(0,0,0,.3) 0 1px 4px -1px}#wpsl-gmap #wpsl-map-controls.wpsl-street-view-exists{right:60px}#wpsl-map-controls .wpsl-direction-preloader{margin:5px 5px 0}#wpsl-map-controls div{float:left;background:#fff;border-radius:2px}#wpsl-map-controls div:hover{cursor:pointer}#wpsl-wrap [class*=" wpsl-icon-"],#wpsl-wrap [class^=wpsl-icon-]{position:relative;float:left;padding:12px 13px;display:inline-block;font-family:wpsl-fontello;font-style:normal;font-weight:400;font-size:1.3em;color:#737373;speak:none;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#wpsl-map-controls span{font-family:inherit;font-size:inherit}#wpsl-wrap .wpsl-icon-reset{border-radius:2px 0 0 2px;z-index:2;padding-right:4px}#wpsl-wrap .wpsl-ie .wpsl-icon-reset{margin-right:-1px}#wpsl-wrap .wpsl-icon-direction{z-index:1}#wpsl-map-controls.wpsl-reset-exists .wpsl-icon-direction{border-radius:0 2px 2px 0}#wpsl-wrap .wpsl-active-icon,#wpsl-wrap [class*=" wpsl-icon-"]:hover,#wpsl-wrap [class^=wpsl-icon-]:hover{color:#000}#wpsl-wrap [class*=" wpsl-icon-"]:focus,#wpsl-wrap [class^=wpsl-icon-]:active{outline:0}#wpsl-wrap .wpsl-in-progress,#wpsl-wrap .wpsl-in-progress:hover{color:#c6c6c6}#wpsl-gmap #wpsl-reset-map{position:absolute;display:none;right:37px;top:37px;padding:6px 14px;background:#fff!important;border:1px solid rgba(0,0,0,.15);border-radius:2px;z-index:3}#wpsl-reset-map:hover{cursor:pointer}.gm-style-cc{word-wrap:normal}#wpsl-search-wrap .wpsl-input,#wpsl-search-wrap .wpsl-select-wrap{display:table}#wpsl-search-btn,#wpsl-search-wrap #wpsl-radius,#wpsl-search-wrap #wpsl-results,#wpsl-search-wrap .wpsl-input input,#wpsl-search-wrap .wpsl-input label{display:table-cell}#wpsl-search-wrap label{margin-bottom:0}#wpsl-search-input{width:179px;height:auto;padding:7px 12px;font-size:100%;margin:0}#wpsl-search-btn,#wpsl-search-wrap input{border:1px solid #d2d2d2;border-radius:3px}#wpsl-search-btn{padding:7px 10px;line-height:1.428571429;font-weight:400;color:#7c7c7c;background-color:#e6e6e6;background-repeat:repeat-x;background-image:-moz-linear-gradient(top,#f4f4f4,#e6e6e6);background-image:-ms-linear-gradient(top,#f4f4f4,#e6e6e6);background-image:-webkit-linear-gradient(top,#f4f4f4,#e6e6e6);background-image:-o-linear-gradient(top,#f4f4f4,#e6e6e6);background-image:linear-gradient(top,#f4f4f4,#e6e6e6);box-shadow:0 1px 2px rgba(64,64,64,.1);text-transform:none!important}#wpsl-search-input.wpsl-error{border:1px solid #bd0028!important}.wpsl-search{margin-bottom:12px;padding:12px 12px 0;background:#f4f3f3}.wpsl-search.wpsl-checkboxes-enabled{padding:12px}.wpsl-back{display:inline-block}#wpsl-result-list{width:33%;margin-right:.5%}.wpsl-store-below #wpsl-result-list{width:100%;margin:12px 0 0}#wpsl-direction-details,#wpsl-stores{height:350px;overflow-y:auto}#wpsl-direction-details,.wpsl-hide{display:none}#wpsl-result-list p{padding-left:10px}.wpsl-store-below #wpsl-result-list p{padding-left:0}#wpsl-result-list a{outline:0}.wpsl-direction-before{margin:14px 0 21px;padding-left:10px}.wpsl-store-below .wpsl-direction-before{padding-left:0}.wpsl-direction-before div{margin-top:10px}#wpsl-wrap #wpsl-result-list li{padding:10px;border-bottom:1px dotted #ccc;margin-left:0;overflow:hidden;list-style:none!important;text-indent:0}#wpsl-wrap #wpsl-result-list li li{padding:0;border-bottom:0;margin-left:14px;overflow:visible}#wpsl-wrap #wpsl-result-list ul li{list-style:none!important}#wpsl-wrap #wpsl-result-list ol li{list-style:decimal!important}#wpsl-wrap.wpsl-store-below #wpsl-result-list li{padding:10px 10px 10px 0}#wpsl-result-list li p{padding-left:0;margin:0 0 20px}.wpsl-store-details.wpsl-store-listing{position:relative;padding-right:20px}.wpsl-store-details.wpsl-store-listing.wpsl-active-details:before,.wpsl-store-details.wpsl-store-listing:before{position:absolute;content:'';bottom:6px;right:0;border-top:5px solid #000;border-left:6px solid transparent;border-right:6px solid transparent}.wpsl-store-details.wpsl-store-listing.wpsl-active-details:before{border-bottom:5px solid #000;border-top:none;border-left:6px solid transparent;border-right:6px solid transparent}#wpsl-stores .wpsl-store-thumb{float:right;border-radius:3px;margin:7px 0 0 10px;padding:0;border:none}.wpsl-direction-index{float:left;width:8%;margin:0 5% 0 0}.wpsl-direction-txt{float:left;width:62%}.wpsl-direction-distance{float:left;width:20%;margin:0 0 0 5%}.wpsl-direction-txt span{display:block;margin-top:10px}.wpsl-country,.wpsl-street{display:block;border-bottom:none!important}.wpsl-directions{display:table;border-bottom:none!important}#wpsl-wrap #wpsl-result-list li.wpsl-preloader{position:relative;border-bottom:none;padding:10px 10px 10px 35px}.wpsl-preloader img{position:absolute;left:10px;top:50%;margin-top:-8px;box-shadow:none!important;border:none!important}.wpsl-preloader span{float:left;margin:-5px 0 0 11px}#wpsl-search-btn,#wpsl-search-wrap div{margin-right:10px;float:left}#wpsl-search-wrap .wpsl-select-wrap{position:relative;z-index:2;margin-right:0}#wpsl-search-wrap .wpsl-input-field{position:relative}#wpsl-radius,#wpsl-results{float:left;margin-right:15px;display:inline}#wpsl-category{z-index:1;clear:both}#wpsl-search-wrap .wpsl-dropdown div{position:absolute;float:none;margin:-1px 0 0;top:100%;left:-1px;right:-1px;border:1px solid #ccc;background:#fff;border-top:1px solid #eee;border-radius:0 0 3px 3px;opacity:0;overflow:hidden;-webkit-transition:150ms ease-in-out;-moz-transition:150ms ease-in-out;-ms-transition:150ms ease-in-out;transition:150ms ease-in-out}#wpsl-search-wrap .wpsl-dropdown.wpsl-active div{opacity:1}#wpsl-search-wrap .wpsl-input label{margin-right:0}#wpsl-radius{margin-right:10px}#wpsl-search-btn:hover{cursor:pointer}#wpsl-search select,#wpsl-search-wrap select,.wpsl-direction-details{display:none}#wpsl-search-wrap div label{float:left;margin-right:10px;line-height:32px}#wpsl-results label{width:auto}#wpsl-result-list ul{list-style:none;margin:0;padding:0}#wpsl-gmap .wpsl-info-window,.wpsl-gmap-canvas .wpsl-info-window{max-width:225px}.wpsl-info-window span,.wpsl-more-info-listings span{display:block}.wpsl-info-window .wpsl-no-margin{margin:0}.wpsl-more-info-listings{display:none}.wpsl-info-window span span{display:inline!important}#wpsl-wrap .wpsl-info-window p{margin:0 0 10px}.wpsl-store-hours{margin-top:10px}.wpsl-store-hours strong{display:block}#wpsl-gmap .wpsl-info-actions{display:block;margin:10px 0!important}.wpsl-info-actions a{float:left;margin-right:7px}.wpsl-info-actions .wpsl-zoom-here{margin-right:0}.wpsl-dropdown{position:relative;width:90px;border:1px solid #ccc;cursor:pointer;background:#fff;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:0!important;z-index:2}.wpsl-dropdown ul{position:absolute;left:0;width:100%;height:100%;padding:0!important;margin:0!important;list-style:none;overflow:hidden}.wpsl-dropdown:hover{box-shadow:0 0 5px rgba(0,0,0,.15)}.wpsl-dropdown .wpsl-selected-item,.wpsl-dropdown li{position:relative;display:block;line-height:normal;color:#000;overflow:hidden}#wpsl-radius .wpsl-dropdown .wpsl-selected-item,#wpsl-radius .wpsl-dropdown li,#wpsl-results .wpsl-dropdown .wpsl-selected-item,#wpsl-results .wpsl-dropdown li{white-space:nowrap}.wpsl-selected-item:after{position:absolute;content:"";right:12px;top:50%;margin-top:-4px;border:6px solid transparent;border-top:8px solid #000}.wpsl-active .wpsl-selected-item:after{margin-top:-10px;border:6px solid transparent;border-bottom:8px solid #000}.wpsl-dropdown li:hover{background:#f8f9f8;position:relative;z-index:3;color:#000}.wpsl-dropdown .wpsl-selected-item,.wpsl-dropdown li,.wpsl-selected-item{list-style:none;padding:9px 12px!important;margin:0!important}.wpsl-selected-dropdown{font-weight:700}.wpsl-clearfix:after,.wpsl-clearfix:before{content:" ";display:table}.wpsl-clearfix:after{clear:both}#wpsl-wrap .wpsl-selected-item{position:static;padding-right:35px!important}#wpsl-category,.wpsl-input,.wpsl-select-wrap{position:relative;margin-bottom:10px}#wpsl-search-wrap .wpsl-scroll-required div{overflow-y:scroll}.wpsl-scroll-required ul{overflow:visible}.wpsl-provided-by{float:right;padding:5px 0;text-align:right;font-size:12px;width:100%}#wpsl-wrap .wpsl-results-only label{width:auto}.wpsl-contact-details,.wpsl-location-address,.wpsl-locations-details{margin-bottom:15px}.wpsl-contact-details{clear:both}table.wpsl-opening-hours td{vertical-align:top;padding:0 15px 0 0;text-align:left}table.wpsl-opening-hours time{display:block}table.wpsl-opening-hours{width:auto!important;font-size:100%!important}table.wpsl-opening-hours,table.wpsl-opening-hours td{border:none!important}.wpsl-gmap-canvas .wpsl-infobox{min-width:155px;max-width:350px!important;padding:10px;border-radius:4px;font-size:13px;font-weight:300;border:1px solid #ccc;background:#fff!important}.wpsl-gmap-canvas .wpsl-infobox:after,.wpsl-gmap-canvas .wpsl-infobox:before{position:absolute;content:"";left:40px;bottom:-11px}.wpsl-gmap-canvas .wpsl-infobox:after{border-left:11px solid transparent;border-right:11px solid transparent;border-top:11px solid #fff}.wpsl-gmap-canvas .wpsl-infobox:before{border-left:13px solid transparent;border-right:13px solid transparent;border-top:13px solid #ccc;bottom:-13px;left:38px}#wpsl-checkbox-filter,.wpsl-custom-checkboxes{display:block;float:left;margin:5px 0 15px;padding:0;width:100%}#wpsl-checkbox-filter li,.wpsl-custom-checkboxes li{float:left;list-style:none;margin:0 1% 0 0}#wpsl-checkbox-filter.wpsl-checkbox-1-columns li,.wpsl-custom-checkboxes.wpsl-checkbox-1-columns li{width:99%}#wpsl-checkbox-filter.wpsl-checkbox-2-columns li,.wpsl-custom-checkboxes.wpsl-checkbox-2-columns li{width:49%}#wpsl-checkbox-filter.wpsl-checkbox-3-columns li,.wpsl-custom-checkboxes.wpsl-checkbox-3-columns li{width:32%}#wpsl-checkbox-filter.wpsl-checkbox-4-columns li,.wpsl-custom-checkboxes.wpsl-checkbox-4-columns li{width:24%}#wpsl-checkbox-filter input,.wpsl-custom-checkboxes input{margin-right:5px}#wpsl-result-list .wpsl-contact-details span{display:block!important}#wpsl-search-wrap .select2{display:none!important}.rtl #wpsl-result-list{float:left}.rtl #wpsl-checkbox-filter input,.rtl .wpsl-custom-checkboxes input{margin-right:0;margin-left:5px}.rtl .wpsl-info-actions a{float:right;margin:0 0 0 7px}.rtl #wpsl-gmap .wpsl-info-window{padding-right:22px}.rtl #wpsl-wrap #wpsl-result-list li.wpsl-preloader{padding:10px 35px 10px 0}.rtl .wpsl-preloader img{left:0;right:10px}.wpsl-twentynineteen .wpsl-input{width:100%}.wpsl-twentynineteen #wpsl-search-input{line-height:1.3em}.wpsl-twentynineteen #wpsl-search-wrap label{margin-top:6px}.wpsl-twentynineteen .wpsl-dropdown{width:116px}#wpsl-results .wpsl-dropdown{width:81px}#wpsl-search-wrap .wpsl-autocomplete-search-container{position:relative;margin-right:0}#wpsl-autocomplete-search-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box}#wpsl-search-wrap .wpsl-autocomplete-search-results{position:absolute;width:100%;top:100%;left:0;z-index:1000;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;display:none;box-sizing:border-box}#wpsl-search-wrap .wpsl-autocomplete-search-results ul{position:relative;list-style-type:none;margin:0;padding:0 0 25px}#wpsl-search-wrap .wpsl-autocomplete-search-results ul:after{content:"";display:block;position:absolute;left:10px;right:0;background-image:url(https://storage.googleapis.com/geo-devrel-public-buckets/powered_by_google_on_white.png);background-repeat:no-repeat;background-size:contain;height:18px}#wpsl-search-wrap .wpsl-autocomplete-search-results li{padding:4px10px;cursor:pointer;border-bottom:1px solid #eee;margin-bottom:0}#wpsl-search-wrap .wpsl-autocomplete-search-results li:last-child{border-bottom:none;margin-bottom:10px}#wpsl-search-wrap .wpsl-autocomplete-search-results li:focus,#wpsl-search-wrap .wpsl-autocomplete-search-results li:hover{background-color:#f5f5f5}#wpsl-search-wrap .wpsl-autocomplete-search-results li a,#wpsl-search-wrap .wpsl-autocomplete-search-results li a:hover,#wpsl-search-wrap .wpsl-autocomplete-search-results li a:link,#wpsl-search-wrap .wpsl-autocomplete-search-results li a:visited{text-decoration:none;color:#000;box-shadow:none}#wpsl-search-wrap .wpsl-autocomplete-highlight{font-weight:700}@media (max-width:825px){#wpsl-search-input{width:348px}.wpsl-results-only #wpsl-search-wrap .wpsl-dropdown{width:70px}#wpsl-search-wrap .wpsl-input{width:100%;margin-bottom:10px}#wpsl-category label,#wpsl-radius label,.wpsl-cat-results-filter #wpsl-search-wrap .wpsl-input,.wpsl-input label,.wpsl-no-filters #wpsl-search-wrap .wpsl-input,.wpsl-results-only #wpsl-search-wrap .wpsl-input{width:auto}}@media (max-width:720px){#wpsl-search-wrap .wpsl-dropdown{width:114px}}@media (max-width:675px){#wpsl-search-wrap #wpsl-search-btn{float:left;margin:0 5px 0 0}.wpsl-dropdown,.wpsl-results-only #wpsl-search-wrap .wpsl-input{width:100%}.wpsl-search{padding:2%}.wpsl-input{margin-right:0}#wpsl-gmap,#wpsl-result-list{float:none;width:100%}.wpsl-direction-before{padding-left:0}#wpsl-gmap{margin-bottom:15px;margin-top:10px}#wpsl-result-list,.wpsl-cat-results-filter .wpsl-select-wrap,.wpsl-filter .wpsl-select-wrap{margin-bottom:10px}#wpsl-result-list p,#wpsl-wrap #wpsl-result-list li{padding-left:0}#wpsl-wrap #wpsl-result-list li.wpsl-preloader{padding-left:25px}.wpsl-preloader img{left:0}#wpsl-stores.wpsl-not-loaded{height:25px}#wpsl-reset-map{top:25px}#wpsl-category,#wpsl-search-btn,.wpsl-input,.wpsl-no-filters #wpsl-search-wrap .wpsl-input,.wpsl-select-wrap{margin-bottom:0}#wpsl-stores.wpsl-no-autoload{height:auto!important}#wpsl-checkbox-filter.wpsl-checkbox-3-columns li,#wpsl-checkbox-filter.wpsl-checkbox-4-columns li{width:49%}}@media (max-width:570px){#wpsl-search-wrap #wpsl-search-btn{margin-bottom:5px}.wpsl-search{padding:4%}#wpsl-search-input{width:98%!important}.wpsl-cat-results-filter #wpsl-search-input,.wpsl-cat-results-filter #wpsl-search-wrap .wpsl-input,.wpsl-no-results #wpsl-search-input,.wpsl-results-only #wpsl-search-input{width:100%!important}.wpsl-search-btn-wrap{margin-top:15px;clear:both}.wpsl-checkboxes-enabled .wpsl-search-btn-wrap{margin-top:0}#wpsl-search-btn,#wpsl-search-wrap div{margin-right:0}#wpsl-search-wrap div label{display:block;width:100%}.wpsl-select-wrap{width:100%}#wpsl-radius,#wpsl-results{width:50%}#wpsl-radius{margin-right:4%}#wpsl-search-wrap .wpsl-dropdown{width:96%!important}.wpsl-no-filters #wpsl-search-input,.wpsl-no-filters #wpsl-search-wrap .wpsl-input{width:100%!important}}@media (max-width:420px){#wpsl-checkbox-filter li{margin:0}#wpsl-checkbox-filter.wpsl-checkbox-1-columns li,#wpsl-checkbox-filter.wpsl-checkbox-2-columns li,#wpsl-checkbox-filter.wpsl-checkbox-3-columns li,#wpsl-checkbox-filter.wpsl-checkbox-4-columns li{width:100%}}@font-face {
font-family: 'thegem-icons';
src:url(//www.hwathai.my/wp-content/themes/thegem/fonts/thegem-icons.eot);
src:url(//www.hwathai.my/wp-content/themes/thegem/fonts/thegem-icons.eot?#iefix) format('embedded-opentype'),
url(//www.hwathai.my/wp-content/themes/thegem/fonts/thegem-icons.woff) format('woff'),
url(//www.hwathai.my/wp-content/themes/thegem/fonts/thegem-icons.ttf) format('truetype'),
url(//www.hwathai.my/wp-content/themes/thegem/fonts/thegem-icons.svg#thegem-icons) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'thegem-socials';
src:url(//www.hwathai.my/wp-content/themes/thegem/fonts/thegem-socials.eot);
src:url(//www.hwathai.my/wp-content/themes/thegem/fonts/thegem-socials.eot?#iefix) format('embedded-opentype'),
url(//www.hwathai.my/wp-content/themes/thegem/fonts/thegem-socials.woff) format('woff'),
url(//www.hwathai.my/wp-content/themes/thegem/fonts/thegem-socials.ttf) format('truetype'),
url(//www.hwathai.my/wp-content/themes/thegem/fonts/thegem-socials.svg#thegem-socials) format('svg');
font-weight: normal;
font-style: normal;
} 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;
}
@media (max-width: 1199px) {
.row {
margin-top: -3em;
}
.row > * {
margin-top: 3em;
}
}
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;
}
.title-xlarge {
margin: 1.4em 0;
text-transform: uppercase;
letter-spacing: 0.05em;
}
h1 .light,
h2 .light,
h3 .light,
h4 .light,
h5 .light,
h6 .light,
.title-h1 .light,
.title-h2 .light,
.title-h3 .light,
.title-h4 .light,
.title-h5 .light,
.title-h6 .light,
.title-xlarge .light {
text-transform: uppercase;
font-size: inherit;
line-height: inherit;
}
.letter-spacing {
letter-spacing: 0.05em;
}
.page-title-block .title-xlarge,
.page-title-block h1,
.page-title-block h2,
.page-title-block h3,
.page-title-block h4,
.page-title-block h5,
.page-title-block h6,
.page-title-block .title-h1,
.page-title-block .title-h2,
.page-title-block .title-h3,
.page-title-block .title-h4,
.page-title-block .title-h5,
.page-title-block .title-h6 {
margin: 0 auto;
}
.small-body {
font-size: 85%;
line-height: inherit;
display: block;
line-height: 23px;
}
.centered-box {
text-align: center;
}
.gem-dummy {
display: inline-block;
width: 100%;
height: 100%;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.grayscale,
.grayscale-image img {
filter: url(//www.hwathai.my/wp-content/themes/thegem/css/grayscale.svg#greyscale);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.gscale img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
.gscale:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.grayscale-hover:hover,
.grayscale-image a:hover img,
.grayscale-image .hover img {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
}
.disable-grayscale .grayscale-hover,
.disable-grayscale .grayscale-image a img,
.disable-grayscale .grayscale-image  img {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
}
.inline-row {
font-size: 0;
margin-bottom: -42px;
}
.inline-row-center {
text-align: center;
}
.inline-column {
float: none;
display: inline-block;
text-align: left;
vertical-align: top;
margin-bottom: 42px;
}
.inline-inside {
font-size: 0;
line-height: 0;
}
.z-index {
z-index: 1000;
position: relative;
} 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,
.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-prev,
.gem-next,
.ls-thegem a.ls-nav-prev,
.ls-thegem a.ls-nav-next {
position: absolute;
width: 40px;
top: 0;
bottom: 0;
font-size: 0;
line-height: 0;
text-indent: 100%;
overflow: hidden;
display: block;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-prev:focus,
.gem-next:focus,
.ls-thegem a.ls-nav-prev:focus,
.ls-thegem a.ls-nav-next:focus {
outline: 0 none;
}
.nivo-directionNav .gem-prev,
.nivo-directionNav .gem-next,
.ls-thegem a.ls-nav-prev,
.ls-thegem a.ls-nav-next,
.related-products-carousel.fullwidth-block .gem-prev,
.related-products-carousel.fullwidth-block .gem-next {
width: 10%;
z-index: 10;
}
.gem-prev,
.ls-thegem a.ls-nav-prev {
left: 0;
}
.gem-next,
.ls-thegem a.ls-nav-next {
right: 0;
}
.gem-prev:after,
.gem-next:after,
.ls-thegem a.ls-nav-prev:after,
.ls-thegem a.ls-nav-next:after {
position: absolute;
font-family: 'thegem-icons';
font-style: normal;
top: 50%;
margin-top: -20px;
left:50%;
margin-left: -20px;
font-size: 24px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
text-indent: 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-prev:after,
.ls-thegem a.ls-nav-prev:after {
content: '\e636';
}
.gem-next:after,
.ls-thegem a.ls-nav-next:after {
content: '\e634';
}
.gem-prev.disabled,
.gem-next.disabled {
visibility: hidden;
} .gem-pagination {
text-align: left;
margin-top: 75px;
}
.gem-pagination.centered-box {
text-align: center;
}
.gem-pagination-links {
margin: 0 -8px;
}
.gem-pagination a,
.gem-pagination .current {
position: relative;
display: inline-block;
margin: 0 8px;
width: 30px;
height: 30px;
line-height: 26px;
text-align: center;
vertical-align: top;
text-decoration: none;
margin-bottom: 16px;
font-size: 14px;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-pagination .prev,
.gem-pagination .next {
font-size: 0;
}
.gem-pagination .prev:before,
.gem-pagination .next:before {
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 24px;
}
.gem-pagination .prev:before {
content: '\e636';
}
.gem-pagination .next:before {
content: '\e634';
} .gem-mini-pagination {
text-align: center;
padding-top: 15px;
}
.gem-mini-pagination a {
display: inline-block;
width: 17px;
height: 17px;
font-size: 0;
line-height: 0;
text-indent: 100%;
overflow: hidden;
margin: 0 7px;
border-radius: 17px;
-moz-border-radius: 17px;
-webkit-border-radius: 17px;
}
.gem-mini-pagination a:focus {
outline: 0 none;
}
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-circle .vc_pagination-trigger {
width: 16px;
height: 16px;
background-color: #b6c6c9;
border-radius: 50%;
}
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-circle .vc_pagination-trigger:hover {
background-color: #b6c6c9;
}
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-circle .vc_active .vc_pagination-trigger {
background-color: #00bcd4;
}
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-square .vc_pagination-trigger {
width: 16px;
height: 16px;
background-color: #3c3950;
border-radius: 3px;
}
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-square .vc_pagination-trigger:hover {
background-color: #3c3950;
}
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-square .vc_active .vc_pagination-trigger {
background-color: #00bcd4;
} .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.thegemdemo {
font-family: 'TheGemDemoIcons';
font-size: 24px;
}
.gem-print-icon.gem-icon-pack-fontawesome {
font-family: 'FontAwesome';
font-size: 14px;
}
.gem-print-icon.gem-icon-pack-userpack {
font-family: 'UserPack';
font-size: 16px;
}
.gem-print-icon.gem-icon-pack-thegem-icons::before {
font-family: 'thegem-icons';
font-style: normal;
font-size: 16px;
vertical-align: top;
}
.gem-print-icon.gem-icon-pack-thegem-icons.gem-icon-share::before {
content: '\e60d';
}
.gem-print-icon.gem-icon-pack-thegem-icons.gem-icon-prev::before {
content: '\e636';
font-size: 24px;
}
.gem-print-icon.gem-icon-pack-thegem-icons.gem-icon-next::before {
content: '\e634';
font-size: 24px;
}
.gem-print-icon.gem-icon-pack-thegem-icons.gem-icon-hamburger::before {
content: '\e620';
}
.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-fontawesome {
font-family: 'FontAwesome';
}
.gem-icon.gem-icon-pack-thegemdemo {
font-family: 'TheGemDemoIcons';
}
.gem-icon.gem-icon-pack-userpack {
font-family: 'UserPack';
}
.gem-icon-centered {
display: block;
margin: 0 auto;
}
.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-size-medium {
font-size: 48px;
border-width: 4px;
height: 80px;
}
.gem-icon-size-medium .gem-icon-inner {
width: 74px;
height: 74px;
line-height: 74px;
}
.gem-icon-size-medium.gem-simple-icon {
width: 48px;
height: 48px;
line-height: 48px;
}
.gem-icon-size-medium.gem-icon-shape-square,
.gem-icon-size-medium.gem-simple-icon {
border-radius: 3px;
}
.gem-icon-size-large {
font-size: 96px;
border-width: 7px;
height: 160px;
}
.gem-icon-size-large .gem-icon-inner {
width: 148px;
height: 148px;
line-height: 148px;
}
.gem-icon-size-large.gem-simple-icon {
width: 96px;
height: 96px;
line-height: 96px;
}
.gem-icon-size-large.gem-icon-shape-square,
.gem-icon-size-large.gem-simple-icon {
border-radius: 6px;
}
.gem-icon-size-xlarge {
font-size: 144px;
border-width: 13px;
height: 240px;
}
.gem-icon-size-xlarge .gem-icon-inner {
width: 216px;
height: 216px;
line-height: 216px;
}
.gem-icon-size-xlarge.gem-simple-icon {
width: 144px;
height: 144px;
line-height: 144px;
}
.gem-icon-size-xlarge.gem-icon-shape-square,
.gem-icon-size-xlarge.gem-simple-icon {
border-radius:9px;
}
.gem-icon .gem-icon-half-1,
.gem-icon .gem-icon-half-2 {
float: left;
width: 100%;
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.angle-45deg-l .gem-icon-half-1,
.gem-icon.angle-45deg-l .gem-icon-half-2 {
transform: skew(45deg, 0);
-o-transform: skew(45deg, 0);
-ms-transform: skew(45deg, 0);
-moz-transform: skew(45deg, 0);
-webkit-transform: skew(45deg, 0);
}
.gem-icon.angle-45deg-r .gem-icon-half-1,
.gem-icon.angle-45deg-r .gem-icon-half-2 {
transform: skew(-45deg, 0);
-o-transform: skew(-45deg, 0);
-ms-transform: skew(-45deg, 0);
-moz-transform: skew(-45deg, 0);
-webkit-transform: skew(-45deg, 0);
}
.gem-icon .back-angle {
display: block;
position: relative;
width: 200%;
height: 100%;
}
.gem-icon .gem-icon-half-2 .back-angle {
left: -100%;
}
.gem-icon.angle-45deg-l .back-angle {
transform: skew(-45deg, 0);
-o-transform: skew(-45deg, 0);
-ms-transform: skew(-45deg, 0);
-moz-transform: skew(-45deg, 0);
-webkit-transform: skew(-45deg, 0);
}
.gem-icon.angle-45deg-r .back-angle {
transform: skew(45deg, 0);
-o-transform: skew(45deg, 0);
-ms-transform: skew(45deg, 0);
-moz-transform: skew(45deg, 0);
-webkit-transform: skew(45deg, 0);
} .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 {
text-transform: none;
}
.gem-button:hover {
text-decoration: none;
}
.gem-button-position-inline {
display: inline-block;
vertical-align: top;
}
.gem-button-position-left {
float: left;
}
.gem-button-position-right {
float: right;
}
.gem-button-position-center {
clear: both;
text-align: center;
display: block;
}
.gem-button-position-fullwidth .gem-button {
width: 100%;
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
.gem-button-size-tiny,
input.gem-button-size-tiny {
height: 30px;
line-height: 30px;
padding: 0 14px;
font-size: 14px;
margin: 20px;
}
.gem-button-size-small,
input.gem-button-size-small {
height: 40px;
line-height: 40px;
padding: 0 17px;
font-size: 14px;
margin: 25px;
}
.gem-button-size-medium,
input.gem-button-size-medium {
height: 50px;
line-height: 50px;
padding: 0 25px;
font-size: 19px;
margin: 30px;
}
.gem-button-size-large,
input.gem-button-size-large {
height: 80px;
line-height: 80px;
padding: 0 37px;
font-size: 24px;
margin: 40px;
}
.gem-button-size-giant,
input.gem-button-size-giant {
height: 100px;
line-height: 100px;
padding: 0 53px;
font-size: 36px;
margin: 50px;
}
@media (max-width: 992px) {
.gem-button-tablet-size-tiny,
input.gem-button-tablet-size-tiny {
height: 30px;
line-height: 30px;
padding: 0 14px;
font-size: 14px;
margin: 20px;
}
.gem-button-tablet-size-small,
input.gem-button-tablet-size-small {
height: 40px;
line-height: 40px;
padding: 0 17px;
font-size: 14px;
margin: 25px;
}
.gem-button-tablet-size-medium,
input.gem-button-tablet-size-medium {
height: 50px;
line-height: 50px;
padding: 0 25px;
font-size: 19px;
margin: 30px;
}
.gem-button-tablet-size-large,
input.gem-button-tablet-size-large {
height: 80px;
line-height: 80px;
padding: 0 37px;
font-size: 24px;
margin: 40px;
}
.gem-button-tablet-size-giant,
input.gem-button-tablet-size-giant {
height: 100px;
line-height: 100px;
padding: 0 53px;
font-size: 36px;
margin: 50px;
}
}
@media (max-width: 767px) {
.gem-button-mobile-size-tiny,
input.gem-button-mobile-size-tiny {
height: 30px;
line-height: 30px;
padding: 0 14px;
font-size: 14px;
margin: 20px;
}
.gem-button-mobile-size-small,
input.gem-button-mobile-size-small {
height: 40px;
line-height: 40px;
padding: 0 17px;
font-size: 14px;
margin: 25px;
}
.gem-button-mobile-size-medium,
input.gem-button-mobile-size-medium {
height: 50px;
line-height: 50px;
padding: 0 25px;
font-size: 19px;
margin: 30px;
}
.gem-button-mobile-size-large,
input.gem-button-mobile-size-large {
height: 80px;
line-height: 80px;
padding: 0 37px;
font-size: 24px;
margin: 40px;
}
.gem-button-mobile-size-giant,
input.gem-button-mobile-size-giant {
height: 100px;
line-height: 100px;
padding: 0 53px;
font-size: 36px;
margin: 50px;
}
}
.gem-button.gem-button-empty {
padding-left: 0;
padding-right: 0;
width: 40px;
}
.gem-button.gem-button-empty.gem-button-size-tiny {
width: 30px;
}
.gem-button.gem-button-empty.gem-button-size-small {
width: 40px;
}
.gem-button.gem-button-empty.gem-button-size-medium {
width: 50px;
}
.gem-button.gem-button-empty.gem-button-size-large {
width: 80px;
}
.gem-button.gem-button-empty.gem-button-size-giant {
width: 100px;
}
.gem-button.gem-button-style-outline {
border-width: 2px;
line-height: 36px;
border-style: solid;
background: transparent;
}
.gem-button.gem-button-style-outline {
background: transparent;
}
.gem-button-style-outline.gem-button-border-1 {
border-width: 1px;
line-height: 38px;
}
.gem-button-style-outline.gem-button-border-3 {
border-width: 3px;
line-height: 34px;
}
.gem-button-style-outline.gem-button-border-4 {
border-width: 4px;
line-height: 32px;
}
.gem-button-style-outline.gem-button-border-5 {
border-width: 5px;
line-height: 30px;
}
.gem-button-style-outline.gem-button-border-6 {
border-width: 6px;
line-height: 28px;
}
.gem-button-size-tiny.gem-button-border-1 {
line-height: 28px;
}
.gem-button-size-tiny.gem-button-style-outline {
line-height: 26px;
}
.gem-button-size-tiny.gem-button-border-3 {
line-height: 24px;
}
.gem-button-size-tiny.gem-button-border-4 {
line-height: 22px;
}
.gem-button-size-tiny.gem-button-border-5 {
line-height: 20px;
}
.gem-button-size-tiny.gem-button-border-6 {
line-height: 18px;
}
.gem-button-size-medium.gem-button-border-1 {
line-height: 48px;
}
.gem-button-size-medium.gem-button-style-outline {
line-height: 46px;
}
.gem-button-size-medium.gem-button-border-3 {
line-height: 44px;
}
.gem-button-size-medium.gem-button-border-4 {
line-height: 42px;
}
.gem-button-size-medium.gem-button-border-5 {
line-height: 40px;
}
.gem-button-size-medium.gem-button-border-6 {
line-height: 38px;
}
.gem-button-size-large.gem-button-border-1 {
line-height: 78px;
}
.gem-button-size-large.gem-button-style-outline {
line-height: 76px;
}
.gem-button-size-large.gem-button-border-3 {
line-height: 74px;
}
.gem-button-size-large.gem-button-border-4 {
line-height: 72px;
}
.gem-button-size-large.gem-button-border-5 {
line-height: 70px;
}
.gem-button-size-large.gem-button-border-6 {
line-height: 68px;
}
.gem-button-size-giant.gem-button-border-1 {
line-height: 98px;
}
.gem-button-size-giant.gem-button-style-outline {
line-height: 96px;
}
.gem-button-size-giant.gem-button-border-3 {
line-height: 94px;
}
.gem-button-size-giant.gem-button-border-4 {
line-height: 92px;
}
.gem-button-size-giant.gem-button-border-5 {
line-height: 90px;
}
.gem-button-size-giant.gem-button-border-6 {
line-height: 88px;
}
@media (max-width: 992px) {
.gem-button-tablet-size-small.gem-button-style-outline {
border-width: 2px;
line-height: 36px;
}
.gem-button-style-outline.gem-button-tablet-border-1 {
border-width: 1px;
line-height: 38px;
}
.gem-button-style-outline.gem-button-tablet-border-3 {
border-width: 3px;
line-height: 34px;
}
.gem-button-style-outline.gem-button-tablet-border-4 {
border-width: 4px;
line-height: 32px;
}
.gem-button-style-outline.gem-button-tablet-border-5 {
border-width: 5px;
line-height: 30px;
}
.gem-button-style-outline.gem-button-tablet-border-6 {
border-width: 6px;
line-height: 28px;
}
.gem-button-tablet-size-tiny.gem-button-tablet-border-1 {
line-height: 28px;
}
.gem-button-tablet-size-tiny.gem-button-style-outline {
line-height: 26px;
}
.gem-button-tablet-size-tiny.gem-button-tablet-border-3 {
line-height: 24px;
}
.gem-button-tablet-size-tiny.gem-button-tablet-border-4 {
line-height: 22px;
}
.gem-button-tablet-size-tiny.gem-button-tablet-border-5 {
line-height: 20px;
}
.gem-button-tablet-size-tiny.gem-button-tablet-border-6 {
line-height: 18px;
}
.gem-button-tablet-size-medium.gem-button-tablet-border-1 {
line-height: 48px;
}
.gem-button-tablet-size-medium.gem-button-style-outline {
line-height: 46px;
}
.gem-button-tablet-size-medium.gem-button-tablet-border-3 {
line-height: 44px;
}
.gem-button-tablet-size-medium.gem-button-tablet-border-4 {
line-height: 42px;
}
.gem-button-tablet-size-medium.gem-button-tablet-border-5 {
line-height: 40px;
}
.gem-button-tablet-size-medium.gem-button-tablet-border-6 {
line-height: 38px;
}
.gem-button-tablet-size-large.gem-button-tablet-border-1 {
line-height: 78px;
}
.gem-button-tablet-size-large.gem-button-style-outline {
line-height: 76px;
}
.gem-button-tablet-size-large.gem-button-tablet-border-3 {
line-height: 74px;
}
.gem-button-tablet-size-large.gem-button-tablet-border-4 {
line-height: 72px;
}
.gem-button-tablet-size-large.gem-button-tablet-border-5 {
line-height: 70px;
}
.gem-button-tablet-size-large.gem-button-tablet-border-6 {
line-height: 68px;
}
.gem-button-tablet-size-giant.gem-button-tablet-border-1 {
line-height: 98px;
}
.gem-button-tablet-size-giant.gem-button-style-outline {
line-height: 96px;
}
.gem-button-tablet-size-giant.gem-button-tablet-border-3 {
line-height: 94px;
}
.gem-button-tablet-size-giant.gem-button-tablet-border-4 {
line-height: 92px;
}
.gem-button-tablet-size-giant.gem-button-tablet-border-5 {
line-height: 90px;
}
.gem-button-tablet-size-giant.gem-button-tablet-border-6 {
line-height: 88px;
}
}
@media (max-width: 767px) {
.gem-button-mobile-size-small.gem-button-style-outline {
border-width: 2px;
line-height: 36px;
}
.gem-button-style-outline.gem-button-mobile-border-1 {
border-width: 1px;
line-height: 38px;
}
.gem-button-style-outline.gem-button-mobile-border-3 {
border-width: 3px;
line-height: 34px;
}
.gem-button-style-outline.gem-button-mobile-border-4 {
border-width: 4px;
line-height: 32px;
}
.gem-button-style-outline.gem-button-mobile-border-5 {
border-width: 5px;
line-height: 30px;
}
.gem-button-style-outline.gem-button-mobile-border-6 {
border-width: 6px;
line-height: 28px;
}
.gem-button-mobile-size-tiny.gem-button-mobile-border-1 {
line-height: 28px;
}
.gem-button-mobile-size-tiny.gem-button-style-outline {
line-height: 26px;
}
.gem-button-mobile-size-tiny.gem-button-mobile-border-3 {
line-height: 24px;
}
.gem-button-mobile-size-tiny.gem-button-mobile-border-4 {
line-height: 22px;
}
.gem-button-mobile-size-tiny.gem-button-mobile-border-5 {
line-height: 20px;
}
.gem-button-mobile-size-tiny.gem-button-mobile-border-6 {
line-height: 18px;
}
.gem-button-mobile-size-medium.gem-button-mobile-border-1 {
line-height: 48px;
}
.gem-button-mobile-size-medium.gem-button-style-outline {
line-height: 46px;
}
.gem-button-mobile-size-medium.gem-button-mobile-border-3 {
line-height: 44px;
}
.gem-button-mobile-size-medium.gem-button-mobile-border-4 {
line-height: 42px;
}
.gem-button-mobile-size-medium.gem-button-mobile-border-5 {
line-height: 40px;
}
.gem-button-mobile-size-medium.gem-button-mobile-border-6 {
line-height: 38px;
}
.gem-button-mobile-size-large.gem-button-mobile-border-1 {
line-height: 78px;
}
.gem-button-mobile-size-large.gem-button-style-outline {
line-height: 76px;
}
.gem-button-mobile-size-large.gem-button-mobile-border-3 {
line-height: 74px;
}
.gem-button-mobile-size-large.gem-button-mobile-border-4 {
line-height: 72px;
}
.gem-button-mobile-size-large.gem-button-mobile-border-5 {
line-height: 70px;
}
.gem-button-mobile-size-large.gem-button-mobile-border-6 {
line-height: 68px;
}
.gem-button-mobile-size-giant.gem-button-mobile-border-1 {
line-height: 98px;
}
.gem-button-mobile-size-giant.gem-button-style-outline {
line-height: 96px;
}
.gem-button-mobile-size-giant.gem-button-mobile-border-3 {
line-height: 94px;
}
.gem-button-mobile-size-giant.gem-button-mobile-border-4 {
line-height: 92px;
}
.gem-button-mobile-size-giant.gem-button-mobile-border-5 {
line-height: 90px;
}
.gem-button-mobile-size-giant.gem-button-mobile-border-6 {
line-height: 88px;
}
}
.gem-button-position-inline .gem-button {
margin-left: 0;
}
.gem-button-position-left .gem-button {
margin-left: 0;
margin-top: 0;
}
.gem-button-position-right .gem-button {
margin-right: 0;
margin-top: 0;
}
.gem-button-position-center .gem-button,
.gem-button-position-fullwidth .gem-button {
margin-left: 0;
margin-right: 0;
}
.gem-button-size-large .gem-print-icon.gem-icon-pack-elegant,
.gem-button-size-giant .gem-print-icon.gem-icon-pack-elegant {
font-size: 32px;
}
.gem-button-size-large .gem-print-icon.gem-icon-pack-material,
.gem-button-size-giant .gem-print-icon.gem-icon-pack-material {
font-size: 48px;
}
.gem-button-size-large .gem-print-icon.gem-icon-pack-fontawesome,
.gem-button-size-giant .gem-print-icon.gem-icon-pack-fontawesome {
font-size: 28px;
}
.gem-button-size-large .gem-print-icon.gem-icon-pack-userpack,
.gem-button-size-giant .gem-print-icon.gem-icon-pack-userpack {
font-size: 32px;
}
.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-icon-position-left.gem-button-size-medium .gem-print-icon {
margin-right: 9px;
}
.gem-button-icon-position-left.gem-button-size-large .gem-print-icon {
margin-right: 12px;
}
.gem-button-icon-position-left.gem-button-size-giant .gem-print-icon {
margin-right: 16px;
}
.gem-button-icon-position-right .gem-print-icon {
margin-left: 6px;
}
.gem-button-icon-position-right.gem-button-size-tiny .gem-print-icon {
margin-left: 6px;
}
.gem-button-icon-position-right.gem-button-size-medium .gem-print-icon {
margin-left: 9px;
}
.gem-button-icon-position-right.gem-button-size-large .gem-print-icon {
margin-left: 12px;
}
.gem-button-icon-position-right.gem-button-size-giant .gem-print-icon {
margin-left: 16px;
}
.blog-load-more {
position: relative;
}
.blog-load-more .gem-button {
margin: 0;
}
.portfolio-load-more .gem-button,
.gem-product-load-more .gem-button {
margin-right: 0;
}
@media (max-width: 767px) {
.gem-button-size-large {
height: 50px;
line-height: 50px;
padding: 0 25px;
font-size: 19px;
margin: 30px;
}
.gem-button.gem-button-empty.gem-button-size-large {
width: 50px;
}
.gem-button-size-large.gem-button-border-1 {
line-height: 48px;
}
.gem-button-size-large.gem-button-style-outline {
line-height: 46px;
}
.gem-button-size-large.gem-button-border-3 {
line-height: 44px;
}
.gem-button-size-large.gem-button-border-4 {
line-height: 42px;
}
.gem-button-size-large.gem-button-border-5 {
line-height: 40px;
}
.gem-button-size-large.gem-button-border-6 {
line-height: 38px;
}
.gem-button-icon-position-left.gem-button-size-large .gem-print-icon {
margin-right: 9px;
}
.gem-button-icon-position-right.gem-button-size-large .gem-print-icon {
margin-left: 9px;
}
.gem-button-size-giant {
height: 80px;
line-height: 80px;
padding: 0 37px;
font-size: 24px;
margin: 40px;
}
.gem-button.gem-button-empty.gem-button-size-giant {
width: 80px;
}
.gem-button-size-giant.gem-button-border-1 {
line-height: 78px;
}
.gem-button-size-giant.gem-button-style-outline {
line-height: 76px;
}
.gem-button-size-giant.gem-button-border-3 {
line-height: 74px;
}
.gem-button-size-giant.gem-button-border-4 {
line-height: 72px;
}
.gem-button-size-giant.gem-button-border-5 {
line-height: 70px;
}
.gem-button-size-giant.gem-button-border-6 {
line-height: 68px;
}
.gem-button-icon-position-left.gem-button-size-giant .gem-print-icon {
margin-right: 12px;
}
.gem-button-icon-position-right.gem-button-size-giant .gem-print-icon {
margin-left: 12px;
}
} 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: '\e601';
}
.socials-colored a .socials-item-icon.twitter,
.socials-colored-hover a:hover .socials-item-icon.twitter {
color: #00aced;
}
.socials-item-icon.pinterest::before {
content: '\e602';
}
.socials-colored a .socials-item-icon.pinterest,
.socials-colored-hover a:hover .socials-item-icon.pinterest {
color: #ff5757;
}
.socials-item-icon.google-plus::before,
.socials-item-icon.googleplus::before {
content: '\e603';
}
.socials-colored a .socials-item-icon.google-plus,
.socials-colored a .socials-item-icon.googleplus,
.socials-colored-hover a:hover .socials-item-icon.google-plus,
.socials-colored-hover a:hover .socials-item-icon.googleplus {
color: #f44336;
}
.socials-item-icon.tumblr::before {
content: '\e604';
}
.socials-colored a .socials-item-icon.tumblr,
.socials-colored-hover a:hover .socials-item-icon.tumblr {
color: #456988;
}
.socials-item-icon.stumbleupon::before {
content: '\e605';
}
.socials-colored a .socials-item-icon.stumbleupon,
.socials-colored-hover a:hover .socials-item-icon.stumbleupon {
color: #46485c;
}
.socials-item-icon.wordpress::before {
content: '\e606';
}
.socials-colored a .socials-item-icon.wordpress,
.socials-colored-hover a:hover .socials-item-icon.wordpress {
color: #0087be;
}
.socials-item-icon.instagram::before {
content: '\e607';
}
.socials-colored a .socials-item-icon.instagram,
.socials-colored-hover a:hover .socials-item-icon.instagram {
color: #9a8f62;
}
.socials-item-icon.dribbble::before {
content: '\e608';
}
.socials-colored a .socials-item-icon.dribbble,
.socials-colored-hover a:hover .socials-item-icon.dribbble {
color: #ec4a89;
}
.socials-item-icon.vimeo::before {
content: '\e609';
}
.socials-colored a .socials-item-icon.vimeo,
.socials-colored-hover a:hover .socials-item-icon.vimeo {
color: #1db3e3;
}
.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-item-icon.rss::before {
content: '\e60b';
}
.socials-colored a .socials-item-icon.rss,
.socials-colored-hover a:hover .socials-item-icon.rss {
color: #ef8321;
}
.socials-item-icon.deviantart::before {
content: '\e60c';
}
.socials-colored a .socials-item-icon.deviantart,
.socials-colored-hover a:hover .socials-item-icon.deviantart {
color: #00d13b;
}
.socials-item-icon.share::before {
content: '\e60d';
}
.socials-colored a .socials-item-icon.share,
.socials-colored-hover a:hover .socials-item-icon.share {
color: #ff694c;
}
.socials-item-icon.myspace::before {
content: '\e60e';
}
.socials-colored a .socials-item-icon.myspace,
.socials-colored-hover a:hover .socials-item-icon.myspace {
color: #003399;
}
.socials-item-icon.skype::before {
content: '\e60f';
}
.socials-colored a .socials-item-icon.skype,
.socials-colored-hover a:hover .socials-item-icon.skype {
color: #00aff0;
}
.socials-item-icon.youtube::before {
content: '\e610';
}
.socials-colored a .socials-item-icon.youtube,
.socials-colored-hover a:hover .socials-item-icon.youtube {
color: #c82929;
}
.socials-item-icon.picassa::before {
content: '\e611';
}
.socials-colored a .socials-item-icon.picassa,
.socials-colored-hover a:hover .socials-item-icon.picassa {
color: #9966cc;
}
.socials-item-icon.google-drive::before,
.socials-item-icon.googledrive::before {
content: '\e612';
}
.socials-colored a .socials-item-icon.google-drive,
.socials-colored-hover a:hover .socials-item-icon.google-drive,
.socials-colored a .socials-item-icon.googledrive,
.socials-colored-hover a:hover .socials-item-icon.googledrive {
color: #2db672;
}
.socials-item-icon.flickr::before {
content: '\e613';
}
.socials-colored a .socials-item-icon.flickr,
.socials-colored-hover a:hover .socials-item-icon.flickr {
color: #ff0084;
}
.socials-item-icon.blogger::before {
content: '\e614';
}
.socials-colored a .socials-item-icon.blogger,
.socials-colored-hover a:hover .socials-item-icon.blogger {
color: #f06a35;
}
.socials-item-icon.spotify::before {
content: '\e615';
}
.socials-colored a .socials-item-icon.spotify,
.socials-colored-hover a:hover .socials-item-icon.spotify {
color: #1ed760;
}
.socials-item-icon.delicious::before {
content: '\e616';
}
.socials-colored a .socials-item-icon.delicious,
.socials-colored-hover a:hover .socials-item-icon.delicious {
color: #229bf7;
}
.socials-item-icon.telegram::before {
content: '\e645';
}
.socials-colored a .socials-item-icon.telegram,
.socials-colored-hover a:hover .socials-item-icon.telegram {
color: #2ca5e0;
}
.socials-item-icon.vk::before {
content: '\e648';
}
.socials-colored a .socials-item-icon.vk,
.socials-colored-hover a:hover .socials-item-icon.vk {
color: #5181b8;
}
.socials-item-icon.whatsapp::before {
content: '\e64b';
}
.socials-colored a .socials-item-icon.whatsapp,
.socials-colored-hover a:hover .socials-item-icon.whatsapp {
color: #30b220;
}
.socials-item-icon.viber::before {
content: '\e64e';
}
.socials-colored a .socials-item-icon.viber,
.socials-colored-hover a:hover .socials-item-icon.viber {
color: #7a4e9d;
}
.socials-item-icon.ok::before {
content: '\e651';
}
.socials-colored a .socials-item-icon.ok,
.socials-colored-hover a:hover .socials-item-icon.ok {
color: #df8733;
}
.socials-item-icon.reddit::before {
content: '\e654';
}
.socials-colored a .socials-item-icon.reddit,
.socials-colored-hover a:hover .socials-item-icon.reddit {
color: #ff4500;
}
.socials-item-icon.slack::before {
content: '\e657';
}
.socials-colored a .socials-item-icon.slack,
.socials-colored-hover a:hover .socials-item-icon.slack {
color: #63c1a0;
}
.socials-item-icon.askfm::before {
content: '\e65a';
}
.socials-colored a .socials-item-icon.askfm,
.socials-colored-hover a:hover .socials-item-icon.askfm {
color: #ff6648;
}
.socials-item-icon.meetup::before {
content: '\e65d';
}
.socials-colored a .socials-item-icon.meetup,
.socials-colored-hover a:hover .socials-item-icon.meetup {
color: #e25063;
}
.socials-item-icon.weibo::before {
content: '\e660';
}
.socials-colored a .socials-item-icon.weibo,
.socials-colored-hover a:hover .socials-item-icon.weibo {
color: #d52b2a;
}
.socials-item-icon.qzone::before {
content: '\e663';
}
.socials-colored a .socials-item-icon.qzone,
.socials-colored-hover a:hover .socials-item-icon.qzone {
color: #fece00;
}
.socials-item-icon.tiktok::before {
content: '\e666';
}
.socials-colored a .socials-item-icon.tiktok,
.socials-colored-hover a:hover .socials-item-icon.tiktok {
color: #ff0050;
}
.socials-item-icon.soundcloud::before {
content: '\e669';
}
.socials-colored a .socials-item-icon.soundcloud,
.socials-colored-hover a:hover .socials-item-icon.soundcloud {
color: #ff3300;
}
.socials-item-icon.discord::before {
content: '\e66c';
}
.socials-colored a .socials-item-icon.discord,
.socials-colored-hover a:hover .socials-item-icon.discord {
color: #7289da;
}
.social-item-rounded.socials-item-icon.facebook::before,
.socials-rounded .socials-item-icon.facebook::before {
content: '\e617';
}
.social-item-rounded.socials-item-icon.twitter::before,
.socials-rounded .socials-item-icon.twitter::before {
content: '\e618';
}
.social-item-rounded.socials-item-icon.pinterest::before,
.socials-rounded .socials-item-icon.pinterest::before {
content: '\e619';
}
.social-item-rounded.socials-item-icon.google-plus::before,
.social-item-rounded.socials-item-icon.googleplus::before,
.socials-rounded .socials-item-icon.google-plus::before,
.socials-rounded .socials-item-icon.googleplus::before {
content: '\e61a';
}
.social-item-rounded.socials-item-icon.tumblr::before,
.socials-rounded .socials-item-icon.tumblr::before {
content: '\e61b';
}
.social-item-rounded.socials-item-icon.stumbleupon::before,
.socials-rounded .socials-item-icon.stumbleupon::before {
content: '\e61c';
}
.social-item-rounded.socials-item-icon.wordpress::before,
.socials-rounded .socials-item-icon.wordpress::before {
content: '\e61d';
}
.social-item-rounded.socials-item-icon.instagram::before,
.socials-rounded .socials-item-icon.instagram::before {
content: '\e61e';
}
.social-item-rounded.socials-item-icon.dribbble::before,
.socials-rounded .socials-item-icon.dribbble::before {
content: '\e61f';
}
.social-item-rounded.socials-item-icon.vimeo::before,
.socials-rounded .socials-item-icon.vimeo::before {
content: '\e620';
}
.social-item-rounded.socials-item-icon.linkedin::before,
.socials-rounded .socials-item-icon.linkedin::before {
content: '\e621';
}
.social-item-rounded.socials-item-icon.rss::before,
.socials-rounded .socials-item-icon.rss::before {
content: '\e622';
}
.social-item-rounded.socials-item-icon.deviantart::before,
.socials-rounded .socials-item-icon.deviantart::before {
content: '\e623';
}
.social-item-rounded.socials-item-icon.share::before,
.socials-rounded .socials-item-icon.share::before {
content: '\e624';
}
.social-item-rounded.socials-item-icon.myspace::before,
.socials-rounded .socials-item-icon.myspace::before {
content: '\e625';
}
.social-item-rounded.socials-item-icon.skype::before,
.socials-rounded .socials-item-icon.skype::before {
content: '\e626';
}
.social-item-rounded.socials-item-icon.youtube::before,
.socials-rounded .socials-item-icon.youtube::before {
content: '\e627';
}
.social-item-rounded.socials-item-icon.picassa::before,
.socials-rounded .socials-item-icon.picassa::before {
content: '\e628';
}
.social-item-rounded.socials-item-icon.google-drive::before,
.social-item-rounded.socials-item-icon.googledrive::before,
.socials-rounded .socials-item-icon.google-drive::before,
.socials-rounded .socials-item-icon.googledrive::before {
content: '\e629';
}
.social-item-rounded.socials-item-icon.flickr::before,
.socials-rounded .socials-item-icon.flickr::before {
content: '\e62a';
}
.social-item-rounded.socials-item-icon.blogger::before,
.socials-rounded .socials-item-icon.blogger::before {
content: '\e62b';
}
.social-item-rounded.socials-item-icon.spotify::before,
.socials-rounded .socials-item-icon.spotify::before {
content: '\e62c';
}
.social-item-rounded.socials-item-icon.delicious::before,
.socials-rounded .socials-item-icon.delicious::before {
content: '\e62d';
}
.social-item-rounded.socials-item-icon.telegram::before,
.socials-rounded .socials-item-icon.telegram::before {
content: '\e646';
}
.social-item-rounded.socials-item-icon.vk::before,
.socials-rounded .socials-item-icon.vk::before {
content: '\e649';
}
.social-item-rounded.socials-item-icon.whatsapp::before,
.socials-rounded .socials-item-icon.whatsapp::before {
content: '\e64c';
}
.social-item-rounded.socials-item-icon.viber::before,
.socials-rounded .socials-item-icon.viber::before {
content: '\e64f';
}
.social-item-rounded.socials-item-icon.ok::before,
.socials-rounded .socials-item-icon.ok::before {
content: '\e652';
}
.social-item-rounded.socials-item-icon.reddit::before,
.socials-rounded .socials-item-icon.reddit::before {
content: '\e655';
}
.social-item-rounded.socials-item-icon.slack::before,
.socials-rounded .socials-item-icon.slack::before {
content: '\e658';
}
.social-item-rounded.socials-item-icon.askfm::before,
.socials-rounded .socials-item-icon.askfm::before {
content: '\e65b';
}
.social-item-rounded.socials-item-icon.meetup::before,
.socials-rounded .socials-item-icon.meetup::before {
content: '\e65e';
}
.social-item-rounded.socials-item-icon.weibo::before,
.socials-rounded .socials-item-icon.weibo::before {
content: '\e661';
}
.social-item-rounded.socials-item-icon.qzone::before,
.socials-rounded .socials-item-icon.qzone::before {
content: '\e664';
}
.social-item-rounded.socials-item-icon.tiktok::before,
.socials-rounded .socials-item-icon.tiktok::before {
content: '\e667';
}
.social-item-rounded.socials-item-icon.soundcloud::before,
.socials-rounded .socials-item-icon.soundcloud::before {
content: '\e66a';
}
.social-item-rounded.socials-item-icon.discord::before,
.socials-rounded .socials-item-icon.discord::before {
content: '\e66d';
}
.social-item-square.socials-item-icon.facebook::before,
.socials-square .socials-item-icon.facebook::before {
content: '\e62e';
}
.social-item-square.socials-item-icon.twitter::before,
.socials-square .socials-item-icon.twitter::before {
content: '\e62f';
}
.social-item-square.socials-item-icon.pinterest::before,
.socials-square .socials-item-icon.pinterest::before {
content: '\e630';
}
.social-item-square.socials-item-icon.google-plus::before,
.social-item-square.socials-item-icon.googleplus::before,
.socials-square .socials-item-icon.google-plus::before,
.socials-square .socials-item-icon.googleplus::before {
content: '\e631';
}
.social-item-square.socials-item-icon.tumblr::before,
.socials-square .socials-item-icon.tumblr::before {
content: '\e632';
}
.social-item-square.socials-item-icon.stumbleupon::before,
.socials-square .socials-item-icon.stumbleupon::before {
content: '\e633';
}
.social-item-square.socials-item-icon.wordpress::before,
.socials-square .socials-item-icon.wordpress::before {
content: '\e634';
}
.social-item-square.socials-item-icon.instagram::before,
.socials-square .socials-item-icon.instagram::before {
content: '\e635';
}
.social-item-square.socials-item-icon.dribbble::before,
.socials-square .socials-item-icon.dribbble::before {
content: '\e636';
}
.social-item-square.socials-item-icon.vimeo::before,
.socials-square .socials-item-icon.vimeo::before {
content: '\e637';
}
.social-item-square.socials-item-icon.linkedin::before,
.socials-square .socials-item-icon.linkedin::before {
content: '\e638';
}
.social-item-square.socials-item-icon.rss::before,
.socials-square .socials-item-icon.rss::before {
content: '\e639';
}
.social-item-square.socials-item-icon.deviantart::before,
.socials-square .socials-item-icon.deviantart::before {
content: '\e63a';
}
.social-item-square.socials-item-icon.share::before,
.socials-square .socials-item-icon.share::before {
content: '\e63b';
}
.social-item-square.socials-item-icon.myspace::before,
.socials-square .socials-item-icon.myspace::before {
content: '\e63c';
}
.social-item-square.socials-item-icon.skype::before,
.socials-square .socials-item-icon.skype::before {
content: '\e63d';
}
.social-item-square.socials-item-icon.youtube::before,
.socials-square .socials-item-icon.youtube::before {
content: '\e63e';
}
.social-item-square.socials-item-icon.picassa::before,
.socials-square .socials-item-icon.picassa::before {
content: '\e63f';
}
.social-item-square.socials-item-icon.google-drive::before,
.social-item-square.socials-item-icon.googledrive::before,
.socials-square .socials-item-icon.google-drive::before,
.socials-square .socials-item-icon.googledrive::before {
content: '\e640';
}
.social-item-square.socials-item-icon.flickr::before,
.socials-square .socials-item-icon.flickr::before {
content: '\e641';
}
.social-item-square.socials-item-icon.blogger::before,
.socials-square .socials-item-icon.blogger::before {
content: '\e642';
}
.social-item-square.socials-item-icon.spotify::before,
.socials-square .socials-item-icon.spotify::before {
content: '\e643';
}
.social-item-square.socials-item-icon.delicious::before,
.socials-square .socials-item-icon.delicious::before {
content: '\e644';
}
.social-item-square.socials-item-icon.telegram::before,
.socials-square .socials-item-icon.telegram::before {
content: '\e647';
}
.social-item-square.socials-item-icon.vk::before,
.socials-square .socials-item-icon.vk::before {
content: '\e64a';
}
.social-item-square.socials-item-icon.whatsapp::before,
.socials-square .socials-item-icon.whatsapp::before {
content: '\e64d';
}
.social-item-square.socials-item-icon.viber::before,
.socials-square .socials-item-icon.viber::before {
content: '\e650';
}
.social-item-square.socials-item-icon.ok::before,
.socials-square .socials-item-icon.ok::before {
content: '\e653';
}
.social-item-square.socials-item-icon.reddit::before,
.socials-square .socials-item-icon.reddit::before {
content: '\e656';
}
.social-item-square.socials-item-icon.slack::before,
.socials-square .socials-item-icon.slack::before {
content: '\e659';
}
.social-item-square.socials-item-icon.askfm::before,
.socials-square .socials-item-icon.askfm::before {
content: '\e65c';
}
.social-item-square.socials-item-icon.meetup::before,
.socials-square .socials-item-icon.meetup::before {
content: '\e65f';
}
.social-item-square.socials-item-icon.weibo::before,
.socials-square .socials-item-icon.weibo::before {
content: '\e662';
}
.social-item-square.socials-item-icon.qzone::before,
.socials-square .socials-item-icon.qzone::before {
content: '\e665';
}
.social-item-square.socials-item-icon.tiktok::before,
.socials-square .socials-item-icon.tiktok::before {
content: '\e668';
}
.social-item-square.socials-item-icon.soundcloud::before,
.socials-square .socials-item-icon.soundcloud::before {
content: '\e66b';
}
.social-item-square.socials-item-icon.discord::before,
.socials-square .socials-item-icon.discord::before {
content: '\e66e';
}
.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;
}
.socials-list.socials-alignment-center {
text-align: center;
}
#footer-socials .socials:not(.socials-colored-hover) a:hover .socials-item-icon {
color: #ffffff;
} .preloader {
position: relative;
height: 200px;
}
.slideshow-preloader {
height: 400px;
}
.loading {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.preloader:after,
.loading:after {
content: '';
position: absolute;
height: 90px;
width: 90px;
background: #ffffff url(//www.hwathai.my/wp-content/themes/thegem/images/preloader-1.gif) no-repeat 50% 50%;
top: 50%;
left: 50%;
margin-top: -45px;
margin-left: -45px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.preloader + * {
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
opacity: 0;
}
.preloader + *:not(iframe) {
height: 0 !important;
}
.preloader + iframe {
margin-top: -200px !important;
}
.loading + * {
opacity: 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;
} .dropdown_product_cat .select2-container {
border-radius: 3px;
}
.combobox-wrapper,
#page .select2-container .select2-selection--single {
position: relative;
width: 100%;
height: 38px;
display: inline-block;
vertical-align: middle;
min-width: 140px;
padding-right: 36px;
border-radius: 3px;
}
#page .select2-container .select2-selection--single {
display: block;
width: auto;
padding-right: 0;
outline: none;
box-shadow: none;
}
#page .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
#page .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#page .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
#page .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.combobox-wrapper .combobox-text,
#page .select2-container--default .select2-selection--single .select2-selection__rendered {
display: block;
padding: 0 10px;
line-height: 36px;
overflow: hidden;
text-align: left;
white-space: nowrap;
}
#page .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-right: 36px;
outline: none;
box-shadow: none;
}
.woocommerce .combobox-wrapper .combobox-text,
#page .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 18px;
}
.combobox-wrapper .combobox-button,
#page .select2-container--default .select2-selection--single .select2-selection__arrow {
width: 36px;
height: 36px;
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
}
#page .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.combobox-wrapper .combobox-button:before,
#page .select2-container--default .select2-selection--single .select2-selection__arrow:before {
content: '\e635';
position: absolute;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
font-family: 'thegem-icons';
font-style: normal;
font-size: 24px;
width: 24px;
height: 24px;
line-height: 24px;
font-weight: normal;
}
.combobox-wrapper select {
width: 100%;
cursor: pointer;
} .checkbox-sign,
.radio-sign {
display: inline-block;
width: 30px;
height: 30px;
cursor: pointer;
position: relative;
vertical-align: middle;
}
.radio-sign {
width: 28px;
height: 28px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#shipping_method .radio-sign {
width: 12px;
height: 12px;
}
.checkbox-sign.checked:before,
.radio-sign.checked:before {
position: absolute;
left: 50%;
top: 50%;
}
.checkbox-sign.checked:before {
content: '\e646';
font-size: 24px;
font-weight: normal;
font-family: 'thegem-icons';
font-style: normal;
text-align: center;
width: 14px;
height: 14px;
line-height: 14px;
margin-top: -7px;
margin-left: -11px;
}
.radio-sign.checked:before {
content: '';
font-size: 10px;
width: 16px;
height: 16px;
line-height: 10px;
margin-top: -8px;
margin-left: -8px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#shipping_method .radio-sign:before {
width: 6px;
height: 6px;
margin-top: -3px;
margin-left: -3px;
} #page {
position: relative;
overflow: hidden;
}
#page.layout-boxed {
max-width: 1260px;
margin: 0 auto;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.11);
}
.page-title-block {
text-align: center;
background-position: 50% 0;
background-size: cover;
padding: 80px 0;
position: relative;
}
.page-title-alignment-left {
text-align: left;
}
.page-title-alignment-left .page-title-icon {
float: right;
}
.page-title-alignment-right {
text-align: right;
}
.page-title-alignment-right .page-title-icon {
float: left;
}
.page-title-alignment-left .page-title-title h1,
.page-title-alignment-left .page-title-title h2,
.page-title-alignment-left .page-title-title .title-rich-content {
margin-left: 0;
margin-right: auto;
}
.page-title-alignment-right .page-title-title h1,
.page-title-alignment-right .page-title-title h2,
.page-title-alignment-right .page-title-title .title-rich-content {
margin-left: auto;
margin-right: 0;
}
.page-title-icon + .page-title-title {
margin-top: 55px;
}
.page-title-alignment-right .page-title-icon + .page-title-title,
.page-title-alignment-left .page-title-icon + .page-title-title {
margin-top: -7px;
}
.page-title-excerpt {
margin-top: 18px;
display: inline-block;
width: 100%;
}
.page-title-block .breadcrumbs-container {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.page-title-block .breadcrumbs {
display: inline-block;
}
.page-title-block .breadcrumbs > span {
display: inline-block;
vertical-align: top;
}
#main {
position: relative;
z-index: 5;
}
.container-fullwidth {
padding: 0 40px;
} .top-area {
padding: 10px 0;
position: relative;
}
.top-area-items {
margin: 0 -35px;
}
@media (min-width: 1212px) {
.top-area-alignment-justified .top-area-menu {
float: right;
}
}
.top-area-alignment-right .top-area-items {
text-align: right;
}
.top-area-alignment-center .top-area-items {
text-align: center;
}
@media (max-width: 1211px) {
.top-area-alignment-justified .top-area-items {
text-align: center;
}
}
.top-area-block {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0 35px;
}
.top-area .top-area-items .top-area-block {
height: 30px;
line-height: 30px;
}
.top-area-contacts:after,
.top-area-socials:after {
content: '';
position: absolute;
height: 50px;
margin-top: -25px;
top: 50%;
right: 0;
}
@media (max-width: 1211px) {
.top-area-contacts:after,
.top-area-socials:after {
display: none;
}
}
.top-area-style-2 .top-area-contacts:after,
.top-area-style-2 .top-area-socials:after {
right: auto;
left: 0;
}
.top-area-alignment-center .top-area-contacts:after,
.top-area-alignment-center .top-area-socials:after {
display: none;
}
.top-area-alignment-center .top-area-contacts:after,
.top-area-alignment-center .top-area-socials:after {
display: none;
}
.top-area-socials {
margin: 0 -5px;
}
.top-area-socials .socials {
margin-top: 7px;
}
.top-area-socials .socials-item {
padding: 0 7px;
margin: 0;
}
.top-area-socials .socials-item a {
width: 20px;
height: 20px;
}
.top-area-socials .socials-item a:after {
line-height: 20px;
font-size: 16px;
}
.top-area-button .gem-button {
margin: 0;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
vertical-align: top;
}
.top-area-button .gem-button:after {
display: none;
}
.top-area .top-area-block.top-area-menu {
font-size: 0;
}
.top-area-menu .nav-menu {
margin: 0 -15px;
}
.top-area-menu .nav-menu > li {
display: inline-block;
padding: 0 15px;
line-height: 30px;
}
.top-area-menu .nav-menu > li a {
display: block;
font-size: 14px;
}
.top-area-menu .nav-menu > li a:before {
content: '\e601';
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
margin-right: 2px;
font-size: 16px;
vertical-align: top;
}
#top-area-menu,
.top-area-button {
display: inline-block;
vertical-align: top;
}
#top-area-menu + .top-area-button {
margin-left: 40px;
}
#site-header.shrink.fixed .top-area-scroll-hide {
display: none;
}
@media (max-width: 430px) {
.top-area {
padding: 0 0 5px 0;
}
.top-area .top-area-items .top-area-block.top-area-menu{
height: auto;
}
#top-area-menu + .top-area-button{
margin: 0;
}
.top-area .top-area-items .top-area-block .top-area-button{
width: 100%;
padding: 5px 0 0 0;
}
} #page:not(.vertical-header) #site-header {
position: relative;
z-index: 5;
-moz-box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
-webkit-box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
}
#page .site-header-wrapper-transparent #site-header:not(.shrink) {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#page #site-header:not(.animated-header) {
z-index: 7;
}
#page:not(.vertical-header) #site-header.animated-header {
position: static;
}
#site-header .site-title {
display: table-cell;
vertical-align: middle;
padding: 15px 0;
}
#site-header .header-layout-overlay .site-title {
position: relative;
z-index: 11;
}
#page.vertical-header #site-header .site-title {
margin-bottom: 40px;
}
#site-header .primary-navigation,
#site-header #perspective-menu-buttons {
display: table-cell;
width: 99%;
vertical-align: middle;
text-align: right;
position: relative;
z-index: 10;
}
#site-header .logo-position-right .primary-navigation,
#site-header .logo-position-right #perspective-menu-buttons {
text-align: left;
}
#site-header .logo-position-menu_center:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) > .site-title {
display: none;
}  @media (min-width: 1213px) {
#site-header .logo-position-menu_center #primary-menu.menu_center-preload {
opacity: 0;
}
}
#site-header .primary-navigation .menu-item-logo {
padding: 0 50px !important;
}
#site-header .primary-navigation.responsive .menu-item-logo {
display: none !important;
}
@media (max-width: 979px) {
#site-header .primary-navigation .menu-item-logo {
display: none;
}
}
@media (max-width: 768px) {
#site-header .logo-position-menu_center.header-main > .site-title {
display: table-cell;
}
}
@media (min-width: 980px) {
#site-header .logo-position-menu_center:not(.header-layout-fullwidth_hamburger) #primary-navigation,
#site-header .logo-position-menu_center:not(.header-layout-fullwidth_hamburger) #perspective-menu-buttons {
display: block;
width: auto;
text-align: left;
}
#site-header .logo-position-menu_center.header-layout-fullwidth:not(.header-layout-fullwidth_hamburger) #primary-navigation,
#site-header .logo-position-menu_center.header-layout-fullwidth:not(.header-layout-fullwidth_hamburger) #perspective-menu-buttons {
text-align: center;
}
}
.site-title .site-logo,
#site-header .primary-navigation .menu-item-logo .site-logo {
margin: 0 auto;
font-size: 0 !important;
line-height: 0 !important;
}
.header-style-vertical .site-title .site-logo {
margin: 0;
}
@media (min-width: 768px) {
#site-header .logo-position-center .site-title,
#site-header .logo-position-center .primary-navigation,
#site-header .logo-position-center #perspective-menu-buttons {
display: block;
text-align: center;
} #site-header .logo-position-center:not(.no-menu) .site-title {
padding-top: 40px;
padding-bottom: 10px;
}
}
#site-header .header-main {
position: relative;
z-index: 11;
}
#site-header .header-main-style-fullwidth {
padding: 0 21px;
}
#page.vertical-header {
padding-left: 45px;
}
#page.vertical-header #site-header-wrapper {
position: fixed;
left: 0;
top: 0;
width: 360px;
min-height: 100%;
box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
-moz-box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
-webkit-box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
padding: 55px 45px 0;
margin-left: -315px;
-o-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
z-index: 1000;
}
body.admin-bar #page.vertical-header #site-header-wrapper {
top: 32px;
}
#page.vertical-header #site-header-wrapper.vertical-active {
margin-left: 0;
}
#page.vertical-header #site-header-wrapper .header-main { display: block;
}
#page.vertical-header #site-header-wrapper.vertical-active .header-main { }
@media (min-width: 1600px) {
#page.vertical-header {
padding-left: 360px;
}
#page.vertical-header #site-header-wrapper {
margin-left: 0;
}
#page.vertical-header #site-header-wrapper .header-main {
display: block;
visibility: visible;
}
}
#page.vertical-header #site-header .container,
#site-header .container-fullwidth,
#top-area .container-fullwidth {
width: 100%;
}
#site-header .container-fullwidth,
#top-area .container-fullwidth {
padding-left: 37px;
padding-right: 37px;
}
@media (max-width: 767px) {
#site-header .container-fullwidth,
#top-area .container-fullwidth {
padding-left: 21px;
padding-right: 21px;
}
}
#page.vertical-header #site-header .site-title {
display: block;
}
#page.vertical-header #site-header .primary-navigation,
#page.vertical-header #site-header #perspective-menu-buttons {
display: block;
width: auto;
}
#page.vertical-header .vertical-toggle {
border: none;
width: 27px;
height: 23px;
text-indent: 100%;
font-size: 0;
line-height: 0;
overflow: hidden;
position: absolute;
top: 10px;
right: 9px;
cursor: pointer;
outline: none;
background: transparent;
padding: 0;
-o-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
}
@media (min-width: 1600px) {
#page.vertical-header .vertical-toggle {
display: none;
}
}
#page.vertical-header .vertical-toggle .menu-line-1,
#page.vertical-header .vertical-toggle .menu-line-2,
#page.vertical-header .vertical-toggle .menu-line-3 {
position: absolute;
height: 3px;
width: 100%;
left: 0;
-o-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
}
#page.vertical-header .vertical-toggle .menu-line-1 {
top: 2px;
transform: rotate(0);
}
#page.vertical-header #site-header-wrapper.vertical-active .vertical-toggle .menu-line-1 {
transform: rotate(45deg);
top: 10px;
}
#page.vertical-header .vertical-toggle .menu-line-2 {
top: 10px;
opacity: 1;
}
#page.vertical-header #site-header-wrapper.vertical-active .vertical-toggle .menu-line-2 {
opacity: 0;
}
#page.vertical-header .vertical-toggle .menu-line-3 {
top: 18px;
transform: rotate(0);
}
#page.vertical-header #site-header-wrapper.vertical-active .vertical-toggle .menu-line-3 {
top: 10px;
transform: rotate(-45deg);
}
@media (max-width: 767px) {
#page.vertical-header .vertical-toggle {
display: none;
}
#page.vertical-header {
padding-left: 0;
}
#page.vertical-header #site-header-wrapper {
margin-left: 0;
}
#page.vertical-header #site-header-wrapper .header-main {
display: table;
visibility: visible;
}
} #primary-menu,
#primary-menu + ul {
text-align: left;
}
#primary-navigation .menu-toggle,
#perspective-menu-buttons .menu-toggle,
#perspective-menu-buttons .menu-toggle {
display: none;
}
#primary-navigation #primary-menu.no-responsive li.dl-parent,
#primary-navigation #primary-menu.no-responsive li.dl-back {
display: none;
}
#primary-menu.no-responsive {
text-align: left;
white-space: nowrap;
display: inline-block;
font-size: 0;
margin: 0 -20px;
}
#page.vertical-header #primary-menu.no-responsive {
margin: 0;
display: block;
}
#primary-menu.no-responsive li {
position: relative;
}
#primary-menu.no-responsive li > a {
position: relative;
display: block;
text-decoration: none;
}
#primary-menu.no-responsive > li {
display: inline-block;
vertical-align: middle;
}
#page.vertical-header #primary-menu.no-responsive,
#page.vertical-header #primary-menu.no-responsive > li {
display: block;
}
#page.vertical-header #primary-menu.no-responsive > li.menu-item-logo {
display: none;
}
#page.vertical-header #primary-menu.no-responsive > li {
padding-right: 66px;
margin-right: -66px;
}
#primary-menu.no-responsive > li > a {
padding: 35px 20px;
text-transform: uppercase;
}
#page.vertical-header #primary-menu.no-responsive > li > a {
padding: 12px 0 13px;
}
.header-style-2 #primary-menu.no-responsive > li > a:before {
content: "\e601";
font-family: "thegem-icons";
font-style: normal;
font-size: 16px;
font-weight: normal;
vertical-align: top;
}
.header-style-3 #primary-menu.no-responsive > li,
.header-style-4 #primary-menu.no-responsive > li {
padding: 33px 3px;
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-current,
.header-style-3 #primary-menu.no-responsive > li.menu-item-active,
.header-style-4 #primary-menu.no-responsive > li.menu-item-current,
.header-style-4 #primary-menu.no-responsive > li.menu-item-active {
padding: 31px 1px;
}
.header-style-3 #primary-menu.no-responsive > li > a,
.header-style-4 #primary-menu.no-responsive > li > a {
padding: 0px 15px;
}
.header-style-1 #primary-menu.no-responsive > li.menu-item-current > a,
.header-style-1 #primary-menu.no-responsive > li.menu-item-active > a {
padding-bottom: 31px;
border-bottom: 4px solid #d7dee4;
}
.site-header-wrapper-transparent #site-header:not(.shrink) .header-style-1 #primary-menu.no-responsive > li.menu-item-current > a,
.site-header-wrapper-transparent #site-header:not(.shrink) .header-style-1 #primary-menu.no-responsive > li.menu-item-active > a {
border-bottom-color: transparent;
background-color: transparent;
}
.header-style-2 #primary-menu.no-responsive li li > a,
.header-style-3 #primary-menu.no-responsive li li > a{
border-left: 3px solid transparent;
padding-left: 27px;
-o-transition: color 0.3s, background-color 0.3s, border-left-color 0.3s;
-webkit-transition: color 0.3s, background-color 0.3s, border-left-color 0.3s;
transition: color 0.3s, background-color 0.3s, border-left-color 0.3s;
}
.header-style-2 #primary-menu.no-responsive li li.menu-item-current > a,
.header-style-2 #primary-menu.no-responsive li li.menu-item-active > a,
.header-style-2 #primary-menu.no-responsive li li:hover > a,
.header-style-3 #primary-menu.no-responsive li li.menu-item-current > a,
.header-style-3 #primary-menu.no-responsive li li.menu-item-active > a,
.header-style-3 #primary-menu.no-responsive li li:hover > a {
padding-left: 27px;
border-left: 3px solid transparent;
-o-transition: color 0.3s, background-color 0.3s, border-left-color 0.3s;
-webkit-transition: color 0.3s, background-color 0.3s, border-left-color 0.3s;
transition: color 0.3s, background-color 0.3s, border-left-color 0.3s;
}
#primary-menu.no-responsive > li ul {
position: absolute;
visibility: hidden;
white-space: normal;
width: 280px;
transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s;
-moz-transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s;
-webkit-transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s;
opacity: 0;
}
#primary-menu.no-responsive > li > ul:before {
content: '';
position: absolute;
bottom: -3px;
left: -3px;
right: -3px;
height: 3px;
}
#primary-menu.no-responsive > li > ul {
transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
-moz-transform: translateY(20px);
-webkit-transform: translateY(20px);
}
.header-main:not(.header-layout-overlay) #primary-menu.no-responsive:hover li:hover > ul,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive:hover li:hover > ul {
visibility: visible;
transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
-moz-transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
-webkit-transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
opacity: 1;
transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
}
#primary-menu.no-responsive:hover > li ul {
visibility: hidden;
transition: transform 0.1s linear, opacity 0.1s linear, visibility 0.1s linear;
-moz-transition: transform 0.1s linear, opacity 0.1s linear, visibility 0.1s linear;
-webkit-transition: transform 0.1s linear, opacity 0.1s linear, visibility 0.1s linear;
opacity: 0;
}
#primary-menu.no-responsive > li > ul {
top: 100%;
left: 0;
}
#page.vertical-header #primary-menu.no-responsive > li > ul {
top: 0;
left: 100%;
}
#primary-menu.no-responsive > li > ul.invert {
left: auto;
right: 0;
}
#primary-menu.no-responsive > li > ul a {
padding: 15px 30px;
}
#primary-menu.no-responsive > li > ul ul {
top: 0;
left: 100%;
transform: translateX(20px);
-o-transform: translateX(20px);
-ms-transform: translateX(20px);
-moz-transform: translateX(20px);
-webkit-transform: translateX(20px);
z-index: 1;
}
#page .header-style-vertical #primary-menu.no-responsive > li ul.vertical-invert {
top: auto;
}
#primary-menu.no-responsive > li > ul ul.invert {
top: 0;
left: auto;
right: 100%;
transform: translateX(-20px);
-o-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-webkit-transform: translateX(-20px);
}
#primary-menu.no-responsive > li > ul li:hover > ul {
transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
}
#primary-menu.no-responsive > li li.menu-item-parent > a:after {
position: absolute;
width: 9px;
height: 16px;
right: 20px;
top: 50%;
margin-top: -8px;
font-weight: normal;
font-family: 'thegem-icons';
font-style: normal;
content: '\e601';
font-size: 16px;
line-height: 16px;
}
#primary-menu.no-responsive .hamburger-widgets {
white-space: normal;
padding: 13px 15px;
}
.header-layout-vertical #primary-menu.no-responsive .hamburger-widgets {
padding: 13px 0;
} #primary-menu.no-responsive > 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;
}
#primary-menu.no-responsive > li.megamenu-enable > ul > li > ul ul {
display: none;
}
#primary-menu.no-responsive > li.megamenu-enable > ul {
width: auto;
white-space: nowrap;
background-repeat: no-repeat;
font-size: 0;
line-height: 1;
}
#primary-menu.no-responsive > li.megamenu-enable > ul.megamenu-masonry.megamenu-masonry-inited > li {
position: absolute;
}
#primary-menu.no-responsive li > ul.without-transition,
#primary-navigation.without-transition ul {
transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
}
#primary-menu.no-responsive > li.megamenu-enable ul {
width: auto;
}
#primary-menu.no-responsive > li.megamenu-enable > ul ul {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-left: 0;
border-right: 0;
}
#primary-menu.no-responsive > li.megamenu-enable > ul:not(.megamenu-masonry) > li.megamenu-no-right-border,
#primary-menu.no-responsive > li.megamenu-enable > ul:not(.megamenu-masonry) > li.megamenu-no-right-border span.megamenu-column-header {
border-right: 0;
}
#primary-menu.no-responsive > li.megamenu-enable > ul > li {
display: inline-block;
vertical-align: top;
border: 0;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li {
margin: -1px 0 -1px -1px;
border-top: 0 !important;
border-bottom: 0 !important;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li {
margin: 0 0 0 31px;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li.megamenu-first-element {
margin-left: 0;
}
#primary-menu.no-responsive > 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;
}
#primary-menu.no-responsive > li.megamenu-enable > ul.megamenu-masonry > li.megamenu-new-row {
margin-bottom: 0;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li.megamenu-new-row {
margin: 0 0 7px 0;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default ul ul {
border: 0;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default li,
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default li.menu-item-current,
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default li.menu-item-active {
background: none;
border: 0;
}
#primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header {
display: block;
border-top: 0;
position: relative;
}
#primary-menu.no-responsive > 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;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li a {
display: block;
background: none;
padding: 0;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul li:hover > a,
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default li.menu-item-current > a,
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default li.menu-item-active > a {
border: 0;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default li.menu-item-parent > a:after {
display: none;
}
#primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a {
text-transform: uppercase;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header a {
padding: 0;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a {
display: block;
padding-top: 13px;
padding-bottom: 13px;
}
#primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a.mega-no-link {
pointer-events: none;
}
#primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header.mega-not-show {
display: none;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header a.megamenu-has-icon {
padding-left: 26px;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a.megamenu-has-icon {
padding-left: 56px;
}
#primary-menu.no-responsive > 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;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a.megamenu-has-icon:before {
left: 30px;
}
#primary-menu.no-responsive > 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;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a {
padding-left: 55px;
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a,
.header-style-2 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a,
.header-style-2 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a,
.header-style-2 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a,
.header-style-3 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a,
.header-style-3 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a,
.header-style-3 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a {
padding-left: 52px;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li > ul li > a {
position: relative;
padding: 8px 12px 8px 47px;
vertical-align: middle;
margin-left: -20px;
}
#primary-menu.no-responsive > 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;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul > li > a:before {
margin: 0;
left: 30px;
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before,
.header-style-2 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before,
.header-style-2 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before,
.header-style-2 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before,
.header-style-3 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before,
.header-style-3 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before,
.header-style-3 #primary-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before {
left: 27px;
}
#primary-menu.no-responsive > li.megamenu-enable > ul > li > ul > li.megamenu-has-icon > a::before {
content: attr(data-icon);
padding: 0;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li > ul > li > a:before {
margin-right: 0;
font-size: 14px;
}
#primary-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li > ul > li.megamenu-has-icon > a::before {
font-family: 'FontAwesome';
content: attr(data-icon);
}
#primary-menu.no-responsive > li.megamenu-enable > ul > li > ul {
position: static;
transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
}
#primary-menu.no-responsive > li.megamenu-enable:hover > ul > li > ul {
visibility: visible;
opacity: 1;
}
#primary-navigation .hamburger-toggle {
border: none;
width: 36px;
height: 30px;
text-indent: 100%;
font-size: 0;
line-height: 0;
overflow: hidden;
position: relative;
cursor: pointer;
outline: none;
background: transparent;
padding: 0;
-o-transition: margin-right 1s, margin-left 1s, width .3s, height .2s, transform 1s;
-webkit-transition: margin-right 1s, margin-left 1s, width .3s, height .2s, transform 1s;
transition: margin-right 1s, margin-left 1s, width .3s, height .2s, transform 1s;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
margin-right: 0;
margin-top: 35px;
margin-bottom: 35px;
}
#primary-navigation .hamburger-toggle .menu-line-1,
#primary-navigation .hamburger-toggle .menu-line-2,
#primary-navigation .hamburger-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;
}
#primary-navigation .hamburger-toggle .menu-line-1 {
top: 3px;
transform: rotate(0);
}
#primary-navigation.hamburger-active .hamburger-toggle .menu-line-1 {
transform: rotate(45deg);
top: 13px;
}
#primary-navigation .hamburger-toggle .menu-line-2 {
top: 13px;
opacity: 1;
}
#primary-navigation.hamburger-active .hamburger-toggle .menu-line-2 {
opacity: 0;
}
#primary-navigation .hamburger-toggle .menu-line-3 {
top: 23px;
transform: rotate(0);
}
#primary-navigation.hamburger-active .hamburger-toggle .menu-line-3 {
top: 13px;
transform: rotate(-45deg);
}
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-1,
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-2,
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-3 {
height: 2px;
width: 18px;
left: 9px;
}
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-1 {
top: 8px;
}
#primary-navigation.hamburger-active .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-1 {
top: 13px;
}
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-2 {
top: 13px;
}
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-3 {
top: 18px;
}
#primary-navigation.hamburger-active .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-3 {
top: 13px;
transform: rotate(-45deg);
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive {
position: fixed;
top: 0;
bottom: 0;
width: 340px;
-moz-transition: transform 1s;
-webkit-transition: transform 1s;
transition: transform 1s;
background: #ffffff;
padding: 100px 30px 0;
z-index: 10;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive {
padding-left: 0;
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive {
padding-right: 0;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive {
right: 0;
-moz-transform: translateX(340px);
-webkit-transform: translateX(340px);
transform: translateX(340px);
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive {
left: 0;
-moz-transform: translateX(-340px);
-webkit-transform: translateX(-340px);
transform: translateX(-340px);
}
.header-layout-fullwidth_hamburger #primary-navigation.hamburger-active #primary-menu.no-responsive {
right: 0;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-navigation.hamburger-active #primary-menu.no-responsive {
left: 0;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.header-layout-fullwidth_hamburger #primary-navigation.hamburger-active .hamburger-toggle,
.header-layout-fullwidth_hamburger #primary-navigation.hamburger-active .hamburger-minicart {
-moz-transform: translateX(-340px);
-webkit-transform: translateX(-340px);
transform: translateX(-340px);
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-navigation.hamburger-active .hamburger-toggle,
.header-layout-fullwidth_hamburger.logo-position-right #primary-navigation.hamburger-active .hamburger-minicart {
-moz-transform: translateX(340px);
-webkit-transform: translateX(340px);
transform: translateX(340px);
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive {
margin: 0;
display: block;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive .menu-item-logo {
display: none;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive,
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li {
display: block;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li {
padding: 0;
}
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive > li {
padding-left: 30px;
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive > li {
padding-left: 30px;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li > a {
padding: 13px 15px;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current,
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active {
padding-top: 11px;
padding-bottom: 11px;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a,
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a,
#site-header.fixed.shrink .header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a,
#site-header.fixed.shrink .header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a {
display: inline-block;
padding-top: 0;
padding-bottom: 0;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li > ul {
top: 0;
left: 100%;
}
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive > li > ul,
.thegem-perspective.effect-moveleft.animate .perspective-navigation #primary-menu.no-responsive > li > ul {
top: 0;
right: 100%;
left: auto;
}
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive > li > ul ul,
.thegem-perspective.effect-moveleft.animate .perspective-navigation #primary-menu.no-responsive > li > ul ul {
right: 100%;
left: auto;
}
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive > li li > a {
padding-left: 45px;
}
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive > li li.menu-item-parent > a:after {
left: 20px;
right: auto;
content: '\e603';
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive li li.menu-item-current > a,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive li li.menu-item-active > a,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive li li:hover > a {
padding-left: 27px;
border-left: 3px solid transparent;
}
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive li li.menu-item-current > a,
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive li li.menu-item-active > a,
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive li li:hover > a {
padding-right: 27px;
border-right: 3px solid transparent;
}
.hamburger-overlay {
visibility: hidden;
opacity: 0;
background-color: #212331;
position: fixed;
z-index: 6;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
}
.hamburger-overlay.active {
visibility: visible;
opacity: 0.8;
}
#site-header:not(.shrink) #primary-navigation.hamburger-active .hamburger-toggle > span,
#site-header:not(.shrink) .header-colors-light #primary-navigation.hamburger-active .hamburger-toggle > span {
background-color: #ffffff;
}
#site-header:not(.shrink) #primary-navigation.hamburger-active .hamburger-minicart > a,
#site-header:not(.shrink) #primary-navigation.hamburger-active .hamburger-minicart:hover > a {
color: #ffffff;
}
body #wpadminbar {
font-style: normal;
}
body.menu-scroll-locked {
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
}
body.menu-scroll-locked #wpadminbar {
top: -46px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu {
min-height: 100%;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children),
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language:not(.menu-item-has-children),
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children),
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children),
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children),
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children),
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language:not(.menu-item-has-children),
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children),
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) {
display: inline-block;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-language + li.menu-item-language,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language + li.menu-item-language,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language + li.menu-item-language {
padding-left: 0;
margin-left: 0;
}
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children),
#page.vertical-header #primary-menu.no-responsive > li.menu-item-cart {
padding-right: 0;
margin-right: 0;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item:not(.menu-item-has-children) .wpml-ls-flag,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language.wpml-ls-menu-item:not(.menu-item-has-children) .wpml-ls-flag,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item:not(.menu-item-has-children) .wpml-ls-flag,
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item .wpml-ls-flag,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item .wpml-ls-flag,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language.wpml-ls-menu-item .wpml-ls-flag,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language.wpml-ls-menu-item .wpml-ls-flag,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language.wpml-ls-menu-item .wpml-ls-flag,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language.wpml-ls-menu-item .wpml-ls-flag {
vertical-align: middle;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart,
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-search + li.menu-item-cart,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language + li.menu-item-cart,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language + li.menu-item-search + li.menu-item-cart,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language + li.menu-item-cart,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language + li.menu-item-search + li.menu-item-cart,
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-language + li.menu-item-cart,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language + li.menu-item-cart,
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-language + li.menu-item-search + li.menu-item-cart,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language + li.menu-item-search + li.menu-item-cart,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-cart,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language + li.menu-item-cart,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-search + li.menu-item-cart,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language + li.menu-item-search + li.menu-item-cart,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-cart,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-search + li.menu-item-cart,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-cart,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-search + li.menu-item-cart {
display: inline-block;
padding-left: 0;
margin-left: 0;
}
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-cart,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-cart,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-cart {
display: inline-block;
padding-left: 0;
margin-left: 0;
vertical-align: top;
}
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-cart,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language + li.menu-item-cart,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-search + li.menu-item-cart,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language + li.menu-item-search + li.menu-item-cart {
vertical-align: top;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-cart > a,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-cart > a,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-cart > a,
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-cart > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-cart > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-cart > a,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-cart > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-cart > a {
position: relative;
display: inline-block;
}
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-cart > a {
padding-left: 0 !important;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-cart > a,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language:not(.menu-item-has-children) + li.menu-item-language > a,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language:not(.menu-item-has-children) + li.menu-item-search + li.menu-item-cart > a,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-language > a,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-search + li.menu-item-cart > a,
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-language + li.menu-item-language > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language + li.menu-item-language > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-language > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-language > a,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-language > a,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-search + li.menu-item-cart > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-language > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-search + li.menu-item-cart > a {
padding-left: 15px !important;
}
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-cart > a,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-cart > a {
padding-right: 15px;
}
#page .header-layout-overlay #primary-menu.no-responsive > li.menu-item-cart > a,
#page .page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-cart > a,
#page .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart > a,
#page .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-cart > a {
padding-left: 15px !important;
padding-right: 15px !important;
margin-right: -3px !important;
}
#page .header-layout-overlay #primary-menu.no-responsive > li.menu-item-cart > a:before,
#page .page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-cart > a:before,
#page .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart > a:before,
#page .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-cart > a:before,
#page .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-cart > a:before,
#page .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-cart > a:before {
margin-right: 0;
}
#page .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart > a .minicart-item-count,
#page .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-cart > a .minicart-item-count,
#page .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-cart > a .minicart-item-count,
#page .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-cart > a .minicart-item-count {
left: auto;
right: -15px;
}
#page .header-layout-overlay #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
#page .page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
#page .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
#page .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
#page .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-search + li.menu-item-cart > a,
#page .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-search + li.menu-item-cart > a {
margin-right: -25px !important;
}
#page .header-layout-overlay #primary-menu.no-responsive > li.menu-item-cart > a .minicart-item-count,
#page .page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-cart > a .minicart-item-count,
#page .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart > a .minicart-item-count,
#page .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-cart > a .minicart-item-count {
font-size: 12px;
}
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children a {
padding-right: 0 !important;
}
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children a + .menu-item-parent-toggle:before,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children a  + .menu-item-parent-toggle:before {
top: 2px !important;
}
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children ul,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children ul,
#page .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children ul,
#page .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children ul {
margin-top: 0;
margin-bottom: 0;
}
.menu-overlay.active + #site-header.fixed.shrink .header-background:before {
background: transparent;
}
#primary-navigation .overlay-toggle,
.page-additional-menu .page-additional-menu-close .overlay-toggle {
border: none;
width: 36px;
height: 30px;
text-indent: 100%;
font-size: 0;
line-height: 0;
overflow: hidden;
position: relative;
cursor: pointer;
outline: none;
background: transparent;
padding: 0;
-o-transition: width .3s, height .2s;
-webkit-transition: width .3s, height .2s;
transition: width .3s, height .2s;
margin-right: 0;
margin-top: 35px;
margin-bottom: 35px;
z-index: 2;
}
.page-additional-menu .page-additional-menu-close .overlay-toggle {
margin: 0;
}
#primary-navigation .overlay-toggle .menu-line-1,
#primary-navigation .overlay-toggle .menu-line-2,
#primary-navigation .overlay-toggle .menu-line-3,
.page-additional-menu .page-additional-menu-close .overlay-toggle .menu-line-1,
.page-additional-menu .page-additional-menu-close .overlay-toggle .menu-line-2,
.page-additional-menu .page-additional-menu-close .overlay-toggle .menu-line-3 {
position: absolute;
height: 4px;
width: 100%;
left: 0;
-o-transition: all 0.5s, top .3s, height .3s;
-webkit-transition: all 0.5s, top .3s, height .3s;
transition: all 0.5s, top .3s, height .3s;
}
.page-additional-menu .page-additional-menu-close .overlay-toggle .menu-line-1,
.page-additional-menu .page-additional-menu-close .overlay-toggle .menu-line-2,
.page-additional-menu .page-additional-menu-close .overlay-toggle .menu-line-3 {
background-color: #ffffff;
}
#primary-navigation .overlay-toggle .menu-line-1,
#primary-navigation.overlay-active.close .overlay-toggle .menu-line-1 {
top: 3px;
transform: rotate(0);
}
#primary-navigation.overlay-active .overlay-toggle .menu-line-1,
.page-additional-menu .page-additional-menu-close .menu-line-1 {
transform: rotate(45deg);
top: 13px;
}
#primary-navigation .overlay-toggle .menu-line-2,
#primary-navigation.overlay-active.close .overlay-toggle .menu-line-2 {
top: 13px;
opacity: 1;
}
#primary-navigation.overlay-active .overlay-toggle .menu-line-2 {
opacity: 0;
}
.page-additional-menu .page-additional-menu-close .menu-line-2 {
opacity: 0;
}
#primary-navigation .overlay-toggle .menu-line-3,
#primary-navigation.overlay-active.close .overlay-toggle .menu-line-3 {
top: 23px;
transform: rotate(0);
}
#primary-navigation.overlay-active .overlay-toggle .menu-line-3,
.page-additional-menu .page-additional-menu-close .menu-line-3 {
top: 13px;
transform: rotate(-45deg);
}
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-1,
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-2,
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-3 {
height: 2px;
width: 18px;
left: 9px;
}
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-1,
#primary-navigation.overlay-active.close .overlay-toggle.toggle-size-small .menu-line-1 {
top: 8px;
}
#primary-navigation.overlay-active .overlay-toggle.toggle-size-small .menu-line-1 {
top: 13px;
}
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-2,
#primary-navigation.overlay-active.close .overlay-toggle.toggle-size-small .menu-line-2 {
top: 13px;
}
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-3,
#primary-navigation.overlay-active.close .overlay-toggle.toggle-size-small .menu-line-3 {
top: 18px;
}
#primary-navigation.overlay-active .overlay-toggle .menu-line-3 {
top: 13px;
}
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-item-search,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-item-widgets,
.mobile-menu-layout-slide-horizontal #primary-navigation #primary-menu.no-responsive li.menu-item-widgets.mobile-only,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search,
.mobile-menu-layout-slide-vertical #primary-navigation #primary-menu.no-responsive li.menu-item-widgets.mobile-only,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search {
display: none;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search {
display: inline-block;
position: static;
}
.header-layout-overlay #primary-menu.no-responsive li.menu-item-search,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-item-search {
display: inline-block;
position: static;
vertical-align: top;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-language,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-cart,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-language,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-cart {
border: 0;
vertical-align: top;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) a,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-cart a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-cart a {
background-color: transparent;
border: 0;
padding-right: 15px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language a,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-cart a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-cart a {
padding-top: 16px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) a {
padding-right: 0;
}
.header-layout-overlay #primary-navigation:not(.responsive) .overlay-menu-wrapper,
.mobile-menu-layout-overlay #primary-navigation.responsive .overlay-menu-wrapper,
.page-additional-menu.header-layout-overlay .primary-navigation:not(.responsive) .overlay-menu-wrapper,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .overlay-menu-wrapper {
position: fixed;
visibility: hidden;
left: 0;
top: 60px;
bottom: auto;
width: 100%;
height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.header-layout-overlay #primary-navigation:not(.responsive) .overlay-menu-wrapper::-webkit-scrollbar,
.mobile-menu-layout-overlay #primary-navigation.responsive .overlay-menu-wrapper::-webkit-scrollbar,
.page-additional-menu.header-layout-overlay .primary-navigation:not(.responsive) .overlay-menu-wrapper::-webkit-scrollbar,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .overlay-menu-wrapper::-webkit-scrollbar {
width: 2px;
}
body.admin-bar .header-layout-overlay #primary-navigation:not(.responsive) .overlay-menu-wrapper,
body.admin-bar .mobile-menu-layout-overlay #primary-navigation.responsive .overlay-menu-wrapper,
body.admin-bar .page-additional-menu.header-layout-overlay .primary-navigation:not(.responsive) .overlay-menu-wrapper,
body.admin-bar .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .overlay-menu-wrapper {
top: 90px;
}
.header-layout-overlay #primary-navigation:not(.responsive) .overlay-menu-wrapper.active,
.mobile-menu-layout-overlay #primary-navigation.responsive .overlay-menu-wrapper.active,
.page-additional-menu.header-layout-overlay .primary-navigation:not(.responsive) .overlay-menu-wrapper.active,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .overlay-menu-wrapper.active {
visibility: visible;
height: auto;
bottom: 0;
}
.header-layout-overlay #primary-navigation:not(.responsive) .overlay-menu-table,
.mobile-menu-layout-overlay #primary-navigation.responsive .overlay-menu-table,
.page-additional-menu.header-layout-overlay .primary-navigation:not(.responsive) .overlay-menu-table,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .overlay-menu-table {
display: table;
width: 100%;
height: 100%;
}
.header-layout-overlay :not(.responsive) .overlay-menu-row,
.mobile-menu-layout-overlay #primary-navigation.responsive .overlay-menu-row,
.page-additional-menu.header-layout-overlay :not(.responsive) .overlay-menu-row,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .overlay-menu-row {
display: table-row;
}
.header-layout-overlay :not(.responsive) .overlay-menu-cell,
.mobile-menu-layout-overlay #primary-navigation.responsive .overlay-menu-cell,
.page-additional-menu.header-layout-overlay :not(.responsive) .overlay-menu-cell,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .overlay-menu-cell {
display: table-cell;
vertical-align: middle;
}
.header-layout-overlay #primary-menu.no-responsive,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu {
position: relative;
padding: 20px;
text-align: center;
}
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu {
background: transparent;
}
.header-layout-overlay #primary-menu.no-responsive,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu {
width: 100%;
opacity: 0.4;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: translateY(-10%) rotateX(35deg);
transform: translateY(-10%) rotateX(35deg);
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
transition: transform 0.5s, opacity 0.5s;
margin: 0;
display: block;
visibility: hidden;
}
.header-layout-overlay #primary-navigation.overlay-active #primary-menu.no-responsive,
.mobile-menu-layout-overlay #primary-navigation.responsive.overlay-active #primary-menu,
.page-additional-menu.header-layout-overlay .primary-navigation.overlay-active .nav-menu.no-responsive,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive.overlay-active .nav-menu {
visibility: visible;
opacity: 1;
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.header-layout-overlay #primary-navigation.overlay-active.close #primary-menu.no-responsive,
.mobile-menu-layout-overlay #primary-navigation.responsive.overlay-active.close #primary-menu,
.page-additional-menu.header-layout-overlay .primary-navigation.overlay-active.close .nav-menu.no-responsive,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive.overlay-active.close .nav-menu {
opacity: 0;
-webkit-transform: translateY(10%) rotateX(0);
transform: translateY(10%) rotateX(0);
}
.header-layout-overlay #primary-menu.no-responsive .menu-item-logo,
.header-layout-overlay #primary-navigation.responsive #primary-menu .menu-item-logo,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive .menu-item-logo,
.page-additional-menu.header-layout-overlay .primary-navigation.responsive .nav-menu .menu-item-logo {
display: none;
}
.header-layout-overlay #primary-menu.no-responsive,
.header-layout-overlay #primary-menu.no-responsive > li,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li {
display: block;
}
.header-layout-overlay #primary-menu.no-responsive > li,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li {
padding: 0;
}
.header-layout-overlay.logo-position-left #primary-menu.no-responsive > li,
.mobile-menu-layout-overlay .logo-position-left #primary-navigation.responsive #primary-menu > li,
.page-additional-menu.header-layout-overlay.logo-position-left .nav-menu.no-responsive > li,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-left .primary-navigation.responsive .nav-menu > li {
padding-left: 0;
}
.header-layout-overlay.logo-position-right #primary-menu.no-responsive > li,
.mobile-menu-layout-overlay .logo-position-right #primary-navigation.responsive #primary-menu > li,
.page-additional-menu.header-layout-overlay.logo-position-right .nav-menu.no-responsive > li,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-right .primary-navigation.responsive .nav-menu > li {
padding-left: 0;
}
.header-layout-overlay #primary-menu.no-responsive > li > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li > a {
padding: 0 !important;
}
.header-layout-overlay #primary-menu.no-responsive > li > a {
background-color: transparent !important;
border: 0 none !important;
}
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-current,
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-active,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-current,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-active,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-current,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-active,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-current,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-active {
padding: 0;
}
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-current > a,
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-active > a {
padding-top: 0;
padding-bottom: 0;
border-bottom: 0;
}
.header-layout-overlay #primary-menu.no-responsive > li > a,
.header-layout-overlay #primary-menu.no-responsive > li li > a,
#site-header.fixed.shrink .header-layout-overlay #primary-menu.no-responsive > li > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-current > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-active > a,
#site-header.fixed.shrink.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-current > a,
#site-header.fixed.shrink.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-active > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-current > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-active > a,
#site-header.fixed.shrink .page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-current > a,
#site-header.fixed.shrink .page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-active > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-current > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-active > a,
#site-header.fixed.shrink.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-current > a,
#site-header.fixed.shrink.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-active > a {
display: inline-block;
padding-top: 0;
padding-bottom: 0 !important;
}
.header-style-3.header-layout-overlay #primary-menu.no-responsive > li.menu-item-current > a,
.header-style-3.header-layout-overlay #primary-menu.no-responsive > li.menu-item-active > a,
.header-style-4.header-layout-overlay #primary-menu.no-responsive > li.menu-item-current > a,
.header-style-4.header-layout-overlay #primary-menu.no-responsive > li.menu-item-active > a,
.mobile-menu-layout-overlay .header-style-3 #primary-navigation.responsive #primary-menu > li.menu-item-current > a,
.mobile-menu-layout-overlay .header-style-3 #primary-navigation.responsive #primary-menu > li.menu-item-active > a,
.mobile-menu-layout-overlay .header-style-4 #primary-navigation.responsive #primary-menu > li.menu-item-current > a,
.mobile-menu-layout-overlay .header-style-4 #primary-navigation.responsive #primary-menu > li.menu-item-active > a {
border: 0 none;
}
.header-layout-overlay #primary-menu.no-responsive > li > ul,
.header-layout-overlay #primary-menu.no-responsive > li > ul ul,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li > ul,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li > ul ul,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li > ul,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li > ul ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li > ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li > ul ul {
position: relative;
width: auto;
top: auto;
bottom: auto;
left: auto;
right: auto;
margin: 0;
-webkit-transform: none;
transform: none;
height: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
transition: all 0.5s;
box-sizing: border-box;
text-transform: uppercase;
overflow: hidden;
}
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu a {
display: inline-block;
}
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li > a {
text-transform: uppercase;
}
.header-layout-overlay #primary-navigation:not(.overlay-active) #primary-menu.no-responsive ul,
.mobile-menu-layout-overlay #primary-navigation.responsive:not(.overlay-active) #primary-menu ul,
.page-additional-menu.header-layout-overlay .primary-navigation:not(.overlay-active) .nav-menu.no-responsive ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive:not(.overlay-active) .nav-menu ul {
display: none;
}
.header-layout-overlay #primary-menu.no-responsive li.menu-overlay-item-open > ul,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-overlay-item-open > ul,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive li.menu-overlay-item-open > ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li.menu-overlay-item-open > ul {
opacity: 1;
height: auto;
visibility: visible;
}
.header-layout-overlay #primary-menu.no-responsive li.menu-overlay-item-open > ul,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-overlay-item-open > ul,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive li.menu-overlay-item-open > ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li.menu-overlay-item-open > ul {
margin-top: 40px;
}
.header-layout-overlay #primary-menu.no-responsive li.menu-overlay-item-open:not(:last-child) > ul,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-overlay-item-open:not(:last-child) > ul,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive li.menu-overlay-item-open:not(:last-child) > ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li.menu-overlay-item-open:not(:last-child) > ul {
margin-bottom: 40px;
}
.header-layout-overlay #primary-menu.no-responsive > li li > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li li > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li li > a {
padding: 0;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li ul,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li li,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.responsive > li ul,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.responsive > li li,
.page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive > li ul,
.page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive > li li,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu.responsive > li ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu.responsive > li li {
border: 0 none;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li li > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li li > a,
.page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive > li li > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li li > a {
background-color: transparent;
border: 0 none;
}
.header-layout-overlay #primary-menu.no-responsive li li.menu-item-current > a,
.header-layout-overlay #primary-menu.no-responsive li li.menu-item-active > a,
.header-layout-overlay #primary-menu.no-responsive li li:hover > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li li.menu-item-current > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li li.menu-item-active > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li li:hover > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive li li.menu-item-current > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive li li.menu-item-active > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive li li:hover > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li li.menu-item-current > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li li.menu-item-active > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li li:hover > a {
border: 0 none;
}
.header-layout-overlay #primary-menu.no-responsive > li li > a:after,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li li > a:after,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li li > a:after,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li li > a:after {
display: none;
}
.header-layout-overlay.logo-position-right #primary-menu.no-responsive li li.menu-item-current > a,
.header-layout-overlay.logo-position-right #primary-menu.no-responsive li li.menu-item-active > a,
.header-layout-overlay.logo-position-right #primary-menu.no-responsive li li:hover > a,
.mobile-menu-layout-overlay .logo-position-right #primary-navigation.responsive #primary-menu li li.menu-item-current > a,
.mobile-menu-layout-overlay .logo-position-right #primary-navigation.responsive #primary-menu li li.menu-item-active > a,
.mobile-menu-layout-overlay .logo-position-right #primary-navigation.responsive #primary-menu li li:hover > a,
.page-additional-menu.header-layout-overlay.logo-position-right .nav-menu.no-responsive li li.menu-item-current > a,
.page-additional-menu.header-layout-overlay.logo-position-right .nav-menu.no-responsive li li.menu-item-active > a,
.page-additional-menu.header-layout-overlay.logo-position-right .nav-menu.no-responsive li li:hover > a,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-right .primary-navigation.responsive .nav-menu li li.menu-item-current > a,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-right .primary-navigation.responsive .nav-menu li li.menu-item-active > a,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-right .primary-navigation.responsive .nav-menu li li:hover > a {
padding: 0;
}
.header-layout-overlay.logo-position-left #primary-menu.no-responsive li li.menu-item-current > a,
.header-layout-overlay.logo-position-left #primary-menu.no-responsive li li.menu-item-active > a,
.header-layout-overlay.logo-position-left #primary-menu.no-responsive li li:hover > a,
.mobile-menu-layout-overlay .logo-position-left #primary-navigation.responsive #primary-menu li li.menu-item-current > a,
.mobile-menu-layout-overlay .logo-position-left #primary-navigation.responsive #primary-menu li li.menu-item-active > a,
.mobile-menu-layout-overlay .logo-position-left #primary-navigation.responsive #primary-menu li li:hover > a,
.page-additional-menu.header-layout-overlay.logo-position-left .nav-menu.no-responsive li li.menu-item-current > a,
.page-additional-menu.header-layout-overlay.logo-position-left .nav-menu.no-responsive li li.menu-item-active > a,
.page-additional-menu.header-layout-overlay.logo-position-left .nav-menu.no-responsive li li:hover > a,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-left .primary-navigation.responsive .nav-menu li li.menu-item-current > a,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-left .primary-navigation.responsive .nav-menu li li.menu-item-active > a,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-left .primary-navigation.responsive .nav-menu li li:hover > a {
padding: 0;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-item-has-children > .menu-item-parent-toggle,
.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-item-has-children > .menu-item-parent-toggle {
display: inline-block;
vertical-align: top;
position: relative;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-item-has-children > .menu-item-parent-toggle:before,
.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-item-has-children > .menu-item-parent-toggle:before {
content: '\e635';
display: inline-block;
font-family: 'thegem-icons';
font-style: normal;
cursor: pointer;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 49%;
position: absolute;
left: 5px;
top: 0;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-overlay-item-open > .menu-item-parent-toggle:before,
.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-overlay-item-open > .menu-item-parent-toggle:before {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.header-layout-overlay #primary-navigation .hamburger-minicart {
-o-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.header-layout-overlay #primary-navigation.overlay-active:not(.close) .hamburger-minicart {
opacity: 0;
}
.mobile-menu-layout-overlay .primary-navigation.responsive li.menu-item-parent > a:after,
.mobile-menu-layout-overlay .primary-navigation.responsive li.menu-item-parent > span > a:after {
display: none;
}
.mobile-menu-layout-overlay .primary-navigation.responsive ul {
border: 0;
}
.mobile-menu-layout-overlay #primary-navigation.responsive li a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive li a {
text-transform: uppercase;
}
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li {
position: relative;
width: auto !important;
}
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-item-has-children .menu-item-parent-toggle,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li.menu-item-has-children .menu-item-parent-toggle {
display: block;
position: absolute;
top: 0;
right: -5px;
text-align: center;
}
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-item-has-children .menu-item-parent-toggle:before,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li.menu-item-has-children .menu-item-parent-toggle:before {
content: '\e635';
display: inline-block;
font-family: 'thegem-icons';
font-style: normal;
cursor: pointer;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform-origin: 50% 50%;
transform-origin: 51% 51%;
margin-left: -1px;
font-size: 24px;
line-height: 48px;
}
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-overlay-item-open > .menu-item-parent-toggle:before,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li.menu-overlay-item-open > .menu-item-parent-toggle:before {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.menu-overlay {
visibility: hidden;
opacity: 0;
background-color: #212331;
position: fixed;
z-index: 6;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.menu-overlay.active {
visibility: visible;
opacity: 0.96;
}
@media (max-width: 767px) {
#site-header .header-main {
position: relative;
display: table;
width: 100%;
z-index: 11;
}
#primary-navigation .menu-toggle,
#perspective-menu-buttons .menu-toggle {
display: inline-block;
}
#perspective-menu-buttons .perspective-toggle {
display: none;
}
#primary-navigation .hamburger-toggle,
#primary-navigation .overlay-toggle {
display: none;
}
}
#site-header #primary-navigation.responsive {
position: static;
}
#primary-navigation .menu-toggle,
#perspective-menu-buttons .menu-toggle,
#perspective-menu-buttons .perspective-toggle {
border: none;
width: 36px;
height: 30px;
text-indent: 100%;
font-size: 0;
line-height: 0;
overflow: hidden;
position: relative;
cursor: pointer;
outline: none;
background: transparent;
padding: 0;
}
#perspective-menu-buttons .perspective-toggle {
margin-top: 35px;
margin-bottom: 35px;
-o-transition: width .3s, height .2s;
-webkit-transition: width .3s, height .2s;
transition: width .3s, height .2s;
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active .menu-toggle,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active .menu-toggle {
z-index: 2;
}
#primary-navigation .menu-toggle .menu-line-1,
#primary-navigation .menu-toggle .menu-line-2,
#primary-navigation .menu-toggle .menu-line-3,
#perspective-menu-buttons .menu-toggle .menu-line-1,
#perspective-menu-buttons .menu-toggle .menu-line-2,
#perspective-menu-buttons .menu-toggle .menu-line-3,
#perspective-menu-buttons .perspective-toggle .menu-line-1,
#perspective-menu-buttons .perspective-toggle .menu-line-2,
#perspective-menu-buttons .perspective-toggle .menu-line-3 {
position: absolute;
height: 4px;
width: 100%;
left: 0;
background: #3c3950;
-webkit-transition: all 0.5s, top .3s, height .3s;
transition: all 0.5s, top .3s, height .3s;
}
#site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .menu-toggle .menu-line-1,
#site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .menu-toggle .menu-line-2,
#site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .menu-toggle .menu-line-3,
#site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle > span {
background: #ffffff;
}
#primary-navigation .menu-toggle .menu-line-1,
#perspective-menu-buttons .menu-toggle .menu-line-1,
#perspective-menu-buttons .perspective-toggle .menu-line-1 {
top: 3px;
}
#primary-navigation .menu-toggle .menu-line-2,
#perspective-menu-buttons .menu-toggle .menu-line-2,
#perspective-menu-buttons .perspective-toggle .menu-line-2 {
top: 13px;
}
#primary-navigation .menu-toggle .menu-line-3,
#perspective-menu-buttons .menu-toggle .menu-line-3,
#perspective-menu-buttons .perspective-toggle .menu-line-3 {
top: 23px;
}
#primary-navigation .menu-toggle .menu-line-1,
#primary-navigation .menu-toggle .menu-line-2,
#primary-navigation .menu-toggle .menu-line-3,
#perspective-menu-buttons .menu-toggle .menu-line-1,
#perspective-menu-buttons .menu-toggle .menu-line-2,
#perspective-menu-buttons .menu-toggle .menu-line-3 {
height: 2px;
width: 18px;
left: 9px;
}
#primary-navigation .menu-toggle .menu-line-1,
#perspective-menu-buttons .menu-toggle .menu-line-1 {
top: 9px;
}
#primary-navigation .menu-toggle .menu-line-2,
#perspective-menu-buttons .menu-toggle .menu-line-2 {
top: 14px;
}
#primary-navigation .menu-toggle .menu-line-3,
#perspective-menu-buttons .menu-toggle .menu-line-3 {
top: 19px;
}
@media (max-width: 767px) {
#perspective-menu-buttons .hamburger-minicart {
display: none;
}
}
.mobile-menu-layout-overlay .primary-navigation .menu-toggle,
.mobile-menu-layout-overlay .primary-navigation .menu-toggle .menu-line-1,
.mobile-menu-layout-overlay .primary-navigation .menu-toggle .menu-line-2,
.mobile-menu-layout-overlay .primary-navigation .menu-toggle .menu-line-3,
.mobile-menu-layout-overlay #perspective-menu-buttons .menu-toggle,
.mobile-menu-layout-overlay #perspective-menu-buttons .menu-toggle .menu-line-1,
.mobile-menu-layout-overlay #perspective-menu-buttons .menu-toggle .menu-line-2,
.mobile-menu-layout-overlay #perspective-menu-buttons .menu-toggle .menu-line-3 {
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active .menu-toggle .menu-line-1,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active .menu-toggle .menu-line-1 {
transform: rotate(45deg);
top: 13px;
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active .menu-toggle .menu-line-2,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active .menu-toggle .menu-line-2 {
opacity: 0;
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active .menu-toggle .menu-line-3,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active .menu-toggle .menu-line-3 {
top: 13px;
transform: rotate(-45deg);
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active.close .menu-toggle .menu-line-1,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active.close .menu-toggle .menu-line-1 {
top: 3px;
transform: rotate(0);
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active.close .menu-toggle .menu-line-2,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active.close .menu-toggle .menu-line-2 {
opacity: 1;
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active.close .menu-toggle .menu-line-3,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active.close .menu-toggle .menu-line-3 {
top: 23px;
transform: rotate(0);
}
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-1,
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-2,
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-3 {
height: 2px;
width: 18px;
left: 9px;
}
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-1 {
top: 8px;
}
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-2 {
top: 13px;
}
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-3 {
top: 18px;
}
@media (max-width: 767px) {
.mobile-menu-layout-overlay #primary-navigation.overlay-active.close .menu-toggle .menu-line-1,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active.close .menu-toggle .menu-line-1 {
top: 9px;
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active.close .menu-toggle .menu-line-3,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active.close .menu-toggle .menu-line-3 {
top: 19px;
}
} #site-header .primary-navigation.responsive {
padding: 15px 0;
vertical-align: middle;
}
.mobile-menu-layout-default .primary-navigation.responsive ul,
.mobile-menu-layout-overlay .primary-navigation.responsive #primary-menu ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu ul {
padding: 0 !important;
background: none !important;
list-style: none;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.mobile-menu-layout-default .primary-navigation.responsive li {
position: relative;
width: auto !important;
}
.mobile-menu-layout-default .primary-navigation.responsive li a {
display: block;
position: relative;
padding: 16px 30px;
outline: none;
}
.mobile-menu-layout-default .primary-navigation.responsive li .mega-label,
.mobile-menu-layout-slide-vertical .primary-navigation.responsive li .mega-label,
.mobile-menu-layout-slide-horizontal .primary-navigation.responsive li .mega-label {
display: none;
}
.mobile-menu-layout-default .primary-navigation.responsive li.dl-back,
.mobile-menu-layout-default .primary-navigation.responsive li.dl-parent {
text-align: right;
}
.mobile-menu-layout-default .primary-navigation.responsive li.dl-back > a,
.mobile-menu-layout-default .primary-navigation.responsive li.dl-parent > a {
padding-left: 30px;
} .mobile-menu-layout-default .primary-navigation.responsive li.dl-back:after,
.mobile-menu-layout-default .primary-navigation.responsive li.menu-item-parent > a:after,
.mobile-menu-layout-default .primary-navigation.responsive li.menu-item-parent > span > a:after,
.mobile-menu-layout-default .primary-navigation.responsive li.dl-parent > a:after {
position: absolute;
width: 9px;
height: 16px;
right: 20px;
top: 50%;
margin-top: -8px;
font-weight: normal;
font-family: 'thegem-icons';
font-style: normal;
content: '\e601';
font-size: 16px;
line-height: 16px;
}
.mobile-menu-layout-default .primary-navigation.responsive li.dl-back:after {
right: auto;
left: 20px;
content: '\e603';
}
.mobile-menu-layout-default .primary-navigation.responsive li.dl-parent > a:after {
right: auto;
left: 20px;
}
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu {
margin: 0;
position: absolute;
left: 0;
right: 0;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: left;
top: 100%;
overflow-x: hidden;
overflow-y: auto;
}
@media (max-width: 767px) {
.mobile-menu-layout-default .primary-navigation .dl-menu {
position: absolute;
left: 0;
right: 0;
opacity: 0;
}
.mobile-menu-layout-overlay .header-main:not(.header-layout-overlay) #primary-navigation:not(.responsive) .overlay-menu-wrapper,
.page-additional-menu.mobile-menu-layout-overlay:not(.header-layout-overlay) .primary-navigation:not(.responsive) .overlay-menu-wrapper {
visibility: hidden;
height: 0;
width: 0;
}
.mobile-menu-layout-slide-horizontal #primary-navigation:not(.responsive) .mobile-menu-slide-wrapper,
.mobile-menu-layout-slide-vertical #primary-navigation:not(.responsive) .mobile-menu-slide-wrapper {
visibility: hidden;
height: 0;
width: 0;
}
}
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-menu-toggle {
transition: all 0.3s ease;
}
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-menuopen {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
transform: translateY(0px);
} .mobile-menu-layout-default .primary-navigation.responsive li .dl-submenu {
display: none;
} .mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subviewopen > a,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subview > a,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subviewopen > span,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subview > span {
display: none;
}
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subview,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subview .dl-submenu,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subviewopen,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block;
} .mobile-menu-layout-default .primary-navigation.responsive .dl-menu + .dl-submenu {
position: absolute;
width: 100% !important;
left: 0;
margin: 0;
top: 100%;
margin-top: -15px;
}
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu + .dl-submenu:before {
content: '';
position: absolute;
bottom: -3px;
left: -3px;
right: -3px;
height: 3px;
} .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;
}
}
.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;
}
}
.mobile-menu-layout-default .primary-navigation.responsive .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;
}
}
.mobile-menu-layout-default .primary-navigation.responsive .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 .primary-navigation .dl-menu {
position: relative;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.no-js .primary-navigation li .dl-submenu {
display: block;
}
.no-js .primary-navigation li.dl-back {
display: none;
}
.no-js .primary-navigation li > a:not(:only-child):after {
content: '';
}
#primary-navigation .hamburger-toggle > span,
#primary-navigation .overlay-toggle > span,
#primary-navigation.overlay-active.close .overlay-toggle > span,
#perspective-menu-buttons.primary-navigation .perspective-toggle span,
#page.vertical-header .vertical-toggle > span,
#thegem-perspective #primary-navigation .perspective-menu-close:before,
#thegem-perspective #primary-navigation .perspective-menu-close:after {
background-color: #3c3950;
}
.hamburger-minicart > a,
.hamburger-minicart:hover > a {
color: #3c3950;
}
#site-header:not(.shrink) .header-colors-light #primary-navigation .hamburger-toggle > span,
#site-header:not(.shrink) .header-colors-light #primary-navigation:not(.overlay-active) .overlay-toggle > span,
#site-header:not(.shrink) .header-colors-light #primary-navigation.overlay-active.close .overlay-toggle > span,
#site-header:not(.shrink) .header-colors-light #perspective-menu-buttons.primary-navigation .perspective-toggle span {
background-color: #ffffff;
}
#site-header:not(.shrink) .header-colors-light .hamburger-minicart > a,
#site-header:not(.shrink) .header-colors-light .hamburger-minicart:hover > a {
color: #ffffff;
} #footer-nav {
padding: 40px 0;
border-top: 1px solid #313646;
}
#footer-navigation {
margin-bottom: 0;
}
#footer-menu {
display: inline-block;
margin: 0 -21px;
}
#footer-menu li {
display: inline-block;
padding: 0 21px;
position: relative;
line-height: 1;
}
#footer-menu li + li:before {
content: '';
width: 0;
height: 100%;
position: absolute;
left: -1px;
top: 0;
font-size: 0;
border-right: 1px solid #333146;
}
#footer-menu li a {
font-size: 92.86%;
display: block;
}
#footer-socials {
text-align: right;
}
#footer-socials .socials {
text-align: right;
margin: 0 -7px;
display: inline-block;
vertical-align: middle;
}
.footer-socials-item {
display: inline-block;
vertical-align: top;
padding: 0 7px;
}
.footer-socials-item a {
display: block;
position: relative;
font-size: 0;
width: 20px;
line-height: inherit;
}
.footer-socials-item a:after {
position: absolute;
font-family: 'thegem-socials';
display: block;
font-size: 16px;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.footer-socials-item.twitter a:after {
content: '\e603';
}
.footer-socials-item.facebook a:after {
content: '\e601';
}
.footer-socials-item.linkedin a:after {
content: '\e604';
}
.footer-socials-item.googleplus a:after {
content: '\e602';
}
.footer-socials-item.stumbleupon a:after {
content: '\e606';
}
.footer-socials-item.rss a:after {
content: '\e608';
}
@media (max-width: 991px) {
#footer-nav #footer-socials {
text-align: center;
}
#footer-nav .footer-site-info {
text-align: center;
}
#footer-navigation #footer-menu li {
margin: 5px 0;
}
} #colophon {
position: relative;
padding: 110px 0 45px;
background-position: 50% 0;
background-size: cover;
background-repeat: no-repeat;
}
.footer-widget-area {
margin-bottom: 1.421em;
} .footer-site-info {
font-size: 92.86%;
}
.footer-site-info a:hover {
text-decoration: underline;
} .block-content {
padding: 135px 0 100px;
}
.block-content:last-of-type {
padding-bottom: 110px;
}
.no-bottom-margin:last-of-type {
padding-bottom: 0;
}
.page-title + .no-top-margin,
#page-title + .no-top-margin,
.gem-slideshow + .no-top-margin,
.no-top-margin:first-child {
padding-top: 0;
}
.block-content + .block-content {
padding-top: 0;
}  .fullwidth-block {
position: relative;
}
.fullwidth-top-marker,
.fullwidth-bottom-marker {
position: absolute;
width: 140px;
height: 70px;
left: 50%;
margin-left: -70px;
z-index: 10;
}
.fullwidth-top-marker.marker-direction-inside {
top: 0;
}
.fullwidth-top-marker.marker-direction-outside {
top: -69px;
}
.fullwidth-bottom-marker.marker-direction-inside {
bottom: 0;
}
.fullwidth-bottom-marker.marker-direction-outside {
bottom: -69px;
} .gem-youtube .gem-wrapbox-inner,
.gem-youtube .shadow-wrap,
.gem-youtube .gem-wrapbox-element,
.gem-vimeo .gem-wrapbox-inner,
.gem-vimeo .shadow-wrap,
.gem-vimeo .gem-wrapbox-element,
.gem-video .gem-wrapbox-inner,
.gem-video .shadow-wrap,
.gem-video .gem-wrapbox-element {
width: 100%;
height: 100%;
}
.gem-wrapbox-inner.gem-ratio-style .gem-wrapbox-element,
.gem-wrapbox-inner.gem-ratio-style .shadow-wrap,
.gem-wrapbox-inner.gem-ratio-style .preloader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gem-image-centered-box {
margin-bottom: 1.421em;
}
.gem-image a,
.gem-textbox-picture a{
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.gem-image a:before,
.gem-textbox-picture a:before{
content: '';
position: absolute;
top: -100%;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
opacity: 0;
z-index: 5;
}
.gem-image a:hover:before,
.gem-textbox-picture a:hover:before {
opacity: 1;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
}
.gem-image a:after,
.gem-textbox-picture a:after{
content: '\e60f';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 40px;
height: 40px;
line-height: 40px;
width: 40px;
text-align: center;
position: absolute;
top: -20px;
left: 50%;
transition: opacity 0.3s, top 0.3s;
-webkit-transition: opacity 0.3s, top 0.3s;
margin-left: -20px;
margin-top: -20px;
z-index: 5;
opacity: 0;
}
.gem-image a:hover:after,
.gem-textbox-picture a:hover:after{
top: 50%;
opacity: 1;
transition: opacity 0.5s, top 0.3s;
-webkit-transition: opacity 0.5s, top 0.3s;
}
.gem-map-with-text .wpb_gmaps_widget .wpb_wrapper {
padding: 0;
}
.gem-gmaps {
display: inline-block;
max-width: 100%;
}
.gem-gmaps .gem-gmaps-hide {
overflow: hidden;
width: 100%;
}
.gem-gmaps iframe {
border: 0 none;
vertical-align: top;
margin-top: -54px;
width: 100%;
}
.gem-gmaps .preloader + iframe {
margin-top: -240px !important;
}
.gem-gmaps .preloader + iframe + .map-locker {
opacity: 0;
}
.gem-gmaps.gem-wrapbox-style-11 {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
overflow: hidden;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-gmaps-hide {
-webkit-mask-image: url(//www.hwathai.my/wp-content/themes/thegem/css/circle.svg);
}
iframe + .map-locker {
position: relative;
float: right;
margin-top: -150px;
margin-right: 13px;
height: 50px;
width: 50px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: #ffffff url(//www.hwathai.my/wp-content/themes/thegem/images/map-locker.png) no-repeat 0 50%;
}
iframe + .map-locker.disabled {
background-position: 100% 50%;
}
.wpb_gmaps_widget .wpb_map_wraper.hide_title  iframe {
margin-top: -54px;
}
.wpb_gmaps_widget  .wpb_map_wraper.hide_title {
overflow: hidden;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-wrapbox-inner:after {
display: none;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-wrapbox-inner  {
padding: 12px;
border: 2px solid;
}
.gem-gmaps.gem-wrapbox-style-8  .gem-wrapbox-inner {
border-radius: 34px;
overflow: hidden;
} .gem-textbox {
margin-bottom: 1.421em;
position: relative;
}
.gem-textbox-title,
.gem-textbox-content {
padding: 30px;
}
.gem-textbox-content * {
position: relative;
z-index: 1;
}
.gem-textbox-content  .gem-textbox-background-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.gem-textbox-title .gem-textbox-title-icon + .gem-textbox-title-text {
margin-top: 30px;
}
.gem-textbox-picture img {
display: inline-block;
vertical-align: top;
}
.gem-textbox-inner {
overflow: hidden;
}
.gem-textbox-top,
.gem-textbox-bottom {
font-size: 0;
line-height: 0;
text-align: center;
}
.gem-textbox-top svg,
.gem-textbox-bottom svg {
vertical-align: top;
}
.gem-textbox-after-image {
border-top: 0 none !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.gem-textbox-before-image {
border-bottom: 0 none !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
} .gem-team {
margin-bottom: 1.421em;
}
.team-person {
padding: 50px 30px;
position: relative;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.team-person-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.team-person a:not(.team-person-link) {
position: relative;
z-index: 2;
}
.team-person-image {
display: inline-block;
width: 240px;
max-width: 100%;
vertical-align: top;
margin-bottom: 45px;
}
.team-person-image a,
.team-person-image span {
display: inline-block;
vertical-align: top;
overflow: hidden;
max-width: 100%;
position: relative;
}
.team-person-image a:before,
.team-person-image span:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
}
.team-person-image a:hover:before,
.team-person:hover .team-person-image span:before {
opacity: 1;
}
.team-person-image a,
.gem-team .team-person-image a:before,
.team-person-image span,
.gem-team .team-person-image span:before,
.team-person-image img {
border-radius: 50%;
}
.team-person-info {
margin: 0 0 20px;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.team-person-name {
margin: 0 0 5px;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.team-person-position {
margin: 0 0 28px;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.team-person .team-person-phone {
color: inherit;
margin: 0 0 7px;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.team-person .team-person-phone a {
color: inherit;
}
.team-person .team-person-description {
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.team-person-socials .socials-item-icon {
font-size: 32px;
}
.team-person-socials {
margin: 0 -10px;
}
.team-person-socials .socials-item {
margin: 20px 10px 0;
}
.team-person-email a:before {
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
content: '\e607';
font-size: 16px;
margin-right: 10px;
color: inherit;
vertical-align: top;
}
.gem-team-style-1 .team-person {
border: 1px solid transparent;
}
.gem-team-style-2 .team-person {
padding: 50px 50px;
border-radius: 0 50px 50px 50px;
}
.gem-team-style-2 .team-person-box-columns .team-person-box-left {
float: left;
margin-right: -270px;
}
.gem-team-style-2 .team-person-box-columns .team-person-box-left + .team-person-box-right {
float: left;
width: 100%;
padding-left: 270px;
}
.gem-team-style-2 .team-person-image {
position: relative;
}
.gem-team-style-2 .team-person-image a,
.gem-team-style-2 .team-person-image a:before,
.gem-team-style-2 .team-person-image span,
.gem-team-style-2 .team-person-image span:before,
.gem-team-style-2 .team-person-image img {
border-radius: 0;
}
.gem-team-style-2 .team-person-name {
margin-top: -10px;
}
.gem-team-style-2 .team-person-socials .socials-item-icon {
font-size: 20px;
}
.gem-team-style-2 .team-person-socials {
margin: 0 -6px;
}
.gem-team-style-2 .team-person-socials .socials-item {
margin: 12px 6px 0;
}
@media (max-width: 1211px) {
.gem-team-style-2 .col-sm-6 .team-person-box-columns .team-person-box-left {
float: none;
margin-right: 0;
}
.gem-team-style-2 .col-sm-6 .team-person-box-columns .team-person-box-left + .team-person-box-right {
float: none;
padding-left: 0;
}
}
@media (min-width: 1212px) {
.gem-team-style-2 .col-sm-6 .team-person-box-columns .team-person-box-left .team-person-image {
margin-bottom: 0;
}
}
@media (max-width: 639px) {
.gem-team-style-2 .team-person-box-columns .team-person-box-left {
float: none;
margin-right: 0;
}
.gem-team-style-2 .team-person-box-columns .team-person-box-left + .team-person-box-right {
float: none;
padding-left: 0;
}
}
.gem-team-style-3 .team-person {
border-radius: 180px 180px 0 0;
}
.gem-team-style-3 .team-person-image {
padding-top: 15px;
padding-left: 35px;
padding-right: 35px;
width: 310px;
}
.gem-team-style-3 .team-person-info {
margin: 0 0 30px;
}
.gem-team-style-3 .team-person-name {
margin: 0;
}
.gem-team-style-3 .team-person-position {
font-size: 0.875em;
}
.gem-team-style-3 .team-person-socials .socials-item-icon {
font-size: 20px;
}
.gem-team-style-3 .team-person-socials {
margin: 0 -6px;
}
.gem-team-style-3 .team-person-socials .socials-item {
margin: 12px 6px 0;
}
.gem-team-style-3 .team-person-email a:before {
font-size: 32px;
margin-right: 0;
}
.gem-team-style-4 .team-person {
border-bottom: 6px solid #a3e7f0;
padding-bottom: 10px;
padding-left: 40px;
}
.gem-team-style-4 .team-person-image {
width: 128px;
margin-bottom: 30px;
}
.gem-team-style-4 .team-person-info {
margin: 0;
}
.gem-team-style-4 .team-person-name {
margin: 0 0 20px;
}
.gem-team-style-4 .team-person-position {
font-size: 0.875em;
margin-bottom: 3px;
}
.gem-team-style-4 .team-person-phone {
margin: 0 0 2px;
}
.gem-team-style-4 .team-person-socials .socials-item-icon {
font-size: 20px;
}
.gem-team-style-4 .team-person-socials {
float: left;
margin-left: -32px;
margin-right: 0;
padding-left: 26px;
width: 100%;
min-width: 240px;
margin-bottom: 40px;
}
.gem-team-style-4 .team-person-socials .socials-item {
margin: 12px 6px 0;
}
.gem-team-style-4 .team-person-email {
float: left;
margin-bottom: 40px;
margin-top: 5px;
}
.gem-team-style-4 .team-person.centered-box .team-person-socials {
float: none;
padding-left: 0;
margin-left: 0;
}
.gem-team-style-4 .team-person.centered-box .team-person-email {
float: none;
}
.gem-team-style-4 .team-person-email a:before {
font-size: 32px;
margin-right: 0;
}
.gem-team-style-5 .inline-column {
padding-left: 0;
padding-right: 0;
}
.gem-team-style-5 .team-person,
.gem-team-style-5 .team-person-hover {
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.gem-team-style-5 .team-person {
padding: 3px 0;
}
.gem-team-style-5 .team-person-image a,
.gem-team-style-5 .team-person-image span {
overflow: visible;
}
.gem-team-style-5 .team-person-image a:before,
.gem-team-style-5 .team-person-image span:before {
opacity: 0;
left: 6px;
right: 6px;
top: 6px;
bottom: 6px;
width: auto;
height: auto;
background-color: rgba(70, 72, 92, 0.7);
}
.gem-team-style-5 .team-person-image a:hover:before,
.gem-team-style-5 .team-person:hover .team-person-image span:before {
opacity: 1;
}
.gem-team-style-5 .team-person-image {
padding-left: 40px;
padding-right: 40px;
width: 320px;
}
.gem-team-style-5 .team-person-image .image-hover {
display: inline-block;
vertical-align: middle;
border-radius: 50%;
padding: 6px;
border: 3px solid #dce1e4;
margin: -9px;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
max-width: 100%;
}
.gem-team-style-5 .team-person:hover .image-hover {
border-color: #00bcd4;
background-color: #00bcd4;
}
.gem-team-style-5 .team-person-hover {
padding: 47px 30px;
}
.gem-team-style-5 .team-person:hover {
margin-top: -23px;
margin-bottom: -23px;
}
.gem-team-style-5 .team-person:hover .team-person-hover {
padding-top: 70px;
padding-bottom: 70px;
}
.gem-team-style-5 .team-person-socials .socials-item-icon {
font-size: 25px;
}
.gem-team-style-5 .team-person-socials .socials-item {
margin: 12px 6px 0;
}
.gem-team-style-6 .team-person {
border: 1px solid transparent;
padding: 0;
}
.gem-team-style-6 .team-person-hover {
padding: 43px 34px;
}
.gem-team-style-6 .team-person,
.gem-team-style-6 .team-person-hover {
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.gem-team-style-6 .team-person-box-left {
float: left;
margin-right: -100px;
}
.gem-team-style-6 .team-person-box-left + .team-person-box-right {
float: left;
width: 100%;
padding-left: 100px;
}
.gem-team-style-6 .team-person-image {
position: relative;
width: 80px;
}
.gem-team-style-6 .team-person-socials .socials-item-icon {
font-size: 20px;
}
.gem-team-style-6 .team-person-socials {
margin: 0 -6px;
}
.gem-team-style-6 .team-person-socials .socials-item {
margin: 12px 6px 0;
}
.gem-team-style-6 .team-person-position,
.gem-team-style-6 .team-person-email {
font-size: 0.875em;
}
.gem-team-style-6 .team-person-position,
.gem-team-style-6 .team-person-phone,
.gem-team-style-6 .team-person-info {
margin: 0;
} .vc_tta.vc_general .vc_tta-panel-heading .vc_tta-panel-title {
line-height: 1.2;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
box-sizing: border-box;
}
.vc_tta.vc_general.vc_tta-shape-square .vc_tta-panel-body {
min-height: 0px;
}
.vc_tta.vc_general.vc_tta-shape-square .vc_tta-panel-body,
.vc_tta.vc_general.vc_tta-shape-square .vc_tta-panel-heading {
border-radius: 0px;
}
.vc_tta.vc_general.vc_tta-shape-square .vc_tta-tabs-container {
margin: 0px;
}
.vc_tta.vc_general.vc_tta-shape-square .vc_tta-tab > a {
border-radius: 0px;
}
.vc_non_responsive .vc_tta.vc_general.vc_tta-shape-square.vc_tta-tabs .vc_tta-panels,
.vc_tta-o-non-responsive .vc_tta.vc_general.vc_tta-shape-square.vc_tta-tabs .vc_tta-panels {
border-radius: 0px;
}
@media (min-width: 768px) {
.vc_tta.vc_general.vc_tta-shape-square.vc_tta-tabs .vc_tta-panels {
border-radius: 0px;
}
}
.vc_tta.vc_general.vc_tta-shape-square.vc_tta-o-no-fill .vc_tta-panel-body {
border-radius: 0;
}
.vc_tta.vc_general.vc_tta-shape-square.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading,
.vc_tta.vc_general.vc_tta-shape-square.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-panel-body {
min-height: 6px;
}
.vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-panel-body,
.vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-panel-heading {
border-radius: 3px;
}
.vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-tabs-container {
margin: 3px;
}
.vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-tab > a {
border-radius: 3px;
}
.vc_non_responsive .vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panels,
.vc_tta-o-non-responsive .vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panels {
border-radius: 3px;
}
@media (min-width: 768px) {
.vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panels {
border-radius: 3px;
}
}
.vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-o-no-fill .vc_tta-panel-body {
border-radius: 0;
}
.vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading,
.vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.vc_tta.vc_general.vc_tta-shape-round .vc_tta-panel-body {
min-height: 36px;
}
.vc_tta.vc_general.vc_tta-shape-round .vc_tta-panel-body,
.vc_tta.vc_general.vc_tta-shape-round .vc_tta-panel-heading {
border-radius: 18px;
}
.vc_tta.vc_general.vc_tta-shape-round .vc_tta-tabs-container {
margin: 18px;
}
.vc_tta.vc_general.vc_tta-shape-round .vc_tta-tab > a {
border-radius: 18px;
}
.vc_non_responsive .vc_tta.vc_general.vc_tta-shape-round.vc_tta-tabs .vc_tta-panels,
.vc_tta-o-non-responsive .vc_tta.vc_general.vc_tta-shape-round.vc_tta-tabs .vc_tta-panels {
border-radius: 18px;
}
@media (min-width: 768px) {
.vc_tta.vc_general.vc_tta-shape-round.vc_tta-tabs .vc_tta-panels {
border-radius: 18px;
}
}
.vc_tta.vc_general.vc_tta-shape-round.vc_tta-o-no-fill .vc_tta-panel-body {
border-radius: 0;
}
.vc_tta.vc_general.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading,
.vc_tta.vc_general.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading {
border-top-left-radius: 18px;
border-top-right-radius: 18px;
}
.vc_tta.vc_general.vc_tta-pageable .vc_tta-panel-body {
border: 0 none;
} .vc_tta-shape-rounded:not(.vc_tta-o-no-fill) .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.vc_tta-shape-rounded:not(.vc_tta-o-no-fill) .vc_tta-panel.vc_active .vc_tta-panel-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_non_responsive .vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body::before,
.vc_tta-o-non-responsive .vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body::before,
.vc_non_responsive .vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body::after,
.vc_tta-o-non-responsive .vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body::after {
box-sizing: border-box;
content: '';
display: none;
position: absolute;
width: 3px;
height: 3px;
border-radius: 3px;
border-style: inherit;
border-width: inherit;
}
@media (min-width: 768px) {
.vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body::before,
.vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body::after {
box-sizing: border-box;
content: '';
display: none;
position: absolute;
width: 3px;
height: 3px;
border-radius: 3px;
border-style: inherit;
border-width: inherit;
}
}
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading {
border-radius: 0;
}
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-body {
border-radius: 0;
}
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-heading,
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-body {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading,
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child):not(.vc_active) .vc_tta-panel-heading,
.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child):not(.vc_active) .vc_tta-panel-body {
border-radius: 0;
}
.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child).vc_active .vc_tta-panel-heading {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:first-child:not(:last-child):not(.vc_active) .vc_tta-panel-heading,
.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:first-child:not(:last-child):not(.vc_active) .vc_tta-panel-body {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading,
.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_tta-shape-round:not(.vc_tta-o-no-fill) .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.vc_tta-shape-round:not(.vc_tta-o-no-fill) .vc_tta-panel.vc_active .vc_tta-panel-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_non_responsive .vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::before,
.vc_tta-o-non-responsive .vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::before,
.vc_non_responsive .vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::after,
.vc_tta-o-non-responsive .vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::after {
box-sizing: border-box;
content: '';
display: none;
position: absolute;
width: 18px;
height: 18px;
border-radius: 18px;
border-style: inherit;
border-width: inherit;
}
@media (min-width: 768px) {
.vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::before,
.vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::after {
box-sizing: border-box;
content: '';
display: none;
position: absolute;
width: 18px;
height: 18px;
border-radius: 18px;
border-style: inherit;
border-width: inherit;
}
.vc_tta.vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::before,
.vc_tta.vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::after {
width: 18px;
height: 18px;
border-radius: 18px;
}
}
.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading {
border-radius: 0;
}
.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-body {
border-radius: 0;
}
.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-heading,
.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-body {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading,
.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child):not(.vc_active) .vc_tta-panel-heading,
.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child):not(.vc_active) .vc_tta-panel-body {
border-radius: 0;
}
.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child).vc_active .vc_tta-panel-heading {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:first-child:not(:last-child):not(.vc_active) .vc_tta-panel-heading,
.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:first-child:not(:last-child):not(.vc_active) .vc_tta-panel-body {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading,
.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_general.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container,
.vc_general.vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tabs-container {
margin-top: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body::before,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body::before,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body::before {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-right-width: 0;
border-bottom-width: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body::after,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body::after,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body::after {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-left-width: 0;
border-bottom-width: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body::before,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body::before,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body::before {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-right-width: 0;
border-top-width: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body::after,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body::after,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body::after {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-left-width: 0;
border-top-width: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body::before,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body::before,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body::before {
right: auto;
bottom: auto;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-right-width: 0;
border-bottom-width: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body::after,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body::after,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body::after {
right: auto;
top: auto;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right-width: 0;
border-top-width: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body::before,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body::before,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body::before {
left: auto;
bottom: auto;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-left-width: 0;
border-bottom-width: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body::after,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body::after,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body::after {
left: auto;
top: auto;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-width: 0;
border-top-width: 0;
} .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
overflow: visible;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-title-text:not(:empty):not(:first-child),
.vc_tta.vc_general.vc_tta-tabs .vc_tta-title-text:not(:empty) ~ *,
.vc_tta.vc_general.vc_tta-accordion .vc_tta-title-text:not(:empty):not(:first-child),
.vc_tta.vc_general.vc_tta-accordion .vc_tta-title-text:not(:empty) ~ * {
margin-left: 10px;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-title-text:not(:empty) ~ .vc_tta-controls-icon,
.vc_tta.vc_general.vc_tta-accordion .vc_tta-title-text:not(:empty) ~ .vc_tta-controls-icon {
margin-left: 0;
}
.vc_tta.vc_general .vc_tta-icon.gem-print-icon {
display: inline-block;
vertical-align: middle;
}
.vc_tta.vc_general .vc_tta-icon.gem-print-icon.gem-icon-pack-elegant {
font-size: 16px;
}
.vc_tta.vc_general .vc_tta-icon.gem-print-icon.gem-icon-pack-material {
font-size: 24px;
}
.vc_tta.vc_general .vc_tta-icon.gem-print-icon.gem-icon-pack-fontawesome {
font-size: 14px;
}
.vc_tta.vc_general .vc_tta-icon.gem-print-icon.gem-icon-pack-userpack {
font-size: 16px;
}
.vc_tta.vc_general .vc_tta-title-text {
display: inline-block;
vertical-align: middle;
}
.vc_tta.vc_general .vc_tta-tab {
vertical-align: bottom;
}
.vc_tta.vc_general.vc_tta-tabs-position-bottom .vc_tta-tab {
vertical-align: top;
}
.vc_tta.vc_tta-tabs .vc_tta-panel .vc_tta-panel-title,
.vc_tta.vc_tta-accordion .vc_tta-panel .vc_tta-panel-title {
font-family: 'Montserrat UltraLight';
font-weight: normal;
text-transform: uppercase;
font-size: 14px;
}
.vc_tta.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-title,
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title,
.vc_tta.vc_tta-tabs.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title,
.vc_tta.vc_tta-accordion.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title
.vc_tta.vc_tta-tabs .vc_tta-panel.vc_tta-style-modern .vc_tta-panel-title,
.vc_tta.vc_tta-accordion.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel .vc_tta-panel-title {
font-family: 'Montserrat';
font-weight: bold;
}
.vc_tta.vc_tta-tabs.vc_general .vc_tta-tab > a {
padding: 12px 25px;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
padding: 50px;
}
.vc_tta.vc_general.vc_tta-color-thegem .vc_tta-panel-heading .vc_tta-panel-title > a {
padding-top: 16px;
padding-bottom: 16px;
}
.vc_tta.vc_general.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel-heading .vc_tta-panel-title > a {
padding-top: 17px;
padding-bottom: 17px;
}
.vc_tta.vc_general.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel-heading .vc_tta-panel-title > a {
padding-top: 16px;
padding-bottom: 16px;
}
.vc_tta.vc_tta-tabs .vc_tta-tab a {
font-family: 'Montserrat UltraLight';
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
}
.vc_tta.vc_tta-tabs .vc_tta-tab.vc_active > a,
.vc_tta.vc_tta-tabs.vc_tta-style-outline .vc_tta-tab a,
.vc_tta.vc_tta-tabs.vc_tta-style-modern .vc_tta-tab a {
font-family: 'Montserrat';
font-weight: bold;
} .widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem .vc_tta-tab a,
.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem .vc_tta-tab.vc_active > a,
.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab a,
.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab a {
font-family: inherit;
font-weight: inherit;
text-transform: none;
}
.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_general .vc_tta-tab > a {
padding: 2px 23px;
}
.widget .vc_tta.vc_general.vc_tta-color-thegem.vc_tta-tabs .vc_tta-panel-body {
padding: 25px 40px;
}
.widget .vc_tta.vc_general.vc_tta-color-thegem .vc_tta-panel-heading .vc_tta-panel-title > a {
padding-top: 13px;
padding-bottom: 13px;
}
.widget .vc_tta.vc_general.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel-heading .vc_tta-panel-title > a {
padding-top: 12px;
padding-bottom: 12px;
}
.widget .vc_tta.vc_general.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel-heading .vc_tta-panel-title > a {
padding-top: 11px;
padding-bottom: 11px;
} .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
margin-bottom: -1px;
}
.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_general.vc_tta-style-classic:not([class*="vc_tta-gap"]) .vc_tta-tab.vc_active > a {
padding: 4px 23px;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
border-color: #b6c6c9;
background-color: #f4f6f7;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus {
background-color: #f4f6f7;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
color: #5f727f;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-color: #b6c6c9;
background-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: #5f727f;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
background-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after {
border-color: #b6c6c9;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-controls-icon::after {
border-color: #b6c6c9;
color: #b6c6c9;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
border-color: #b6c6c9;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a {
border-color: #b6c6c9;
background-color: #f4f6f7;
color: #5f727f;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a:focus {
background-color: #f4f6f7;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a {
border-color: #b6c6c9;
background-color: #ffffff;
color: #5f727f;
}
.widget .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a {
color: #5f727f;
}
@media (min-width: 768px) {
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
background-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::after {
border-color: #b6c6c9;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
border-color: transparent;
background-color: transparent;
}
} .vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {
margin-bottom: -1px;
}
.vc_tta.vc_tta-color-thegem.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top.vc_tta-style-modern .vc_tta-tabs-container {
margin-bottom: 0;
}
.vc_tta.vc_tta-color-thegem.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-bottom.vc_tta-style-modern .vc_tta-tabs-container {
margin-top: 0;
}
.vc_tta.vc_tta-color-thegem.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left.vc_tta-style-modern .vc_tta-tabs-container {
margin-right: 0;
}
.vc_tta.vc_tta-color-thegem.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-right.vc_tta-style-modern .vc_tta-tabs-container {
margin-left: 0;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel-body,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel-heading,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab > a {
border-width: 0;
background-image: none;
filter: none;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
border-color: transparent;
background-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading:focus {
background-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title > a {
color: #dfe5e8;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-color: transparent;
background-color: #3c3950;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body {
background-color: #3c3950;
color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::after {
border-color: transparent;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-controls-icon::after {
border-color: #dfe5e8;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
border-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab > a {
border-color: transparent;
background-color: #99a9b5;
color: #dfe5e8;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab > a:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab > a:focus {
background-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab.vc_active > a {
border-color: transparent;
background-color: #3c3950;
color: #ffffff;
}
@media (min-width: 768px) {
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels {
background-color: #3c3950;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels::after {
border-color: transparent;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
border-color: transparent;
background-color: transparent;
}
} .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
margin-bottom: -1px;
}
.vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a {
padding-top: 10px;
padding-bottom: 10px;
}
.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a {
padding-top: 0;
padding-bottom: 0;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
border-color: transparent;
background-color: #dfe5e8;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:focus {
background-color: #dfe5e8;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a {
color: #5f727f;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-color: transparent;
background-color: #f4f6f7;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: #5f727f;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body {
background-color: #f4f6f7;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body::after {
border-color: transparent;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-controls-icon::after {
border-color: #5f727f;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
border-color: #5f727f;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a {
border-color: transparent;
background-color: #dfe5e8;
color: #5f727f;
}
.widget .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a {
color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a:focus {
background-color: #dfe5e8;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab.vc_active > a {
border-color: transparent;
background-color: #f4f6f7;
color: #5f727f;
}
@media (min-width: 768px) {
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels {
background-color: #f4f6f7;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels::after {
border-color: transparent;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
border-color: transparent;
background-color: transparent;
}
} .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading {
margin-bottom: -2px;
}
.vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a {
padding-top: 11px;
padding-bottom: 11px;
}
.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a {
padding-top: 1px;
padding-bottom: 1px;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading {
border-color: #99a9b5;
background-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:focus {
background-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title > a {
color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-color: #99a9b5;
background-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body {
background-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body::after {
border-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-controls-icon::after {
border-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
border-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a {
border-color: #99a9b5;
background-color: #99a9b5;
color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a:focus {
background-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab.vc_active > a {
border-color: #99a9b5;
background-color: #ffffff;
color: #99a9b5;
}
@media (min-width: 768px) {
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels {
background-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels::after {
border-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
border-color: transparent;
background-color: transparent;
}
}
.vc_tta.vc_tta-tabs.vc_tta-o-no-fill.vc_tta-color-thegem .vc_tta-panels,
.vc_tta.vc_tta-o-no-fill.vc_tta-color-thegem .vc_tta-panels .vc_tta-panel-body {
border-color: transparent;
background-color: transparent;
} .gem-gallery {
margin-bottom: 1.421em;
}
.gem-gallery-preview-carousel-wrap,
.gem-gallery-thumbs-carousel-wrap {
position: relative;
}
.gem-gallery.no-thumbs .gem-gallery-thumbs-carousel-wrap {
display: none;
}
.gem-gallery-preview-pagination {
padding-top: 25px;
}
.gem-gallery .gem-gallery-item {
float: left;
position: relative;
text-align: center;
}
.gem-gallery .gem-gallery-item a {
display: inline-block;
vertical-align: top;
}
.gem-gallery .gem-gallery-preview-carousel-wrap {
overflow: hidden;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap {
padding: 0 80px;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next {
width: 80px;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:after,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:after {
width: 80px;
height: 80px;
line-height: 80px;
margin-top: -40px;
margin-left: -40px;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:not(:hover):after,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:not(:hover):after {
background-color: #dfe5e8;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:after {
content: '\e637';
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:after {
content: '\e638';
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item {
padding: 18px 0 0;
margin: 0 9px;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a {
position: relative;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active a:before,
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a:hover:before {
opacity: 0.7;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a img {
width: 80px;
height: 80px;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active a {
position: relative;
overflow: visible;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active a img {
opacity: 1;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item svg {
display: none;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item svg {
position: absolute;
height: 10px;
top: -10px;
left: 50%;
margin-left: -10px;
width: 20px;
opacity: 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active svg {
opacity: 1;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-prev,
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-next {
top: 18px;
}
.gem-gallery-thumbs-carousel-wrap .gem-gallery-caption {
display: none;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a {
display: block;
position: relative;
overflow: hidden;
text-align: center;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item img {
display: inline-block;
height: auto;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.3s linear 0.4s;
-moz-transition: all 0.3s linear 0.4s;
-webkit-transition: all 0.3s linear 0.4s;
opacity: 0;
z-index: 5;
}
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:before {
opacity: 1;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a img {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a img {
transition: all 0.3s linear 0.2s;
-moz-transition: all 0.3s linear 0.2s;
-webkit-transition: all 0.3s linear 0.2s;
}
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-prev,
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-next {
z-index: 5;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-prev:after,
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-next:after {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
opacity: 0;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-prev:after {
transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-next:after {
transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
}
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-prev:after,
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-next:after {
transform: none;
-o-transform: none;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
opacity: 1;
}
@media (max-width: 756px) {
.gem-gallery .gem-gallery-thumbs-carousel-wrap {
padding: 0 25px;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next {
width: 25px;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:not(:hover):after,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:not(:hover):after {
background: transparent;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:after {
content: '\e636';
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:after {
content: '\e634';
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item {
margin: 0 7px;
}
}
body .fancybox-title-over-wrap {
width: 100%;
}
.gem-simple-gallery .gem-gallery-items-carousel-wrap {
position: relative;
}
.gem-simple-gallery .gem-gallery-item {
float: left;
position: relative;
text-align: center;
margin: 0 21px;
overflow: hidden;
max-width: 100%;
}
.gem-simple-gallery.responsive .gem-gallery-item {
margin: 0;
}
.widget .gem-simple-gallery .gem-gallery-item {
width: 261px;
}
.gem-simple-gallery .gem-gallery-item a {
display: inline-block;
vertical-align: top;
max-width: 100%;
}
.gem-simple-gallery .gem-gallery-items-carousel-wrap {
overflow: hidden;
}
.gem-simple-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a {
position: relative;
}
.gem-simple-gallery .gem-gallery-item a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-simple-gallery .gem-gallery-item a:hover:before {
opacity: 0.7;
}
.gem-simple-gallery .gem-gallery-caption {
display: none;
}
.gem-simple-gallery .gem-gallery-item img {
display: inline-block;
height: auto;
}
.gem-simple-gallery .gem-gallery-item a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.3s linear 0.4s;
-moz-transition: all 0.3s linear 0.4s;
-webkit-transition: all 0.3s linear 0.4s;
opacity: 0;
z-index: 5;
}
.gem-simple-gallery .gem-gallery-item a:hover:before {
opacity: 1;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.gem-simple-gallery .gem-gallery-item a img {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.gem-simple-gallery .gem-gallery-item a:hover img {
transition: all 0.3s linear 0.2s;
-moz-transition: all 0.3s linear 0.2s;
-webkit-transition: all 0.3s linear 0.2s;
}
.gem-simple-gallery .gem-gallery-item a:after {
content: '\e60f';
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-style: normal;
font-size: 63px;
height: 63px;
line-height: 63px;
width: 63px;
text-align: center;
position: absolute;
top: 0%;
left: 50%;
transition: all 0.2s ease 0.1s;
-moz-transition: all 0.2s ease 0.1s;
-webkit-transition: all 0.2s ease 0.1s;
margin-left: -32px;
margin-top: -32px;
z-index: 5;
opacity: 0;
}
.gem-simple-gallery .gem-gallery-item a:hover:after {
transition: all 0.2s ease 0.1s;
-moz-transition: all 0.2s ease 0.1s;
-webkit-transition: all 0.2s ease 0.1s;
top: 50%;
opacity: 1;
}
.gem-simple-gallery .gem-prev,
.gem-simple-gallery .gem-next {
z-index: 5;
} .gem-icon-with-title {
margin-bottom: 1.421em;
}
.gem-icon-with-title > .gem-icon-with-title-icon {
display: table-cell;
padding-right: 10px;
vertical-align: middle;
}
.gem-icon-with-title-icon-size-medium > .gem-icon-with-title-icon {
padding-right: 20px;
}
.gem-icon-with-title-icon-size-big > .gem-icon-with-title-icon {
padding-right: 30px;
}
.gem-iconed-title {
display: table-cell;
vertical-align: middle;
text-transform: uppercase;
width: 99%;
}
.gem-iconed-title > * {
margin: 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-icon-size-medium > .gem-icon-with-text-icon {
padding-right: 20px;
}
.gem-icon-with-text-icon-size-big > .gem-icon-with-text-icon {
padding-right: 30px;
}
.gem-icon-with-text.gem-icon-with-text-flow > .gem-icon-with-text-icon {
display: block;
float: left;
margin: 0 10px 0 0;
padding-right: 0;
}
.gem-icon-with-text-icon-size-medium.gem-icon-with-text-flow > .gem-icon-with-text-icon {
margin: 0 20px 0 0;
}
.gem-icon-with-text-icon-size-big.gem-icon-with-text-flow > .gem-icon-with-text-icon {
margin: 0 30px 0 0;
}
.gem-icon-with-text > .gem-icon-with-text-content {
display: table-cell;
width: 99%;
vertical-align: top;
}
.gem-icon-with-text.gem-icon-with-text-flow > .gem-icon-with-text-content {
display: block;
width: auto;
}
.gem-icon-with-text.centered-box > .gem-icon-with-title {
display: block;
}
.gem-icon-with-text.centered-box > .gem-icon-with-text-icon,
.gem-icon-with-text.centered-box > .gem-icon-with-title > .gem-icon-with-title-icon {
display: block;
text-align: center;
padding: 0 0 10px;
}
.gem-icon-with-text.centered-box > .gem-icon-with-title > .gem-iconed-title {
display: block;
}
.gem-icon-with-text-icon-size-medium.centered-box > .gem-icon-with-text-icon,
.gem-icon-with-text-icon-size-medium.centered-box > .gem-icon-with-title > .gem-icon-with-title-icon {
display: block;
text-align: center;
padding: 0 0 20px;
}
.gem-icon-with-text-icon-size-big.centered-box > .gem-icon-with-text-icon,
.gem-icon-with-text-icon-size-big.centered-box > .gem-icon-with-title > .gem-icon-with-title-icon {
display: block;
text-align: center;
padding: 0 0 30px;
}
.gem-icon-with-text.gem-icon-with-text-flow.centered-box > .gem-icon-with-text-icon {
float: none;
margin: 0;
}
.gem-icon-with-text.centered-box > .gem-icon-with-text-content {
display: block;
width: auto;
}
.gem-icon-with-text > .gem-icon-with-title,
.gem-icon-with-text > .gem-icon-with-title + .gem-icon-with-text-content {
display: table-row;
}
.gem-icon-with-text > .gem-icon-with-title + .gem-icon-with-text-content > .gem-icon-with-text-empty,
.gem-icon-with-text > .gem-icon-with-title + .gem-icon-with-text-content > .gem-icon-with-text-text {
display: table-cell;
}
@media (max-width: 768px) {
.gem-icon-with-text:not(.disable-mobile-centered) > .gem-icon-with-text-icon {
display: block;
text-align: center;
padding: 0 0 10px;
padding-right: 0 !important;
}
.gem-icon-with-text-icon-size-medium:not(.disable-mobile-centered) > .gem-icon-with-text-icon {
display: block;
text-align: center;
padding: 0 0 20px;
}
.gem-icon-with-text-icon-size-big:not(.disable-mobile-centered) > .gem-icon-with-text-icon {
display: block;
text-align: center;
padding: 0 0 30px;
}
.gem-icon-with-text.gem-icon-with-text-flow:not(.disable-mobile-centered) > .gem-icon-with-text-icon {
float: none;
margin: 0;
}
.gem-icon-with-text:not(.disable-mobile-centered) > .gem-icon-with-text-content,
.gem-icon-with-text.centered-box > .gem-icon-with-title + .gem-icon-with-text-content {
display: block;
width: auto;
text-align: center;
}
.gem-icon-with-text:not(.disable-mobile-centered) > .gem-icon-with-title + .gem-icon-with-text-content {
text-align: left;
}
} .gem-alert-box:not(.centered-box) {
display: table;
width: 100%;
}
.gem-textbox-content .gem-alert-box {
padding: 20px;
}
.gem-alert-box:not(.centered-box) .gem-alert-box-picture,
.gem-alert-box:not(.centered-box) .gem-alert-box-content,
.gem-alert-box:not(.centered-box) .gem-alert-box-buttons {
display: table-cell;
vertical-align: middle;
width: 1%;
}
.gem-alert-box:not(.centered-box) .gem-alert-box-content {
width: 99%;
padding: 0 42px;
}
.gem-alert-box:not(.centered-box) .gem-alert-box-buttons .gem-button {
margin: 15px 0;
}
.gem-alert-box-image {
overflow: hidden;
display: inline-block;
vertical-align: top;
}
.gem-alert-box-image.image-size-small,
.gem-alert-box-image.image-size-small img,
.gem-alert-box-image.image-size-medium,
.gem-alert-box-image.image-size-medium img {
border-radius: 3px;
}
.gem-alert-box-image.image-size-large,
.gem-alert-box-image.image-size-large img {
border-radius: 6px;
}
.gem-alert-box-image.image-size-xlarge,
.gem-alert-box-image.image-size-xlarge img {
border-radius: 9px;
}
.gem-alert-box-image.image-shape-circle,
.gem-alert-box-image.image-shape-circle img {
border-radius: 50%;
}
.gem-alert-box-image.image-size-small {
width: 50px;
}
.gem-alert-box-image.image-size-small.image-shape-circle,
.gem-alert-box-image.image-size-small.image-shape-circle img {
height: 50px;
}
.gem-alert-box-image.image-size-medium {
width: 80px;
}
.gem-alert-box-image.image-size-medium.image-shape-circle,
.gem-alert-box-image.image-size-medium.image-shape-circle img {
height: 80px;
}
.gem-alert-box-image.image-size-large {
width: 160px;
}
.gem-alert-box-image.image-size-large.image-shape-circle,
.gem-alert-box-image.image-size-large.image-shape-circle img {
height: 160px;
}
.gem-alert-box-image.image-size-xlarge {
width: 240px;
}
.gem-alert-box-image.image-size-xlarge.image-shape-circle,
.gem-alert-box-image.image-size-xlarge.image-shape-circle img {
height: 240px;
}
.gem-alert-box.centered-box .gem-alert-box-content {
padding: 40px 0 20px;
}
.gem-alert-box.centered-box .gem-alert-box-buttons .gem-button {
margin: 20px 21px 0;
}
@media (max-width: 768px) {
.gem-alert-box:not(.centered-box) {
display: block;
text-align: center;
}
.gem-alert-box:not(.centered-box) .gem-alert-box-picture,
.gem-alert-box:not(.centered-box) .gem-alert-box-content,
.gem-alert-box:not(.centered-box) .gem-alert-box-buttons {
display: block;
width: 100%;
}
.gem-alert-box:not(.centered-box) .gem-alert-box-content {
width: 100%;
padding: 40px 0 20px;
}
.gem-alert-box:not(.centered-box) .gem-alert-box-buttons .gem-button-container {
display: inline-block;
}
.gem-alert-box:not(.centered-box) .gem-alert-box-buttons .gem-button {
margin: 20px 21px 0;
}
} .gem-button-separator-holder,
.gem-button-separator-button {
display: table-cell;
vertical-align: middle;
}
.gem-button-separator-holder {
width: 50%;
}
.gem-button-separator-holder svg {
display: block;
}
.gem-button-sep-button .gem-button {
margin: 20px 0;
vertical-align: middle;
}
.gem-button-separator-line {
width: 100%;
}
.gem-button-separator-type-single .gem-button-separator-line {
border-top: 2px solid;
border-bottom: 2px solid;
height: 0;
}
.gem-button-separator-type-square .gem-button-separator-button {
padding: 0 20px;
}
.gem-button-separator-type-soft-double .gem-button-separator-line {
border-top: 1px solid;
border-bottom: 1px solid;
height: 7px;
}
.gem-button-separator-type-square .gem-button-separator-button {
padding: 0 40px;
}
.gem-button-separator-type-strong-double .gem-button-separator-line {
border-top: 4px solid;
border-bottom: 4px solid;
height: 17px;
}
.gem-button-separator-type-load-more .gem-button-separator-button {
padding: 0 20px;
}
.gem-button-separator-type-load-more .gem-button-separator-line {
border-top: 1px solid;
border-bottom: 1px solid;
height: 4px;
} .clearboth {
clear: both;
height: 0;
font-size: 0;
line-height: 0;
}
.clear {
height: 0;
font-size: 0;
line-height: 0;
clear: both;
}
.gem-divider {
position: relative;
border-top: 1px solid transparent;
height: 0;
font-size: 0;
line-height: 0;
}
.gem-divider-style-1 {
height: 1px;
border: 0 none;
}
.gem-divider-style-2 {
border-top: 3px solid transparent;
}
.gem-divider-style-3 {
border-top: 7px solid transparent;
}
.gem-divider-style-4 {
height: 8px;
border: 0 none;
}
.gem-divider-style-5 {
height: 6px;
border: 0 none;
}
.gem-divider-style-6 {
border-top: 0;
height: 10px;
background: url(//www.hwathai.my/wp-content/themes/thegem/images/divider-zigzag.png) repeat-x 50% 0;
}
.gem-divider-style-7 {
border-top: 0;
height: 8px;
background: url(//www.hwathai.my/wp-content/themes/thegem/images/divider-wave.png) repeat-x 50% 0;
} .gem-dropcap .gem-dropcap-letter {
float: left;
position: relative;
font-size: 127%;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
overflow: hidden;
margin-right: 21px;
text-align: center;
width: 80px;
height: 80px;
line-height: 80px;
margin-top: 7px;
}
.gem-dropcap.gem-dropcap-style-medium .gem-dropcap-letter{
width: 50px;
height: 50px;
line-height: 48px;
}
.gem-dropcap.gem-dropcap-shape-square .gem-dropcap-letter {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
} .vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="chevron"]::before {
-webkit-transform: rotate(-45deg) translate(-25%, -25%);
-ms-transform: rotate(-45deg) translate(-25%, -25%);
transform: rotate(-45deg) translate(-25%, -25%);
}
.vc_tta.vc_tta-accordion .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before,
.vc_tta.vc_tta-accordion .vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon="chevron"]::before {
-webkit-transform: rotate(45deg) translate(-25%, -25%);
-ms-transform: rotate(45deg) translate(-25%, -25%);
transform: rotate(45deg) translate(-25%, -25%);
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a,
.vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a,
.vc_tta.vc_general.vc_tta-accordion [data-vc-tta-controls-icon-position="left"].vc_tta-panel-title > a,
.vc_tta.vc_general.vc_tta-accordion [data-vc-tta-controls-icon-position="right"].vc_tta-panel-title > a {
padding-left: 50px;
padding-right: 50px;
}
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-left.vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-left.vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid [data-vc-tta-controls-icon-position="left"].vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed [data-vc-tta-controls-icon-position="left"].vc_tta-panel-title > a {
padding-left: 30px;
padding-right: 0;
}
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-right.vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-right.vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid [data-vc-tta-controls-icon-position="right"].vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed [data-vc-tta-controls-icon-position="right"].vc_tta-panel-title > a {
padding-left: 0;
padding-right: 30px;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-body {
padding: 50px;
}
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel-body,
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel-body {
padding: 30px 0 50px;
}
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel .vc_tta-panel-title,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel .vc_tta-panel-title {
font-size: 16px;
}
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel .vc_tta-panel-title,
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel .vc_tta-panel-title {
font-size: 14px;
}
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel + .vc_tta-panel {
border-top: 1px solid #b6c6c9;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_solid .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_solid .vc_tta-controls-icon::after {
border-color: #b6c6c9;
color: #b6c6c9;
}
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel + .vc_tta-panel {
border-top: 1px dashed #3c3950;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::after {
border-color: #00bcd4;
color: #00bcd4;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
border-color: #3c3950;
color: #3c3950;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_squared"],
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_rounded"],
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="outlined_rounded"] {
width: 24px;
height: 24px;
line-height: 24px;
font-size: 24px;
text-align: center;
font-style: normal;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded,
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="left"] .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_rounded"],
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="left"] .vc_tta-controls-icon[data-vc-tta-controls-icon="outlined_rounded"] {
left: 17px;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared,
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="left"] .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_squared"] {
left: 20px;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-chevron,
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="left"] .vc_tta-controls-icon[data-vc-tta-controls-icon="chevron"] {
left: 23px;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded,
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="right"] .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_rounded"],
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="right"] .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_rounded"] {
right: 13px;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared,
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="right"] .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_squared"] {
right: 20px;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-chevron,
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="right"] .vc_tta-controls-icon[data-vc-tta-controls-icon="chevron"] {
right: 23px;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_squared"]::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_rounded"]::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="outlined_rounded"]::before {
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_squared"]::before {
content: '\e62f';
}
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared::before,
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_squared"]::before {
content: '\e62e';
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_rounded"]::before {
content: '\e60a';
}
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded::before,
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_rounded"]::before {
content: '\e609';
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="outlined_rounded"]::before {
content: '\e62d';
}
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded::before,
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon="outlined_rounded"]::before {
content: '\e62c';
}
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-left .vc_tta-controls-icon,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
left: 0;
}
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-right .vc_tta-controls-icon,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-right .vc_tta-controls-icon,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid [data-vc-tta-controls-icon-position="right"] .vc_tta-controls-icon,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed [data-vc-tta-controls-icon-position="right"] .vc_tta-controls-icon {
right: 0;
} .widget .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a,
.widget .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a {
padding-left: 35px;
padding-right: 35px;
}
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-left.vc_tta-panel-title > a,
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-left.vc_tta-panel-title > a {
padding-left: 30px;
padding-right: 0;
}
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-right.vc_tta-panel-title > a,
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-right.vc_tta-panel-title > a {
padding-left: 0;
padding-right: 30px;
}
.widget .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-body {
padding: 35px;
}
.widget .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel-body,
.widget .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel-body {
padding: 20px 0 35px;
}
.widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared,
.widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded,
.widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded {
left: 7px;
}
.widget .widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared,
.widget .widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded,
.widget .widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded {
right: 7px;
}
.widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-chevron {
left: 15px;
}
.widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-chevron {
left: 15px;
} .gem-news {
margin-bottom: 1.421em;
}
.gem-news .gem-news-item {
float: left;
width: 360px;
padding: 0 15px;
position: relative;
}
.gem-news-item-left {
display: table-cell;
padding-top: 7px;
}
.gem-news-item-right {
display: table-cell;
vertical-align: middle;
padding-top: 4px;
width: 100%;
padding-left: 12px;
}
.gem-news-item-image {
width: 72px;
height: 72px;
}
.gem-news-item-excerpt {
margin-top: 2px;
}
.gem-news-item-date {
margin-top: 3px;
}
.gem-news-zilla-likes {
position: absolute;
right: 30px;
bottom: 0px;
}
.gem-news .post-meta-likes {
margin-right: 5px;
}
.gem-news_title-excerpt > p {
max-height: 5em;
overflow: hidden;
}
.gem-news_title-excerpt {
max-height: 4.6em;
overflow: hidden;
}
.gem-news-item-meta {
position: relative;
}
.gem-news-item-right-conteiner {
max-height: 3.1em;
overflow: hidden;
} .gem-clients {
margin-bottom: 1.421em;
}
.gem-clients-type-carousel-grid .gem-clients-slide {
float: left;
width: 100%;
}
.disable-grayscale.gem-clients-type-carousel-grid .gem-client-item a  {
background-color: transparent;
}
.gem-clients-type-carousel-grid .gem-client-item {
float: left;
padding: 0 5px 10px 5px;
}
.gem-clients-slide-inner.clearfix {
margin-left: -5px;
margin-right: -5px;
}
.gem-clients-type-carousel-grid .gem-client-item a {
display: block;
width: 100%;
text-align: center;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.disable-grayscale.gem-clients-type-carousel-grid .gem-client-item a img {
opacity: 1;
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
}
.gem-clients-type-carousel-grid .gem-client-item a img {
display: inline-block;
opacity: 0.5;
}
.gem-clients-type-carousel-grid .gem-client-item a:hover img {
opacity: 1;
} .diagram-item {
margin-bottom: 1.421em;
}
.skill-element + .skill-element {
margin: 8px 0 0 0;
}
.skill-title {
font-size: 89.5%;
line-height: 1.421;
margin: 0 0 5px 0;
}
.skill-amount {
float: right;
font-size: 126.3%;
margin-top: -11px;
}
.skill-line {
font-size: 0;
line-height: 1;
height: 10px;
margin-right: 55px;
}
.skill-line div {
display: inline-block;
font-size: 0;
line-height: 1;
height: 10px;
}
.skill-line div.animation {
-moz-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.diagram-summary {
font-size: 89.5%;
line-height: 1.471;
margin: 0 0 0.766667em 0;
}
.widget .diagram-summary {
font-size: 100%;
}
.diagram-summary-text {
margin: 0 0 0.766667em 0;
}
.diagram-circle {
text-align: center;
}
.diagram-circle {
position: relative;
}
.diagram-circle .box-wrapper {
max-width: 550px;
position: relative;
text-align: left;
}
.tab_wrapper .diagram-circle .box-wrapper {
margin: 0 auto;
}
.diagram-circle .box {
position: relative;
}
.diagram-circle .skills {
display: none;
}
.diagram-circle .text {
font-size: 89.5%;
line-height: 1.471;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.widget .diagram-circle .text {
font-size: 100%;
}
.diagram-circle .text div {
display: table-cell;
text-align: center;
vertical-align: middle;
line-height: 1.2;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.diagram-circle .text div span {
display: block;
text-align: center;
padding: 0 0 0 5px;
margin: 0;
}
.widget .diagram-circle .text div,
.widget .diagram-circle .text div span.title {
font-size: inherit;
}
.diagram-legend {
display: inline-block;
position: absolute;
left: 0;
top: 50%;
z-index: 1;
text-align: left;
}
.diagram-legend .legend-element {
margin: 0 0 26px 0;
}
.diagram-legend .legend-element .color {
display: block;
float: left;
width: 16px;
height: 16px;
}
.sidebar .diagram-legend .legend-element .color {
width: 12px;
height: 12px;
}
.diagram-legend .legend-element .title {
display: block;
line-height: 1;
margin: 0 0 0 46px;
margin-left: 30px;
}
.widget .diagram-legend .legend-element .title {
margin-left: 23px;
margin-top: -2px;
} .gem-map-with-text {
position: relative;
margin-bottom: 1.421em;
}
.gem-map-with-text.rounded-corners {
-webkit-mask-image: url(//www.hwathai.my/wp-content/themes/thegem/css/rounded.svg);
}
.gem-map-with-text-content {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
padding: 20px 15px;
}
.gem-map-with-text-map {
overflow: hidden;
}
.gem-map-with-text-map .wpb_gmaps_widget {
margin-top: -54px;
margin-bottom: 0;
}
@media (max-width: 992px) {
.gem-map-with-text-content {
position: relative;
top: auto;
left: auto;
width: auto;
}
}
.wpb_map_wraper iframe {
vertical-align: top;
} .gem-counter-box {
margin-bottom: 1.421em;
}
.gem-counter {
position: relative;
text-align: center;
}
@media (max-width: 549px) {
.gem-counter {
width: 100%;
}
}
.gem-counter-inner {
position: relative;
padding: 40px 30px 30px;
}
.gem-counter .gem-counter-number .gem-counter-odometer,
.gem-counter-suffix {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
}
.gem-counter-icon {
margin-bottom: 30px;
}
.gem-counter-number {
margin-bottom: 0;
}
.gem-counter-icon-circle-1 {
display: inline-block;
vertical-align: top;
border-radius: 50%;
border-width: 4px;
border-style: solid;
padding: 9px;
}
.gem-counter-icon-circle-2 {
width: 146px;
height: 146px;
line-height: 146px;
border-radius: 50%;
text-align: center;
border-width: 2px;
border-style: solid;
}
.gem-counter-style-vertical .gem-counter,
.gem-counter-style-vertical .gem-counter-inner {
position: relative;
}
.gem-counter-style-vertical .gem-counter {
margin-top: 50px;
}
.gem-counter-style-vertical .gem-counter-connector {
position: absolute;
width: 3px;
top: -50px;
left: 50%;
margin-left: -1px;
}
.gem-counter-style-vertical .gem-counters-list:first-child .gem-counter:first-child {
margin-top: 0;
}
.gem-counter-style-vertical .gem-counters-list:first-child .gem-counter:first-child .gem-counter-connector {
display: none;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-small {
padding-top: 25px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-small .gem-counter-inner {
padding-top: 60px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-small .gem-counter-connector {
height: 75px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-medium {
padding-top: 40px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-medium .gem-counter-inner {
padding-top: 75px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-medium .gem-counter-connector {
height: 90px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-large {
padding-top: 80px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-large .gem-counter-inner {
padding-top: 115px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-large .gem-counter-connector {
height: 130px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-xlarge {
padding-top: 120px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-xlarge .gem-counter-inner {
padding-top: 170px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-xlarge .gem-counter-connector {
height: 185px;
}
.gem-counter-style-vertical .gem-counter-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.gem-counter-team .gem-team .inline-column {
margin-bottom: 0;
}
.gem-counter-team .team-person .team-person-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
.gem-counter-team .team-person .team-person-image img {
display: inline-block;
}
.gem-counter-team.image-size-small {
padding-top: 25px;
}
.gem-counter-team.image-size-small .team-person {
padding-top: 60px;
}
.gem-counter-team.image-size-small .team-person .team-person-image img {
width: 50px;
height: 50px;
}
.gem-counter-team.image-size-medium {
padding-top: 40px;
}
.gem-counter-team.image-size-medium .team-person {
padding-top: 60px;
}
.gem-counter-team.image-size-medium .team-person .team-person-image img {
width: 80px;
height: 80px;
}
.gem-counter-team.image-size-large {
padding-top: 80px;
}
.gem-counter-team.image-size-large .team-person {
padding-top: 115px;
}
.gem-counter-team.image-size-large .team-person .team-person-image img {
width: 160px;
height: 160px;
}
.gem-counter-team.image-size-xlarge {
padding-top: 120px;
}
.gem-counter-team.image-size-xlarge .team-person {
padding-top: 170px;
}
.gem-counter-team.image-size-xlarge .team-person .team-person-image img {
width: 240px;
height: 240px;
}
.gem-counter-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.gem-counter .gem-icon {
overflow: visible;
}
.gem-counter .gem-counter-animation {
position: absolute;
left: -1px;
right: -1px;
top: -1px;
bottom: -1px;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-icon-shape-circle .gem-counter-animation {
border-radius: 50%;
}
.gem-counter-effect-background-reverse .gem-counter-animation {
transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
}
.gem-counter-effect-background-reverse.hover .gem-counter-animation {
transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
}
.gem-counter-effect-border-reverse .gem-counter-animation {
transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
}
.gem-counter-effect-border-reverse.hover .gem-counter-animation {
transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
}
.gem-counter-bottom {
position: absolute;
bottom: -10px;
height: 10px;
left: 0;
width: 100%;
}
.gem-counter-bottom-left,
.gem-counter-bottom-right,
.gem-counter-bottom svg {
position: absolute;
top: 0;
height: 100%;
}
.gem-counter-bottom-left {
left: 0;
right: 50%;
margin-right: 10px;
}
.gem-counter-bottom-right {
right: 0;
left: 50%;
margin-left: 10px;
}
.gem-counter-bottom svg {
left: 50%;
margin-left: -10px;
}
.gem-counter .gem-counter-inner,
.gem-counter .gem-icon,
.gem-counter .gem-icon-inner,
.gem-counter .gem-icon-half-1,
.gem-counter .gem-icon-half-2,
.gem-counter .gem-counter-number,
.gem-counter .gem-counter-text,
.gem-counter-icon-circle-1,
.gem-counter-icon-circle-2,
.gem-counter-bottom-left,
.gem-counter-bottom-right,
.gem-counter-bottom svg {
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
} .vc_separator .vc_sep_text {
line-height: 1em;
display: table-cell;
white-space: pre;
}
.vc_separator.vc_separator_align_center .vc_sep_text {
padding: 0 0.8em;
}
.vc_separator.vc_separator_align_left .vc_sep_text {
padding: 0 0.8em 0 0;
}
.vc_separator.vc_separator_align_right .vc_sep_text {
padding: 0 0 0 0.8em;
margin: 0 !important;
}
.vc_separator.vc_sep_double .vc_sep_line {
height: 4px !important;
}
@media (max-width: 768px) {
.vc_separator .vc_sep_text {
white-space: normal;
text-align: center;
}
}
.vc_separator.vc_sep_color_blue .vc_sep_text {
color: #5472d2;
}
.vc_separator.vc_sep_color_turquoise .vc_sep_text {
color: #00c1cf;
}
.vc_separator.vc_sep_color_pink .vc_sep_text {
color: #fe6c61;
}
.vc_separator.vc_sep_color_violet .vc_sep_text {
color: #8d6dc4;
}
.vc_separator.vc_sep_color_peacoc .vc_sep_text {
color: #4cadc9;
}
.vc_separator.vc_sep_color_chino .vc_sep_text {
color: #cec2ab;
}
.vc_separator.vc_sep_color_mulled_wine .vc_sep_text {
color: #50485b;
}
.vc_separator.vc_sep_color_vista_blue .vc_sep_text {
color: #75d69c;
}
.vc_separator.vc_sep_color_black .vc_sep_text {
color: #2a2a2a;
}
.vc_separator.vc_sep_color_grey .vc_sep_text {
color: #ebebeb;
}
.vc_separator.vc_sep_color_orange .vc_sep_text {
color: #f7be68;
}
.vc_separator.vc_sep_color_sky .vc_sep_text {
color: #5aa1e3;
}
.vc_separator.vc_sep_color_green .vc_sep_text {
color: #6dab3c;
}
.vc_separator.vc_sep_color_juicy_pink .vc_sep_text {
color: #f4524d;
}
.vc_separator.vc_sep_color_sandy_brown .vc_sep_text {
color: #f79468;
}
.vc_separator.vc_sep_color_purple .vc_sep_text {
color: #b97ebb;
}
.vc_separator.vc_sep_color_white .vc_sep_text {
color: #ffffff;
}
.vc_separator.vc_sep_color_grace .vc_sep_text {
color: #aed13b;
} .comment {
position: relative;
}
.comment .comment {
margin-left: 45px;
}
.comment .comment:before {
content: '';
position: absolute;
top: 0;
height: 100%;
border-left: 1px solid #dfe5e8;
left: -45px;
}
.comment-inner {
position: relative;
margin-bottom: 40px;
}
.comment .comment >.comment-inner:before {
content: '';
position: absolute;
top: 50%;
border-top: 1px solid #dfe5e8;
left: -45px;
width: 45px;
}
.comments-title,
.comment-reply-title {
text-transform: uppercase;
margin-top: 0;
}
.comments-title:before {
content: '\e63d';
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 48px;
margin-right: 30px;
vertical-align: top;
color: #d8e5e7;
}
.comment-reply-title:before {
content: '\e63e';
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 48px;
margin-right: 25px;
vertical-align: top;
color: #ff758f;
}
.comments-area {
margin-top: 100px;
}
.comment-list {
margin-bottom: 110px;
}
.comment-author a {
color: inherit;
}
.comment-author .avatar {
float: left;
width: 40px;
height: 40px;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 15px;
}
.comment.depth-1 > .comment-inner .comment-author .avatar {
width: 70px;
height: 70px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin-top: 0;
margin-bottom: 0;
}
.comment-author .fn {
margin: 10px 0 0;
}
.comment-meta {
font-size: 89.5%;
line-height: 1.421;
display: inline-block;
}
.comment-text,
.comment-awaiting-moderation {
padding-top: 20px;
}
.comment-inner {
padding: 33px 40px 45px;
}
.comment-header {
display: table;
width: 100%;
}
.comment-header .comment-author,
.comment-header .reply {
display: table-cell;
}
.comment-header .reply {
text-align: right;
}
.comment-header .reply .gem-button {
margin-right: 0;
}
.comment-form-fields {
margin-bottom: 42px;
}
.comment-form label {
display: block;
margin-bottom: 15px;
}
.comment-form .comment-form-fields input[type="text"],
.comment-form .comment-form-fields input[type="email"] {
width: 100%;
line-height: 48px;
height: 50px;
padding: 0 50px 0 20px;
}
.comment-form .comment-author-input,
.comment-form .comment-email-input,
.comment-form .comment-url-input {
position: relative;
}
.comment-form .comment-author-input:after,
.comment-form .comment-email-input:after,
.comment-form .comment-url-input:after {
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
position: absolute;
top: 0;
right: 21px;
font-size: 24px;
width: 50px;
height: 100%;
line-height: 50px;
text-align: center;
}
.comment-form .comment-author-input:after {
content: '\e63b';
}
.comment-form .comment-email-input:after {
content: '\e643';
}
.comment-form .comment-url-input:after {
content: '\e623';
}
.comment-form #comment {
width: 100%;
padding: 15px 20px;
}
.comment-form .comment-form-cookies-consent {
display: flex;
margin-top: 36px;
align-items: flex-start;
}
.comment-form .comment-form-cookies-consent label {
margin: 0;
line-height: 26px;
}
.comment-form .comment-form-cookies-consent .checkbox-sign {
flex: 0 0 auto;
margin-right: 10px;
width: 26px;
height: 26px;
border: 1px solid #dfe5e8;
}
.comment-form .comment-form-cookies-consent .checkbox-sign.checked:before {
font-size: 21px;
margin-left: -10px;
} .blog-post-image img {
display: inline-block;
} .post-related-posts h2 {
padding-right: 100px;
}
.post-related-posts h2:before {
content: '\e63c';
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 48px;
margin-right: 25px;
vertical-align: top;
color: #72cfce;
} .gem-nivoslider .nivo-directionNav a {
top: 0;
}
.gem-mini-pagination.nivo-controlNav {
bottom: 0;
position: absolute;
width: 100%;
z-index: 10;
}
.gem-nivoslider .nivo-caption {
padding: 0;
overflow: visible;
opacity: 1;
position: relative;
width: 1212px;
margin: 0 auto;
}
.gem-nivoslider .caption-left,
.gem-nivoslider .caption-right {
position: absolute;
bottom: 50px;
max-width: 70%;
}
.gem-nivoslider .caption-left {
left: 20px;
}
.gem-nivoslider .caption-right {
right: 20px;
}
@media only screen and (max-width:1439px) {
.gem-nivoslider .nivo-caption {
width: auto;
}
.gem-nivoslider .caption-left {
left: 155px;
}
.gem-nivoslider .caption-right {
right: 155px;
}
}
@media only screen and (max-width:799px) {
.gem-nivoslider .caption-left {
left: 80px;
}
.gem-nivoslider .caption-right {
right: 80px;
}
.gem-nivoslider .nivo-directionNav {
display: none;
}
.gem-nivoslider .gem-mini-pagination.nivo-controlNav {
display: none;
}
}
.gem-nivoslider .caption-left .gem-nivoslider-title,
.gem-nivoslider .caption-left .gem-nivoslider-description {
float: left;
text-align: left;
}
.gem-nivoslider .caption-right .gem-nivoslider-title,
.gem-nivoslider .caption-right .gem-nivoslider-description {
float: right;
text-align: right;
}
.gem-nivoslider .nivo-caption .gem-nivoslider-title {
background-color: rgba(56, 65, 84, 0.8);
color: #ffffff;
padding: 10px 15px;
}
.gem-nivoslider .nivo-caption .gem-nivoslider-description {
background-color: rgba(0, 0, 0, 0.7);
color: #ffffff;
padding: 0 10px;
} .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;
}
.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;
}
}
#page .wpb_start_animation.wpb_left-to-right,
#page .wpb_start_animation.wpb_right-to-left,
#page .wpb_start_animation.wpb_top-to-bottom,
#page .wpb_start_animation.wpb_bottom-to-top,
#page .wpb_start_animation.wpb_appear {
-webkit-animation-duration: 1.4s;
-moz-animation-duration: 1.4s;
-o-animation-duration: 1.4s;
animation-duration: 1.4s;
}
.wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
opacity: 1;
}
body .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
opacity: 0;
}
body .lazy-loading .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
opacity: 1;
} #primary-menu.no-responsive > li > ul.submenu-languages {
list-style: none;
padding: 0;
width: auto;
}
#primary-navigation.no-responsive .menu-item-language a {
text-align: center;
}
.menu-item.menu-item-language img.iclflag {
position: relative;
margin-right: 0;
width: 19px !important;
height: 13px !important;
} #primary-menu.no-responsive > li.menu-item-language > a {
padding-right: 8px !important;
}
#primary-menu.no-responsive > li.menu-item-language > a:before {
display: none;
}
#primary-menu.no-responsive > li.menu-item-search > a {
padding-left: 10px !important;
padding-right: 3px !important;
}
#primary-menu.no-responsive > li.menu-item-cart > a {
padding-left: 7px !important;
}
#page.vertical-header #primary-menu.no-responsive > li.menu-item-cart > a {
padding-left: 0px !important;
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-language > a,
.header-style-4 #primary-menu.no-responsive > li.menu-item-language > a {
padding-right: 9px !important;
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-search > a,
.header-style-4 #primary-menu.no-responsive > li.menu-item-search > a {
padding-left: 7px !important;
padding-right: 3px !important;
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-cart > a,
.header-style-4 #primary-menu.no-responsive > li.menu-item-cart > a,
.header-style-3 .hamburger-minicart > a,
.header-style-4 .hamburger-minicart > a {
padding-left: 2px !important;
}
.header-layout-perspective .hamburger-minicart > a,
.header-style-3.header-layout-overlay .hamburger-minicart > a,
.header-style-4.header-layout-overlay .hamburger-minicart > a {
padding: 0 !important;
} .gem-sticky-block > * {
left: auto;
right: auto;
}
.gem-sticky-block .sticky-fixed {
position: fixed;
} .wp-caption {
margin-bottom: 1.6em;
max-width: 100%;
}
.wp-caption-text {
font-size: 89.5%;
padding: 0.5em 0;
}
.sticky {}
.gallery-caption {
font-size: 89.5%;
padding: 0.5em 0;
}
.bypostauthor {}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0 1.6em 1.6em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0 0 1.6em 1.6em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear: both;
margin-top: 0;
margin-bottom: 1.6em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2em;
}
body .blog {
margin-bottom: 20px;
padding-bottom: 30px;
}
*:not(.gem-table):not(.cart_totals) > table:not(.shop_table):not(.group_table):not(.variations) td,
*:not(.gem-table):not(.cart_totals) > table:not(.shop_table):not(.group_table):not(.variations) th {
padding: 5px 10px;
}
.page-links a {
display: inline-block;
position: relative;
}
.page-links span:not(.page-links-title) {
display: inline-block;
width: 1.421em;
text-align: center;
} .gallery {
margin-bottom: 1.6em;
}
.gallery .gallery-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
display: block;
padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.gem-slideshow > .rs-p-wp-fix + * {
height: 400px;
} .block-content .search-form-block .searchform #s {
width: 100%;
}
.gem-search-form {
margin: 50px 0;
}
.gem-search-form form {
position: relative;
}
.gem-search-form .search-field {
width: 100%;
height: 50px;
line-height: 50px;
padding: 0 50px 0 25px;
border-radius: 25px;
border: 0 none;
box-sizing: border-box;
outline: 0 none;
}
.gem-search-form .search-submit {
position: absolute;
top: 0;
height: 50px;
line-height: 50px;
width: 50px;
text-align: center;
right: 0;
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 24px;
background: transparent;
border: 0 none;
}
.gem-search-form .search-submit:after {
content: '\e612';
} .gem-video-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.gem-video-background ~ * {
position: relative;
z-index: 1;
}
.gem-video-background-inner,
.gem-video-background-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.gem-video-background-inner iframe,
.gem-video-background-inner video {
width: 100%;
height: 100%;
} .zilla-likes {
margin-bottom: 0 !important;
color: inherit;
display: inline-block;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.zilla-likes:hover {
color: #3c3950;
}
.zilla-likes:before {
content: '\e641';
display: inline-block;
font-family: "thegem-icons";
font-style: normal;
font-size: 16px;
font-weight: normal;
line-height: inherit;
margin-right: 6px;
vertical-align: top;
}
.zilla-likes .zilla-likes-count {
display: inline-block;
vertical-align: top;
} #fancybox-video {
width: 80%;
height: 80%;
overflow: hidden;
}
#fancybox-video .mejs-container,
#fancybox-video .mejs-container video {
width: 100% !important;
height: 100% !important;
}
.video-block {
position: relative;
background-color: #e3ebe8;
}
.video-block > iframe,
.video-block > video,
.video-block > .preloader,
.video-block > .mejs-video {
position: absolute;
width: 100% !important;
height: 100% !important;
left: 0;
top: 0;
}
.fancybox-inner .video-block {
width: 100%;
height: 100%;
overflow: hidden;
}
.fancybox-inner .video-block .mejs-video {
width: 100% !important;
height: 100% !important;
}
.audio-block audio {
width: 100%;
}
.blog-style-timeline article.format-quote .post-featured-content {
margin-bottom: 15px;
}
.post-featured-content blockquote {
background: #212331;
color: #ffffff;
text-align: left;
position: relative;
padding: 40px 60px 35px;
}
.blog-style-4x .post-featured-content blockquote,
.blog-style-justified-4x .post-featured-content blockquote {
padding-left: 30px;
padding-right: 30px;
}
.post-featured-content blockquote:after {
display: none;
}
.post-featured-content blockquote .quote-author {
float: left;
color: #ffffff;
font-size: 13px;
}
.post-featured-content blockquote .quote-link {
float: right;
color: #ffffff;
}
.post-featured-content blockquote .quote-link a{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.post-featured-content blockquote .quote-link:after {
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
content: '\e632';
font-size: 40px;
}
.fullwidth-block.fullwidth-block-parallax-fixed .fullwidth-block-background {
background-attachment: fixed;
}
.fullwidth-block.fullwidth-block-parallax-horizontal .fullwidth-block-background {
background-position: center center;
}
.fullwidth-block .fullwidth-block-background,
.page-title-parallax-background-wrap .page-title-parallax-background,
.page-title-background-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.page-title-background-overlay ~ * {
position: relative;
z-index: 1;
}
.fullwidth-block .fullwidth-block-parallax-overlay,
.fullwidth-block.fullwidth-block-parallax-vertical .fullwidth-block-parallax-overlay,
.fullwidth-block.fullwidth-block-parallax-horizontal .fullwidth-block-parallax-overlay,
.fullwidth-block.fullwidth-block-parallax-fixed .fullwidth-block-parallax-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.fullwidth-block .fullwidth-block-inner {
position: relative;
z-index: 3;
}
.fullwidth-block.fullwidth-block-parallax-vertical,
.page-title-parallax-background-wrap {
position: relative;
overflow: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.fullwidth-block.fullwidth-block-parallax-vertical .fullwidth-block-background,
.page-title-parallax-background-wrap .page-title-parallax-background {
background-repeat: no-repeat;
background-size: cover;
will-change: transform;
}
.page-title-parallax-background-wrap .page-title-title,
.page-title-parallax-background-wrap .container  {
position: relative;
z-index: 10;
}
.portfolio .item-animations-not-inited,
.gallery-set .item-animations-not-inited,
.blog:not(.home) .item-animations-not-inited {
visibility: hidden !important; }
.item-animation-flip .item-animations-inited {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform-style: preserve-3d;
}
.item-animation-flip .portfolio-set,
.item-animation-flip .gallery-set,
.blog.item-animation-flip,
.item-animation-scale .portfolio-set,
.item-animation-scale .gallery-set,
.blog.item-animation-scale,
.item-animation-fall-perspective .portfolio-set,
.item-animation-fall-perspective .gallery-set,
.blog.item-animation-fall-perspective {
webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
} @media (min-width: 1212px) {
body:not(.compose-mode) #page .half-width-map {
position: absolute;
top: 0;
height: 100%;
left: 50%;
right: 0;
width: auto;
}
body:not(.compose-mode) #page .half-width-map *:not(.map-locker):not(.gem-map-with-text-content) {
height: 100%;
}
body:not(.compose-mode) #page .half-width-map .vc_column-inner {
padding: 0;
}
body:not(.compose-mode) #page .half-width-map .gem-map-with-text-map .wpb_gmaps_widget {
margin-top: 0;
top: -54px;
position: absolute;
height: auto;
bottom: 0;
width: 100%;
}
body:not(.compose-mode) #page .half-width-map .wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper {
padding: 0;
}
body:not(.compose-mode) #page .half-width-map iframe + .map-locker {
position: absolute;
right: 0;
bottom: 15px;
}
} .mailchimp-form-1 .yikes-easy-mc-email,
.mailchimp-form-3 .yikes-easy-mc-email{
background: #fff !important;
padding-left: 20px !important;
border: 1px solid #dfe5e8 !important;
}
.mailchimp-form-1 .yikes-easy-mc-submit-button,
.mailchimp-form-3 .yikes-easy-mc-submit-button{
border: none;
color: #fff;
font-family: 'Montserrat';
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.mailchimp-form-1 .yikes-easy-mc-submit-button{
background: #9ccc65;
}
.mailchimp-form-3 .yikes-easy-mc-submit-button{
background: #2c2e3d;
} .scroller-block {
height: 100vh;
}
.page-scroller #main {
-o-transition: 1s ease;
-webkit-transition: 1s ease;
transition: 1s ease;
}
.page-scroller #main.page-scroller-no-animate {
-o-transition: 0s ease;
-webkit-transition: 0s ease;
transition: 0s ease;
}
.page-scroller .scroller-block {
height: 100vh;
margin-top: 0;
margin-bottom: 0;
overflow: hidden;
}
.page-scroller-nav-pane {
position: fixed;
right: 50px;
top: 50%;
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
}
.page-scroller-nav-item {
display: block;
height: 10px;
width: 10px;
border: 2px solid #ffffff;
border-radius: 50%;
margin: 10px 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-scroller-nav-item.active {
background-color: #ffffff;
}
@media (min-width: 768px) {
body.page-scroller:not(.compose-mode),
body.page-scroller:not(.compose-mode) #page {
height: 100vh;
position: relative;
}
body.page-scroller:not(.page-scroller-mobile) #page #site-header.fixed.shrink {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media (max-width: 767px) {
body.page-scroller.page-scroller-mobile:not(.compose-mode),
body.page-scroller.page-scroller-mobile:not(.compose-mode) #page {
height: 100vh;
position: relative;
}
body.page-scroller:not(.page-scroller-mobile) {
overflow: visible !important;
}
.page-scroller:not(.page-scroller-mobile) #main {
-webkit-transform: none !important;
transform: none !important;
-o-transition: 0s ease;
-webkit-transition: 0s ease;
transition: 0s ease;
}
.page-scroller:not(.page-scroller-mobile) .scroller-block {
height: auto;
}
.page-scroller:not(.page-scroller-mobile) .page-scroller-nav-pane {
display: none;
}
.page-scroller-nav-pane {
right: 15px;
}
} @media (max-width: 500px){
.vc_sep_holder {
display: none;
text-align: left;
}
body .vc_separator.vc_separator_align_center h4 {
padding: 0;
}
}
.vc_separator.vc_separator_align_center > * {
padding: 0 .7em;
}  .yikes-easy-mc-form .yikes-easy-mc-submit-button.gem-button {
padding: 0 10px;
margin-left: 0;
margin-right: 0;
}
form.yikes-easy-mc-form input[type="email"],
form.yikes-easy-mc-form input[type="number"],
form.yikes-easy-mc-form input[type="text"],
form.yikes-easy-mc-form input[type="url"],
form.yikes-easy-mc-form select,
form.yikes-easy-mc-form textarea {
border-width: 1px;
padding: 0 10px;
height: 40px;
}
form.yikes-easy-mc-form input[type="email"]:focus,
form.yikes-easy-mc-form input[type="number"]:focus,
form.yikes-easy-mc-form input[type="text"]:focus,
form.yikes-easy-mc-form input[type="url"]:focus,
form.yikes-easy-mc-form select:focus,
form.yikes-easy-mc-form textarea:focus {
outline: 0 none;
}
.yikes-easy-mc-form .yikes-easy-mc-form input[type="email"],
.yikes-easy-mc-form .yikes-easy-mc-form input[type="number"],
.yikes-easy-mc-form .yikes-easy-mc-form input[type="text"],
.yikes-easy-mc-form .yikes-easy-mc-form input[type="url"],
.yikes-easy-mc-form .yikes-easy-mc-form select {
border-width: 1px;
}
form.mc4wp-form 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: 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: 3px;
}
form.mc4wp-form input[type="text"],
form.mc4wp-form input[type="email"],
form.mc4wp-form input[type="tel"],
form.mc4wp-form input[type="number"],
form.mc4wp-form input[type="url"],
form.mc4wp-form input[type="date"],
form.mc4wp-form textarea {
line-height: inherit;
}
form.mc4wp-form input[type="text"],
form.mc4wp-form input[type="email"],
form.mc4wp-form input[type="tel"],
form.mc4wp-form input[type="number"],
form.mc4wp-form input[type="url"],
form.mc4wp-form input[type="date"] {
height: 40px;
}
#mc4wp_email {
height: 41px;
}
.agency-sparta-style.yikes-easy-mc-form label.label-inline{ width: 69%; padding-right: 5%; }
.agency-sparta-style.yikes-easy-mc-form label.label-inline > input{ background: #f0f3f2; height: 45px; border-radius: 3px; border: none; padding-left: 20px; }
.agency-sparta-style.yikes-easy-mc-form label.label-inline > input:focus{ outline: none !important; }
.yikes-mailchimp-container .agency-sparta-style .submit-button-inline-label{ width: 17%; min-width: 235px; }
.yikes-mailchimp-container .agency-sparta-style .submit-button-inline-label > span { display: none; }
.yikes-mailchimp-container .agency-sparta-style .submit-button-inline-label .yikes-easy-mc-submit-button{ background: #212331; color: #fff; height: 45px; border: none; border-radius: 3px; font-family: 'Montserrat';  font-weight: 700;  text-transform: uppercase; padding-left: 50px; position: relative; }
.yikes-mailchimp-container .agency-sparta-style .yikes-easy-mc-submit-button:before{ content: "\e626"; font-family: "thegem-icons"; font-style: normal; font-size: 24px; font-weight: normal;  color: #fff; position: absolute; left: 50%; margin-left: -69px; text-align: center; }
@media(max-width: 1200px){
body .agency-sparta-style.yikes-easy-mc-form label.label-inline{ width: 100%; padding-right: 0; }
body .yikes-mailchimp-container .agency-sparta-style .submit-button-inline-label{ width: 100%; }
}
.splash-shop-3-style.yikes-easy-mc-form label.label-inline{ width: 350px; padding-right: 20px;}
.splash-shop-3-style.yikes-easy-mc-form label.label-inline > input{ background: #f0f3f2; height: 45px; border: none; padding-left: 20px; }
.yikes-mailchimp-container .splash-shop-3-style.yikes-easy-mc-form label.label-inline > input:focus{ outline: none !important; }
.yikes-mailchimp-container .splash-shop-3-style .submit-button-inline-label{width: 155px; min-width: 155px; height: 45px; }
.yikes-mailchimp-container .splash-shop-3-style .submit-button-inline-label > span { display: none; }
.yikes-mailchimp-container .splash-shop-3-style .submit-button-inline-label .yikes-easy-mc-submit-button{ background: #d7b398; color: #fff; border: none; font-family: 'Montserrat';  font-weight: 700;  text-transform: uppercase; padding-right: 30px; padding-left: 30px; position: relative; border-radius: 0; height: 45px;}
.yikes-mailchimp-container .splash-shop-3-style button { transition: all 0.3s; -webkit-transition: all 0.3s;}
.yikes-mailchimp-container .splash-shop-3-style button:hover { background: #212121 !important; color: #fff !important; transition: all 0.3s; -webkit-transition: all 0.3s;}
@media(max-width: 1200px){
body .splash-shop-3-style.yikes-easy-mc-form label.label-inline{ width: 100%; padding-right: 0; }
body .yikes-mailchimp-container .splash-shop-3-style .submit-button-inline-label{ width: 100%; }
}
.splash-shop-4-style.yikes-easy-mc-form label.label-inline{ width: 350px; padding-right: 20px;}
.splash-shop-4-style.yikes-easy-mc-form label.label-inline > input{ color: #fff; background: transparent; height: 45px; border: none; padding-left: 0; border-bottom: 1px solid #575c6c;}
.yikes-mailchimp-container .splash-shop-4-style.yikes-easy-mc-form label.label-inline > input:focus{ outline: none !important; }
.yikes-mailchimp-container .splash-shop-4-style .submit-button-inline-label{width: 155px; min-width: 155px; height: 45px; }
.yikes-mailchimp-container .splash-shop-4-style .submit-button-inline-label > span { display: none; }
.yikes-mailchimp-container .splash-shop-4-style .submit-button-inline-label .yikes-easy-mc-submit-button{ background: #f44236; color: #fff; border: none; font-family: 'Montserrat';  font-weight: 700;  text-transform: uppercase; padding-right: 30px; padding-left: 30px; position: relative; border-radius: 0; height: 45px; }
.yikes-mailchimp-container .splash-shop-4-style button { transition: all 0.3s; -webkit-transition: all 0.3s;}
.yikes-mailchimp-container .splash-shop-4-style button:hover { background: #212121; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s;}
@media(max-width: 1200px){
body .splash-shop-4-style.yikes-easy-mc-form label.label-inline{ width: 100%; padding-right: 0; }
body .yikes-mailchimp-container .splash-shop-4-style .submit-button-inline-label{ width: 100%; }
}
.wpcf7 .contact-form-style-5 .wpcf7-form-control-wrap{
width: 100%;
}
.wpcf7 .contact-form-style-5 input,
.wpcf7 .contact-form-style-5 textarea{
width: 100%;
}
.yikes-easy-mc-form.app-sparta-style {
position: relative;
}
.yikes-easy-mc-form.app-sparta-style.yikes-easy-mc-form   .yikes-easy-mc-submit-button {
position: absolute;
top: 11px;
width: 164px;
right: 11px;
margin-top: 2px;
padding: 13px;
background-color: #008aff;
border: medium none;
border-radius: 10px;
font-family: Montserrat;
font-size: 16px;
font-weight: 700;
line-height: 26px;
color: #ffffff;
text-transform: uppercase;
}
.yikes-easy-mc-form.app-sparta-style.yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {
background-color: #00BCD4;
}
.yikes-easy-mc-form.app-sparta-style.yikes-easy-mc-form  .yikes-easy-mc-email {
background: transparent;
border: 1px solid #4f4f5b;
border-radius: 12px;
overflow: hidden;
padding: 25px;
margin-bottom: 0;
color: #fff;
}
.scrolldown {
position: absolute;
left: 50%;
margin-left: -2vw;
z-index:9;
bottom: 2vh;
background-color: rgba(22,195,241,0.8);
padding: 20px 30px !important;
border-radius: 50%;
text-align: center;
}
.scrolldown img{
-webkit-animation: scrollmove 1s infinite ease;
-moz-animation: scrollmove 1s infinite ease;
animation: scrollmove 1s infinite ease;
width: 1.5vw;
margin-top: 7px !important;
}
.scrolldown .mouse-2 {
-webkit-animation: scrollmove 1s infinite ease;
-moz-animation: scrollmove 1s infinite ease;
animation: scrollmove 1s infinite ease;
width: 1.5vw;
background-image: url(//www.hwathai.my/wp-content/themes/images/mouse_icon.png);
display: block;
font-size: 0;
height: 43px;
background-repeat: no-repeat;
}
@-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);
}
}
body div.wpcf7-response-output {
margin: 2em 0 1em;
}
.thegem__footer-widget-class__thegem {
width: 100%;
padding: 0 21px;
}
@media (min-width: 768px) {
.thegem__footer-widget-class__thegem {
width: 50%;
}
}
@media (min-width: 982px) {
.thegem__footer-widget-class__thegem {
width: 25%;
}
}
img[class*='wp-image-'] {
max-width: 100%;
height: auto;
} body.search .page-title-block {
padding-top: 45px;
padding-bottom: 20px;
}
body.search .page-title-block .page-title-icon {
margin-top: -10px;
}
body.search .page-title-block .page-title-title {
padding-bottom: 60px;
}
body.search .page-title-block .page-title-icon + .page-title-title {
padding-bottom: 0;
}
.page-content.content-none .searchform > table td {
border: 0 none !important;
padding: 0 !important;
}
.page-content.content-none .searchform > table td:first-child {
width: 99%;
}
.page-content.content-none .searchform input {
width: 100%;
height: 50px;
line-height: 48px;
border-radius: 3px;
}
.page-content.content-none .searchform .searchform-submit .gem-button {
margin-left: 30px;
margin-right: 0;
}
.parallax-footer-inited {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: -1;
}
#page.layout-boxed .parallax-footer-inited {
width: 1260px;
max-width: 100%;
left: auto;
} .disable-hover {
pointer-events: none !important;
}
.diagram-line-timer-element {
font-size: 0;
line-height: 1;
height: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: opacity 0.15s;
-ms-transition: opacity 0.15s;
-o-transition: opacity 0.15s;
-webkit-transition: opacity 0.15s;
transition: opacity 0.15s;
}
.diagram-line-timer-element.start-timer {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
} .mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper {
position: fixed;
overflow-y: auto;
padding-top: 75px;
z-index: 1003;
-webkit-overflow-scrolling: touch;
opacity: 0;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper #primary-menu,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper #primary-menu {
padding-bottom: 30px;
}
.mobile-menu-slide-wrapper .mobile-menu-slide-close {
display: none;
}
#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close {
display: block;
border: none;
width: 36px;
height: 30px;
text-indent: 100%;
font-size: 0;
line-height: 0;
overflow: hidden;
position: absolute;
right: 19px;
top: 20px;
cursor: pointer;
outline: none;
background: transparent;
padding: 0;
}
#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:before,
#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:after {
display: block;
content: '';
position: absolute;
height: 4px;
width: 100%;
left: 0;
}
#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:before {
transform: rotate(45deg);
top: 13px;
}
#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:after {
top: 13px;
transform: rotate(-45deg);
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper.left {
left: 0;
top: 0;
width: 350px;
height: 100vh;
max-width: 100vw;
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper.top {
left: 0;
right: 0;
top: -100vh;
height: 100vh;
}
body.admin-bar .mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper.left,
body.admin-bar .mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper.top.opened {
top: 46px;
height: calc(100vh - 46px);
}
body.admin-bar .fixed.mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper.left,
body.admin-bar .fixed.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper.top.opened {
top: 0;
height: 100vh;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper.left.animation {
-webkit-transition: transform 0.2s ease-out;
-moz-transition: transform 0.2s ease-out;
-o-transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out;
opacity: 1;
}
.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper.top.animation {
-webkit-transition: top 0.2s ease-out;
-moz-transition: top 0.2s ease-out;
-o-transition: top 0.2s ease-out;
transition: top 0.2s ease-out;
opacity: 1;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper.left.opened {
-o-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper.top.opened {
top: 0;
opacity: 1;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li a {
display: block;
padding: 13px 60px 15px 30px;
position: relative;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li {
position: relative;
width: auto !important;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li > ul,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li > ul {
display: none;
padding: 0 !important;
background-image: none !important
}
.mobile-menu-layout-slide-horizontal .primary-navigation.responsive li.menu-item-has-children > .menu-item-parent-toggle,
.mobile-menu-layout-slide-vertical .primary-navigation.responsive li.menu-item-has-children > .menu-item-parent-toggle {
display: block;
position: absolute;
right: 15px;
top: 0;
width: 40px;
height: 49px;
cursor: pointer;
}
.mobile-menu-layout-slide-horizontal .primary-navigation.responsive li.menu-item-has-children > .menu-item-parent-toggle:after,
.mobile-menu-layout-slide-vertical .primary-navigation.responsive li.menu-item-has-children > .menu-item-parent-toggle:after {
display: block;
text-align: center;
font-weight: normal;
font-family: 'thegem-icons';
font-style: normal;
content: '\e634';
font-size: 24px;
line-height: 49px;
}
.mobile-menu-layout-slide-horizontal .primary-navigation.responsive li.menu-item-has-children.opened > .menu-item-parent-toggle:after,
.mobile-menu-layout-slide-vertical .primary-navigation.responsive li.menu-item-has-children.opened > .menu-item-parent-toggle:after {
content: '\e635';
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li > ul > li > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li > ul > li > a {
padding-left: 50px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li > ul > li > ul > li > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li > ul > li > ul > li > a {
padding-left: 70px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li > ul > li > ul > li > ul > li > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li > ul > li > ul > li > ul > li > a {
padding-left: 90px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li {
border-top: 1px solid #dfe5e8;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li:first-child,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li:first-child {
border: 0;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-widgets,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-widgets {
display: none;
border: 0;
position: static;
height: 0;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-widgets.mobile-only,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-widgets.mobile-only {
display: inline-block;
height: auto;
}
body:not(.mobile-cart-position-top) .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-cart ~ li.menu-item-widgets.mobile-only,
body:not(.mobile-cart-position-top) .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-cart ~ li.menu-item-widgets.mobile-only,
body:not(.mobile-cart-position-top) .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-language ~ li.menu-item-widgets.mobile-only,
body:not(.mobile-cart-position-top) .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-language ~ li.menu-item-widgets.mobile-only {
float: right;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials {
padding: 16px 30px 15px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials .socials,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials .socials {
margin: 0 -5px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials a {
display: inline-block;
padding: 0;
vertical-align: bottom;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials a i,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials a i {
vertical-align: middle;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch {
position: absolute;
top: 0;
left: 0;
right: 55px;
background: transparent;
width: auto;
padding-top: 15px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search > a {
display: none;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch .sf-submit-icon:before,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch .sf-submit-icon:before {
color: #99a9b5;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch input[type="text"]::placeholder,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch input[type="text"]::placeholder {
color: #99a9b5;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch input[type="text"]::-webkit-input-placeholder,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch input[type="text"]::-webkit-input-placeholder {
color: #99a9b5;
}
body .mobile-menu-layout-slide-horizontal:before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000;
z-index: 10;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-out 0s, visibility 0s linear 0.3s;
}
body .mobile-menu-layout-slide-horizontal.menu-slide-opened:before {
opacity: 0.7;
visibility: visible;
transition: opacity 0.3s ease-in 0s, visibility 0s linear 0s;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-language,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-cart,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-search,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search {
margin-top: 40px;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-language,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-cart,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-search {
width: 70px;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-language > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language > a {
padding: 0 !important;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-cart > a:before,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart > a:before,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-search > a:before,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > a:before {
font-size: 40px;
}
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > a {
display: block;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-search > a:before,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > a:before {
font-size: 40px;
}
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch {
position: absolute;
opacity: 0;
visibility: hidden;
top: 50%;
padding: 40px;
background: transparent;
transform: translateY(-50%);
border: 0 none;
transition: opacity 0.3s ease-out, visibility 0s linear 0.3s;
}
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch {
width: 40%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.header-layout-overlay #primary-menu.no-responsive > li,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease-in, visibility 0s linear 0s;
}
.header-layout-overlay #primary-menu.no-responsive.overlay-search-form-show > li,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.overlay-search-form-show > li {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-out, visibility 0s linear 0.3s;
}
.header-layout-overlay #primary-menu.no-responsive.overlay-search-form-show > li ul,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.overlay-search-form-show > li ul,
.header-layout-overlay #primary-menu.no-responsive.overlay-search-form-show > li li,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.overlay-search-form-show > li li {
visibility: hidden;
transition: visibility 0s linear 0s;
}
.header-layout-overlay #primary-menu.no-responsive.overlay-search-form-show > li.menu-item-search,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.overlay-search-form-show > li.menu-item-search {
visibility: visible;
opacity: 1;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-search > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > a {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease-in, visibility 0s linear 0s, color 0.3s ease;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive.overlay-search-form-show > li.menu-item-search > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.overlay-search-form-show > li.menu-item-search > a {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-out, visibility 0s linear 0.3s;
} .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.overlay-search-form-show > li.menu-item-search > .minisearch {
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease-in, visibility 0s linear 0s;
} .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"] {
height: 50px;
border: 3px solid transparent;
line-height: 44px;
background: transparent;
border-radius: 25px;
text-transform: uppercase;
padding-left: 25px;
}
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch .sf-submit-icon,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch .sf-submit-icon,
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch .sf-submit,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch .sf-submit {
right: 46px;
top: 43px;
height: 44px;
}
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch .sf-submit-icon:before,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch .sf-submit-icon:before {
font-size: 40px;
} .header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch {
transition: opacity .2s .7s, visibility .7s, bottom .5s .3s;
top: auto;
bottom: -20px;
opacity: 0;
visibility: hidden;
}
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch > form {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch > form .sf-input {
width: 50px;
padding: 0 23px;
transition: width .5s, font-size .3s, padding .3s;
}
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch > form .sf-submit-icon,
.header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch > form .sf-submit {
top: 4px;
right: 6px;
}
.header-layout-overlay #primary-menu.no-responsive.overlay-search-form-show.animated-minisearch > li.menu-item-search > .minisearch {
visibility: visible;
opacity: 1;
bottom: 200px;
transition: opacity .5s, visibility .5s, bottom .3s .2s;
}
.header-layout-overlay #primary-menu.no-responsive.overlay-search-form-show.animated-minisearch > li.menu-item-search > .minisearch > form .sf-input {
padding: 0 25px;
width: 400px;
transition: width .5s .5s, padding .3s .5s;
}
body .fancybox-caption-wrap {
padding: 0;
background: none;
}
body .fancybox-caption-wrap .fancybox-caption {
border: 0;
}
.fancybox-slide.thegem-fancybox-video .fancybox-content {
max-width: 80%;
max-height: 80%;
margin: 0;
}
.gem-instagram-gallery .overlay .links .caption {
word-break: break-all;
}
.gem-instagram-gallery.portfolio.hover-default .portfolio-item .image .overlay .links a.icon {
margin: 0 10px;
}
.vc_column-inner.sticky > .wpb_wrapper{
position: fixed;
} body:not(.vc_editor) .give-form-hidden {
display: none;
}
body .give-modal .mfp-content {
background: #edeef0;
max-width: 763px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.give-modal [id*=give-form] fieldset {
max-width: 390px;
margin: 0 auto;
}
.give-modal form.give-form .form-row {
float: none;
width: 100%;
}
.give-modal form.give-form .form-row .give-label {
display: none;
}
.give-modal form[id*=give-form] .form-row input[type="text"],
.give-modal form[id*=give-form] .form-row input[type="email"] {
height: 50px;
background: #ffffff;
border: 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.page-additional-menu .page-additional-menu-close {
position: fixed;
right: 37px;
top: 37px;
z-index: 999999;
opacity: 0;
transition: opacity 0.5s;
visibility: hidden;
}
body.admin-bar .page-additional-menu .page-additional-menu-close {
top: 67px;
}
.page-additional-menu .primary-navigation.overlay-active .page-additional-menu-close {
visibility: visible;
opacity: 1;
}
.page-additional-menu .primary-navigation.overlay-active.close .page-additional-menu-close {
opacity: 0;
}
@media (max-width: 768px) {
.page-additional-menu .page-additional-menu-close {
right: 37px;
top: 17px;
}
body.admin-bar .page-additional-menu .page-additional-menu-close {
top: 67px;
}
}
.portfolio .caption {
display: block;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
@media (max-width: 768px) {
body #site-header .logo-position-menu_center:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) > .site-title {
display: table-cell;
}
.site-title .site-logo {
max-width: 60vw;
}
.header-main.no-menu .site-title .site-logo{
text-align: center;
}
}
.gem-icon .gem-icon-style-gradient .back-angle {
width: 100%;
text-align: center;
}
.gem-map-with-text{
margin-bottom: 0;
} .wp-block-cover-image.alignleft {
margin-right: 1.5em;
}
.wp-block-cover-image.alignright {
margin-left: 1.5em;
}
.wp-block-image figure {
margin-top: 1em;
margin-bottom: 1em;
}
.wp-block-columns {
margin: 0 -21px;
}
.wp-block-column {
padding: 0 21px;
}
.wp-block-audio audio {
width: 100%;
}
blockquote.wp-block-quote {
padding: 50px 20px 50px 50px;
}
blockquote.wp-block-quote cite {
font: inherit;
font-size: 0.8em;
}
blockquote.wp-block-quote.is-large,
blockquote.wp-block-quote.is-style-large {
padding: 50px 20px 50px 50px;
margin: 20px 0;
text-transform: uppercase;
}
blockquote.wp-block-quote.is-large cite,
blockquote.wp-block-quote.is-style-large cite,
blockquote.wp-block-quote.is-large p,
blockquote.wp-block-quote.is-style-large p,
.wp-block-pullquote blockquote cite,
.wp-block-pullquote blockquote p,
.wp-block-pullquote.alignleft blockquote cite,
.wp-block-pullquote.alignleft blockquote p,
.wp-block-pullquote.alignright blockquote cite,
.wp-block-pullquote.alignright blockquote p {
font: inherit;
}
blockquote.wp-block-quote.is-large cite,
blockquote.wp-block-quote.is-style-large cite,
.wp-block-pullquote blockquote cite,
.wp-block-pullquote.alignleft blockquote cite,
.wp-block-pullquote.alignright blockquote cite {
font-size: 0.85em;
}
figure.wp-block-pullquote {
border: 1px solid #c9d2d9;
padding: 0;
overflow: hidden;
}
.wp-block-pullquote blockquote {
background: transparent;
padding-left: 20px;
padding-right: 20px;
padding-top: 45px;
padding-bottom: 50px;
}
figure.wp-block-pullquote blockquote {
font-size: 24px;
line-height: 37px;
font-weight: 100;
}
.wp-block-pullquote blockquote:after {
color: #e7ebee;
}
.wp-block-pullquote.alignleft blockquote:after,
.wp-block-pullquote.alignright blockquote:after {
right: 20px;
}
body .wp-block-button .wp-block-button__link {
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;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: 3px;
}
body .vc-hoverbox-wrapper .vc-hoverbox {
cursor:pointer;
}
body  .vc-hoverbox-block, .vc-hoverbox-block-inner * {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#lazy-loading-point {
font-size: 0;
line-height: 1;
height: 0;
overflow: hidden;
}
.quickfinder-item-box {
position: relative;
padding: 50px;
}
.quickfinder-item.col-md-2 .quickfinder-item-box,
.quickfinder-item.col-md-3 .quickfinder-item-box {
padding-left: 25px;
padding-right: 25px;
} .page-title-block.custom-page-title,
body.search .page-title-block.custom-page-title {
padding: 0;
text-align: left;
}
.custom-title-background.fullwidth-block-parallax-vertical .fullwidth-block-background {
background-attachment: scroll;
}
.custom-title-background.fullwidth-block-parallax-fixed .fullwidth-block-background {
background-attachment: fixed;
}
.custom-title-background.fullwidth-block-parallax-horizontal .fullwidth-block-background {
background-position: center center;
}
.custom-title-background .fullwidth-block-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.custom-title-background .gem-video-background {
z-index: 2;
}
.custom-title-background.fullwidth-block-parallax-vertical .fullwidth-block-parallax-overlay,
.custom-title-background.fullwidth-block-parallax-horizontal .fullwidth-block-parallax-overlay,
.custom-title-background.fullwidth-block-parallax-fixed .fullwidth-block-parallax-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.custom-title-background .fullwidth-block-inner {
position: relative;
z-index: 3;
}
.custom-title-icon.custom-title-icon-alignment-center {
text-align: center;
}
.custom-title-icon.custom-title-icon-alignment-left {
float: left;
}
.custom-title-icon.custom-title-icon-alignment-right {
float: right;
}
.page-title-block.custom-page-title .breadcrumbs-container {
z-index: 3;
}
.page-title-block.custom-page-title .page-title-alignment-center {
text-align: center;
}
body.thegem-effects-disabled #page .lazy-loading .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
opacity: 1;
}
body.thegem-effects-disabled #page .quickfinder-item-image .quickfinder-item-image-content.lazy-loading-item {
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
}
body.thegem-effects-disabled #page .lazy-loading,
body.thegem-effects-disabled #page .lazy-loading:not(.lazy-loading-not-hide) {
visibility: visible;
}
body.thegem-effects-disabled #page .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
opacity: 1;
}
body.thegem-effects-disabled #page .wpb_start_animation.wpb_left-to-right,
body.thegem-effects-disabled #page .wpb_start_animation.wpb_right-to-left,
body.thegem-effects-disabled #page .wpb_start_animation.wpb_top-to-bottom,
body.thegem-effects-disabled #page .wpb_start_animation.wpb_bottom-to-top,
body.thegem-effects-disabled #page .wpb_start_animation.wpb_appear {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
}
body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_left-to-right,
body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_right-to-left,
body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_top-to-bottom,
body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_bottom-to-top,
body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_appear {
opacity: 1;
}#primary-navigation .hamburger-with-cart + #primary-menu.no-responsive > li.menu-item-cart,
#primary-navigation .hamburger-with-cart + div #primary-menu.no-responsive > li.menu-item-cart {
display: none;
}
#primary-navigation #primary-menu > li.menu-item-cart > a {
margin-right: 26px;
}
.header-layout-vertical #primary-navigation #primary-menu > li.menu-item-cart > a,
#primary-navigation.responsive #primary-menu > li.menu-item-cart > a {
margin-right: 0;
}
.hamburger-minicart > a {
line-height: 60px;
}
.hamburger-group.hamburger-size-small .hamburger-minicart > a,
.hamburger-minicart.hamburger-minicart-size-small > a {
line-height: 1;
}
#primary-navigation #primary-menu > li.menu-item-cart > a.empty,
.hamburger-minicart > a.empty {
margin-right: 0;
}
#primary-navigation #primary-menu > li.menu-item-cart > a:before,
.hamburger-minicart > a:before {
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
content: '\e613';
margin-right: 5px;
vertical-align: top;
line-height: inherit;
display: inline-block;
text-align: center;
width: 100%;
padding-right: 3px;
}
.hamburger-minicart > a:before {
font-size: 48px;
margin: 0;
padding: 0;
-webkit-transition: font-size .3s;
transition: font-size .3s;
}
.hamburger-group.hamburger-size-small .hamburger-minicart > a:before {
font-size: 24px;
}
.hamburger-minicart.hamburger-minicart-size-small > a:before {
font-size: 24px;
}
#page.vertical-header #primary-navigation #primary-menu > li.menu-item-cart > a:before,
.header-layout-fullwidth_hamburger #primary-navigation #primary-menu > li.menu-item-cart > a:before {
text-align: left;
}
#primary-navigation.responsive #primary-menu > li.menu-item-cart > a:before {
text-align: left;
}
#primary-navigation.responsive #primary-menu > li.menu-item-cart > .minicart {
display: none;
}
#primary-navigation #primary-menu > li.menu-item-cart > a .minicart-item-count,
.hamburger-minicart > a .minicart-item-count {
position: absolute;
right: -15px;
top: 50%;
width: 23px;
height: 18px;
font-size: 87.5%;
text-align: center;
line-height: 18px;
margin: -8px 0 0 0;
padding-right: 2px;
z-index: 1;
}
.hamburger-minicart > a .minicart-item-count {
position: absolute;
width: 20px;
height: 20px;
top: 15px;
right: 0;
left: auto;
margin: 0;
padding: 0;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
color: #000000;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
#site-header .hamburger-size-small .hamburger-minicart > a .minicart-item-count,
#site-header.shrink .hamburger-minicart > a .minicart-item-count {
width: 16px;
height: 16px;
font-size: 9px;
top: 2px;
right: -6px;
}
.hamburger-group.hamburger-size-small .hamburger-minicart > a .minicart-item-count {
margin-top: 0;
}
.hamburger-minicart.hamburger-minicart-size-small > a .minicart-item-count {
margin-top: 0;
}
#primary-navigation #primary-menu > li.menu-item-cart > a.empty .minicart-item-count,
.hamburger-minicart > a.empty .minicart-item-count {
display: none;
}
#primary-navigation.responsive #primary-menu > li.menu-item-cart > a .minicart-item-count {
left: 65px;
}
#primary-navigation #primary-menu > li.menu-item-cart > a .minicart-item-count:after {
content: '';
position: absolute;
left: -6px;
top: 3px;
width: 12px;
height: 12px;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background: inherit;
z-index: -1;
}
#primary-navigation #primary-menu > li.menu-item-cart > a .minicart-item-count,
#primary-navigation #primary-menu > li.menu-item-cart > a .minicart-item-count:after,
body.mobile-cart-position-top #site-header .mobile-cart .minicart-item-count,
.hamburger-minicart > a .minicart-item-count {
color: #ffffff;
}
@media (max-width: 768px) {
.primary-navigation li.menu-item-cart > a:after,
.primary-navigation li.menu-item-cart > .minicart {
display: none;
}
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart,
.hamburger-minicart > .minicart {
position: absolute;
visibility: hidden;
white-space: normal;
width: 305px;
border-top: 0;
transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s;
-moz-transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s;
-webkit-transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s;
opacity: 0;
transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
-moz-transform: translateY(20px);
-webkit-transform: translateY(20px);
padding: 23px 0 0;
border: 1px solid #ffffff;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-cart > .minicart,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-cart > .minicart,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-cart > .minicart,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-cart > .minicart {
display: none;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul,
.hamburger-minicart > .minicart ul {
position: relative;
visibility: inherit;
width: auto;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
transition: all 0s;
-moz-transition: all 0s;
-webkit-transition: all 0s;
opacity: 1;
transform: none;
-o-transform: none;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
border: 0;
}
#primary-menu.no-responsive:hover li.menu-item-cart:hover > .minicart,
.hamburger-minicart:hover > .minicart {
visibility: visible;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
opacity: 1;
transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
}
#primary-menu.no-responsive:hover > li.menu-item-cart .minicart {
visibility: hidden;
transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
opacity: 0;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart,
.hamburger-minicart > .minicart {
top: 100%;
left: 0; }
#site-header.shrink .hamburger-minicart > .minicart {
margin-top: 0;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart.invert,
.hamburger-minicart > .minicart.invert {
left: auto;
right: 0;
} #primary-menu.no-responsive > li.menu-item-cart .widget_shopping_cart_content ul.cart_list,
.hamburger-minicart .widget_shopping_cart_content ul.cart_list,
.mobile-cart-position-top #site-header .mobile-cart .widget_shopping_cart_content ul.cart_list {
padding: 0 24px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li img,
.hamburger-minicart > .minicart ul li img,
.mobile-cart-position-top #site-header .mobile-cart ul li img {
height: 60px;
width: 60px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .minicart-image,
.hamburger-minicart > .minicart ul li .minicart-image,
.mobile-cart-position-top #site-header .mobile-cart ul li .minicart-image {
float: left;
margin-right: 17px;
margin-top: -4px;
position: relative;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .minicart-image:after,
.hamburger-minicart > .minicart ul li .minicart-image:after,
.mobile-cart-position-top #site-header .mobile-cart ul li .minicart-image:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
opacity: 0;
z-index: 1;
background: rgba(0, 188, 212, 0.3);
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li a:hover .minicart-image:after,
.hamburger-minicart > .minicart ul li a:hover .minicart-image:after,
.mobile-cart-position-top #site-header .mobile-cart ul li a:hover .minicart-image:after {
opacity: 1;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li.sale .minicart-image:before,
.hamburger-minicart > .minicart ul li.sale .minicart-image:before,
.mobile-cart-position-top #site-header .mobile-cart ul li.sale .minicart-image:before {
content: '%';
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
position: absolute;
right: -11px;
top: 4px;
z-index: 2;
line-height: 24px;
text-align: center;
text-indent: -1px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li,
.hamburger-minicart > .minicart ul li,
.mobile-cart-position-top #site-header .mobile-cart ul li {
display: inline-block;
padding: 4px 0 0 0;
margin: 26px 0 0 0;
width: 100%;
border: 0;
position: relative;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .variation,
.hamburger-minicart > .minicart ul li .variation,
.mobile-cart-position-top #site-header .mobile-cart ul li .variation {
display: none;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li.empty,
.hamburger-minicart > .minicart ul li.empty,
.mobile-cart-position-top #site-header .mobile-cart ul li.empty {
padding-bottom: 25px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li:first-child,
.hamburger-minicart > .minicart ul li:first-child,
.mobile-cart-position-top #site-header .mobile-cart ul li:first-child {
margin: 0;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li a,
.hamburger-minicart > .minicart ul li a,
.mobile-cart-position-top #site-header .mobile-cart ul li a {
display: block;
margin: 0 20px 0 0;
border: 0;
padding: 0;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li a.remove,
.hamburger-minicart > .minicart ul li a.remove,
.mobile-cart-position-top #site-header .mobile-cart ul li a.remove {
padding: 0;
margin: 0;
position: absolute;
right: 0;
top: -7px;
cursor: pointer;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .quantity,
.hamburger-minicart > .minicart ul li .quantity,
.mobile-cart-position-top #site-header .mobile-cart ul li .quantity {
display: inline-block;
margin-top: 4px;
}
.widget_shopping_cart_content ul.cart_list li .cart-item-info {
margin-left: 85px;
padding-top: 5px;
}
.widget_shopping_cart_content .quantity {
font-size: 123.5%;
line-height: 1.421;
}
.widget_shopping_cart_content .minicart-bottom {
margin-top: 25px;
}
#primary-menu.no-responsive > li.menu-item-cart .widget_shopping_cart_content .minicart-bottom,
.hamburger-minicart .widget_shopping_cart_content .minicart-bottom,
.mobile-cart-position-top #site-header .mobile-cart .widget_shopping_cart_content .minicart-bottom {
padding: 20px 20px 20px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total,
.hamburger-minicart > .minicart .total,
.mobile-cart-position-top #site-header .mobile-cart .total {
padding: 15px 24px 0;
margin-top: 24px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total strong,
.hamburger-minicart > .minicart .total strong,
.mobile-cart-position-top #site-header .mobile-cart .total strong {
float: left;
display: inline-block;
padding-top: 7px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total span.amount,
.hamburger-minicart > .minicart .total span.amount,
.mobile-cart-position-top #site-header .mobile-cart .total span.amount {
float: right;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons,
.hamburger-minicart > .minicart .buttons,
.mobile-cart-position-top #site-header .mobile-cart .buttons {
display: flex;
flex-wrap: wrap;
padding: 8px 18px 17px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons a,
.hamburger-minicart > .minicart .buttons a,
.mobile-cart-position-top #site-header .mobile-cart .buttons a {
margin: 0;
width: 100%;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons,
.hamburger-minicart > .minicart .buttons,
.mobile-cart-position-top #site-header .mobile-cart .buttons {
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons .mini-cart-view-cart,
.hamburger-minicart > .minicart .buttons .mini-cart-view-cart,
.mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-view-cart {
flex: 1;
margin: 6px;
flex-basis: auto;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons .mini-cart-view-cart .gem-button,
.hamburger-minicart > .minicart .buttons .mini-cart-view-cart .gem-button,
.mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-view-cart .gem-button {
border: 2px solid transparent;
line-height: 26px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons .mini-cart-checkout,
.hamburger-minicart > .minicart .buttons .mini-cart-checkout,
.mobile-cart-position-top #site-header .mobile-cart .mini-cart-checkout {
flex: 1;
margin: 6px;
flex-basis: auto;
}
.widget_shopping_cart_content .cart_list .empty {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border: 0 none;
margin-bottom: 1.421em;
}
.hamburger-minicart {
position: relative;
display: inline-block;
margin: 5px 35px 0 0;
vertical-align: middle;
height: 60px;
text-align: left;
-webkit-transition: all .3s, transform 1s;
transition: all .3s, transform 1s;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.logo-position-right .hamburger-minicart {
margin-right: 0px;
margin-left: 35px;
}
.hamburger-group.hamburger-size-small .hamburger-minicart {
height: 30px;
margin-right: 18px;
margin-top: 7px;
}
.hamburger-minicart.hamburger-minicart-size-small {
height: 30px;
margin-right: 20px;
}
.logo-position-right .hamburger-group.hamburger-size-small .hamburger-minicart {
margin-right: 0px;
margin-left: 20px;
}
.logo-position-right .hamburger-minicart.hamburger-minicart-size-small {
margin-right: 0px;
margin-left: 20px;
}
@media (max-width: 767px) {
#primary-navigation .hamburger-minicart {
display: none;
}
}
#primary-navigation.responsive .hamburger-minicart {
display: none;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li img,
.hamburger-minicart > .minicart ul li img,
.mobile-cart-position-top #site-header .mobile-cart ul li img {
height: auto;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart,
.hamburger-minicart > .minicart,
.mobile-cart-position-top #site-header .mobile-cart> .minicart {
background-color: #ffffff;
border-color: #dfe5e8;
}
.mobile-cart-position-top #site-header .mobile-cart> .minicart {
background-color: #f0f3f2;
}
.mobile-cart-position-top #site-header .mobile-cart> .minicart .widget_shopping_cart_content {
background-color: #ffffff;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li a:hover,
.hamburger-minicart > .minicart ul li a:hover {
color: #00bcd4;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .quantity,
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total,
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li.empty,
.hamburger-minicart > .minicart ul li .quantity,
.hamburger-minicart > .minicart .total,
.hamburger-minicart > .minicart ul li.empty,
.mobile-cart-position-top #site-header .mobile-cart ul li .quantity,
.mobile-cart-position-top #site-header .mobile-cart .total,
.mobile-cart-position-top #site-header .mobile-cart ul li.empty {
font-family: 'Source Sans Pro';
font-weight: 400;
font-size: 16px;
color: #99a9b5;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total strong,
.hamburger-minicart > .minicart .total strong,
.mobile-cart-position-top #site-header .mobile-cart .total strong {
font-weight: 400;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li .quantity span.amount,
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total span.amount,
.hamburger-minicart > .minicart ul li .quantity span.amount,
.hamburger-minicart > .minicart .total span.amount,
.mobile-cart-position-top #site-header .mobile-cart ul li .quantity span.amount,
.mobile-cart-position-top #site-header .mobile-cart .total span.amount {
font-weight: 300;
font-size: 20px;
color: #3c3950;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total span.amount,
.hamburger-minicart > .minicart .total span.amount,
.mobile-cart-position-top #site-header .mobile-cart .total span.amount {
font-size: 24px;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li a.remove,
.hamburger-minicart > .minicart ul li a.remove,
.mobile-cart-position-top #site-header .mobile-cart ul li a.remove {
font-size: 18px;
color: #99a9b5;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .total,
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons,
.hamburger-minicart > .minicart .total,
.hamburger-minicart > .minicart .buttons,
.mobile-cart-position-top #site-header .mobile-cart .total,
.mobile-cart-position-top #site-header .mobile-cart .buttons {
background-color: #f0f3f2;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart ul li.sale .minicart-image:before,
.hamburger-minicart > .minicart ul li.sale .minicart-image:before,
.mobile-cart-position-top #site-header .mobile-cart ul li.sale .minicart-image:before {
color: #ffffff;
background-color: #00bcd4;
font-family: 'Source Sans Pro';
font-size: 16px;
font-weight: 400;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons .mini-cart-checkout .gem-button,
.hamburger-minicart > .minicart .buttons .mini-cart-checkout .gem-button,
.mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-checkout .gem-button {
border-color: #46485c;
color: #46485c;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons .mini-cart-checkout .gem-button:hover,
.hamburger-minicart > .minicart .buttons .mini-cart-checkout .gem-button:hover,
.mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-checkout .gem-button:hover {
background: #46485c;
color: #ffffff;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons .mini-cart-view-cart .gem-button,
.hamburger-minicart > .minicart .buttons .mini-cart-view-cart .gem-button,
.mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-view-cart .gem-button {
background-color: #00bcd4;
}
#primary-menu.no-responsive > li.menu-item-cart > .minicart .buttons .mini-cart-view-cart .gem-button:hover,
.hamburger-minicart > .minicart .buttons .mini-cart-view-cart .gem-button:hover,
.mobile-cart-position-top #site-header .mobile-cart .buttons .mini-cart-view-cart .gem-button:hover {
border-color: #00bcd4;
background-color: transparent;
color: #00bcd4;
}
#site-header .mobile-cart {
display: none;
vertical-align: middle;
padding: 15px 0;
width: 36px;
}
#site-header .mobile-cart:before {
content: '';
display: block;
height: 0;
width: 36px;
}
@media (max-width: 767px) {
.mobile-cart-position-top #site-header .mobile-cart {
display: table-cell;
}
.mobile-cart-position-top #site-header .site-title {
text-align: center;
width: 99%;
}
.mobile-cart-position-top #site-header .site-title .site-logo {
margin: 0 auto;
}
.mobile-cart-position-top #site-header .primary-navigation,
.mobile-cart-position-top #site-header #perspective-menu-buttons {
width: auto;
}
}
.mobile-cart-position-top #site-header .mobile-cart > a {
display: block;
vertical-align: middle;
position: relative;
margin: 0 auto;
text-align: center;
}
.mobile-cart-position-top #site-header .mobile-cart > a:before { content: '';
margin-right: 0;
vertical-align: top;
line-height: inherit;
display: inline-block;
text-align: center;
width: 100%;
height: 24px;
padding-right: 0;
background-color: #3c3950;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z' /%3E%3C/svg%3E") no-repeat 50% 50%;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z' /%3E%3C/svg%3E") no-repeat 50% 50%;
-webkit-mask-size: 24px;
mask-size: 24px;
}
.mobile-cart-position-top #site-header:not(.shrink) .header-colors-light .mobile-cart > a:before {
background-color: #ffffff;
}
.mobile-cart-position-top #site-header .mobile-cart .minicart-item-count {
position: absolute;
right: -3px;
top: -8px;
width: 18px;
height: 18px;
line-height: 18px;
font-size: 11px;
border-radius: 50%;
text-align: center;
}
.mobile-cart-position-top #site-header .mobile-cart > a.empty .minicart-item-count {
display: none;
}
.mobile-cart-position-top #site-header .mobile-cart .minicart {
position: fixed;
-webkit-perspective: 1000;
opacity: 1;
visibility: visible;
top: 0;
left: 0;
bottom: 0;
overflow-y: auto;
display: block;
width: 80%;
min-width: 300px;
max-width: 450px;
transform: translateX(-100%);
transition: transform 0.2s ease-out;
z-index: 999;
}
.mobile-cart-position-top #site-header .logo-position-right .mobile-cart .minicart {
left: auto;
right: 0;
transform: translateX(100%);
}
.mobile-cart-position-top #site-header .mobile-cart .minicart.minicart-show {
transform: translateX(0);
}
.admin-bar.mobile-cart-position-top #site-header .mobile-cart .minicart {
top: 32px;
}
@media (max-width: 767px) {
.admin-bar.mobile-cart-position-top #site-header .mobile-cart .minicart {
top: 46px;
}
}
@media (max-width: 599px) {
.admin-bar.mobile-cart-position-top #site-header.shrink.fixed .mobile-cart .minicart {
top: 0;
}
}
.mobile-cart-header {
display: none;
}
.mobile-cart .mobile-cart-header {
display: block;
position: relative;
padding: 23px 24px;
}
.mobile-cart .mobile-cart-header .mobile-cart-header-title {
margin: 0;
}
.mobile-cart .mobile-cart-header .mobile-cart-header-title:before {
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
content: '\e613';
vertical-align: top;
line-height: inherit;
display: inline-block;
text-align: center;
margin-right: 10px;
color: #00bcd4;
}
.mobile-cart-header-close {
position: absolute;
top: 50%;
right: 24px;
margin-top: -15px;
width: 30px;
height: 30px;
}
.mobile-cart-header-close .cart-close-line-1,
.mobile-cart-header-close .cart-close-line-2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 3px;
background: #99a9b5;
margin-top: -2px;
}
.mobile-cart-header-close .cart-close-line-1 {
transform: rotate(45deg);
}
.mobile-cart-header-close .cart-close-line-2 {
transform: rotate(-45deg);
}
.mobile-minicart-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 998;
background: #000000;
opacity: 0;
visibility: hidden;
transition: all 1s;
}
#site-header.fixed.shrink.shrink-mobile.hidden .mobile-minicart-overlay { }
body.mobile-minicart-opened .mobile-minicart-overlay {
opacity: 0.7;
visibility: visible;
}
body.mobile-minicart-opened {
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
}
body.mobile-minicart-opened #wpadminbar {
top: -46px;
}
.mobile-cart-position-top #site-header .mobile-cart ul li a.remove {
font-size: 24px;
right: 15px;
top: 5px;
}
.mobile-cart-position-top #site-header .mobile-cart ul li img {
width: 80px;
}
.mobile-cart-position-top #site-header .mobile-cart .total {
text-align: center;
margin-top: 0;
}
.mobile-cart-position-top #site-header .mobile-cart .total strong,
.mobile-cart-position-top #site-header .mobile-cart .total span.amount {
float: none;
}
.mobile-cart-position-top #site-header .mobile-cart .buttons {
text-align: center;
}
.mobile-cart-position-top #site-header .mobile-cart .buttons .gem-button-container {
float: none;
margin: 10px 5px;
}
.mobile-cart-position-top #site-header .mobile-cart .widget_shopping_cart_content ul.cart_list {
padding: 0;
}
.mobile-cart-position-top #site-header .mobile-cart .widget_shopping_cart_content ul.cart_list > li {
padding: 15px;
margin: 0;
}
#site-header.fixed.shrink .hamburger-minicart {
margin-right: 18px;
margin-top: 7px;
height: auto;
}
#site-header.fixed.shrink .logo-position-right .hamburger-minicart {
margin-right: 0;
margin-left: 18px;
}
#site-header.fixed.shrink .hamburger-minicart > a {
line-height: 1;
}
#site-header.fixed.shrink .hamburger-minicart > a:before {
font-size: 24px;
}
#primary-menu.no-responsive > li.menu-item-cart .widget_shopping_cart_content ul.cart_list {
max-height: 412px;
overflow-y: auto;
}@keyframes rotate-forever{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinner-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pum-container,.pum-content,.pum-content+.pum-close,.pum-content+.pum-close:active,.pum-content+.pum-close:focus,.pum-content+.pum-close:hover,.pum-overlay,.pum-title{background:none;border:none;bottom:auto;clear:none;cursor:default;float:none;font-family:inherit;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}.pum-content,.pum-title{position:relative;z-index:1}.pum-overlay{bottom:0;display:none;height:100%;left:0;overflow:auto;overflow:initial;position:fixed;right:0;top:0;transition:all .15s ease-in-out;width:100%;z-index:1999999999}.pum-overlay.pum-form-submission-detected,.pum-overlay.pum-preview{display:block}.pum-overlay,.pum-overlay *,.pum-overlay :after,.pum-overlay :before,.pum-overlay:after,.pum-overlay:before{box-sizing:border-box}.pum-container{margin-bottom:3em;position:absolute;top:100px;z-index:1999999999}.pum-container.pum-responsive{height:auto;left:50%;margin-left:-47.5%;overflow:visible;width:95%}.pum-container.pum-responsive img{height:auto;max-width:100%}@media only screen and (min-width:1024px){.pum-container.pum-responsive.pum-responsive-nano{margin-left:-5%;width:10%}.pum-container.pum-responsive.pum-responsive-micro{margin-left:-10%;width:20%}.pum-container.pum-responsive.pum-responsive-tiny{margin-left:-15%;width:30%}.pum-container.pum-responsive.pum-responsive-small{margin-left:-20%;width:40%}.pum-container.pum-responsive.pum-responsive-medium{margin-left:-30%;width:60%}.pum-container.pum-responsive.pum-responsive-normal{margin-left:-30%;width:70%}.pum-container.pum-responsive.pum-responsive-large{margin-left:-35%;width:80%}.pum-container.pum-responsive.pum-responsive-xlarge{margin-left:-47.5%;width:95%}.pum-container.pum-responsive.pum-position-fixed{position:fixed}}@media only screen and (max-width:1024px){.pum-container.pum-responsive.pum-position-fixed{position:absolute}}.pum-container.custom-position{left:auto;margin-left:inherit;top:auto}.pum-container .pum-title{margin-bottom:.5em}.pum-container .pum-content:focus{outline:none}.pum-container .pum-content>:first-child{margin-top:0}.pum-container .pum-content>:last-child{margin-bottom:0}.pum-container .pum-content+.pum-close{background-color:#0000;cursor:pointer;line-height:1;min-width:1em;position:absolute;text-align:center;text-decoration:none;z-index:2}.pum-container .pum-content+.pum-close>span{position:relative;z-index:1}.pum-container.pum-scrollable .pum-content{max-height:95%;overflow:auto;overflow-y:scroll}.pum-overlay.pum-overlay-disabled{visibility:hidden}.pum-overlay.pum-overlay-disabled::-webkit-scrollbar{display:block}.pum-overlay.pum-overlay-disabled .pum-container{visibility:visible}.pum-overlay.pum-click-to-close{cursor:pointer}html.pum-open.pum-open-overlay,html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:hidden}html.pum-open.pum-open-overlay.pum-open-fixed .pum-container{position:fixed}html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){padding-right:15px}html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{overflow-y:scroll;-webkit-overflow-scrolling:touch}html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container{position:fixed}html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active{height:auto;position:static;width:auto}.pum-cta-wrapper{display:inline-block;max-width:100%;width:auto}.pum-cta-wrapper.alignleft{display:block;text-align:left}.pum-cta-wrapper.aligncenter{display:block;text-align:center}.pum-cta-wrapper.alignright{display:block;text-align:right}.pum-cta-wrapper.alignfull{display:block;width:100%}.pum-cta-wrapper.alignfull .pum-cta{width:100%}.pum-cta-wrapper .pum-cta{border-radius:9999px;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:inherit;line-height:inherit;padding:1rem 2.25rem;text-align:center;text-decoration:none;transition:filter .15s ease-in-out,background-color .15s ease-in-out;width:auto}.pum-cta-wrapper:not(.is-style-outline):not(.is-style-text-only) .pum-cta{background-color:var(--wp--preset--color--contrast,#000);border:none;color:var(--wp--preset--color--base,#fff)}.pum-cta-wrapper:not(.is-style-outline):not(.is-style-text-only) .pum-cta:hover{filter:brightness(.85)}.pum-cta-wrapper.is-style-outline .pum-cta{background-color:#0000;border:1px solid;color:var(--wp--preset--color--contrast,currentcolor);padding:calc(1rem - 1px) calc(2.25rem - 1px)}.pum-cta-wrapper.is-style-outline .pum-cta:hover{background-color:#0000000d;filter:brightness(1.05)}.pum-cta-wrapper.is-style-text-only .pum-cta{background-color:#0000;border:none;color:var(--wp--preset--color--contrast,currentcolor);padding:.5rem 1rem}.pum-cta-wrapper.is-style-text-only .pum-cta:hover{text-decoration:underline}@supports not (color:var(--wp--preset--color--contrast )){.pum-cta-wrapper:not(.is-style-outline):not(.is-style-text-only) .pum-cta{background-color:#1e1e1e;color:#fff}.pum-cta-wrapper.is-style-outline .pum-cta,.pum-cta-wrapper.is-style-text-only .pum-cta{color:inherit}}.pum-form{margin:0 auto 16px}.pum-form__field{margin-bottom:1em}.pum-form__field label{font-weight:700}.pum-form__field input[type=date],.pum-form__field select{font-size:18px;line-height:26px;margin:0 auto;padding:3px;text-align:center;vertical-align:middle}.pum-form__field select{padding:5px 3px}.pum-form__loader{animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;border:.25em solid #00000080;border-radius:50%;border-right-color:#0000;display:inline-block;font-size:2em;height:.75em;width:.75em}.pum-form__submit{position:relative}.pum-form__submit .pum-form__loader{border:.25em solid #ffffff80;border-right-color:#0000;margin-left:.5em}.pum-form__messages{border:1px solid #00000040;display:none;margin-bottom:.5em;padding:1em;position:relative}.pum-form__message{margin-bottom:.5em}.pum-form__message:last-child{margin-bottom:0}.pum-form__message--error{border-color:red;color:red!important}.pum-form__message--success{border-color:green;color:green!important}.pum-form--loading{opacity:.5}.pum-alignment-left{text-align:left}.pum-alignment-center{text-align:center}.pum-alignment-right{text-align:right}.pum-form--alignment-left{text-align:left}.pum-form--alignment-center{text-align:center}.pum-form--alignment-right{text-align:right}.pum-form--layout-standard .pum-form__field>label{display:block;margin-bottom:.25em}.pum-form--layout-inline .pum-form__field{display:inline-block}.pum-form--layout-block .pum-form__field,.pum-form--layout-block button,.pum-form--layout-block div,.pum-form--layout-block input{display:block;width:100%}.pum-form--style-default label{font-size:14px;font-weight:700}.pum-form--style-default input[type=email],.pum-form--style-default input[type=text]{background-color:#f8f7f7;font-size:14px;margin-bottom:5px;padding:10px 8px}.pum-form--style-default button{cursor:pointer;font-size:18px;margin:10px 0 0;padding:10px 5px}.pum-sub-form .pum-sub-form-loading{opacity:.5}.pum-sub-form p.pum-newsletter-error-msg{margin:0}.pum-sub-form .spinner-loader{bottom:40%;position:absolute;right:50%}.pum-sub-form .spinner-loader:not(:required){animation:spinner-loader 1.5s linear infinite;border-radius:.5em;box-shadow:1.5em 0 0 0 #0000334d,1.1em 1.1em 0 0 #0000334d,0 1.5em 0 0 #0000334d,-1.1em 1.1em 0 0 #0000334d,-1.5em 0 0 0 #0000334d,-1.1em -1.1em 0 0 #0000334d,0 -1.5em 0 0 #0000334d,1.1em -1.1em 0 0 #0000334d;display:inline-block;font-size:10px;height:1em;margin:1.5em;overflow:hidden;text-indent:100%;width:1em}.pum-form__field--consent{text-align:left}.pum-form__field--consent.pum-form__field--checkbox label{display:inline-block;vertical-align:middle}.pum-form__field--consent.pum-form__field--checkbox label input{display:inline-block;margin:0;vertical-align:middle;width:inherit}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label{display:inline-block;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label input{display:inline-block;margin:0;vertical-align:middle;width:inherit}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label+label{margin-left:1em}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label{display:block;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label input{display:inline-block;margin:0;vertical-align:middle;width:inherit}.popmake-close{cursor:pointer}.pum-container iframe.formidable{overflow:visible;width:100%}.flatpickr-calendar.open,.pika-single,body div#ui-datepicker-div[style]{z-index:9999999999!important}