/* 设置全局版心最大宽度 */
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1600px !important;
}
/* 隐藏商品图右侧的阅读更多, 返回顶部 */
#main-content .tombuild-container .inner-content-wrap .product-thumbnail .product_type_simple {
display: none;
}
.ocw-buoy.rb {
bottom: 120px !important;
right: 45px !important;
}
/* 首页分类高度统 */
.product_classification .master-image-box .desc {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
text-overflow: ellipsis;
}
.h1-seo-title {
display: none;
}
/* 首屏 */
#home-first-screen {
position: relative;
overflow: hidden;
}img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; /* Blue */
}
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; /* Green */
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; /* Red */
}
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; /* Orange */
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; /* Yellow */
}
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; /* Red */
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; /* Dark Gray 800 */
opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; /* Light Gray 100 */
top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
.woocommerce form .form-row .required { visibility: visible; }
.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}/*!
* animsition v4.0.2
* A simple and easy jQuery plugin for CSS animated page transitions.
* http://blivesta.github.io/animsition
* License : MIT
* Author : blivesta (http://blivesta.com/)
*/.shining{position:relative;overflow:hidden; max-width: 100px;}.shining:after{position:absolute;left:-150%;top:0;content:'';width:150%;height:100%;transform:skewX(-30deg);animation:3s ease-in-out .3s infinite shining;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%)}@keyframes shining{0%{transform:translateX(-180%) skewX(-30deg)}100%{transform:translateX(180%) skewX(-30deg)}}.loading-hexagon{-webkit-animation:3.5s infinite hexagon;animation:4s ease-in-out infinite hexagon}@keyframes hexagon{0%,100%{transform:rotate(0)}50%{transform:rotate(360deg)}68%,71%{transform:rotate(0);transform:scale(1)}76%{transform:rotate(360deg);transform:scale(1.25)}85%,86%{transform:rotate(360deg);transform:scale(1)}}@-webkit-keyframes hexagon{0%,100%,75.1%,80%,96%{-webkit-transform:rotate(0) scale(1)}75%{-webkit-transform:rotate(360deg) scale(1)}88%{-webkit-transform:rotate(0) scale(1.25)}}.animsition-loading .preloader-image{display:none}.animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}.animsition-image,.animsition-loading{position:fixed;top:50%;left:50%;z-index:2}.animsition-image{transform:translate(-50%,-50%)}.animsition-loading{margin-top:-42px;margin-left:-42px;width:84px;height:84px;border-radius:50%;border:3px solid transparent;border-top-color:#ee0d08;animation:1.7s linear infinite animsition-loading}.animsition-loading:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border-radius:50%;border:3px solid transparent;border-top-color:#28b79a;animation:.6s linear infinite animsition-loading-reverse}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animsition-loading-reverse{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes animsition-loading-reverse{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down,.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0);transform:perspective(550px) rotateX(0);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0);transform:perspective(550px) rotateX(0);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.flip-in-x-fr,.flip-in-x-nr,.flip-in-y,.flip-in-y-fr,.flip-in-y-nr,.flip-out-x,.flip-out-x-fr,.flip-out-x-nr,.flip-out-y,.flip-out-y-nr{-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0);transform:perspective(550px) rotateX(0);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0);transform:perspective(550px) rotateX(0);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0);transform:perspective(100px) rotateX(0);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0);transform:perspective(100px) rotateX(0);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0);transform:perspective(100px) rotateX(0);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0);transform:perspective(100px) rotateX(0);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0);transform:perspective(550px) rotateY(0);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0);transform:perspective(550px) rotateY(0);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0);transform:perspective(550px) rotateY(0);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0);transform:perspective(550px) rotateY(0);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0);transform:perspective(100px) rotateY(0);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0);transform:perspective(100px) rotateY(0);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0);transform:perspective(100px) rotateY(0);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0);transform:perspective(100px) rotateY(0);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}@font-face{font-display:swap;font-family:core-icons;src:url('/wp-content/plugins/masterlayer-addons-for-elementor/assets/fonts/core-icons/core-icons.eot?geji0r');src:url('/wp-content/plugins/masterlayer-addons-for-elementor/assets/fonts/core-icons/core-icons.eot?geji0r#iefix') format('embedded-opentype'),url('/wp-content/plugins/masterlayer-addons-for-elementor/assets/fonts/core-icons/core-icons.ttf?geji0r') format('truetype'),url('/wp-content/plugins/masterlayer-addons-for-elementor/assets/fonts/core-icons/core-icons.woff?geji0r') format('woff'),url('/wp-content/plugins/masterlayer-addons-for-elementor/assets/fonts/core-icons/core-icons.svg?geji0r#core-icons') format('svg');font-weight:400;font-style:normal;font-display:block}[class*=" ci-"],[class^=ci-]{font-family:core-icons!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ci-map-marker-solid:before{content:"\e959"}.ci-mobile-solid:before{content:"\e95a"}.ci-instagram-square:before{content:"\e055"}.ci-tiktok:before{content:"\e07b"}.ci-search:before{content:"\e851"}.ci-youtube:before{content:"\e876"}.ci-ChatCircleText:before{content:"\e900"}.ci-folder:before{content:"\e901"}.ci-user-2:before{content:"\e902"}.ci-bag:before{content:"\e903"}.ci-Calendar:before{content:"\e904"}.ci-Heart:before{content:"\e905"}.ci-Search:before{content:"\e906"}.ci-Time-Circle:before{content:"\e907"}.ci-triangle-left:before{content:"\e908"}.ci-triangle-right:before{content:"\e909"}.ci-u_corner-up-left-alt:before{content:"\e90a"}.ci-tags:before{content:"\e90b"}.ci-tag:before{content:"\e90c"}.ci-shopping-cart:before{content:"\e90d"}.ci-magnifying-glass:before{content:"\e90e"}.ci-user:before{content:"\e90f"}.ci-tag1:before{content:"\e910"}.ci-down-arrow2:before{content:"\e911"}.ci-tick:before{content:"\e912"}.ci-phone-call:before{content:"\e913"}.ci-quote:before{content:"\e914"}.ci-check-mark:before{content:"\e915"}.ci-checked:before{content:"\e916"}.ci-plus:before{content:"\e917"}.ci-minus:before{content:"\e918"}.ci-telephone:before{content:"\e919"}.ci-back:before{content:"\e91a"}.ci-next:before{content:"\e91b"}.ci-calendar-alt:before{content:"\e91c"}.ci-like:before{content:"\e91d"}.ci-calendar1:before{content:"\e91e"}.ci-folder-open:before{content:"\e91f"}.ci-folder1:before{content:"\e920"}.ci-check-circle-o:before{content:"\e921"}.ci-check:before{content:"\e922"}.ci-up-arrow2:before{content:"\e923"}.ci-left-arrow2:before{content:"\e924"}.ci-right-arrow2:before{content:"\e925"}.ci-calendar2:before{content:"\e926"}.ci-folder11:before{content:"\e927"}.ci-search2:before{content:"\e928"}.ci-check3:before{content:"\e929"}.ci-right-quote:before{content:"\e92a"}.ci-paper-plane-o:before{content:"\e92b"}.ci-location:before{content:"\e92c"}.ci-telephone-2:before{content:"\e92d"}.ci-paper-plane:before{content:"\e92e"}.ci-message:before{content:"\e92f"}.ci-phone-call1:before{content:"\e930"}.ci-telephone-21:before{content:"\e931"}.ci-share-alt:before{content:"\e932"}.ci-telephone-1:before{content:"\e933"}.ci-placeholder:before{content:"\e934"}.ci-heart-solid:before{content:"\e935"}.ci-calendar:before{content:"\e936"}.ci-email1:before{content:"\e937"}.ci-pin:before{content:"\e938"}.ci-clock2:before{content:"\e939"}.ci-download:before{content:"\e93a"}.ci-upload:before{content:"\e93b"}.ci-star1:before{content:"\e93c"}.ci-menu:before{content:"\e93d"}.ci-magnifying-glass1:before{content:"\e93e"}.ci-shopping-cart1:before{content:"\e93f"}.ci-close:before{content:"\e940"}.ci-phone-call11:before{content:"\e941"}.ci-phone-call2:before{content:"\e942"}.ci-quote1:before{content:"\e943"}.ci-check2:before{content:"\e944"}.ci-play-button:before{content:"\e945"}.ci-left-arrow1:before{content:"\e946"}.ci-right-arrow1:before{content:"\e947"}.ci-down-arrow1:before{content:"\e948"}.ci-up-arrow1:before{content:"\e949"}.ci-price-tag:before{content:"\e94a"}.ci-location1:before{content:"\e94b"}.ci-location2:before{content:"\e94c"}.ci-search-bold:before{content:"\e94d"}.ci-map-pin:before{content:"\e94e"}.ci-arrow-pointing-to-up:before{content:"\e94f"}.ci-arrow-pointing-to-down:before{content:"\e950"}.ci-arrow-pointing-to-left:before{content:"\e951"}.ci-arrow-pointing-to-right:before{content:"\e952"}.ci-down-arrow:before{content:"\e953"}.ci-up-arrow:before{content:"\e954"}.ci-left-arrow:before{content:"\e955"}.ci-right-arrow:before{content:"\e956"}.ci-bubbles2:before{content:"\e96d"}.ci-bubbles4:before{content:"\e970"}.ci-single-page:before{content:"\e976"}.ci-youtube2:before{content:"\ea9e"}.ci-heart:before{content:"\f004"}.ci-star:before{content:"\f005"}.ci-user1:before{content:"\f007"}.ci-check1:before{content:"\f00c"}.ci-clock:before{content:"\f017"}.ci-clock1:before{content:"\f018"}.ci-play:before{content:"\f04b"}.ci-chevron-left:before{content:"\f053"}.ci-chevron-right:before{content:"\f054"}.ci-check-circle:before{content:"\f058"}.ci-check-circle1:before{content:"\f059"}.ci-calendar-alt1:before{content:"\f073"}.ci-chevron-up:before{content:"\f077"}.ci-chevron-down:before{content:"\f078"}.ci-shopping-cart2:before{content:"\f07a"}.ci-twitter-square:before{content:"\f081"}.ci-facebook-square:before{content:"\f082"}.ci-comments:before{content:"\f086"}.ci-comments1:before{content:"\f087"}.ci-linkedin:before{content:"\f08c"}.ci-github-square:before{content:"\f092"}.ci-phone2:before{content:"\f095"}.ci-twitter:before{content:"\f099"}.ci-facebook:before{content:"\f09a"}.ci-github:before{content:"\f09b"}.ci-pinterest:before{content:"\f0d2"}.ci-pinterest-square:before{content:"\f0d3"}.ci-google-plus-square:before{content:"\f0d4"}.ci-google-plus-g:before{content:"\f0d5"}.ci-envelope:before{content:"\f0e0"}.ci-linkedin-in:before{content:"\f0e1"}.ci-envelope1:before{content:"\f0e2"}.ci-quote-left:before{content:"\f10d"}.ci-quote-right:before{content:"\f10e"}.ci-calendar3:before{content:"\f133"}.ci-check-square:before{content:"\f14a"}.ci-check-square1:before{content:"\f14b"}.ci-youtube1:before{content:"\f167"}.ci-instagram:before{content:"\f16d"}.ci-tumblr:before{content:"\f173"}.ci-tumblr-square:before{content:"\f174"}.ci-dribbble:before{content:"\f17d"}.ci-vimeo-square:before{content:"\f194"}.ci-google:before{content:"\f1a0"}.ci-behance:before{content:"\f1b4"}.ci-behance-square:before{content:"\f1b5"}.ci-pinterest-p:before{content:"\f231"}.ci-vimeo-v:before{content:"\f27d"}.ci-google-plus:before{content:"\f2b3"}.ci-handshake:before{content:"\f2b5"}.ci-user-circle:before{content:"\f2bd"}.ci-user-circle1:before{content:"\f2be"}.ci-dribbble-square:before{content:"\f397"}.ci-facebook-f:before{content:"\f39e"}.ci-google-drive:before{content:"\f3aa"}.ci-google-play:before{content:"\f3ab"}.ci-vimeo:before{content:"\f40a"}.ci-youtube-square:before{content:"\f431"}.ci-folder2:before{content:"\e957"}.ci-folder-open1:before{content:"\e958"}.ci-map:before{content:"\e95b"}.ci-map2:before{content:"\e95c"}/*
* Theme Name: 江西大圣塑料光纤
* Version: 1.0.0
* Description: 江西大圣塑料光纤有限公司 - 专注于塑料光纤研发、生产与销售的企业级WordPress主题
* Author: 江西大圣塑料光纤有限公司
* Theme URI: https://www.dspof.com/
* Tags: plastic-optical-fiber, fiber-optics, manufacturing, industry, business, responsive, customizable
* Text Domain: jiangxi-dasheng-pof
* Tested up to: 8.3
* Requires PHP: 8.0
* License: GNU General Public License v2 or later
* License URI: LICENSE
**/
/* TABLE OF CONTENTS
* MAIN STYLE
* Reset Browsers
* General
* Elements
* Forms
* Typography
* Variables
* Extra classes
* WordPress Styles
* Layout
* Sidebar Right
* Sidebar Left
* No Sidebar
* Boxed layout
* Header General
* Logo
* Button
* Top Bar
* Info
* Header Float
* Header Fixed
* Hotline
* Menu Wrap
* Menu
* Sub menu
* Side Menu
* Mega Menu
* Cart Icon
* Search Icon
* Overwrite
* Search Fullscreen
* Featured Title
* Blog Post
* Post media Gallery
* Post title
* Post meta
* Post excerpt
* Post link
* Blog Grid
* Blog Grid
* Blog single
* Post tags
* Post author
* Related Post
* Comments
* Comment list
* Comment form
* Search Page
* Footer
* Grid
* Gutter
* Bottom Bar
* Copyright a.
* Bottom Styles
* Bottom Logo
* Bottom Menu
* Bottom Logo
* Bottom Copyright
* Bottom Socials
* Scroll Top Button
* Custom Cursor
* Pagination
* Nothing Found & 404 Page
* Media Queries
* Widgets
* General
* Widget: List (Categories, Meta, Archives, Pages. Latest Post..)
* Widget: Search
* Widget: Latest Posts
* Widget: RSS
* Widget: Recent Entries
* Widget: Nav
* Widget: Calendar
* Widget: Infor
* Widget: Links
* Widget: Subcribe
* Widget: Twitter
* Widget: Socials
* Widget: Recent News Advanced
* Widget: Instagram & Flickr
* Widget: Tags
* Widget: Media Gallery
* Sidebar Widgets
* Widget: List (Categories, Meta, Archives, Pages. Latest Post..)
* Widget: Search
* Widget: Information
* Footer Widgets
* Widget: List (Categories, Meta, Archives, Pages. Latest Post..)
* Widget: Search
* Widget: Calendar
* Widget: Information
* Widget: Subscribe
* Widget: Twitter
* Widget: Socials
* Widget: Recent News
* Widget: About Link
-------------------------------------------------------------- */
/*
MAIN STYLE
-------------------------------------------------------------- */
/* Reset Browsers
-------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font: inherit;
vertical-align: baseline;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
-webkit-tap-highlight-color: transparent;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html {
font-size: 62.5%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
box-sizing: border-box;
scroll-behavior: smooth;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
blockquote,
q {
quotes: none;
}
a:focus {
outline: none;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
img {
max-width: 100%;
height: auto;
}
select {
max-width: 100%;
}
/* Variables
-------------------------------------------------------------- */
:root {
--e-global-color-tombuild_accent: #EE0D08;
--e-global-color-tombuild_primary: #022047;
--e-global-color-tombuild_text: #858585;
--e-global-color-tombuild_border: #E7E7E7;
--e-global-color-tombuild_light: #F8F8F9;
--e-global-color-tombuild_accent_2: #092357;
--font-heading: 'Chivo';
--font-body: 'Roboto';
}
/* General
-------------------------------------------------------------- */
body {
font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
color: var(--e-global-color-tombuild_text);
font-size: 16px;
font-weight: 400;
line-height: 1.5;
background-color: #FFF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
overflow-x: hidden;
overflow-y: hidden;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
p {
margin: 0 0 30px;
}
strong,
b,
cite {
font-weight: 500;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: var(--e-global-color-tombuild_primary);
padding: 30px 55px;
position: relative;
margin-bottom: 40px;
background-color: var(--e-global-color-tombuild_light);
}
blockquote cite {
font-size: 18px;
font-weight: 500;
display: inline-block;
color: var(--e-global-color-tombuild_text);
padding: 10px 0;
font-style: normal;
position: relative;
}
blockquote > p {
margin-bottom: 5px;
}
blockquote > p:last-child {
margin-bottom: 0;
}
blockquote i {
font-style: normal;
}
abbr,
acronym {
border-bottom: 1px dotted var(--e-global-color-tombuild_light);
cursor: help;
}
mark,
ins {
text-decoration: none;
background-color: #fff9c0;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -6px;
}
sub {
bottom: -3px;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
address {
font-style: italic;
margin: 0 0 20px;
}
code,
kbd,
tt,
var {
font-family: Inconsolata, monospace;
font-size: 14px;
}
pre {
margin: 15px 0;
padding: 15px;
background-color: var(--e-global-color-tombuild_light);
overflow-x: auto;
font-family: Inconsolata, monospace;
-webkit-hyphens: none;
hyphens: none;
height: auto;
}
/* Elements
-------------------------------------------------------------- */
hr {
background-color: var(--e-global-color-tombuild_light);
border: 0;
height: 1px;
margin-bottom: 20px;
}
/* List */
ul,
ol {
padding: 0;
margin: 0 0 20px 30px;
}
ul {
list-style: disc;
}
ul ul {
list-style-type: circle;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl,
dd {
margin: 0 0 20px;
}
dt {
font-weight: bold;
}
del {
opacity: 0.5;
}
/* Table */
table,
th,
td {
border: 1px solid var(--e-global-color-tombuild_border);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 30px;
table-layout: fixed;
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0px 1px 1px 0;
font-weight: bold;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 8px 12px;
}
/* Media */
embed,
iframe,
object,
video {
margin-bottom: 20px;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
/* Accessibility - Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: var(--e-global-color-tombuild_light);
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Forms
-------------------------------------------------------------- */
button,
input {
line-height: normal;
}
button,
input,
select,
textarea {
font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
font-size: 100%;
line-height: inherit;
vertical-align: baseline;
}
input,
textarea {
font-size: 1em;
max-width: 100%;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
/* Removing the inner shadow on iOS inputs */
}
textarea {
overflow: auto;
/* Removes default vertical scrollbar in IE6/7/8/9 */
vertical-align: top;
/* Improves readability and alignment in all browsers */
}
input[type="checkbox"] {
display: inline;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
outline: 0;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
/* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-appearance: textfield;
/* Addresses appearance set to searchfield in S5, Chrome */
}
input[type="search"]:-webkit-search-decoration {
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
button:-moz-focus-inner,
input:-moz-focus-inner {
border: 0;
padding: 0;
}
/* Remove chrome yellow autofill */
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px var(--e-global-color-tombuild_light) inset;
}
/* Reset search styling */
input[type="search"] {
outline: 0;
}
input[type="search"]:-webkit-search-decoration,
input[type="search"]:-webkit-search-cancel-button,
input[type="search"]:-webkit-search-results-button,
input[type="search"]:-webkit-search-results-decoration {
display: none;
}
/* Input normal */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
font-size: 14px;
line-height: 2;
padding: 15px 30px;
border: 1px solid var(--e-global-color-tombuild_border);
background-color: var(--e-global-color-tombuild_light);
color: var(--e-global-color-tombuild_text);
margin-bottom: 10px;
text-shadow: none;
box-shadow: none;
box-sizing: border-box;
transition: border 0.3s;
}
select {
padding: 11px 18px;
width: 100%;
-webkit-appearance: none;
border-color: var(--e-global-color-tombuild_light);
background: var(--e-global-color-tombuild_light) url("data:image/svg+xml;utf8,") no-repeat;
background-size: 10px;
background-position: calc(100% - 20px) calc(50% + 3px);
background-repeat: no-repeat;
outline: 0;
}
/* Input focus */
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
/* Button */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
font-size: 16px;
line-height: 60px;
font-weight: 500;
color: #fff;
background-color: var(--e-global-color-tombuild_accent);
padding: 0 50px;
display: inline-block;
-webkit-appearance: none;
transition: all 0.3s ease;
white-space: nowrap;
}
/* Button hover + focus */
.button:hover,
.button:focus,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: 0;
background-color: var(--e-global-color-tombuild_primary);
color: #fff;
}
/* Placeholder */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: inherit; /* Firefox */ }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: inherit; }
::-ms-input-placeholder { /* Microsoft Edge */ color: inherit; }
#footer-widgets input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: inherit; /* Firefox */ }
#footer-widgets input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: inherit; }
#footer-widgets input::-ms-input-placeholder { /* Microsoft Edge */ color: inherit; }
/* Links */
a {
color: var(--e-global-color-tombuild_accent);
outline: 0;
text-decoration: none;
transition: color 0.3s, background 0.3s;
}
a:hover,
a:focus,
a:active {
outline: 0;
color: var(--e-global-color-tombuild_primary);
text-decoration: none;
}
/* Typography
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Chivo", sans-serif;
color: var(--e-global-color-tombuild_primary);
margin: 0 0 22px;
font-weight: 500;
text-rendering: optimizeLegibility;
}
h1 {
font-size: 3.334em; /* 60px */
line-height: 1.334;
}
h2 {
font-size: 2.778em; /* 50px */
line-height: 1.24;
}
h3 {
font-size: 2.223em; /* 40px */
line-height: 1.25;
}
h4 {
font-size: 1.667em; /* 30px */
line-height: 1.334;
}
h5 {
font-size: 1.334em; /* 24px */
line-height: 1.334;
}
h6 {
font-size: 1em; /* 18px */
line-height: 1.667;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
/* Title with Link */
.comment-author:hover a {
color: var(--e-global-color-tombuild_accent);
}
/* SVG */
svg {
height: auto;
}
/* Font Body */
.font-body {
font-family: var(--font-body);
}
/* Font Heading */
.font-heading,
.tombuild-menu,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.hentry .post-link a,
#featured-title #breadcrumbs .breadcrumb-trail > a,
#featured-title #breadcrumbs .breadcrumb-trail > span,
.master-heading .pre-heading,
.master-counter .number-wrap,
.master-button,
.master-link,
.title,
#sidebar .widget.widget_search label,
#sidebar .widget .wp-block-categories li a,
#sidebar .widget .wp-block-categories li span,
#sidebar .widget.widget_block .wp-block-tag-cloud a,
#sidebar .widget.widget_tag_cloud .tagcloud a
.hentry .post-tags a,
.nav-links .prev, .nav-links .next,
.shopengine-product-price .price,
.woo-single-post-class .summary .price
.woo-single-post-class .summary .shopengine-wishlist,
.woocommerce-page .shop_table.cart th,
.woocommerce-page .shop_table.cart .product-name a,
.woocommerce-review__author,
.woo-single-post-class .woocommerce-tabs .entry-content .meta .woocommerce-review__published-date,
.woo-single-post-class .woocommerce-tabs ul li > a,
.products li h2,
.tag-text {
font-family: var(--font-heading);
}
/* Login & Logout */
body.logged-in .hide-on-login {
display: none;
}
body:not(.logged-in) .hide-on-logout {
display: none;
}
body.logged-in.elementor-preview .hide-on-login {
display: block;
position: relative;
}
body.logged-in.elementor-preview .hide-on-login:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
content: "";
background-color: #fff;
opacity: 0.8;
}
/* Icons set for themes
-------------------------------------------------------------- */
.event-manager-pagination ul li .page-numbers.next,
.event-manager-pagination ul li .page-numbers.prev,
.event-manager-pagination-2 ul li .page-numbers.next,
.event-manager-pagination-2 ul li .page-numbers.prev {
font-size: 0 !important;
position: relative;
}
.event-manager-pagination ul li .page-numbers.next:after,
.event-manager-pagination ul li .page-numbers.prev:after,
.event-manager-pagination-2 ul li .page-numbers.next:after,
.event-manager-pagination-2 ul li .page-numbers.prev:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 12px;
line-height: inherit;
text-align: center;
color: inherit;
}
.event-manager-pagination ul li .page-numbers.next:after,
.event-manager-pagination-2 ul li .page-numbers.next:after {
font-family: 'core-icons';
content: '\f054';
}
.event-manager-pagination ul li .page-numbers.prev:after,
.event-manager-pagination-2 ul li .page-numbers.prev:after {
font-family: 'core-icons';
content: '\f053';
}
.recent-news .post-date:after { font-family: 'core-icons'; }
.post-meta .item:after,
.header-info .content:before { font-family: 'core-icons'; }
.header-info .content.phone:before { content: '\f095'; }
.header-info .content.email:before { content: '\f0e2'; }
.header-info .content.address:before { content: '\e947'; }
.post-meta .item.post-by-author:after { content: '\f2be'; }
.post-meta .item.post-comment:after { content: '\f087'; }
.recent-news .post-date:after { content: '\f018'; }
.post-meta .item.post-date:after { content: '\f073'; }
.post-meta .item.post-meta-categories:after { content: '\e90b'; }
.tombuild-menu > ul > li.menu-item-has-children > a span:after,
.tombuild-menu .sub-menu li.menu-item-has-children > a:after,
.tombuild-menu-panel li .arrow:before {
font-family: "core-icons";
content: "\f078";
}
.menu-vertical .tombuild-menu > ul > li > a span:after {
font-family: "core-icons";
content: "\f054";
}
.search-style-fullscreen .search-close:before,
.tombuild-menu-panel .close-menu:before {
font-family: "core-icons";
content: "\e940";
}
.tombuild .mfp-gallery button.mfp-arrow:active {
margin-top: 0;
}
.tombuild .mfp-gallery button.mfp-arrow, .tombuild .mfp-gallery button.mfp-close {
position: absolute;
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin-top: 0;
}
.tombuild .mfp-gallery button.mfp-arrow:after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
margin: 0 !important;
width: 40px;
height: 40px;
line-height: 40px;
}
.master-vertical-slider .swiper-button-prev:after,
.master-slider .arrow-prev:after {
font-family: "core-icons";
content: "\e951";
font-weight: 400;
}
.master-vertical-slider .swiper-button-next:after,
.master-slider .arrow-next:after {
font-family: "core-icons";
content: "\e952";
font-weight: 400;
}
.mfp-arrow.mfp-arrow-left:after,
.single-project-inner .nav-links .prev a:after,
.master-carousel-box .flickity-button.previous:before,
.related-news .related-post .slick-prev:before,
.post-media .slick-prev:before {
font-family: "core-icons";
content: "\e951";
font-weight: 400;
}
.hentry .post-link a:before,
.mfp-arrow.mfp-arrow-right:after,
.single-project-inner .nav-links .next a:after,
.master-carousel-box .flickity-button.next:before,
.related-news .related-post .slick-next:before,
.post-media .slick-next:before {
font-family: "core-icons";
content: "\e952";
font-weight: 400;
}
.master-slider .slide ul li::before {
font-family: "core-icons";
content: "\f054";
}
/* Arrow Button */
.no-counts.wp-block-categories > li a:before,
.mc4wp-form .submit-wrap button:before {
font-family: "core-icons";
content: "\e925";
}
/* Search */
.widget.widget_search .search-form .search-submit:after,
#sidebar .wc-block-product-search .wc-block-product-search__button:after,
#sidebar .widget.widget_search .wp-block-search .wp-block-search__button:after,
.woo-single-post-class .images .woocommerce-product-gallery__trigger:after,
.widget.widget_product_search .woocommerce-product-search .search-submit:before {
font-family: "core-icons";
content: "\e851";
font-weight: 400;
}
/* Cart */
.products li .product-info .button:before,
.products li .product-info .added_to_cart:before,
.products li .product-info .button:after,
.products li .product-info .added_to_cart:after {
font-family: "core-icons";
content: "\e903";
}
.woocommerce-page .shop_table.cart .product-remove a:after {
font-family: "core-icons";
content: "\e940";
}
/* Scroll Top */
#scroll-top:after {
font-family: "core-icons";
content: "\e93b";
}
/* List */
#sidebar .wc-block-product-categories-list > li a:before,
.widget_product_categories > ul > li a:before {
font-family: "core-icons";
content: "\f054";
font-weight: 400;
}
/* Extra classes
-------------------------------------------------------------- */
.text-white { color: #fff !important; }
.text-dark { color: var(--e-global-color-tombuild_primary) !important; }
.link-dark:hover, .link-gray:hover { color: var(--e-global-color-tombuild_accent) !important; }
.accent-color { color: var(--e-global-color-tombuild_accent) !important; }
.accent-color-2 { color: var(--e-global-color-tombuild_accent) !important; }
.accent-color-3 { color: var(--e-global-color-tombuild_accent) !important; }
.dark-color { color: var(--e-global-color-tombuild_primary) !important; }
.bg-accent { background-color: var(--e-global-color-tombuild_accent) !important; }
.border-accent { border-color: var(--e-global-color-tombuild_accent) !important; }
.display-none, .hidden { display: none !important; }
.display-block { display: block !important; }
.display-inline { display: inline !important; }
.display-inline-block { display: inline-block !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.overflow-inherit { overflow: inherit !important; }
.overflow-hidden { overflow: hidden !important; }
.overflow-visible { overflow: visible !important; }
.has-shadow { box-shadow: 0 30px 70px 0 rgba(227, 239, 240, 0.7); }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.text-italic { font-style: italic !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-del { text-decoration: line-through !important; }
.underline-solid, .underline-dotted, .underline-dashed { position: relative; }
.underline-solid:after,
.underline-dotted:after,
.underline-dashed:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid var(--e-global-color-tombuild_accent); }
.underline-dotted:after { border-bottom-style: dotted; }
.underline-dashed:after { border-bottom-style: dashed; }
.clear:before, .clear:after, .clearfix:before, .clearfix:after { clear: both; display: table; line-height: 0; content: ""; }
.clear:after, .clearfix:after { clear: both; }
.text-shadow { text-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
@media (max-width: 1400px) {
.hidden-xl { display: none; }
}
.o-1 { opacity: 0.1; }
.o-2 { opacity: 0.2; }
.o-3 { opacity: 0.3; }
.o-4 { opacity: 0.4; }
.o-5 { opacity: 0.5; }
.o-6 { opacity: 0.6; }
.o-7 { opacity: 0.7; }
.o-8 { opacity: 0.8; }
.o-9 { opacity: 0.9; }
/* General Style
-------------------------------------------------------------- */
a.thumb {
position: relative;
display: inline-flex;
overflow: hidden;
width: 100%;
}
a.thumb .inner {
display: flex;
width: 100%;
}
a.thumb img {
width: 100%;
transition: 0.5s ease;
}
a.thumb:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
transition: 0.5s;
z-index: 1;
pointer-events: none;
transform: translateY(100%);
opacity: 0;
background-color: var(--e-global-color-tombuild_primary);
}
.item-carousel:hover a.thumb img,
a.thumb:hover img {
transform: scale(1.1);
}
.active:hover a.thumb:before,
a.thumb:hover:before {
transform: translateY(0);
}
/* Theme standard style
-------------------------------------------------------------- */
.wpb_row,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin,
.wpb_button {
margin-bottom: 0 !important;
}
.wp-block-gallery {
margin-bottom: 30px;
}
.wp-block-gallery.alignleft {
margin-inline-end: 30px;
}
.wp-block-gallery.alignright {
margin-inline-start: 30px;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
position: relative;
border-color: var(--e-global-color-tombuild_light);
background-color: #fff;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
width: 100%;
padding: 10px 0 10px 14px;
font-size: 16px;
line-height: 26px;
border: 1px solid var(--e-global-color-tombuild_border);
}
#sidebar .wp-block-search {
margin-bottom: 0;
}
#sidebar .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
background-color: transparent;
padding: 0;
border: none;
}
#sidebar .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
background-color: transparent;
border: none;
padding: 0;
position: absolute;
top: 0;
right: 10px;
}
#sidebar .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button #search-icon {
position: relative;
top: 10px;
width: 26px;
transform: scaleX(-1);
fill: #888682;
opacity: 0.7;
}
.wp-block-search .wp-block-search__input {
border-color: var(--e-global-color-tombuild_light);
}
.wp-block-search .wp-block-search__button {
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
padding: 0 60px;
}
.wp-block-search .wp-block-search__button:hover {
background-color: var(--e-global-color-tombuild_primary);
}
.wp-block-search {
margin-bottom: 20px;
}
.wp-block-search input {
margin-bottom: 0;
}
.wp-block-table .has-fixed-layout {
border-width: 1px;
}
.wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain) {
padding: 70px 50px;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p,
.wp-block-quote.has-text-align-right p em {
font-style: normal;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
float: right;
margin: 7px 0 15px 25px;
}
.alignleft {
float: left;
margin: 7px 25px 15px 0;
}
p > img.alignleft {
clear: left;
}
p > img.alignright {
clear: right;
}
blockquote.aligncenter {
margin-bottom: 20px;
}
blockquote.alignleft {
margin: 5px 20px 0;
}
blockquote.alignright {
margin: 5px 0 20px 20px;
}
.wp-block-pullquote,
.wp-block-pullquote.is-style-solid-color blockquote {
text-align: center;
}
.wp-block-pullquote.has-background blockquote {
background-color: inherit;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.floatleftcenter {
float: none;
margin: 0 auto;
}
/* WordPress Styles
-------------------------------------------------------------- */
.bypostauthor > article {}
.sticky-post {
display: inline-block;
color: var(--e-global-color-tombuild_accent);
font-size: 20px;
position: absolute;
left: 0;
top: -10px;
display: none;
}
.post.hentry.sticky .post-content-wrap {
border-color: var(--e-global-color-tombuild_accent);
}
.post.sticky .post-title a {
position: relative;
display: inline-block;
padding-left: 25px;
line-height: 1;
}
.post.sticky .post-title a:after {
position: absolute;
top: 0;
left: 0;
background-color: var(--e-global-color-tombuild_accent);
content: "";
width: 3px;
height: 100%;
font-size: 25px;
}
.wp-block-quote.is-style-large {
padding-top: 70px;
}
.wp-block-quote.is-style-large:before {
top: 20px;
left: 50%;
transform: translateX(-50%);
}
blockquote.has-text-align-right:before {
right: 20px;
left: unset;
}
.wp-block-pullquote blockquote {
padding: 40px;
}
.wp-block-pullquote blockquote:before {
top: 20px;
left: 50%;
transform: translateX(-50%);
}
.wp-block-pullquote.is-style-solid-color {
background-color: #f7f7f7;
}
.wp-block-column .wp-block-quote {
padding: 30px 15px;
}
.wp-block-column .wp-block-quote:before {
top: 0px;
}
.wp-block-cover {
margin-bottom: 50px;
}
.wp-block-gallery,
.wp-block-calendar {
margin-bottom: 50px;
}
.wp-block-search input {
margin-bottom: 0;
}
.wp-block-group.has-background {
padding: 30px;
}
.post-content .has-large-font-size {
line-height: 1.4;
}
.wp-caption {
text-align: center;
max-width: 100%;
text-align: center;
margin-bottom: 20px;
}
.wp-caption img {
display: block;
margin: 0 auto;
padding: 0;
border: 0 none;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 0.8em;
padding: 10px 0 0;
margin: 0;
text-align: center;
font-style: italic;
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.wp-caption.alignnone {
margin-bottom: 20px;
}
.wp-smiley {
margin: 0;
max-height: 1em;
}
#img-attch-page {
text-align: center;
overflow: hidden;
}
#img-attch-page img {
display: inline-block;
margin: 0 auto;
max-width: 100%;
margin-bottom: 20px;
}
.post-password-form label {
font-weight: bolder;
color: var(--e-global-color-tombuild_primary);
}
form.login .lost_password {
display: inline-block;
margin-bottom: 3px;
}
.wpstats {
display: none;
}
.wp-block-button__link {
font-size: 16px;
line-height: 30px;
padding: 14px 50px;
border-radius: 30px;
margin: 0 10px 10px 0;
}
.wp-block-button__link:hover {
color: #fff;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0;
}
.wp-block-cover.has-background-dim .wp-block-cover-text {
color: #fff;
}
.wp-block-cover .wp-block-cover-text strong {
font-weight: 400;
}
.wp-block-latest-comments,
.wp-block-latest-posts {
margin-left: 0;
}
.gallery {
margin: 0 -1.15% 30px;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.15% 2.3%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
/* Block Widget */
ul.wp-block-rss,
ul.wp-block-latest-posts,
ul.wp-block-archives-list,
ol.wp-block-latest-comments {
margin-left: 0;
width: fit-content;
}
ul.wp-block-rss ul,
ul.wp-block-latest-posts ul,
ul.wp-block-archives-list ul,
ol.wp-block-latest-comments ul {
padding-left: 16px;
}
.widget.widget_recent_comments ul li,
.widget.widget_rss ul li,
ul.wp-block-rss li,
ul.wp-block-latest-posts li,
ul.wp-block-archives-list li,
ol.wp-block-latest-comments li {
position: relative;
list-style: none;
border-bottom: 1px solid rgba(255,255,255,0.3);
padding: 5px 0;
}
ol.wp-block-latest-comments li {
margin-top: 8px;
}
ul.wp-block-latest-posts li {
padding: 16px 0 0;
}
.wp-block-latest-comments__comment {
line-height: 1.4;
}
.wp-block-archives-list.wp-block-archives li {
display: flex;
justify-content: space-between;
}
.wp-block-archives-list.wp-block-archives li a {
margin-right: 30px;
}
/* Layout
-------------------------------------------------------------- */
.tombuild-container {
width: 1170px;
margin: 0 auto;
max-width: calc(100vw - 30px);
}
.tombuild-header.tombuild-container,
.tombuild-footer.tombuild-container,
.tombuild-header .tombuild-container,
.tombuild-footer .tombuild-container,
.elementor-page.no-sidebar #content-wrap {
width: unset;
max-width: 100vw;
}
#main-content {
padding: 100px 0;
}
.no-padding-content #main-content {
padding: 0;
}
/* Inner Content */
#inner-content,
#inner-sidebar {
position: relative;
z-index: 1;
}
#inner-content:after,
#inner-sidebar:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-style: solid;
border-width: 0;
z-index: -1;
}
/* Sidebar Right (default) */
#content-wrap {
display: flex;
justify-content: space-between;
}
#site-content {
width: 65.812%;
}
#sidebar {
width: 31.624%;
}
/* Sidebar Left */
.sidebar-left #content-wrap {
flex-direction: row-reverse;
}
/* No Sidebar */
.no-sidebar .woocommerce-page #site-content,
.no-sidebar #site-content,
.page-empty-widget #site-content,
.blog-empty-widget #site-content,
#site-content.archive-project {
width: 100% !important;
max-width: none !important;
}
.no-sidebar #sidebar { display: none; }
/* Boxed layout */
.site-layout-boxed #wrapper {
background-color: #f4f4f4;
padding: 30px;
}
.site-layout-boxed #page {
width: 1240px;
max-width: 100%;
margin: 0 auto;
position: relative;
}
.site-layout-boxed #page .tombuild-container {
width: auto !important;
max-width: none !important;
padding-left: 30px;
padding-right: 30px;
}
.site-layout-boxed.box-shadow #page {
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.04);
}
.site-layout-boxed #site-header.fixed-hide {
width: 1240px;
left: 50%;
transform: translateX(-50%);
}
/* Header General
-------------------------------------------------------------- */
#site-header {
position: relative;
z-index: 100;
border-style: solid;
}
#site-header-wrap {
position: relative;
z-index: 999;
}
#site-header-wrap.low-index {
z-index: 2;
}
.site-header-inner,
.site-header-inner .wrap-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.site-header-inner .wrap-inner {
flex-grow: 1;
}
#site-header .tombuild-menu {
display: flex;
justify-content: flex-end;
flex-grow: 1;
}
/* Logo */
#site-logo { flex-shrink: 0; }
#site-logo .main-logo {
display: inline-block;
margin: 24px 0;
}
#site-logo-inner {
margin-right: 30px;
line-height: 1;
}
.master-logo.logo-text a,
#site-logo .site-logo-text {
display: inline-block;
color: var(--e-global-color-tombuild_primary);
font-size: 30px;
line-height: 36px;
font-weight: bold;
margin: 22px 0;
}
.master-logo.logo-text a:hover,
#site-logo .site-logo-text:hover {
color: var(--e-global-color-tombuild_accent);
}
/* Top Bar */
.top-bar {
color: #c9c4d5;
font-size: 12px;
line-height: 38px;
font-weight: 600;
background-color: #1b1825;
}
.top-bar-inner {
display: flex;
justify-content: space-between;
align-items: center;
}
/* Button */
.header-button {
margin-left: 30px;
}
.header-button a {
font-size: 13px;
line-height: 60px;
padding: 0 40px;
}
/* Info */
.header-info .content {
position: relative;
display: inline-block;
margin-left: 30px;
padding-left: 24px;
}
.header-info .content:before {
position: absolute;
left: 0;
top: 1px;
font-size: 12px;
font-weight: 400;
color: #fff;
}
/* Social */
.header-socials {
margin-right: 30px;
}
.header-socials a {
display: inline-block;
font-size: 14px;
padding: 0 15px;
color: #fff;
text-align: center;
}
.header-socials a:hover {
color: var(--e-global-color-tombuild_accent);
}
.topbar-left .header-socials a:first-child {
padding-left: 0;
}
.topbar-right .header-socials a:last-child {
padding-right: 0;
}
/* Header Float */
.tombuild-header .header-float,
.tombuild-header.header-float {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
max-width: unset;
}
/* Header Fixed */
.tombuild-header-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
box-shadow: 0 30px 70px rgba(0,0,0,0.05);
transform: translateY(-100%);
transition: transform 0.3s;
z-index: 9999;
max-width: unset;
}
.tombuild-header-fixed.fixed-show {
transform: translateY(0);
}
/* Sticky Header */
.tombuild-header .is-sticky {
transition: all 0.5s ease, width 0s;
}
.tombuild-header .is-sticky .position-absolute {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.tombuild-header.header-float .is-sticky.fixed-show,
.tombuild-header .is-sticky.fixed-show .position-absolute {
position: fixed !important;
top: 0;
left: 0 !important;
width: 100%;
z-index: 9999;
box-shadow: 0 10px 50px rgba(0,0,0,0.2);
border-width: 0;
backdrop-filter: blur(5px);
}
.tombuild-header.header-float .is-sticky:after,
.tombuild-header .is-sticky.fixed-show .position-absolute:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
content: '';
z-index: -1;
background-color: #fff;
opacity: 0;
transition: opacity 0.5s ease;
}
.tombuild-header.header-float .is-sticky.dark-bg:after,
.tombuild-header .is-sticky.dark-bg.fixed-show .position-absolute:after {
background-color: var(--e-global-color-tombuild_accent_2);
}
.tombuild-header.header-float .is-sticky.fixed-show.no-overlay:after,
.tombuild-header .is-sticky.fixed-show.no-overlay .position-absolute:after {
display: none;
}
.tombuild-header.header-float .is-sticky.fixed-show:after,
.tombuild-header .is-sticky.fixed-show .position-absolute:after {
opacity: 0.9;
}
.tombuild-header.header-float .is-sticky.bg-dark:after,
.tombuild-header .is-sticky.bg-dark .position-absolute:after {
background-color: var(--e-global-color-tombuild_primary);
}
.tombuild-header.header-float .is-sticky.bg-white:after,
.tombuild-header .is-sticky.bg-white .position-absolute {
background-color: #fff;
}
.tombuild-header.header-float .is-sticky.bg-white.fixed-show:after,
.tombuild-header .is-sticky.bg-white .position-absolute.fixed-show:after {
opacity: 1;
}
/* Menu Wrap */
.tombuild-menu-wrap,
.tombuild-menu-wrap .menu-extra {
display: flex;
align-items: center;
}
.tombuild-menu-wrap {
justify-content: space-between;
}
.tombuild-menu-wrap .menu-extra {
justify-content: flex-end;
}
.site-header-inner .tombuild-hamburger-icon,
.tombuild-menu-wrap.menu-hamburger-on-mobi .tombuild-hamburger-icon {
display: none;
}
.tombuild-menu-wrap.menu-hamburger .menu-extra {
width: 100%;
}
/* Menu */
.tombuild-menu {
text-align: left;
}
.tombuild-menu .menu {
display: flex;
justify-content: space-evenly;
width: max-content;
margin: 0;
line-height: 1;
}
.tombuild-menu ul li {
position: relative;
list-style: none;
display: inline-block;
}
.tombuild-menu > ul > li {
margin: 0 20px;
}
.tombuild-menu > ul > li > a span {
position: relative;
display: inline-flex;
font-size: 16px;
line-height: 36px;
color: var(--e-global-color-tombuild_text);
font-weight: 500;
transition: all 0.3s ease;
}
.tombuild-menu > ul > li.menu-item-has-children > a span {
padding-right: 15px;
}
.tombuild-menu > ul > li.menu-item-has-children > a span:after {
position: absolute;
top: 1px;
right: 0;
font-size: 9px;
font-weight: 400;
}
.tombuild-menu > ul > li.current-menu-item > a span,
.tombuild-menu > ul > li.current-menu-parent > a span {
font-weight: 500;
}
.tombuild-menu > ul > li.current-menu-item > a span,
.tombuild-menu > ul > li.current-menu-parent > a span,
.tombuild-menu > ul > li:hover > a span {
color: var(--e-global-color-tombuild_primary);
}
.tombuild-menu > ul > li.hide > a span {
background-color: #fff;
}
.tombuild-menu > ul > li > a {
display: block;
line-height: 100px;
}
.tombuild-menu > ul > li > a:not([href]) {
cursor: pointer;
}
/* Sub menu */
.tombuild-menu .sub-menu {
position: absolute;
left: 0;
top: 100%;
padding: 0 0;
margin: 0;
background-color: #fff;
width: 250px;
opacity: 0;
visibility: hidden;
z-index: 999;
box-shadow: 0 30px 70px 0 rgba(57, 62, 70, 0.15);
transform: translateY(10px);
transition: transform 0.3s, opacity 0s;
}
.tombuild-menu > .menu-item.megamenu > .sub-menu {
left: 0;
}
.tombuild-menu .sub-menu ul {
left: 100%;
top: 0;
transform: none;
overflow: hidden;
}
.tombuild-menu .sub-menu > li {
display: block;
}
.tombuild-menu .sub-menu > li:hover {
background-color: var(--e-global-color-tombuild_accent);
transition: all 0.3s ease;
}
.tombuild-menu .sub-menu > li > a {
position: relative;
display: block;
padding: 10px 25px;
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: var(--e-global-color-tombuild_primary);
transition: color 0.3s;
}
.tombuild-menu .sub-menu > li:last-child > a {
border-color: transparent;
}
.tombuild-menu .sub-menu > li a span {
position: relative;
display: inline-block;
transition: transform 0.3s;
}
.tombuild-menu ul.sub-menu > li:hover > a {
color: #fff;
}
.tombuild-menu li:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.tombuild-menu .sub-menu > li.menu-item-has-children > a:after {
position: absolute;
right: 25px;
top: 50%;
line-height: 40px;
font-size: 11px;
font-weight: 400;
transform: translateY(-50%) rotate(-90deg);
transition: transform 0.3s ease;
}
.tombuild-menu .sub-menu li.menu-item-has-children:hover > a:after {
transform: translateY(-50%);
}
.tombuild-menu .sub-menu.left {
left: auto;
right: 0;
}
.tombuild-menu > .menu-item:not(.megamenu) > .sub-menu.left {
right: -25px;
}
.tombuild-menu .sub-menu .sub-menu.left {
right: 100%;
}
/* Menu Vertical */
.menu-vertical .tombuild-menu-wrap { display: block; }
.menu-vertical .tombuild-menu .menu { display: block; width: 100%; }
.menu-vertical .tombuild-menu > ul > li { display: block; margin: 0; }
.menu-vertical .tombuild-menu > ul > li:last-child { margin-bottom: 0 !important; }
.menu-vertical .tombuild-menu > ul > li > a { line-height: 1; }
.menu-vertical .tombuild-menu > ul > li > a span { display: inline-block; width: 100%; }
.menu-vertical .tombuild-menu > ul > li > a span:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 10px; }
.align-left .tombuild-menu-wrap,
.align-left .tombuild-menu-wrap > .menu-extra { justify-content: flex-start; }
.align-center .tombuild-menu-wrap,
.align-center .tombuild-menu-wrap > .menu-extra { justify-content: center; }
.align-right .tombuild-menu-wrap,
.align-right .tombuild-menu-wrap > .menu-extra { justify-content: flex-end; }
.align-justify .tombuild-menu-wrap,
.align-justify .tombuild-menu-wrap > .menu-extra { justify-content: space-between; }
html:not([dir="rtl"]) .align-left .tombuild-menu > .menu > .menu-item:first-child { padding-left: 0 !important; margin-left: 0 !important; }
html:not([dir="rtl"]) .align-right .tombuild-menu > .menu > .menu-item:last-child { padding-right: 0 !important; margin-right: 0 !important; }
@media (max-width: 1024px) {
.align--tabletleft .tombuild-menu-wrap,
.align--tabletleft .tombuild-menu-wrap > .menu-extra { justify-content: flex-start; }
.align--tabletcenter .tombuild-menu-wrap,
.align--tabletcenter .tombuild-menu-wrap > .menu-extra { justify-content: center; }
.align--tabletright .tombuild-menu-wrap,
.align--tabletright .tombuild-menu-wrap > .menu-extra { justify-content: flex-end; }
.align--tabletjustify .tombuild-menu-wrap,
.align--tabletjustify .tombuild-menu-wrap > .menu-extra { justify-content: space-between; }
html:not([dir="rtl"]) .align--tabletleft .tombuild-menu .menu-item:first-child { padding-left: 0 !important; }
html:not([dir="rtl"]) .align--tabletright .tombuild-menu .menu-item:last-child { padding-right: 0 !important; }
}
@media (max-width: 767px) {
.align--mobileleft .tombuild-menu-wrap,
.align--mobileleft .tombuild-menu-wrap > .menu-extra { justify-content: flex-start; }
.align--mobilecenter .tombuild-menu-wrap,
.align--mobilecenter .tombuild-menu-wrap > .menu-extra { justify-content: center; }
.align--mobileright .tombuild-menu-wrap,
.align--mobileright .tombuild-menu-wrap > .menu-extra { justify-content: flex-end; }
.align--mobilejustify .tombuild-menu-wrap,
.align--mobilejustify .tombuild-menu-wrap > .menu-extra { justify-content: space-between; }
html:not([dir="rtl"]) .align--mobileleft .tombuild-menu .menu-item:first-child { padding-left: 0 !important; }
html:not([dir="rtl"]) .align--mobileright .tombuild-menu .menu-item:last-child { padding-right: 0 !important; }
}
/* Separator for bottom menu */
.menu-sep-yes .tombuild-menu .menu-item {
margin: 0;
}
.menu-sep-yes .tombuild-menu > ul > li > a span {
padding: 0 15px;
}
.menu-sep-yes .tombuild-menu .menu-item:not(:last-child):after {
position: absolute;
top: 50%;
right: 0;
content: '/';
transform: translate(50%,-50%);
}
/* Hamburger Menu Icon */
.tombuild-hamburger-icon {
cursor: pointer;
width: 24px;
font-size: 20px;
line-height: 80px;
color: var(--e-global-color-tombuild_text);
transition: all 0.3s ease;
}
.tombuild-hamburger-icon svg {
fill: currentColor;
transition: fill 0.3s;
}
.tombuild-hamburger-icon i,
.tombuild-hamburger-icon svg {
width: 100%; line-height: inherit;
}
.tombuild-menu-panel {
flex-basis: 0;
text-align: left;
}
.tombuild-menu-panel .menu-panel-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0,0,0,.8);
z-index: 999998;
opacity: 0;
visibility: hidden;
-webkit-backdrop-filter: blur(10px);
transition: opacity 0.3s;
}
.menu-panel-overlay.show {
opacity: 1;
visibility: visible;
}
.tombuild-menu-panel .menu-panel-wrap {
position: fixed;
right: -100%;
top: 0;
background: var(--e-global-color-tombuild_primary);
height: 100%;
min-height: 100vh;
width: 400px;
max-width: calc(100% - 10px);
padding: 100px 30px 30px 40px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
z-index: 999999;
overflow-x: hidden;
overflow-y: auto;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-overflow-scrolling: touch;
}
.tombuild-menu-panel .close-menu {
position: absolute;
right: 20px;
top: 20px;
width: 60px;
height: 60px;
background-color: transparent;
z-index: 999999;
font-size: 14px;
color: #fff;
cursor: pointer;
transition: color 0.3s;
}
.tombuild-menu-panel .close-menu:before {
position: absolute;
left: 50%;
top: 50%;
font-weight: 600;
font-size: 14px;
transform: translate(-50%, -50%);
}
.tombuild-menu-panel .close-menu:hover {
color: var(--e-global-color-tombuild_accent);
}
.tombuild-menu-panel ul {
list-style: none;
margin: 0;
padding: 0;
}
.tombuild-menu-panel li {
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: block;
}
.tombuild-menu-panel li .arrow {
position: absolute;
top: 18px;
right: 0;
cursor: pointer;
display: inline-block;
font-size: 10px;
line-height: 28px;
width: 28px;
text-align: center;
color: #fff;
transition: transform 0.3s;
}
.tombuild-menu-panel li > a {
color: #fff;
transition: 0.3s;
}
.tombuild-menu-panel li.current-menu-item > a,
.tombuild-menu-panel li:hover > a {
color: var(--e-global-color-tombuild_accent);
}
.tombuild-menu-panel li.active > .arrow {
transform: rotate(-90deg);
color: var(--e-global-color-tombuild_primary);
}
.tombuild-menu-panel ul li a {
font-size: 18px;
color: #fff;
font-weight: 400;
text-transform: capitalize;
padding: 14px 0;
display: block;
}
.tombuild-menu-panel .sub-menu {
display: none;
padding-left: 20px;
padding-bottom: 18px;
}
.tombuild-menu-panel .sub-menu li {
border-bottom: 0;
}
.tombuild-menu-panel .sub-menu li a {
font-size: 17px;
line-height: 30px;
padding: 9px 0;
}
html.disable-scroll {
overflow-y: hidden;
}
.tombuild-menu-panel .menu-logo {
margin-bottom: 35px;
}
.tombuild-menu-panel .search-form {
position: relative;
margin: 32px 0;
}
.tombuild-menu-panel .search-form .search-field {
padding-right: 48px;
width: 100%;
margin-bottom: 0;
padding: 10px 25px;
background-color: #fff;
border: 1px solid var(--e-global-color-tombuild_border);
}
.tombuild-menu-panel .search-form .search-submit {
position: absolute;
right: 5px;
top: 0px;
width: 44px;
height: 44px;
text-align: center;
text-indent: 9999px;
background-color: transparent;
padding: 0;
border: 0;
overflow: hidden;
}
.tombuild-menu-panel .search-form .search-submit i {
position: absolute;
top: 0;
left: 0;
font-size: 16px;
line-height: 44px;
width: 44px;
font-weight: 500;
text-align: center;
color: var(--e-global-color-tombuild_primary);
text-indent: 0;
}
.tombuild-menu-panel .search-form .search-submit:hover {
color: var(--e-global-color-tombuild_accent);
}
.tombuild-menu-panel .search-form .search-submit svg {
position: absolute;
top: -1px;
left: 0;
width: 100%;
padding: 20%;
fill: currentColor;
stroke: none;
transition: fill 0.3s;
}
.tombuild-menu-panel .ext > .text {
display: none;
}
.tombuild-menu-panel .ext > .cart-info {
color: #fff;
}
.tombuild-menu-panel .ext > .cart-info:hover {
color: var(--e-global-color-tombuild_accent);
}
.tombuild-menu-panel .ext > .cart-info i {
position: relative;
font-size: 18px;
color: #fff;
display: inline-block;
margin-right: 12px;
}
/* Mega Menu */
.tombuild-menu li.megamenu {
position: relative;
}
.tombuild-menu li.megamenu .sub-menu {
z-index: 9998;
background-color: transparent;
}
.tombuild-menu li.megamenu > .sub-menu .sub-menu {
transition: none;
padding: 0;
}
.tombuild-menu li.megamenu ul.sub-menu li.menu-item-has-children > a:after,
.tombuild-menu li.megamenu ul.sub-menu li.menu-item-has-children > a > span:after {
display: none;
}
.tombuild-menu li.megamenu > .sub-menu {
left: 0;
right: auto;
margin: 0 15px;
background-color: #fff;
padding: 40px 0;
width: 1170px;
max-width: 90vw;
display: flex;
flex-wrap: wrap;
}
.tombuild-menu li.megamenu > .sub-menu > li {
display: block;
width: 100%;
padding: 0;
border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.tombuild-menu li.megamenu > .sub-menu > li:hover {
background-color: transparent;
}
.tombuild-menu li.megamenu > .sub-menu > li:hover > a {
color: var(--e-global-color-tombuild_primary);
}
.tombuild-menu li.megamenu > .sub-menu > li > a {
border-bottom: none;
}
.tombuild-menu li.megamenu.col-3 > ul.sub-menu > li {
width: calc(33.33% - 20px);
margin-left: 20px;
}
.tombuild-menu li.megamenu.col-4 > ul.sub-menu > li {
width: calc(25% - 20px);
margin-left: 20px;
}
.tombuild-menu li.megamenu.col-5 > ul.sub-menu > li {
width: calc(20% - 20px);
margin-left: 20px;
}
.tombuild-menu li.megamenu > ul.sub-menu > li ul {
display: block !important;
top: auto !important;
width: 100% !important;
min-width: 0 !important;
left: auto !important;
position: relative !important;
border: none !important;
padding: 0 !important;
box-shadow: none !important;
}
.tombuild-menu li.megamenu > ul.sub-menu > .menu-item-has-children > a {
transition: none;
transform: none;
position: relative;
font-size: 15px;
color: #212529;
margin-bottom: 12px;
}
.tombuild-menu li.megamenu.no-heading > ul.sub-menu > .menu-item-has-children > a {
display: none;
}
.tombuild-menu li.megamenu:hover ul li ul {
opacity: 1;
visibility: visible;
}
.tombuild-menu li.custom-megamenu > .sub-menu {
left: 0;
right: auto;
width: 100vw;
max-width: 100vw;
display: flex;
flex-wrap: wrap;
background-color: transparent;
box-shadow: none;
margin: 0;
padding: 0;
pointer-events: none;
}
.tombuild-menu li.custom-megamenu > .sub-menu > .elementor {
margin-left: auto;
margin-right: auto;
}
.tombuild-menu li.custom-megamenu > .sub-menu > .elementor > .elementor-section {
pointer-events: auto;
}
.tombuild-menu .elementor-top-section.elementor-section-boxed {
max-width: 1170px;
}
/* Cart Icon */
.elementor-widget-container .tombuild-cart {
padding-left: 0;
}
.tombuild-cart {
padding-left: 30px;
position: relative;
display: inline-block;
}
.tombuild-cart .nav-cart-trigger {
position: relative;
display: flex;
align-items: center;
text-align: center;
width: 24px;
font-size: 24px;
transition: color 0.3s, opacity 0.3s;
color: var(--e-global-color-tombuild_text);
}
.tombuild-cart .nav-cart-trigger svg {
fill: currentColor;
stroke: none;
transition: fill 0.3s;
}
.tombuild-cart .shopping-cart-items-count {
position: absolute;
right: -5px;
top: calc(50% - 16px);
width: 14px;
height: 14px;
line-height: 14px;
font-size: 8px;
display: block;
border-radius: 50%;
text-align: center;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
font-weight: 600;
transition: all 0.3s ease;
}
.tombuild-cart:hover .shopping-cart-items-count {
background-color: var(--e-global-color-tombuild_primary);
}
.tombuild-cart .nav-shop-cart {
position: absolute;
right: 0;
top: 100%;
width: 350px;
text-align: left;
opacity: 0;
visibility: hidden;
z-index: 99999;
background-color: #fff;
padding: 20px 25px;
box-shadow: 0 30px 70px 0 rgba(57, 62, 70, 0.15);
transform: translateY(10px);
transition: opacity 0s, transform 0.3s;
}
.tombuild-cart:hover .nav-shop-cart {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* Widget Mini Cart */
.tombuild-cart .woocommerce-min-cart-wrap {
padding: 30px;
}
.tombuild-cart .woocommerce-mini-cart__empty-message {
margin: 0;
padding: 10px 20px;
font-size: 15px;
}
.widget_shopping_cart_content ul {
list-style: none;
margin: 0;
}
.widget_shopping_cart_content ul li {
display: inline-block;
position: relative;
width: 100%;
border-top: 1px solid #f4f4f4;
padding: 20px 20px 20px 0;
margin: 0;
}
.widget_shopping_cart_content ul li.empty {
padding: 0;
}
.widget_shopping_cart_content ul li:first-child {
padding-top: 0;
margin-top: 0;
border-top: 0;
}
.widget_shopping_cart_content ul li .product-name {
font-size: 16px;
font-weight: 600;
color: var(--e-global-color-tombuild_primary);
}
.widget_shopping_cart_content ul li a:hover {
color: var(--e-global-color-tombuild_accent);
}
.widget_shopping_cart_content ul li a.remove {
font-size: 22px;
color: var(--e-global-color-tombuild_text);
position: absolute;
right: 0;
top: 18px;
}
.tombuild-cart .nav-shop-cart ul li:first-child a.remove {
top: -2px;
}
.widget_shopping_cart_content ul li a.remove:hover {
opacity: 0.7;
}
.widget_shopping_cart_content ul li a img {
float: left;
width: 65px;
border: none;
margin-right: 20px;
}
.widget_shopping_cart_content ul li:first-child a img {
top: 3px;
}
.widget_shopping_cart_content ul li .quantity {
display: block;
font-size: 14px;
line-height: 24px;
color: var(--e-global-color-tombuild_text);
font-weight: 400;
}
.widget_shopping_cart_content .total {
margin: 0 0 25px;
padding: 12px 0;
border-top: 1px solid var(--e-global-color-tombuild_light);
border-bottom: 1px solid var(--e-global-color-tombuild_light);
font-size: 18px;
color: var(--e-global-color-tombuild_primary);
text-align: center;
}
.widget_shopping_cart_content .total strong {
color: var(--e-global-color-tombuild_primary);
font-weight: 600;
}
.widget_shopping_cart_content .buttons:before,
.widget_shopping_cart_content .buttons:after {
content: "";
display: table;
clear: both;
}
.widget_shopping_cart_content .buttons {
margin: 0;
}
.widget_shopping_cart_content .buttons > a {
text-align: center;
color: var(--e-global-color-tombuild_primary);
background-color: #E1E1E1;
padding: 8px 0;
width: 48%;
float: left;
font-size: 12px;
line-height: 30px;
}
.widget_shopping_cart_content .buttons a.checkout {
float: right;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
}
.widget_shopping_cart_content .buttons a:hover {
opacity: 0.7;
}
/* Description */
.tombuild-menu-panel .desc {
margin: 30px 0;
color: #ada8ba;
}
/* Social Icons */
.tombuild-menu-panel .master-social-icons a {
width: 44px;
height: 44px;
line-height: 44px;
font-size: 16px;
border-radius: 50%;
color: #fff;
background-color: #100d16;
margin: 0 5px;
text-align: center;
}
.tombuild-menu-panel .master-social-icons a:hover {
background-color: var(--e-global-color-tombuild_accent);
}
.tombuild-menu-panel .master-social-icons a:first-child {
margin-left: 0;
}
.tombuild-menu-panel .master-social-icons a:last-child {
margin-right: 0;
}
/* Search Icon */
.tombuild-search {
display: inline-block;
line-height: 1;
}
.search-trigger {
position: relative;
top: 1px;
display: inline-block;
text-align: center;
width: 22px;
font-size: 22px;
line-height: 1;
color: var(--e-global-color-tombuild_text);
stroke: none;
transition: color 0.3s, opacity 0.3s;
}
.tombuild-search:hover .search-trigger {
color: var(--e-global-color-tombuild_accent);
}
.search-trigger svg {
fill: currentColor;
transition: fill 0.3s;
}
/* Search Fullscreen */
.search-style-fullscreen .search_form_wrap {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
background-color: rgba(0, 0, 0, 0.9);
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s;
}
.search-style-fullscreen .search-form {
position: absolute;
width: 40%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: 10px;
}
.search-style-fullscreen .search-field {
width: 100%;
font-size: 22px;
margin-bottom: 0;
background-color: #fff;
padding: 17px 40px;
height: 80px;
}
.search-style-fullscreen .search-field:focus {
border: 0;
}
.search-style-fullscreen .search-submit {
position: absolute;
right: -1px;
top: 0;
width: 80px;
height: 80px;
padding: 0;
line-height: 80px;
color: #fff;
font-size: 0px;
transition: opacity 0s;
}
.search-style-fullscreen .search-submit i {
display: inline-block;
font-size: 24px;
line-height: 80px;
}
.search-style-fullscreen .search-submit:hover {
background-color: var(--e-global-color-tombuild_accent);
}
.search-style-fullscreen .search-submit svg {
position: absolute;
top: 0;
left: 0;
padding: 30%;
width: 100%;
fill: currentColor;
transition: fill 0.3s;
}
.search-style-fullscreen .search-close {
position: absolute;
top: 20px;
right: 30px;
width: 60px;
height: 60px;
display: inline-block;
text-align: center;
cursor: pointer;
z-index: 1;
}
.search-style-fullscreen .search-close:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 20px;
transition: color 0.3s;
}
.search-style-fullscreen .search-close:hover:before { color: var(--e-global-color-tombuild_accent); }
.search-style-fullscreen.search-opened .search_form_wrap { opacity: 1; visibility: visible; }
.search-style-fullscreen.search-opened .search_form { margin-top: 0; }
/* Featured Title
-------------------------------------------------------------- */
#featured-title {
background-color: var(--e-global-color-tombuild_primary);
background-size: cover;
}
#featured-title .inner-wrap {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
width: 100%;
padding: 160px 0;
}
#featured-title .main-title {
position: relative;
font-size: 52px;
line-height: 62px;
z-index: 1;
display: inline-block;
margin-bottom: 45px;
padding-bottom: 30px;
margin-top: 0px;
color: #fff;
}
#featured-title .main-title:after {
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 5px;
content: '';
background-color: var(--e-global-color-tombuild_accent);
}
#featured-title .sub-title {
font-size: 22px;
font-weight: 600;
margin: 3px 0 0;
}
#featured-title #breadcrumbs {
display: inline-block;
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
#featured-title #breadcrumbs .breadcrumb-trail > a,
#featured-title #breadcrumbs .breadcrumb-trail > span {
color: #fff;
position: relative;
display: inline-block;
padding-right: 20px;
}
#featured-title #breadcrumbs .breadcrumb-trail > span {
color: #cacaca;
}
#featured-title #breadcrumbs .breadcrumb-trail > a:not(:last-child):before {
content: "/";
line-height: normal;
position: absolute;
right: 6px;
top: 2px;
color: #fff;
}
#featured-title #breadcrumbs a:hover {
color: rgba(255,255,255,0.7);
}
#featured-title #breadcrumbs .breadcrumb-trail > span {
padding-right: 0;
}
/* Centered */
#featured-title.centered .title-group {
display: block;
width: 100%;
text-align: center;
z-index: 9;
}
#featured-title.centered #breadcrumbs {
display: block;
width: 100%;
text-align: center;
}
#featured-title.centered .main-title {
max-width: 750px;
}
#featured-title.centered .main-title:after {
left: 50%;
transform: translateX(-50%);
}
/* Modern */
#featured-title.modern .inner-wrap {
padding: 320px 0 216px;
}
#featured-title.modern .title-group {
text-align: center;
}
#featured-title.modern #breadcrumbs {
position: absolute;
left: 0;
bottom: 24px;
width: 100%;
}
/* Blog Post
-------------------------------------------------------------- */
.project.hentry,
.service.hentry,
.post.hentry {
position: relative;
margin-bottom: 30px;
}
.hentry .post-content {
margin-bottom: 30px;
}
.hentry:last-child {
margin-bottom: 0;
}
.hentry .post-media iframe {
margin-bottom: 0;
}
.hentry .post-media {
position: relative;
overflow: hidden;
}
.hentry .post-media .custom-post-date {
position: absolute;
top: 20px;
left: 20px;
display: inline-flex;
justify-content: center;
align-items: center;
flex-direction: row;
text-align: center;
font-weight: 600;
font-size: 10px;
line-height: 30px;
text-transform: uppercase;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
z-index: 1;
padding: 0 14px;
}
.hentry .post-media .custom-post-date:after {
position: absolute;
bottom: -6px;
left: 0;
content: '';
width: 0;
height: 0;
border-right: 14px solid transparent;
border-top: 7px solid var(--e-global-color-tombuild_accent);
}
.hentry .post-media .custom-post-date > span {
display: inline-block;
}
.hentry .post-content-wrap {
position: relative;
padding: 25px 35px 50px;
border: 1px solid var(--e-global-color-tombuild_border);
transition: all 0.5s ease;
}
.hentry:hover .post-content-wrap {
box-shadow: 0 10px 35px 0 rgba(33,39,53,0.2);
}
.hentry .post-categories {
font-size: 13px;
}
.hentry .page-links {
clear: both;
padding: 20px 0 10px;
}
.hentry .page-links > span,
.hentry .page-links a > span {
display: inline-block;
width: 34px;
height: 34px;
line-height: 34px;
font-size: 15px;
border: 1px solid var(--e-global-color-tombuild_border);
color: var(--e-global-color-tombuild_accent);
text-align: center;
margin: 0 3px;
}
.hentry .page-links a:hover > span {
color: var(--e-global-color-tombuild_primary);
}
.hentry .page-links a > span {
color: var(--e-global-color-tombuild_text);
}
/* Post media Gallery */
.post-media .slick-prev,
.post-media .slick-next {
padding: 0;
background-color: rgba(0, 0, 0, 0.2);
width: 60px;
height: 60px;
position: absolute;
top: 50%;
cursor: pointer;
border: none;
outline: none;
text-shadow: none;
z-index: 1;
text-indent: -9999px;
display: inline-block;
transform: translateY(-50%);
}
.post-media .slick-prev:before,
.post-media .slick-next:before {
text-indent: 0;
font-size: 20px;
color: #fff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 60px;
text-align: center;
display: inline-block;
}
.post-media .slick-prev {
left: 20px;
}
.post-media .slick-next {
right: 20px;
}
.post-media .slick-prev:hover,
.post-media .slick-next:hover {
background-color: var(--e-global-color-tombuild_accent);
}
.post-media .slick-dots {
list-style: none;
margin: 0;
text-align: center;
line-height: 13px;
position: absolute;
left: 0;
bottom: 20px;
width: 100%;
}
.post-media .slick-dots li {
padding: 0;
margin: 0 5px;
display: inline-block;
cursor: pointer;
width: 12px;
height: 12px;
background-color: rgba(0,0,0,0.5);
transition: background 0.3s;
}
.post-media .slick-dots li.slick-active {
background-color: var(--e-global-color-tombuild_accent);
}
.post-media .slick-dots li button {
display: none;
}
/* Post title */
.hentry .post-title {
margin: 0 0 36px;
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 32px;
line-height: 1.2;
}
.hentry .post-title a {
color: var(--e-global-color-tombuild_primary);
}
.hentry .post-title a:hover {
color: var(--e-global-color-tombuild_accent);
}
.hentry .post-title-inner {
z-index: 1;
position: relative;
display: inline-block;
}
.hentry .post-title-inner:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
border: 1px solid transparent;
}
.hentry .post-title-inner:after {
content: "";
position: absolute;
left: 0;
top: 100%;
width: 0;
height: 0;
background-color: transparent;
}
/* Post meta */
.post-meta {
display: inline-block;
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-bottom: 25px;
}
.post-meta .item,
.post-meta a {
color: #969696;
}
.post-meta .item {
margin-right: 14px;
padding-left: 20px;
position: relative;
display: inline-block;
}
.post-meta .item:last-child {
margin-right: 0;
}
.post-meta .item:after {
position: absolute;
top: 0px;
left: 0px;
font-size: 14px;
font-weight: 400;
}
.post-meta a:hover {
color: var(--e-global-color-tombuild_accent);
}
.post-meta.style-2 {
width: 100%;
}
.post-meta.style-2 .post-meta-content-inner {
display: flex;
justify-content: space-between;
}
.post-meta.style-2 .post-meta-content-inner:after,
.post-meta.style-2 .post-meta-content-inner:before {
display: none;
}
/* Post excerpt */
.hentry .post-excerpt {
position: relative;
z-index: 1;
margin: 0 0 40px;
}
.hentry .post-excerpt p:last-child {
margin-bottom: 0;
}
/* Post link */
.hentry .post-link a {
position: relative;
font-size: 16px;
line-height: 24px;
color: var(--e-global-color-tombuild_text);
background-color: #efefef;
display: inline-block;
font-weight: 500;
padding: 18px 60px 18px 30px;
transition: 0.3s all ease;
}
.hentry .post-link a:after {
display: none;
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 1px;
background-color: currentColor;
content: "";
transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
}
.hentry .post-link a:before {
position: absolute;
bottom: 18px;
right: 30px;
font-size: 16px;
color: var(--e-global-color-tombuild_text);;
transition: all 0.3s ease;
}
.hentry:hover .post-link a {
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
}
.hentry:hover .post-link a:before {
color: #fff;
}
.hentry .post-link a:hover {
background-color: var(--e-global-color-tombuild_primary);
}
.hentry .post-link a:hover:after {
width: 100%;
left: 0;
}
.hentry .post-link a:hover:before {
animation: 0.3s link-icon linear;
}
/* Blog single
-------------------------------------------------------------- */
.is-single-post .post.hentry {
padding: 0;
margin: 0;
border-bottom: none;
}
.is-single-post .post.hentry .post-media {
margin-bottom: 22px;
}
.is-single-post .post.hentry .post-content {
margin: 0;
padding-bottom: 22px;
}
.is-single-post .post.hentry .post-content p:last-child {
margin-bottom: 5px;
}
/* Post tags */
.hentry .post-tags {
display: block;
border-top: 1px solid var(--e-global-color-tombuild_border);
padding: 25px 0;
margin: 25px 0 0;
}
.hentry .post-tags .inner {
position: relative;
display: flex;
flex-wrap: wrap;
}
.hentry .post-tags .inner .tag-text,
.hentry .post-tags .inner a {
margin-top: 2.5px;
margin-bottom: 2.5px;
}
.hentry .post-tags .inner .tag-text {
font-size: 20px;
line-height: 24px;
color: var(--e-global-color-tombuild_primary);
font-weight: 500;
margin-right: 10px;
}
.hentry .post-tags a {
display: inline-block;
font-size: 15px;
line-height: 24px;
font-weight: 500;
color: #fff;
-ms-word-wrap: break-word;
word-wrap: break-word;
background-color: var(--e-global-color-tombuild_accent);
padding: 0 5px;
margin-right: 5px;
}
.hentry .post-tags a:hover {
background-color: var(--e-global-color-tombuild_primary);
}
/* Social Share */
.tombuild-socials-share {
position: relative;
}
.tombuild-socials-share .post-tags {
padding-right: 230px;
}
.tombuild-socials-share.single-post .xs_social_share_widget {
position: absolute;
right: 0;
top: 25px;
}
.tombuild-socials-share .xs_social_share_widget.xs_share_url.wslu-fill-colored .xs-share-li a {
border-radius: 50%;
margin-left: 10px;
}
.tombuild-socials-share .xs_social_share_widget.xs_share_url.wslu-fill-colored .xs-share-li:first-child a {
margin-left: 0;
}
.tombuild-socials-share .xs_social_share_widget.xs_share_url.wslu-share-horizontal.wslu-share-m-5 li {
margin: 5px;
width: 40px;
height: 40px;
}
.tombuild-socials-share .xs_social_share_widget.xs_share_url ul li.wslu-no-extra-data>a .xs-social-icon {
padding: 8px 13px;
}
.tombuild-socials-share .xs_social_share_widget.xs_share_url ul li>a {
box-shadow: none;
}
.tombuild-socials-share .xs_social_share_widget.xs_share_url a {
background-color: var(--e-global-color-tombuild_light) !important;
transition: background 0.3s ease;
}
.tombuild-socials-share.bg-white .xs_social_share_widget.xs_share_url a {
background-color: #fff !important;
}
.tombuild-socials-share .xs_social_share_widget.xs_share_url ul li>a .xs-social-icon span {
color: var(--e-global-color-tombuild_primary) !important;
font-size: 12px;
transition: color 0.3s ease;
}
.tombuild-socials-share .xs_social_share_widget.xs_share_url ul li>a .xs-social-icon span.met-social-facebook {
font-size: 14px;
}
.tombuild-socials-share .xs_social_share_widget.xs_share_url a:hover {
background-color: var(--e-global-color-tombuild_accent) !important;
}
.tombuild-socials-share .xs_social_share_widget.xs_share_url ul li>a:hover .xs-social-icon span {
color: #fff !important;
}
/* Post author */
.hentry .post-author {
clear: both;
overflow: hidden;
position: relative;
padding: 35px;
background-color: var(--e-global-color-tombuild_light);
display: flex;
justify-content: space-between;
}
.hentry .post-author:after {
position: absolute;
top: 0;
right: 0;
content: '';
width: 0;
height: 0;
border-bottom: 30px solid transparent;
border-right: 30px solid var(--e-global-color-tombuild_accent);
}
.hentry .post-author .author-avatar {
flex-basis: 100px;
width: 100px;
flex-shrink: 0;
flex-grow: 0;
overflow: hidden;
}
.hentry .post-author .author-avatar a {
display: inline-block;
width: 100px;
border-radius: 50%;
overflow: hidden;
}
.hentry .post-author .author-avatar a img {
width: 100%;
height: auto;
}
.hentry .post-author .name {
font-size: 20px;
line-height: 36px;
font-weight: 500;
margin-bottom: 10px;
}
.hentry .post-author .author-desc {
overflow: hidden;
padding-left: 25px;
}
.hentry .post-author .author-desc > p {
margin-bottom: 0;
color: var(--e-global-color-tombuild_text);
font-size: 16px;
line-height: 24px;
}
.hentry .post-author .author-socials .text,
.hentry .post-author .author-socials .socials {
display: inline-block;
}
.hentry .post-author .author-socials .socials a {
display: inline-block;
color: var(--e-global-color-tombuild_text);
font-size: 14px;
margin-right: 5px;
}
.hentry .post-author .author-socials .socials a:hover {
color: var(--e-global-color-tombuild_accent);
}
/* Nav Links */
/* Nav Links */
.nav-links {
display: flex;
justify-content: space-between;
margin: 2px 0;
}
.nav-links .prev,
.nav-links .next {
display: flex;
align-items: center;
width: 100%;
height: 100%;
}
.nav-links .next {
flex-direction: row-reverse;
}
.nav-links>div .thumb {
display: inline-block;
min-width: 60px;
width: 60px;
height: 60px;
overflow: hidden;
}
.nav-links>div .thumb a {
display: inline-block;
}
.nav-links .prev .thumb {
margin-right: 20px;
}
.nav-links .next .thumb {
margin-left: 20px;
}
.nav-links img {
border-radius: 50%;
max-width: 85px;
margin: 10px;
}
.nav-links>div {
background-color: var(--e-global-color-tombuild_light);
padding: 20px;
transition: 0.3s ease;
}
.nav-links>div:hover {
background-color: var(--e-global-color-tombuild_accent);
}
.nav-links>div>a {
display: inline-block;
word-wrap: break-word;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
font-size: 20px;
line-height: 1.5;
font-weight: 500;
color: var(--e-global-color-tombuild_primary);
width: 100%;
margin: 10px;
}
.nav-links>div:hover>a {
color: #fff;
}
.nav-links .prev,
.nav-links .next {
width: calc(50% - 15px);
}
.nav-links .prev {
margin-right: 30px;
}
/* Related Post */
.related-news {
margin-top: 110px;
}
.related-news .related-title {
font-size: 36px;
line-height: 56px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.related-news .related-post {
margin: 0 -5px;
position: relative;
margin-bottom: 0;
}
.related-news .post-item {
border: none;
max-width: 570px;
}
.related-news .post-item .inner {
overflow: hidden;
position: relative;
margin-bottom: 40px;
height: 170px;
transition: 0.5s cubic-bezier(0.5, 1.6, 0.4, 0.7) 0.2s;
}
.related-news .post-item:nth-child(even) .inner {
box-shadow: 0 30px 70px 0 rgba(193, 210, 212, 0.5);
}
.related-news .related-post:hover .post-item .inner {
box-shadow: none;
}
.related-news .related-post:hover .post-item:hover .inner {
box-shadow: 0 30px 70px 0 rgba(193, 210, 212, 0.5);
}
.related-news .post-item .thumb-wrap {
display: block;
position: absolute;
top: 0;
left: 0;
width: 170px;
height: 170px;
}
.related-news .post-item .text-wrap {
padding: 30px 70px 15px 200px;
flex-basis: 400px;
}
.related-news .post-item .post-categories {
display: none;
}
.related-news .post-item .post-categories a {
font-size: 14px;
color: var(--e-global-color-tombuild_text);
}
.related-news .post-item .post-categories a:hover {
color: var(--e-global-color-tombuild_accent);
}
.related-news .post-item .text-wrap h3 {
font-size: 22px;
line-height: 35px;
margin: 0 0 13px;
}
.related-news .post-item .text-wrap h3 a:hover {
color: var(--e-global-color-tombuild_accent);
}
.related-news .post-item .text-wrap .post-date {
font-size: 14px;
}
.related-news .related-post .slick-prev,
.related-news .related-post .slick-next {
padding: 0;
background-color: transparent;
width: 45px;
height: 30px;
position: absolute;
top: -76px;
cursor: pointer;
border: none;
outline: none;
text-shadow: none;
z-index: 9999;
text-indent: -9999px;
display: inline-block;
}
.related-news .related-post .slick-prev {
right: 40px;
}
.related-news .related-post .slick-next {
border-left: 1px solid #d7d7d7;
right: -5px;
}
.related-news .related-post .slick-prev:before,
.related-news .related-post .slick-next:before {
text-indent: 0;
line-height: 30px;
font-size: 20px;
color: #aaa;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
display: inline-block;
transition: color 0.3s, background 0.3s;
}
.related-news .related-post .slick-next:hover:before,
.related-news .related-post .slick-prev:hover:before {
color: var(--e-global-color-tombuild_accent);
}
/* Comments */
.comments-area {
position: relative;
}
.comments-area:after,
.comments-area:before {
content: "";
clear: both;
display: table;
line-height: 0;
}
.comments-area .comments-title,
.comments-area .comment-reply-title {
font-size: 26px;
color: var(--e-global-color-tombuild_primary);
margin: 50px 0 40px;
}
.comment-no-reply .comment-edit-link {
right: 0;
}
/* Comment list */
.comment-list {
list-style: none;
margin: 0;
}
.comment-list li.comment {
padding: 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
margin-left: 20px;
}
.comment-list article {
position: relative;
transition: background ease 0.3s;
overflow: hidden;
margin-bottom: 50px;
border-bottom: 1px solid var(--e-global-color-tombuild_border);
}
.comment-list article + .comment-respond {
margin-bottom: 50px;
}
.comment-list article .gravatar {
width: 70px;
height: 70px;
border-radius: 50%;
float: left;
margin: 0 20px 30px 0;
overflow: hidden;
background-color: var(--e-global-color-tombuild_light);
}
.comment-list article .gravatar img {
width: 100%;
height: auto;
}
.comment-list .comment-content {
overflow: hidden;
padding-bottom: 50px;
}
.comment-meta {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: baseline;
margin-bottom: 18px;
padding-right: 200px;
}
.comment-author {
font-size: 20px;
line-height: 30px;
font-weight: 500;
margin-right: 10px;
}
.comment-time {
flex-grow: 1;
font-size: 14px;
line-height: 30px;
font-weight: 400;
color: var(--e-global-color-tombuild_text);
}
.comment-author,
.comment-time {
margin-top: 3px;
margin-bottom: 3px;
}
.comment-text {
overflow: hidden;
font-size: 16px;
line-height: 1.875;
}
.comment-edit-link {
order: 10;
}
.comment-reply-link,
.comment-edit-link,
#cancel-comment-reply-link {
position: relative;
display: inline-block;
font-size: 12px;
line-height: 40px;
padding: 0 20px;
font-weight: 500;
background-color: var(--e-global-color-tombuild_primary);
color: #fff;
}
.comment-reply-link:focus,
#cancel-comment-reply-link:focus,
.comment-reply-link:hover,
#cancel-comment-reply-link:hover {
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
}
.comment-reply-link {
position: absolute;
top: 0;
right: 0;
}
.comment-edit-link {
position: absolute;
top: 0;
right: 80px;
line-height: 38px;
border: 1px solid var(--e-global-color-tombuild_primary);
color: var(--e-global-color-tombuild_primary);
background-color: #fff;
}
.comment-edit-link:focus,
.comment-edit-link:hover {
color: #fff;
background-color: var(--e-global-color-tombuild_primary);
}
#cancel-comment-reply-link {
position: absolute;
right: 0;
top: 0;
}
.comment-text > p:last-child {
margin-bottom: 0;
}
.unapproved {
display: block;
color: var(--e-global-color-tombuild_accent);
font-size: 14px;
font-style: italic;
}
/* Comment form */
#comments .comment-respond {
position: relative;
}
#comments .name-wrap,
#comments .email-wrap {
float: left;
width: calc(50% - 10px);
}
#comments .name-wrap {
margin-right: 10px;
}
#comments .name-wrap input,
#comments .email-wrap input,
#comments .url-wrap input,
#comments .message-wrap textarea {
width: 100%;
}
#comments .message-wrap textarea {
height: 200px;
margin-bottom: 20px;
}
#comments .comment-respond .form-submit {
clear: both;
margin: 0;
}
#comments .comment-respond .form-submit .submit {
background-color: var(--e-global-color-tombuild_accent);
transition: background 0.3s, color 0.3s;
padding: 0 30px;
}
#comments .comment-respond .form-submit .submit:hover {
background-color: var(--e-global-color-tombuild_primary);
}
#comments .comment-respond .comment-form-cookies-consent {
font-size: 16px;
margin-bottom: 5px;
}
.logged-in-as {
margin-bottom: 10px;
font-size: 14px;
}
.logged-in-as a {
color: var(--e-global-color-tombuild_accent);
}
.logged-in-as a:hover {
color: var(--e-global-color-tombuild_primary);
}
/* Single Project
-------------------------------------------------------------- */
.single-project-inner .nav-links {
padding: 50px 0;
margin-top: 120px;
border-top: 1px solid #dae3e9;
border-bottom: 1px solid #dae3e9;
}
.single-project-inner .nav-links > div {
position: relative;
background-color: transparent;
padding: 0;
}
.single-project-inner .nav-links a {
font-size: 18px;
line-height: 30px;
font-weight: 400;
}
.single-project-inner .nav-links a:hover {
color: var(--e-global-color-tombuild_accent);
}
.single-project-inner .nav-links a:after {
position: absolute;
top: 0;
right: 0;
font-size: 18px;
font-weight: 400;
}
/* Prev Next Links */
.single-project-inner .nav-links .prev a {
padding-left: 30px;
}
.single-project-inner .nav-links .prev a:after {
left: 0;
}
.single-project-inner .nav-links .next a {
text-align: right;
padding-right: 30px;
}
/* Related Project */
.related-projects {
margin-top: 110px;
}
.related-projects .heading-wrap {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
text-align: center;
}
.related-projects .heading-wrap .pre-title {
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1.667;
font-weight: 400;
margin-bottom: 1px;
padding-left: 20px;
}
.related-projects .heading-wrap .pre-title .line {
position: absolute;
top: 10px;
left: 0;
overflow: hidden;
line-height: 0;
}
.related-projects .heading-wrap .pre-title .line .inner {
display: inline-block;
width: 10px;
height: 2px;
background-color: var(--e-global-color-tombuild_accent);
animation: 1.5s line-moving infinite linear;
}
.related-projects .heading-wrap .title {
font-size: 50px;
line-height: 1.2;
margin-bottom: 50px;
}
.related-projects .projects {
margin-left: -15px;
margin-right: -15px;
}
.related-projects .projects .master-project {
margin: 0 15px;
padding-bottom: 40px;
}
.related-projects .projects .master-project .content-wrap {
z-index: 1;
bottom: 10px;
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
}
@media (max-width: 1024px) {
.single-project-inner .nav-links,
.related-projects {
margin-top: 100px;
}
}
@media (max-width: 767px) {
.single-project-inner .nav-links,
.related-projects {
margin-top: 80px;
}
.single-project-inner .nav-links {
padding: 30px 0;
}
.nav-links .prev,
.nav-links .next {
flex-direction: column;
}
.nav-links .next {
align-items: flex-end;
}
.nav-links .prev .thumb,
.nav-links .next .thumb {
margin: 0 0 30px;
}
.tombuild-socials-share.single-post .xs_social_share_widget {
position: static;
margin-bottom: 30px;
}
.tombuild-socials-share .post-tags {
padding-right: 0;
}
}
@media (max-width: 575px) {
.post-meta.style-2 .post-meta-content-inner {
flex-direction: column;
align-items: flex-start;
}
.post-meta.style-2 .item.post-by-author {
margin-bottom: 10px;
}
.nav-links {
display: none;
}
.hentry .post-tags {
border-bottom: 1px solid var(--e-global-color-tombuild_border);
}
.tombuild-socials-share.single-post .xs_social_share_widget {
margin: 30px 0 0;
}
.is-single-post .post.hentry .post-meta, .is-single-post .post.hentry .post-title, .is-single-post .post.hentry .post-content {
padding: 0;
}
.hentry .post-tags {
padding: 15px 0;
}
}
/* Search Page
-------------------------------------------------------------- */
.search-page .hentry:last-child {
padding-bottom: 0;
border-bottom: none;
}
.search-page .hentry .post-title {
margin-bottom: 40px;
}
/* Footer
-------------------------------------------------------------- */
.tombuild-footer {
position: relative;
z-index: 1;
}
#footer {
background-color: #212121;
background-size: cover;
background-repeat: no-repeat;
color: #969696;
padding: 120px 0 80px;
border-style: solid;
position: relative;
}
#footer.tombuild-footer {
padding: 0 0 !important;
}
#footer-widgets .footer-grid:after,
#footer-widgets .footer-grid:before {
display: block;
content: "";
clear: both;
}
.footer textarea,
.footer input[type="text"],
.footer input[type="password"],
.footer input[type="datetime"],
.footer input[type="datetime-local"],
.footer input[type="date"],
.footer input[type="month"],
.footer input[type="time"],
.footer input[type="week"],
.footer input[type="number"],
.footer input[type="email"],
.footer input[type="url"],
.footer input[type="search"],
.footer input[type="tel"],
.footer input[type="color"],
#footer textarea,
#footer input[type="text"],
#footer input[type="password"],
#footer input[type="datetime"],
#footer input[type="datetime-local"],
#footer input[type="date"],
#footer input[type="month"],
#footer input[type="time"],
#footer input[type="week"],
#footer input[type="number"],
#footer input[type="email"],
#footer input[type="url"],
#footer input[type="search"],
#footer input[type="tel"],
#footer input[type="color"] {
padding: 16px 20px;
font-size: 12px;
line-height: 26px;
}
.footer select,
#footer select {
padding: 17px 20px;
}
#footer select option {
color: #fff;
}
#footer table,
#footer th,
#footer td {
border-color: rgba(255,255,255,0.3);
}
#footer select {
border-color: transparent;
background-color: #111;
color: #fff;
}
#footer input[type="search"] {
font-size: 14px;
border-color: transparent;
background-color: #111;
color: #fff;
margin-bottom: 0;
}
#footer select:focus,
#footer input[type="search"]:focus {
border-color: rgba(255,255,255,0.4);
}
.footer .button,
.footer button,
.footer input[type="button"],
.footer input[type="reset"],
.footer input[type="submit"],
#footer .button,
#footer button,
#footer input[type="button"],
#footer input[type="reset"],
#footer input[type="submit"] {
line-height: 60px;
font-size: 12px;
}
.footer .tombuild-menu > ul > li:hover > a span,
#footer .tombuild-menu > ul > li:hover > a span {
background-color: inherit;
color: inherit;
}
.footer .tombuild-menu > ul > li > a span:before,
#footer .tombuild-menu > ul > li > a span:before {
display: none;
}
/* Grid */
.footer-grid .col { float: left; }
.footer-grid .span_1_of_1.col { float: none; }
.footer-grid .span_1_of_2 { width: 50%; }
.footer-grid .span_1_of_3 { width: 33.33%; }
.footer-grid .span_1_of_4 { width: 25%; }
.footer-grid .span_1_of_5 { width: 25%; }
.footer-grid .span_1_of_5:first-child { width: 41.66%; }
.footer-grid .span_1_of_5:last-child { width: 33.33%; }
.footer-grid .w370 { width: 31.624%; }
.footer-grid .w170 { width: 14.53%; margin-left: 2.564%; }
.footer-grid .w270 { width: 23.077%; margin-left: 2.564%; }
/* Gutter */
.footer-grid.gutter-5 { margin-left: -2.5px; margin-right: -2.5px; }
.footer-grid.gutter-5 > .col { padding-left: 2.5px; padding-right: 2.5px; }
.footer-grid.gutter-10 { margin-left: -5px; margin-right: -5px; }
.footer-grid.gutter-10 > .col { padding-left: 5px; padding-right: 5px; }
.footer-grid.gutter-15 { margin-left: -7.5px; margin-right: -7.5px; }
.footer-grid.gutter-15 > .col { padding-left: 7.5px; padding-right: 7.5px; }
.footer-grid.gutter-20 { margin-left: -10px; margin-right: -10px; }
.footer-grid.gutter-20 > .col { padding-left: 10px; padding-right: 10px; }
.footer-grid.gutter-25 { margin-left: -12.5px; margin-right: -12.5px; }
.footer-grid.gutter-25 > .col { padding-left: 12.5px; padding-right: 12.5px; }
.footer-grid.gutter-30 { margin-left: -15px; margin-right: -15px; }
.footer-grid.gutter-30 > .col { padding-left: 15px; padding-right: 15px; }
.footer-grid.gutter-35 { margin-left: -17.5px; margin-right: -17.5px; }
.footer-grid.gutter-35 > .col { padding-left: 17.5px; padding-right: 17.5px; }
.footer-grid.gutter-40 { margin-left: -20px; margin-right: -20px; }
.footer-grid.gutter-40 > .col { padding-left: 20px; padding-right: 20px; }
.footer-grid.gutter-45 { margin-left: -22.5px; margin-right: -22.5px; }
.footer-grid.gutter-45 > .col { padding-left: 22.5px; padding-right: 22.5px; }
.footer-grid.gutter-50 { margin-left: -25px; margin-right: -25px; }
.footer-grid.gutter-50 > .col { padding-left: 25px; padding-right: 25px; }
.footer-grid.gutter-60 { margin-left: -30px; margin-right: -30px; }
.footer-grid.gutter-60 > .col { padding-left: 30px; padding-right: 30px; }
.footer-grid.gutter-70 { margin-left: -35px; margin-right: -35px; }
.footer-grid.gutter-70 > .col { padding-left: 35px; padding-right: 35px; }
.footer-grid.gutter-80 { margin-left: -40px; margin-right: -40px; }
.footer-grid.gutter-80 > .col { padding-left: 40px; padding-right: 40px; }
/* Bottom Bar
-------------------------------------------------------------- */
#bottom {
color: #969696;
background-color: #212121;
font-weight: 400;
position: relative;
}
#bottom .bottom-bar-inner-wrap {
position: relative;
}
#bottom .inner-wrap {
display: flex;
justify-content: space-between;
align-items: center;
height: 70px;
position: relative;
}
/* Copyright */
#copyright {
font-size: 15px;
margin-right: 20px;
}
#copyright a {
color: var(--e-global-color-tombuild_accent);
}
#copyright a:hover {
color: #fff
}
/* Scroll Top Button
-------------------------------------------------------------- */
#scroll-top {
position: fixed;
right: 40px;
bottom: 30px;
display: block;
line-height: 48px;
text-align: center;
width: 50px;
height: 50px;
visibility: hidden;
opacity: 0;
z-index: 9999999;
cursor: pointer;
overflow: hidden;
transition: 0.3s;
}
#scroll-top:after {
color: #fff;
font-size: 14px;
position: absolute;
left: 0;
top: 0;
width: 100%;
transition: all ease 0.3s;
}
#scroll-top:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--e-global-color-tombuild_accent);
z-index: -1;
transition: all ease 0.3s;
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
}
#scroll-top:hover:before {
background-color: var(--e-global-color-tombuild_accent);
}
#scroll-top.show {
bottom: 50px;
opacity: 1;
visibility: visible;
}
#scroll-top:hover:after {
animation: 1s hvr-buzz-out alternate linear infinite;
}
@keyframes hvr-buzz-out {
10% {
transform: translateY(3%) rotate(2deg);
}
20% {
transform: translateY(-3%) rotate(-2deg);
}
30% {
transform: translateY(3%) rotate(2deg);
}
40% {
transform: translateY(-3%) rotate(-2deg);
}
50% {
transform: translateY(2%) rotate(1deg);
}
60% {
transform: translateY(-2%) rotate(-1deg);
}
70% {
transform: translateY(2%) rotate(1deg);
}
80% {
transform: translateY(-2%) rotate(-1deg);
}
90% {
transform: translateY(1%) rotate(0);
}
to {
transform: translateY(-1%) rotate(0);
}
}
/* Custom Cursor
-------------------------------------------------------------- */
.tombuild-cursor {
position: fixed;
left: 0;
top: 0;
pointer-events: none;
z-index: 11000;
transform: translate(-50%, -50%);
}
.tombuild-cursor .inner {
position: relative;
display: flex;
width: 100px;
height: 100px;
line-height: 100px;
transform: scale(0.5);
opacity: 0;
border-radius: 50%;
justify-content: center;
transition: all 0.5s ease;
}
.tombuild-cursor .inner .arrow {
display: none;
width: 10px;
height: auto;
fill: #fff;
margin: 0 8px;
}
.tombuild-cursor .inner .text {
display: inline-block;
text-align: center;
font-size: 16px;
font-weight: 400;
color: #fff;
}
.tombuild-cursor.active .inner {
opacity: 1;
transform: scale(1);
}
.tombuild-cursor.circle-with-text .inner {
background-color: rgba(0,0,0,0.7);
backdrop-filter: blur(5px);
}
.tombuild-cursor.drag-drop-cursor .inner {
opacity: 1;
background-color: transparent;
transform: scale(1);
}
.tombuild-cursor.drag-drop-cursor .inner:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
background-color: var(--e-global-color-tombuild_accent);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
z-index: -1;
transition: transform 0.3s ease;
}
.tombuild-cursor.drag-drop-cursor .inner .text {
display: none;
}
.tombuild-cursor.drag-drop-cursor .inner .arrow {
display: inline-block;
transition: all 0.5s ease;
}
.tombuild-cursor.drag-drop-cursor.grab .inner:after {
transform: scale(0.1);
}
.tombuild-cursor.drag-drop-cursor.grab .inner .arrow.arrow-left {
fill: var(--e-global-color-tombuild_accent);
transform: translateX(-8px);
}
.tombuild-cursor.drag-drop-cursor.grab .inner .arrow.arrow-right {
fill: var(--e-global-color-tombuild_accent);
transform: translateX(8px);
}
@media only screen and (max-width: 1024px) {
.tombuild-cursor { display: none; }
}
/* Pagination
-------------------------------------------------------------- */
.event-manager-pagination,
.event-manager-pagination-2,
.tombuild-pagination,
.woocommerce-pagination,
.project-nav .tombuild-pagination {
clear: both;
margin: 70px 0 0;
text-align: center;
}
.woocommerce-pagination {
clear: both;
text-align: center;
}
.event-manager-pagination ul,
.event-manager-pagination-2 ul,
.tombuild-pagination ul,
.woocommerce-pagination .page-numbers {
margin: 0;
line-height: 1;
}
.event-manager-pagination ul.page-numbers li,
.event-manager-pagination-2 ul.page-numbers li,
.tombuild-pagination ul li,
.woocommerce-pagination .page-numbers li {
display: inline-block;
padding: 0;
margin: 0 5px;
}
.event-manager-pagination ul.page-numbers li .page-numbers:hover,
.event-manager-pagination-2 ul.page-numbers li .page-numbers:hover {
border-color: var(--e-global-color-tombuild_accent);
}
.event-manager-pagination ul.page-numbers li .page-numbers,
.event-manager-pagination-2 ul.page-numbers li .page-numbers,
.tombuild-pagination ul li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers {
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 50px;
width: 48px;
height: 48px;
border: 1px solid var(--e-global-color-tombuild_border);
color: var(--e-global-color-tombuild_text);
text-align: center;
overflow: hidden;
transition: color 0.3s, background 0.3s, border 0.3s;
padding: 0;
}
.tombuild-pagination ul li .page-numbers.next,
.woocommerce-pagination .page-numbers li .page-numbers.next,
.tombuild-pagination ul li .page-numbers.prev,
.woocommerce-pagination .page-numbers li .page-numbers.prev {
font-size: 12px;
}
.event-manager-pagination ul li .page-numbers:hover,
.event-manager-pagination-2 ul li .page-numbers:hover,
.event-manager-pagination ul li .page-numbers.current,
.event-manager-pagination-2 ul li .page-numbers.current,
.tombuild-pagination ul li .page-numbers:hover,
.woocommerce-pagination .page-numbers li .page-numbers:hover,
.tombuild-pagination ul li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current {
border-color: var(--e-global-color-tombuild_accent);
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
}
@media only screen and (max-width: 575px) {
.event-manager-pagination,
.event-manager-pagination-2,
.tombuild-pagination,
.woocommerce-pagination,
.project-nav .tombuild-pagination {
text-align: left;
}
#scroll-top {
right: 5px;
bottom: 15px;
}
}
/* Nothing Found & 404 Page
-------------------------------------------------------------- */
.no-results {
width: 100%;
}
.no-results-content {
max-width: 800px;
margin: 0 auto;
text-align: center;
}
.no-results-content .search-form {
position: relative;
max-width: 600px;
margin: 0 auto;
}
.no-results-content .text {
display: none;
}
.no-results-title h1 {
font-size: 50px;
line-height: 1.3;
}
.no-results-content .search-form .search-field {
padding: 12px 25px;
margin-bottom: 0;
height: 60px;
width: 100%;
}
.no-results-content .search-form .search-field:focus {
border-color: var(--e-global-color-tombuild_accent);
}
.no-results-content .search-form .search-submit {
position: absolute;
background-color: transparent;
right: 7px;
top: 7px;
width: 46px;
height: 46px;
text-align: center;
text-indent: -9999px;
padding: 0;
border: 0;
overflow: hidden;
color: var(--e-global-color-tombuild_primary);
}
.no-results-content .search-form .search-submit i {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: inherit;
font-size: 20px;
text-indent: 0;
line-height: 46px;
}
.no-results-content .search-form .search-submit:hover {
color: var(--e-global-color-tombuild_accent);
}
.no-results-content .search-form .search-submit svg {
position: absolute;
width: 50%;
top: 25%;
left: 25%;
fill: currentColor;
transition: fill 0.3s;
}
.image-404 {
margin: 0 auto 60px;
}
/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
.header-button { display: none; }
#site-header .tombuild-menu { justify-content: flex-end; }
.tombuild-menu > ul > li:last-child { padding-right: 0; }
}
@media only screen and (max-width: 1024px) {
.top-bar { display: none; }
.site-header-inner,
.tombuild-menu-wrap { justify-content: flex-end; }
.site-header-inner { height: 80px; position: relative; }
.site-header-inner .tombuild-hamburger-icon,
.tombuild-menu-wrap.menu-hamburger-on-mobi .tombuild-hamburger-icon { display: block; }
.tombuild-menu-wrap .menu-extra .tombuild-search,
.tombuild-menu-wrap .menu-extra .tombuild-cart,
.site-header-inner .tombuild-menu,
.tombuild-menu-wrap.menu-hamburger-on-mobi .tombuild-menu { display: none !important; }
#site-logo { flex-grow: 1; }
.footer-grid .span_1_of_5:first-child { width: 33.33%; }
.footer-grid .span_1_of_5:last-child { width: 41.667%; }
#main-content { padding: 100px 0; }
.footer-fixed .tombuild-footer { position: relative; top: unset; left: unset; }
#sidebar { display: none; }
#site-content,
#sidebar { width: 100% !important; max-width: none !important; float: none; }
#featured-title.modern .inner-wrap { padding: 160px 0 116px; }
}
@media only screen and (max-width: 991px) {
.top-bar { display: none; }
#inner-content { padding-left: 0 !important; padding-right: 0 !important; }
#footer-widgets { padding: 60px 0 !important; }
#footer-widgets .footer-grid > .col:last-child > .widget:last-child { margin-bottom: 0; }
#footer-widgets .widget.widget_instagram .instagram-wrap,
#footer-widgets .widget.widget_flickr .flickr-wrap { max-width: 400px; }
}
@media only screen and (max-width: 767px) {
.search-style-fullscreen .search-form { width: calc(100% - 30px); }
.tombuild-pagination ul li, .woocommerce-pagination .page-numbers li { margin: 0 2px; }
.tombuild-pagination ul li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers { width: 40px; height: 40px; line-height: 38px; }
#featured-title .inner-wrap { padding: 100px 0; }
.hentry .post-meta .item { margin-bottom: 5px; }
.hentry .post-author { flex-direction: column; align-items: center; padding: 45px; }
.hentry .post-author .name { margin-bottom: 15px; }
.hentry .post-author .author-desc { text-align: center; padding: 35px 0 0; }
.hentry .post-author .author-avatar > a { }
.comment-list article .gravatar { float: none; margin: 0 0 15px; width: 80px; height: 80px; }
.comment-meta { position: static; padding-right: 0; }
.comment-meta, .comment-text { margin-bottom: 15px; }
#comments .name-wrap, #comments .email-wrap, #comments .url-wrap { width: 100%; float: none; margin: 0; }
.widget_media_gallery .gallery img { width: 100%; }
#footer-widgets { padding: 60px 0 !important; }
#footer-widgets .footer-grid .col { width: 100%; }
#main-content { padding: 80px 0; }
#featured-title .main-title {
line-height: 60px;
}
}
/* Subcribe Forms
-------------------------------------------------------------- */
.mc4wp-form-fields input {
margin-bottom: 0;
}
/* Forms
-------------------------------------------------------------- */
.tombuild .mf-input-wrapper .mf-input {
font-size: 14px;
line-height: 2;
font-weight: 400;
padding: 15px 30px;
border: 1px solid var(--e-global-color-tombuild_border);
background-color: var(--e-global-color-tombuild_light);
color: var(--e-global-color-tombuild_text);
text-shadow: none;
box-shadow: none;
box-sizing: border-box;
transition: border 0.3s;
margin-bottom: 0;
}
.tombuild div.mf-input-wrapper>textarea.mf-input {
padding: 15px 30px;
}
.tombuild .metform-btn {
font-size: 14px;
line-height: 24px;
padding: 20px 48px;
font-weight: 500;
transition: all 0.3s ease;
background-color: var(--e-global-color-tombuild_accent);
overflow: hidden;
cursor: pointer;
text-transform: uppercase;
}
.mf-input-wrapper .mf-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--e-global-color-tombuild_text); /* Firefox */ }
.mf-input-wrapper .mf-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--e-global-color-tombuild_text); }
.mf-input-wrapper .mf-input::-ms-input-placeholder { /* Microsoft Edge */ color: var(--e-global-color-tombuild_text); }
/* Widgets
-------------------------------------------------------------- */
/* General */
.widget select {
width: 100%;
}
/* Widget: List (Categories, Meta, Archives, Pages. Latest Post..) */
.widget.widget_categories .cat-item span {
display: inline-block;
text-align: right;
padding-left: 10px;
line-height: 40px;
}
.widget_archive ul ul,
.widget_categories ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_rss ul ul {
margin: 0;
padding: 0;
padding-left: 16px;
line-height: 22px;
width: 100%;
}
.widget.widget_pages ul li,
.widget.widget_nav_menu ul li,
.widget.widget_archive ul li,
.widget.widget_categories ul li,
.widget.widget_meta ul li,
.widget.widget_recent_entries ul li {
position: relative;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.widget.widget_archive ul li a,
.widget.widget_categories ul li a,
.widget.widget_meta ul li a,
.widget.widget_nav_menu ul li a,
.widget.widget_pages ul li a,
.widget.widget_recent_entries ul li a,
.widget.widget_recent_comments ul li a,
.widget.widget_rss ul li a {
color: var(--e-global-color-tombuild_text);
display: inline-block;
font-size: 16px;
line-height: 40px;
}
.widget.widget_archive ul li a,
.widget.widget_categories ul li a,
.widget.widget_meta ul li a,
.widget.widget_nav_menu ul li a,
.widget.widget_pages ul li a,
.widget.widget_recent_entries ul li a,
.widget.widget_recent_comments ul li a,
.widget.widget_rss ul li a,
.widget.widget_archive ul li span,
.widget.widget_categories ul li span,
.widget.widget_meta ul li span,
.widget.widget_nav_menu ul li span,
.widget.widget_pages ul li span,
.widget.widget_recent_entries ul li span,
.widget.widget_recent_comments ul li span,
.widget.widget_rss ul li span {
margin: 3px 0;
}
.widget.widget_recent_entries .post-date {
font-size: 14px;
line-height: 26px;
}
.widget.widget_archive ul li a:hover,
.widget.widget_categories ul li a:hover,
.widget.widget_meta ul li a:hover,
.widget.widget_nav_menu ul li a:hover,
.widget.widget_pages ul li a:hover,
.widget.widget_recent_entries ul li a:hover,
.widget.widget_recent_comments ul li a:hover,
.widget.widget_rss ul li a:hover {
color: var(--e-global-color-tombuild_primary);
}
.widget.widget_categories ul li a,
.widget.widget_meta ul li a,
.widget.widget_pages ul li a,
.widget.widget_archive ul li a,
.widget.widget_nav_menu ul li a {
display: inline-block;
}
.widget.widget_archive ul li a:hover:after,
.widget.widget_categories ul li a:hover:after,
.widget.widget_meta ul li a:hover:after,
.widget.widget_nav_menu ul li a:hover:after,
.widget.widget_pages ul li a:hover:after,
.widget.widget_recent_entries ul li a:hover:after {
width: calc(100% + 48px);
left: -24px;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}
.widget.widget_categories ul li > span,
.widget.widget_archive ul li > span {
display: inline-block;
color: #a8aaad;
font-size: 16px;
}
.widget.widget_archive select {
margin: 0 0;
}
.widget.widget_recent_comments ul li {
line-height: normal;
}
.widget.widget_recent_comments ul li span,
.widget.widget_recent_comments ul li a {
margin: 0;
display: inline-block;
line-height: 24px;
}
.widget.widget_recent_comments > ul > li:before {
position: absolute;
top: 14px;
left: -30px;
opacity: 0.7;
}
.widget.widget_rss .rssSummary {
margin: 10px 0;
}
.widget.widget_categories select {
margin: 0 0;
}
.widget.widget_rss ul li a {
color: var(--e-global-color-tombuild_primary);
line-height: 24px;
font-weight: 500;
}
.widget.widget_rss ul li a:hover {
color: var(--e-global-color-tombuild_accent);
}
/* Widget Search */
.widget.widget_search .search-form {
position: relative;
}
.widget.widget_search .search-form .search-field {
width: 100%;
}
.widget.widget_search .search-form .search-submit {
background-color: transparent;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 0px;
width: 60px;
height: 60px;
border: none;
padding: 0;
font-size: 0 !important;
text-indent: 0 !important;
font-weight: 600;
}
.widget.widget_search .search-form .search-submit i {
position: absolute;
font-size: 22px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.3s;
}
.widget.widget_search .search-form .search-submit:hover i {
opacity: 0.7;
}
/* Widget Latest Posts */
.widget.widget_latest_posts li {
margin-bottom: 40px;
}
.widget.widget_latest_posts li:first-child {
padding-top: 0;
}
.widget.widget_latest_posts .categories {
margin-bottom: 8px;
display: inline-block;
}
.widget.widget_latest_posts .categories a {
font-size: 14px;
color: var(--e-global-color-tombuild_text);
}
.widget.widget_latest_posts .categories a:hover {
color: var(--e-global-color-tombuild_accent);
}
.widget.widget_latest_posts .thumb {
float: left;
height: auto;
margin-right: 30px;
display: inline-block;
overflow: hidden;
}
.widget.widget_latest_posts .texts {
overflow: auto;
margin-top: 8px;
}
.widget.widget_latest_posts .post-title {
font-size: 16px;
margin-bottom: 0;
}
.widget.widget_latest_posts .current .post-title a,
.widget.widget_latest_posts .post-title:hover a {
color: var(--e-global-color-tombuild_accent);
}
/* Widget: RSS */
.widget.widget_rss ul li {
margin-bottom: 20px;
}
.widget.widget_rss ul li:last-child {
margin-bottom: 0;
}
.widget.widget_latest_posts .entry-date {
font-size: 14px;
line-height: 26px;
}
.widget.widget_rss .rss-date {
display: block;
font-size: 14px;
}
/* Widget: Recent Entries */
.widget.widget_recent_entries ul li:first-child {
margin-top: 0;
}
/* Widget: Nav */
.widget.widget_nav_menu > .menu-primary-menu-container > ul > li {
margin-bottom: 5px;
}
.widget.widget_nav_menu .menu > li.current-menu-item > a,
.widget.widget_nav_menu .menu > li.current-menu-item {
color: var(--e-global-color-tombuild_accent);
}
/* Widget: Calendar */
.widget.widget.widget_calendar table {
margin: 0;
}
.widget.widget.widget_calendar .wp-calendar-nav {
display: flex;
justify-content: space-between;
}
.widget.widget.widget_calendar caption {
font-weight: 600;
margin-bottom: 20px;
color: #fff;
}
.widget.widget_calendar td,
.widget.widget_calendar th {
padding: 0;
text-align: center;
font-size: 16px;
padding: 6px;
border-color: #d0d0d0;
}
.widget.widget_calendar th {
font-weight: 500;
background-color: rgba(0, 0, 0, 0.05);
}
.widget.widget_calendar a,
.widget.widget_calendar tbody #today {
color: var(--e-global-color-tombuild_accent);
display: block;
}
.widget.widget_calendar a:hover,
.widget.widget_calendar tbody #today:hover {
color: var(--e-global-color-tombuild_primary);
}
/* Widget: Links */
.widget.widget_links ul li {
border: 0;
margin-bottom: 7px;
}
.widget.widget_links ul.col2 li {
width: 50%;
float: left;
}
.widget.widget_links ul li a {
position: relative;
display: inline-block;
font-size: 14px;
color: #b7b7b7;
transition: color 0.3s;
padding-bottom: 2px;
}
.widget.widget_links ul li a:after {
content: "";
width: 0;
height: 2px;
position: absolute;
right: 0;
bottom: 0;
background-color: var(--e-global-color-tombuild_accent);
transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;
}
.widget.widget_links ul li:hover a:after {
width: 100%;
left: 0;
}
.widget.widget_links ul li a .letter {
display: inline-block;
}
/* Widget: Twitter */
.widget.widget_twitter .tweets-wrap {
overflow: hidden;
font-size: 16px;
line-height: 28px;
}
.widget.widget_twitter .tweets-wrap .tweet-item {
margin-bottom: 20px;
}
.widget.widget_twitter .authorstamp {
position: relative;
padding: 10px 0 0 30px;
}
.widget.widget_twitter .authorstamp:before {
position: absolute;
left: 0;
top: 12px;
color: #1c9deb;
font-size: 20px;
}
.widget.widget_twitter .author a {
color: var(--e-global-color-tombuild_primary);
font-size: 17px;
}
.widget.widget_twitter .time {
color: var(--e-global-color-tombuild_text);
font-size: 14px;
line-height: 18px;
}
/* Widget: Socials */
.widget.widget_socials .socials .icon {
float: left;
}
.widget.widget_socials .socials a {
float: left;
font-size: 16px;
display: inline-block;
text-align: center;
margin-right: 30px;
}
/* Widget: Recent News Advanced */
.widget.widget_recent_posts ul {
margin: 0;
padding: 0;
}
.widget.widget_recent_posts ul li {
border: 0;
list-style: none;
margin-bottom: 20px;
}
.widget.widget_recent_posts ul li:last-child {
margin-bottom: 0px;
}
.recent-news {
margin: 0;
}
.recent-news li {
list-style: none;
margin-bottom: 30px;
}
.recent-news li:last-child {
margin-bottom: 0;
}
.recent-news .thumb {
width: 80px;
overflow: hidden;
float: left;
margin: 0 20px 0 0;
}
.recent-news .thumb.hide {
display: none;
}
.recent-news .thumb img {
width: 100%;
height: auto;
}
.recent-news h3 {
position: relative;
margin: -2px 0 0;
}
.recent-news h3 a {
display: inline-block;
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: var(--e-global-color-tombuild_text);
}
.recent-news h3 a:hover {
color: var(--e-global-color-tombuild_primary);
}
.recent-news .texts {
overflow: hidden;
}
.recent-news .post-meta {
margin-bottom: 6px;
}
.recent-news .post-date {
position: relative;
display: inline-block;
font-size: 14px;
color: var(--e-global-color-tombuild_text);
font-weight: 600;
padding-left: 16px;
margin-bottom: 5px;
}
.recent-news .post-date:after {
position: absolute;
top: 3px;
left: 1px;
color: var(--e-global-color-tombuild_accent);
font-size: 12px;
line-height: inherit;
}
.menu-recent-news h5 {
font-size: 22px;
line-height: 1;
margin-bottom: 43px;
}
.menu-recent-news .recent-news li {
margin-bottom: 20px;
}
.menu-recent-news .recent-news li:last-child {
margin-bottom: 0;
}
/* Widget: Instagram & Flickr */
.widget.widget_instagram .instagram-wrap,
.widget.widget_flickr .flickr-wrap {
margin: 0 -0.5px;
}
.widget.widget_instagram .instagram-wrap .instagram_badge_image,
.widget.widget_flickr .flickr-wrap .flickr_badge_image {
padding: 0 0.5px !important;
margin: 0 0 1px 0 !important;
width: 33.333%;
float: left;
height: auto !important;
}
.widget.widget_instagram .instagram-wrap .instagram_badge_image img,
.widget.widget_flickr .flickr-wrap .flickr_badge_image img {
width: 100%;
height: auto;
transition: transform 0.3s, opacity 0.3s;
}
.widget.widget_instagram .instagram-wrap .instagram_badge_image a,
.widget.widget_flickr .flickr-wrap .flickr_badge_image a {
position: relative;
display: block;
overflow: hidden;
background-color: #1F1E17;
}
.widget.widget_instagram .instagram-wrap .instagram_badge_image a:after,
.widget.widget_flickr .flickr-wrap .flickr_badge_image a:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.widget.widget_instagram .instagram-wrap .instagram_badge_image a:hover img,
.widget.widget_flickr .flickr-wrap .flickr_badge_image a:hover img {
opacity: 0.7;
}
/* 2 columns */
.widget.widget_instagram .instagram-wrap.col2 .instagram_badge_image,
.widget.widget_flickr .flickr-wrap.col2 .flickr_badge_image { width: 50%; }
/* 4 columns */
.widget.widget_instagram .instagram-wrap.col4 .instagram_badge_image,
.widget.widget_flickr .flickr-wrap.col4 .flickr_badge_image { width: 25%; }
/* Gutter 0 */
.widget.widget_instagram .instagram-wrap.g0,
.widget.widget_flickr .flickr-wrap.g0 { margin: 0; }
.widget.widget_instagram .instagram-wrap.g0 .instagram_badge_image,
.widget.widget_flickr .flickr-wrap.g0 .flickr_badge_image { padding: 0 !important; margin: 0 !important; }
/* Gutter 5 */
.widget.widget_instagram .instagram-wrap.g5,
.widget.widget_flickr .flickr-wrap.g5 { margin: 0 -2.5px; }
.widget.widget_instagram .instagram-wrap.g5 .instagram_badge_image,
.widget.widget_flickr .flickr-wrap.g5 .flickr_badge_image { padding: 0 2.5px !important; margin: 0 0 5px 0 !important; }
/* Gutter 9 */
.widget.widget_instagram .instagram-wrap.g9,
.widget.widget_flickr .flickr-wrap.g9 { margin: 0 -4.5px; }
.widget.widget_instagram .instagram-wrap.g9 .instagram_badge_image,
.widget.widget_flickr .flickr-wrap.g9 .flickr_badge_image { padding: 0 4.5px !important; margin: 0 0 9px 0 !important; }
/* Gutter 12 */
.widget.widget_instagram .instagram-wrap.g12,
.widget.widget_flickr .flickr-wrap.g12 { margin: 0 -6px; }
.widget.widget_instagram .instagram-wrap.g12 .instagram_badge_image,
.widget.widget_flickr .flickr-wrap.g12 .flickr_badge_image { padding: 0 6px !important; margin: 0 0 12px 0 !important; }
/* Gutter 15 */
.widget.widget_instagram .instagram-wrap.g15,
.widget.widget_flickr .flickr-wrap.g15 { margin: 0 -7.5px; }
.widget.widget_instagram .instagram-wrap.g15 .instagram_badge_image,
.widget.widget_flickr .flickr-wrap.g15 .flickr_badge_image { padding: 0 7.5px !important; margin: 0 0 15px 0 !important; }
/* Gutter 30 */
.widget.widget_instagram .instagram-wrap.g30,
.widget.widget_flickr .flickr-wrap.g30 { margin: 0 -15px; }
.widget.widget_instagram .instagram-wrap.g30 .instagram_badge_image,
.widget.widget_flickr .flickr-wrap.g30 .flickr_badge_image { padding: 0 15px !important; margin: 0 0 30px 0 !important; }
.widget.widget_instagram-feed-widget #sbi_images { margin: -15px 0 0 -15px; }
.widget.widget_instagram-feed-widget #sbi_images .sbi_item .sbi_photo_wrap { padding: 15px; }
.widget.widget_instagram-feed-widget #sbi_images .sbi_item .sbi_photo_wrap .sbi_photo {
overflow: hidden;
}
/* Widget: Tags */
.widget.widget_block .wp-block-tag-cloud,
.widget.widget_tag_cloud .tagcloud {
margin: 0 -5px;
}
.widget.widget_block .wp-block-tag-cloud:before,
.widget.widget_block .wp-block-tag-cloud:after,
.widget.widget_tag_cloud .tagcloud:before,
.widget.widget_tag_cloud .tagcloud:after,
.widget_product_tag_cloud .tagcloud:before,
.widget_product_tag_cloud .tagcloud:after {
display: table;
clear: both;
content: "";
}
.widget.widget_block .wp-block-tag-cloud a,
.widget.widget_tag_cloud .tagcloud a {
float: left;
display: inline-block;
font-weight: 500;
line-height: 24px;
padding: 0px 5px;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
margin: 0 2.5px 5px;
}
#sidebar .widget.widget_block .wp-block-tag-cloud a,
#sidebar .widget.widget_tag_cloud .tagcloud a {
font-size: 15px !important;
}
.widget.widget_block .wp-block-tag-cloud a:hover,
.widget.widget_tag_cloud .tagcloud a:hover {
color: #fff;
background-color: var(--e-global-color-tombuild_primary);
}
#footer .widget.widget_tag_cloud .tagcloud a {
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
#footer .widget.widget_tag_cloud .tagcloud a:hover {
color: #fff;
background-color: var(--e-global-color-tombuild_accent);
}
/* Widget: Media Gallery */
.widget.widget_media_gallery .gallery-icon {
background-color: #1F1E17;
overflow: hidden;
}
.widget.widget_media_gallery .gallery-icon img {
transition: transform 0.3s, opacity 0.3s;
}
.widget.widget_media_gallery .gallery-icon:hover img {
transform: scale(1.2) rotate(10deg);
opacity: 0.6;
}
/* Sidebar Widgets
-------------------------------------------------------------- */
#sidebar {
position: relative;
padding: 30px 35px;
border: 1px solid var(--e-global-color-tombuild_border);
height: fit-content;
}
#sidebar:after {
position: absolute;
top: 0;
right: 0;
content: '';
width: 0;
height: 0;
border-left: 30px solid transparent;
border-top: 30px solid var(--e-global-color-tombuild_accent);
}
#sidebar .widget {
position: relative;
z-index: 1;
margin-bottom: 30px;
font-size: 16px;
border-bottom: 1px solid var(--e-global-color-tombuild_border);
padding-bottom: 30px;
}
#sidebar .widget:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
#sidebar .widget.widget-custom {
padding: 0 !important;
background-color: transparent !important;
border: none !important;
}
.widget a {
color: var(--e-global-color-tombuild_text);
transition: all 0.3s ease;
}
.widget a:hover {
color: var(--e-global-color-tombuild_primary);
}
#sidebar .widget select {
margin: 12px 0 15px;
}
#sidebar .widget ul {
margin: 0;
list-style: none;
}
/* Widget Title */
#sidebar .widget .wc-block-price-filter__title,
#sidebar .widget .widget-title,
#sidebar .widget .wp-block-heading,
#sidebar .widget .wp-widget-group__inner-blocks h2,
#sidebar .widget .wp-block-group h2 {
font-size: 20px;
line-height: 27px;
color: var(--e-global-color-tombuild_primary);
margin: 0 0 28px;
font-weight: 500;
}
.widget .widget-title a {
color: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
font-weight: inherit !important;
}
#sidebar .widget.widget_nav_menu .widget-title,
#sidebar .widget.widget_pages .widget-title,
#sidebar .widget.widget_categories .widget-title,
#sidebar .widget.widget_archive .widget-title,
#sidebar .widget.widget_recent_entries .widget-title,
#sidebar .widget.widget_meta .widget-title {
margin-bottom: 14px;
}
/* General */
#sidebar .widget th {
border-width: 1px 1px 1px 0px;
}
#sidebar .widget th:first-child,
#sidebar .widget td:first-child {
border-left-width: 1px;
}
/* Widget: Search */
#sidebar .widget.widget_search label {
display: block;
font-size: 20px;
line-height: 27px;
font-weight: 500;
color: var(--e-global-color-tombuild_primary);
margin-bottom: 20px;
}
#sidebar .widget.widget_search:before {
display: none;
}
#sidebar .widget.widget_search .widget-title {
display: none;
}
#sidebar .widget.widget_search .wp-block-search {
margin-bottom: 0;
}
#sidebar .widget.widget_search .wp-block-search__input,
#sidebar .widget.widget_search .search-form .search-field {
width: 100%;
height: 45px;
font-size: 14px;
line-height: 45px;
padding: 0 15px;
margin: 0;
color: #a8a7a7;
border: none;
}
#sidebar .widget.widget_search .wp-block-search__inside-wrapper {
position: relative;
}
#sidebar .widget.widget_search .search-form .search-submit,
#sidebar .widget.widget_search .wp-block-search .wp-block-search__button {
position: absolute;
top: 50%;
right: 0px;
transform: translateY(-50%);
padding: 0;
margin: 0;
text-indent: -99999px;
width: 45px;
height: 45px;
line-height: 45px;
background-color: transparent;
color: var(--e-global-color-tombuild_accent);
font-size: 14px;
border: none;
font-weight: 700;
}
#sidebar .widget.widget_search .wp-block-search .wp-block-search__button:after {
position: absolute;
top: 0;
left: 1px;
text-align: center;
text-indent: 0;
width: 100%;
height: 100%;
font-weight: 700;
}
/* Widget: List (Categories, archive, nav_menu ...) */
#sidebar ul.wp-block-rss,
#sidebar ul.wp-block-latest-posts,
#sidebar ul.wp-block-archives-list,
#sidebar ol.wp-block-latest-comments,
#sidebar .widget.widget_recent_comments ul {
width: auto;
margin: 0 0 8px;
}
#sidebar .widget.widget_recent_comments ul li,
#sidebar .widget.widget_rss ul li,
#sidebar ul.wp-block-rss li,
#sidebar ul.wp-block-latest-posts li,
#sidebar ul.wp-block-archives-list li,
#sidebar ol.wp-block-latest-comments li {
border-color: transparent;
margin-bottom: 0;
}
#sidebar .widget.widget_recent_comments ul li:first-child,
#sidebar .widget.widget_rss ul li:first-child,
#sidebar ul.wp-block-rss li:first-child,
#sidebar ul.wp-block-latest-posts li:first-child,
#sidebar ul.wp-block-archives-list li:first-child,
#sidebar ol.wp-block-latest-comments li:first-child {
padding-top: 0;
}
#sidebar .widget.widget_recent_comments ul li:last-child,
#sidebar .widget.widget_rss ul li:last-child,
#sidebar ul.wp-block-rss li:last-child,
#sidebar ul.wp-block-latest-posts li:last-child,
#sidebar ul.wp-block-archives-list li:last-child,
#sidebar ol.wp-block-latest-comments li:last-child {
padding-bottom: 0;
border-bottom: none;
}
#sidebar .widget.widget_recent_comments .comment-author-link {
color: var(--e-global-color-tombuild_text);
}
#sidebar .widget.widget_calendar caption {
color: var(--e-global-color-tombuild_accent);
line-height: 1;
}
#sidebar .widget.widget_calendar .wp-calendar-nav {
display: flex;
margin-top: 10px;
line-height: 1;
}
#sidebar .widget.widget_calendar .wp-calendar-nav span {
display: inline-block;
}
#sidebar .widget.widget_calendar .pad {
margin: 0 10px 0;
}
#sidebar .widget.widget_recent_entries .post-date {
display: block;
font-size: 14px;
}
#sidebar .wp-block-latest-comments__comment {
line-height: 1.4;
margin-bottom: 8px;
}
/* Widget: List (Categories, Meta, Archives, Pages. Latest Post..) */
#sidebar .widget .wp-block-categories .cat-item span {
display: inline-block;
text-align: right;
}
#sidebar .widget .wp-block-categories {
margin: 0;
padding: 0;
line-height: 22px;
width: 100%;
}
#sidebar .widget .wp-block-categories li {
position: relative;
list-style: none;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin-bottom: 25px;
}
#sidebar .widget .wp-block-categories li:last-child {
margin-bottom: 0;
}
#sidebar .widget .wp-block-categories li a {
color: var(--e-global-color-tombuild_text);
display: inline-block;
font-size: 16px;
line-height: 20px;
width: 100%;
}
#sidebar .widget .wp-block-categories li span {
display: inline-block;
font-size: 13px;
line-height: 20px;
height: 20px;
padding: 0 5px;
font-weight: 500;
text-align: center;
background-color: #f4f4f4;
transition: all 0.3s ease;
}
#sidebar .widget .wp-block-categories li:hover a {
color: var(--e-global-color-tombuild_accent);
}
#sidebar .widget .wp-block-categories li:hover span {
color: #fff;
background-color: var(--e-global-color-tombuild_accent);
}
#sidebar .widget .wp-block-categories li a {
position: relative;
display: inline-block;
font-weight: 500;
}
#sidebar .widget .wp-block-categories li > span {
display: inline-block;
color: #a8aaad;
font-size: 16px;
}
/* Cause Category */
#sidebar .widget.widget_cause_cat .wp-block-categories li a {
display: flex;
justify-content: space-between;
}
#sidebar .widget.widget_cause_cat .wp-block-categories li a:after {
display: none;
}
#sidebar .widget.widget_cause_cat .wp-block-categories li a:hover {
color: var(--e-global-color-tombuild_accent);
}
/* Widget: Information */
#sidebar .widget.widget_information ul li {
padding: 17px 0;
border-bottom: 1px solid var(--e-global-color-tombuild_border);
}
#sidebar .widget.widget_information ul li:last-child {
border-bottom: none;
}
#sidebar .widget.widget_information span {
display: inline-block;
}
#sidebar .widget.widget_information .info {
float: right;
}
/* Widget: Block Latest Comment */
#sidebar .wp-block-latest-comments__comment:last-child {
margin-bottom: 0;
}
#sidebar .wp-block-latest-comments__comment-date {
margin: 10px 0;
}
#sidebar .wp-block-latest-comments__comment-excerpt p {
margin-bottom: 0;
}
/* Widget: Calendar */
#sidebar .widget.widget_calendar .calendar_wrap {
margin-bottom: 15px;
}
/* Sidebar Socials */
#sidebar .master-social-icons a {
font-size: 14px;
line-height: 50px;
width: 50px;
height: 50px;
border: 1px solid var(--e-global-color-tombuild_border);
border-radius: 50%;
margin-right: 10px;
text-align: center;
}
#sidebar .master-social-icons a:last-child {
margin-right: 0;
}
#sidebar .master-social-icons a:hover {
color: #fff;
border-color: var(--e-global-color-tombuild_accent);
background-color: var(--e-global-color-tombuild_accent);
}
/* Footer Widgets
-------------------------------------------------------------- */
#footer-widgets h1,
#footer-widgets h2,
#footer-widgets h3,
#footer-widgets h4,
#footer-widgets h5,
#footer-widgets h6 {
margin-bottom: 30px;
}
#footer input:focus,
#footer textarea:focus,
#footer select:focus {
border-color: rgba(255,255,255,0.1);
}
.page-footer-single,
.page-footer-single a,
.footer,
.footer a,
#footer,
#footer a {
color: #969696;
font-size: 16px;
}
#footer a:hover {
color: #fff;
}
#footer a span {
background-color: transparent;
}
#footer-widgets select {
margin: 10px 0 15px;
}
.footer .elementor-widget-container h5,
.page-footer-single .elementor-widget-container h5,
#footer-widgets .widget .widget-title,
#footer-widgets .widget .wp-block-group h2 {
position: relative;
font-size: 18px;
line-height: 27px;
color: #fff;
margin: 0 0 25px 0;
font-weight: 500;
}
.footer .elementor-widget-container h5 span,
.page-footer-single .elementor-widget-container h5 span,
#footer-widgets .widget .widget-title span,
#footer-widgets .widget .wp-block-group h5 span {
position: relative;
display: inline-block;
}
#footer-widgets .widget.widget_block {
margin-bottom: 20px;
}
#footer-widgets .widget.widget_nav_menu .widget-title,
#footer-widgets .widget.widget_pages .widget-title,
#footer-widgets .widget.widget_categories .widget-title,
#footer-widgets .widget.widget_archive .widget-title,
#footer-widgets .widget.widget_recent_entries .widget-title,
#footer-widgets .widget.widget_meta .widget-title {
margin-bottom: 24px;
}
#footer-widgets .widget {
margin: 0 0 60px;
}
#footer-widgets .widget:last-child {
margin-bottom: 0;
}
#footer-widgets .widget ul {
margin: 0;
list-style: none;
}
/* Recent Post Advanced */
.page-single-footer .recent-news h3 a,
.footer .recent-news h3 a,
#footer-widgets .recent-news h3 a {
font-size: 16px;
line-height: 26px;
font-weight: 500;
color: #fff;
margin-top: 3px;
}
.page-single-footer .recent-news .post-date,
.footer .recent-news .post-date,
#footer-widgets .recent-news .post-date {
color: var(--e-global-color-tombuild_accent);
}
/* List (Categories, archive, nav_menu ...) */
#footer cite {
font-size: 16px;
}
#footer .widget.widget_archive ul li a::before,
#footer .widget.widget_nav_menu ul li a::before,
#footer .widget.widget_meta ul li a::before,
#footer .widget.widget_categories ul li a:before,
#footer .widget.widget_pages ul li a:before {
color: var(--e-global-color-tombuild_text);
}
#footer .widget.widget_recent_comments ul li,
#footer .widget.widget_pages ul li,
#footer .widget.widget_nav_menu ul li,
#footer .widget.widget_archive ul li,
#footer .widget.widget_categories ul li,
#footer .widget.widget_meta ul li,
#footer .widget.widget_recent_entries ul li {
border-color: rgba(255,255,255,0.3);
margin: 0;
}
#footer .widget.widget_rss ul li {
margin-bottom: 15px;
}
#footer .widget.widget_rss ul li:last-child {
margin-bottom: 0;
}
#footer .widget.widget_rss ul li:first-child {
padding-top: 0;
}
#footer .widget.widget_recent_comments ul li:last-child,
#footer .widget.widget_pages ul li:last-child,
#footer .widget.widget_nav_menu ul li:last-child,
#footer .widget.widget_archive ul li:last-child,
#footer .widget.widget_categories ul li:last-child,
#footer .widget.widget_meta ul li:last-child,
#footer .widget.widget_recent_entries ul li:last-child,
#footer .widget.widget_rss ul li:last-child {
padding-bottom: 0;
}
#footer .widget.widget_recent_comments ul li:last-child,
#footer .widget.widget_rss ul li:last-child,
#footer ul.wp-block-rss li:last-child,
#footer ul.wp-block-latest-posts li:last-child,
#footer ul.wp-block-archives-list li:last-child,
#footer ol.wp-block-latest-comments li:last-child {
padding-bottom: 0;
border-bottom: none;
}
#footer .widget.widget_categories .cat-item span,
#footer .widget.widget_archive ul li a,
#footer .widget.widget_categories ul li a,
#footer .widget.widget_meta ul li a,
#footer .widget.widget_nav_menu ul li a,
#footer .widget.widget_pages ul li a,
#footer .widget.widget_recent_entries ul li a,
#footer .widget.widget_recent_comments ul li a,
#footer .widget.widget_rss ul li a {
line-height: 30px;
}
#footer .widget.widget_rss ul li a {
color: #fff;
}
#footer .widget.widget_rss ul li a:hover {
color: rgba(255,255,255,0.7);
}
/* Widget: Search */
#footer .widget.widget_search .search-form .search-submit i {
font-size: 16px;
}
/* Widget: Calendar */
#footer .widget.widget_calendar a,
#footer .widget.widget_calendar tbody #today {
color: #fff;
}
#footer .widget.widget_calendar a:hover,
#footer .widget.widget_calendar tbody #today:hover {
opacity: 0.7;
}
/* Widget: Information */
#footer-widgets .widget_information ul li {
display: flex;
align-items: center;
padding: 4px 0 13px;
margin-bottom: 13px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#footer-widgets .widget_information ul li:last-child {
border-bottom: none;
}
#footer-widgets .widget.widget_information ul li i {
color: var(--e-global-color-tombuild_accent);
font-size: 14px;
}
#footer-widgets .widget_information ul li span {
padding-left: 10px;
font-size: 14px;
line-height: 26px;
font-weight: 600;
}
/* Widget: Subscribe */
#footer .widget_mc4wp_form_widget {
margin-bottom: 20px;
}
#footer-widgets .widget_mc4wp_form_widget .mc4wp-form .email-wrap input {
height: 60px;
}
#footer-widgets .widget_mc4wp_form_widget .mc4wp-form .submit-wrap button {
background-color: transparent;
}
#footer-widgets .widget_mc4wp_form_widget .mc4wp-form .submit-wrap button:before {
color: #eddd5e;
}
/* Widget: Twitter */
#footer .widget.widget_twitter .author a {
color: #fff;
}
#footer .widget.widget_twitter .time {
color: #6d6c6c;
}
/* Widget: Socials */
#footer-widgets .widget.widget_socials .socials a {
color: #fff;
}
#footer-widgets .widget.widget_socials .socials a:hover {
color: var(--e-global-color-tombuild_accent);
}
/* Widget: Recent News */
#footer-widgets .widget.widget_recent_posts ul li {
border-color: #565e53;
}
#footer-widgets .widget.widget_recent_posts h3 {
font-size: 18px;
line-height: 26px;
}
#footer-widgets .widget.widget_recent_posts h3 a {
color: #6d6c6c;
}
#footer-widgets .widget.widget_recent_posts h3 a:hover {
color: #fff;
}
/* Widget: Recent Comments */
#footer .widget.widget_recent_comments ul li {
padding: 14px 0;
}
#footer .widget.widget_recent_comments ul li:first-child {
padding-top: 0;
}
/* Event Single
-------------------------------------------------------------- */
.event-info .title {
font-size: 14px;
font-weight: 400;
color: var(--e-global-color-tombuild_accent);
}
.event-info .info {
font-size: 16px;
font-weight: 400;
color: var(--e-global-color-tombuild_primary);
margin-bottom: 23px;
}
/* WP Event Manager
-------------------------------------------------------------- */
/* General */
:root {
--wpem-primary-color: var(--e-global-color-tombuild_accent);
--wpem-dark-color: var(--e-global-color-tombuild_primary);
--wpem-gray-color: var(--e-global-color-tombuild_text);
--wpem-white-color: #ffffff;
--wpem-gray-border-color: var(--e-global-color-tombuild_border);
--wpem-gray-bg-color: var(--e-global-color-tombuild_light);
}
.tombuild-container .wpem-theme-button,
.tombuild-container a.wpem-theme-button,
.tombuild-container button.wpem-theme-button,
.tombuild-container input.wpem-theme-button {
font-size: 14px;
line-height: 24px;
padding: 20px 48px;
font-weight: 500;
}
.tombuild-container .wpem-theme-button.wpem-active-button {
color: var(--e-global-color-tombuild_primary);
margin-bottom: 20px;
}
.registration_details.wpem-register-event-form p {
margin-bottom: 0;
}
.tombuild-container .wpem-theme-button.wpem-active-button:hover {
color: #fff;
}
.tombuild-container .wpem-main {
font-size: 16px;
line-height: 1.875;
color: var(--e-global-color-tombuild_text);
}
.wpem-form-wrapper .showing_applied_filters {
padding: 15px 30px;
}
.wpem-event-listings-header .wpem-event-listing-header-title .wpem-heading-text {
font-size: 30px;
line-height: 40px;
font-weight: 500;
}
.wpem-event-listings-header .wpem-event-layout-action-wrapper .wpem-event-layout-action .wpem-event-layout-icon {
width: 40px;
height: 40px;
}
/* Load more */
.loadmore-false .wpem-event-listing-list-view {
margin-bottom: 0;
}
.loadmore-false .event_listings a.load_more_events {
display: none;
}
.event_listings a.load_more_events {
display: inline-flex;
justify-content: center;
font-size: 14px;
line-height: 24px;
padding: 20px 48px;
font-weight: 500;
transition: all 0.3s ease;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
overflow: hidden;
cursor: pointer;
text-transform: uppercase;
}
.event_listings a.load_more_events:hover {
background-color: var(--e-global-color-tombuild_primary);
}
/* Calendar Button */
.ui-button {
font-size: 12px;
line-height: 24px;
font-weight: 500;
padding: 13px 30px;
}
/* Form */
.wpem-form-wrapper .wpem-form-group input[type="color"],
.wpem-form-wrapper .wpem-form-group input[type="date"],
.wpem-form-wrapper .wpem-form-group input[type="datetime-local"],
.wpem-form-wrapper .wpem-form-group input[type="datetime"],
.wpem-form-wrapper .wpem-form-group input[type="email"],
.wpem-form-wrapper .wpem-form-group input[type="file"],
.wpem-form-wrapper .wpem-form-group input[type="month"],
.wpem-form-wrapper .wpem-form-group input[type="number"],
.wpem-form-wrapper .wpem-form-group input[type="password"],
.wpem-form-wrapper .wpem-form-group input[type="search"],
.wpem-form-wrapper .wpem-form-group input[type="tel"],
.wpem-form-wrapper .wpem-form-group input[type="text"],
.wpem-form-wrapper .wpem-form-group input[type="time"],
.wpem-form-wrapper .wpem-form-group input[type="url"],
.wpem-form-wrapper .wpem-form-group input[type="week"],
.wpem-form-wrapper .wpem-form-group select,
.wpem-form-wrapper .wpem-form-group select optgroup,
.wpem-form-wrapper .wpem-form-group textarea {
display: inline-block;
font-size: 14px;
line-height: 28px;
height: 60px;
font-weight: 400;
padding: 15px 30px;
border: 1px solid var(--e-global-color-tombuild_border);
background-color: transparent;
color: var(--e-global-color-tombuild_text);
text-shadow: none;
box-shadow: none;
box-sizing: border-box;
transition: border 0.3s;
}
.wpem-form-group .comiseo-daterangepicker-triggerbutton.ui-button:hover {
background-color: transparent;
border-color: var(--e-global-color-tombuild_accent);
}
.wpem-form-group .comiseo-daterangepicker-triggerbutton.ui-button {
font-size: 14px;
line-height: 28px;
height: 60px;
border: 1px solid var(--e-global-color-tombuild_border);
background-color: transparent;
color: var(--e-global-color-tombuild_text);
padding: 0 30px;
text-transform: inherit;
width: 100% !important;
letter-spacing: 0;
}
.comiseo-daterangepicker-triggerbutton .ui-button-icon {
right: 20px;
}
.wpem-form-wrapper .chosen-container-single .chosen-default {
color: var(--e-global-color-tombuild_text);
}
.wpem-form-wrapper .chosen-container {
border: 1px solid var(--e-global-color-tombuild_border);
background-color: transparent;
}
.wpem-form-wrapper .chosen-container .chosen-choices, .wpem-form-wrapper .chosen-container .chosen-single {
font-size: 14px;
line-height: 60px;
height: 60px;
padding: 0 30px;
}
.chosen-container-single .chosen-single div {
right: 20px;
line-height: inherit;
}
.wpem-form-wrapper .chosen-container .chosen-single div b {
background-position: 7px 20px;
}
/* Event List */
.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper {
transition: 0.3s all ease;
}
.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper:hover {
box-shadow: 0 10px 60px 0 rgba(0,0,0,0.1);
}
.tombuild-event-list .wpem-event-listings-header {
display: none;
}
.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-date .wpem-event-date-type .wpem-from-date {
top: 0;
right: 0;
left: unset;
color: #fff;
font-family: var(--font-heading);
padding: 18px;
border-radius: 0 0 0 10px;
}
.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-date .wpem-event-date-type .wpem-from-date .wpem-date {
font-size: 20px;
line-height: 1;
color: #fff;
font-weight: 500;
}
.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-date .wpem-event-date-type .wpem-from-date .wpem-month {
font-size: 12px;
font-weight: 500;
text-transform: capitalize;
color: #fff;
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time,
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location,
.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time,
.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location {
color: var(--e-global-color-tombuild_text);
font-size: 14px;
line-height: 20px;
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location::before,
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time::before {
font-size: 14px;
line-height: inherit;
color: var(--e-global-color-tombuild_accent);
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-type .wpem-event-type-text {
font-size: 10px;
line-height: 30px;
padding: 0 20px;
font-weight: 500;
text-transform: uppercase;
color: #fff;
background-color: var(--e-global-color-tombuild_accent);
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location {
width: auto;
}
/* Event Grid */
.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-date .wpem-event-date-type .wpem-from-date {
background-color: var(--e-global-color-tombuild_accent);
}
.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details {
padding: 0;
}
/* Event List */
.wpem-event-listing-list-view {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.wpem-event-listings .wpem-event-layout-wrapper {
border: none;
margin: 0px;
}
.wpem-event-listing-list-view .wpem-col {
padding: 0 15px 30px;
}
.wpem-event-listings .wpem-event-layout-wrapper .event_listing {
background-color: #fff;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing {
padding: 0;
border: none;
display: flex;
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img {
width: 170px;
height: 170px;
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-banner {
padding-right: 0;
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation {
padding: 30px;
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-date {
display: block;
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-from-date {
display: none;
}
.wpem-event-date .wpem-from-date {
display: flex;
flex-direction: column;
width: 60px;
height: 70px;
background-color: var(--e-global-color-tombuild_accent);
font-family: var(--font-heading);
line-height: 1;
color: #fff;
justify-content: center;
align-items: center;
text-align: center;
border-radius: 10px 0 10px 0
}
.wpem-event-date .wpem-from-date .wpem-date {
font-size: 20px;
font-weight: 500;
margin-bottom: 2px;
}
.wpem-event-date .wpem-from-date .wpem-month {
font-size: 12px;
font-weight: 500;
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details {
padding-left: 0;
}
.wpem-event-listings.wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time,
.wpem-event-listings.wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location,
.wpem-event-listings.wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-ticket-type,
.wpem-event-listings.wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-type {
color: var(--e-global-color-tombuild_text);
}
.wpem-event-listing-list-view .wpem-event-box-col:last-of-type .wpem-event-layout-wrapper {
border: none;
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time::before {
content: '\f018';
font-family: 'core-icons';
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location::before {
content: '\e959';
font-family: 'core-icons';
}
.event_listing {
position: relative;
}
.event_listing .event-url {
position: absolute;
display: inline-block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
.wpem-event-date-time, .wpem-event-location {
display: inline-block;
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-type {
display: block;
}
/* List style 2 */
.list-style-2 .wpem-event-action-url {
align-items: center;
}
.list-style-2 .wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing{
padding: 20px;
border: 1px solid #fff;
}
.list-style-2 .wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper:hover .event_listing {
border-color: var(--e-global-color-tombuild_accent);
}
.list-style-2 .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img {
position: relative;
width: 110px;
height: 110px;
border-radius: 50%;
overflow: hidden;
}
.list-style-2 .wpem-event-date .wpem-from-date {
background-color: rgba(0,0,0,0.7);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.3s ease;
}
.list-style-2 .wpem-event-layout-wrapper:hover .wpem-event-date .wpem-from-date {
opacity: 1;
}
.list-style-2 .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation {
padding: 0 0 0 10px;
}
.list-style-2 .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details {
display: flex;
flex-wrap: wrap;
}
.list-style-2 .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-title {
order: 1;
width: 100%;
}
.list-style-2 .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-location,
.list-style-2 .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-date-time {
order: 0;
}
.list-style-2 .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-type {
order: 2;
}
@media (max-width: 400px) {
.list-style-2 .wpem-event-action-url { flex-direction: column; }
.list-style-2 .wpem-event-action-url .wpem-event-banner { margin-bottom: 30px; }
.list-style-2 .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details { justify-content: center; text-align: center; }
}
/* Single Event */
.single_event_listing .main-title {
font-size: 36px;
}
/* Give WP
-------------------------------------------------------------- */
/* General */
.give_error>p, .give_success>p, .give_warning>p {
color: var(--e-global-color-tombuild_primary);
}
.give_warning {
border-color: var(--e-global-color-tombuild_accent);
}
.give_warning:before {
background-color: var(--e-global-color-tombuild_accent);
}
.give_error, .give_success, .give_warning {
background-color: var(--e-global-color-tombuild_light);
}
/* Form */
form[id*=give-form] .give-donation-amount #give-amount,
form[id*=give-form] .give-donation-amount #give-amount-text {
font-size: 16px;
height: 40px;
border: 1px solid var(--e-global-color-tombuild_border);
color: var(--e-global-color-tombuild_text);
border-radius: 0 10px 10px 0;
}
form[id*=give-form] .give-donation-amount .give-currency-symbol {
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
line-height: 40px;
border: none;
height: 40px;
width: 40px;
text-align: center;
border-radius: 10px 0 0 10px;
}
#give-recurring-form .give-section-break, #give-recurring-form h3.give-section-break, #give-recurring-form h4.give-section-break, #give-recurring-form legend, form.give-form .give-section-break, form.give-form h3.give-section-break, form.give-form h4.give-section-break, form.give-form legend, form[id*=give-form] .give-section-break, form[id*=give-form] h3.give-section-break, form[id*=give-form] h4.give-section-break, form[id*=give-form] legend {
color: var(--e-global-color-tombuild_primary);
}
[id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=email], [id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=number], [id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=password], [id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=search], [id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=tel], [id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=text], [id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=url] {
font-size: 14px;
line-height: 2;
font-weight: 400;
padding: 15px 30px;
border: 1px solid var(--e-global-color-tombuild_border);
background-color: var(--e-global-color-tombuild_light);
color: var(--e-global-color-tombuild_text);
margin-bottom: 10px;
text-shadow: none;
box-shadow: none;
box-sizing: border-box;
transition: border 0.3s;
}
[id*=give-form].give-fl-form .give-fl-is-required:before {
top: 8px;
}
[id*=give-form].give-fl-form.give-fl-style-give label.give-fl-label {
display: none;
}
[id*=give-form] p:last-child {
margin-bottom: 0;
}
#give-recurring-form .form-row-first, #give-recurring-form .form-row-last, form.give-form .form-row-first, form.give-form .form-row-last, form[id*=give-form] .form-row-first, form[id*=give-form] .form-row-last {
width: calc(50% - 5px);
}
#give-recurring-form .form-row-first, #give-recurring-form .form-row-title, form.give-form .form-row-first, form.give-form .form-row-title, form[id*=give-form] .form-row-first, form[id*=give-form] .form-row-title {
margin-right: 10px;
}
#give-recurring-form .form-row:last-child, form.give-form .form-row:last-child, form[id*=give-form] .form-row:last-child,
#give-recurring-form .form-row, form.give-form .form-row, form[id*=give-form] .form-row {
margin-bottom: 0;
}
.give-btn-reveal,
#give_purchase_submit .give-submit {
background-color: var(--e-global-color-tombuild_accent);
}
.give-btn-reveal:hover,
#give_purchase_submit .give-submit:hover {
background-color: var(--e-global-color-tombuild_primary);
}
#give-payment-mode-select,
#give_purchase_form_wrap {
display: none;
}
/* Image */
[id*=give-form].give_forms .images {
position: relative;
border-radius: 10px 10px 0 0px;
margin-bottom: 0px;
overflow: hidden;
}
[id*=give-form].give_forms .images .cat-item {
position: absolute;
top: 20px;
right: 20px;
font-size: 10px;
line-height: 35px;
font-weight: 400;
text-transform: uppercase;
color: #fff;
background-color: var(--e-global-color-tombuild_accent);
padding: 0 20px;
}
[id*=give-form].give_forms .images .cat-item:hover {
background-color: var(--e-global-color-tombuild_primary);
}
/* Goal Progress */
.give-goal-progress {
padding: 40px 40px 35px;
margin-bottom: 37px;
background-color: #fff;
box-shadow: 0 10px 60px 0 rgba(0,0,0,0.1);
flex-direction: row;
flex-wrap: wrap;
}
.give-goal-progress .raised {
margin-bottom: 0px;
order: 1;
width: 50%;
color: var(--e-global-color-tombuild_primary);
}
.give-goal-progress .raised > span {
display: block;
}
.give-goal-progress .raised .income,
.give-goal-progress .raised .goal-text {
font-size: 16px;
line-height: 30px;
font-size: 16px;
font-weight: 500;
}
.give-goal-progress .raised .text {
font-weight: 400;
color: var(--e-global-color-tombuild_text);
}
.give-goal-progress .percentage {
order: 2;
margin-top: 6px;
width: 50%;
text-align: right;
}
.give-goal-progress .percentage .give-percentage {
display: block;
font-size: 22px;
font-weight: 500;
line-height: 22px;
color: var(--e-global-color-tombuild_accent);
margin-bottom: 4px;
}
.give-goal-progress .progress-bar {
order: 0;
}
.give-goal-progress .give-progress-bar {
height: 6px;
border-radius: 3px;
background-color: var(--e-global-color-tombuild_light);
}
.give-goal-progress .give-progress-bar>span {
border-radius: 3px;
transition: width 1s ease 0.3s;
}
/* Title */
[id*=give-form].give_forms .give-form-title {
font-size: 30px;
line-height: 1.2;
margin-bottom: 35px;
}
/* Give Button */
.give-btn {
font-size: 14px;
line-height: 40px;
font-weight: 500;
color: var(--e-global-color-tombuild_primary);
background-color: var(--e-global-color-tombuild_light);
padding: 0 20px;
border: none;
}
.give-btn.give-default-level,
.give-btn:hover,
.give-btn.give-default-level:hover {
color: #fff;
background-color: var(--e-global-color-tombuild_accent);
}
.images-wrap.col-2 {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.images-wrap.col-2 div:first-child {
margin-right: 30px;
}
.images-wrap .thumb {
overflow: hidden;
margin-bottom: 30px;
}
.tombuild-list {
margin-bottom: 30px;
}
.tombuild-list .item {
font-size: 18px;
line-height: 30px;
font-weight: 500;
color: var(--e-global-color-tombuild_primary);
}
.tombuild-list .item span {
display: inline-block;
}
.tombuild-list .item .icon {
color: var(--e-global-color-tombuild_accent);
padding-right: 25px;
}
/* Widget Recent Donation */
#sidebar .widget.widget_recent_cause {
padding: 0;
background-color: transparent;
border-radius: 0;
}
.recent-cause {
margin-bottom: 30px;
}
.recent-cause .thumb {
border-radius: 10px 10px 0 0;
overflow: hidden;
}
.recent-cause .content-wrap {
background-color: #fff;
padding: 40px 50px 35px;
overflow: hidden;
box-shadow: 0 10px 60px 0 rgba(0,0,0,0.1);
}
.recent-cause .cause-title {
font-weight: 500;
font-size: 20px;
line-height: 30px;
color: var(--e-global-color-tombuild_primary);
margin-right: 10px;
}
.recent-cause .cause-title a {
font-weight: inherit;
color: inherit;
}
.recent-cause .give-goal-progress {
background-color: transparent;
box-shadow: none;
padding: 0;
margin-bottom: 0;
}
.recent-cause .thumb {
position: relative;
}
.recent-cause .thumb .cat-item {
position: absolute;
top: 20px;
right: 20px;
font-size: 10px;
line-height: 35px;
font-weight: 400;
text-transform: uppercase;
color: #fff;
background-color: var(--e-global-color-tombuild_accent);
padding: 0 20px;
}
.recent-cause .thumb .cat-item:hover {
background-color: var(--e-global-color-tombuild_primary);
}
table.give-table {
font-size: 18px;
}
@media (max-width: 575px) {
.give-goal-progress { padding: 15px; }
}
.cols-3 { margin: 0 0 -35px; list-style: none; }
.cols-3 li { display: inline-block; padding-left: 35px; margin-bottom: 35px; position: relative; width: 33%; color: var(--e-global-color-tombuild_primary); line-height: 20px; }
.cols-3 li:after { position: absolute; top: 0; left: 0; font-family: "core-icons"; content: "\e922"; color: #21d368; font-size: 20px; line-height: 20px; }
/*TYPOGRAPHY*/body{font-family:"Roboto";}h1,h2,h3,h4,h5,h6{font-family:"Chivo";}/*CUSTOMIZER STYLING*/.animsition-loading{border-top-color:#EE0D08;}.animsition-loading:before{border-top-color:#092357;}
/* TABLE OF CONTENTS
* SHOP STYLE
* SINGLE PRODUCT
* CART PAGE
* CHECKOUT PAGE
* WIDGETS
* RESPONSIVE
* SHOP ENGINE
-------------------------------------------------------------- */
/*
SHOP STYLE
-------------------------------------------------------------- */
.woocommerce-page #site-content {
width: 74.359%;
z-index: 2;
}
.woocommerce-page #sidebar {
width: 23.077%;
}
.products .product {
list-style: none;
}
.woocommerce-ordering select {
line-height: 26px;
border-color: var(--e-global-color-tombuild_border);
background-color: #fff;
padding: 20px 30px;
width: 270px;
}
.woocommerce-page .content-woocommerce .woocommerce-result-count {
position: relative;
margin: 0;
float: left;
font-size: 18px;
font-weight: 500;
color: var(--e-global-color-tombuild_text);
padding-top: 18px;
}
.woocommerce-page .content-woocommerce .woocommerce-ordering {
float: right;
position: relative;
}
.woocommerce-page .content-woocommerce .woocommerce-ordering select {
margin-bottom: 0;
}
.woocommerce-page .content-woocommerce .woocommerce-ordering select:focus {
outline: 0;
}
.woocommerce-page .content-woocommerce .product-info,
.woocommerce-page .content-woocommerce .product-info .woocommerce-loop-product__link {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
}
.woocommerce-page .content-woocommerce .product-info {
padding: 25px 30px 42px 30px;
background-color: #fff;
}
.woocommerce-page .content-woocommerce li.product .inner {
transition: 0.3s all ease;
}
.woocommerce-page .content-woocommerce li.product:hover .inner {
box-shadow: 0 10px 35px 0 rgba(33,39,53,0.2);
}
.woocommerce-page .product .product-info .star-rating {
position: absolute;
order: -1;
top: 30px;
right: 30px;
zoom: 1;
}
.woocommerce-page .star-rating {
width: 100px;
height: 17px;
background: url(/wp-content/themes/tombuild/assets/img/star.png) repeat-x left 0;
background-size: 20px;
order: 1;
zoom: 1.15;
}
.woocommerce-page .star-rating span {
background: url(/wp-content/themes/tombuild/assets/img/star.png) repeat-x left -17px;
height: 0;
padding-top: 17px;
overflow: hidden;
float: left;
background-size: 20px;
}
.woocommerce-page p.stars {
overflow: hidden;
zoom: 1.2;
}
.woocommerce-page p.stars span {
width: 100px;
height: 17px;
position: relative;
float: left;
background: url(/wp-content/themes/tombuild/assets/img/star.png) repeat-x left 0;
background-size: 20px;
}
.woocommerce-page p.stars span a {
transition: none;
float: left;
position: absolute;
left: 0;
top: 0;
width: 17px;
height: 0;
padding-top: 17px;
overflow: hidden;
}
.woocommerce-page p.stars span a:hover,
p.stars span a:focus {
background: url(/wp-content/themes/tombuild/assets/img/star.png) repeat-x left -17px;
background-size: 20px;
}
.woocommerce-page p.stars a.active {
background: url(/wp-content/themes/tombuild/assets/img/star.png) repeat-x left -34px;
background-size: 20px;
}
.woocommerce-page p.stars span a.star-1 {
width: 20px;
z-index: 10;
}
.woocommerce-page p.stars span a.star-2 {
width: 40px;
z-index: 9;
}
.woocommerce-page p.stars span a.star-3 {
width: 60px;
z-index: 8;
}
.woocommerce-page p.stars span a.star-4 {
width: 80px;
z-index: 7;
}
.woocommerce-page p.stars span a.star-5 {
width: 100px;
z-index: 6;
}
.woocommerce-page abbr {
border: none;
text-decoration: none;
}
.woocommerce-page div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
border: 1px solid var(--e-global-color-tombuild_border);
}
.woocommerce-product-gallery__wrapper,
.woocommerce-page .woocommerce-product-gallery__image.flex-active-slide {
overflow: hidden;
}
.woocommerce-page .woocommerce-MyAccount-content .woocommerce-info .button {
color: var(--e-global-color-tombuild_accent);
background-color: transparent;
}
.product .onsale {
position: absolute;
left: 20px;
top: 20px;
text-align: center;
font-size: 12px;
line-height: 40px;
padding: 0 20px;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
z-index: 999;
font-weight: 500;
letter-spacing: 0.1em;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left:hover,
.pswp--has_mouse .pswp__button--arrow--right:hover {
background-color: transparent;
}
/* Product Item */
.woocommerce-page .content-woocommerce .products {
position: relative;
clear: both;
list-style: none;
}
.woocommerce-page .content-woocommerce .products:after,
.woocommerce-page .content-woocommerce .products:before {
position: relative;
content: "";
display: block;
clear: both;
}
ul.products {
margin: 0 -15px;
}
ul.products .product {
margin-top: 30px;
}
.products.columns-2 li,
.woocommerce-page.shop-col-2 .products li {
width: 50%;
}
.products.columns-3 li,
.woocommerce-page.shop-col-3 .products li {
width: 33.33%;
}
.products.columns-4 li,
.woocommerce-page.shop-col-4 .products li {
width: 25%;
}
.products li {
float: left;
position: relative;
padding: 0 15px;
}
.products li.first {
clear: both;
}
.products li .inner {
position: relative;
border: 1px solid var(--e-global-color-tombuild_border);
overflow: hidden;
}
.products li .product-info {
position: relative;
display: block;
}
.products li h2 {
margin-bottom: 5px;
font-size: 24px;
line-height: 30px;
transition: color ease 0.3s;
}
.products li .added_to_cart,
.products li .add_to_cart_button {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
opacity: 0;
padding: 13px 30px;
font-size: 16px;
line-height: 24px;
color: #fff;
transform: translate(-50%, -50%);
background-color: var(--e-global-color-tombuild_accent);
}
.products li:hover .added_to_cart,
.products li:hover .add_to_cart_button {
opacity: 1;
}
.products.columns-4 li h2,
.woocommerce-page.shop-col-4 .products li h2 {
font-size: 24px;
font-weight: 500;
}
.products.columns-4 li .product-info,
.woocommerce-page.shop-col-4 .products li .product-info {
padding: 20px 0 25px 0;
}
.products.columns-4 li .price,
.woocommerce-page.shop-col-4 .products li .price {
right: 0;
}
.products li .product-info .button,
.products li .product-info .added_to_cart {
text-transform: uppercase;
color: var(--e-global-color-tombuild_accent);
font-size: 14px;
position: relative;
padding-right: 14px;
display: none;
}
.products li .product-info .button:before,
.products li .product-info .added_to_cart:before,
.products li .product-info .button:after,
.products li .product-info .added_to_cart:after {
font-size: 14px;
font-style: normal;
position: absolute;
top: 0;
right: 0;
transition: all ease 0.3s;
}
.products li .product-info .button:before,
.products li .product-info .added_to_cart:before {
right: 12px;
opacity: 0;
}
.products li .product-info .button:hover:before,
.products li .product-info .added_to_cart:hover:before {
opacity: 1;
right: 0;
}
.products li .product-info .button:hover:after,
.products li .product-info .added_to_cart:hover:after {
opacity: 0;
right: -12px;
}
.products li .product-info .button:focus,
.products li .product-info .added_to_cart:focus {
text-decoration: underline;
}
.products li .product-thumbnail {
position: relative;
display: flex;
transition: all 0.5s ease;
}
.products li .product-thumbnail .woocommerce_loop_product_link {
display: inline-block;
overflow: hidden;
width: 100%;
transition: all 0.5s ease;
}
.products li .product-thumbnail img {
width: 100%;
height: auto;
transition: all 0.3s ease;
}
.products li:hover .product-thumbnail img {
transform: scale(1.1) rotate(1.5deg);
}
.products li .product-thumbnail .add_to_cart_button.added {
display: none;
}
.products li .product-thumbnail .button.product_type_grouped,
.products li .product-thumbnail .button.product_type_external {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
white-space: normal;
font-size: 12px;
line-height: 24px;
padding: 8px 20px;
max-width: 300px;
}
.products li .product-thumbnail:hover .button.product_type_external,
.products li .product-thumbnail:hover .button.product_type_grouped {
opacity: 1;
}
.products li .product-thumbnail .added_to_cart:hover,
.products li .product-thumbnail .add_to_cart_button:hover {
background-color: var(--e-global-color-tombuild_primary);
}
.products li .product-thumbnail .onsale {
transition: opacity 0.3s;
}
.products li:hover .inner {
overflow: visible;
}
.products li .price {
font-size: 18px;
line-height: 28px;
color: #969696;
display: block;
font-weight: 500;
margin-bottom: 10px;
}
.products li .product-cat {
display: none;
font-size: 16px;
color: var(--e-global-color-tombuild_text);
}
.products li .product-cat:hover {
color: var(--e-global-color-tombuild_accent);
}
.products li .star-rating {
display: inline-block;
}
.products li .price del {
color: #999;
padding-right: 4px;
opacity: 1;
}
.products li .price ins {
background-color: transparent;
}
.products li h2:hover {
color: var(--e-global-color-tombuild_accent);
}
/* Single Product
--------------------------------------------------------------*/
.woo-single-post-class {
position: relative;
}
.woo-single-post-class .images {
width: 48.746%;
float: left;
position: relative;
}
.woo-single-post-class .onsale {
z-index: 999;
}
.woo-single-post-class .images .woocommerce-product-gallery__trigger {
position: absolute;
right: 20px;
top: 20px;
text-indent: -9999px;
width: 60px;
height: 60px;
z-index: 9999;
text-align: center;
}
.woo-single-post-class .images .woocommerce-product-gallery__trigger:after {
position: absolute;
left: 0;
top: 0;
opacity: 0;
text-indent: 0px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 18px;
border-radius: 50%;
background-color: var(--e-global-color-tombuild_accent);
text-align: center;
color: #fff;
transition: color 0.3s, background 0.3s;
}
.woo-single-post-class .images:hover .woocommerce-product-gallery__trigger:after {
opacity: 1;
}
.woo-single-post-class .images .woocommerce-product-gallery__trigger:hover:after {
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
}
.woo-single-post-class .images .woocommerce-product-gallery__trigger img {
display: none !important;
}
.woocommerce-product-gallery .flex-control-thumbs li {
float: left;
cursor: pointer;
}
.woocommerce-product-gallery .flex-control-thumbs {
margin: 20px -8px 0;
width: auto;
list-style: none;
}
.woocommerce-product-gallery .flex-control-thumbs li {
padding: 0 8px 16px;
}
.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 33.333%;
}
.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 25%;
}
.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 20%;
}
.woocommerce-product-gallery--columns-6 .flex-control-thumbs li {
width: 16.667%;
}
.woo-single-post-class .summary {
width: 40.171%;
float: right;
}
.shopengine-single .product-title,
.woo-single-post-class .summary h1 {
color: var(--e-global-color-tombuild_primary);
font-size: 40px;
line-height: 50px;
margin: 0 0 15px;
display: block;
}
.woo-single-post-class .summary .woocommerce-product-rating {
position: relative;
padding: 4px 0 30px;
border-bottom: 1px solid var(--e-global-color-tombuild_border);
}
.shopengine-single .woocommerce-product-rating .woocommerce-review-link {
font-size: 16px;
line-height: 1;
color: var(--e-global-color-tombuild_text);
}
.woo-single-post-class .summary .woocommerce-review-link {
font-size: 16px;
position: absolute;
left: 120px;
top: 5px;
line-height: 1;
color: var(--e-global-color-tombuild_text);
}
.shopengine-product-price .price,
.woo-single-post-class .summary .price {
font-size: 32px;
font-weight: 500;
line-height: normal;
margin: 0 0 17px;
position: relative;
display: inline-block;
color: var(--e-global-color-tombuild_accent);
}
.woo-single-post-class .summary .price del {
color: #999;
padding-right: 2px;
opacity: 1;
}
.woo-single-post-class .summary .price ins {
background-color: transparent;
}
.woo-single-post-class .woocommerce-product-details__short-description {
padding-top: 20px;
margin-bottom: 35px;
font-size: 18px;
line-height: 27px;
}
.woo-single-post-class .summary .cart table,
.woo-single-post-class .summary .cart tr,
.woo-single-post-class .summary .cart td,
.woo-single-post-class .summary .cart th {
border: 0;
font-weight: 600;
vertical-align: middle;
}
.woo-single-post-class .summary .cart td {
vertical-align: middle;
}
.woo-single-post-class .summary .cart td.woocommerce-grouped-product-list-item__quantity .quantity-title {
display: none;
}
.woo-single-post-class .summary .cart td.woocommerce-grouped-product-list-item__quantity .quantity {
margin: 0;
}
.woo-single-post-class .summary .cart td p {
margin-bottom: 0;
}
.woo-single-post-class .summary .cart .woocommerce-grouped-product-list-item td {
vertical-align: middle;
width: 200px;
}
.woo-single-post-class .summary .cart td.woocommerce-grouped-product-list-item__quantity {
padding-left: 0;
width: 110px;
}
.woo-single-post-class .summary .cart table .label {
width: 85px;
color: var(--e-global-color-tombuild_primary);
text-transform: uppercase;
}
.woo-single-post-class .summary .cart table select {
margin-bottom: 0;
}
.woo-single-post-class .summary .cart {
margin-top: 20px;
max-width: 450px;
display: flex;
flex-wrap: wrap;
}
.woo-single-post-class .summary .cart .title {
order: 0;
}
.woo-single-post-class .summary .cart .quantity {
order: 1;
width: auto;
}
.woo-single-post-class .summary .cart .single_add_to_cart_button {
order: 2;
}
.woo-single-post-class .summary .cart .shopengine-wishlist {
order: 3;
}
.product-quantity .quantity,
.woo-single-post-class .summary .cart .quantity {
position: relative;
display: inline-block;
float: left;
background-color: transparent;
height: 60px;
border: 1px solid var(--e-global-color-tombuild_border);
}
.woo-single-post-class .summary .cart .quantity {
margin: 0 10px 30px 0;
}
.quantity-title {
display: none;
}
.shopengine-swatches .cart .quantity-title,
.woo-single-post-class .summary .cart .quantity-title {
display: none;
font-size: 20px;
line-height: 60px;
height: 60px;
font-weight: 500;
color: var(--e-global-color-tombuild_primary);
float: left;
margin-right: 10px;
}
.product-quantity .quantity input::-webkit-outer-spin-button,
.product-quantity .quantity input::-webkit-inner-spin-button,
.woo-single-post-class .summary .cart .quantity input::-webkit-outer-spin-button,
.woo-single-post-class .summary .cart .quantity input::-webkit-inner-spin-button {
display: none;
margin: 0;
}
.product-quantity .quantity input.qty,
.woo-single-post-class .summary .cart .quantity input.qty {
-webkit-appearance: none;
-moz-appearance: textfield;
font-size: 18px;
font-weight: 500;
width: 65px;
height: 60px;
border-right: 1px solid var(--e-global-color-tombuild_border);
margin-right: 30px;
border-radius: 0;
color: var(--e-global-color-tombuild_primary);
}
.product-quantity .quantity input.qty {
border: none;
}
.product-quantity .quantity .qty_button,
.woo-single-post-class .summary .cart .quantity .qty_button {
position: absolute;
top: 0;
right: -1px;
color: var(--e-global-color-tombuild_primary);
width: 33px;
height: 30px;
text-align: center;
font-size: 18px;
line-height: 30px;
padding: 0;
transition: 0.3s;
border-radius: 0;
font-weight: 500;
}
.product-quantity .quantity .qty_button {
border-left: 1px solid var(--e-global-color-tombuild_border);
}
.woo-single-post-class .summary .cart .quantity .qty_button {
right: -1px;
}
.product-quantity .quantity .qty_button.plus,
.woo-single-post-class .summary .cart .quantity .qty_button.plus {
top: unset;
bottom: 0;
border-top: 1px solid var(--e-global-color-tombuild_border);
}
.product-quantity .quantity .qty_button:hover,
.woo-single-post-class .summary .cart .quantity .qty_button:hover {
color: var(--e-global-color-tombuild_primary);
text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.product-quantity .quantity input,
.woo-single-post-class .summary .cart .quantity input {
border: none;
width: 50px;
height: 60px;
margin: 0;
text-align: center;
background-color: transparent;
font-size: 14px;
line-height: 26px;
font-weight: 500;
padding: 11px;
}
.woo-single-post-class .summary .cart .single_add_to_cart_button {
line-height: 60px;
padding: 0 30px;
margin-right: 10px;
margin-bottom: 30px;
}
.woo-single-post-class .summary .cart table {
position: relative;
}
.woo-single-post-class .summary .cart .reset_variations {
position: absolute;
right: 0;
bottom: -20px;
}
.woo-single-post-class .woocommerce-tabs .panel .shop_attributes p {
margin-bottom: 5px;
}
.woo-single-post-class .woocommerce-grouped-product-list-item__quantity {
width: 100px;
}
.woo-single-post-class .woocommerce-grouped-product-list-item__label a {
color: var(--e-global-color-tombuild_primary);
}
.woo-single-post-class .woocommerce-grouped-product-list-item__label a:hover {
color: var(--e-global-color-tombuild_accent);
}
.woo-single-post-class .summary .product_meta {
clear: left;
margin-top: 5px;
}
.woo-single-post-class .summary .product_meta > span {
display: block;
color: var(--e-global-color-tombuild_text);
font-size: 18px;
line-height: 28px;
margin-bottom: 10px;
}
.woo-single-post-class .summary .product_meta > span:last-child {
margin-bottom: 0;
}
.woo-single-post-class .summary .product_meta > span .title {
color: var(--e-global-color-tombuild_primary);
font-size: 18px;
font-weight: 500;
}
.shopengine-product-meta .product_meta :is(.sku, .posted_in a, .tagged_as a),
.woo-single-post-class .summary .product_meta > span a {
color: var(--e-global-color-tombuild_text);
font-size: 18px !important;
font-weight: 400 !important;
}
.woo-single-post-class .summary .product_meta > span a:hover {
color: var(--e-global-color-tombuild_accent);
}
.woo-single-post-class .summary .product_meta > span a:first-child {
padding-left: 10px;
}
.woo-single-post-class .woocommerce-tabs {
clear: both;
margin-top: 60px;
}
.woo-single-post-class .woocommerce-tabs ul.tabs {
margin: 0;
border-bottom: 1px solid var(--e-global-color-tombuild_border);
}
.woo-single-post-class .woocommerce-tabs ul.tabs li {
position: relative;
padding: 0;
list-style: none;
display: inline-block;
margin-right: 60px;
}
.woo-single-post-class .woocommerce-tabs ul.tabs li > a {
font-size: 18px;
line-height: 32px;
padding: 0px 0px 15px;
font-weight: 500;
color: var(--e-global-color-tombuild_primary);
background-color: transparent;
cursor: pointer;
transition: none;
border-bottom: none;
display: inline-block;
border-bottom: 4px solid transparent;
position: relative;
}
.woo-single-post-class .woocommerce-tabs ul.tabs li.active > a {
border-color: var(--e-global-color-tombuild_accent);
}
.woo-single-post-class .woocommerce-tabs .panel {
clear: both;
padding: 40px 0;
border-bottom: 1px solid var(--e-global-color-tombuild_border);
}
.shop-no-related-product .woo-single-post-class .woocommerce-tabs .panel {
padding-bottom: 0;
}
.shop-no-related-product .woo-single-post-class .woocommerce-tabs .panel p:last-child {
margin-bottom: 0;
}
.woo-single-post-class .woocommerce-tabs .panel p:last-child {
margin-bottom: 0;
}
.commentlist {
clear: both;
list-style: none;
margin: 0;
}
.commentlist li {
overflow: hidden;
position: relative;
min-height: 100px;
padding: 30px 0 35px;
border-bottom: 1px solid var(--e-global-color-tombuild_border);
}
.commentlist li:first-child {
padding-top: 0;
}
.commentlist li .description > p:last-child {
margin-bottom: 0;
}
.commentlist li:before,
.commentlist li:after {
content: "";
display: table;
clear: both;
}
.comment_container img {
width: 70px;
height: 70px;
border-radius: 50% !important;
float: left;
margin: 0 15px 0 0;
overflow: hidden;
}
.comment-text {
overflow: hidden;
position: relative;
margin: 0;
}
.woocommerce-page #comments .star-rating {
position: absolute;
right: 5px;
top: 0px;
}
.woocommerce-Reviews .comment_container {
max-width: 770px;
}
.elementor-widget-mae-product-review .meta,
.woo-single-post-class .woocommerce-tabs .entry-content .meta {
margin: -5px 0 0px 0;
}
.elementor-widget-mae-product-review .meta strong,
.woo-single-post-class .woocommerce-tabs .entry-content .meta strong {
font-size: 16px;
line-height: 24px;
color: var(--e-global-color-tombuild_primary);
margin: 3px 0;
display: block;
font-weight: 500;
}
.woo-single-post-class .woocommerce-tabs .entry-content .meta .woocommerce-review__author,
.woocommerce-review__published-date {
display: inline-block;
}
.elementor-widget-mae-product-review .meta .woocommerce-review__dash,
.meta .woocommerce-review__dash {
display: none;
}
.elementor-widget-mae-product-review .meta .woocommerce-review__published-date,
.meta .woocommerce-review__published-date {
display: inline-block;
font-size: 14px;
line-height: 24px;
margin: 0 0 5px;
color: var(--e-global-color-tombuild_text);
}
.comment-text .description {
overflow: hidden;
}
#comment > p {
margin-bottom: 0;
}
.comment-respond {
margin: 30px 0 0;
}
.woo-single-post-class .related.products > h2,
.woocommerce-Reviews-title,
.comment-respond .comment-reply-title {
font-size: 32px;
font-weight: 500;
color: var(--e-global-color-tombuild_primary);
display: block;
margin: 45px 0 20px;
}
.woocommerce-Reviews-title {
margin: 0 0 55px;
}
.woocommerce-Reviews .comment-respond .comment-form > p {
margin: 0;
font-size: 18px;
line-height: 34px;
}
.woocommerce-Reviews .comment-respond .comment-form > .comment-form-author,
.woocommerce-Reviews .comment-respond .comment-form > .comment-form-email {
display: inline-block;
width: calc(50% - 15px);
}
.woocommerce-Reviews .comment-respond .comment-form > .comment-form-author {
margin-right: 30px;
}
.woocommerce-Reviews .comment-respond .comment-form > p.comment-form-cookies-consent {
margin-bottom: 10px;
}
.woocommerce-Reviews .comment-respond .comment-form > p.form-submit {
clear: both;
}
.woocommerce-Reviews .comment-respond .comment-form-rating {
padding-bottom: 0;
}
.woocommerce-Reviews .comment-respond .comment-form-rating > label,
.woocommerce-Reviews .comment-respond .comment-form-rating > .stars {
float: left;
margin: 0;
}
.woocommerce-Reviews .comment-respond .comment-form-rating > label {
color: var(--e-global-color-tombuild_text);
font-size: 18px;
line-height: 44px;
font-weight: 500;
}
.woocommerce-Reviews .comment-respond .comment-form-rating > .stars {
margin-left: 10px;
margin-top: 10px;
}
.woocommerce-Reviews .comment-respond .comment-form-comment {
clear: left;
}
.woocommerce-Reviews .comment-respond .comment-form-comment > label {
display: none;
}
.woocommerce-Reviews .comment-respond .comment-form-comment textarea,
.woocommerce-Reviews .comment-respond .comment-form-author input,
.woocommerce-Reviews .comment-respond .comment-form-email input {
width: 100%;
}
.woocommerce-Reviews .comment-respond .comment-form-comment textarea {
height: 180px;
}
.woocommerce-tabs .product-desc {
display: flex;
justify-content: space-between;
align-items: center;
}
.woocommerce-tabs .product-desc .text-wrap {
flex-basis: 470px;
margin-right: 30px;
}
.woocommerce-tabs .product-desc .image-wrap {
flex-basis: 570px;
}
.woocommerce-tabs .product-desc .image-wrap img {
overflow: hidden;
}
.woocommerce-Reviews #commentform {
display: flex;
flex-wrap: wrap;
}
.woocommerce-Reviews #commentform .comment-form-rating,
.woocommerce-Reviews #commentform .comment-form-comment {
width: 100%;
}
.woocommerce-Reviews #commentform .form-submit,
.woocommerce-Reviews #commentform .comment-form-email,
.woocommerce-Reviews #commentform .comment-form-author { order: 1; }
/* Related Products */
.woo-single-post-class .related.products .products:before,
.woo-single-post-class .related.products .products:after {
content: "";
display: table;
clear: both;
}
.woo-single-post-class .related.products .products {
margin: 0 -15px;
padding-top: 0;
}
.woo-single-post-class .related.products .products li {
float: left;
padding: 0 15px;
}
/* Cart Page
--------------------------------------------------------------*/
.woocommerce-page .shop_table.cart .product-remove {
width: 60px;
}
.woocommerce-cart-form__cart-item .cart_item {
font-size: 18px;
}
.woocommerce-page .shop_table.cart .product-thumbnail,
.woocommerce-page .shop_table.cart .product-price,
.woocommerce-page .shop_table.cart .product-quantity,
.woocommerce-page .shop_table.cart .product-subtotal {
width: 180px;
}
.woocommerce-page .shop_table th {
font-size: 22px;
color: var(--e-global-color-tombuild_primary);
font-weight: 500;
}
.woocommerce-page .shop_table td,
.woocommerce-page .shop_table th {
padding: 20px;
vertical-align: middle;
}
.woocommerce-page .shop_table td {
font-size: 18px;
font-weight: 600;
}
.woocommerce-page .shop_table td a {
color: var(--e-global-color-tombuild_primary);
}
.woocommerce-page .shop_table td a:hover {
color: var(--e-global-color-tombuild_accent);
}
.woocommerce-page .shop_table th {
font-size: 22px;
font-weight: 500;
}
.woocommerce-page .shop_table img {
max-width: 150px;
margin-right: 30px;
}
.woocommerce-page .shop_table.cart .product-name a:hover {
color: var(--e-global-color-tombuild_accent);
}
.woocommerce-page .shop_table.cart .product-remove a {
position: relative;
text-indent: -9999px;
display: inline-block;
padding: 0;
font-weight: normal;
text-align: center;
width: 16px;
height: 16px;
}
.woocommerce-page .shop_table.cart .product-remove a:after {
color: var(--e-global-color-tombuild_primary);
font-size: 14px;
text-indent: 0;
position: absolute;
left: 4px;
top: 1px;
transition: color ease 0.3s;
}
.woocommerce-page .shop_table.cart .product-remove a:hover:after {
color: var(--e-global-color-tombuild_primary);
}
.woocommerce-page .shop_table.cart .cart_item .product-thumbnail img {
width: 80px;
}
.woocommerce-page .shop_table.cart .cart_item .product-quantity input[type="number"] {
margin: 0;
padding-right: 44px;
width: 96px;
}
.woocommerce-page .shop_table.cart .coupon {
float: left;
display: table;
}
.woocommerce-page input,
.woocommerce-page button {
vertical-align: middle;
}
.woocommerce-page .shop_table.cart .coupon > label {
display: none;
}
.woocommerce-page .shop_table.cart .coupon #coupon_code {
width: 240px;
border: 0;
margin: 0 10px 0 0;
display: inline-block;
border: 2px solid var(--e-global-color-tombuild_light);
}
.woocommerce-page .shop_table.cart .coupon button[type="submit"] {
background-color: var(--e-global-color-tombuild_accent);
}
.woocommerce-page .shop_table.cart .coupon button[type="submit"]:hover {
background-color: var(--e-global-color-tombuild_primary);
}
.woocommerce-page .shop_table.cart .coupon + button[type="submit"] {
float: right;
}
.woocommerce-page .cart_totals {
width: 60%;
margin-top: 60px;
font-size: 16px;
}
.woocommerce-page .cart_totals > h2 {
font-size: 36px;
margin-bottom: 40px;
}
.woocommerce-page .cart_totals .shop_table {
border: 1px solid var(--e-global-color-tombuild_border);
margin-bottom: 40px;
}
.woocommerce-page .cart_totals .shop_table th,
.woocommerce-page .cart_totals .shop_table td {
border-color: var(--e-global-color-tombuild_border);
}
.woocommerce-page .cart_totals .shop_table .order-total th,
.woocommerce-page .cart_totals .shop_table .order-total td {
border-bottom: 0;
}
.woocommerce-page .cart_totals .shop_table td {
border-right: 0;
padding: 17px 20px;
font-size: 22px;
}
.woocommerce-page .cart_totals .shop_table th {
font-size: 22px;
color: var(--e-global-color-tombuild_primary);
padding: 14px 20px;
}
.woocommerce-page .cart_totals .shop_table .amount {
color: var(--e-global-color-tombuild_text);
}
.woocommerce-page .cart_totals .shop_table .order-total .amount {
font-weight: 600;
color: var(--e-global-color-tombuild_accent);
}
.woocommerce-page .cart_totals .shop_table .cart-subtotal td,
.woocommerce-page .cart_totals .shop_table .order-total td,
.woocommerce-page .cart_totals .shop_table .tax-rate td {
text-align: right;
color: var(--e-global-color-tombuild_primary);
font-weight: 600;
}
.woocommerce-page .cart_totals p,
.woocommerce-page .cart_totals .woocommerce-shipping-calculator select {
margin: 0 0 5px;
}
.woocommerce-page .cart_totals .shipping-calculator-form button[type="submit"] {
width: 100%;
}
.woocommerce-page .wc-proceed-to-checkout .button {
font-size: 16px;
display: inline-block;
-webkit-appearance: none;
transition: all ease 0.3s;
}
.woocommerce-page .return-to-shop a {
margin-top: 25px;
color: #fff;
background-color: var(--e-global-color-tombuild_accent);
}
.woocommerce-page .return-to-shop a:hover {
background-color: var(--e-global-color-tombuild_primary);
color: #fff;
}
/* Checkout Page
--------------------------------------------------------------*/
.woocommerce-page .woocommerce-checkout {
clear: both;
}
.woocommerce-page .login input {
margin-bottom: 0;
}
.woocommerce-page form .form-row {
margin: 0 0 20px;
}
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
float: left;
width: 49%;
overflow: visible;
}
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
border-width: 2px;
width: 100%;
margin: 0;
outline: 0;
}
.woocommerce-billing-fields .select2-container--default .select2-selection--single,
.woocommerce-shipping-fields .select2-container--default .select2-selection--single {
display: block;
line-height: 60px;
height: 60px;
border-color: var(--e-global-color-tombuild_light);
background-color: var(--e-global-color-tombuild_light);
font-size: 14px;
}
.woocommerce-billing-fields .select2-selection--single .select2-selection__rendered,
.woocommerce-shipping-fields .select2-selection--single .select2-selection__rendered {
padding: 15px 30px;
color: var(--e-global-color-tombuild_text);
}
.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 22px;
right: 20px;
}
.woocommerce-page form.checkout_coupon > p {
margin-bottom: 10px;
}
.woocommerce-page form.checkout_coupon #coupon_code,
.woocommerce-page form.lost_reset_password .form-row input.input-text {
margin-bottom: 20px;
}
.woocommerce-page form .form-row label.inline {
display: inline;
}
.woocommerce-page form .form-row label.inline input {
margin: 0 5px 0 10px;
width: auto;
}
.woocommerce-page form.lost_reset_password .woocommerce-Button.button {
margin: 0;
}
.woocommerce-page .woocommerce-shipping-fields,
.woocommerce-page #order_review_heading {
clear: both;
}
.woocommerce-billing-fields .create-account > label {
margin: 0;
display: inline-block;
}
.woocommerce-page .woocommerce-lost-password .form-row-first {
float: none;
}
.woocommerce-page #ship-to-different-address > label {
padding-right: 5px;
}
.woocommerce-page .woocommerce-billing-fields h3,
.woocommerce-page .woocommerce-shipping-fields h3,
.woocommerce-page #order_review_heading,
.woocommerce-page .woocommerce-additional-fields h3 {
font-size: 40px;
margin-bottom: 30px;
padding-top: 30px;
}
.woocommerce-page .woocommerce-additional-fields .notes > label {
display: none;
}
.woocommerce-page form .form-row.create-account #createaccount {
width: auto;
margin-right: 5px;
}
.woocommerce-page form .form-row.create-account + .create-account > p:first-child {
margin-bottom: 10px;
}
.woocommerce-checkout-review-order table th {
font-size: 22px;
font-weight: 500;
color: var(--e-global-color-tombuild_primary);
padding: 18px 30px;
}
.woocommerce-checkout-review-order table td {
padding: 10px 25px;
font-weight: 600;
}
.woocommerce-checkout-review-order .cart-subtotal td,
.woocommerce-checkout-review-order .order-total {
font-size: 18px;
color: var(--e-global-color-tombuild_primary);
font-weight: 500;
}
.woocommerce-checkout #payment ul.payment_methods {
list-style: none;
margin: 0;
}
.woocommerce-checkout #payment ul.payment_methods li label {
display: inline-block;
padding-left: 5px;
}
#payment .about_paypal {
position: absolute;
right: 0;
top: 23px;
}
#payment .payment_methods > li:not(.woocommerce-notice) {
position: relative;
}
#payment .payment_methods > li .payment_box,
#payment .place-order {
background-color: #fff;
padding: 10px;
}
#payment .payment_methods > li .payment_box > p:last-child {
margin-bottom: 0;
}
#payment .payment_methods > .wc_payment_method > label,
#payment .payment_methods > .woocommerce-PaymentMethod > label {
display: block;
padding: 20px 0;
cursor: pointer;
}
.woocommerce-page #payment .payment_methods .woocommerce-message,
.woocommerce-page #payment .payment_methods .woocommerce-info,
.woocommerce-page #payment .payment_methods .woocommerce-error {
margin-bottom: 10px;
}
#payment .payment_methods li img {
border: 0;
padding: 0 0 0 10px;
max-height: 25px;
}
#payment .place-order {
padding: 25px 25px 0 0;
}
#payment #place_order {
margin-top: 15px;
}
.woocommerce-page .myaccount_user + h2,
.woocommerce-page .addresses h3,
.woocommerce-page #customer_login h2 {
margin-bottom: 0;
font-size: 30px;
}
.woocommerce-page .register input {
margin-bottom: 0;
}
.woocommerce-page .woocommerce-MyAccount-content legend {
border: 0;
font-size: 18px;
color: var(--e-global-color-tombuild_primary);
padding-top: 20px;
margin: 0;
}
.woocommerce-page .form-row:before,
.woocommerce ul.cart_list li:after,
.woocommerce-page ul.cart_list li:before,
.woocommerce-page ul.product_list_widget li:after,
.woocommerce-page ul.product_list_widget li:before,
.woocommerce-page .cart-collaterals .shipping_calculator:after,
.woocommerce-page .cart-collaterals .shipping_calculator:before,
.woocommerce-page .cart-collaterals:after,
.woocommerce-page .cart-collaterals:before,
.woocommerce-page form .form-row:after,
.woocommerce-page form .form-row:before,
.woocommerce-page ul.cart_list li:after,
.woocommerce-page ul.cart_list li:before,
.woocommerce-page ul.product_list_widget li:after,
.woocommerce-page ul.product_list_widget li:before {
content: " ";
display: table;
}
.woocommerce-page .cart-collaterals {
width: 100%;
}
.woocommerce-page .cart-collaterals .related {
width: 30.75%;
float: left;
}
.woocommerce-page .cart-collaterals .cross-sells {
width: 100%;
float: left;
}
.woocommerce-page .cart-collaterals .cross-sells ul.products {
float: none;
list-style: none;
margin: 0 -12px;
}
.woocommerce .cart-collaterals .cross-sells ul.products li,
.woocommerce-page .cart-collaterals .cross-sells ul.products li {
width: 25%;
padding: 0 12px;
clear: none;
}
.woocommerce-page .cart-collaterals .cross-sells > h2 {
margin-top: 40px;
margin-bottom: 37px;
font-size: 16px;
color: #999;
text-transform: uppercase;
}
.woocommerce-page .cart-collaterals .cross-sells .products li h2 {
font-size: 15px;
}
.woocommerce-page .cart-collaterals .cross-sells .products li .price {
letter-spacing: normal;
font-size: 18px;
}
.woocommerce-page .up-sells > h2 {
font-size: 16px;
color: #999;
text-transform: uppercase;
padding-top: 27px;
border-top: 1px solid #f4f4f4;
}
.woocommerce-page .up-sells.products,
.woocommerce-page .up-sells .products {
margin: 0;
}
.woocommerce-page .up-sells .products {
margin: 0 -15px;
}
.woocommerce-page .up-sells .products li {
padding: 0 15px;
}
.woocommerce .cart-collaterals .shipping_calculator:after,
.woocommerce form .form-row-wide,
.woocommerce form .form-row:after,
.woocommerce ul.cart_list li:after,
.woocommerce ul.product_list_widget li:after,
.woocommerce-page .cart-collaterals .shipping_calculator:after,
.woocommerce-page form .form-row-wide,
.woocommerce-page form .form-row:after,
.woocommerce-page ul.cart_list li:after,
.woocommerce-page ul.product_list_widget li:after,
.woocommerce-page #order_comments_field {
clear: both;
}
.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,
.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 {
width: 48%;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
display: block;
margin-bottom: 10px;
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
display: inline;
}
.woocommerce-page form .form-row select,
.woocommerce-page form .form-row .input-text {
width: 100%;
}
.woocommerce-page form .form-row-last {
float: right;
}
.woocommerce-page #payment .terms,
.woocommerce-page #payment .wc-terms-and-conditions {
text-align: left;
padding: 0 1em 0 0;
float: left;
}
.woocommerce-page .woocommerce-error li {
padding: 0;
}
.woocommerce-page .woocommerce-message .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-error .button {
background-color: transparent;
text-transform: capitalize;
}
.woocommerce-page .woocommerce-message .button:before,
.woocommerce-page .woocommerce-info .button:before,
.woocommerce-page .woocommerce-error .button:before {
display: none;
}
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-error {
position: relative;
padding: 18px 24px 18px 50px;
background-color: #e4f2ff;
color: #5084b4;
font-size: 16px;
margin: 0 0 30px 0;
list-style: none;
display: flex;
align-items: baseline;
flex-direction: column;
}
.woocommerce-page .woocommerce-message:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-error:before {
font-size: 14px;
position: absolute;
left: 30px;
top: 18px;
}
.woocommerce-page .woocommerce-message a,
.woocommerce-page .woocommerce-info a,
.woocommerce-page .woocommerce-error a {
color: var(--e-global-color-tombuild_primary);
text-decoration: underline;
padding: 0 8px 0 0;
line-height: normal;
}
.woocommerce-page .woocommerce-message a:hover,
.woocommerce-page .woocommerce-info a:hover,
.woocommerce-page .woocommerce-error a:hover {
opacity: 0.7;
color: var(--e-global-color-tombuild_primary) !important;
}
/* Widgets
--------------------------------------------------------------*/
.woocommerce-page #sidebar .widget {
padding: 21px 30px;
}
.woocommerce-page #sidebar .widget.widget_block .wp-block-group {
padding: 0;
}
.woocommerce-page #sidebar .widget {
background-color: transparent;
border: 1px solid var(--e-global-color-tombuild_border);
}
.woocommerce-page #sidebar .widget.widget_block {
padding: 22px 30px;
}
.product_list_widget li {
padding: 0;
padding-top: 25px;
margin-top: 25px;
border-top: 1px solid var(--e-global-color-tombuild_border);
}
.product_list_widget li:first-child {
padding-top: 0;
margin-top: 0;
border: 0;
}
.product_list_widget li > a {
display: block;
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: var(--e-global-color-tombuild_primary);
margin: 5px 0;
}
.product_list_widget del .amount {
padding-right: 5px;
}
.product_list_widget li img {
float: right;
width: 50px;
box-shadow: none;
}
.product_list_widget .product-title,
.widget_recent_reviews .product_list_widget a {
display: block;
color: var(--e-global-color-tombuild_text);
transition: all ease 0.3s;
}
.product_list_widget .product-title:hover,
.widget_recent_reviews .product_list_widget a:hover {
color: var(--e-global-color-tombuild_accent);
}
.product_list_widget .star-rating,
.widget_rating_filter .star-rating {
width: 100px;
height: 17px;
background: url(/wp-content/themes/tombuild/assets/img/star.png) repeat-x left 0;
margin: 5px 0 5px -5px;
background-size: 20px;
}
.product_list_widget .star-rating span,
.widget_rating_filter .star-rating span {
background: url(/wp-content/themes/tombuild/assets/img/star.png) repeat-x left -17px;
height: 0;
padding-top: 17px;
overflow: hidden;
float: left;
background-size: 20px;
}
.widget_rating_filter .star-rating {
display: inline-block;
margin: 0;
}
/* Widget product search */
.woocommerce-page #sidebar .widget.widget_block.widget_search {
padding: 0;
}
.woocommerce-page #sidebar .widget.widget_block.widget_search .wp-block-search__input,
.woocommerce-page #sidebar .widget.widget_block.widget_search .search-form .search-field {
height: 68px;
font-size: 14px;
line-height: 30px;
padding: 18px 30px;
}
.woocommerce-page #sidebar .widget.widget_block.widget_search .search-form .search-submit,
.woocommerce-page #sidebar .widget.widget_block.widget_search .wp-block-search .wp-block-search__button {
right: 10px;
font-size: 20px;
}
/* Widget product categories */
#sidebar .wc-block-product-categories {
margin-bottom: 0;
}
#sidebar .wc-block-product-categories-list a,
.widget_product_categories .cat-item a {
display: inline-block;
text-align: left;
font-size: 16px;
padding: 0 12px;
width: 100%;
}
#sidebar .wc-block-product-categories-list,
.widget_product_categories ul {
margin-top: -8px;
}
#sidebar .wc-block-product-categories-list ul,
.widget_product_categories ul ul {
padding-left: 16px;
line-height: 22px;
}
#sidebar .wc-block-product-categories-list li,
.widget_product_categories ul li {
position: relative;
padding: 4px 0 4px;
line-height: 20px;
}
#sidebar .wc-block-product-categories-list > li a:before,
.widget_product_categories > ul > li a:before {
position: absolute;
top: 0;
right: 0;
font-size: 10px;
line-height: 38px;
}
#sidebar .wc-block-product-categories-list > li:first-child,
.widget_product_categories > ul > li:first-child {
border-top: none;
}
#sidebar .wc-block-product-categories-list ul li:last-child,
.widget_product_categories ul ul li:last-child {
padding-bottom: 0;
}
#sidebar .wc-block-product-categories-list ul li:first-child,
.widget_product_categories ul ul li:first-child {
margin-top: 14px;
}
#sidebar .wc-block-product-categories-list,
.widget_product_categories ul {
margin-top: -12px !important;
}
#sidebar .wc-block-product-categories-list li a,
.widget_product_categories ul li a {
position: relative;
color: var(--e-global-color-tombuild_text);
display: inline-block;
padding: 8px 0;
position: relative;
font-size: 16px;
font-weight: 500;
}
#sidebar .wc-block-product-categories-list li a:hover,
.widget_product_categories ul li a:hover {
color: var(--e-global-color-tombuild_primary);
}
#sidebar .wc-block-product-categories-list > li a:hover:before,
.widget_product_categories > ul > li a:hover:before {
color: var(--e-global-color-tombuild_accent);
}
/* Widget price filter */
.woocommerce-page #sidebar .widget.widget_price_filter .widget-title {
margin-bottom: 3px;
}
#sidebar .wc-block-components-price-slider__range-input-wrapper {
height: 5px;
background: var(--e-global-color-tombuild_light);
}
#sidebar .wc-block-components-price-slider__range-input-progress {
height: 5px;
background-color: var(--e-global-color-tombuild_light);
--track-background: linear-gradient(90deg,transparent var(--low),var(--range-color) 0,var(--range-color) var(--high),transparent 0) no-repeat 0 100%/100% 100%;
--range-color: var(--e-global-color-tombuild_accent);
--low: var(--e-global-color-tombuild_light);
}
#sidebar .wc-block-components-filter-submit-button {
padding: 0 10px;
line-height: 30px;
font-size: 12px;
background-color: var(--e-global-color-tombuild_accent);
margin-bottom: 10px;
}
#sidebar .wc-block-components-filter-reset-button {
display: none;
}
#sidebar .wc-block-components-filter-submit-button:hover {
background-color: var(--e-global-color-tombuild_primary);
}
#sidebar .wc-block-components-price-slider {
margin-bottom: 0;
}
#sidebar .wc-block-price-filter__range-text {
display: inline-block;
margin: 0px;
font-size: 14px;
line-height: 40px;
}
#sidebar .wc-block-price-filter__range-text > span {
display: inline-block;
margin-bottom: 10px;
}
#sidebar .wc-block-price-filter__range-text > span:first-child {
position: relative;
padding-right: 16px;
}
#sidebar .wc-block-price-filter__range-text > span:first-child:after {
position: absolute;
right: 6px;
top: 0;
content: '-';
}
#sidebar .wc-block-price-filter.is-disabled {
overflow: auto;
}
#sidebar .wc-block-components-price-slider__actions {
display: inline-block;
float: right;
}
#sidebar .wc-block-components-price-slider__actions button[type=submit]:not(.wp-block-search__button).wc-block-components-filter-submit-button {
margin: 0;
}
.widget_price_filter .price_slider {
height: 5px;
margin-bottom: 12px;
margin-top: 17px;
background-color: var(--e-global-color-tombuild_light);
position: relative;
text-align: left;
border: none;
}
.widget_price_filter .price_slider > * {
border: none;
}
.widget_price_filter .price_slider_amount {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
}
.widget_price_filter .price_slider_amount .button {
font-size: 12px;
padding: 0 30px;
height: 40px;
line-height: 40px;
font-weight: 500;
text-transform: uppercase;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
display: block;
}
.widget_price_filter .price_slider_amount .button:hover {
opacity: 1;
background-color: var(--e-global-color-tombuild_primary);
}
.widget_price_filter .ui-slider .ui-slider-handle {
background-color: var(--e-global-color-tombuild_accent);
top: -5px;
position: absolute;
z-index: 2;
width: 14px;
height: 14px;
border-radius: 50%;
cursor: pointer;
transform: translateX(-1px);
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -13px;
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background-color: var(--e-global-color-tombuild_accent);
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.widget_price_filter .price_slider_amount .price_label {
display: block;
font-size: 14px;
line-height: 22px;
font-weight: 500;
padding-right: 20px;
order: 2;
}
/* Widget widget_product_search */
#sidebar .widget.widget_product_search {
padding: 0;
}
.widget.widget_product_search .woocommerce-product-search {
position: relative;
padding: 0;
}
#sidebar .wc-block-product-search .wc-block-product-search__button {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
width: 40px;
height: 40px;
background-color: transparent;
padding: 0;
margin: 0;
}
#sidebar .wc-block-product-search .wc-block-product-search__button:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 20px;
line-height: 40px;
text-align: center;
}
#sidebar .wc-block-product-search .wc-block-product-search__button svg {
display: none;
}
.widget.widget_block .wc-block-product-search__field,
.widget.widget_product_search .woocommerce-product-search .search-field {
margin-bottom: 0;
line-height: 26px;
padding: 25px 70px 25px 30px;
width: 100%;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
border: none;
}
.widget.widget_block .wc-block-product-search__field::placeholder,
.widget.widget_product_search .woocommerce-product-search .search-field::placeholder {
color: #fff;
}
.widget.widget_block .wc-block-product-search__field:-ms-input-placeholder,
.widget.widget_product_search .woocommerce-product-search .search-field:-ms-input-placeholder {
color: #fff;
}
.widget.widget_block .wc-block-product-search__field::-ms-input-placeholder,
.widget.widget_product_search .woocommerce-product-search .search-field::-ms-input-placeholder {
color: #fff;
}
.widget.widget_product_search .woocommerce-product-search .search-submit {
position: absolute;
background-color: transparent;
right: 20px;
top: 50%;
width: 30px;
height: 30px;
transform: translateY(-50%);
text-align: center;
text-indent: 999999px;
padding: 0;
border: 0;
overflow: hidden;
}
.widget.widget_product_search .woocommerce-product-search .search-submit:before {
color: #fff;
font-size: 18px;
width: 30px;
height: 30px;
line-height: 30px;
position: absolute;
left: 0;
top: 0;
text-align: center;
text-indent: 0;
font-weight: normal;
transition: all ease 0.3s;
}
.widget.widget_product_search .woocommerce-product-search .search-submit:hover:before {
color: var(--e-global-color-tombuild_accent);
}
/* RESPONSIVE
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
.woo-single-post-class .summary .cart .quantity input {
width: 30px;
}
}
@media only screen and (max-width: 991px) {
.products.columns-4 li,
.woocommerce-page.shop-col-4 .products li {
width: 50%;
}
.woo-single-post-class .images,
.woo-single-post-class .summary {
width: 100%;
float: none;
clear: left;
}
.woo-single-post-class .summary {
padding-top: 60px;
}
.woo-single-post-class .woocommerce-tabs {
margin-top: 100px;
}
.woo-single-post-class .woocommerce-tabs ul li > a {
padding: 12px 30px;
}
.woo-single-post-class .woocommerce-tabs .comment-respond {
margin-top: 30px;
}
.woo-single-post-class .woocommerce-tabs .panel {
padding: 60px 0;
}
.woocommerce-page .shop_table.cart td,
.woocommerce-page .shop_table.cart th {
padding: 15px;
}
.woocommerce-page .shop_table.cart .coupon {
float: none;
}
.woocommerce-page .shop_table.cart .coupon + button[type="submit"] {
float: none;
margin-top: 20px;
}
.woocommerce-tabs .product-desc {
display: block;
}
.woocommerce-tabs .product-desc .text-wrap {
margin: 0 0 60px;
}
.woo-single-post-class .related.products {
margin-top: 60px;
}
.products li {
margin-top: 30px !important;
}
}
@media only screen and (max-width: 767px) {
.products.columns-3 li,
.woocommerce-page.shop-col-3 .products li {
width: 50%;
clear: none;
}
.cols-3 li { width: 100%; }
.products.columns-2 li,
.products.columns-4 li,
.woocommerce-page.shop-col-2 .products li,
.woocommerce-page.shop-col-4 .products li {
width: 100%;
}
.woo-single-post-class .woocommerce-tabs {
margin-top: 60px;
}
.woo-single-post-class .woocommerce-tabs ul {
border: 0;
}
.woo-single-post-class .woocommerce-tabs ul li {
display: block;
margin-right: 10px;
top: 0 !important;
}
.woo-single-post-class .woocommerce-tabs ul li.active {
top: 0;
}
.woo-single-post-class .woocommerce-tabs ul li.active > a {
border: 0 !important;
color: var(--e-global-color-tombuild_accent);
}
.woo-single-post-class .woocommerce-tabs ul li > a {
display: block;
padding: 10px 15px;
}
.woo-single-post-class .woocommerce-tabs ul li:after {
bottom: -1px;
}
.woo-single-post-class .related.products .products li:last-child {
margin-bottom: 0;
}
.woo-single-post-class .related.products > h2 {
margin-bottom: 0;
}
.woocommerce-page table.shop_table_responsive tr {
display: block;
}
.woocommerce-page table.shop_table_responsive tr td {
display: block;
text-align: right !important;
}
.woocommerce-page table.shop_table_responsive tr td.order-actions {
text-align: left !important;
}
.woocommerce-page table.shop_table_responsive tr td:before {
content: attr(data-title) ": ";
float: left;
line-height: 30px;
}
.woocommerce-page .shop_table.cart .product-name a {
font-size: 20px;
line-height: 30px;
}
.woocommerce-page table.shop_table_responsive thead,
.woocommerce-page table.shop_table_responsive tbody th,
.woocommerce-page table.my_account_orders tr td.order-actions:before,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail,
.woocommerce-page table.shop_table_responsive tr td.actions:before,
.woocommerce-page table.shop_table_responsive tr td.product-remove:before {
display: none;
}
.woocommerce-page .shop_table.cart .product-remove,
.woocommerce-page .shop_table.cart .product-thumbnail,
.woocommerce-page .shop_table.cart .product-price,
.woocommerce-page .shop_table.cart .product-quantity,
.woocommerce-page .shop_table.cart .product-subtotal {
width: auto;
}
.woocommerce-page table.my_account_orders tr td.order-actions {
text-align: left;
}
.woocommerce-page table.shop_table_responsive tr td.actions {
text-align: left !important;
}
.woocommerce-page .shop_table.cart .coupon #coupon_code,
.woocommerce-page .shop_table.cart .coupon > input[type="submit"] {
float: none;
}
.woocommerce-page .cart_totals {
width: 100%;
}
.woo-single-post-class .summary .cart .quantity {
margin: 0 10px 30px 0;
display: block;
}
.woocommerce-page .shop_table.cart .product-quantity {
height: 90px;
}
.woocommerce-page table.shop_table_responsive tr td.product-quantity:before {
line-height: 60px;
}
.product-quantity .quantity, .woo-single-post-class .summary .cart .quantity {
float: right;
}
.woocommerce-page .cart_totals {
margin-top: 20px;
}
.woocommerce-page .shop_table img {
display: none;
}
}
@media only screen and (max-width: 575px) {
.products.columns-3 li,
.woocommerce-page.shop-col-3 .products li {
width: 100%;
}
#payment #place_order {
font-size: 18px;
padding: 20px 40px;
}
.woo-single-post-class .woocommerce-tabs .entry-content .comment_container img {
float: none;
margin: 0 0 20px;
}
.woo-single-post-class .woocommerce-tabs .entry-content .star-rating {
position: static;
margin-bottom: 8px;
}
.woocommerce-page .shop_table.cart .coupon #coupon_code {
margin-bottom: 10px;
margin-right: 0;
width: 100%;
}
.woocommerce-page .shop_table.cart .coupon button[type="submit"],
.woocommerce-page .shop_table.cart .coupon + button[type="submit"] {
width: 100%;
}
.woocommerce-page .content-woocommerce .woocommerce-ordering {
float: none;
display: inline-block;
}
.woocommerce-page .content-woocommerce .woocommerce-result-count {
display: none;
}
.woocommerce-page .content-woocommerce .woocommerce-ordering {
float: none;
}
.woocommerce-page .content-woocommerce .woocommerce-result-count:after,
.woocommerce-page .content-woocommerce .woocommerce-ordering:before {
display: none;
}
.shopengine-widget .shopengine-product-rating .woocommerce-product-rating {
flex-direction: column;
}
.comment_container img {
float: none;
margin-bottom: 30px;
}
.woocommerce-Reviews .comment-respond .comment-form > .comment-form-author,
.woocommerce-Reviews .comment-respond .comment-form > .comment-form-email {
width: 100%;
margin: 0;
}
}
@media only screen and (max-width: 340px) {
.woocommerce-page .wc-proceed-to-checkout .button { font-size: 16px; }
}
/* SHOP ENGINE
--------------------------------------------------------------*/
/* Single Product */
.shopengine-swatches .shopengine-wishlist.badge,
.woo-single-post-class .summary .shopengine-wishlist {
display: inline-block;
font-size: 14px;
line-height: 60px;
font-weight: 500;
padding: 0 50px;
color: #fff !important;
background-color: var(--e-global-color-tombuild_accent);
margin-bottom: 30px;
}
.shopengine-swatches .shopengine-wishlist.badge i,
.woo-single-post-class .summary .shopengine-wishlist i {
display: none;
}
.shopengine-swatches .shopengine-wishlist.badge:hover,
.woo-single-post-class .summary .shopengine-wishlist:hover {
background-color: var(--e-global-color-tombuild_primary);
}
.shopengine-swatches .shopengine-wishlist.badge.active,
.woo-single-post-class .summary .shopengine-wishlist.active {
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--e-global-color-tombuild_accent);
color: var(--e-global-color-tombuild_accent) !important;
}
.shopengine-swatches .shopengine-wishlist.badge.active:hover,
.woo-single-post-class .summary .shopengine-wishlist.active:hover {
box-shadow: inset 0 0 2px transparent;
background-color: var(--e-global-color-tombuild_primary);
color: #fff !important;
}
.shopengine-swatches .quantity-wrap {
width: 100%;
}
/* Product Page */
.shopengine-single-product-item .product-thumb .text,
.products li .product-thumbnail .text {
display: none;
}
.shopengine-single-product-item .product-thumb .se-btn,
.products li .product-thumbnail .se-btn {
display: inline-block;
width: 40px;
height: 40px;
font-size: 16px;
line-height: 40px;
color: #fff;
text-align: center;
border-radius: 50%;
padding: 0;
transition: all 0.3s ease;
transform: translateY(0);
}
.products li .product-thumbnail .se-btn {
position: absolute;
opacity: 0;
}
.products li .product-thumbnail .se-btn.shopengine-comparison {
display: none;
}
.products li:hover .product-thumbnail .se-btn .text {
display: none;
}
.products li:hover .product-thumbnail .se-btn {
opacity: 1;
transform: translateY(-20px);
}
.products li .product-thumbnail .se-btn i {
display: inline-block;
line-height: inherit;
}
.products li .product-thumbnail .se-btn.shopengine-wishlist {
top: 50%;
left: calc(50% - 25px);
transform: translate(-50%, -50%);
margin-right: 50px;
background-color: var(--e-global-color-tombuild_primary);
}
.products li .product-thumbnail .se-btn.shopengine-quickview-trigger {
top: 70px;
background-color: var(--e-global-color-tombuild_accent);
}
.products li .product-thumbnail .se-btn:hover {
background-color: var(--e-global-color-tombuild_accent);
}
.shopengine-wishlist.badge.active,
.woocommerce .products .product .shopengine-wishlist.badge.active {
color: #fff !important;
}
/* Single Product
--------------------------------------------------------------*/
.shopengine-quickview-content-warper {
max-width: calc(90% + 30px);
margin: 0 auto;
}
.woo-single-post-class .summary .cart > .text,
.woo-single-post-class .summary .cart > .shopengine_comparison_add_to_list_action { display: none; }
/* Product Filter */
.tombuild-products .shopengine-filterable-product-wrap .filter-nav ul li a::before {
left: unset;
right: 0;
height: 2px;
width: 0;
background-color: var(--e-global-color-tombuild_accent);
transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
border-bottom: none !important;
}
.tombuild-products .shopengine-filterable-product-wrap .filter-nav ul li a.active::before,
.tombuild-products .shopengine-filterable-product-wrap .filter-nav ul li a:hover::before {
width: 100%;
left: 0;
}
.products li .product-thumbnail .se-btn .text {
display: none;
}
.shopengine-product-image .shopengine-product-image-toggle {
display: none;
}
/* Product Item */
.tombuild-products .shopengine-widget .shopengine-single-product-item:hover {
box-shadow: none !important;
}
/* Thumb */
.tombuild-products .shopengine-single-product-item .product-thumb {
border-radius: 0px !important;
overflow: hidden;
}
.tombuild-products .shopengine-widget .shopengine-single-product-item .product-thumb img {
transition: all 0.3s ease;
}
.tombuild-products .shopengine-widget .shopengine-single-product-item:hover .product-thumb img {
transform: scale(1.2);
}
/* Button Group */
.tombuild-products .shopengine-single-product-item .loop-product--btns .text {
font-size: 0;
}
.tombuild-products .shopengine-single-product-item .loop-product--btns a {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px !important;
background-color: var(--e-global-color-tombuild_primary);
color: #fff;
border-radius: 50%;
}
.tombuild-products .shopengine-single-product-item .loop-product--btns a:before {
line-height: 40px !important;
color: #fff;
}
.tombuild-products .shopengine-single-product-item .loop-product--btns {
transform: translate(-50%, -50%) !important;
margin: 0 !important;
height: auto !important;
width: 100% !important;
position: absolute;
top: 50%;
left: 50%;
}
.tombuild-products .shopengine-single-product-item .overlay-add-to-cart,
.tombuild-products .shopengine-single-product-item .loop-product--btns-inner {
top: 50% !important;
bottom: unset !important;
display: flex !important;
width: auto !important;
height: auto !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
padding: 0 !important;
opacity: 0;
}
.tombuild-products .shopengine-single-product-item:hover .loop-product--btns-inner {
opacity: 1;
}
.tombuild-products .shopengine-single-product-item > .add-to-cart-bt {
display: none !important;
}
.tombuild-products .shopengine-widget .shopengine-single-product-item .overlay-add-to-cart a,
.tombuild-products .shopengine-single-product-item .loop-product--btns-inner .button,
.tombuild-products .shopengine-single-product-item .loop-product--btns-inner .badge {
width: 40px !important;
height: 40px !important;
line-height: 40px !important;
border-radius: 50% !important;
padding: 0 !important;
margin: 5px !important;
background-color: var(--e-global-color-tombuild_primary) !important;
flex: 0 !important;
}
.tombuild-products .shopengine-widget .shopengine-single-product-item .overlay-add-to-cart a:hover,
.tombuild-products .shopengine-single-product-item .loop-product--btns-inner .button:hover,
.tombuild-products .shopengine-single-product-item .loop-product--btns-inner .badge:hover {
background-color: var(--e-global-color-tombuild_accent) !important;
}
.tombuild-products .shopengine-widget .shopengine-filterable-product-wrap .filter-content .shopengine-single-product-item .loop-product--btns a {
border-radius: 50% !important;
}
.tombuild-products .shopengine-single-product-item .overlay-add-to-cart a:before,
.tombuild-products .shopengine-single-product-item .loop-product--btns-inner .button:before,
.tombuild-products .shopengine-single-product-item .loop-product--btns-inner .badge:before {
width: 40px !important;
height: 40px !important;
line-height: 40px !important;
color: #fff !important;
}
.tombuild-products .shopengine-widget .shopengine-product-list .shopengine-single-product-item .overlay-add-to-cart a.button[data-quantity]:before,
.tombuild-products .shopengine-widget .shopengine-filterable-product-wrap .filter-content .shopengine-single-product-item .loop-product--btns a.button[data-quantity]:before {
content: "\e938";
font-family: "core-icons";
}
/* Rating */
.shopengine-widget .shopengine-product-rating .star-rating span,
.shopengine-widget .shopengine-product-rating .star-rating {
background: none !important;
transform: none !important;
order: unset !important;
}
.shopengine-widget .common-product-loop .products .product .star-rating span::before,
.shopengine-widget .common-star-rating .star-rating span::before,
.shopengine-widget .shopengine-cross-sells .cross-sells .products .product .star-rating span::before,
.shopengine-widget .shopengine-product-rating .star-rating span::before,
.shopengine-widget .shopengine-product-rating .woocommerce-product-rating .star-rating span::before,
.shopengine-widget .shopengine-product-review #reviews .star-rating span::before,
.shopengine-widget .shopengine-product-tabs #reviews .star-rating span::before,
.shopengine-widget .shopengine-related .related .products .product .star-rating span::before,
.shopengine-widget .shopengine-up-sells .up-sells .products .product .star-rating span::before,
.shopengine-widget .common-product-loop .products .product .star-rating::before,
.shopengine-widget .common-star-rating .star-rating::before,
.shopengine-widget .shopengine-cross-sells .cross-sells .products .product .star-rating::before,
.shopengine-widget .shopengine-product-rating .star-rating::before,
.shopengine-widget .shopengine-product-rating .woocommerce-product-rating .star-rating::before,
.shopengine-widget .shopengine-product-review #reviews .star-rating::before,
.shopengine-widget .shopengine-product-tabs #reviews .star-rating::before,
.shopengine-widget .shopengine-related .related .products .product .star-rating::before,
.shopengine-widget .shopengine-up-sells .up-sells .products .product .star-rating::before {
letter-spacing: 8px !important;
}
.shopengine-widget .common-product-loop .products .product .star-rating,
.shopengine-widget .common-star-rating .star-rating,
.shopengine-widget .shopengine-cross-sells .cross-sells .products .product .star-rating,
.shopengine-widget .shopengine-product-rating .star-rating,
.shopengine-widget .shopengine-product-rating .woocommerce-product-rating .star-rating,
.shopengine-widget .shopengine-product-review #reviews .star-rating,
.shopengine-widget .shopengine-product-tabs #reviews .star-rating,
.shopengine-widget .shopengine-related .related .products .product .star-rating,
.shopengine-widget .shopengine-up-sells .up-sells .products .product .star-rating {
width: 115px !important;
}
.tombuild-products .shopengine-widget .shopengine-product-list .shopengine-single-product-item .product-rating .star-rating,
.tombuild-products .shopengine-widget .shopengine-filterable-product-wrap .filter-content .shopengine-single-product-item .product-rating .star-rating {
width: 89px;
}
.tombuild-products .shopengine-widget .shopengine-product-list .shopengine-single-product-item .product-rating {
width: auto;
}
.tombuild-products .shopengine-widget .shopengine-product-list .shopengine-single-product-item .product-rating .star-rating span::before,
.tombuild-products .shopengine-widget .shopengine-product-list .shopengine-single-product-item .product-rating .star-rating::before,
.tombuild-products .shopengine-widget .shopengine-filterable-product-wrap .filter-content .shopengine-single-product-item .product-rating .star-rating::before,
.tombuild-products .shopengine-widget .shopengine-filterable-product-wrap .filter-content .shopengine-single-product-item .product-rating .star-rating span::before {
letter-spacing: 4px;
}
.tombuild-products .shopengine-widget .shopengine-product-list .shopengine-single-product-item .product-rating .rating-count {
display: none;
}
/* Style 2 */
.tombuild-products.style-2 .shopengine-widget .shopengine-product-list .shopengine-single-product-item .product-price {
clear: both;
}
.tombuild-products.style-2 .shopengine-widget .shopengine-product-list .shopengine-single-product-item .product-title {
float: left;
}
.tombuild-products.style-2 .shopengine-widget .shopengine-product-list .shopengine-single-product-item .product-rating {
float: right;
}
.shopengine-widget p:not(:last-child) {
margin-bottom: 30px;
}
/* My Account
--------------------------------------------------------------*/
.woocommerce-page .login input {
margin-top: 0;
}
.woocommerce-form input {
background-color: var(--e-global-color-tombuild_light);
}
.woocommerce-page .u-columns {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.woocommerce-page .u-columns.col2-set > div {
width: 48%;
}
.woocommerce-page #customer_login h2 {
margin-bottom: 30px;
}
.woocommerce-form-register,
.woocommerce-form-login {
padding: 30px;
border: 1px solid var(--e-global-color-tombuild_border);
}
.woocommerce-form-register .form-row label,
.woocommerce-form-login .form-row label {
font-size: 16px;
line-height: 26px;
margin-bottom: 5px;
}
.woocommerce-form-login .woocommerce-form__input.woocommerce-form__input-checkbox {
margin-top: -3px;
}
.woocommerce-form-register .form-row button,
.woocommerce-form-login .form-row button {
width: 100%;
}
.woocommerce-form-register .form-row button {
background-color: var(--e-global-color-tombuild_primary);
}
.woocommerce-form-register .form-row button:hover {
background-color: var(--e-global-color-tombuild_accent);
}
.woocommerce-form-register a,
.woocommerce-form-login a {
color: #2742fd;
}
.woocommerce-form-register a:hover,
.woocommerce-form-login a:hover {
color: #f03d3f;
}
.woocommerce-form-register p,
.woocommerce-form-login p {
font-size: 16px;
line-height: 30px;
}
/* My Account Navigation */
.woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
width: 30%;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: 68%;
}
.woocommerce-MyAccount-navigation ul {
margin: 0;
border: 1px solid var(--e-global-color-tombuild_border);
}
.woocommerce-MyAccount-navigation ul li {
list-style: none;
}
.woocommerce-MyAccount-navigation ul li a {
display: inline-block;
font-size: 16px;
line-height: 30px;
padding: 10px 20px;
font-weight: 500;
color: var(--e-global-color-tombuild_text);
}
.woocommerce-MyAccount-navigation ul li.is-active {
background-color: #fff;
box-shadow: 0 20px 50px 0 rgb(0 0 0 / 8%);
}
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
color: var(--e-global-color-tombuild_primary);
}
/* Wishlist */
.shopengine-wishlist {
margin-bottom: 0;
}
.shopengine-wishlist .wishlist-product-name,
.shopengine-wishlist tr th {
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: var(--e-global-color-tombuild_primary);
}
.shopengine-wishlist tr th:nth-child(1),
.shopengine-wishlist tr td:nth-child(1) {
width: 350px;
}
.shopengine-wishlist tr th:nth-child(4),
.shopengine-wishlist tr td:nth-child(4) {
width: 90px;
}
.shopengine-wishlist tr td:first-child {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.shopengine-wishlist .shopengine-wishlist-product-image {
display: inline-block;
overflow: hidden;
margin-right: 30px;
max-width: 80px;
}
.shopengine-wishlist .wishlist-product-name {
display: inline-block;
margin: 0;
}
.shopengine-wishlist .wishlist-product-name a {
color: inherit;
margin-bottom: 0;
}
/* Product Review */
.products li .product-thumbnail .se-btn.shopengine-quickview-trigger {
display: none;
}
.tombuild-product-review {
font-size: 18px;
line-height: 30px;
}
.tombuild-product-review .shopengine-widget .shopengine-product-review #reviews #comments .commentlist li .comment_container .avatar,
.tombuild-product-review .shopengine-widget .shopengine-product-review #reviews #comments .commentlist li .comment_container .img-thumbnail {
max-width: 166px !important;
max-height: 166px !important;
margin-right: 45px;
}
.tombuild-product-review .shopengine-widget .shopengine-product-review #reviews #comments .commentlist li .comment_container .comment-text {
position: relative;
}
.tombuild-product-review .shopengine-widget .shopengine-product-review #reviews #comments .commentlist li .comment_container .comment-text .star-rating {
position: absolute;
top: 0;
right: 0;
}
.tombuild-product-review .woocommerce-review__author {
font-size: 20px;
display: block;
color: var(--e-global-color-tombuild_primary) !important;
font-weight: 800 !important;
line-height: 28px;
margin-top: 7px;
}
.tombuild-product-review .woocommerce-review__dash {
display: none !important;
}
.tombuild-product-review .woocommerce-review__published-date {
font-size: 16px !important;
line-height: 26px;
color: var(--e-global-color-tombuild_accent) !important;
font-weight: 600;
}
.tombuild-product-review .shopengine-widget .shopengine-product-review #reviews #comments .commentlist li .comment_container .meta {
margin-bottom: 20px;
}
.tombuild-product-review .comment-form-rating {
display: flex !important;
align-items: center;
}
.tombuild-product-review .comment-form-rating label,
.tombuild-product-review .comment-form-rating .stars {
width: auto !important
}
.tombuild-product-review .comment-form-rating label {
padding-right: 20px;
}
.tombuild-product-review .comment-form-rating .stars {
margin-bottom: 8px !important;
}
@media only screen and (max-width: 1024px) {
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
width: auto;
border: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
display: inline-block;
border: 1px solid var(--e-global-color-tombuild_border);
border-collapse: collapse;
margin: 0 5px 5px 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
margin-bottom: 30px;
float: none;
width: auto;
}
}
@media only screen and (max-width: 767px) {
.shopengine-wishlist tr th,
.shopengine-wishlist tr td {
width: 100% !important;
}
}
@media only screen and (max-width: 575px) {
.shopengine-wishlist tr td,
.shopengine-wishlist .wishlist-product-name,
.shopengine-wishlist tr th { font-size: 14px; line-height: 20px; }
.shopengine-wishlist .shopengine-wishlist-product-image { display: none; }
.shopengine-single .shopengine-product-rating .star-rating { margin: 0 0 10px !important; }
.shopengine-swatches .cart .quantity-title, .woo-single-post-class .summary .cart .quantity-title { line-height: 30px; width: 100%; }
}
@media only screen and (max-width: 320px) {
.shopengine-wishlist tr td,
.shopengine-wishlist .wishlist-product-name,
.shopengine-wishlist tr th { font-size: 12px; }
}:root{--direction-multiplier:1}body.rtl,html[dir=rtl]{--direction-multiplier:-1}.elementor-hidden{display:none}.elementor-visibility-hidden{visibility:hidden}.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:-10000em;width:1px;clip:rect(0,0,0,0);border:0}.elementor-clearfix:after{clear:both;content:"";display:block;height:0;width:0}.e-logo-wrapper{background:var(--e-a-bg-logo);border-radius:50%;display:inline-block;line-height:1;padding:.75em}.e-logo-wrapper i{color:var(--e-a-color-logo);font-size:1em}.elementor *,.elementor :after,.elementor :before{box-sizing:border-box}.elementor a{box-shadow:none;text-decoration:none}.elementor hr{background-color:transparent;margin:0}.elementor img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%}.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0}.elementor embed,.elementor iframe,.elementor object,.elementor video{border:none;line-height:1;margin:0;max-width:100%;width:100%}.elementor .elementor-background,.elementor .elementor-background-holder,.elementor .elementor-background-video-container{direction:ltr;inset:0;overflow:hidden;position:absolute;z-index:0}.elementor .elementor-background-video-container{pointer-events:none;transition:opacity 1s}.elementor .elementor-background-video-container.elementor-loading{opacity:0}.elementor .elementor-background-video,.elementor .elementor-background-video-embed{max-width:none}.elementor .elementor-background-video,.elementor .elementor-background-video-embed,.elementor .elementor-background-video-hosted{inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(-50%,-50%)}.elementor .elementor-background-video-hosted{-o-object-fit:cover;object-fit:cover}.elementor .elementor-background-overlay{inset:0;position:absolute}.elementor .elementor-background-slideshow{inset:0;position:absolute;z-index:0}.elementor .elementor-background-slideshow__slide__image{background-position:50%;background-size:cover;height:100%;width:100%}.e-con-inner>.elementor-element.elementor-absolute,.e-con>.elementor-element.elementor-absolute,.elementor-widget-wrap>.elementor-element.elementor-absolute{position:absolute}.e-con-inner>.elementor-element.elementor-fixed,.e-con>.elementor-element.elementor-fixed,.elementor-widget-wrap>.elementor-element.elementor-fixed{position:fixed}.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget__width-initial{max-width:100%}@media (max-width:1024px){.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial{max-width:100%}}@media (max-width:767px){.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial{max-width:100%}}.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)}.elementor-element.elementor-absolute,.elementor-element.elementor-fixed{z-index:1}.elementor-element:where(.e-con-full,.elementor-widget){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)}.elementor-invisible{visibility:hidden}.elementor-custom-embed-play{inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(calc(-50% * var(--direction-multiplier)),-50%)}.elementor-custom-embed-play i{color:#fff;font-size:100px;text-shadow:1px 0 6px rgba(0,0,0,.3)}.elementor-custom-embed-play svg{height:100px;width:100px;fill:#fff;filter:drop-shadow(1px 0 6px rgba(0,0,0,.3))}.elementor-custom-embed-play i,.elementor-custom-embed-play svg{opacity:.8;transition:all .5s}.elementor-custom-embed-play.elementor-playing i{font-family:eicons}.elementor-custom-embed-play.elementor-playing i:before{content:"\e8fb"}.elementor-custom-embed-play.elementor-playing i,.elementor-custom-embed-play.elementor-playing svg{animation:eicon-spin 2s linear infinite}.elementor-tag{display:inline-flex}.elementor-ken-burns{transition-duration:10s;transition-property:transform;transition-timing-function:linear}.elementor-ken-burns--out{transform:scale(1.3)}.elementor-ken-burns--active{transition-duration:20s}.elementor-ken-burns--active.elementor-ken-burns--out{transform:scale(1)}.elementor-ken-burns--active.elementor-ken-burns--in{transform:scale(1.3)}.elementor-align-center{text-align:center}.elementor-align-right{text-align:right}.elementor-align-left{text-align:left}.elementor-align-center .elementor-button,.elementor-align-left .elementor-button,.elementor-align-right .elementor-button{width:auto}.elementor-align-justify .elementor-button{width:100%}@media (min-width:-1){.elementor-widescreen-align-center{text-align:center}.elementor-widescreen-align-right{text-align:right}.elementor-widescreen-align-left{text-align:left}.elementor-widescreen-align-center .elementor-button,.elementor-widescreen-align-left .elementor-button,.elementor-widescreen-align-right .elementor-button{width:auto}.elementor-widescreen-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-laptop-align-center{text-align:center}.elementor-laptop-align-right{text-align:right}.elementor-laptop-align-left{text-align:left}.elementor-laptop-align-center .elementor-button,.elementor-laptop-align-left .elementor-button,.elementor-laptop-align-right .elementor-button{width:auto}.elementor-laptop-align-justify .elementor-button{width:100%}.elementor-tablet_extra-align-center{text-align:center}.elementor-tablet_extra-align-right{text-align:right}.elementor-tablet_extra-align-left{text-align:left}.elementor-tablet_extra-align-center .elementor-button,.elementor-tablet_extra-align-left .elementor-button,.elementor-tablet_extra-align-right .elementor-button{width:auto}.elementor-tablet_extra-align-justify .elementor-button{width:100%}}@media (max-width:1024px){.elementor-tablet-align-center{text-align:center}.elementor-tablet-align-right{text-align:right}.elementor-tablet-align-left{text-align:left}.elementor-tablet-align-center .elementor-button,.elementor-tablet-align-left .elementor-button,.elementor-tablet-align-right .elementor-button{width:auto}.elementor-tablet-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-mobile_extra-align-center{text-align:center}.elementor-mobile_extra-align-right{text-align:right}.elementor-mobile_extra-align-left{text-align:left}.elementor-mobile_extra-align-center .elementor-button,.elementor-mobile_extra-align-left .elementor-button,.elementor-mobile_extra-align-right .elementor-button{width:auto}.elementor-mobile_extra-align-justify .elementor-button{width:100%}}@media (max-width:767px){.elementor-mobile-align-center{text-align:center}.elementor-mobile-align-right{text-align:right}.elementor-mobile-align-left{text-align:left}.elementor-mobile-align-center .elementor-button,.elementor-mobile-align-left .elementor-button,.elementor-mobile-align-right .elementor-button{width:auto}.elementor-mobile-align-justify .elementor-button{width:100%}}:root{--page-title-display:block}.elementor-page-title,h1.entry-title{display:var(--page-title-display)}@keyframes eicon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.eicon-animation-spin{animation:eicon-spin 2s linear infinite}.elementor-section{position:relative}.elementor-section .elementor-container{display:flex;margin-left:auto;margin-right:auto;position:relative}@media (max-width:1024px){.elementor-section .elementor-container{flex-wrap:wrap}}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px}.elementor-section.elementor-section-stretched{position:relative;width:100%}.elementor-section.elementor-section-items-top>.elementor-container{align-items:flex-start}.elementor-section.elementor-section-items-middle>.elementor-container{align-items:center}.elementor-section.elementor-section-items-bottom>.elementor-container{align-items:flex-end}@media (min-width:768px){.elementor-section.elementor-section-height-full{height:100vh}.elementor-section.elementor-section-height-full>.elementor-container{height:100%}}.elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-start}.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:center}.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-end}.elementor-widget-wrap{align-content:flex-start;flex-wrap:wrap;position:relative;width:100%}.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex}.elementor-widget-wrap>.elementor-element{width:100%}.elementor-widget-wrap.e-swiper-container{width:calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px)))}.elementor-widget{position:relative}.elementor-widget:not(:last-child){margin-bottom:var(--kit-widget-spacing,20px)}.elementor-widget:not(:last-child).elementor-absolute,.elementor-widget:not(:last-child).elementor-widget__width-auto,.elementor-widget:not(:last-child).elementor-widget__width-initial{margin-bottom:0}.elementor-column{display:flex;min-height:1px;position:relative}.elementor-column-gap-narrow>.elementor-column>.elementor-element-populated{padding:5px}.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px}.elementor-column-gap-extended>.elementor-column>.elementor-element-populated{padding:15px}.elementor-column-gap-wide>.elementor-column>.elementor-element-populated{padding:20px}.elementor-column-gap-wider>.elementor-column>.elementor-element-populated{padding:30px}.elementor-inner-section .elementor-column-gap-no .elementor-element-populated{padding:0}@media (min-width:768px){.elementor-column.elementor-col-10,.elementor-column[data-col="10"]{width:10%}.elementor-column.elementor-col-11,.elementor-column[data-col="11"]{width:11.111%}.elementor-column.elementor-col-12,.elementor-column[data-col="12"]{width:12.5%}.elementor-column.elementor-col-14,.elementor-column[data-col="14"]{width:14.285%}.elementor-column.elementor-col-16,.elementor-column[data-col="16"]{width:16.666%}.elementor-column.elementor-col-20,.elementor-column[data-col="20"]{width:20%}.elementor-column.elementor-col-25,.elementor-column[data-col="25"]{width:25%}.elementor-column.elementor-col-30,.elementor-column[data-col="30"]{width:30%}.elementor-column.elementor-col-33,.elementor-column[data-col="33"]{width:33.333%}.elementor-column.elementor-col-40,.elementor-column[data-col="40"]{width:40%}.elementor-column.elementor-col-50,.elementor-column[data-col="50"]{width:50%}.elementor-column.elementor-col-60,.elementor-column[data-col="60"]{width:60%}.elementor-column.elementor-col-66,.elementor-column[data-col="66"]{width:66.666%}.elementor-column.elementor-col-70,.elementor-column[data-col="70"]{width:70%}.elementor-column.elementor-col-75,.elementor-column[data-col="75"]{width:75%}.elementor-column.elementor-col-80,.elementor-column[data-col="80"]{width:80%}.elementor-column.elementor-col-83,.elementor-column[data-col="83"]{width:83.333%}.elementor-column.elementor-col-90,.elementor-column[data-col="90"]{width:90%}.elementor-column.elementor-col-100,.elementor-column[data-col="100"]{width:100%}}@media (max-width:479px){.elementor-column.elementor-xs-10{width:10%}.elementor-column.elementor-xs-11{width:11.111%}.elementor-column.elementor-xs-12{width:12.5%}.elementor-column.elementor-xs-14{width:14.285%}.elementor-column.elementor-xs-16{width:16.666%}.elementor-column.elementor-xs-20{width:20%}.elementor-column.elementor-xs-25{width:25%}.elementor-column.elementor-xs-30{width:30%}.elementor-column.elementor-xs-33{width:33.333%}.elementor-column.elementor-xs-40{width:40%}.elementor-column.elementor-xs-50{width:50%}.elementor-column.elementor-xs-60{width:60%}.elementor-column.elementor-xs-66{width:66.666%}.elementor-column.elementor-xs-70{width:70%}.elementor-column.elementor-xs-75{width:75%}.elementor-column.elementor-xs-80{width:80%}.elementor-column.elementor-xs-83{width:83.333%}.elementor-column.elementor-xs-90{width:90%}.elementor-column.elementor-xs-100{width:100%}}@media (max-width:767px){.elementor-column.elementor-sm-10{width:10%}.elementor-column.elementor-sm-11{width:11.111%}.elementor-column.elementor-sm-12{width:12.5%}.elementor-column.elementor-sm-14{width:14.285%}.elementor-column.elementor-sm-16{width:16.666%}.elementor-column.elementor-sm-20{width:20%}.elementor-column.elementor-sm-25{width:25%}.elementor-column.elementor-sm-30{width:30%}.elementor-column.elementor-sm-33{width:33.333%}.elementor-column.elementor-sm-40{width:40%}.elementor-column.elementor-sm-50{width:50%}.elementor-column.elementor-sm-60{width:60%}.elementor-column.elementor-sm-66{width:66.666%}.elementor-column.elementor-sm-70{width:70%}.elementor-column.elementor-sm-75{width:75%}.elementor-column.elementor-sm-80{width:80%}.elementor-column.elementor-sm-83{width:83.333%}.elementor-column.elementor-sm-90{width:90%}.elementor-column.elementor-sm-100{width:100%}}@media (min-width:768px) and (max-width:1024px){.elementor-column.elementor-md-10{width:10%}.elementor-column.elementor-md-11{width:11.111%}.elementor-column.elementor-md-12{width:12.5%}.elementor-column.elementor-md-14{width:14.285%}.elementor-column.elementor-md-16{width:16.666%}.elementor-column.elementor-md-20{width:20%}.elementor-column.elementor-md-25{width:25%}.elementor-column.elementor-md-30{width:30%}.elementor-column.elementor-md-33{width:33.333%}.elementor-column.elementor-md-40{width:40%}.elementor-column.elementor-md-50{width:50%}.elementor-column.elementor-md-60{width:60%}.elementor-column.elementor-md-66{width:66.666%}.elementor-column.elementor-md-70{width:70%}.elementor-column.elementor-md-75{width:75%}.elementor-column.elementor-md-80{width:80%}.elementor-column.elementor-md-83{width:83.333%}.elementor-column.elementor-md-90{width:90%}.elementor-column.elementor-md-100{width:100%}}@media (min-width:-1){.elementor-reverse-widescreen>.elementor-container>:first-child{order:10}.elementor-reverse-widescreen>.elementor-container>:nth-child(2){order:9}.elementor-reverse-widescreen>.elementor-container>:nth-child(3){order:8}.elementor-reverse-widescreen>.elementor-container>:nth-child(4){order:7}.elementor-reverse-widescreen>.elementor-container>:nth-child(5){order:6}.elementor-reverse-widescreen>.elementor-container>:nth-child(6){order:5}.elementor-reverse-widescreen>.elementor-container>:nth-child(7){order:4}.elementor-reverse-widescreen>.elementor-container>:nth-child(8){order:3}.elementor-reverse-widescreen>.elementor-container>:nth-child(9){order:2}.elementor-reverse-widescreen>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child,.elementor-reverse-laptop>.elementor-container>:nth-child(10),.elementor-reverse-laptop>.elementor-container>:nth-child(2),.elementor-reverse-laptop>.elementor-container>:nth-child(3),.elementor-reverse-laptop>.elementor-container>:nth-child(4),.elementor-reverse-laptop>.elementor-container>:nth-child(5),.elementor-reverse-laptop>.elementor-container>:nth-child(6),.elementor-reverse-laptop>.elementor-container>:nth-child(7),.elementor-reverse-laptop>.elementor-container>:nth-child(8),.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:0}.elementor-reverse-tablet_extra>.elementor-container>:first-child{order:10}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:-1){.elementor-reverse-tablet>.elementor-container>:first-child,.elementor-reverse-tablet>.elementor-container>:nth-child(10),.elementor-reverse-tablet>.elementor-container>:nth-child(2),.elementor-reverse-tablet>.elementor-container>:nth-child(3),.elementor-reverse-tablet>.elementor-container>:nth-child(4),.elementor-reverse-tablet>.elementor-container>:nth-child(5),.elementor-reverse-tablet>.elementor-container>:nth-child(6),.elementor-reverse-tablet>.elementor-container>:nth-child(7),.elementor-reverse-tablet>.elementor-container>:nth-child(8),.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:0}.elementor-reverse-mobile_extra>.elementor-container>:first-child{order:10}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(10){order:1}}@media (max-width:767px){.elementor-reverse-mobile>.elementor-container>:first-child{order:10}.elementor-reverse-mobile>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile>.elementor-container>:nth-child(10){order:1}.elementor-column{width:100%}}.elementor-grid{display:grid;grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}.elementor-grid .elementor-grid-item{min-width:0}.elementor-grid-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}@media (min-width:-1){.elementor-grid-widescreen-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-widescreen-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-widescreen-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-widescreen-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-widescreen-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-widescreen-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-widescreen-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-widescreen-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-widescreen-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-widescreen-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-widescreen-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-widescreen-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-widescreen-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-laptop-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-laptop-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-laptop-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-laptop-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-laptop-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-laptop-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-laptop-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-laptop-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-laptop-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-laptop-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-laptop-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-laptop-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-laptop-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-laptop-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}.elementor-grid-tablet_extra-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:1024px){.elementor-grid-tablet-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-tablet-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-mobile_extra-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:767px){.elementor-grid-mobile-0 .elementor-grid{display:inline-block;margin-bottom:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-mobile-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (min-width:1025px){#elementor-device-mode:after{content:"desktop"}}@media (min-width:-1){#elementor-device-mode:after{content:"widescreen"}}@media (max-width:-1){#elementor-device-mode:after{content:"laptop";content:"tablet_extra"}}@media (max-width:1024px){#elementor-device-mode:after{content:"tablet"}}@media (max-width:-1){#elementor-device-mode:after{content:"mobile_extra"}}@media (max-width:767px){#elementor-device-mode:after{content:"mobile"}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);border-radius:var(--border-radius);height:var(--height);min-height:var(--min-height);min-width:0;overflow:var(--overflow);position:var(--position);width:var(--width);z-index:var(--z-index);--flex-wrap-mobile:wrap;margin-block-end:var(--margin-block-end);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-inline-start:var(--margin-inline-start);padding-inline-end:var(--padding-inline-end);padding-inline-start:var(--padding-inline-start)}.e-con:where(:not(.e-div-block-base)){transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s)}.e-con{--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)}body.rtl .e-con{--padding-inline-start:var(--padding-right);--padding-inline-end:var(--padding-left);--margin-inline-start:var(--margin-right);--margin-inline-end:var(--margin-left);--border-inline-start-width:var(--border-right-width);--border-inline-end-width:var(--border-left-width)}.e-con.e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)}.e-con-full,.e-con>.e-con-inner{padding-block-end:var(--padding-block-end);padding-block-start:var(--padding-block-start);text-align:var(--text-align)}.e-con-full.e-flex,.e-con.e-flex>.e-con-inner{flex-direction:var(--flex-direction)}.e-con,.e-con>.e-con-inner{display:var(--display)}.e-con.e-grid{--grid-justify-content:start;--grid-align-content:start;--grid-auto-flow:row}.e-con.e-grid,.e-con.e-grid>.e-con-inner{align-content:var(--grid-align-content);align-items:var(--align-items);grid-auto-flow:var(--grid-auto-flow);grid-template-columns:var(--e-con-grid-template-columns);grid-template-rows:var(--e-con-grid-template-rows);justify-content:var(--grid-justify-content);justify-items:var(--justify-items)}.e-con-boxed.e-flex{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal}.e-con-boxed.e-grid{grid-template-columns:1fr;grid-template-rows:1fr;justify-items:legacy}.e-con-boxed{gap:initial;text-align:initial}.e-con.e-flex>.e-con-inner{align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content)}.e-con.e-grid>.e-con-inner{align-items:var(--align-items);justify-items:var(--justify-items)}.e-con>.e-con-inner{gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline-end:0;padding-inline-start:0;width:100%}:is(.elementor-section-wrap,[data-elementor-id])>.e-con{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))}.e-con .elementor-widget.elementor-widget{margin-block-end:0}.e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);content:var(--background-overlay);display:block;height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);position:absolute;top:calc(0px - var(--border-top-width));transition:var(--overlay-transition,.3s);width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}.e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)}.e-con>.elementor-background-slideshow,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));top:calc(0px - var(--border-top-width));width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}@media (max-width:767px){:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-mobile{display:none}}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{z-index:1}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-slideshow:before{z-index:2}.e-con .elementor-widget{min-width:0}.e-con .elementor-widget-empty,.e-con .elementor-widget-google_maps,.e-con .elementor-widget-video,.e-con .elementor-widget.e-widget-swiper{width:100%}.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,.e-con>.elementor-widget>.elementor-widget-container{height:100%}.e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget{max-width:100%}.e-con .elementor-widget:not(:last-child){--kit-widget-spacing:0px}@media (max-width:767px){.e-con.e-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)}.e-con.e-flex .elementor-widget-archive-posts{width:100%}}.elementor-form-fields-wrapper{display:flex;flex-wrap:wrap}.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>.elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>input,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>textarea{flex-basis:100%;max-width:100%}.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group .elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group>input{flex-grow:1}.elementor-field-group{align-items:center;flex-wrap:wrap}.elementor-field-group.elementor-field-type-submit{align-items:flex-end}.elementor-field-group .elementor-field-textual{background-color:transparent;border:1px solid #69727d;color:#1f2124;flex-grow:1;max-width:100%;vertical-align:middle;width:100%}.elementor-field-group .elementor-field-textual:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);outline:0}.elementor-field-group .elementor-field-textual::-moz-placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-field-textual::placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-select-wrapper{display:flex;position:relative;width:100%}.elementor-field-group .elementor-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;flex-basis:100%;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-inline-end:20px;text-transform:inherit}.elementor-field-group .elementor-select-wrapper:before{content:"\e92a";font-family:eicons;font-size:15px;inset-block-start:50%;inset-inline-end:10px;pointer-events:none;position:absolute;text-shadow:0 0 3px rgba(0,0,0,.3);transform:translateY(-50%)}.elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before{content:""}.elementor-field-subgroup{display:flex;flex-wrap:wrap}.elementor-field-subgroup .elementor-field-option label{display:inline-block}.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option{padding-inline-end:10px}.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option{flex-basis:100%}.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label{display:inline}.elementor-field-label{cursor:pointer}.elementor-mark-required .elementor-field-label:after{color:red;content:"*";padding-inline-start:.2em}.elementor-field-textual{border-radius:3px;font-size:15px;line-height:1.4;min-height:40px;padding:5px 14px}.elementor-field-textual.elementor-size-xs{border-radius:2px;font-size:13px;min-height:33px;padding:4px 12px}.elementor-field-textual.elementor-size-md{border-radius:4px;font-size:16px;min-height:47px;padding:6px 16px}.elementor-field-textual.elementor-size-lg{border-radius:5px;font-size:18px;min-height:59px;padding:7px 20px}.elementor-field-textual.elementor-size-xl{border-radius:6px;font-size:20px;min-height:72px;padding:8px 24px}.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-button-align-center .e-form__buttons,.elementor-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-button-align-start .e-form__buttons,.elementor-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-button-align-end .e-form__buttons,.elementor-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-center .e-form__buttons__wrapper__button,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper__button,.elementor-button-align-start .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}@media screen and (max-width:1024px){.elementor-tablet-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-tablet-button-align-center .e-form__buttons,.elementor-tablet-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-tablet-button-align-start .e-form__buttons,.elementor-tablet-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-tablet-button-align-end .e-form__buttons,.elementor-tablet-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-center .e-form__buttons__wrapper__button,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper__button,.elementor-tablet-button-align-start .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}@media screen and (max-width:767px){.elementor-mobile-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-mobile-button-align-center .e-form__buttons,.elementor-mobile-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-mobile-button-align-start .e-form__buttons,.elementor-mobile-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-mobile-button-align-end .e-form__buttons,.elementor-mobile-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-center .e-form__buttons__wrapper__button,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper__button,.elementor-mobile-button-align-start .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}.elementor-error .elementor-field{border-color:#d9534f}.elementor-error .help-inline{color:#d9534f;font-size:.9em}.elementor-message{font-size:1em;line-height:1;margin:10px 0}.elementor-message:before{content:"\e90e";display:inline-block;font-family:eicons;font-style:normal;font-weight:400;margin-inline-end:5px;vertical-align:middle}.elementor-message.elementor-message-danger{color:#d9534f}.elementor-message.elementor-message-danger:before{content:"\e87f"}.elementor-message.form-message-success{color:#5cb85c}.elementor-form .elementor-button{border:none;padding-block-end:0;padding-block-start:0}.elementor-form .elementor-button-content-wrapper,.elementor-form .elementor-button>span{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-form .elementor-button.elementor-size-xs{min-height:33px}.elementor-form .elementor-button.elementor-size-sm{min-height:40px}.elementor-form .elementor-button.elementor-size-md{min-height:47px}.elementor-form .elementor-button.elementor-size-lg{min-height:59px}.elementor-form .elementor-button.elementor-size-xl{min-height:72px}.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container,.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)){transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)}.elementor-heading-title{line-height:1;margin:0;padding:0}.elementor-button{background-color:#69727d;border-radius:3px;color:#fff;display:inline-block;font-size:15px;line-height:1;padding:12px 24px;fill:#fff;text-align:center;transition:all .3s}.elementor-button:focus,.elementor-button:hover,.elementor-button:visited{color:#fff}.elementor-button-content-wrapper{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-button-icon{align-items:center;display:flex}.elementor-button-icon svg{height:auto;width:1em}.elementor-button-icon .e-font-icon-svg{height:1em}.elementor-button-text{display:inline-block}.elementor-button.elementor-size-xs{border-radius:2px;font-size:13px;padding:10px 20px}.elementor-button.elementor-size-md{border-radius:4px;font-size:16px;padding:15px 30px}.elementor-button.elementor-size-lg{border-radius:5px;font-size:18px;padding:20px 40px}.elementor-button.elementor-size-xl{border-radius:6px;font-size:20px;padding:25px 50px}.elementor-button span{text-decoration:inherit}.elementor-element.elementor-button-info .elementor-button{background-color:#5bc0de}.elementor-element.elementor-button-success .elementor-button{background-color:#5cb85c}.elementor-element.elementor-button-warning .elementor-button{background-color:#f0ad4e}.elementor-element.elementor-button-danger .elementor-button{background-color:#d9534f}.elementor-widget-button .elementor-button .elementor-button-info{background-color:#5bc0de}.elementor-widget-button .elementor-button .elementor-button-success{background-color:#5cb85c}.elementor-widget-button .elementor-button .elementor-button-warning{background-color:#f0ad4e}.elementor-widget-button .elementor-button .elementor-button-danger{background-color:#d9534f}.elementor-view-stacked .elementor-icon{background-color:#69727d;color:#fff;padding:.5em;fill:#fff}.elementor-view-framed .elementor-icon{background-color:transparent;border:3px solid #69727d;color:#69727d;padding:.5em}.elementor-icon{color:#69727d;display:inline-block;font-size:50px;line-height:1;text-align:center;transition:all .3s}.elementor-icon:hover{color:#69727d}.elementor-icon i,.elementor-icon svg{display:block;height:1em;position:relative;width:1em}.elementor-icon i:before,.elementor-icon svg:before{left:50%;position:absolute;transform:translateX(-50%)}.elementor-icon i.fad{width:auto}.elementor-shape-square .elementor-icon{border-radius:0}.elementor-shape-rounded .elementor-icon{border-radius:10%}.elementor-shape-circle .elementor-icon{border-radius:50%}.e-transform .elementor-widget-container,.e-transform:not(:has(.elementor-widget-container)){transform:perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x)}.e-con.e-transform{transform:perspective(var(--e-con-transform-perspective,0)) rotate(var(--e-con-transform-rotateZ,0)) rotateX(var(--e-con-transform-rotateX,0)) rotateY(var(--e-con-transform-rotateY,0)) translate(var(--e-con-transform-translate,0)) translateX(var(--e-con-transform-translateX,0)) translateY(var(--e-con-transform-translateY,0)) scaleX(calc(var(--e-con-transform-flipX, 1) * var(--e-con-transform-scaleX, var(--e-con-transform-scale, 1)))) scaleY(calc(var(--e-con-transform-flipY, 1) * var(--e-con-transform-scaleY, var(--e-con-transform-scale, 1)))) skewX(var(--e-con-transform-skewX,0)) skewY(var(--e-con-transform-skewY,0));transform-origin:var(--e-con-transform-origin-y) var(--e-con-transform-origin-x)}.animated{animation-duration:1.25s}.animated.animated-slow{animation-duration:2s}.animated.animated-fast{animation-duration:.75s}.animated.infinite{animation-iteration-count:infinite}.animated.reverse{animation-direction:reverse;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.animated{animation:none!important}html *{transition-delay:0s!important;transition-duration:0s!important}}@media (max-width:767px){.elementor .elementor-hidden-mobile,.elementor .elementor-hidden-phone{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-mobile_extra{display:none}}@media (min-width:768px) and (max-width:1024px){.elementor .elementor-hidden-tablet{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-laptop,.elementor .elementor-hidden-tablet_extra{display:none}}@media (min-width:1025px) and (max-width:99999px){.elementor .elementor-hidden-desktop{display:none}}@media (min-width:-1){.elementor .elementor-hidden-widescreen{display:none}}.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-tombuild_primary:#022047;--e-global-color-tombuild_text:#858585;--e-global-color-tombuild_accent:#EE0D08;--e-global-color-tombuild_border:#E7E7E7;--e-global-color-tombuild_light:#F8F8F9;--e-global-color-c44f38a:#092357;--e-global-typography-primary-font-family:"Chivo";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Chivo";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:400;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/*
* Plugin Name: Master Layer
* Version: 1.0
* Description: Master Addons for Elementor
* Author: MasterLayer
* Plugin URI: https://tplabs.co/tombuild
* Author URI: https://tplabs.co/
* License: Custom license
* License URI: Licensing/README_License.txt
* Text Domain: masterlayer
**/
/* TABLE OF CONTENTS
* Elementor Fixed
* Extra classes
* Headline
* Separator
* Link
* Button
* Headings
* Icon
* Icon Box
* Icon Text
* Slider
* Carousel Box
* Text Box
* Copyright
* Counter
* Progress Bar
* Pie Chart
* Video Icon
* Fancy Image
* Image Box
* Hover Box
* Tabs
* Accordions
* Subscribe Form
* Contact Form
* Gallery
* Gallery Stack
* Call To Action
* Price Box
* Project
* News
* New Block
* Team
* Testimonial
* Testimonial Slider
* Partner
* Animation
* Additional Custom
-------------------------------------------------------------- */
/* ----------------------------------------
Extra Classes
---------------------------------------- */
.o1 { opacity: 0.1; }
.o2 { opacity: 0.2; }
.o3 { opacity: 0.3; }
.o4 { opacity: 0.4; }
.o5 { opacity: 0.5; }
.o6 { opacity: 0.6; }
.o7 { opacity: 0.7; }
.o8 { opacity: 0.8; }
.o9 { opacity: 0.9; }
.pointer-events-none { pointer-events: none !important; }
.pointer-events-auto { pointer-events: auto !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.has-underline {
position: relative;
display: inline-block;
}
.has-underline:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 1px;
background-color: currentColor;
opacity: 0.7;
}
.has-underline.underline-accent:after {
background-color: var(--e-global-color-tombuild_accent);
opacity: 1;
}
.align-center .content-wrap {
align-items: center;
}
.align-right .content-wrap {
align-items: flex-end;
}
.item-align-center .elementor-widget-container { justify-content: center; }
.item-align-right .elementor-widget-container { justify-content: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft { text-align: left; }
.align--tabletcenter { text-align: center; }
.align--tabletright { text-align: right; }
.align--tabletleft .content-wrap { align-items: flex-start; }
.align--tabletcenter .content-wrap { align-items: center; }
.align--tabletright .content-wrap { align-items: flex-end; }
.item-align--tabletleft .elementor-widget-container { justify-content: flex-start; }
.item-align--tabletcenter .elementor-widget-container { justify-content: center; }
.item-align--tabletright .elementor-widget-container { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft { text-align: left; }
.align--mobilecenter { text-align: center; }
.align--mobileright { text-align: right; }
.align--mobileleft .content-wrap { align-items: flex-start; }
.align--mobilecenter .content-wrap { align-items: center; }
.align--mobileright .content-wrap { align-items: flex-end; }
.item-align--mobileleft .elementor-widget-container { justify-content: flex-start; }
.item-align--mobilecenter .elementor-widget-container { justify-content: center; }
.item-align--mobileright .elementor-widget-container { justify-content: flex-end; }
}
.hidden { display: none !important; }
.show { display: block !important; }
@media (min-width: 1440px) {
.col-fix-1 { width: 100px !important; max-width: 100px !important; }
.col-fix-2 { width: 200px !important; max-width: 200px !important; }
.col-fix-3 { width: 300px !important; max-width: 300px !important; }
.col-fix-4 { width: 400px !important; max-width: 400px !important; }
.col-fix-5 { width: 500px !important; max-width: 500px !important; }
.col-fix-6 { width: 600px !important; max-width: 600px !important; }
.col-fix-7 { width: 700px !important; max-width: 700px !important; }
.col-fix-8 { width: 800px !important; max-width: 800px !important; }
}
.text-bg-true .inner { -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
/* Elementor Fixed
-------------------------------------------------------------- */
.elementor-widget-container { line-height: 1; }
.elementor-widget-text-editor .elementor-widget-container { line-height: inherit; }
.elementor-widget-container p:last-child { margin-bottom: 0px; }
.overflow-hidden.elementor-column > .elementor-widget-wrap { overflow: hidden; }
.col-nowrap > .elementor-container { flex-wrap: nowrap !important; }
/* Fix bottom spacing on display block */
.elementor-widget-mae-cta .elementor-widget-container {
display: flex;
}
.elementor-column.elementor-col-100 .elementor-section .elementor-container {
justify-content: space-between;
}
.elementor-section.elementor-section-boxed.section-1600px > .elementor-container {
max-width: 100%;
}
/* Remove gap between widget */
.tombuild-container .elementor-container.elementor-column-gap-default > .elementor-column {
padding: 0 15px;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
padding: 0;
}
/* Header Single Page */
.page-header-single #page #site-header-wrap,
.page-header-single #page #featured-title,
.page-header-single .hentry .post-author,
.page-header-single #page .inner-content > *:not(.post-content){
display: none;
}
.page-header-single #main-content {
padding: 0; margin-bottom: 1000px;
}
/* Footer Single Page */
.page-footer-single #footer,
.page-footer-single #bottom,
.page-footer-single .hentry .post-author,
.page-footer-single #page .inner-content > *:not(.post-content) {
display: none;
}
.page-footer-single #main-content {
padding: 0 0 500px;
}
.elementor-icon-wrapper {
line-height: 1;
}
.overflow-hidden .master-gallery-stack,
.overflow-hidden .elementor-widget-container {
overflow: hidden;
}
@media screen and (min-width: 1400px) {
.elementor-column:first-child { flex-grow: 2; }
.elementor-column:last-child { flex-grow: 1; flex-shrink: 9999; }
}
@media screen and (min-width: 1025px) {
.elementor-preview .elementor-hidden-desktop .tombuild-menu-panel { opacity: 0; }
}
@media screen and (min-width: 768px) {
.elementor-preview .elementor-hidden-tablet .tombuild-menu-panel { opacity: 0; }
}
/* Flexbox container */
.tombuild-container.con-full {
width: unset;
max-width: 100vw;
}
/* ----------------------------------------
Metform Fixed
---------------------------------------- */
.mf-error-message { margin-bottom: 4px; }
.metform-submit-btn { box-shadow: none !important; }
.metform-form-content { overflow: visible !important; }
/* ----------------------------------------
General
---------------------------------------- */
.headline-2 {
font-size: 20px;
line-height: 1.3;
margin-bottom: 15px;
transition: color 0.3s;
}
.desc {
font-size: 16px;
line-height: 1.5;
}
.icon-wrap {
display: flex;
}
.icon svg,
.popup-video svg,
.icon-wrap svg,
.master-icon svg {
width: 100%;
max-width: 100%;
height: inherit;
fill: currentColor;
transition: width 0s;
}
.url-width-full .url-wrap > a { width: 100%; justify-content: space-between; }
.url-wrap { z-index: 999; }
.thumb .inner { width: 100%; }
/* ----------------------------------------
Decoration
---------------------------------------- */
.master-wrap { position: relative; }
.master-decor { position: absolute; pointer-events: none; width: auto; }
.master-decor.icon { line-height: 1; }
/* ----------------------------------------
Separator
---------------------------------------- */
.sep { height: 1px; width: 100%; background-color: var(--e-global-color-tombuild_border); margin-bottom: 6px; }
/* ----------------------------------------
Hidden URL
---------------------------------------- */
.url-hidden {
opacity: 0 !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
}
/* ----------------------------------------
Link
---------------------------------------- */
.master-link {
position: relative;
display: inline-flex;
align-items: center;
align-items: center;
font-size: 16px;
line-height: 1.25;
font-weight: 500;
transition: all 0.3s ease, font-size 0s;
color: var(--e-global-color-tombuild_primary);
}
.master-link .icon {
display: flex;
justify-content: center;
align-items: center;
color: var(--e-global-color-tombuild_accent);
line-height: inherit;
transition: 0.3s ease;
}
.master-link .icon svg {
width: 16px;
fill: current-color;
}
.master-link.icon-right .icon { margin-left: 10px; }
.master-link.icon-left .icon { margin-right: 10px; }
.line-yes .master-link:after,
.line-hover .master-link:after {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 1px;
background-color: currentColor;
content: "";
}
.line-hover .master-link:after {
width: 0;
transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
}
.line-hover .master-link:hover:after {
width: 100%;
left: 0;
}
.master-link:hover .icon {
animation: 0.3s link-icon linear;
}
/* ----------------------------------------
Arrow
---------------------------------------- */
.master-arrow {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 18px;
text-align: center;
border-radius: 50%;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
cursor: pointer;
pointer-events: auto;
transition: 0.3s;
}
.master-arrow i {
display: inline-block;
}
.master-arrow:hover {
color: #fff;
background-color: var(--e-global-color-tombuild_accent);
}
.master-arrow:hover i {
animation: 0.3s link-icon linear;
}
/* ----------------------------------------
Button
---------------------------------------- */
.master-button {
position: relative;
display: inline-flex;
justify-content: center;
font-size: 16px;
line-height: 24px;
padding: 18px 30px;
font-weight: 500;
transition: all 0.3s ease;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
overflow: hidden;
cursor: pointer;
}
.master-button:focus {
color: inherit;
}
.master-button .text {
display: inline-block;
transition: color 0.3s ease;
}
.master-button .icon {
display: inline-block;
}
.master-button.icon-right .icon {
margin-left: 10px;
}
.master-button.icon-left .icon {
margin-right: 10px;
}
.master-button.big {
font-size: 16px;
}
.master-button.big.icon-right .icon {
margin-left: 20px;
}
.master-button.big.icon-left .icon {
margin-right: 20px;
}
.master-button.small {
font-weight: 500;
padding: 13px 25px;
}
.master-button.small.icon-right .icon {
margin-left: 10px;
}
.master-button.small.icon-left .icon {
margin-right: 10px;
}
.master-button.btn-white {
background-color: #fff;
color: var(--e-global-color-tombuild_accent);
}
.master-button.btn-dark {
background-color: var(--e-global-color-tombuild_primary);
color: #fff;
}
.master-button.btn-outline {
background-color: transparent;
color: var(--e-global-color-tombuild_accent);
border: 1px solid var(--e-global-color-tombuild_accent);
}
.master-button.btn-white:hover {
color: #fff;
}
.master-button.btn-white .bg-hover {
background-color: var(--e-global-color-tombuild_primary);
}
.master-button.btn-dark .bg-hover {
background-color: var(--e-global-color-tombuild_accent);
}
.master-button.btn-outline .bg-hover {
background-color: var(--e-global-color-tombuild_accent);
}
.btn-full-width .master-button {
width: 100%;
text-align: center;
justify-content: center;
}
/* Hover Effect */
.master-button .inner-wrap,
.master-button .inner {
position: relative;
display: inline-block;
z-index: 1;
}
.master-button .content-base,
.master-button .content-hover {
display: flex;
align-items: center;
position: relative;
color: inherit;
transition: none;
}
.master-button .content-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.master-button:hover {
color: #fff;
}
.master-button .bg-hover {
background-color: var(--e-global-color-tombuild_primary);
}
.master-button.btn-hover-1 .bg-hover {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 100%;
z-index: 0;
}
.master-button.btn-hover-1 .content-hover {
transform: translateY(5px);
}
.master-button.btn-hover-1:hover .content-base {
transform: translateY(-5px);
opacity: 0;
}
.master-button.btn-hover-1:hover .content-hover {
transform: translateY(0);
opacity: 1;
}
.master-button.btn-hover-1 .bg-hover {
transition: width 0.2s cubic-bezier(0.35, 0.7, 0.35, 1);
}
.master-button.btn-hover-1:hover .bg-hover {
width: 100%;
left: 0;
}
.master-button.btn-hover-2 .content-hover {
display: none;
}
.master-button.btn-hover-2 .bg-hover {
position: absolute;
display: block;
width: 0;
height: 0;
transform: translate(-50%, -50%);
transition: 0.5s ease-in-out;
z-index: 0;
border-radius: 100%;
opacity: 0.3;
transition: width 0.7s ease, padding-top 0.7s ease, opacity 0.7s ease, top 0s, left 0s;
}
.master-button.btn-hover-2:hover .bg-hover {
width: calc(100% * 2.25);
padding-top: calc(100% * 2.25);
opacity: 1;
}
/* ----------------------------------------
Headings
---------------------------------------- */
.master-heading {
display: flex;
justify-content: center;
flex-direction: column;
}
.master-heading .pre-heading {
position: relative;
font-size: 15px;
line-height: 1.5;
margin-bottom: 0;
font-weight: 500;
color: var(--e-global-color-tombuild_accent);
margin-bottom: 20px;
text-transform: uppercase;
}
.master-heading .pre-heading .line {
position: absolute;
top: 10px;
left: 0;
overflow: hidden;
line-height: 0;
}
.master-heading .pre-heading .line .inner {
display: inline-block;
width: 10px;
height: 2px;
background-color: var(--e-global-color-tombuild_accent);
animation: 1.5s line-moving infinite linear;
}
.master-heading .main-heading {
font-size: 40px;
line-height: 1.2;
margin-bottom: 25px;
}
.master-heading .main-heading:hover a {
color: var(--e-global-color-tombuild_accent);
}
.master-heading .sub-heading {
font-size: 18px;
line-height: 1.5;
}
.master-heading .sep {
margin-bottom: 12px;
background-color: var(--e-global-color-tombuild_accent);
}
.master-heading.sep-after .main-heading {
margin-bottom: 10px;
}
.master-heading.sep-after .sep {
margin-bottom: 45px;
}
.master-heading.sep-before .sep {
margin-bottom: 0;
}
.master-heading .pre-heading .line {
display: none;
}
.heading-style-1 .master-heading .pre-heading .line {
display: block;
}
.heading-style-1 .master-heading .pre-heading {
padding-left: 20px;
}
.heading-big .master-heading .main-heading {
font-size: 64px;
line-height: 72px;
}
.heading-small .master-heading .main-heading {
font-size: 36px;
line-height: 46px;
}
.double-line {
display: flex;
flex-direction: column;
margin-bottom: 4px;
}
.double-line .line {
position: relative;
display: inline-block;
width: 26px;
height: 1px;
background-color: var(--e-global-color-tombuild_accent);
transition: transform 0.5s ease 0.7s;
transform: translateX(5px);
}
.double-line .line2 {
margin-top: 2px;
}
.inview .double-line .line1 {
transform: translateX(0px);
}
.inview .double-line .line2 {
transform: translateX(10px);
}
.align-left .master-heading { align-items: flex-start; }
.align-center .master-heading { align-items: center; }
.align-right .master-heading{ align-items: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft .master-heading { align-items: flex-start; }
.align--tabletcenter .master-heading { align-items: center; }
.align--tabletright .master-heading { align-items: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-heading { align-items: flex-start; }
.align--mobilecenter .master-heading { align-items: center; }
.align--mobileright .master-heading{ align-items: flex-end; }
}
@media (max-width: 575px) {
.master-heading .main-heading { font-size: 34px; line-height: 50px; }
.text-box .master-heading .main-heading { font-size: 20px; line-height: 36px; }
}
/* ----------------------------------------
List
---------------------------------------- */
.master-list .list-item:last-child { margin-bottom: 0 !important; }
.list-stretch .master-list .list-item {justify-content: space-between; }
/* ----------------------------------------
Icon
---------------------------------------- */
.master-icon {
display: inline-block;
font-size: 60px;
line-height: 1;
color: var(--e-global-color-tombuild_accent);
transition: color 0.3s, background 0.3s;
}
.master-icon i {
position: relative;
z-index: 1;
line-height: inherit;
}
.master-icon svg {
fill: currentColor;
width: 60px;
}
.icon-has-bg .master-icon {
position: relative;
line-height: 130px;
width: 130px;
height: 130px;
color: #fff;
background-color: var(--e-global-color-tombuild_accent);
border-radius: 50%;
text-align: center;
}
.icon-has-bg .master-icon svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* ----------------------------------------
Icon Box
---------------------------------------- */
.master-icon-box {
position: relative;
transition: 0.3s all ease;
}
.master-icon-box .inner {
display: flex;
position: relative;
z-index: 10;
transition: all 0.5s ease;
}
.master-icon-box .url-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: visible;
opacity: 0;
z-index: 9;
}
.icon-wrap {
display: inline-flex;
}
.master-icon-box .sep,
.master-icon-box .desc {
transition: color 0.3s;
}
.master-icon-box .desc {
margin-bottom: 20px;
}
.master-icon-box .icon-text {
font-size: 42px;
line-height: 62px;
margin-bottom: 0;
}
.master-icon-box .master-icon {
position: relative;
}
.master-icon-box .master-icon:before {
position: absolute;
top: 50%;
left: 50%;
content: "";
width: 100%;
height: 100%;
transform: translate(-50%, -50%) scale(1);
transition: 0.5s;
opacity: 1;
transform-origin: 50% 50%;
z-index: 0;
border-radius: inherit;
background-color: inherit;
opacity: 0;
z-index: 0;
}
.master-icon-box:hover .master-icon:before {
animation: iconEff1 0.5s ease forwards;
}
@keyframes iconEff1 {
from {
opacity: 0.7;
}
to {
transform: translate(-50%, -50%) scale(1.4);
opacity: 0;
}
}
.icon-position-top .icon-wrap {
margin-bottom: 20px;
}
.icon-position-left .icon-wrap {
margin-right: 25px; margin-left: 0;
}
.icon-position-right .icon-wrap {
margin-left: 25px; margin-right: 0;
}
.master-icon-box .bg-static,
.master-icon-box .bg,
.master-icon-box .bg-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.3s ease;
z-index: 0;
border-radius: inherit;
}
.master-icon-box .bg-hover {
opacity: 0;
}
.master-icon-box:hover .bg-hover {
opacity: 1;
}
/* Icon Top - Bottom */
.icon-position-top .master-icon-box .inner { flex-direction: column;}
.icon-position-bottom .master-icon-box .inner { flex-direction: column-reverse; }
/* Icon Left - Right */
.icon-position-left .master-icon-box .inner { flex-direction: row; }
.icon-position-right .master-icon-box .inner { flex-direction: row-reverse; }
.align-left .master-icon-box .inner { align-items: flex-start; }
.align-center .master-icon-box .inner { align-items: center; }
.align-right .master-icon-box .inner { align-items: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft .master-icon-box .inner { align-items: flex-start; }
.align--tabletcenter .master-icon-box .inner { align-items: center; }
.align--tabletright .master-icon-box .inner { align-items: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-icon-box .inner { align-items: flex-start; }
.align--mobilecenter .master-icon-box .inner { align-items: center; }
.align--mobileright .master-icon-box .inner { align-items: flex-end; }
.master-icon-box .inner { align-items: flex-start; }
}
@media (max-width: 575px) {
.icon-position-right .master-icon-box .inner,
.icon-position-left .master-icon-box .inner { flex-direction: column; }
.icon-position-right .master-icon-box .icon-wrap,
.icon-position-left .master-icon-box .icon-wrap { margin-left: 0; margin-right: 0; }
.icon-position-right .master-icon-box .inner .master-icon,
.icon-position-left .master-icon-box .inner .master-icon { margin-bottom: 15px; }
.icon-position-right .master-icon-box .inner .desc,
.icon-position-left .master-icon-box .inner .desc { margin-left: 0; margin-right: 0; }
.icon-position-right.small-icon .master-icon-box .inner .master-icon,
.icon-position-left.small-icon .master-icon-box .inner .master-icon { margin-bottom: 10px; }
.icon-box-left .master-icon-box .inner { flex-direction: row; }
}
/* Icon Box Style 1 */
.icon-box-style-1 .master-icon-box {
padding-bottom: 50px;
}
.icon-box-style-1 .master-icon-box:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
content: '';
background-color: var(--e-global-color-tombuild_accent);
z-index: 1;
}
.icon-box-style-1 .master-icon-box .inner {
padding: 138px 70px 42px;
box-shadow: 0 10px 50px 0 rgba(0,0,0,0.07);
}
.icon-box-style-1 .headline-2 {
font-size: 20px;
line-height: 24px;
margin-bottom: 6px;
}
.icon-box-style-1.icon-has-bg .icon-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
transform: translateY(50%);
display: block;
}
.icon-box-style-1.icon-has-bg .master-icon {
width: 100px;
height: 100px;
line-height: 80px;
font-size: 36px;
border: 12px solid #fff;
box-shadow: 0 10px 50px 0 rgba(0,0,0,0.07);
}
.icon-box-style-1.icon-has-bg .master-icon svg {
width: 36px;
}
/* ----------------------------------------
Icon Text
---------------------------------------- */
.master-icon-text {
display: flex;
align-items: center;
font-size: 18px;
line-height: 22px;
transition: 0.3s all ease;
gap: 10px;
}
.master-icon-text .icon-wrap {
display: inline-block;
color: var(--e-global-color-tombuild_accent);
flex-shrink: 0;
text-align: center;
line-height: 1;
}
.master-icon-text .icon-wrap svg {
width: 18px;
}
.master-icon-text .content-wrap {
position: relative;
display: inline-block;
}
.master-icon-text .icon-wrap i {
position: relative;
display: inline-block;
}
.icon-has-bg .master-icon-text .icon-wrap {
position: relative;
width: 26px;
height: 26px;
line-height: 26px;
background-color: #f6f6f6;
}
.icon-has-bg .master-icon-text .icon-wrap i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.align-center .master-icon-text {
justify-content: center;
}
.align-right .master-icon-text {
justify-content: flex-end;
}
@media (max-width: 1024px) {
.align--tabletleft .master-icon-text { justify-content: flex-start; }
.align--tabletcenter .master-icon-text { justify-content: center; }
.align--tabletright .master-icon-text { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-icon-text { justify-content: flex-start; }
.align--mobilecenter .master-icon-text { justify-content: center; }
.align--mobileright .master-icon-text { justify-content: flex-end; }
}
@media (max-width: 570px) {
.big-icon .master-icon-text { flex-direction: column; align-items: flex-start; }
.big-icon .master-icon-text .icon-wrap { margin-bottom: 30px; }
}
/* ----------------------------------------
Popup
---------------------------------------- */
.master-popup .popup-panel {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
visibility: visible;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
z-index: 999999;
}
.master-popup .popup-content {
max-height: 100vh;
overflow: auto;
}
.master-popup .popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0,0,0,0.7);
}
.master-popup.active .popup-panel {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.master-popup .close-btn {
position: absolute;
top: 40px;
right: 40px;
width: 50px;
height: 50px;
color: #fff;
cursor: pointer;
z-index: 9999;
}
/* ----------------------------------------
Slider
---------------------------------------- */
.master-slider {
position: relative;
width: 100%;
min-height: 700px;
}
/* Background */
.master-slider .bg-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: hidden;
background-color: var(--e-global-color-tombuild_primary);
}
.master-slider .bg-wrap .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.master-slider .bg-wrap .bg.active {
visibility: visible;
}
/* Content */
.master-slider .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
visibility: hidden;
}
.master-slider .slide.active {
visibility: visible;
}
.master-slider .slide .sub-title {
font-size: 16px;
line-height: 30px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
margin-bottom: 18px;
}
.master-slider .slide .title {
font-size: 120px;
line-height: 110px;
color: #fff;
margin-bottom: 22px;
}
.master-slider .slide .desc {
font-size: 16px;
line-height: 30px;
color: rgba(255,255,255,0.7);
margin-bottom: 40px;
}
.master-slider .url-wrap {
display: flex;
}
.master-slider .master-video-icon {
gap: 10px;
}
.master-slider .master-video-icon .video-icon {
width: unset;
height: unset;
line-height: 1;
padding: 30px;
font-size: 12px;
}
.master-slider .master-video-icon .video-text {
padding: 0 !important;
margin: 0 !important;
color: #fff;
background-color: transparent !important;
height: unset !important;
line-height: 1;
text-align: left;
}
/* Slider Style */
.slider-full-screen .master-slider .bg-wrap,
.slider-full-width .master-slider .bg-wrap {
width: 100vw;
left: 50%;
transform: translateX(-50%);
}
.slider-full-screen .master-slider {
height: 100vh;
}
.slider-image-right .master-slider .bg-wrap {
width: 50vw;
left: 50%;
transform: none;
}
.slider-image-left .master-slider .bg-wrap {
width: 50vw;
right: 50%;
left: unset;
transform: none;
}
.slider-image-left .master-slider .content-wrap .slide,
.slider-image-right .master-slider .content-wrap .slide {
max-width: 50vw;
}
/* Loading */
.master-slider.on-load .bg-wrap:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(0,0,0,0.5);
z-index: 100;
}
.master-slider.on-load .slide.active {
opacity: 0;
transform: translateY(100px);
}
.master-slider.on-load.loaded .bg-wrap:after {
transform: translateY(-120%);
transition: transform 1s ease 1s;
}
.master-slider.on-load.loaded .slide.active {
transform: translateY(0);
opacity: 1;
transition: 1s ease 1.2s;
}
/* Controls */
.master-slider .control-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
/* Dots */
.master-slider .nav-dots {
position: absolute;
bottom: 60px;
left: 50%;
transform: translateX(-50%);
width: auto;
line-height: 1;
text-align: center;
pointer-events: auto;
}
.master-slider .nav-dots .dot {
position: relative;
display: inline-block;
width: 14px;
height: 14px;
padding: 0 13px;
cursor: pointer;
}
.master-slider .nav-dots .dot:after {
position: absolute;
top: 50%;
left: 50%;
content: "";
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 50%;
opacity: 0.3;
transition: 0.3s;
}
.master-slider .nav-dots:hover .dot.active:after,
.master-slider .nav-dots:hover .dot:after {
width: 10px;
height: 10px;
opacity: 0.3;
}
.master-slider .nav-dots:hover .dot.active:hover:after,
.master-slider .nav-dots .dot:hover:after,
.master-slider .nav-dots .dot.active:after {
background-color: #fff;
width: 14px;
height: 14px;
opacity: 1;
}
.slider-dots-no .master-slider .nav-dots {
display: none;
}
.dots-pos-bl .master-slider .nav-dots {
left: 0;
transform: translateX(0);
}
.dots-pos-br .master-slider .nav-dots {
right: 0; transform: translateX(0);
}
.slider-dots-custom .master-slider .nav-dots {
left: unset;
right: 0;
transform: none;
}
.slider-dots-custom .master-slider .nav-dots .dot {
display: flex;
align-items: center;
color: #fff;
width: 225px;
height: 80px;
padding: 0;
background-color: var(--e-global-color-tombuild_primary);
}
.slider-dots-custom .master-slider .nav-dots .dot:first-child {
border-radius: 5px 5px 0 0;
}
.slider-dots-custom .master-slider .nav-dots .dot:last-child {
border-radius: 0 0 5px 5px;
}
.slider-dots-custom .master-slider .nav-dots .dot:after {
display: none;
}
.slider-dots-custom .master-slider .nav-dots .dot:before {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 1px;
background-color: rgba(255,255,255,0.1);
}
.slider-dots-custom .master-slider .nav-dots .dot.active {
background-color: var(--e-global-color-tombuild_accent);
opacity: 1;
}
.slider-dots-custom .master-slider .nav-dots .dot.active:before {
opacity: 0;
}
.slider-dots-custom .master-slider .nav-dots .dot .decor {
display: inline-block;
position: absolute;
top: 50%;
left: 0;
transform: translate(0%, -50%);
width: 0px;
height: 0px;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 15px solid var(--e-global-color-tombuild_primary);
transition: 0.3s transform ease;
z-index: -1;
}
.slider-dots-custom .master-slider .nav-dots .dot.active .decor {
border-right: 15px solid var(--e-global-color-tombuild_accent);
}
.slider-dots-custom .master-slider .nav-dots .dot.active .decor {
transform: translate(-15px, -50%);
}
.slider-dots-custom .master-slider .nav-dots .dot .icon-wrap {
width: 34px;
height: 34px;
font-size: 34px;
margin-right: 10px;
margin-left: 30px;
}
.slider-dots-custom .master-slider .nav-dots .dot .icon-wrap i {
display: inline-block;
}
.slider-dots-custom .master-slider .nav-dots .dot .title {
font-size: 16px;
font-weight: 500;
}
/* Arrows */
.master-slider .arrow {
pointer-events: auto;
cursor: pointer;
text-align: center;
}
.master-slider .arrow {
position: absolute;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 16px;
border-radius: 50%;
color: var(--e-global-color-tombuild_primary);
background-color: #fff;
opacity: 0.3;
transition: color 0.3s, background 0.3s, opacity 0.3s;
}
.master-slider .arrow:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
text-align: center;
line-height: inherit;
font-size: inherit;
border-radius: inherit;
}
.master-slider .arrow:hover {
opacity: 1;
}
.master-slider .arrow.arrow-next:hover:after {
animation: 0.3s link-icon2 linear;
}
.master-slider .arrow.arrow-prev:hover:after {
animation: 0.3s link-icon2-reverse linear;
}
/* Arrow center center */
.arrows-pos-cc .master-slider .arrow { top: 50%; transform: translate(0, -50%); }
.arrows-pos-cc .master-slider .arrow-next { right: 0px; }
.arrows-pos-cc .master-slider .arrow-prev { left: 0px; }
/* Arrow bottom right */
.arrows-pos-br .master-slider .arrow { position: absolute; border-radius: 0; width: 76px; height: 60px; line-height: 60px; opacity: 1; font-size: 16px; }
.arrows-pos-br .master-slider .nav-arrow { position: absolute; bottom: 0; right: 0; display: flex; }
.arrows-pos-br .master-slider .arrow-next { right: 0; bottom: 0; background-color: #fff; color: var(--e-global-color-tombuild_primary); }
.arrows-pos-br .master-slider .arrow-prev { right: 76px; bottom: 0; background-color: var(--e-global-color-tombuild_accent); color: #fff; }
.arrows-pos-br .master-slider .nav-arrow:hover .arrow-prev { background-color: #fff; color: var(--e-global-color-tombuild_primary); }
.arrows-pos-br .master-slider .nav-arrow:hover .arrow-prev:hover { background-color: var(--e-global-color-tombuild_accent); color: #fff; }
.arrows-pos-br .master-slider .nav-arrow:hover .arrow-next:hover { background-color: var(--e-global-color-tombuild_accent); color: #fff; }
/* Arrow bottom left */
.arrows-pos-bl .master-slider .arrow { position: absolute; border-radius: 0; width: 76px; height: 60px; line-height: 60px; opacity: 1; font-size: 16px; }
.arrows-pos-bl .master-slider .nav-arrow { position: absolute; bottom: 0; left: 0; display: flex; }
.arrows-pos-bl .master-slider .arrow-next { left: 76px; bottom: 0; background-color: var(--e-global-color-tombuild_primary); color: #fff; }
.arrows-pos-bl .master-slider .arrow-prev { left: 0; bottom: 0; background-color: #fff; color: var(--e-global-color-tombuild_primary) }
.arrows-pos-bl .master-slider .nav-arrow:hover .arrow-prev { background-color: #fff; color: var(--e-global-color-tombuild_primary); }
.arrows-pos-bl .master-slider .nav-arrow:hover .arrow-prev:hover { background-color: var(--e-global-color-tombuild_accent); color: #fff; }
.arrows-pos-bl .master-slider .nav-arrow:hover .arrow-next:hover { background-color: var(--e-global-color-tombuild_accent); color: #fff; }
/* Arrow center full width */
.arrows-pos-cfw .master-slider .control-wrap { width: 100vw; left: 50%; transform: translateX(-50%); }
.arrows-pos-cfw .master-slider .arrow { top: 50%; transform: translate(0, -50%); }
.arrows-pos-cfw .master-slider .arrow-next { right: 4%; }
.arrows-pos-cfw .master-slider .arrow-prev { left: 4%; }
/* Arrow center right */
.arrows-pos-cr .master-slider .arrow { position: relative; margin: 5px 0; }
.arrows-pos-cr .master-slider .nav-arrow { position: absolute; top: 50%; right: 0; display: flex; flex-direction: column; transform: translateY(-50%); }
.arrows-pos-cr .master-slider .arrow-next { opacity: 1; }
.arrows-pos-cr .master-slider .nav-arrow:hover .arrow { opacity: 0.1; }
.arrows-pos-cr .master-slider .nav-arrow:hover .arrow:hover { opacity: 1; }
.slider-image-right.arrows-pos-cr .master-slider .nav-arrow { right: 60px; }
/* Arrow center left */
.arrows-pos-cl .master-slider .arrow { position: relative; margin: 5px 0; }
.arrows-pos-cl .master-slider .nav-arrow { position: absolute; top: 50%; left: -26%; display: flex; flex-direction: column; transform: translateY(-50%); }
.arrows-pos-cl .master-slider .nav-arrow .arrow { opacity: 1; background-color: rgba(255,255,255,0.1); }
.arrows-pos-cl .master-slider .nav-arrow .arrow:hover { background-color: #fff; }
.slider-arrows-no .master-slider .nav-arrow { display: none; }
.slider-arrows-hover .master-slider .nav-arrow { opacity: 0; transition: opacity 0.3s; }
.slider-arrows-hover:hover .master-slider .nav-arrow { opacity: 1; }
.arrows-size-medium .master-slider .arrow { width: 80px; height: 80px; line-height: 80px; font-size: 18px; }
/* Split Text Animation */
.master-slider .text-wrap { display: inline-block; overflow: hidden; white-space: break-spaces; vertical-align: middle; }
.master-slider .text-wrap > span { display: inline-block; }
@media (max-width: 767px) {
.master-slider .arrow { display: none !important; }
.master-slider .nav-dots { display: none !important; }
.master-slider .slide ul li { margin-bottom: 15px; }
.master-slider .url-wrap { flex-direction: column; }
.master-slider .slide .special-sub-title { background-color: transparent; padding: 0; }
}
/* Pagination */
.master-slider .pagination { display: flex; align-items: center; font-size: 16px; font-weight: 500; font-family: var(--font-heading); position: absolute; right: 0; bottom: 0; background-color: var(--e-global-color-tombuild_accent); color: #fff; z-index: 999; }
.master-slider .pagination .arrow { position: relative; color: #fff; background-color: transparent; opacity: 1; }
.master-slider .pagination .number { position: relative; pointer-events: auto; }
.master-slider .pagination .progress-bar { position: relative; display: inline-block; width: 100px; height: 2px; background-color: rgba(255,255,255,0.4); border-radius: 1px; margin: 0 12px; }
.master-slider .pagination .progress-bar .bar { position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #fff; border-radius: 1px; }
.master-slider .pagination .pagination-tilte-link { display: flex; align-items: center; }
.master-slider .pagination .pagi-title-wrap { position: relative; width: 485px; }
.master-slider .pagination .pagi-title { position: absolute; top: 0; left: 0; display: inline-block; opacity: 0; transition: 0.3s all ease; animation: fadeUpOut 0.3s ease forwards; }
.master-slider .pagination .pagi-title:first-child { position: relative; }
.master-slider .pagination .pagi-title.active { opacity: 1; animation: fadeUpIn 0.3s ease forwards; }
.master-slider .pagination .pagi-url { display: none; }
.master-slider .pagination .pagi-url.active { display: block; }
.master-slider .pagination a { pointer-events: auto; color: #fff; }
@keyframes fadeUpOut {
to { transform: translateY(-100%); opacity: 0; }
}
@keyframes fadeUpIn {
from { transform: translateY(100%); opacity: 0; }
to { transform: translateY(0%); opacity: 1; }
}
@media screen and (max-width: 1025px) {
.master-slider .pagination .pagi-title-wrap { position: relative; width: 300px; }
}
@media screen and (max-width: 768px) {
.master-slider .pagination .pagination-tilte-link { display: none; }
}
/* ----------------------------------------
Cube Portfolio
---------------------------------------- */
.master-portfolio a.thumb img {
transition: width 0s !important;
transform: scale(1) !important;
}
.master-portfolio a.thumb .inner {
display: inline-flex;
width: 100%;
transition: 0.3s ease;
}
.inview .master-portfolio a.thumb .inner {
transition: transform 0.5s ease;
}
.master-portfolio .master-project:hover a.thumb .inner,
.master-portfolio .master-news:hover a.thumb .inner {
transform: scale(1.1);
}
.item-has-shadow .cbp-wrapper-outer {
overflow: visible;
}
.projects-filter {
display: flex;
flex-wrap: wrap;
}
.cbp-filter-item {
position: relative;
cursor: pointer;
margin-right: 10px;
transition: all 0.3s ease;
}
.projects-filter .cbp-filter-item:first-child { margin-left: 0 !important; }
.projects-filter .cbp-filter-item:last-child { margin-right: 0 !important; }
.cbp-filter-item:hover,
.cbp-filter-item.cbp-filter-item-active {
color: var(--e-global-color-tombuild_primary);
}
@media screen and (max-width: 575px) {
.projects-filter { gap: 15px; }
.projects-filter .cbp-filter-item { margin: 0 !important; }
}
/* ----------------------------------------
Carousel Box
---------------------------------------- */
.flexible-true .item-carousel { width: max-content; }
.flexible-true .item-carousel .thumb img { display: block; width: max-content; }
.item-carousel { width: 100%; line-height: 1; transition: box-shadow 0.3s; }
.item-carousel .give_notice.give_warning { line-height: normal; margin-bottom: 10px; }
.flickity-viewport { overflow: hidden; }
.full-screen-true .flickity-viewport { overflow: visible !important; }
.flickity-aside-wrap .flickity-viewport { overflow: visible !important; }
.stretch-both .flickity-viewport,
.viewport-overflow-visible .flickity-wrap,
.viewport-overflow-visible .flickity-viewport { overflow: visible !important; }
.viewport-overflow-visible .master-carousel-box .item-carousel { opacity: 0; transition: opacity 0.3s; }
.viewport-overflow-visible .master-carousel-box .item-carousel.is-selected { opacity: 1; }
.elementor-top-section:not(.inview) .flickity-viewport .item-carousel[aria-hidden="true"] > * { display: none; }
/* Fade Animation */
.master-carousel-box.is-fade .flickity-viewport { overflow: visible !important; }
.master-carousel-box.is-fade .item-carousel { transition: 0.5s all ease; }
/* Slide & Fade Animation */
.is-slide-fade .master-carousel-box .flickity-viewport { overflow: visible !important; }
.is-slide-fade .master-carousel-box .item-carousel { opacity: 0; transition: 0.5s all ease; }
.is-slide-fade .master-carousel-box .item-carousel.is-selected { opacity: 1; }
/* Bullets */
.master-carousel-box.bullets-yes { margin-bottom: 20px; }
.master-carousel-box .flickity-page-dots { position: absolute; bottom: -20px; left: 50%;
height: auto; width: auto; transform: translateX(-50%);
z-index: 999; list-style: none; display: flex; margin: 0 0; justify-content: center;}
.master-carousel-box .flickity-page-dots .dot { position: relative; width: 20px; height: 20px; display: inline-block;
background-color: transparent; border: none; opacity: 1; transition: all 0.3s ease; border-radius: 0; margin: 0; cursor: pointer; }
.master-carousel-box .flickity-page-dots .dot:after { position: absolute; top: 50%; left: 50%; content: "";
width: 14px; height: 14px; transition: 0.3s; background-color: var(--e-global-color-tombuild_primary); transform: translate(-50%, -50%);
border-radius: 50%; border: none; opacity: 0.3; }
.master-carousel-box .flickity-page-dots .dot.is-selected {
margin: 0 2px;
}
.master-carousel-box .flickity-page-dots .dot.is-selected:after { width: 20px; height: 20px; border: none;
background-color: var(--e-global-color-tombuild_accent); opacity: 1; }
.dot-left .master-carousel-box .flickity-page-dots { left: -2px; transform: translate(0px); }
.dot-right .master-carousel-box .flickity-page-dots { left: unset; right: -2px; transform: translate(0px); }
/* Arrows */
.master-carousel-box .flickity-button { position: absolute; top: 50%; padding: 0; margin: 0;
background-color: transparent; width: 50px; height: 50px; border-radius: 50%;
color: var(--e-global-color-tombuild_primary); background-color: #eaeaf1;
transform: translateY(-50%); z-index: 9; transition: 0.3s; }
.master-carousel-box .flickity-button:before {
position: absolute; top: 50%; left: 50%; font-size: 16px; color: inherit;
width: 50px; height: 50px; line-height: 50px; text-align: center; transform: translate(-50%, -50%);
font-weight: 400;
}
.master-carousel-box .flickity-button:hover {
background-color: var(--e-global-color-tombuild_accent); color: #fff;
}
.master-carousel-box .flickity-button.previous { left: -32px; }
.master-carousel-box .flickity-button.next { right: -32px; }
.master-carousel-box .flickity-button:hover { border-color: transparent; box-shadow: 0 20px 50px rgba(0,0,0,0.1); }
.master-carousel-box .flickity-button .flickity-button-icon { display: none; }
.master-carousel-box .flickity-button.next:hover:before { animation: 0.3s link-icon2 linear; }
.master-carousel-box .flickity-button.previous:hover:before { animation: 0.3s link-icon2-reverse linear; }
.master-carousel-box .flickity-button:focus { box-shadow: none; }
.master-carousel-box .flickity-button:disabled { opacity: 0.5 !important; pointer-events: none; color: var(--e-global-color-tombuild_primary) !important;
cursor: not-allowed;
}
.arrow-position-top .flickity-button { top: 0; margin-top: -40px; transform: translateY(-100%); }
.arrow-position-top .flickity-button.next { right: 0; top: 0px; }
.arrow-position-top .flickity-button.previous { left: auto; right: 74px; top: 0px; }
.arrow-position-bottom .flickity-button { top: unset; bottom: 0; transform: translateY(100%); }
.arrow-position-bottom .flickity-button.next { left: 60px; }
.arrow-position-bottom .flickity-button.previous { left: 0; }
.arrow-align-right.arrow-position-bottom .flickity-button.next { right: 0px; left: unset; }
.arrow-align-right.arrow-position-bottom .flickity-button.previous { right: 74px; left: unset; }
.arrow-align-center.arrow-position-bottom .flickity-button.next { left: calc(50% + 9px); }
.arrow-align-center.arrow-position-bottom .flickity-button.previous { left: calc(50% - 65px); }
@media screen and (max-width: 1300px) {
.arrow-position-middle .flickity-button { display: none; }
}
@media screen and (max-width: 767px) {
.master-carousel-box .flickity-viewport { overflow: hidden !important; }
.stretch-both .flickity-viewport, .viewport-overflow-visible .flickity-wrap, .viewport-overflow-visible .flickity-viewport { overflow: visible !important; }
.master-carousel-box .flickity-button { display: none; }
}
/* Show Shadow - only desktop and number item = column */
@media screen and (min-width: 1025px) {
.show-shadow .flickity-viewport { overflow: visible !important; }
.show-shadow .item-carousel { box-shadow: 0 20px 60px rgba(79, 119, 225, 0.2); }
}
/* ----------------------------------------
Vertical Slider
---------------------------------------- */
.master-vertical-slider { overflow: hidden; }
.master-vertical-slider .swiper-button { position: absolute; width: 64px; height: 64px; background-color: #fff; color: var(--e-global-color-tombuild_primary);
font-size: 20px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); background-image: none; opacity: 1; border-radius: 50%;
}
.master-vertical-slider .swiper-button:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
font-size: inherit;
line-height: 64px;
font-family: "core-icons";
}
/* Arrows */
.master-vertical-slider .swiper-button {
display: none;
}
.arrows-true .master-vertical-slider .swiper-button {
display: inline-block;
}
.master-vertical-slider .swiper-button-next { left: -95px; top: unset; bottom: 85px; }
.master-vertical-slider .swiper-button-prev { left: -95px; top: unset; bottom: 10px; }
/* Dots */
.master-vertical-slider .swiper-pagination {
display: none;
}
.dots-true .master-vertical-slider .swiper-pagination {
display: flex;
}
.master-vertical-slider .swiper-pagination {
position: absolute;
right: -70px;
top: 50%;
transform: translateY(-50%);
width: auto;
display: flex;
flex-direction: column;
align-items: center;
}
.master-vertical-slider .swiper-pagination .swiper-pagination-bullet {
width: 14px;
height: 14px;
background-color: var(--e-global-color-tombuild_primary);
border: 3px solid transparent;
opacity: 0.3;
margin: 3px;
transition: 0.3s ease;
}
.master-vertical-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #fff;
border-color: #fff;
opacity: 1;
width: 18px;
height: 18px;
}
@media (max-width: 1024px) {
.master-vertical-slider .swiper-button { display: none; }
}
/* ----------------------------------------
Vertical Carousel - Testimonial
---------------------------------------- */
.master-vertical-carousel {
position: relative;
}
.master-vertical-carousel .carousel-nav {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.master-vertical-carousel .carousel-content {
margin-left: 400px;
}
.master-vertical-carousel .carousel-nav {
max-width: 400px;
}
.master-vertical-carousel .carousel-nav .nav-item {
cursor: pointer;
position: absolute;
background-size: cover;
background-position: center center;
z-index: 0;
border-radius: 10px;
overflow: hidden;
}
.master-vertical-carousel .carousel-nav .nav-item:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background-color: var(--e-global-color-tombuild_primary);
opacity: 0.5;
}
.master-vertical-carousel .carousel-nav .nav-item.nav0 {
top: 0;
left: 100px;
width: 240px;
height: 254px;
}
.master-vertical-carousel .carousel-nav .nav-item.nav0:after {
display: none;
}
.master-vertical-carousel .carousel-nav .nav-item.nav1 {
top: 0;
left: 0;
width: 80px;
height: 75px;
}
.master-vertical-carousel .carousel-nav .nav-item.nav2 {
top: 90px;
left: 0;
width: 80px;
height: 75px;
}
.master-vertical-carousel .carousel-nav .nav-item.nav3 {
top: 175px;
left: 0;
width: 80px;
height: 75px;
}
.master-vertical-carousel .master-carousel-box .flickity-button {
width: 50px;
height: 50px;
background-color: #fff;
color: var(--e-global-color-tombuild_primary);
left: unset;
right: -100px;
transform: translate(0, 0);
}
.master-vertical-carousel .master-carousel-box .flickity-button:disabled {
opacity: 0.3 !important;
cursor: not-allowed;
}
.master-vertical-carousel .master-carousel-box .flickity-button:before {
font-size: 12px;
}
.master-vertical-carousel .master-carousel-box .flickity-button.previous {
top: calc(50% - 29px);
}
.master-vertical-carousel .master-carousel-box .flickity-button.next {
top: calc(50% + 29px);
}
.carousel-content .master-testimonial {
background-color: transparent;
padding: 0;
min-height: 250px;
color: #fff;
}
.carousel-content .master-testimonial .comment {
font-size: 34px;
line-height: 50px;
color: #fff;
margin: 8px 0 30px;
}
.carousel-content .master-testimonial .name {
font-size: 22px;
line-height: 36px;
font-weight: 500;
font-family: var(--font-heading);
color: var(--e-global-color-tombuild_accent);
letter-spacing: 0;
}
@media (max-width: 820px) {
.master-vertical-carousel .carousel-content {
margin-left: 0;
}
body:not(.rtl) .elementor-6 .elementor-element.elementor-element-0ebe364,
body:not(.rtl) .elementor-6 .elementor-element.elementor-element-7e45608 {
left: 0 !important;
}
.master-vertical-carousel .carousel-nav {
display: none;
}
}
/* ----------------------------------------
Grid
---------------------------------------- */
.grid-container { display: flex; flex-wrap: wrap; }
.grid-container .column { transition: 0.3s; }
/* ----------------------------------------
Text Box
---------------------------------------- */
.master-text-box {
display: flex;
flex-direction: column;
transition: background-color 0.3s;
}
.master-text-box .title,
.master-text-box .text,
.master-text-box .icon-wrap {
transition: color 0.3s;
}
.master-text-box .title {
display: flex;
font-size: 18px;
align-items: center;
margin-bottom: 0;
}
.master-text-box .icon-wrap {
margin-right: 5px;
color: var(--e-global-color-tombuild_accent);
}
.master-text-box .icon-wrap i {
position: relative;
display: inline-block;
}
.icon-has-bg .master-icon-text .icon-wrap {
position: relative;
width: 26px;
height: 26px;
line-height: 26px;
background-color: #f6f6f6;
}
.icon-has-bg .master-icon-text .icon-wrap i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.align-center .master-text-box {
align-items: center;
}
.align-right .master-text-box {
align-items: flex-end;
}
@media (max-width: 1024px) {
.align--tabletleft .master-text-box { align-items: flex-start; }
.align--tabletcenter .master-text-box { align-items: center; }
.align--tabletright .master-text-box { align-items: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-text-box { align-items: flex-start; }
.align--mobilecenter .master-text-box { align-items: center; }
.align--mobileright .master-text-box { align-items: flex-end; }
}
/* ----------------------------------------
Copyright
---------------------------------------- */
.master-copyright {
font-size: 16px;
line-height: 26px;
color: var(--text-gray);
}
.master-copyright a {
color: inherit;
}
.master-copyright a:hover {
color: #fff;
}
/* ----------------------------------------
Counter
---------------------------------------- */
.master-counter {
position: relative;
overflow: hidden;
transition: 0.5s all ease;
}
.master-counter:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
z-index: 0;
transition: 0.5s ease;
}
.elementor-widget-mae-counter:hover .master-counter:before {
transform: scale(1.2);
}
.master-counter .inner {
display: flex;
flex-direction: column;
position: relative;
}
.master-counter .icon-wrap {
font-size: 18px;
line-height: normal;
color: var(--e-global-color-tombuild_accent);
}
.master-counter .number-wrap {
line-height: 1;
display: flex;
}
.master-counter .number-wrap span {
font-size: 50px;
line-height: 1;
font-weight: 500;
color: var(--e-global-color-tombuild_primary);
transition: 0.5s all ease;
}
.master-counter .title {
font-size: 20px;
line-height: 30px;
margin-bottom: 0;
transition: 0.5s all ease;
}
.icon-position-right .master-counter,
.icon-position-left .master-counter {
display: flex;
flex-wrap: wrap;
}
.align-center .master-counter .inner { align-items: center; }
.align-center .master-counter .icon-wrap { justify-content: center; }
.align-right .master-counter .inner { align-items: flex-end; }
.align-right .master-counter .icon-wrap { justify-content: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft .master-counter .inner { align-items: flex-start; }
.align--tabletcenter .master-counter .inner { align-items: center; }
.align--tabletright .master-counter .inner { align-items: flex-end; }
.align--tabletleft .master-counter .icon-wrap { justify-content: flex-start; }
.align--tabletcenter .master-counter .icon-wrap { justify-content: center; }
.align--tabletright .master-counter .icon-wrap { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-counter .inner { align-items: flex-start; }
.align--mobilecenter .master-counter .inner { align-items: center; }
.align--mobileright .master-counter .inner { align-items: flex-end; }
.align--mobileleft .master-counter .icon-wrap { justify-content: flex-start; }
.align--mobilecenter .master-counter .icon-wrap { justify-content: center; }
.align--mobileright .master-counter .icon-wrap { justify-content: flex-end; }
}
@media (max-width: 575px) {
.icon-position-right .master-counter,
.icon-position-left .master-counter { flex-direction: column; }
.icon-position-right .master-counter .master-icon,
.icon-position-left .master-counter .master-icon { margin-bottom: 30px !important; }
}
/* ----------------------------------------
Pie Chart
---------------------------------------- */
.master-pie-chart .chart {
position: relative;
display: inline-flex;
width: auto;
border-radius: 50%;
line-height: 1;
height: auto;
}
.master-pie-chart .chart .percent-wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
line-height: 1;
font-weight: 500;
color: var(--e-global-color-tombuild_primary);
}
.master-pie-chart canvas {
border-radius: 50%;
max-width: 100%;
}
.pie-chart-inline-no .master-pie-chart .chart { margin-bottom: 20px; }
.pie-chart-inline-yes .master-pie-chart { display: flex; flex-direction: row; }
.pie-chart-inline-yes.valign-middle .master-pie-chart { align-items: center; }
.pie-chart-inline-yes.valign-bottom .master-pie-chart { align-items: flex-end; }
.pie-chart-inline-yes .master-pie-chart .chart { flex-shrink: 0; margin-right: 20px; }
.pie-chart-inline-no.align-center .master-pie-chart { align-items: center; }
.pie-chart-inline-no.align-right .master-pie-chart { align-items: flex-end; }
@media (max-width: 1024px) {
.pie-chart-inline-no.align--tabletleft .master-pie-chart { align-items: center; }
.pie-chart-inline-no.align--tabletcenter .master-pie-chart { align-items: center; }
.pie-chart-inline-no.align--tabletright .master-pie-chart { align-items: flex-end; }
}
@media (max-width: 767px) {
.pie-chart-inline-no.align--mobileleft .master-pie-chart { align-items: center; }
.pie-chart-inline-no.align--mobilecenter .master-pie-chart { align-items: center; }
.pie-chart-inline-no.align--mobileright .master-pie-chart { align-items: flex-end; }
}
/* ----------------------------------------
Progress Bar
---------------------------------------- */
.master-progress-bar .texts {
position: relative;
z-index: 1;
margin-bottom: 3px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.master-progress-bar .title {
color: var(--e-global-color-tombuild_primary);
font-size: 18px;
font-weight: 500;
}
.master-progress-bar .percent {
position: absolute;
top: -28px;
left: 0;
display: inline-block;
text-align: right;
width: 0;
font-size: 14px;
line-height: 1;
color: var(--e-global-color-tombuild_text);
transition: width 0.6s linear;
}
.master-progress-bar .progress-bar {
position: relative;
height: 7px;
background-color: var(--e-global-color-tombuild_light);
border-radius: 4px;
}
.master-progress-bar .progress {
height: 100%;
width: 0;
background-color: var(--e-global-color-tombuild_accent);
transition: width 0.6s linear;
border-radius: 4px;
}
.pin-yes .master-progress-bar .percent {
width: 100% !important;
}
.tracker-enable .master-progress-bar .progress {
position: absolute;
}
.tracker-enable .master-progress-bar .progress:after {
position: absolute;
right: 0;
content: '';
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
background-color: var(--e-global-color-tombuild_accent);
width: 10px;
height: 10px;
}
/* ----------------------------------------
Video Icon
---------------------------------------- */
.master-video-icon {
display: flex;
align-items: center;
}
.master-video-icon a {
position: relative;
width: 90px;
height: 90px;
line-height: 90px;
border-radius: 50%;
display: inline-block;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
text-align: center;
font-size: 16px;
z-index: 1;
}
.master-video-icon a i {
margin-left: 7%;
}
.master-video-icon.effect-no a .p {
display: none;
}
.master-video-icon a .p {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: inherit;
z-index: -1;
border-radius: inherit;
}
.master-video-icon a .p1 {
animation: v-fade-before 2s infinite ease-in-out;
}
.master-video-icon a .p2 {
animation: v-fade-after 2s infinite ease-in-out;
}
.master-image-morphing .master-video-icon a {
background-color: #fff;
color: var(--e-global-color-tombuild_accent);
}
.master-image-morphing .master-video-icon a .p {
border-color: #fff;
}
.align-center .master-video-icon { justify-content: center; }
.align-right .master-video-icon { justify-content: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft .master-video-icon { justify-content: flex-start; }
.align--tabletcenter .master-video-icon { justify-content: center; }
.align--tabletright .master-video-icon { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-video-icon { justify-content: flex-start; }
.align--mobilecenter .master-video-icon { justify-content: center; }
.align--mobileright .master-video-icon { justify-content: flex-end; }
}
/* ----------------------------------------
Fancy Image
---------------------------------------- */
.elementor-absolute .master-fancy-image {
display: block;
}
.master-fancy-image {
position: relative;
display: flex;
align-items: flex-start;
width: auto;
}
.master-fancy-image .image-wrap {
display: flex;
align-items: flex-start;
position: relative;
width: 100%;
height: auto;
z-index: 0;
transition: 0.3s;
}
.master-fancy-image .image-wrap img {
width: 100%;
transition: box-shadow 0.3s;
}
.master-fancy-image .master-video-icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.align-center .master-fancy-image { justify-content: center; }
.align-right .master-fancy-image { justify-content: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft .master-fancy-image { justify-content: flex-start; }
.align--tabletcenter .master-fancy-image { justify-content: center; }
.align--tabletright .master-fancy-image { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-fancy-image { justify-content: flex-start; }
.align--mobilecenter .master-fancy-image { justify-content: center; }
.align--mobileright .master-fancy-image { justify-content: flex-end; }
}
/* ----------------------------------------
Image Morphing
---------------------------------------- */
.master-image-morphing { position: relative; display: flex; }
.master-image-morphing image { width: 100%; }
.master-image-morphing clipPath:not(:first-child) { visibility: hidden; }
.master-image-morphing path { transition-delay: 0s !important; animation-delay: 0s !important; }
.master-image-morphing .master-video-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.master-image-morphing svg image { width: 100%; height: auto; }
/* ----------------------------------------
Image Box
---------------------------------------- */
.master-image-box {
position: relative;
transition: box-shadow 0.5s, transform 0.3s;
}
.master-image-box .icon-wrap {
position: absolute;
z-index: 3;
}
.master-image-box .content-wrap {
position: relative;
display: flex;
flex-direction: column;
transition: 0.5s all ease;
}
.master-image-box .headline-2 {
transition: color 0.3s;
margin-bottom: 16px;
}
.master-image-box .desc {
position: relative;
margin-bottom: 20px;
transition: color 0.3s, opacity 0.3s, transform 0.3s;
}
.master-image-box .thumb {
display: flex;
width: 100%;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
.master-image-box .thumb img {
width: 100%;
height: auto;
transition: transform 0.5s;
}
.master-image-box:hover .thumb img {
transform: scale(1.1);
}
.master-image-box .thumb .arrow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
opacity: 0;
transition: 0.3s all ease;
}
.master-image-box .thumb .arrow .inner {
position: absolute;
top: 50%;
left: 50%;
font-size: 24px;
color: #fff;
transform: translate(-50%, -50%);
transition: all 0.5s ease;
text-align: center;
}
.master-image-box:hover .thumb .arrow {
opacity: 1
}
.master-image-box .master-icon:before {
position: absolute;
top: 50%;
left: 50%;
content: "";
width: 100%;
height: 100%;
transform: translate(-50%, -50%) scale(1);
transition: 0.5s;
opacity: 1;
transform-origin: 50% 50%;
z-index: 0;
border-radius: inherit;
background-color: inherit;
opacity: 0;
z-index: 0;
}
.master-image-box:hover .master-icon:before {
animation: iconEff1 0.5s ease forwards;
}
.master-image-box .headline-2 a {
transition: 0s;
}
/* Cursor */
.cursor-true .master-image-box .thumb .arrow {
overflow: hidden;
}
.cursor-true .master-image-box .thumb .arrow .inner {
font-size: 20px;
width: 120px;
height: 120px;
border-radius: 50%;
line-height: 120px;
transition: opacity 0.6s ease 0.5s, transform 1s ease;
opacity: 0;
transform: scale(0) translate(-50%, -50%);
background-color: #fff;
color: var(--e-global-color-tombuild_primary)
}
.cursor-true .master-image-box:hover .thumb .arrow .inner {
opacity: 1;
transform: scale(1) translate(-50%, -50%);
transition: opacity 0.2s ease 0.1s;
}
/* Style 2 */
.image-box-style-2 .master-image-box {
margin: 83px 0 0;
text-align: center;
overflow: visible;
}
.image-box-style-2 .master-image-box .thumb {
position: absolute;
top: -83px;
left: 50%;
transform: translateX(-50%);
width: 180px;
height: 180px;
display: flex;
justify-content: center;
align-items: center;
overflow: visible;
z-index: 1;
}
.image-box-style-2 .master-image-box .thumb .inner {
border-radius: 50%;
overflow: hidden;
}
.image-box-style-2 .master-image-box .icon-wrap {
position: absolute;
bottom: -15px;
right: 15px;
}
.image-box-style-2 .master-image-box .master-icon {
font-size: 44px;
width: 78px;
height: 78px;
line-height: 78px;
text-align: center;
background-color: #fff;
border-radius: 50%;
overflow: hidden;
box-shadow: 2px 5px 35px 1px rgba(0, 0, 0, 0.15);
}
.image-box-style-2 .master-image-box .content-wrap {
padding: 110px 35px 43px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 10px 60px 0 rgba(0,0,0,0.1);
margin-bottom: 20px;
}
.image-box-style-2 .master-image-box {
position: relative;
}
.image-box-style-2 .master-image-box .desc {
margin-bottom: 0;
}
.image-box-style-2 .master-image-box .url-wrap {
position: absolute;
bottom: -20px;
left: 50%;
width: fit-content;
opacity: 0;
transform: translate(-50%, 10px);
transition: all 0.3s ease;
}
.image-box-style-2 .master-image-box:hover .url-wrap {
opacity: 1;
transform: translate(-50%, 0px);
}
.image-box-style-2 .master-image-box .arrow {
box-shadow: 0 10px 30px 0 #fff;
}
/* Style 3 */
.image-box-style-3 .master-image-box {
position: relative;
}
.image-box-style-3 .master-image-box .content-wrap {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: auto;
max-width: 670px;
background-color: #fff;
z-index: 1;
overflow: hidden;
}
/* Style 4 */
.image-box-style-4 .master-image-box {
border-radius: 5px;
}
.image-box-style-4 .master-image-box .inner {
position: relative;
}
.image-box-style-4 .master-image-box .content-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 30px;
opacity: 0;
transition: all 0.5s ease;
}
.image-box-style-4 .master-image-box:hover .content-wrap {
opacity: 1;
}
/* Style 5 */
.image-box-style-5 .master-image-box {
display: flex;
}
.image-box-style-5 .master-image-box .content-wrap {
flex-shrink: 1;
}
/* Style 6 */
.image-box-style-6 .master-image-box {
text-align: center;
}
.image-box-style-6 .master-image-box .content-wrap {
position: relative;
padding: 60px 40px 40px;
}
.image-box-style-6 .master-image-box .content-wrap .headline-2 {
position: absolute;
top: 0;
left: 25px;
width: calc(100% - 50px);
transform: translateY(-50%);
font-size: 20px;
line-height: 30px;
padding: 20px;
box-shadow: 0 10px 20px 0 rgba(33, 39,53, 0.1);
background-color: #fff;
z-index: 1;
transition: all 0.5s ease;
}
.image-box-style-6 .master-image-box:hover .content-wrap .headline-2 {
color: #fff;
background-color: var(--e-global-color-tombuild_accent_2);
}
@media (max-width: 767px) {
.image-box-style-3 .master-image-box .content-wrap {
position: static;
max-width: unset;
transform: none;
border: 1px solid var(--e-global-color_tombuild_border);
}
.image-box-style-4 .master-image-box .headline-2 {
background-color: var(--e-global-color-tombuild_accent);
}
}
@media (max-width: 350px) {
.master-image-box .content-wrap {
padding: 35px 40px;
}
}
/* ----------------------------------------
Hover Box
---------------------------------------- */
.master-hover-box {
position: relative;
overflow: hidden;
}
.master-hover-box .thumb img {
width: 100%;
height: auto;
transition: transform 0.5s;
}
.master-hover-box .content-wrap,
.master-hover-box .hover-content-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding: 52px;
}
.master-hover-box .hover-content-wrap {
opacity: 0;
background-color: rgba(36,36,36,0.8);
}
.master-hover-box .content-wrap {
align-items: center;
justify-content: center;
text-align: center;
}
.master-hover-box .icon-wrap {
margin-bottom: 23px;
}
.master-hover-box .content-wrap .headline-2,
.master-hover-box .hover-content-wrap .headline-2 {
font-size: 30px;
line-height: 34px;
color: #fff;
margin: 0;
}
.master-hover-box .hover-content-wrap .headline-2 {
margin-bottom: 22px;
}
.master-hover-box .desc {
color: #fff;
line-height: 34px;
}
.master-hover-box .arrow {
position: absolute;
right: 0;
bottom: 0;
width: 56px;
height: 56px;
line-height: 56px;
transform: translateY(100%);
text-align: center;
font-size: 12px;
color: #fff;
background-color: var(--e-global-color-tombuild_accent);
transition: 0.3s transform;
}
.master-hover-box .arrow i {
display: inline-block;
}
.master-hover-box:hover .thumb img {
transform: scale(1.1);
}
.master-hover-box .arrow:hover i {
animation: 0.3s link-icon linear;
}
.master-hover-box .hover-content-wrap {
opacity: 0;
transition: opacity 0.3s ease;
}
.master-hover-box .hover-content-wrap .headline-2,
.master-hover-box .hover-content-wrap .desc {
opacity: 0;
transform: translateY(100%);
transition: transform 0.3s ease, opacity 0.3s ease;
}
.master-hover-box.active .icon-wrap {
transform: translateY(-50px);
opacity: 0;
transition: transform 0.3s ease;
}
.master-hover-box.active .content-wrap .headline-2 {
transform: translateY(-50px);
opacity: 0; transition: transform 0.3s ease;
}
.master-hover-box.active .hover-content-wrap {
opacity: 1;
}
.master-hover-box.active .hover-content-wrap .desc,
.master-hover-box.active .hover-content-wrap .headline-2 {
transform: translateY(0);
opacity: 1;
}
.master-hover-box.active .arrow {
transform: translateY(0);
}
@media (max-width: 575px) {
.master-hover-box .content-wrap,
.master-hover-box .hover-content-wrap { padding: 30px; }
}
/* ----------------------------------------
Social Icons
---------------------------------------- */
.master-social-icons {
font-size: 18px;
display: flex;
flex-wrap: wrap;
}
.master-social-icons svg {
width: 18px;
fill: currentColor;
}
.master-social-icons a {
position: relative;
display: inline-block;
line-height: 1;
color: var(--e-global-color-tombuild_text);
}
.master-social-icons a i {
display: inline-block;
transition: transform 0.3s ease;
}
.master-social-icons a:hover i {
transform: scaleX(-1);
}
.icon-has-bg .master-social-icons a {
text-align: center;
background-color: var(--e-global-color-tombuild_light);
width: 40px;
height: 40px;
font-size: 14px;
}
.icon-has-bg .master-social-icons a i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.icon-has-bg .master-social-icons a:hover i {
transform: translate(-50%, -50%) scaleX(-1);
}
.align-left .master-social-icons a:first-child { margin-left: 0 !important; }
.align-right .master-social-icons a:last-child { margin-right: 0 !important; }
.align-center .master-social-icons { justify-content: center; }
.align-right .master-social-icons { justify-content: flex-end; }
.align-left .master-social-icons { justify-content: flex-start; }
.palign-left .menu-panel-wrap .master-social-icons a:first-child { margin-left: 0 !important; }
.palign-right .menu-panel-wrap .master-social-icons a:last-child { margin-right: 0 !important; }
.palign-center .menu-panel-wrap .master-social-icons { justify-content: center; }
.palign-right .menu-panel-wrap .master-social-icons { justify-content: flex-end; }
.palign-left .menu-panel-wrap .master-social-icons { justify-content: flex-start; }
@media (max-width: 1024px) {
.align--tabletleft .master-social-icons a:first-child { margin-left: 0 !important; }
.align--tabletright .master-social-icons a:last-child { margin-right: 0 !important; }
.align--tabletleft .master-social-icons { justify-content: flex-start; }
.align--tabletcenter .master-social-icons { justify-content: center; }
.align--tabletright .master-social-icons { justify-content: flex-end; }
.palign--tabletleft .menu-panel-wrap .master-social-icons a:first-child { margin-left: 0 !important; }
.palign--tabletright .menu-panel-wrap .master-social-icons a:last-child { margin-right: 0 !important; }
.palign--tabletleft .menu-panel-wrap .master-social-icons { justify-content: flex-start; }
.palign--tabletcenter .menu-panel-wrap .master-social-icons { justify-content: center; }
.palign--tabletright .menu-panel-wrap .master-social-icons { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-social-icons a:first-child { margin-left: 0 !important; }
.align--mobileright .master-social-icons a:last-child { margin-right: 0 !important; }
.align--mobileleft .master-social-icons { justify-content: flex-start; }
.align--mobilecenter .master-social-icons { justify-content: center; }
.align--mobileright .master-social-icons { justify-content: flex-end; }
.palign--mobileleft .menu-panel-wrap .master-social-icons a:first-child { margin-left: 0 !important; }
.palign--mobileright .menu-panel-wrap .master-social-icons a:last-child { margin-right: 0 !important; }
.palign--mobileleft .menu-panel-wrap .master-social-icons { justify-content: flex-start; }
.palign--mobilecenter .menu-panel-wrap .master-social-icons { justify-content: center; }
.palign--mobileright .menu-panel-wrap .master-social-icons { justify-content: flex-end; }
}
/* ----------------------------------------
Tabs
---------------------------------------- */
.master-tabs {
position: relative;
}
.master-tabs p {
margin-bottom: 0;
}
.master-tabs .tab-link .master-icon {
font-size: 20px;
flex-shrink: 0;
}
.master-tabs .tab-link .master-icon svg {
width: 20px;
}
.master-tabs .tab-link.active .master-icon {
transition: 0s;
}
.icon-has-bg .master-tabs .tab-link .master-icon {
width: 40px;
height: 40px;
line-height: 40px;
}
.master-tabs .tab-link {
position: relative;
display: inline-block;
white-space: normal;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
}
.master-tabs .tab-content {
display: none;
}
.master-tabs .tab-content.active {
display: block;
}
.tabs-vertical .master-tabs .tab-link-wrap {
list-style: none;
margin: 0;
overflow: hidden;
width: 100%;
display: flex;
}
.tabs-vertical .master-tabs .tab-content-wrap {
align-items: center;
padding-top: 60px;
}
.tabs-vertical .master-tabs .tab-link {
font-size: 16px;
font-weight: 500;
line-height: 28px;
color: #fff;
background-color: var(--e-global-color-tombuild_primary);
border: 1px solid var(--e-global-color-tombuild_border);
padding: 5px 25px;
}
.tabs-vertical .master-tabs .tab-link.active {
color: var(--e-global-color-tombuild_primary);
background-color: #fff;
}
.tabs-vertical .master-tabs .tab-content-wrap {
padding-top: 50px;
}
.tabs-vertical .master-tabs .tab-content p:last-child {
margin-bottom: 0;
}
.btn-align-stretch .master-tabs .tab-link { width: 100%; }
.btn-align-left .master-tabs .tab-link-wrap { justify-content: flex-start; }
.btn-align-left .master-tabs .tab-link:last-child { margin-right: 0 !important; }
.btn-align-right .master-tabs .tab-link-wrap { justify-content: flex-end; }
.btn-align-center .master-tabs .tab-link-wrap { justify-content: center; }
.btn-align-space-around .master-tabs .tab-link-wrap { justify-content: space-around; }
.btn-align-space-between .master-tabs .tab-link-wrap { justify-content: space-between; }
.btn-align-space-evenly .master-tabs .tab-link-wrap { justify-content: space-evenly; }
.tabs-toggle .master-tabs .tab-link {
background-color: transparent;
font-size: 18px;
line-height: 32px;
font-weight: 400;
color: var(--e-global-color-tombuild_text);
}
.tabs-toggle .toggle {
display: inline-block;
width: 72px;
height: 32px;
}
.tabs-toggle .master-tabs .tab-link {
order: 2;
padding: 0;
margin: 0 8px;
}
.tabs-toggle .master-tabs .tab-link .highlight {
display: inline-block;
font-size: 14px;
line-height: 28px;
border-radius: 5px;
background: #34C635;
color: #fff;
margin: 2px 0 2px 20px;
padding: 0 12px;
}
.tabs-toggle .master-tabs .tab-link:first-child {
order: 1;
}
.tabs-toggle .master-tabs .toggle {
order: 1;
position: relative;
background-color: var(--text-gray);
border-radius: 16px;
cursor: pointer;
}
.tabs-toggle .master-tabs .toggle .toggle-btn {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 10px;
background-color: #34C635;
position: absolute;
top: 6px;
left: 6px;
transition: all 0.5s ease;
}
.tabs-toggle .master-tabs .toggle.active .toggle-btn {
transform: translateX(40px);
}
/* Price Tabs */
.tabs-price .master-tabs .tab-content-wrap {
padding-top: 76px;
}
.tabs-price .master-tabs .tab-link-wrap {
border: 1px solid var(--e-global-color-tombuild_border);
border-radius: 6px;
padding: 14px 9px;
width: auto;
left: 50%;
}
.tabs-price.btn-align-center .master-tabs .tab-link-wrap {
width: fit-content;
margin: 0 auto;
}
.tabs-price.btn-align-center .master-tabs .tab-link {
font-family: 'DM Sans';
font-size: 16px;
line-height: 26px;
padding: 10px;
border-radius: 6px;
background-color: transparent;
margin: 0 12px;
color: var(--e-global-color-tombuild_text);
font-weight: 400;
}
.tabs-price.btn-align-center .master-tabs .tab-link.active {
color: #fff;
background-color: var(--e-global-color-tombuild_accent);
}
.tabs-price.btn-align-center .master-tabs .tab-link:after {
position: absolute;
left: unset;
top: 50%;
right: -12px;
width: 1px;
height: 20px;
background-color: var(--e-global-color-tombuild_border);
content: '';
transform: translateY(-50%);
}
.tabs-price.btn-align-center .master-tabs .tab-link:last-child:after {
display: none;
}
/* Horizontal Tabs */
.tabs-horizontal .master-tabs {
display: flex;
align-items: center;
}
.tabs-horizontal .master-tabs .tab-link-wrap {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 1;
}
.tabs-horizontal .master-tabs .tab-link {
display: flex;
align-items: center;
text-align: left;
padding-left: 35px;
margin-bottom: 40px;
}
.tabs-horizontal .master-tabs .tab-link:last-child {
margin-bottom: 0;
}
.tabs-horizontal .master-tabs .tab-link:before {
background-color: var(--text-gray);
}
.tabs-horizontal .master-tabs .tab-content-wrap {
flex-shrink: 1;
flex-grow: 0;
}
.tabs-horizontal.btn-left .master-tabs .tab-content-wrap {
padding-left: 50px;
}
.tabs-horizontal.btn-right .master-tabs {
flex-direction: row-reverse;
}
.tabs-horizontal.btn-right .master-tabs .tab-content-wrap {
padding-right: 50px;
}
@media screen and (max-width: 767px) {
.tabs-horizontal .master-tabs { flex-direction: column !important; }
.tabs-horizontal .master-tabs .tab-link-wrap { width: 100% !important; max-width: 100% !important; flex-direction: row; gap: 10px; }
.tabs-vertical .master-tabs .tab-content-wrap { padding-top: 50px; }
}
@media screen and (max-width: 575px) {
.tabs-price .master-tabs .tab-link-wrap { padding: 5px; }
.tabs-price.btn-align-center .master-tabs .tab-link { padding: 5px; margin: 0 5px; font-size: 14px; }
.tabs-price.btn-align-center .master-tabs .tab-link:after { right: -5px; }
.tabs-price .master-tabs .tab-content-wrap { padding-top: 48px; }
.tabs-horizontal .master-tabs .tab-link-wrap { flex-wrap: wrap; }
.tabs-horizontal .master-tabs .tab-link-wrap .tab-link { width: fit-content; }
.tabs-vertical .master-tabs .tab-link-wrap { flex-wrap: wrap; }
.tabs-vertical .master-tabs .tab-link-wrap .tab-link { max-width: unset !important; }
}
/* Interactive Line */
.master-tabs .interactive-line {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background-color: var(--e-global-color-tombuild_border);
transition: all 0.3s cubic-bezier(0.35, 0.7, 0.35, 1);
}
.master-tabs .interactive-line .line {
position: absolute;
display: inline-block;
height: 100%;
top: 0;
left: 0;
background-color: var(--e-global-color-tombuild_accent);
transition: all 0.3s cubic-bezier(0.35, 0.7, 0.35, 1);
}
/* ----------------------------------------
Accordions
---------------------------------------- */
.master-accordions .item {
position: relative;
margin-bottom: 15px;
padding-bottom: 6px;
}
.master-accordions .title {
position: relative;
cursor: pointer;
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
width: 100%;
margin-bottom: 8px;
}
.master-accordions .title .arrow {
position: relative;
display: inline-block;
line-height: 30px;
text-align: center;
transition: all 0.3s ease;
width: 30px;
height: 30px;
flex-shrink: 0;
}
.master-accordions .title .arrow i {
margin-left: 2px;
}
.master-accordions .title h3 {
font-size: 18px;
line-height: 28px;
color: var(--e-global-color-tombuild_primary);
margin-bottom: 0;
transition: color 0.3s, background 0.3s;
}
.master-accordions .content {
display: none;
font-size: 16px;
line-height: 26px;
padding-bottom: 15px;
}
.master-accordions p {
margin-bottom: 0;
}
.arrow-none .master-accordions .title .arrow { display: none; }
.arrow-left .master-accordions .title { flex-direction: row; justify-content: space-between; }
/* Button */
.btn-plus .master-accordions .title .arrow:before,
.btn-plus .master-accordions .title .arrow:after {
position: absolute;
top: 50%;
left: 50%;
content: "";
text-align: center;
transition: transform 0.3s, color 0.3s;
color: var(--e-global-color-tombuild_accent);
background-color: currentColor;
transform: translate(-50%, -50%);
transform-origin: 50% 50%;
}
.btn-plus .master-accordions .title .arrow:before {
width: 2px;
height: 12px;
}
.btn-plus .master-accordions .title .arrow:after {
width: 12px;
height: 2px;
}
.btn-plus .master-accordions .item.active .title .arrow:before {
transform: scaleY(0) translate(-50%, -50%);
}
.btn-plus .master-accordions .item.active .title .arrow:after,
.btn-plus .master-accordions .item.active .title .arrow:before {
color: #fff;
}
.btn-arrow .master-accordions .title .arrow:after {
content: '\f077';
font-family: 'core-icons';
color: var(--e-global-color-tombuild_accent);
font-size: 14px;
transition: all 0.3s ease;
}
.btn-arrow .master-accordions .item.active .title .arrow {
transform: rotate(180deg);
}
/* Style 1 */
.accordion-style-1 .master-accordions .item:last-child {
margin-bottom: 0 !important;
}
.accordion-style-1 .master-accordions .item {
background-color: #fff;
margin-bottom: 10px;
padding: 0;
}
.accordion-style-1 .master-accordions .item .title {
margin: 0;
padding: 15px 30px;
padding-right: 22px;
transition: 0.3s ease;
}
.accordion-style-1 .master-accordions .item.active .title {
background-color: var(--e-global-color-tombuild_accent);
}
.accordion-style-1 .master-accordions .item.active .title h3 {
color: #fff;
}
.accordion-style-1 .master-accordions .content {
padding: 10px 30px 20px;
}
/* Style 2 */
.accordion-style-2 .master-accordions .item {
background-color: #fff;
margin-bottom: 10px;
padding: 0;
}
.accordion-style-2 .master-accordions .item .title {
padding: 7px 35px;
border-bottom: 1px solid var(--e-global-color-tombuild_border);
margin: 0;
}
.accordion-style-2 .master-accordions .title h3 {
font-size: 18px;
line-height: 30px;
}
.accordion-style-2 .master-accordions .item.active .title h3 {
color: var(--e-global-color-tombuild_accent);
}
.accordion-style-2 .master-accordions .content {
font-size: 16px;
line-height: 34px;
padding: 22px 35px;
}
.accordion-style-2 .master-accordions .item .title .arrow {
width: 50px;
height: 50px;
right: -15px;
}
.accordion-style-2 .master-accordions .item .title .arrow:after {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 50px;
content: "\e93b";
font-family: 'core-icons';
color: var(--e-global-color-tombuild_primary);
background-color: transparent;
font-size: 12px;
text-align: center;
line-height: 50px;
font-weight: 400;
transition: all 0.3s ease;
}
.accordion-style-2 .master-accordions .item.active .title .arrow:after,
.accordion-style-2 .master-accordions .item .title:hover .arrow:after {
color: var(--e-global-color-tombuild_accent);
}
.accordion-style-2 .master-accordions .item.active .title .arrow:after {
transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
.accordion-style-2 .master-accordions .title h3 { font-size: 18px; line-height: 24px; }
.accordion-style-2 .master-accordions .item .title,
.accordion-style-2 .master-accordions .content { padding-left: 15px; padding-right: 15px; }
.arrow-left .master-accordions .content { padding-left: 0; }
.master-accordions .title .arrow:after { width: 10px; }
.master-accordions .title .arrow:before { height: 10px; }
}
/* ----------------------------------------
Subscribe Form
---------------------------------------- */
.master-subscribe-form .mc4wp-form {
display: flex;
width: 100%;
}
.master-subscribe-form .mc4wp-form-fields {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.master-subscribe-form input[type="email"] {
font-size: 16px;
background-color: #f4f4f4;
margin-right: 6px;
flex-grow: 1;
padding: 15px 20px;
}
.master-subscribe-form input[type="submit"] {
flex-shrink: 0;
padding: 0 40px;
margin-bottom: 10px;
}
.master-subscribe-form .master-button:hover {
background-color: var(--e-global-color-tombuild_accent);
}
/* Style 2 */
.master-subscribe-form.style-2 .mc4wp-form-fields {
flex-wrap: nowrap;
width: 100%;
}
.master-subscribe-form.style-2 input[type="email"] {
font-size: 14px;
line-height: 44px;
margin: 0;
border: none;
padding: 0 12px;
width: 100%;
color: rgba(255,255,255,0.3);
background-color: #111;
font-weight: 400;
}
.master-subscribe-form.style-2 input[type="submit"] {
margin: 0;
padding: 0 12px;
line-height: 44px;
}
.master-subscribe-form.style-2 button {
width: 44px;
height: 44px;
padding: 0;
position: absolute;
top: 0px;
right: 0px;
font-size: 14px;
line-height: 44px;
color: #fff;
background-color: transparent;
}
.master-subscribe-form.style-2 button .icon {
margin: 0;
}
.master-subscribe-form.style-2 button .bg-hover,
.master-subscribe-form.style-2 button .text {
display: none;
}
.master-subscribe-form.style-2 button .icon {
line-height: 44px;
font-size: 12px;
}
.align-center .master-subscribe-form .mc4wp-form { justify-content: center; }
.align-right .master-subscribe-form .mc4wp-form { justify-content: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft .master-subscribe-form .mc4wp-form { justify-content: flex-start; }
.align--tabletcenter .master-subscribe-form .mc4wp-form { justify-content: center; }
.align--tabletright .master-subscribe-form .mc4wp-form { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-subscribe-form .mc4wp-form { justify-content: flex-start; }
.align--mobilecenter .master-subscribe-form .mc4wp-form { justify-content: center; }
.align--mobileright .master-subscribe-form .mc4wp-form { justify-content: flex-end; }
}
@media (max-width: 400px) {
.align-center .master-subscribe-form .mc4wp-form-fields { flex-direction: column; }
.align-center .master-subscribe-form input[type="email"] { margin-right: 0; }
}
/* ----------------------------------------
Contact Form
---------------------------------------- */
.master-cf7 input,
.master-cf7 textarea {
width: 100%;
}
.align-right .wpcf7-spinner { position: absolute; right:-60px; bottom: 20px; }
/* ----------------------------------------
Gallery
---------------------------------------- */
.master-gallery .thumb {
position: relative;
overflow: hidden;
border-radius: 5px;
}
.master-gallery .thumb::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
transition: all 0.5s ease;
z-index: 1;
pointer-events: none;
transform: scale(0.8);
opacity: 0;
background-color: var(--e-global-color-tombuild_accent);
}
.master-gallery:hover .thumb::before {
transform: scale(1);
opacity: 0.9
}
.master-gallery .zoom-popup-mfp {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: transparent;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 22px;
font-weight: 400;
opacity: 0;
visibility: hidden;
transition: all ease 0.3s;
z-index: 99999;
}
.master-gallery .zoom-popup-mfp::before {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: '\e917';
font-family: 'core-icons';
font-size: 36px;
color: #fff;
transition: 0.3s ease;
}
.master-gallery:hover .zoom-popup-mfp {
opacity: 1;
visibility: visible;
}
.master-gallery .thumb img {
width: 100%;
display: inline-block;
transition: transform 0.5s ease, width 0s;
}
.master-gallery:hover .thumb img {
transform: scale(1.1);
}
.master-carousel-box .master-gallery { margin-top: 10px; transition: transform 0.3s; }
.master-carousel-box .master-gallery:hover { transform: translateY(-10px); }
.custom-grid .cbp-item img { width: 270px; }
.custom-grid .cbp-item:nth-child(1) .cbp-item-wrapper { margin-top: 0px; }
.custom-grid .cbp-item:nth-child(2) .cbp-item-wrapper { margin-top: 80px; }
.custom-grid .cbp-item:nth-child(3) .cbp-item-wrapper { margin-top: 40px; }
.custom-grid .cbp-item:nth-child(4) .cbp-item-wrapper { margin-top: 0px; }
@media (max-width: 767px) {
.custom-grid .cbp-item img { width: 370px; }
.custom-grid .cbp-item:nth-child(1) .cbp-item-wrapper { margin-top: 0px; }
.custom-grid .cbp-item:nth-child(2) .cbp-item-wrapper { margin-top: 40px; }
.custom-grid .cbp-item:nth-child(3) .cbp-item-wrapper { margin-top: 0px; }
.custom-grid .cbp-item:nth-child(4) .cbp-item-wrapper { margin-top: 0px; }
}
@media (max-width: 570px) {
.custom-grid .cbp-item img { width: 100%; }
.custom-grid .cbp-item:nth-child(1) .cbp-item-wrapper { margin-top: 0px; }
.custom-grid .cbp-item:nth-child(2) .cbp-item-wrapper { margin-top: 0px; }
.custom-grid .cbp-item:nth-child(3) .cbp-item-wrapper { margin-top: 0px; }
.custom-grid .cbp-item:nth-child(4) .cbp-item-wrapper { margin-top: 0px; }
}
/* ----------------------------------------
Gallery Stack
---------------------------------------- */
.elementor-widget-mae-gallery-stack {
z-index: 0;
}
.master-gallery-stack {
position: relative;
display: flex;
}
.master-gallery-stack > div:not(:first-child) {
position: absolute;
}
.master-gallery-stack .master-video-icon {
position: absolute;
z-index: 9;
}
.image-width-full .master-gallery-stack {
width: 100%;
display: block;
}
.image-width-fit .elementor-widget-container {
position: relative;
}
.image-width-fit .master-gallery-stack,
.image-width-fit .master-gallery-stack > div:first-child {
width: fit-content;
width: -moz-fit-content;
min-width: 300px;
}
.master-gallery-stack > div:first-child {
position: relative;
}
.image-width-auto,
.image-width-auto .master-gallery-stack {
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.image-width-auto.elementor-element.elementor-widget-empty {
background-color: transparent;
}
.image-width-auto .master-gallery-stack div:first-child {
position: absolute;
}
.master-gallery-stack .master-text {
width: -webkit-fill-available;
transition: all 0.3s ease;
}
.master-gallery-stack .master-text > .inner {
width: inherit;
}
/* Fix blurry when animation */
.master-gallery-stack img {
-webkit-backface-visibility: hidden;
-ms-transform: translateZ(0); /* IE 9 */
-webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
transform: translateZ(0);
}
.align-center .master-gallery-stack { justify-content: center; }
.align-right .master-gallery-stack { justify-content: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft .master-gallery-stack { justify-content: flex-start; }
.align--tabletcenter .master-gallery-stack { justify-content: center; }
.align--tabletright .master-gallery-stack { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-gallery-stack { justify-content: flex-start; }
.align--mobilecenter .master-gallery-stack { justify-content: center; }
.align--mobileright .master-gallery-stack { justify-content: flex-end; }
.master-gallery-stack img { transition: width 0s !important; }
}
/* ----------------------------------------
Shape
---------------------------------------- */
.master-shape {
width: 100px;
height: 100px;
background: var(--e-global-color-tombuild_accent);
}
/* ----------------------------------------
Text
---------------------------------------- */
.master-text { display: flex; justify-content: center; align-items: center; }
.m90deg {
text-orientation: mixed;
writing-mode: vertical-lr;
transform: rotate(180deg);
}
.r90deg {
text-orientation: mixed;
writing-mode: vertical-lr;
}
/* ----------------------------------------
Call To Action
---------------------------------------- */
.master-cta {
display: inline-block;
transition: none;
}
.master-cta .content-wrap {
display: flex;
align-items: center;
transition: all 0.3s ease;
}
.master-cta .icon {
display: inline-block;
font-size: 40px;
line-height: 1;
margin-right: 20px;
color: var(--e-global-color-tombuild_accent);
transition: all 0.3s ease;
}
.master-cta .icon svg {
width: 35px;
}
.master-cta .icon i {
display: inline-block;
will-change: transform;
}
.master-cta .texts {
display: flex;
flex-direction: column;
}
.master-cta .text {
display: block;
font-size: 14px;
line-height: 20px;
color: var(--e-global-color-tombuild_text);
transition: all 0.3s ease;
}
.master-cta .phone {
display: block;
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: var(--e-global-color-tombuild_primary);
transition: all 0.3s ease;
}
.icon-has-bg .master-cta .icon {
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
font-size: 11px;
}
.shake-hover .master-cta:hover .icon svg,
.shake-hover .master-cta:hover .icon i { animation: 1s tada infinite alternate; }
.shake-always .master-cta .icon svg,
.shake-always .master-cta .icon i { animation: 1s tada infinite alternate; }
/* ----------------------------------------
Price box
---------------------------------------- */
.master-price-box {
text-align: center;
transition: all 0.3s ease;
background-color: #fff;
overflow: hidden;
}
.master-price-box .extra-text {
margin-bottom: 5px;
}
.master-price-box .divider {
display: flex;
width: 100%;
height: 1px;
background-color: var(--e-global-color-tombuild_border);
}
.master-price-box .price {
display: inline-block;
font-size: 68px;
line-height: 1.125;
font-weight: 500;
margin-bottom: 15px;
}
.master-price-box .price sub,
.master-price-box .price sup {
font-size: 36px;
line-height: 46px;
}
.master-price-box .price sub {
bottom: 0;
}
.master-price-box .price sup {
top: -25px;
}
.master-price-box .plan {
font-size: 20px;
line-height: 28px;
margin-bottom: 6px;
font-weight: 500;
color: var(--e-global-color-tombuild_accent);
}
.master-price-box .desc {
margin-bottom: 44px;
}
.master-price-box .content-wrap {
padding: 0 100px 50px;
transition: all 0.3s ease;
}
.master-price-box .heading-wrap {
position: relative;
padding: 35px 100px 30px;
transition: all 0.3s ease;
}
.master-price-box .featured-list {
text-align: left;
}
.master-price-box .featured-title {
font-size: 22px;
line-height: 32px;
margin-bottom: 17px;
}
.master-price-box .featured-list .item {
display: flex;
justify-content: center;
margin-bottom: 28px;
}
.master-price-box .featured-list .item:last-child {
margin-bottom: 0;
}
.master-price-box .featured-list .item > span {
display: inline-block;
font-size: 16px;
line-height: 24px;
}
.master-price-box .featured-list .item .icon {
font-size: 16px;
line-height: 24px;
color: #2dd570;
margin-right: 15px;
}
/* Style 1 */
.price-style-1 .master-price-box {
box-shadow: none;
border: 1px solid var(--e-global-color-tombuild_border);
}
.price-style-1 .master-price-box .heading-wrap {
padding: 25px 45px 30px;
}
.price-style-1 .master-price-box .content-wrap {
padding: 35px 40px 35px;
}
.price-style-1 .master-price-box .plan {
color: var(--e-global-color-tombuild_primary);
}
.price-style-1 .master-price-box > .url-wrap {
padding: 0 35px;
}
.featured-center .elementor-column:nth-child(2) .price-style-1 .master-price-box {
background-color: var(--e-global-color-tombuild_accent);
}
.featured-center .elementor-column:nth-child(2) .price-style-1 .master-price-box .plan,
.featured-center .elementor-column:nth-child(2) .price-style-1 .master-price-box .price,
.featured-center .elementor-column:nth-child(2) .price-style-1 .master-price-box .extra-text,
.featured-center .elementor-column:nth-child(2) .price-style-1 .master-price-box .featured-list .item > span {
color: #fff;
}
.featured-center .elementor-column:nth-child(2) .price-style-1 .master-price-box .featured-list .item .icon {
color: var(--e-global-color-tombuild_accent);
background-color: rgba(255,255,255,0.3);
}
.featured-center .elementor-column:nth-child(2) .price-style-1 .master-price-box .master-button {
background-color: #fff;
}
.featured-center .elementor-column:nth-child(2) .price-style-1 .master-price-box .master-button .content-base {
color: var(--e-global-color-tombuild_accent);
}
.featured-center .elementor-column:nth-child(2) .price-style-1 .master-price-box .master-button:hover .content-base {
color: #fff;
}
/* Style 2 */
.price-style-2 .master-price-box .content-wrap {
position: relative;
padding: 0 100px 65px;
}
.price-style-2 .master-price-box .url-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.price-style-2 .master-price-box .url-wrap .master-button {
width: 100%;
text-align: center;
justify-content: center;
border-radius: 0;
}
.price-style-2 .master-price-box .url-wrap .master-button .bg-hover {
opacity: 0;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
transform: none !important;
padding-top: 0;
border-radius: 0;
}
.price-style-2 .master-price-box .url-wrap .master-button:hover .bg-hover {
opacity: 1;
}
/* ----------------------------------------
Project
---------------------------------------- */
.master-project {
position: relative;
text-align: left;
transition: box-shadow 0.3s, transform 0.3s;
overflow: hidden;
display: flex;
flex-direction: column;
}
.master-project .thumb {
position: relative;
display: inline-flex;
width: 100%;
overflow: hidden;
}
.master-project .thumb .inner {
display: inline-block;
width: 100%;
}
.master-project .thumb img {
width: 100%;
height: auto;
transition: transform 0.5s;
}
.master-project .content-wrap {
display: flex;
flex-direction: column;
overflow: hidden;
z-index: 1;
}
.master-project .cat-wrap {
position: relative;
font-size: 12px;
line-height: 20px;
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 600;
}
.master-project .cat-sep {
display: inline-block;
padding: 0 5px;
}
.master-project .cat-item {
display: inline-block;
color: var(--e-global-color-tombuild_text);
margin-bottom: 0px;
}
.master-project .desc {
position: relative;
font-size: 14px;
line-height: 30px;
}
.master-project .cat-item:hover {
color: var(--e-global-color-tombuild_primary);
}
.inview .master-project .content-wrap,
.inview .master-project .headline-2,
.inview .master-project .cat-item,
.inview .master-project .desc {
transition: 0.3s;
}
.master-project .headline-2 a {
transition: 0s;
}
.master-project > .arrow {
position: absolute;
right: 30px;
top: 30px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 18px;
color: var(--e-global-color-tombuild_primary);
background-color: #fff;
border-radius: 50%;
opacity: 0;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
transition: transform 0.5s, opacity 0.3s;
z-index: 10;
}
.master-project:hover > .arrow {
opacity: 1;
}
.master-project.active .thumb img {
transform: scale(1.1);
}
.master-project:hover .thumb:before,
.master-project.active .thumb:before {
transform: translateY(0);
opacity: 1;
}
.master-project .arrow i {
display: inline-block;
will-change: transform;
}
.master-project .arrow:hover i {
animation: 0.3s link-icon linear;
}
.master-project .content-wrap .arrow {
display: none;
opacity: 1;
font-size: 16px;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
color: var(--e-global-color-tombuild_primary);
background-color: #fff;
}
.custom-overlay-yes .thumb:before {
display: none;
}
.custom-overlay-yes .overlay {
position: absolute;
z-index: 1;
opacity: 0;
transition: 0.5s ease;
}
.custom-overlay-yes .master-project:hover .overlay {
opacity: 1;
}
/* Style 1 */
.project-style-1 .master-project {
transition: background 0.3s ease;
}
.project-style-1 .master-project a.thumb:before {
opacity: 1;
background-color: transparent;
background-image: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
}
.project-style-1 .master-project > .arrow {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.project-style-1 .master-project .content-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
padding: 40px 60px;
transform: translateY(20px);
opacity: 0;
text-align: center;
}
.project-style-1 .master-project.active .content-wrap {
transform: translateY(0);
opacity: 1;
}
.project-style-1 .master-project .content-wrap > .arrow {
display: none;
}
.project-style-1 .master-project .headline-2 {
margin-bottom: 4px;
color: #fff;
}
/* Style 2 */
.project-style-2 .master-project {
text-align: center;
}
.project-style-2 .master-project .arrow {
opacity: 0;
}
.project-style-2 .master-project .content-wrap .arrow {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.project-style-2 .master-project .thumb:before {
background-color: transparent;
}
.project-style-2 .master-project .content-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
opacity: 1;
padding: 40px 40px 35px;
transform: scale(0.8);
opacity: 0;
transition: all 0.3s ease;
}
.project-style-2 .master-project.active .content-wrap {
transform: scale(1);
opacity: 1;
}
.project-style-2 .master-project .content-wrap:after {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
background-color: #0A2357;
opacity: 0.7;
z-index: -1;
transition: all 0.3s ease;
}
.project-style-2 .master-project .cat-item {
color: rgba(255,255,255,0.6);
}
.project-style-2 .master-project .cat-item:hover {
color: #fff;
}
.project-style-2 .master-project .cat-sep {
color: rgba(255,255,255,0.6);
}
.project-style-2 .master-project .headline-2 {
font-size: 20px;
color: #fff;
margin-bottom: 0;
}
.project-style-2 .master-project .desc {
max-width: 305px;
color: rgba(255,255,255,0.7);
font-size: 15px;
line-height: 26px;
opacity: 0;
transition: 0.3s all ease;
}
.project-style-2 .master-project.active .desc {
opacity: 1;
}
/* Style 3 */
.project-style-3 .master-project .content-wrap {
position: absolute;
left: 0;
bottom: 0;
padding: 40px;
opacity: 0;
transform: translateY(20px);
transition: 0.3s all ease;
}
.project-style-3 .master-project:hover .content-wrap {
opacity: 1;
transform: translateY(0);
}
.project-style-3 .master-project .headline-2 {
margin-bottom: 0;
max-width: 250px;
}
.project-style-3 .master-project .headline-2,
.project-style-3 .master-project .cat-item,
.project-style-3 .master-project .cat-sep,
.project-style-3 .master-project .desc {
color: #fff;
}
.project-style-3 .master-project a.thumb:before {
background-image: linear-gradient(to top, #ee763c, rgba(23,23,23,0));
background-color: transparent;
}
.project-style-3 .master-project:hover a.thumb:before {
opacity: 1;
transform: translateY(0);
}
/* Style 4 */
.project-style-4 .master-project .arrow {
display: none;
}
.project-style-4 .master-project .content-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 38px 30px;
}
.project-style-4 .master-project .headline-2,
.project-style-4 .master-project .cat-item {
color: #fff;
}
.project-style-4 .master-project .headline-2 {
order: 0;
font-size: 36px;
line-height: 46px;
font-weight: 500;
margin-bottom: 2px;
}
.project-style-4 .master-project .cat-wrap {
order: 1;
}
.project-style-4 .master-project .cat-item {
font-size: 18px;
line-height: 28px;
font-weight: 400;
}
/* Project Thumb */
.project-thumb .master-project .arrow,
.project-thumb .master-project .content-wrap {
display: none;
}
@media (max-width: 575px) {
.project-style-2 .master-project .content-wrap { transform: translateY(0); }
.project-style-2 .master-project .headline-2 { margin-bottom: 0; }
.project-style-2 .master-project .desc { display: none; }
}
/* ----------------------------------------
News
---------------------------------------- */
.master-news {
position: relative;
overflow: hidden;
}
.master-news .content-wrap {
position: relative;
padding-top: 21px;
transition: all 0.3s ease;
}
.master-news .image-wrap {
position: relative;
display: flex;
width: 100%;
}
.master-news .headline-2 {
font-size: 22px;
line-height: 26px;
}
.master-news .headline-2 a {
color: inherit;
transition: 0s;
}
.master-news .headline-2:hover {
color: var(--e-global-color-tombuild_accent);
}
.master-news .thumb {
overflow: hidden;
}
.master-news .thumb .inner {
display: inline-block;
width: 100%;
transition: all 0.5s ease;
}
.master-news .thumb img {
width: 100%;
height: auto;
}
.master-news .url-wrap {
line-height: 1;
}
.author-avatar .master-news .post-by-author:after {
display: none;
}
.author-avatar .master-news .post-by-author {
padding-left: 0;
text-transform: none;
font-size: 14px;
letter-spacing: 0;
}
.author-avatar .master-news .post-by-author img {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid var(--e-global-color-tombuild_accent);
margin-right: 10px;
transition: 0s;
}
.author-avatar .master-portfolio .master-news .post-by-author {
position: relative;
padding-left: 50px;
height: 40px;
display: flex;
align-items: center;
}
.author-avatar .master-portfolio .master-news .post-by-author img {
position: absolute;
top: 0;
left: 0;
}
.master-news .post-date.default {
position: absolute;
top: 40px;
left: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 0.1em;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
z-index: 1;
padding: 0 14px;
width: 65px;
height: 75px;
border-radius: 5px;
text-align: center;
}
.master-news .desc {
margin-bottom: 23px;
}
/* Style 1 */
.news-style-1 .master-news {
background-color: transparent;
overflow: visible;
}
.news-style-1 .master-news .image-wrap {
overflow: hidden;
}
.news-style-1 .master-news .image-wrap .post-date {
display: none;
}
.news-style-1 .master-news .post-date.default:after {
display: none;
}
.news-style-1 .master-news .post-date.default {
writing-mode: vertical-rl;
text-orientation: mixed;
top: 0;
left: 0;
font-size: 14px;
font-weight: 500;
background-color: var(--e-global-color-tombuild_accent);
line-height: 40px;
text-align: center;
height: 100%;
width: auto;
padding: 5px;
}
.news-style-1 .master-news .post-meta {
margin-bottom: 12px;
}
.news-style-1 .master-news .bottom-wrap .post-meta {
margin-bottom: 0;
}
.news-style-1 .master-news .bottom-wrap .post-meta .item {
margin: 0;
}
.news-style-1 .master-news .post-meta .item {
padding-left: 0;
}
.news-style-1 .master-news .post-meta .item:after {
display: none;
}
.news-style-1 .master-news .sep {
display: none;
}
.news-style-1 .master-news .content-wrap {
padding: 20px 35px 18px 35px;
background-color: #fff;
border: 1px solid var(--e-global-color-tombuild_border);
z-index: 1;
}
.news-style-1 .master-news .headline-2 {
font-size: 18px;
line-height: 27px;
margin-bottom: 13px;
}
/* Style 2 */
.news-style-2 .master-news .content-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 30px 34px 10px;
background-color: rgba(13,13,63,0.5);
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.news-style-2 .master-news .post-meta .item,
.news-style-2 .master-news .post-meta a,
.news-style-2 .master-news .headline-2,
.news-style-2 .master-news .desc {
color: #fff;
}
.news-style-2 .master-news .sep {
display: none;
}
.news-style-2 .master-news .post-meta {
margin-bottom: 5px;
}
.news-style-2 .master-news .headline-2 {
max-width: 235px;
}
.news-style-2 .master-news .url-wrap {
border-top: 1px solid rgba(255,255,255,0.1);
}
.news-style-2 .master-news .url-wrap .master-link {
display: inline-flex;
justify-content: space-between;
width: 100%;
}
@media (max-width: 575px) {
.master-news .post-date.default { top: 15px; left: 15px; width: 40px; height: 50px; font-size: 12px; line-height: 16px; }
}
/* ----------------------------------------
News Block
---------------------------------------- */
.master-news-block {
display: flex;
}
.master-news-block .master-news .post-date {
left: unset;
right: 20px;
}
.master-news-block .master-news .headline-2 {
line-height: 34px;
margin-bottom: 0;
}
.master-news-block .master-news .thumb {
display: flex;
align-items: flex-start;
}
.master-news-block .master-news {
width: 25%;
margin-right: 30px;
height: auto;
}
.master-news-block .master-news.news-1 {
position: relative;
width: 50%;
margin-right: 30px;
}
.master-news-block .master-news.news-1 .thumb:before {
opacity: 0.5;
}
.master-news-block .master-news.news-1 .content-wrap {
position: absolute;
bottom: 0;
left: 0;
padding: 40px 50px;
}
.master-news-block .master-news.news-1 .meta-sep,
.master-news-block .master-news.news-1 .post-meta .item,
.master-news-block .master-news.news-1 .headline-2 {
color: #fff;
}
.master-news-block .master-news.news-1 .headline-2 {
max-width: 340px;
}
.master-news-block .master-news.news-1 .headline-2:hover,
.master-news-block .master-news.news-1 .post-meta .item a:hover {
opacity: 0.7;
color: #fff;
}
.master-news-block .master-news.news-3 {
margin-right: 0;
}
.master-news-block .master-news.active .post-date {
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
}
.master-news-block .master-news .post-meta .item:after {
display: none;
}
@media (max-width: 1024px) {
.master-news-block { flex-wrap: wrap; }
.master-news-block .master-news { width: calc(50% - 15px); }
.master-news-block .master-news.news-1 { width: 100%; margin: 0 0 30px; }
}
@media (max-width: 575px) {
.master-news-block .master-news { width: 100%; margin: 0 0 30px }
.master-news-block .master-news.news-1 .content-wrap { padding: 30px 25px; }
.master-news-block .master-news.news-3 { margin-bottom: 0; }
.master-news-block .master-news .post-meta { margin-bottom: 5px;}
.master-news-block .master-news .headline-2 { font-size: 22px; line-height: 34px; }
.master-news-block .master-news .post-date { display: none; }
}
/* ----------------------------------------
Team
---------------------------------------- */
.master-team {
position: relative;
text-align: center;
transition: all 0.3s ease;
}
.master-team .avatar-wrap {
position: relative;
}
.master-team .avatar {
position: relative;
display: inline-flex;
width: 100%;
overflow: hidden;
transition: 0.3s;
}
.master-team .avatar .inner {
display: inline-block;
width: 100%;
}
.master-team .avatar img {
width: 100%;
height: auto;
}
.master-team .content-wrap {
display: flex;
flex-direction: column-reverse;
justify-content: center;
text-align: center;
padding: 35px 30px 42px;
transition: all 0.3s ease;
}
.master-team .team-role {
display: inline-block;
font-size: 16px;
line-height: 24px;
}
.master-team .team-name {
font-size: 20px;
line-height: 24px;
margin-bottom: 0px;
transition: all 0.2s ease;
}
.master-team .team-name a {
color: inherit;
line-height: inherit;
transition: 0s;
}
.master-team .desc {
margin-bottom: 30px;
}
.master-team .image-wrap {
position: relative;
}
.master-team .socials-wrap a {
font-size: 16px;
color: var(--e-global-color-tombuild_text);
width: 22px;
text-align: center;
margin: 0 9px;
}
.master-team .socials-wrap a:hover {
color: var(--e-global-color-tombuild_accent);
}
/* Style 1 */
.team-style-1 .master-team .image-wrap .socials {
display: none;
}
.team-style-1 .master-team .team-name {
margin-bottom: 11px;
}
.team-style-1 .master-team .team-role {
margin-bottom: 35px;
}
.team-style-1 .master-team .content-wrap {
background-color: #fff;
border: 1px solid var(--e-global-color-tombuild_border);
}
.team-style-1 .master-team.active {
box-shadow: 0 10px 35px 0 rgba(33,39,53,0.3);
}
.team-style-1 .master-team.active .content-wrap {
border-color: transparent;
}
/* Style 2 */
.team-style-2 .master-team {
background-image: linear-gradient(to top, #eaeaf1 0%, transparent 264px);
background-color: transparent;
border-radius: 20px;
}
.team-style-2 .master-team.active .team-name,
.team-style-2 .master-team.active .team-role,
.team-style-2 .master-team:hover .team-name,
.team-style-2 .master-team:hover .team-role {
color: #fff;
}
.team-style-2 .master-team:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 264px;
content: '';
border-radius: 20px 20px 0 0;
z-index: 1;
background-color: var(--e-global-color-tombuild_accent);
transition: 0.3s ease;
opacity: 0;
transform-origin: 50% 0%;
}
.team-style-2 .master-team.active:before,
.team-style-2 .master-team:hover:before {
opacity: 1;
}
.team-style-2 .master-team:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 200px;
content: '';
border-radius: 20px 20px 0 0;
background-image: linear-gradient(to bottom, #eaeaf1, transparent);
z-index: -3;
transform-origin: 50% 0;
transition: 0.3s ease;
}
.team-style-2 .master-team > .inner {
position: relative;
z-index: 1;
padding: 20px;
border-radius: 20px;
}
.team-style-2 .master-team > .inner:before {
position: absolute;
top: 2px;
left: 2px;
width: calc(100% - 4px);
height: 250px;
content: '';
border-radius: 18px 18px 0 0;
background-color: #fff;
z-index: -1;
}
.team-style-2 .master-team > .inner:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 200px;
content: '';
border-radius: 20px 20px 0 0;
background-image: linear-gradient(to bottom, var(--e-global-color-tombuild_accent), transparent);
z-index: -2;
transform-origin: 50% 0;
transition: 0.3s ease;
transform: scaleX(0);
}
.team-style-2 .master-team.active > .inner:after,
.team-style-2 .master-team:hover > .inner:after {
transform: scaleX(1);
}
.team-style-2 .master-team .image-wrap {
border-radius: 20px;
overflow: hidden;
}
.team-style-2 .master-team .content-wrap {
padding: 27px 0 5px;
position: static;
}
.team-style-2 .master-team .name-role-info {
display: flex;
flex-direction: column-reverse;
}
.team-style-2 .master-team .content-wrap .socials {
display: none;
}
.team-style-2 .master-team .socials .socials-wrap {
position: absolute;
bottom: 0;
left: 0;
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
padding: 10px 0;
background-color: rgba(40,183,154,0.9);
transition: 0.5s ease;
transform: scaleY(0);
transform-origin: 50% 100%;
}
.team-style-2 .master-team.active .socials .socials-wrap,
.team-style-2 .master-team:hover .socials .socials-wrap {
transform: scaleY(1);
}
.team-style-2 .master-team .socials .socials-wrap a {
display: inline-block;
width: 44px;
height: 34px;
font-size: 18px;
text-align: center;
line-height: 34px;
margin: 0;
color: #fff;
}
.team-style-2 .master-team .socials .socials-wrap a:hover {
color: var(--e-global-color-tombuild_accent);
}
/* ----------------------------------------
Testimonial
---------------------------------------- */
.master-testimonial {
position: relative;
transition: box-shadow 0.3s, transform 0.3s;
}
.master-testimonial .name {
font-size: 15px;
line-height: 22px;
color: var(--e-global-color-tombuild_primary);
font-weight: 500;
margin-bottom: 0px;
}
.master-testimonial .role {
font-size: 15px;
line-height: 22px;
}
.master-testimonial .comment {
font-size: 16px;
line-height: 24px;
color: var(--e-global-color-tombuild_text);
}
.master-testimonial .star-rating {
position: relative;
width: auto;
height: auto;
margin-bottom: 9px;
}
.master-testimonial .star-rating > span {
display: inline-block;
font-size: 16px;
line-height: 1;
color: var(--e-global-color-tombuild_accent);
}
.master-testimonial .avatar {
position: relative;
overflow: hidden;
border-radius: 50%;
width: fit-content;
}
.master-testimonial .avatar-wrap .icon {
display: inline-block;
font-size: 18px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
position: absolute;
top: 23px;
left: 68px;
}
.master-testimonial .quote {
position: absolute;
right: 30px;
bottom: 20px;
width: 60px;
fill: #f4f4f4;
transition: 0.5s ease;
}
.master-testimonial:hover .quote {
fill: var(--e-global-color-tombuild_accent);
opacity: 1;
}
/* Style 1 */
.testimonial-style-1 .master-testimonial {
border: 1px solid var(--e-global-color-tombuild_border);
}
.testimonial-style-1 .master-testimonial .inner {
position: relative;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
justify-content: center;
padding: 30px 0 0;
background-color: #fff;
}
.testimonial-style-1 .master-testimonial .inner:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
content: '';
background-color: var(--e-global-color-tombuild_accent);
transform-origin: 50% 0%;
transform: scaleX(0);
transition: all 0.5s ease;
}
.testimonial-style-1 .master-testimonial .avatar-wrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.testimonial-style-1 .master-testimonial .avatar {
margin-bottom: 15px;
}
.testimonial-style-1 .master-testimonial .content-wrap {
margin-top: 18px;
border-top: 1px solid var(--e-global-color-tombuild_border);
padding: 25px 40px 28px;
}
.testimonial-style-1 .master-testimonial.active {
box-shadow: 0 10px 35px 0 rgba(33,39,53,0.2);
}
.testimonial-style-1 .master-testimonial.active .inner:after {
transform: scaleX(1);
}
/* Style 2 */
.testimonial-style-2 .master-testimonial {
padding: 45px 35px 30px;
overflow: hidden;
}
.testimonial-style-2 .master-testimonial .inner {
position: relative;
display: flex;
flex-direction: column-reverse;
z-index: 5;
}
.testimonial-style-2 .master-testimonial .avatar-wrap {
display: flex;
align-items: center;
z-index: 2;
position: relative;
}
.testimonial-style-2 .master-testimonial .author-wrap {
flex-shrink: 1;
}
.testimonial-style-2 .master-testimonial .avatar {
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 20px 0 0;
z-index: 1;
flex-grow: 0;
flex-shrink: 0;
}
.testimonial-style-2 .master-testimonial .avatar-wrap {
transition: all 0.5s ease;
}
.testimonial-style-2 .master-testimonial .content-wrap {
display: flex;
flex-direction: column-reverse;
}
/* Style 3 */
.testimonial-style-3 .master-testimonial {
position: absolute;
text-align: center;
padding: 0;
}
.testimonial-style-3 .master-testimonial .avatar-wrap {
position: absolute;
bottom: 2px;
left: 50%;
transform: translate(-50%, 0);
margin: 0;
}
.testimonial-style-3 .master-testimonial .avatar {
width: 92px;
height: 92px;
border: 10px solid #fff;
margin: 0;
box-shadow: 0 0 0 1px var(--e-global-color-tombuild_border);
transition: box-shadow 0.3s ease;
}
.testimonial-style-3 .master-testimonial .content-wrap {
margin-bottom: 50px;
border: 1px solid var(--e-global-color-tombuild_border);
background-color: #fff;
border-radius: 10px;
padding: 0 0 72px;
display: flex;
flex-direction: column-reverse;
transition: border 0.3s ease;
}
.testimonial-style-3 .master-testimonial .author-wrap {
position: relative;
background-color: #e2e2e2;
border-radius: 10px 10px 0 0;
padding: 21px 20px 31px;
z-index: 2;
transition: all 0.3s ease;
}
.testimonial-style-3 .master-testimonial .comment {
position: relative;
padding: 28px 55px 0;
font-size: 20px;
line-height: 40px;
z-index: 1;
}
.testimonial-style-3 .master-testimonial .name {
font-size: 20px;
line-height: 22px;
letter-spacing: 0;
margin-bottom: 0;
}
.testimonial-style-3 .master-testimonial .role {
margin-bottom: 0;
}
.testimonial-style-3 .master-testimonial .quote {
display: inline-block;
opacity: 0.6;
width: 200px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
fill: var(--e-global-color-tombuild_light);
transition: 0.3s ease;
}
.testimonial-style-3 .master-testimonial .author-wrap:after {
position: absolute;
bottom: -1px;
left: 0;
content: '';
width: 100%;
height: 10px;
background-color: #fff;
clip-path: polygon(50% 90%, 57% 0, 110% 0, 110% 100%, 0 100%, 0 0, 43% 0);
z-index: 3;
pointer-events: none;
}
.testimonial-style-3 .master-testimonial.active .avatar {
box-shadow: 0 0 0 1px var(--e-global-color-tombuild_accent);
}
.testimonial-style-3 .master-testimonial.active .content-wrap {
border-color: var(--e-global-color-tombuild_accent);
}
.testimonial-style-3 .master-testimonial.active .author-wrap {
background-color: var(--e-global-color-tombuild_accent);
}
.testimonial-style-3 .master-testimonial.active .author-wrap .name,
.testimonial-style-3 .master-testimonial.active .author-wrap .role {
color: #fff;
}
/* Style 4 */
.testimonial-style-4 .master-testimonial {
text-align: center;
}
.testimonial-style-4 .master-testimonial .avatar-wrap {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.testimonial-style-4 .master-testimonial .content-wrap {
display: flex;
flex-direction: column-reverse;
}
/* Testimonials Vertical slider */
.master-vertical-slider .master-testimonial {
display: flex;
justify-content: space-between;
align-items: center;
padding: 38px 50px 55px;
border-radius: 5px;
overflow: hidden;
}
.master-vertical-slider .master-testimonial .content-wrap {
padding: 0;
margin-right: 45px;
}
.master-vertical-slider .master-testimonial .comment {
font-size: 18px;
line-height: 36px;
font-weight: 500;
margin-bottom: 23px;
}
.master-vertical-slider .master-testimonial .author-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.master-vertical-slider .master-testimonial .name {
font-size: 24px;
line-height: 30px;
font-weight: 500;
margin-right: 30px;
}
.master-vertical-slider .master-testimonial .avatar-wrap {
position: relative;
padding: 10px;
flex-shrink: 0;
}
.master-vertical-slider .master-testimonial .avatar-wrap:before {
position: absolute;
bottom: 5px;
left: 50%;
transform: translate(-50%, 50%);
content: "";
background-color: var(--e-global-color-tombuild_accent);
width: 50px;
height: 50px;
border-radius: 50%;
content: "\f10e";
font-family: "core-icons";
font-size: 16px;
line-height: 50px;
z-index: 1;
color: #fff;
text-align: center;
}
.master-vertical-slider .master-testimonial .avatar-wrap:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;utf8,");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
}
.master-vertical-slider .master-testimonial .star-rating {
margin-right: 10px;
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
.testimonial-style-2 .master-testimonial { padding: 15px; }
.testimonial-style-2 .master-testimonial .avatar-wrap { padding: 10px; }
.testimonial-style-2 .master-testimonial .avatar { margin-right: 10px; }
}
@media (max-width: 400px) {
}
/* ----------------------------------------
Partner
---------------------------------------- */
.elementor-widget-mae-partner-carousel .flickity-slider {
display: flex;
align-items: center;
}
.master-partner {
overflow: hidden;
opacity: 0.5;
transition: all 0.3s ease;
cursor: pointer;
}
.master-partner img {
width: 100%;
}
.master-partner:hover {
opacity: 1;
}
/* ----------------------------------------
Animation
---------------------------------------- */
.cb-vslide { transition-timing-function: cubic-bezier(0.9,0,.2,1); }
.cb-vslide2 { transition-timing-function: cubic-bezier(0.62, 0.12, 0.52, 0.94); }
.cb-zoom { transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
.elementor-invisible:not(.animated) { opacity: 0; }
.master-animation { opacity: 0; animation-duration: 0.7s; animation-fill-mode: forwards; }
.fadeInUpSmall { animation-name: fadeInUpSmall; }
.fadeInDownSmall { animation-name: fadeInDownSmall; }
.fadeInLeftSmall { animation-name: fadeInLeftSmall; }
.fadeInRightSmall { animation-name: fadeInRightSmall; }
.fadeInUpLeft { animation-name: fadeInUpLeft; }
.fadeInUpRight { animation-name: fadeInUpRight; }
.fadeInDownLeft { animation-name: fadeInDownLeft; }
.fadeInDownRight { animation-name: fadeInDownRight; }
.fadeInDownRight { animation-name: fadeInDownRight; }
.slideUp { animation-name: slideUp; opacity: 1; }
.slideDown { animation-name: slideDown; opacity: 1; }
.slideLeft { animation-name: slideLeft; opacity: 1; }
.slideRight { animation-name: slideRight; opacity: 1; }
.slideUpLeft { animation-name: slideUpLeft; opacity: 1; }
.slideDownLeft { animation-name: slideDownLeft; opacity: 1; }
.slideUpRight { animation-name: slideUpRight; opacity: 1; }
.slideDownRight { animation-name: slideDownRight; opacity: 1; }
.zoomInSmall { animation-name: zoomInSmall; }
.revealTop { animation: revealTop; animation-duration: 1s; opacity: 1; }
.revealBottom { animation: revealBottom; animation-duration: 1s; opacity: 1; }
.revealRight { animation: revealRight; animation-duration: 1s; opacity: 1; }
.revealLeft { animation: revealLeft; animation-duration: 1s; opacity: 1; }
.reveal { position: relative; overflow: hidden; }
.master-animation.reveal { opacity: 1; }
.reveal { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.reveal > * {
visibility: hidden;
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
-webkit-animation-name: hide-show;
animation-name: hide-show;
animation-delay: inherit;
transition: opacity 1s;
}
.reveal:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #ddd;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
animation-delay: inherit;
}
.reveal.revealLeft2:after { -webkit-animation-name: reveal-from-left; animation-name: reveal-from-left; }
.reveal.revealRight2:after { -webkit-animation-name: reveal-from-right; animation-name: reveal-from-right; }
.reveal.revealTop2:after { -webkit-animation-name: reveal-from-top; animation-name: reveal-from-top; }
.reveal.revealBottom2:after { -webkit-animation-name: reveal-from-bottom; animation-name: reveal-from-bottom; }
.reveal.revealTop2 img,
.reveal.revealLeft2 img,
.reveal.revealRight2 img,
.reveal.revealBottom2 img { visibility: hidden; opacity: 0;
animation: 1s hide-show cubic-bezier(0.86, 0, 0.07, 1) forwards 0.2s, 2s imgZoom cubic-bezier(0.7, 0, 0.3, 1) forwards;
}
.master-animation.zoomIn { animation-name: zoomInSmall; }
.master-animation.fadeIn { animation-name: fadeIn; }
.master-animation.fadeIn { animation-name: fadeIn; }
.master-animation.slideInDown{animation-name:slideInDown2;visibility: visible;}
.master-animation.slideInLeft{animation-name:slideInLeft2;visibility: visible;}
.master-animation.slideInRight{animation-name:slideInRight2;visibility: visible;}
.master-animation.slideInUp{animation-name:slideInUp2;visibility: visible;}
.inview .rotating { animation: yoyo 10s infinite linear; }
@keyframes imgZoom{from{transform:scale(1.2)}to{transform: scale(1)}}
@keyframes yoyo { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}
@keyframes zoomInSmall{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform: none;}}
@keyframes fadeIn {from{opacity:0;}to{opacity:1;}}
@keyframes fadeInUpSmall {from{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:none}}
@keyframes fadeInDownSmall {from{opacity:0;transform:translate3d(0,-50px,0)}to{opacity:1;transform:none}}
@keyframes fadeInLeftSmall {from{opacity:0;transform:translate3d(-50px,0,0)}to{opacity:1;transform:none}}
@keyframes fadeInRightSmall {from{opacity:0;transform:translate3d(50px,0,0)}to{opacity:1;transform:none}}
@keyframes fadeInUpLeft {from{opacity:0;transform:translate3d(30px,30px,0)}to{opacity:1;transform:none}}
@keyframes fadeInUpRight {from{opacity:0;transform:translate3d(-30px,30px,0)}to{opacity:1;transform:none}}
@keyframes fadeInDownLeft {from{opacity:0;transform:translate3d(30px,-30px,0)}to{opacity:1;transform:none}}
@keyframes fadeInDownRight {from{opacity:0;transform:translate3d(-30px,-30px,0)}to{opacity:1;transform:none}}
@keyframes revealTop {from{clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}to{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}
@keyframes revealBottom {from{clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}to{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}
@keyframes revealRight {from{clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}to{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}
@keyframes revealLeft {from{clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}to{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}
@keyframes link-icon { 0% { transform: translateX(0); opacity: 1; } 49% { transform: translateX(20px); opacity: 0; } 50% { transform: translateX(-20px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } }
@keyframes link-icon2 { 0% { left: 50%; opacity: 1; } 49% { left: calc(50% + 20px); opacity: 0; } 50% { left: calc(50% - 20px); opacity: 0; } 100% { left: 50%; opacity: 1; } }
@keyframes link-icon2-reverse { 0% { left: 50%; opacity: 1; } 49% { left: calc(50% - 20px); opacity: 0; } 50% { left: calc(50% + 20px); opacity: 0; } 100% { left: 50%; opacity: 1; } }
@keyframes v-fade-before { 0% { transform: scale(1); opacity: 0.4; } 100% { transform: scale(1.6); opacity: 0; } }
@keyframes v-fade-after { 0% { transform: scale(1); opacity: 0.2; } 100% { transform: scale(2.1); opacity: 0; } }
@keyframes slideInDown2{from{transform:translate3d(0,-100%,0);opacity: 1;}to{transform:translate3d(0,0,0);opacity: 1;}}
@keyframes slideInLeft2{from{transform:translate3d(-100%,0,0);opacity: 1;}to{transform:translate3d(0,0,0);opacity: 1;}}
@keyframes slideInRight2{from{transform:translate3d(100%,0,0);opacity: 1;}to{transform:translate3d(0,0,0);opacity: 1;}}
@keyframes slideInUp2{from{transform:translate3d(0,100%,0);opacity: 1;}to{transform:translate3d(0,0,0);opacity: 1;}}
@keyframes slideUp {from{transform: translate3d(0,10px,0);} to{transform: translate3d(0,0,0);}}
@keyframes slideDown {from{transform: translate3d(0,-10px,0);} to{transform: translate3d(0,0,0);}}
@keyframes slideLeft {from{transform: translate3d(10px,0,0);} to{transform: translate3d(0,0,0);}}
@keyframes slideRight {from{transform: translate3d(-10px,0,0);} to{transform: translate3d(0,0,0);}}
@keyframes slideUpLeft {from{transform: translate3d(10px,10px,0);} to{transform: translate3d(0,0,0);}}
@keyframes slideDownLeft {from{transform: translate3d(10px,-10px,0);} to{transform: translate3d(0,0,0);}}
@keyframes slideUpRight {from{transform: translate3d(-10px,10px,0);} to{transform: translate3d(0,0,0);}}
@keyframes slideDownRight {from{transform: translate3d(-10px,-10px,0);} to{transform: translate3d(0,0,0);}}
@keyframes hide-show { 0% { opacity: 0; visibility: hidden; } 66.6% { opacity: 0; visibility: hidden; } 66.7% { opacity: 1; visibility: visible; } 100% { opacity: 1; visibility:visible; } }
@keyframes reveal-from-left {
0% {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
66.6% {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
66.7% {
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
}
@keyframes reveal-from-right {
0% {
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
66.6% {
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
66.7% {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
}
@keyframes reveal-from-top {
0% {
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
66.6% {
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
66.7% {
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
}
@keyframes reveal-from-bottom {
0% {
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
66.6% {
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
66.7% {
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
}
@keyframes line-moving {
0% { transform: translateX(0); }
49% { transform: translateX(110%) }
50% { transform: translateX(-110%) }
100% { transform: translateX(0); }
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg) translateZ(0px);
-moz-transform: rotate(0deg) translateZ(0px);
-webkit-transform: rotate(0deg) translateZ(0px);
-o-transform: rotate(0deg) translateZ(0px);
transform: rotate(0deg) translateZ(0px);
}
to {
-ms-transform: rotate(360deg) translateZ(0px);
-moz-transform: rotate(360deg) translateZ(0px);
-webkit-transform: rotate(360deg) translateZ(0px);
-o-transform: rotate(360deg) translateZ(0px);
transform: rotate(360deg) translateZ(0px);
}
}
.inview .rotate { animation: rotating 10s infinite linear; }
.inview .zoomeffect { animation: zoomeffect 3s infinite; }
@keyframes zoomeffect {
0% {
background-position: center;
transform: scale(1);
}
50% {
background-position: center;
transform: scale(0.8);
}
100% {
background-position: center;
transform: scale(1);
}
}
.inview .zoomeffect2 { animation: zoomeffect2 3s infinite; }
@keyframes zoomeffect2 {
0% {
background-position: center;
transform: scale(1);
}
50% {
background-position: center;
transform: scale(1.2);
}
100% {
background-position: center;
transform: scale(1);
}
}
.inview .movingeffect > div { animation: movingeffect 10s infinite; }
@keyframes movingeffect {
0% {
-webkit-transform: translateY(0px) translateX(0) rotate(0);
transform: translateY(0px) translateX(0) rotate(0);
}
30% {
-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
transform: translateY(30px) translateX(50px) rotate(15deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}
50% {
-webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
transform: translateY(50px) translateX(100px) rotate(45deg);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
80% {
-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
transform: translateY(30px) translateX(50px) rotate(15deg);
-webkit-transform-origin: left top;
transform-origin: left top;
}
100% {
-webkit-transform: translateY(0px) translateX(0) rotate(0);
transform: translateY(0px) translateX(0) rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
}
.inview .shakeeffect > div { animation: shakeeffect 10s infinite; }
@keyframes shakeeffect {
0% {
-webkit-transform: rotate3d(0, 1, 0, 0deg);
transform: rotate3d(0, 1, 0, 0deg);
}
30% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
60% {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
100% {
-webkit-transform: rotate3d(0, 1, 0, 0deg);
transform: rotate3d(0, 1, 0, 0deg);
}
}
.inview .bounceeffect > div { animation: bounceeffect 3s linear infinite alternate; }
@keyframes bounceeffect {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
@keyframes floatX { 0% { transform: translateX(-30px); } 50% { transform: translateX(-10px); } 100% { transform: translateX(-30px); } }
.floatX { transform: translateX(-30px); }
.inview .floatX { animation: floatX 5s infinite ease-in-out; }
.inview .floatX1 { animation: floatX 4s infinite ease-in-out 0.3s; }
@keyframes floatY { 0% { transform: translateY(-30px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-30px); } }
.floatX { transform: translateY(-30px); }
.inview .floatY { animation: floatY 5s infinite ease-in-out; }
.inview .floatY1 { animation: floatY 4s infinite ease-in-out 0.3s; }
@keyframes shakeA { 0% { transform: rotate3d(0, 1, 0, 0deg); } 30% { transform: rotate3d(0, 0, 1, 10deg); } 60% { transform: rotate3d(1, 0, 0, 0deg); } 80% { transform: rotate3d(0, 0, 1, 10deg); } 100% { transform: rotate3d(0, 1, 0, 0deg); } }
.inview .shakeA { animation: shakeA 5s infinite ease-out; }
.bounceSmall {
-moz-animation: bounceSmall 2s infinite;
-webkit-animation: bounceSmall 2s infinite;
animation: bounceSmall 2s infinite;
}
@keyframes bounceSmall {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-8px);
}
60% {
transform: translateY(-4px);
}
}
/* ----------------------------------------
SVG Drawing
---------------------------------------- */
.master-svg-drawing svg {
fill: none;
stroke: #000;
transition-timing-function: linear;
}
/* ----------------------------------------
Parallax
---------------------------------------- */
.parallax-hover { transition: 0.3s ease; }
/* ----------------------------------------
Particles
---------------------------------------- */
.canvas-particles {
width: 100%;
height: 100%;
}
.master-particles {
position: absolute;
width: 100%;
height: 100%;
}
.master-particles canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ----------------------------------------
PNG DOTS
---------------------------------------- */
.master-png-dots {
width: 100%;
height: 100%;
}
.master-png-dots img {
visibility: hidden;
opacity: 0;
}
.master-png-dots canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.canvas-absolute {
position: static;
}
.canvas-absolute .elementor-widget-container {
position: static;
}
.canvas-absolute img {
display: none;
}
/* ----------------------------------------
Vertical Lines
---------------------------------------- */
.master-vertical-lines { position: fixed; width: 1170px; max-width: 100vw; height: 100vh; top: 0; left: 50%; transform: translateX(-50%); pointer-events: none; }
.master-vertical-lines .line { position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #e7e7e7; margin: 0; }
/* ----------------------------------------
Flip Box
---------------------------------------- */
.master-flip-box {
perspective: 700px;
}
.master-flip-box .icon-wrap {
z-index: 0;
}
.master-flip-box .headline-2,
.master-flip-box .desc,
.master-flip-box .url-wrap {
position: relative;
z-index: 1;
}
.master-flip-box .master-icon {
font-size: 40px;
}
.master-flip-box .desc {
line-height: 2;
}
.master-flip-box .flip-front,
.master-flip-box .flip-back {
transition: transform 1s;
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1.3);
transform-style: preserve-3d;
display: flex;
flex-direction: column;
overflow: visible !important;
-webkit-font-smoothing: antialiased;
}
.master-flip-box .flip-back {
justify-content: center;
}
.master-flip-box .flip-back > *,
.master-flip-box .flip-front > * {
-webkit-font-smoothing: antialiased;
transform: translateZ(70px);
-webkit-transform: translateZ(70px);
transition: 0.3s;
backface-visibility: hidden;
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1.3);
animation-delay: 0.1s !important;
-webkit-font-smoothing: antialiased;
}
.master-flip-box .flip-back .inner > *,
.master-flip-box .flip-front .inner > * {
transition: none;
-webkit-font-smoothing: antialiased;
}
.master-flip-box .flip-front {
transform: rotateY(0deg);
}
.master-flip-box .flip-back {
transform: rotateY(180deg);
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.master-flip-box:hover .flip-front {
transform: rotateY(-180deg);
backface-visibility: hidden;
}
.master-flip-box:hover .flip-back {
transform: rotateY(0deg);
}
/* ----------------------------------------
Login Form
---------------------------------------- */
.master-login-form p {
margin-bottom: 0;
}
.master-login-form input[type="text"],
.master-login-form input[type="password"] {
width: 100%;
}
.master-login-form input[type="submit"] {
margin-top: 20px;
}
.master-login-form .forget-passwork-link {
float: right;
}
/* ----------------------------------------
Logout
---------------------------------------- */
.master-logout-url i {
display: inline-block;
margin-right: 5px;
}
/* ----------------------------------------
Register Form
---------------------------------------- */
.master-register-form .ur-frontend-form {
border: none;
padding: 0;
margin: 0;
}
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid label.ur-label,
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid legend.ur-label {
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
line-height: 1.875;
}
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement,
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid input[type=date],
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid input[type=email],
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid input[type=number],
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid input[type=password],
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid input[type=phone],
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid input[type=text],
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker],
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid input[type=url],
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid select,
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid textarea {
font-size: 14px;
line-height: 2;
font-weight: 400;
padding: 15px 30px;
border: 1px solid var(--e-global-color-tombuild_light);
background-color: var(--e-global-color-tombuild_light);
color: var(--e-global-color-tombuild_text);
border-radius: 10px;
margin-bottom: 10px;
text-shadow: none;
box-shadow: none;
box-sizing: border-box;
transition: border 0.3s;
}
.master-register-form .ur-frontend-form button,
.master-register-form .ur-frontend-form button[type=submit],
.master-register-form .ur-frontend-form input[type=submit] {
font-size: 14px;
line-height: 60px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
background-color: var(--e-global-color-tombuild_accent);
padding: 0 50px;
letter-spacing: 0.1em;
border-radius: 10px;
display: inline-block;
-webkit-appearance: none;
transition: all 0.3s ease;
white-space: nowrap;
}
.master-register-form .ur-frontend-form button:hover,
.master-register-form .ur-frontend-form button[type=submit]:hover,
.master-register-form .ur-frontend-form input[type=submit]:hover {
background-color: var(--e-global-color-tombuild_primary);
}
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid {
padding: 0;
}
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item {
margin-bottom: 0;
}
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid.ur-grid-1 {
margin-right: 5px;
}
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid.ur-grid-2 {
margin-left: 5px;
}
.master-register-form .ur-frontend-form .ur-button-container {
padding: 0;
}
.master-register-form .ur-frontend-form .ur-button-container .ur-submit-button {
margin-left: 0;
}
@media (max-width: 767px) {
.master-register-form .ur-frontend-form .ur-form-row .ur-form-grid {
margin-bottom: 0px;
}
}
/* ----------------------------------------
Animated Text
---------------------------------------- */
.master-animated-text { margin-bottom: 0; font-size: 72px; }
.master-animated-text span { position: relative; display: inline-block; white-space: break-spaces; }
.master-animated-text .inner { position: relative; display: inline-flex; transition: all 0.3s ease; }
.master-animated-text .inner .item { display: inline-flex; width: fit-content; }
.master-animated-text .inner .item:not(.current) { position: absolute; top: 0; pointer-events: none; opacity: 0; width: max-content; }
.master-animated-text .inner .underline {
position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; transform-origin: left center;
}
.master-animated-text .inner .underline.color { background-color: var(--e-global-color-surince_accent); }
.master-animated-text .inner .underline.image img { position: absolute; top: 0; left: 0; width: 100%; }
.align-left .master-animated-text { margin-left: 0; margin-right: auto; }
.align-center .master-animated-text { margin-left: auto; margin-right: auto; text-align: center; }
.align-right .master-animated-text { margin-left: auto; margin-right: 0; }
.align-center .master-animated-text .inner { justify-content: center; }
@media (max-width: 1024px) {
.align--tabletleft .master-animated-text { margin-left: 0; margin-right: auto; }
.align--tabletcenter .master-animated-text { margin-left: auto; margin-right: auto; }
.align--tabletright .master-animated-text { margin-left: auto; margin-right: 0; }
}
@media (max-width: 767px) {
.align--mobileleft .master-animated-text { margin-left: 0; margin-right: auto; }
.align--mobilecenter .master-animated-text { margin-left: auto; margin-right: auto; }
.align--mobileright .master-animated-text { margin-left: auto; margin-right: 0; }
}
/* ----------------------------------------
Timeline
---------------------------------------- */
.elementor-widget-mae-horizontal-timeline { background-color: transparent !important; }
.timeline-line {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
color: var(--e-global-color-tombuild_accent);
background-color: currentColor;
}
.timeline-line:after,
.timeline-line:before {
position: absolute;
top: 0;
content: '';
width: 160px;
height: 100%;
}
.timeline-line:after {
left: 100%;
background-image: linear-gradient(to right, currentColor, transparent);
}
.timeline-line:before {
right: 100%;
background-image: linear-gradient(to left, currentColor, transparent);
}
.master-timeline {
display: block;
text-align: center;
height: 100%;
}
.master-timeline .inner-wrap {
position: relative;
display: flex;
flex-direction: column;
}
.master-timeline .content-wrap {
position: relative;
}
.master-timeline .date {
position: relative;
font-family: var(--font-heading);
font-size: 28px;
line-height: 1;
font-weight: 500;
color: var(--e-global-color-tombuild_primary);
}
.master-timeline:nth-child(even) .inner-wrap {
justify-content: flex-end;
}
.master-timeline:nth-child(odd) .date {
position: absolute;
top: calc(100% + 10px);
left: 0;
width: 100%;
}
.master-timeline:nth-child(even) .content-wrap {
position: absolute;
top: calc(100% + 10px);
left: 0;
width: 100%;
}
.master-timeline .decor {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.master-timeline .decor .decor-item {
position: absolute;
}
/* ----------------------------------------
Lines/ Dots Animation
---------------------------------------- */
.master-line-dot-animation { position: relative; }
.master-line-dot-animation .dot { position: absolute; top: 0; left: 0; display: inline-block; width: 20px; height: 2px; border-radius: 2px; background-color: #000; }
/* ----------------------------------------
Menu
---------------------------------------- */
.master-menu { position: relative; }
.master-menu .magic-line { display: inline-block; height: 4px; background-color: var(--e-global-color-tombuild_accent); position: absolute; bottom: 0; left: 0; transition: all 0.5s cubic-bezier(0.35, 0.7, 0.35, 1); ; }
/* ----------------------------------------
Event
---------------------------------------- */
.master-event {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.master-event:hover .thumb img {
transform: scale(1.1);
}
.master-event .image-wrap .meta-decor {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 70px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
font-weight: 500;
font-family: var(--font-heading);
border-radius: 0 0 0 10px;
}
.master-event .image-wrap .meta-decor > span {
display: block;
line-height: 1;
}
.master-event .image-wrap .meta-decor .day {
font-size: 20px;
margin-bottom: 2px;
}
.master-event .image-wrap .meta-decor .month {
font-size: 12px;
}
.master-event .content-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-image: linear-gradient(to top, var(--e-global-color-tombuild_primary), transparent 85%);
padding: 30px 30px 20px;
color: #fff;
}
.master-event .meta-wrap {
display: flex;
flex-wrap: wrap;
}
.master-event .meta-wrap .item {
font-size: 14px;
margin-right: 8px;
margin-bottom: 10px;
}
.master-event .meta-wrap .item span {
display: inline-block;
}
.master-event .meta-wrap .item .icon {
color: var(--e-global-color-tombuild_accent);
margin-right: 4px;
}
.master-event .headline-2 {
color: #fff;
margin-bottom: 0;
}
.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img .thumb {
display: none;
}
.event-style-2 .wpem-event-listings .wpem-event-layout-wrapper .event_listing {
display: flex;
}
.event-style-2 .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img {
height: auto;
background: none !important;
}
.event-style-2 .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img .thumb {
display: flex;
width: 100%;
}
.event-style-2 .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-image: linear-gradient(to top, var(--e-global-color-tombuild_primary), transparent 85%);
padding: 30px 30px 20px;
color: #fff;
}
.event-style-2 .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details {
display: flex;;
flex-direction: row;
flex-wrap: wrap;
}
.event-style-2 .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time-text,
.event-style-2 .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location,
.event-style-2 .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-title .wpem-heading-text {
color: #fff;
}
.event-style-2 .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-title {
width: 100%;
order: 2;
}
/* ----------------------------------------
Event List
---------------------------------------- */
.master-event-list {
display: flex;
border-radius: 10px;
overflow: hidden;
}
.master-event-list .image-wrap {
position: relative;
width: 210px;
flex-shrink: 0;
}
.master-event-list .image-wrap .thumb {
display: inline-block;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-left: 40px;
}
.master-event-list .image-wrap .thumb img {
opacity: 0;
}
.master-event-list .image-wrap .meta-decor {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
font-size: 14px;
line-height: 40px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
background-color: var(--e-global-color-tombuild_accent);
color: #fff;
writing-mode: vertical-rl;
text-orientation: mixed;
}
.master-event-list .content-wrap {
padding: 22px 30px 18px;
background-color: #fff;
width: 100%;
}
.master-event-list .meta-wrap .item {
display: inline-block;
font-size: 14px;
line-height: 24px;
margin-right: 8px;
}
.master-event-list .meta-wrap .item .icon {
display: inline-block;
color: var(--e-global-color-tombuild_accent);
padding-right: 4px;
}
.master-event-list .headline-2 {
font-size: 24px;
margin-bottom: 8px;
}
@media (max-width: 767px) {
.master-event-list { border: 1px solid var(--e-global-color-tombuild_border); }
}
@media (max-width: 575px) {
.master-event-list { flex-direction: column; }
.master-event-list .image-wrap { width: 100% !important; display: flex; }
.master-event-list .content-wrap { padding: 22px 22px 18px 30px; }
}
/* ----------------------------------------
Cause
---------------------------------------- */
.master-cause {
border: 1px solid var(--e-global-color-tombuild_border);
border-radius: 10px;
overflow: hidden;
text-align: center;
}
.master-cause .image-wrap {
position: relative;
max-width: 100%;
}
.master-cause .image-wrap:after {
position: absolute;
bottom: -1px;
left: 0;
content: '';
width: 100%;
height: 10px;
background-color: #fff;
clip-path: polygon(50% 90%, 58% 0, 100% 0, 100% 100%, 0 100%, 0 0, 42% 0);
z-index: 3;
pointer-events: none;
}
.master-cause .content-wrap {
background-color: #fff;
padding: 18px 40px 40px;
overflow: hidden;
}
.master-cause .image-wrap .cat-item {
position: absolute;
top: 20px;
right: 20px;
font-size: 10px;
line-height: 35px;
font-weight: 500;
text-transform: uppercase;
color: #fff;
background-color: var(--e-global-color-tombuild_accent);
padding: 0 20px;
border-radius: 10px;
letter-spacing: 0.1em;
z-index: 2;
}
.master-cause .image-wrap .cat-item:hover {
background-color: var(--e-global-color-tombuild_primary);
}
.master-cause .give-goal-progress .progress-bar {
padding-bottom: 6px;
}
.master-cause .give-goal-progress {
padding: 0;
margin: 0 0 15px;
box-shadow: none;
text-align: left;
}
.master-cause .give-goal-progress .percentage {
margin-top: 0;
font-size: 14px;
line-height: 1;
}
.master-cause .give-goal-progress .percentage .give-percentage {
margin-bottom: 15px;
}
.master-cause .desc {
margin-bottom: 20px;
}
.master-cause .master-button {
width: 100%;
}
/* Style 2 */
.cause-style-2 .flickity-viewport {
overflow: visible;
}
.cause-style-2 .master-cause {
display: flex;
border: none;
border-radius: 0;
overflow: visible;
}
.cause-style-2 .master-cause .image-wrap {
width: 56.752%;
flex-shrink: 0;
z-index: 0;
border-radius: 10px;
height: fit-content;
overflow: hidden;
}
.cause-style-2 .master-cause .image-wrap:after {
display: none;
}
.cause-style-2 .master-cause .image-wrap .cat-item {
top: 40px;
left: 40px;
right: unset;
}
.cause-style-2 .master-cause .content-wrap {
width: 53.847%;
flex-shrink: 0;
margin-top: 40px;
margin-left: -10.599%;
z-index: 1;
border-radius: 10px;
box-shadow: 0 10px 60px 0 rgba(0,0,0,0.1);
padding: 96px 100px 100px;
text-align: left;
}
.cause-style-2 .master-cause .headline-2 {
font-size: 30px;
line-height: 36px;
margin-bottom: 36px;
}
.cause-style-2 .master-cause .desc {
margin-bottom: 30px;
}
.cause-style-2 .master-cause .give-goal-progress {
margin-bottom: 23px;
}
@media (max-width: 767px) {
.cause-style-2 .master-cause { flex-direction: column; }
.cause-style-2 .master-cause .image-wrap { width: calc(100% - 60px); }
.cause-style-2 .master-cause .content-wrap { width: 100%; margin: -120px 0 0 30px; padding: 30px; }
.cause-style-2 .flickity-viewport { overflow: visible !important; }
}
@media (max-width: 575px) {
.cause-style-2 .master-cause .image-wrap { width: 100%; }
.cause-style-2 .master-cause .content-wrap { margin: 0; }
}
/* ----------------------------------------
WP Event Manager
---------------------------------------- */
.date-decor-false .wpem-event-date {
display: none !important;
}
.date-format-time .wpem-event-date-time-text .start-date,
.date-format-time .wpem-event-date-time-text .event-sep,
.date-format-time .wpem-event-date-time-text .end-date {
display: none;
}
/* ----------------------------------------
Project Detail
---------------------------------------- */
.project-info {
padding: 27px 34px;
}
.project-info .title,
.project-info .info {
display: block;
font-size: 16px;
line-height: 24px;
}
.project-info .info {
color: var(--e-global-color-tombuild_primary);
margin-bottom: 24px;
font-weight: 600;
}
/* ----------------------------------------
Additional Custom
---------------------------------------- */
.master-slider .title .image { display: inline-flex; line-height: inherit; position: relative; }
.master-slider .title .image img { display: inline-flex; }
.translateX-50 { transform: translateX(-50%); }
.translateY-50 { transform: translateY(-50%); }
.flip-horizontal { transform: scaleX(-1); }
.inview .mix-blend-mode-overlay { mix-blend-mode: overlay; }
.inview .mix-blend-mode-screen { mix-blend-mode: screen; }
.inview .mix-blend-mode-luminosity { mix-blend-mode: luminosity; }
.inview .mix-blend-mode-hard-light { mix-blend-mode: hard-light; }
.hover-eff-1 .thumb { overflow: hidden; }
.hover-eff-1 .thumb:after { position: absolute; bottom: -25px; left: 0; content: ''; width: 100%; height: 50px; transition: all 0.3s ease; background-color: #fff; }
.hover-eff-1 .content-wrap { margin-top: -25px; }
.hover-eff-1 .master-image-box:hover .thumb:after { transform: skewY(-7deg); }
.hover-eff-2 .thumb:after { position: absolute; width: 100%; height: 5px; content: ''; top: 0; left: 0; background-color: var(--e-global-color-tombuild_accent); transform: scaleX(0); transition: all 0.5s ease; transform-origin: 50% 0%; }
.hover-eff-2 .item-carousel.active .thumb:after,
.hover-eff-2 .master-image-box:hover .thumb:after { transform: scaleX(1); }
.hover-eff-3 .master-icon-box { overflow: hidden; position: relative; }
.hover-eff-3 .master-icon-box:after { position: absolute; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-top: 50px solid transparent; border-right: 50px solid var(--e-global-color-tombuild_accent); opacity: 0; transform: translate(50px, 50px); transform-origin: 100% 100%; transition: all 0.5s ease; }
.hover-eff-3 .master-icon-box:hover:after { transform: translate(0,0); opacity: 1; }
.text-author { display: inline-block; font-size: 16px; line-height: inherit; margin-left: 25px; padding-left: 50px; position: relative; color: var(--e-global-color-tombuild_text); }
.hover-eff-4 .item-carousel { overflow: hidden; position: relative; }
.hover-eff-4 .item-carousel:after { position: absolute; content: ''; top: 0; left: 0; width: 0; height: 0; border-bottom: 50px solid transparent; border-left: 50px solid var(--e-global-color-tombuild_accent); opacity: 0; transform: translate(-50px, -50px); transform-origin: 0% 0%; transition: all 0.5s ease; }
.hover-eff-4 .item-carousel:hover:after { transform: translate(0,0); opacity: 1; }
.hover-eff-5 .master-image-box .thumb:after,
.hover-eff-5 .master-icon-box:after,
.hover-eff-5 .item-carousel .thumb:after { position: absolute; width: 100%; height: 10px; content: ''; top: 0; left: 0; background-color: var(--e-global-color-tombuild_accent); transform: scaleX(0); transition: all 0.5s ease; transform-origin: 50% 0%; }
.hover-eff-5 .item-carousel:hover .thumb:after,
.hover-eff-5 .item-carousel.active .thumb:after,
.hover-eff-5 .master-icon-box:hover:after,
.hover-eff-5 .master-image-box:hover .thumb:after { transform: scaleX(1); }
.hover-eff-6 .item-carousel .thumb:after,
.hover-eff-6 .master-icon-box:after { position: absolute; width: 100%; height: 2px; content: ''; top: 0; left: 0; background-color: var(--e-global-color-tombuild_accent); transform: scaleX(0); transition: all 0.5s ease; transform-origin: 50% 0%; }
.hover-eff-6 .item-carousel.active .thumb:after,
.hover-eff-6 .master-icon-box:hover:after { transform: scaleX(1); }
.text-author { display: inline-block; font-size: 16px; line-height: inherit; margin-left: 25px; padding-left: 50px; position: relative; color: var(--e-global-color-tombuild_text); }
.text-author:after { position: absolute; top: 17px; left: 0; content: ''; width: 40px; height: 2px; background-color: var(--e-global-color-tombuild_accent); }
@media only screen and (max-width: 767px) {
.text-author { display: block; margin: 10px 0 0; }
}
.text-stroke { -webkit-text-stroke: 1px currentColor; -webkit-text-fill-color: transparent; }
.sub-number { font-size: 14px; font-style: italic; line-height: 1; color: #cacaca; display: inline-block; }
.image-on-hover .thumb { transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.5s ease; }
.image-on-hover:hover .thumb { transform: scaleY(1); }
.custom-arrow .master-carousel-box .flickity-button { opacity: 1 !important; background: none; color: #fff !important; box-shadow: none; width: 30px; height: 30px; }
.custom-arrow .master-carousel-box .flickity-button:disabled { color: rgba(255,255,255,0.7) !important; }
.custom-arrow .master-carousel-box .flickity-button.previous { left: unset; right: -102px;}
.custom-arrow .master-carousel-box .flickity-button.next { left: unset;right: -133px; z-index: 10; }
.custom-arrow .master-carousel-box .flickity-button.previous:after { position: absolute; top: -24px; left: -10px; content: ''; width: 80px; height: 80px; border-radius: 50%; z-index: -1; background-color: #39374d; box-shadow: 0 10px 20px 0 rgba(33,39,53, 0.2); }
.custom-arrow.offset1 .master-carousel-box .flickity-button.previous,
.custom-arrow.offset1 .master-carousel-box .flickity-button.next { top: calc(50% - 25px); }
.custom-arrow.offset2 .master-carousel-box .flickity-button.previous { right: -202px; }
.custom-arrow.offset2 .master-carousel-box .flickity-button.next { right: -232px; }
.custom-arrow.offset3 .master-carousel-box .flickity-button.previous,
.custom-arrow.offset3 .master-carousel-box .flickity-button.next { top: calc(50% + 55px); }
.custom-arrow.offset3 .master-carousel-box .flickity-button.previous { right: -130px; }
.custom-arrow.offset3 .master-carousel-box .flickity-button.next { right: -160px; }
.custom-arrow.offset4 .master-carousel-box .flickity-button { top: unset; bottom: 52px; }
.custom-arrow.offset4 .master-carousel-box .flickity-button.previous { right: -135px; }
.custom-arrow.offset4 .master-carousel-box .flickity-button.next { right: -165px; }
.custom-arrow.offset5 .master-carousel-box .flickity-button { top: unset; bottom: 52px; }
.custom-arrow.offset5 .master-carousel-box .flickity-button.previous { left: -165px; }
.custom-arrow.offset5 .master-carousel-box .flickity-button.next { left: -135px; }
.custom-arrow.offset6 .master-carousel-box .flickity-button.previous { right: -142px; }
.custom-arrow.offset6 .master-carousel-box .flickity-button.next { right: -172px; }
.custom-arrow.offset7 .master-carousel-box .flickity-button { top: unset; bottom: 60px; }
.custom-arrow.offset7 .master-carousel-box .flickity-button.previous { right: -135px; }
.custom-arrow.offset7 .master-carousel-box .flickity-button.next { right: -165px; }
.arrows-square .master-carousel-box .flickity-button { margin-top: 1px; width: 40px; height: 40px; ;line-height: 40px; background-color: transparent; border: 1px solid var(--e-global-color-tombuild_border); border-radius: 0; color: #a9a9a9; }
.arrows-square .master-carousel-box .flickity-button:before { font-size: 12px; }
.arrows-square2 .master-carousel-box .flickity-button { margin-top: 1px; width: 58px; height: 58px; ;line-height: 58px; background-color: transparent; border: 1px solid var(--e-global-color-tombuild_border); border-radius: 0; color: #a9a9a9; }
.arrows-square2 .master-carousel-box .flickity-button:hover { border-color: var(--e-global-color-tombuild_accent); color: var(--e-global-color-tombuild_accent); }
.arrows-square2 .master-carousel-box .flickity-button:before { font-size: 16px; }
.arrows-square2 .nav-arrow .arrow { opacity: 0.7; width: 58px; height: 58px; ;line-height: 58px; background-color: transparent; border: 2px solid #fff; border-radius: 0; color: #fff; }
.arrows-square2 .nav-arrow .arrow:hover { opacity: 1; }
.custom-offset .master-carousel-box .flickity-button.previous { left: -200px; }
.custom-offset .master-carousel-box .flickity-button.next { left: -130px; }
.dots-line .master-carousel-box .flickity-page-dots .dot { width: 25px; height: 5px; border-radius: 0; opacity: 0.2; margin: 0 2px; }
.dots-line .master-carousel-box .flickity-page-dots .dot:after { width: 25px; height: 5px; border-radius: 0; background-color: var(--e-global-color-tombuild_accent); opacity: 1; }
.dots-line .master-carousel-box .flickity-page-dots .dot.is-selected { opacity: 1; }
.footer .mc4wp-form-fields .master-button { font-size: 16px; line-height: 24px; }
.master-link:hover .svg-icon { color: var(--e-global-color-tombuild_accent); }
@media (min-width: 768px) {
.custom-grid-border .elementor-inner-section { position: relative; }
.custom-grid-border .elementor-inner-section:first-child { margin-bottom: 1px; }
.custom-grid-border .elementor-inner-section:first-child:after { position: absolute; content: ''; bottom: -1px; left: 25px; width: calc(100% - 50px); height: 1px; background-color: var(--e-global-color-tombuild_border); }
.custom-grid-border .elementor-inner-section .elementor-column:after { position: absolute; content: ''; right: -1px; width: 1px; height: calc(100% - 25px); background-color: var(--e-global-color-tombuild_border); }
.custom-grid-border .elementor-inner-section .elementor-column:last-child:after { display: none; }
.custom-grid-border .elementor-inner-section:first-child .elementor-column:after { top: 25px; }
.custom-grid-border .elementor-inner-section:last-child .elementor-column:after { top: 0px; }
.custom-grid-border .elementor-inner-section .elementor-column { margin-right: 1px; }
.custom-grid-border .elementor-inner-section .elementor-column:last-child { margin-right: 0px; }
}
.line-decor { display: block; width: 100px; height: 5px; background-color: var(--e-global-color-tombuild_accent); margin-bottom: 35px; }
.line-border { display: block; width: 100%; height: 1px; background-color: var(--e-global-color-tombuild_border); }
.line { display: block; width: 100px; height: 4px; background-color: var(--e-global-color-tombuild_accent); margin-top: 22px; }
.align-center .line { margin-left:auto; margin-right:auto; }
.decor-grid { position: relative; width: 164px; height: 164px; }
.decor-grid .r { position: absolute; left: 0; width: 100%; height: 1px; background-color: #e8e8e8; transition: all 1.5s ease 1s; transform: scaleX(0); transform-origin: 0% 0%; }
.decor-grid .r.r1 { top: 22px; }
.decor-grid .r.r2 { top: 46px; }
.decor-grid .r.r3 { top: 70px; }
.decor-grid .r.r4 { top: 94px; }
.decor-grid .r.r5 { top: 118px; }
.decor-grid .r.r6 { top: 142px; }
.decor-grid .c { position: absolute; top: 0; width: 1px; height: 100%; background-color: #e8e8e8; transition: all 1.5s ease 1s; transform: scaleY(0); transform-origin: 0% 0%; }
.decor-grid .c.c1 { left: 22px; }
.decor-grid .c.c2 { left: 46px; }
.decor-grid .c.c3 { left: 70px; }
.decor-grid .c.c4 { left: 94px; }
.decor-grid .c.c5 { left: 118px; }
.decor-grid .c.c6 { left: 142px; }
.inview .decor-grid .r { transform: scaleY(1); }
.inview .decor-grid .c { transform: scaleX(1); }
.shape-skew { transform: skewY(-7deg); }
.custom-carousel .item-carousel .thumb { transition: 0.5s ease; }
.custom-carousel .item-carousel:not(.is-selected) .content-wrap { left: 0; }
.custom-carousel .item-carousel:not(.is-selected) .thumb { opacity: 0; transition: 0.1s; }
.custom-carousel .item-carousel:not(.is-selected) .content-wrap:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 1; background-image: linear-gradient(to right, rgba(255,255,255,0.5), #fff); }
.custom-carousel2 .item-carousel .thumb { transition: 0.5s ease; }
.custom-carousel2 .item-carousel .content-wrap { left: 0; }
.custom-carousel2 .item-carousel:not(.is-selected) .content-wrap { left: unset; }
.custom-carousel2 .item-carousel:not(.is-selected) .thumb { opacity: 0; transition: 0.5s ease 1s; }
.custom-carousel2 .item-carousel:not(.is-selected) .content-wrap:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 1; background-image: linear-gradient(to left, rgba(255,255,255,0.3), #fff); }
@media (max-width: 767px) {
.custom-carousel .flickity-viewport { overflow: hidden !important; }
.custom-carousel .item-carousel:not(.is-selected) { opacity: 0 !important; }
.custom-carousel .item-carousel .content-wrap:after { display: none; }
}
.vertical-line { height: calc(100% - 50px); }
.custom-progress-bar .title { position: relative; margin-left: 10px; z-index: 1; }
.custom-progress-bar .percent { margin-left: 17px; z-index: 1; }
.custom-progress-bar .percent:before { position: absolute; top: 0; right: -10px; content: ''; background-color: var(--e-global-color-tombuild_accent_2); width: 54px; height: 30px; z-index: -1; }
.custom-progress-bar .percent:after { position: absolute; bottom:-10px; right: 6px; content: ''; width: 0; height: 0; border-top: 10px solid var(--e-global-color-tombuild_accent_2); border-left: 10px solid transparent; border-right: 10px solid transparent; }
.custom-progress-bar.full-bar .percent { margin-left: 22px; }
.custom-progress-bar.full-bar .percent:before { right: -6px; }
.custom-progress-bar.full-bar .percent:after { right: 10px; }
.decor-square { display: inline-block; width: 15px; height: 15px; margin-right: 10px; background-color: var(--e-global-color-tombuild_accent); }
.elementor-widget-mae-icon-box:hover .line-border { opacity: 0; }
@media (min-width: 1800px) {
.custom-section > .elementor-container { margin-left: 250px; margin-right: -270px; }
}
.inview .auto-scroll .swiper-wrapper { animation: 20s scrolling linear infinite forwards; }
@keyframes scrolling {
from { transform: translateX(0%); }
to { transform: translateX(-100%); }
}
@media (max-width: 767px) {
.mobile-show-link .master-arrow { color: var(--e-global-color-tombuild_accent) !important; }
}
.bg-zidx-1 .master-slider .bg-wrap { z-index: -1 !important; }
.transition-none { transition: none !important; }.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{min-height:22px;min-width:22px;position:relative}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{height:22px;inset:0;margin:auto;padding:0;position:absolute;width:22px}.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{flex-shrink:0;margin:0 var(--divider-element-spacing)}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{direction:ltr;display:flex;margin:0}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{border-block-end:0;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color);content:"";display:block;flex-grow:1}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url);-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;min-height:var(--divider-pattern-height);width:100%}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var( --container-widget-flex-grow )}@keyframes elementor-animation-pulse-shrink{to{transform:scale(.9)}}.elementor-animation-pulse-shrink:active,.elementor-animation-pulse-shrink:focus,.elementor-animation-pulse-shrink:hover{animation-name:elementor-animation-pulse-shrink;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:rgba(52,52,60,.8);border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:35px;height:35px;line-height:1.4;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:26px;border-radius:3px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{position:absolute;top:50px;right:10px;color:#fff;text-align:center}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-15px;padding:2px;width:35px;height:35px;border-radius:3px;-webkit-tap-highlight-color:transparent}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;border:medium inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{font-family:FontAwesome;font-size:18px;line-height:1.7;color:#fff;margin-left:12px}.mfp-arrow-left{left:60px}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{content:"\f104"}.mfp-arrow-right{right:60px}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{content:"\f105"}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.elementor-shape{direction:ltr;left:0;line-height:0;overflow:hidden;position:absolute;width:100%}.elementor-shape-top{top:-1px}.elementor-shape-top:not([data-negative=false]) svg{z-index:-1}.elementor-shape-bottom{bottom:-1px}.elementor-shape-bottom:not([data-negative=true]) svg{z-index:-1}.elementor-shape[data-negative=false].elementor-shape-bottom,.elementor-shape[data-negative=true].elementor-shape-top{transform:rotate(180deg)}.elementor-shape svg{display:block;left:50%;position:relative;transform:translateX(-50%);width:calc(100% + 1.3px)}.elementor-shape .elementor-shape-fill{fill:#fff;transform:rotateY(0deg);transform-origin:center}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}.elementor-2375 .elementor-element.elementor-element-0ccfd91{margin-top:0px;margin-bottom:-1px;z-index:1;}.elementor-2375 .elementor-element.elementor-element-2a12e90 .elementor-repeater-item-1635f37.line{left:14.53%;}.elementor-2375 .elementor-element.elementor-element-2a12e90 .elementor-repeater-item-8e93fdb.line{left:40.171%;}.elementor-2375 .elementor-element.elementor-element-2a12e90 .elementor-repeater-item-ae0f20a.line{left:65.8%;}.elementor-2375 .elementor-element.elementor-element-2a12e90 .elementor-repeater-item-298b641.line{left:91.453%;}.elementor-2375 .elementor-element.elementor-element-2a12e90 .line{background-color:#E7E7E7B3;}.elementor-2375 .elementor-element.elementor-element-2a12e90{z-index:-1;}.elementor-2375 .elementor-element.elementor-element-e273abf:not(.elementor-motion-effects-element-type-background), .elementor-2375 .elementor-element.elementor-element-e273abf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cdn.dspof.com/com/engineering-slide.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2375 .elementor-element.elementor-element-e273abf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:9;}.elementor-2375 .elementor-element.elementor-element-e273abf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2375 .elementor-element.elementor-element-7827c11{--spacer-size:305px;}.elementor-2375 .elementor-element.elementor-element-b82fa36 .master-animated-text{color:#FFFFFF;font-size:68px;line-height:78px;}.elementor-2375 .elementor-element.elementor-element-b82fa36 > .elementor-widget-container{margin:0px 0px 24px 0px;}.elementor-2375 .elementor-element.elementor-element-b82fa36{z-index:9;}.elementor-2375 .elementor-element.elementor-element-af6df59{--divider-border-style:solid;--divider-color:var( --e-global-color-tombuild_accent );--divider-border-width:5px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-2375 .elementor-element.elementor-element-af6df59 .elementor-divider-separator{width:100px;margin:0 auto;margin-center:0;}.elementor-2375 .elementor-element.elementor-element-af6df59 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2375 .elementor-element.elementor-element-aa04c07 .master-heading .sub-heading{max-width:780px;color:#FFFFFF;margin-bottom:63px;font-size:20px;line-height:30px;}.elementor-2375 .elementor-element.elementor-element-aa04c07{z-index:9;}.elementor-2375 .elementor-element.elementor-element-0e533b9 .master-video-icon a{width:70px;height:70px;line-height:70px;font-size:16px;color:var( --e-global-color-tombuild_accent );background:#FFFFFF;}.elementor-2375 .elementor-element.elementor-element-0e533b9 .master-video-icon a span{border-color:#FFFFFF;}.elementor-2375 .elementor-element.elementor-element-0e533b9{z-index:9;}.elementor-2375 .elementor-element.elementor-element-bc62470{--spacer-size:425px;}.elementor-2375 .elementor-element.elementor-element-84c3465{margin-top:-250px;margin-bottom:0px;z-index:10;}.elementor-2375 .elementor-element.elementor-element-2652d39 .url-wrap{position:relative;}.elementor-2375 .elementor-element.elementor-element-2652d39 .master-image-box .content-wrap{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-tombuild_border );padding:25px 65px 46px 65px;}.elementor-2375 .elementor-element.elementor-element-2652d39 .master-image-box:hover .content-wrap{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E700;box-shadow:0px 10px 35px 0px rgba(33, 39.00000000000003, 53, 0.2);}.elementor-2375 .elementor-element.elementor-element-2652d39 .master-button .icon {font-size:16px;}.elementor-2375 .elementor-element.elementor-element-2652d39 .master-button{padding:18px 30px 18px 30px;background-color:#EFEFEF;}.elementor-2375 .elementor-element.elementor-element-2652d39 .master-button .content-base{color:#989898;}.elementor-2375 .elementor-element.elementor-element-2652d39 .master-image-box:hover .master-button .content-base{color:#FFFFFF;}.elementor-2375 .elementor-element.elementor-element-2652d39 .master-image-box:hover .master-button .content-base .icon{color:#FFFFFF;}.elementor-2375 .elementor-element.elementor-element-2652d39 .master-image-box:hover .master-button{background-color:var( --e-global-color-tombuild_accent );}.elementor-2375 .elementor-element.elementor-element-2652d39 .master-image-box .headline-2{margin-bottom:35px;}.elementor-2375 .elementor-element.elementor-element-2652d39 .master-image-box .desc{margin-bottom:45px;}.elementor-2375 .elementor-element.elementor-element-2652d39 .headline-2{font-size:24px;line-height:30px;}.elementor-2375 .elementor-element.elementor-element-2652d39 .desc{font-size:18px;line-height:27px;}.elementor-repeater-item-2dc670c.master-decor{visibility:visible;text-align:left;left:0px;top:0px;}.elementor-2375 .elementor-element.elementor-element-7bf2e0e .url-wrap{position:relative;}.elementor-2375 .elementor-element.elementor-element-7bf2e0e .master-image-box .content-wrap{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-tombuild_border );padding:25px 65px 46px 65px;}.elementor-2375 .elementor-element.elementor-element-7bf2e0e .master-image-box:hover .content-wrap{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E700;box-shadow:0px 10px 35px 0px rgba(33, 39.00000000000003, 53, 0.2);}.elementor-2375 .elementor-element.elementor-element-7bf2e0e .master-button .icon {font-size:16px;}.elementor-2375 .elementor-element.elementor-element-7bf2e0e .master-button{padding:18px 30px 18px 30px;background-color:#EFEFEF;}.elementor-2375 .elementor-element.elementor-element-7bf2e0e .master-button .content-base{color:#989898;}.elementor-2375 .elementor-element.elementor-element-7bf2e0e .master-image-box:hover .master-button .content-base{color:#FFFFFF;}.elementor-2375 .elementor-element.elementor-element-7bf2e0e .master-image-box:hover .master-button .content-base .icon{color:#FFFFFF;}.elementor-2375 .elementor-element.elementor-element-7bf2e0e .master-image-box:hover .master-button{background-color:var( --e-global-color-tombuild_accent );}.elementor-2375 .elementor-element.elementor-element-7bf2e0e .master-image-box .headline-2{margin-bottom:35px;}.elementor-2375 .elementor-element.elementor-element-7bf2e0e .master-image-box .desc{margin-bottom:45px;}.elementor-2375 .elementor-element.elementor-element-7bf2e0e .headline-2{font-size:24px;line-height:30px;}.elementor-2375 .elementor-element.elementor-element-7bf2e0e .desc{font-size:18px;line-height:27px;}.elementor-2375 .elementor-element.elementor-element-0adfd2a .url-wrap{position:relative;}.elementor-2375 .elementor-element.elementor-element-0adfd2a .master-image-box .content-wrap{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-tombuild_border );padding:25px 65px 46px 65px;}.elementor-2375 .elementor-element.elementor-element-0adfd2a .master-image-box:hover .content-wrap{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E700;box-shadow:0px 10px 35px 0px rgba(33, 39.00000000000003, 53, 0.2);}.elementor-2375 .elementor-element.elementor-element-0adfd2a .master-button .icon {font-size:16px;}.elementor-2375 .elementor-element.elementor-element-0adfd2a .master-button{padding:18px 30px 18px 30px;background-color:#EFEFEF;}.elementor-2375 .elementor-element.elementor-element-0adfd2a .master-button .content-base{color:#989898;}.elementor-2375 .elementor-element.elementor-element-0adfd2a .master-image-box:hover .master-button .content-base{color:#FFFFFF;}.elementor-2375 .elementor-element.elementor-element-0adfd2a .master-image-box:hover .master-button .content-base .icon{color:#FFFFFF;}.elementor-2375 .elementor-element.elementor-element-0adfd2a .master-image-box:hover .master-button{background-color:var( --e-global-color-tombuild_accent );}.elementor-2375 .elementor-element.elementor-element-0adfd2a .master-image-box .headline-2{margin-bottom:35px;}.elementor-2375 .elementor-element.elementor-element-0adfd2a .master-image-box .desc{margin-bottom:45px;}.elementor-2375 .elementor-element.elementor-element-0adfd2a .headline-2{font-size:24px;line-height:30px;}.elementor-2375 .elementor-element.elementor-element-0adfd2a .desc{font-size:18px;line-height:27px;}.elementor-2375 .elementor-element.elementor-element-6cd9914 .url-wrap{position:relative;}.elementor-2375 .elementor-element.elementor-element-6cd9914 .master-image-box .content-wrap{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-tombuild_border );padding:25px 65px 46px 65px;}.elementor-2375 .elementor-element.elementor-element-6cd9914 .master-image-box:hover .content-wrap{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E7E7E700;box-shadow:0px 10px 35px 0px rgba(33, 39.00000000000003, 53, 0.2);}.elementor-2375 .elementor-element.elementor-element-6cd9914 .master-button .icon {font-size:16px;}.elementor-2375 .elementor-element.elementor-element-6cd9914 .master-button{padding:18px 30px 18px 30px;background-color:#EFEFEF;}.elementor-2375 .elementor-element.elementor-element-6cd9914 .master-button .content-base{color:#989898;}.elementor-2375 .elementor-element.elementor-element-6cd9914 .master-image-box:hover .master-button .content-base{color:#FFFFFF;}.elementor-2375 .elementor-element.elementor-element-6cd9914 .master-image-box:hover .master-button .content-base .icon{color:#FFFFFF;}.elementor-2375 .elementor-element.elementor-element-6cd9914 .master-image-box:hover .master-button{background-color:var( --e-global-color-tombuild_accent );}.elementor-2375 .elementor-element.elementor-element-6cd9914 .master-image-box .headline-2{margin-bottom:35px;}.elementor-2375 .elementor-element.elementor-element-6cd9914 .master-image-box .desc{margin-bottom:45px;}.elementor-2375 .elementor-element.elementor-element-6cd9914 .headline-2{font-size:24px;line-height:30px;}.elementor-2375 .elementor-element.elementor-element-6cd9914 .desc{font-size:18px;line-height:27px;}.elementor-2375 .elementor-element.elementor-element-10db46f{z-index:9;}.elementor-2375 .elementor-element.elementor-element-e2c2134{--spacer-size:100px;}.elementor-2375 .elementor-element.elementor-element-1aed335 .master-heading .main-heading{max-width:920px;margin-bottom:0px;}.elementor-2375 .elementor-element.elementor-element-1aed335 > .elementor-widget-container{margin:0px 0px 85px 0px;}.elementor-2375 .elementor-element.elementor-element-9dca14d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2375 .elementor-element.elementor-element-7833148 .elementor-heading-title{font-size:32px;line-height:38px;}.elementor-2375 .elementor-element.elementor-element-5fe28e1{--divider-border-style:solid;--divider-color:var( --e-global-color-tombuild_accent );--divider-border-width:4px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-2375 .elementor-element.elementor-element-5fe28e1 .elementor-divider-separator{width:100px;margin:0 auto;margin-left:0;}.elementor-2375 .elementor-element.elementor-element-5fe28e1 .elementor-divider{text-align:left;padding-block-start:20px;padding-block-end:20px;}.elementor-2375 .elementor-element.elementor-element-37318e2{font-size:16px;font-weight:400;line-height:24px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 45px) 0px;}.elementor-2375 .elementor-element.elementor-element-ab38f38 .master-button .icon {font-size:16px;}.elementor-repeater-item-c4f299d.master-decor{visibility:visible;left:0px;top:0px;}.elementor-2375 .elementor-element.elementor-element-5addd9c > .elementor-element-populated{margin:0px 0px 0px 85px;--e-column-margin-right:0px;--e-column-margin-left:85px;}.elementor-2375 .elementor-element.elementor-element-c01cced .elementor-repeater-item-6da4eb7.master-fancy-image{visibility:visible;z-index:5;left:0px;top:0px;}.elementor-2375 .elementor-element.elementor-element-c01cced .elementor-repeater-item-8a264d2.master-shape{background-color:transparent;background-image:linear-gradient(270deg, #092357 0%, #FFFFFF 100%);width:150px;height:110px;opacity:0.4;visibility:visible;right:-20px;left:unset;top:-20px;}.elementor-2375 .elementor-element.elementor-element-c01cced .elementor-repeater-item-badee8a.master-shape{background-color:transparent;background-image:linear-gradient(90deg, #092357 0%, #FFFFFF 100%);width:150px;height:110px;opacity:0.4;visibility:visible;left:-20px;bottom:-20px;}.elementor-2375 .elementor-element.elementor-element-c01cced .elementor-repeater-item-e9b0c9f.master-text{visibility:visible;left:0px;top:0px;}.elementor-2375 .elementor-element.elementor-element-c01cced .master-gallery-stack{left:0px;top:0px;}.elementor-2375 .elementor-element.elementor-element-a4aaec3{--spacer-size:120px;}.elementor-2375 .elementor-element.elementor-element-0a5f4dc{z-index:9;}.elementor-2375 .elementor-element.elementor-element-4425058 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2375 .elementor-element.elementor-element-bf8556d img{width:70px;}.elementor-2375 .elementor-element.elementor-element-ecb0c41 img{width:70px;}.elementor-2375 .elementor-element.elementor-element-110a007 img{width:70px;}.elementor-2375 .elementor-element.elementor-element-68a42ac img{width:70px;}.elementor-2375 .elementor-element.elementor-element-11d0c8c{--spacer-size:125px;}.elementor-2375 .elementor-element.elementor-element-f496c6a > .elementor-container{max-width:1730px;}.elementor-2375 .elementor-element.elementor-element-f496c6a{z-index:9;}.elementor-2375 .elementor-element.elementor-element-1b94932:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2375 .elementor-element.elementor-element-1b94932 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.dspof.com/wp-content/uploads/2023/09/engineering-bg-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2375 .elementor-element.elementor-element-1b94932 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 15px 0px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-2375 .elementor-element.elementor-element-1b94932 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2375 .elementor-element.elementor-element-623612e{--spacer-size:100px;}.elementor-2375 .elementor-element.elementor-element-ea1584a .master-heading .sub-heading{max-width:700px;}.elementor-2375 .elementor-element.elementor-element-ea1584a .master-heading h2{font-size:32px;line-height:48px;}.elementor-2375 .elementor-element.elementor-element-ea1584a > .elementor-widget-container{margin:0px 0px 85px 0px;}.elementor-2375 .elementor-element.elementor-element-f587ca1 .master-carousel-box .item-carousel{opacity:1;}.elementor-2375 .elementor-element.elementor-element-f587ca1 .master-carousel-box .item-carousel.is-selected{opacity:1;}.elementor-2375 .elementor-element.elementor-element-f587ca1 .master-carousel-box:hover .item-carousel{opacity:1;}.elementor-2375 .elementor-element.elementor-element-f587ca1 .master-carousel-box:hover .item-carousel.is-selected{opacity:1;}.elementor-2375 .elementor-element.elementor-element-f587ca1 .url-wrap{position:relative;}.elementor-2375 .elementor-element.elementor-element-f587ca1 .master-button .icon {font-size:16px;}.elementor-2375 .elementor-element.elementor-element-f587ca1 .master-button{padding:18px 30px 18px 30px;background-color:#EFEFEF;}.elementor-2375 .elementor-element.elementor-element-f587ca1 .master-button .content-base{color:#989898;}.elementor-2375 .elementor-element.elementor-element-f587ca1 .active .master-image-box .master-button .content-base{color:#FFFFFF;}.elementor-2375 .elementor-element.elementor-element-f587ca1 .active .master-image-box .master-button{background-color:var( --e-global-color-tombuild_accent );}.elementor-2375 .elementor-element.elementor-element-f587ca1 .master-image-box .content-wrap{padding:75px 100px 65px 100px;}.elementor-2375 .elementor-element.elementor-element-f587ca1 .master-image-box .headline-2{margin-bottom:35px;}.elementor-2375 .elementor-element.elementor-element-f587ca1 .master-image-box .desc{margin-bottom:43px;}.elementor-2375 .elementor-element.elementor-element-f587ca1 .headline-2{font-size:32px;line-height:40px;}.elementor-2375 .elementor-element.elementor-element-31ba836{--spacer-size:100px;}.elementor-2375 .elementor-element.elementor-element-92d99bf > .elementor-container{max-width:1730px;}.elementor-2375 .elementor-element.elementor-element-92d99bf{z-index:9;}.elementor-2375 .elementor-element.elementor-element-142fdce:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2375 .elementor-element.elementor-element-142fdce > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.dspof.com/wp-content/uploads/2023/09/engineering-bg-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2375 .elementor-element.elementor-element-142fdce > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 15px 0px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-2375 .elementor-element.elementor-element-142fdce > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2375 .elementor-element.elementor-element-61cd6fc{--spacer-size:100px;}.elementor-2375 .elementor-element.elementor-element-000c39c .master-heading .main-heading{margin-bottom:0px;}.elementor-2375 .elementor-element.elementor-element-000c39c .master-heading h2{font-size:32px;line-height:40px;}.elementor-2375 .elementor-element.elementor-element-000c39c > .elementor-widget-container{margin:0px 0px 85px 0px;}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .master-carousel-box .item-carousel{opacity:1;}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .master-carousel-box .item-carousel.is-selected{opacity:1;}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .master-carousel-box:hover .item-carousel{opacity:1;}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .master-carousel-box:hover .item-carousel.is-selected{opacity:1;}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .master-text-box .sep{width:35px;}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .url-wrap{position:relative;}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .master-button .icon {font-size:16px;}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .master-button{padding:18px 30px 18px 30px;background-color:#EFEFEF;}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .master-button .content-base{color:#989898;}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .active .master-image-box .master-button .content-base{color:#FFFFFF;}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .active .master-image-box .master-button{background-color:var( --e-global-color-tombuild_accent );}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .master-image-box .content-wrap{padding:75px 100px 65px 100px;}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .master-image-box .headline-2{margin-bottom:35px;}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .master-image-box .desc{margin-bottom:43px;}.elementor-2375 .elementor-element.elementor-element-b97a1e7 .headline-2{font-size:32px;line-height:40px;}.elementor-2375 .elementor-element.elementor-element-ddbe0da{--spacer-size:100px;}.elementor-2375 .elementor-element.elementor-element-05e7a3b{z-index:9;}.elementor-2375 .elementor-element.elementor-element-d2a902b{--spacer-size:100px;}.elementor-2375 .elementor-element.elementor-element-a5ab496 .master-heading .sub-heading{max-width:650px;font-size:16px;line-height:24px;}.elementor-2375 .elementor-element.elementor-element-a5ab496 .master-heading .main-heading{margin-bottom:27px;}.elementor-2375 .elementor-element.elementor-element-a5ab496 .master-heading h2{font-size:32px;}.elementor-2375 .elementor-element.elementor-element-a5ab496 > .elementor-widget-container{margin:0px 0px 82px 0px;}.elementor-2375 .elementor-element.elementor-element-d69ef4e .master-link .icon {font-size:16px;}.elementor-2375 .elementor-element.elementor-element-32fc317{--spacer-size:100px;}body.elementor-page-2375 #page #main-content{padding-top:0px;padding-bottom:0px;}@media(max-width:1024px) and (min-width:768px){.elementor-2375 .elementor-element.elementor-element-b9608e0{width:50%;}.elementor-2375 .elementor-element.elementor-element-2b535d6{width:50%;}.elementor-2375 .elementor-element.elementor-element-20b05ce{width:50%;}.elementor-2375 .elementor-element.elementor-element-c9ec564{width:50%;}}@media(max-width:1024px){.elementor-2375 .elementor-element.elementor-element-7827c11{--spacer-size:250px;}.elementor-2375 .elementor-element.elementor-element-b82fa36 .master-animated-text{font-size:50px;line-height:54px;}.elementor-2375 .elementor-element.elementor-element-bc62470{--spacer-size:375px;}.elementor-2375 .elementor-element.elementor-element-b9608e0 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2375 .elementor-element.elementor-element-2b535d6 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2375 .elementor-element.elementor-element-5addd9c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2375 .elementor-element.elementor-element-a4aaec3{--spacer-size:100px;}.elementor-2375 .elementor-element.elementor-element-11d0c8c{--spacer-size:100px;}}@media(max-width:767px){.elementor-2375 .elementor-element.elementor-element-7827c11{--spacer-size:150px;}.elementor-2375 .elementor-element.elementor-element-b82fa36 .master-animated-text{font-size:24px;line-height:30px;}.elementor-2375 .elementor-element.elementor-element-aa04c07 .master-heading .sub-heading{font-size:16px;}.elementor-2375 .elementor-element.elementor-element-bc62470{--spacer-size:300px;}.elementor-2375 .elementor-element.elementor-element-e2c2134{--spacer-size:80px;}.elementor-2375 .elementor-element.elementor-element-1aed335 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-2375 .elementor-element.elementor-element-5637478 > .elementor-element-populated{margin:0px 0px 60px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2375 .elementor-element.elementor-element-a4aaec3{--spacer-size:80px;}.elementor-2375 .elementor-element.elementor-element-90c325c{width:50%;}.elementor-2375 .elementor-element.elementor-element-90c325c > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2375 .elementor-element.elementor-element-5f9c8ce{width:50%;}.elementor-2375 .elementor-element.elementor-element-5f9c8ce > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2375 .elementor-element.elementor-element-c21e5ae{width:50%;}.elementor-2375 .elementor-element.elementor-element-1987f59{width:50%;}.elementor-2375 .elementor-element.elementor-element-11d0c8c{--spacer-size:80px;}.elementor-2375 .elementor-element.elementor-element-623612e{--spacer-size:80px;}.elementor-2375 .elementor-element.elementor-element-ea1584a > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-2375 .elementor-element.elementor-element-31ba836{--spacer-size:80px;}.elementor-2375 .elementor-element.elementor-element-61cd6fc{--spacer-size:80px;}.elementor-2375 .elementor-element.elementor-element-000c39c > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-2375 .elementor-element.elementor-element-ddbe0da{--spacer-size:80px;}.elementor-2375 .elementor-element.elementor-element-d2a902b{--spacer-size:80px;}.elementor-2375 .elementor-element.elementor-element-a5ab496 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-2375 .elementor-element.elementor-element-32fc317{--spacer-size:80px;}}.dark-mode,.ocw-dark,.wb-dm{--ocw-head-bg-color:#222;--ocw-head-fcolor:#eee;--wb-bfc:#eee;--wb-bgc:#222;--wb-bgcl:#333;--wb-wk:#666}.ocw-contact-form{line-height:32px;position:relative;z-index:5}.ocw-contact-form input,.ocw-contact-form option,.ocw-contact-form select,.ocw-contact-form textarea{font-size:var(--ocw-bfs,12px)}.ocw-contact-form .ocw-dropdown,.ocw-contact-form select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background-color:var(--wb-bgc,var(--ocw-bgc,#f1f0f0));background-image:none;border:1px solid rgba(0,0,0,.1);border-radius:3px;color:var(--wb-bfc,var(--ocw-bfc,#333));height:34px;line-height:34px;margin-right:10px;outline:none!important;padding:0 6px!important}.ocw-contact-form .ocw-dropdown.block{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.ocw-contact-form .wdi-main{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ocw-contact-form .ocw-form-control{background:none;background-color:var(--wb-bgc,var(--ocw-bgc,#f1f0f0));border:0;border:1px solid rgba(0,0,0,.1);border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--wb-bfc,var(--ocw-bfc,#333));height:34px;outline:none!important;padding:0 10px;width:100%}.ocw-contact-form .ocw-form-control.ocw-warning{-webkit-box-shadow:0 0 3px #cd355a;box-shadow:0 0 3px #cd355a}.ocw-contact-form textarea.ocw-form-control{display:block;height:72px;line-height:18px;padding:5px 10px}.ocw-contact-form textarea.ocw-form-control::-webkit-scrollbar{background-color:#ddd;width:6px}.ocw-contact-form textarea.ocw-form-control::-webkit-scrollbar-thumb{background-color:var(--wb-wk,var(--ocw-wk,#999));border-radius:2px}.ocw-contact-form textarea.ocw-form-control::-webkit-scrollbar-thumb:hover{background-color:var(--ocw-theme-color,#06c)}.ocw-contact-form input::-webkit-input-placeholder,.ocw-contact-form textarea::-webkit-input-placeholder{color:var(--wb-wk,var(--ocw-wk,#999))}.ocw-contact-form .ocw-btns{padding-top:14px}.ocw-contact-form .ocw-btn-primary{background-color:var(--ocw-theme-color,#06c);border-radius:5px;color:#fff;height:36px;line-height:36px;width:124px}.ocw-contact-form .ocw-btn-cancel{color:var(--wb-bfc,var(--ocw-bfc,#333));line-height:34px;margin-left:10px}.ocw-form-item{padding-bottom:10px}.ocw-form-item.with-dropdown-inline{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ocw-form-item.with-dropdown-inline .ocw-dropdown{max-width:120px}.ocw-form-captcha{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ocw-form-captcha .ocw-captcha{height:34px;margin-left:5px;overflow:hidden;width:110px}.ocw-form-captcha img{display:block;height:auto;width:100%}.ocw-btn-close{cursor:pointer;padding:5px 5px 10px 10px;position:absolute;right:0;top:0;z-index:10}.ocw-btn-close .ocw-close{fill:var(--wb-wk,var(--ocw-wk,#999));height:16px;width:16px}.cow-align-center,.ocw-panel-msg{text-align:center}.ocw-panel-msg{line-height:1.6;min-height:120px;padding-bottom:20px;padding-top:20px}.ocw-panel-msg .ocw-link{color:var(--ocw-theme-color,#06c);text-decoration:underline}.ocw-wb-icon{display:inline-block;height:16px;vertical-align:middle;width:16px}.ocw-wb-btn{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;overflow:hidden;padding:0;position:relative;text-align:center;text-decoration:none}.ocw-wb-btn:before{background-color:#fff;border-radius:50%;content:"";display:none;height:200px;left:50%;margin-left:-100px;margin-top:-100px;position:absolute;top:50%;width:200px}.ocw-wb-btn:hover:before{-webkit-animation:ocwCircleIn .3s linear;animation:ocwCircleIn .3s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:block}@-webkit-keyframes ocwCircleIn{0%{opacity:.4;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ocwCircleIn{0%{opacity:.4;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.ocw-buoy{position:fixed;z-index:1000}.ocw-buoy.lt{left:20px;top:50px;-webkit-transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0));transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0))}.ocw-buoy.lt .ocw-buoy-panel{bottom:auto;left:0;right:auto;top:0;-webkit-transform:translateY(84px);transform:translateY(84px)}.ocw-buoy.lt .ocw-buoy-panel.active-panel{-webkit-transform:translateY(64px);transform:translateY(64px)}.ocw-buoy.lc{left:20px;margin-top:-24px;top:50%;-webkit-transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0));transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0))}.ocw-buoy.lc .ocw-buoy-panel{left:0;right:auto;-webkit-transform:translateY(50%)!important;transform:translateY(50%)!important}.ocw-buoy.lb{bottom:50px;left:20px;-webkit-transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0));transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0))}.ocw-buoy.lb .ocw-buoy-panel{left:0;right:auto}.ocw-buoy.rt{right:20px;top:50px;-webkit-transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0));transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0))}.ocw-buoy.rt .ocw-buoy-panel{bottom:auto;top:0;-webkit-transform:translateY(84px);transform:translateY(84px)}.ocw-buoy.rt .ocw-buoy-panel.active-panel{-webkit-transform:translateY(64px);transform:translateY(64px)}.ocw-buoy.rc{margin-top:-24px;right:20px;top:50%;-webkit-transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0));transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0))}.ocw-buoy.rc .ocw-buoy-panel{right:0}.ocw-buoy.rb{bottom:50px;right:20px;-webkit-transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0));transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0))}.ocw-buoy-item{min-width:var(--ocw-buoy-icon-size,24px);position:relative}.ocw-buoy-item.active .ocw-buoy-panel{opacity:1;-webkit-transform:translateY(-64px);transform:translateY(-64px);visibility:visible}.ocw-buoy-btn{background-color:var(--wb-bgcl,var(--ocw-bgcl,#fff));border-radius:50px;-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.25);box-shadow:2px 2px 8px rgba(0,0,0,.25);-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer;display:block;font-size:0;line-height:var(--ocw-buoy-icon-size,24px);padding:12px;position:relative;-webkit-transition:all .3s;transition:all .3s;z-index:1}.ocw-buoy-btn .ocw-btn-text{color:var(--wb-bfc,var(--ocw-bfc,#333));display:inline-block;font-size:var(--ocw-bfs,12px);margin-left:8px;vertical-align:middle}.ocw-buoy-btn .ocw-point{background-color:red;border-radius:100%;height:8px;position:absolute;right:0;top:4px;width:8px}.ocw-buoy-btn .ocw-wb-icon{fill:var(--ocw-theme-color,#06c);height:var(--ocw-buoy-icon-size,24px);position:relative;width:var(--ocw-buoy-icon-size,24px)}.ocw-buoy-btn:hover .ocw-btn-text,.ocw-buoy-btn:hover .ocw-wb-icon{opacity:.8}.ocw-buoy-btn:active{background-color:var(--ocw-theme-color,#06c)}.ocw-buoy-btn:active .ocw-wb-icon{fill:#fff}.ocw-buoy-btn:active .ocw-btn-text{color:#fff}.ocw-animated-circles{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:0}.ocw-animated-circles.ocw-hide-anim{visibility:hidden}.ocw-animated-circles .ocw-circle{border:1px solid var(--ocw-theme-color,#06c);border-radius:var(--ocw-buoy-icon-size,24px);-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;left:0;opacity:.5;position:absolute;top:0;-webkit-transform:scale(1);transform:scale(1);width:100%}.ocw-animated-circles.ocw-animated{opacity:1}.ocw-animated-circles.ocw-animated .c-1{-webkit-animation:scaleToggleOne 2s cubic-bezier(.25,.46,.45,.94) forwards;animation:scaleToggleOne 2s cubic-bezier(.25,.46,.45,.94) forwards}.ocw-animated-circles.ocw-animated .c-2{-webkit-animation:scaleToggleTwo 2.5s cubic-bezier(.25,.46,.45,.94) forwards;animation:scaleToggleTwo 2.5s cubic-bezier(.25,.46,.45,.94) forwards}.ocw-animated-circles.ocw-animated .c-3{-webkit-animation:scaleToggleThree 3s cubic-bezier(.25,.46,.45,.94) forwards;animation:scaleToggleThree 3s cubic-bezier(.25,.46,.45,.94) forwards}@-webkit-keyframes scaleToggleOne{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleToggleOne{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scaleToggleTwo{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleToggleTwo{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scaleToggleThree{0%{-webkit-transform:scale(1);transform:scale(1)}33%{-webkit-transform:scale(1);transform:scale(1)}66%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleToggleThree{0%{-webkit-transform:scale(1);transform:scale(1)}33%{-webkit-transform:scale(1);transform:scale(1)}66%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.ocw-buoy-panel{background-color:var(--wb-bgcl,var(--ocw-bgcl,#fff));border-radius:10px;bottom:0;-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.25);box-shadow:2px 2px 8px rgba(0,0,0,.25);font-size:var(--ocw-bfs,12px);min-height:250px;opacity:0;overflow:hidden;position:absolute;right:0;-webkit-transform:translateY(-84px);transform:translateY(-84px);-webkit-transition:all .3s ease;transition:all .3s ease;visibility:hidden;width:var(--ocw-panel-width,360px);z-index:3}.ocw-buoy-panel a{color:var(--ocw-theme-color,#06c)}.ocw-buoy-panel a:hover{text-decoration:underline}.ocw-buoy-panel.active-panel{opacity:1;-webkit-transform:translateY(-64px);transform:translateY(-64px);visibility:visible}.ocw-panel-head{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:var(--ocw-head-bg-color,#f4f9ff);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:14px 20px}.ocw-panel-head,.ocw-pic-head{-webkit-box-sizing:border-box;box-sizing:border-box}.ocw-pic-head{height:38px;margin-right:10px;position:relative;width:38px}.ocw-pic-head img{border:1px solid #b8d1ea;border-radius:100%;display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.ocw-pic-head .ocw-b{background-color:#4ad504;border:2px solid #fff;border-radius:100%;bottom:0;display:block;height:6px;position:absolute;right:0;width:6px}.ocw-head-info{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;line-height:1.75em;overflow:hidden;text-align:left}.ocw-head-info .ocw-name{color:var(--ocw-head-fcolor,#333);font-weight:700}.ocw-head-info .ocw-text{color:var(--ocw-head-fcolor,#333);margin-top:2px;opacity:.5}.ocw-panel-main{background-color:var(--wb-bgcl,var(--ocw-bgcl,#fff));max-height:400px;max-height:50vh;overflow-x:hidden;overflow-y:auto;padding:14px 20px 120px;-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease}.ocw-panel-main:hover::-webkit-scrollbar{background-color:var(--wb-bbc,var(--ocw-bbc,#d1d1d1));display:block}.ocw-panel-main:hover::-webkit-scrollbar-thumb{background-color:var(--wb-wk,var(--ocw-wk,#999))}.ocw-panel-main::-webkit-scrollbar{background-color:transparent;width:4px}.ocw-panel-main::-webkit-scrollbar-thumb{background-color:transparent;border-radius:4px}.ocw-panel-main::-webkit-scrollbar-thumb:hover{background-color:var(--ocw-theme-color,#06c)}.ocw-now-time{color:#b3b3b3;height:11px;overflow:hidden;text-align:center}.ocw-now-time .ocw-time{display:inline-block;font-size:20px;line-height:22px;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:center top;transform-origin:center top;vertical-align:top}.ocw-label{color:var(--wb-wk,var(--ocw-wk,#999))}.ocw-contact-tool{background-color:var(--wb-bgcl,var(--ocw-bgcl,#fff));bottom:0;left:0;margin-top:20px;padding-bottom:20px;position:absolute;right:0;text-align:center;-webkit-transition:opacity .3s ease-in,visibility 0ms 0ms,-webkit-transform .3s ease-in;transition:opacity .3s ease-in,visibility 0ms 0ms,-webkit-transform .3s ease-in;transition:transform .3s ease-in,opacity .3s ease-in,visibility 0ms 0ms;transition:transform .3s ease-in,opacity .3s ease-in,visibility 0ms 0ms,-webkit-transform .3s ease-in}.ocw-contact-tool .ocw-tool-list{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:center;justify-content:center}.ocw-title{background:none;color:var(--wb-bfc,var(--ocw-bfc,#333));font-weight:700;line-height:1.75em}.ocw-tool-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:12px}.ocw-tool-list.tool-list-color .ocw-btn-tool{background-color:var(--ocw-theme-color,#06c)}.ocw-tool-list .ocw-btn-tool{background-color:#ccc;border-radius:5px;cursor:pointer;display:inline-block;height:36px;line-height:36px;margin:0 2px;position:relative;text-align:center;width:36px}.ocw-tool-list .ocw-btn-tool svg{fill:#fff;display:block;height:18px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:18px}.ocw-tool-list .ocw-btn-tool.wx{background-color:#12b95e}.ocw-tool-list .ocw-btn-tool.qq{background-color:#11b7f5}.ocw-tool-list .ocw-btn-tool.tel{background-color:#06c}.ocw-tool-list .ocw-btn-tool.email{background-color:#08c}.ocw-tool-list .ocw-btn-tool.msg{background-color:#685ab0}.ocw-tool-list .ocw-btn-tool.order{background-color:#935ab0}.ocw-tool-list .ocw-btn-tool.whatsapp{background-color:#40c351}.ocw-tool-list .ocw-btn-tool.telegram{background-color:#29b6f6}.ocw-tool-list .ocw-btn-tool.messenger{background-color:#0084ff}.ocw-tool-list .ocw-btn-tool.viber{background-color:#912fbd}.ocw-tool-list .ocw-btn-tool.signal{background-color:#c822ff}.ocw-tool-list .ocw-btn-tool.line{background-color:#00c300}.ocw-tool-list .ocw-btn-tool.line svg{height:20px;width:20px}.ocw-tool-list .ocw-btn-tool.faq{background-color:#2196f3}.active-msg{padding-bottom:20px}.active-msg .buoy-default,.active-msg .ocw-now-time{display:none}.active-msg .ocw-contact-tool{opacity:0;pointer-events:none;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity .2s ease-out,visibility 0ms .2s,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,visibility 0ms .2s,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out,visibility 0ms .2s;transition:transform .2s ease-out,opacity .2s ease-out,visibility 0ms .2s,-webkit-transform .2s ease-out;visibility:hidden}.ocw-type-item{display:none;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity .3s ease-in,-webkit-transform .3s ease-in;transition:opacity .3s ease-in,-webkit-transform .3s ease-in;transition:transform .3s ease-in,opacity .3s ease-in;transition:transform .3s ease-in,opacity .3s ease-in,-webkit-transform .3s ease-in}.ocw-type-item.buoy-wx .buoy-list{display:block;width:auto}.ocw-type-item .with-img{display:block;padding-left:0;text-align:center}.ocw-type-item .with-img .qr-img{display:block;height:auto;margin:0 auto 5px;width:120px}.ocw-type-item.ocw-type-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.ocw-msg-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:12px}.ocw-msg-item.by-user{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.ocw-msg-item.by-user .ocw-pic{margin-left:5px;margin-right:0}.ocw-msg-item.by-user .ocw-msg-con{background-color:var(--ocw-theme-color,#06c);border-radius:8px 0 8px 8px;color:#fff}.ocw-msg-item .ocw-pic{border:1px solid #b8d1ea;border-radius:100%;height:24px;margin-right:5px;width:24px}.ocw-msg-item .ocw-msg-con{background-color:var(--wb-bgc,var(--ocw-bgc,#f1f0f0));border-radius:0 8px 8px 8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--wb-bfc,var(--ocw-bfc,#333));line-height:1.5em;min-width:70%;padding:10px 8px 14px;text-align:left}.ocw-msg-item .ocw-msg-con pre{white-space:pre-wrap;word-break:break-all}.ocw-msg-item .buoy-list{background-color:var(--wb-bgc,var(--ocw-bgc,#f1f0f0));border-radius:2px 5px 5px 5px;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:174px;padding:10px 14px;text-align:left}.ocw-msg-item .buoy-list .ocw-qq{fill:#11b7f5}.ocw-msg-item .buoy-list.list-email svg{fill:#06c}.ocw-msg-item .buoy-list.list-tel svg{fill:#12b95e}.ocw-msg-item .buoy-list .ocw-whatsapp{fill:#40c351}.ocw-msg-item .buoy-list .ocw-telegram{fill:#29b6f6}.ocw-msg-item .buoy-list .ocw-messenger{fill:#0084ff}.ocw-msg-item .buoy-list .ocw-viber{fill:#912fbd}.ocw-msg-item .buoy-list .ocw-signal{fill:#c822ff}.ocw-msg-item .buoy-list .ocw-line{fill:#00c300;height:18px;width:18px}.ocw-list-item{color:var(--wb-bfc,var(--ocw-bfc,#333));display:block;padding-left:22px;position:relative}.ocw-list-item:hover{text-decoration:none}.ocw-list-item+.ocw-list-item{border-top:1px solid #e5e5e5;margin-top:10px;padding-top:10px}.ocw-list-item .ocw-link{color:var(--wb-bfc,var(--ocw-bfc,#333));display:block;line-height:1.5}.ocw-list-item .ocw-link:hover{color:var(--ocw-theme-color,#06c);text-decoration:underline}.ocw-list-item .ocw-wb-icon{left:0;margin-top:-8px;position:absolute;top:50%}.ocw-list-item .ocw-wx{fill:#12b95e}.ocw-user-msg{-webkit-box-orient:vertical;-webkit-line-clamp:8;display:-webkit-box;max-height:12em;overflow:hidden}.wbocw-actived-panel{height:100vh;left:0;position:fixed;top:0;width:100vw}.wbocw-actived-panel .ocw-mask,.wbocw-actived-panel .ocw-panel-m{display:block}.ocw-mask{background-color:rgba(0,0,0,.7);position:fixed;right:0;top:0;z-index:99999}.ocw-mask,.ocw-panel-m{bottom:0;display:none;left:0}.ocw-panel-m{background-color:var(--wb-bgcl,var(--ocw-bgcl,#fff));border-radius:0;border-radius:10px 10px 0 0;font-size:var(--ocw-bfs,12px);min-height:70vh;overflow:hidden;position:absolute;width:100vw;z-index:100000}.ocw-panel-m .ocw-panel-main{max-height:60vh;padding-bottom:20px}.ocw-panel-m .ocw-contact-tool{bottom:env(safe-area-inset-bottom);padding-bottom:80px}.ocw-panel-m .ocw-contact-form .ocw-btn-primary{display:block;width:100%}.ocw-panel-m .ocw-contact-form .ocw-btn-cancel{display:block;margin-left:0;margin-top:10px;text-align:center}.ocw-mobile .ocw-buoy-btn .ocw-btn-text,.wb-scrolling .ocw-animated-circles{display:none}.wb-scrolling .ocw-buoy-btn{opacity:.5;-webkit-transform:translateX(90%);transform:translateX(90%)}.ocw-hidden{display:none}.ocw-msg-bar{background-color:rgba(0,0,0,.85);border-radius:5px;color:#fff;display:none;font-size:var(--ocw-bfs,12px);left:50%;line-height:2em;max-width:220px;padding:10px;pointer-events:none;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:100001}.ocw-faq-list,.ocw-faq-tips{margin-top:10px}.ocw-faq-list{list-style:none;padding:0}.ocw-faq-list li{margin-bottom:10px;padding:0}.ocw-faq-list li a{color:var(--ocw-theme-color,#06c);cursor:pointer;display:block}.ocw-faq-list li a:hover{text-decoration:underline}.ocw-faq-search{border:1px solid #e5e5e5;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;padding:10px;width:100%}.ocw-faq-title{color:var(--ocw-theme-color,#06c)}.ocw-faq-content{line-height:1.5;margin-top:10px}.ocw-faq-content img{height:auto;max-width:100%}.ocw-faq-content p+p{margin-top:1em}.ocw-fold{border-radius:var(--ocw-unfold-radius,3px);-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.25);box-shadow:2px 2px 8px rgba(0,0,0,.25);font-size:var(--ocw-bfs,12px);position:fixed;width:var(--ocw-unfold-size,38px);z-index:1000}.ocw-fold .ocw-more-item .ocw-wx{fill:#12b95e}.ocw-fold.lt{left:20px;top:50px;-webkit-transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0));transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0))}.ocw-fold.lt .ocw-el-item:hover .ocw-el-more{-webkit-transform:translate3d(48px,-50%,0);transform:translate3d(48px,-50%,0)}.ocw-fold.lt .ocw-el-item:first-child .ocw-el-more{top:0;-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}.ocw-fold.lt .ocw-el-item:first-child:hover .ocw-el-more{top:0;-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.ocw-fold.lt .ocw-el-item:first-child .ocw-el-more .ocw-more-inner:before{top:10px;-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}.ocw-fold.lt .ocw-el-item:first-child .ocw-el-more .ocw-more-inner:after{margin-top:0;top:0}.ocw-fold.lt .ocw-el-item.ocw-need-click.active .ocw-form-panel{-webkit-transform:translate3d(16%,0,0)!important;transform:translate3d(16%,0,0)!important}.ocw-fold.lt .ocw-el-more{left:0;padding-left:15px;padding-right:0;right:auto;-webkit-transform:translate3d(30px,-50%,0);transform:translate3d(30px,-50%,0)}.ocw-fold.lt .ocw-more-inner:before{left:-6px;right:auto}.ocw-fold.lt .ocw-more-inner:after{left:0;right:auto}.ocw-fold.lc{left:20px;top:50%;-webkit-transform:translate(var(--ocw-offset-x,0),calc(-50% + var(--ocw-offset-y, 0)));transform:translate(var(--ocw-offset-x,0),calc(-50% + var(--ocw-offset-y, 0)))}.ocw-fold.lc .ocw-el-item:not(.ocw-need-click):hover .ocw-el-more{-webkit-transform:translate3d(48px,-50%,0);transform:translate3d(48px,-50%,0)}.ocw-fold.lc .ocw-el-more{left:0;padding-left:15px;padding-right:0;right:auto;-webkit-transform:translate3d(30px,-50%,0);transform:translate3d(30px,-50%,0)}.ocw-fold.lc .ocw-el-more .ocw-more-inner:before{left:-6px;right:auto}.ocw-fold.lc .ocw-el-more .ocw-more-inner:after{left:0;right:auto}.ocw-fold.lc .ocw-form-panel{-webkit-transform:translate3d(30px,0,0)!important;transform:translate3d(30px,0,0)!important}.ocw-fold.lc.active-panel .ocw-form-panel{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.ocw-fold.lb{bottom:50px;left:20px;-webkit-transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0));transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0))}.ocw-fold.lb .ocw-el-item:not(.ocw-need-click):hover .ocw-el-more{-webkit-transform:translate3d(48px,-50%,0);transform:translate3d(48px,-50%,0)}.ocw-fold.lb .ocw-el-more{left:0;padding-left:15px;padding-right:0;right:auto;-webkit-transform:translate3d(30px,-50%,0);transform:translate3d(30px,-50%,0)}.ocw-fold.lb .ocw-el-more .ocw-more-inner:before{left:-6px;right:auto}.ocw-fold.lb .ocw-el-more .ocw-more-inner:after{left:0;right:auto}.ocw-fold.lb .ocw-form-panel{-webkit-transform:translate3d(30px,0,0)!important;transform:translate3d(30px,0,0)!important}.ocw-fold.lb.active-panel .ocw-form-panel{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.ocw-fold.rt{right:20px;top:50px;-webkit-transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0));transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0))}.ocw-fold.rt .ocw-el-item:first-child .ocw-el-more{top:0;-webkit-transform:translate3d(-90%,0,0);transform:translate3d(-90%,0,0)}.ocw-fold.rt .ocw-el-item:first-child:hover .ocw-el-more{top:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.ocw-fold.rt .ocw-el-item:first-child .ocw-el-more .ocw-more-inner:before{top:10px;-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}.ocw-fold.rt .ocw-el-item:first-child .ocw-el-more .ocw-more-inner:after{margin-top:0;top:0}.ocw-fold.rt .ocw-el-item .ocw-el-more.ocw-form-panel{bottom:auto;top:0}.ocw-fold.rt .ocw-el-item .ocw-el-more.ocw-form-panel .ocw-more-inner:before{top:10px}.ocw-fold.rt .ocw-el-item .ocw-el-more.ocw-form-panel .ocw-more-inner:after{top:0}.ocw-fold.rc{right:20px;top:50%;-webkit-transform:translate(var(--ocw-offset-x,0),calc(-50% + var(--ocw-offset-y, 0)));transform:translate(var(--ocw-offset-x,0),calc(-50% + var(--ocw-offset-y, 0)))}.ocw-fold.rb{bottom:50px;right:20px;-webkit-transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0));transform:translate(var(--ocw-offset-x,0),var(--ocw-offset-y,0))}.ocw-fold .ocw-btn-item{cursor:pointer;display:block;height:var(--ocw-unfold-size,38px);line-height:var(--ocw-unfold-size,38px);position:relative;text-align:center}.ocw-fold .ocw-btn-item .icon-img{display:inline-block;height:24px;vertical-align:middle;width:24px}.ocw-fold .ocw-btn-item svg{fill:var(--ocw-theme-color,#666);height:40%;width:40%}.ocw-fold.ocw-fillet{border-radius:var(--ocw-unfold-radius,24px)}.ocw-fold.ocw-fillet .ocw-el-item:first-child{border-radius:var(--ocw-unfold-radius,24px) var(--ocw-unfold-radius,24px) 0 0}.ocw-fold.ocw-fillet .ocw-el-item:last-child{border-radius:0 0 var(--ocw-unfold-radius,24px) var(--ocw-unfold-radius,24px)}.ocw-fold.ocw-big{width:var(--ocw-unfold-size,48px)}.ocw-fold.ocw-big .ocw-el-item{height:var(--ocw-unfold-size,48px);margin-top:-1px}.ocw-fold.ocw-big .ocw-el-item:first-child{margin-top:0}.ocw-fold.ocw-big .ocw-el-item:last-child .ocw-btn-item:after{visibility:hidden}.ocw-fold.ocw-big .ocw-el-item.active{background-color:var(--ocw-theme-color,#06c)}.ocw-fold.ocw-big .ocw-el-item.active .ocw-btn-item{z-index:2}.ocw-fold.ocw-big .ocw-el-item.active .ocw-btn-item:after{visibility:hidden}.ocw-fold.ocw-big .ocw-el-item.active .ocw-btn-item svg{fill:#fff}.ocw-fold.ocw-big .ocw-el-item .ocw-btn-item{height:var(--ocw-unfold-size,48px);line-height:var(--ocw-unfold-size,48px)}.ocw-fold.ocw-big .ocw-el-item .ocw-btn-item:after{background-color:#ececec;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:1}.ocw-fold.ocw-big .ocw-btn-item svg{height:40%;width:40%}.ocw-fold .wx-inner{text-align:center}.ocw-el-item{background-color:var(--wb-bgcl,var(--ocw-bgcl,#fff));height:var(--ocw-unfold-size,38px);position:relative;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:100%}.ocw-el-item:first-child{border-radius:var(--ocw-unfold-radius,3px) var(--ocw-unfold-radius,3px) 0 0}.ocw-el-item:last-child{border-radius:0 0 var(--ocw-unfold-radius,3px) var(--ocw-unfold-radius,3px)}.ocw-el-item:not(.ocw-need-click):hover .ocw-el-more{opacity:1;text-align:left;-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0);visibility:visible}.ocw-el-item:hover{background-color:var(--ocw-theme-color,#06c)}.ocw-el-item:hover .ocw-btn-item{z-index:2}.ocw-el-item:hover .ocw-btn-item:after{visibility:hidden}.ocw-el-item:hover .ocw-btn-item svg{fill:#fff}.ocw-el-more{background-color:transparent;color:var(--wb-bfc,var(--ocw-bfc,#333));opacity:0;padding-right:15px;position:absolute;top:50%;-webkit-transform:translate3d(-90%,-50%,0);transform:translate3d(-90%,-50%,0);transition:transform .3s,opacity .5s,-webkit-transform .3s;visibility:hidden;z-index:2}.ocw-el-more .ocw-more-inner:before{right:-6px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.ocw-el-more .ocw-more-inner:after{margin-top:-18px;right:0;top:50%}.ocw-el-more .ocw-qq{fill:#11b7f5}.ocw-el-more .ocw-email{fill:#06c}.ocw-el-more .ocw-tel{fill:#12b95e}.ocw-el-more .qr-img{display:block;height:auto;margin:0 auto 5px;max-width:120px;width:90%}.ocw-el-more .ocw-link{color:var(--wb-bfc,var(--ocw-bfc,#333));font-size:var(--ocw-bfs,12px);line-height:1.5;text-decoration:none}.ocw-el-more .ocw-link:hover{color:var(--ocw-theme-color,#06c)}.ocw-el-more .ocw-label{color:var(--wb-wk,var(--ocw-wk,#999))}.ocw-more-inner{-webkit-box-sizing:content-box;box-sizing:content-box;min-width:140px;padding:20px 16px;position:relative}.ocw-more-inner,.ocw-more-inner:before{background-color:var(--wb-bgcl,var(--ocw-bgcl,#fff));border-radius:3px;-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.25);box-shadow:2px 2px 8px rgba(0,0,0,.25)}.ocw-more-inner:before{content:"";height:18px;position:absolute;width:18px;z-index:1}.ocw-more-inner:after{background-color:var(--wb-bgcl,var(--ocw-bgcl,#fff));border-radius:0 0 3px 0;content:"";height:36px;position:absolute;width:36px;z-index:2}.ocw-more-item{color:var(--wb-bfc,var(--ocw-bfc,#333));line-height:16px;position:relative;z-index:5}.ocw-more-item+.ocw-more-item{border-top:1px solid #ececec;margin-top:15px;padding-top:10px}.ocw-more-item .ocw-wb-icon{left:0;margin-top:-8px;position:absolute;top:50%}.ocw-more-item .ocw-p{padding-left:20px}.ocw-more-item .ocw-whatsapp{fill:#40c351}.ocw-more-item .ocw-telegram{fill:#29b6f6}.ocw-more-item .ocw-messenger{fill:#0084ff}.ocw-more-item .ocw-viber{fill:#912fbd}.ocw-more-item .ocw-signal{fill:#c822ff}.ocw-more-item .ocw-line{fill:#00c300}.ocw-form-panel{bottom:0;left:0;top:auto;-webkit-transform:translate3d(-90%,0,0);transform:translate3d(-90%,0,0)}.ocw-form-panel .ocw-more-inner{width:var(--ocw-panel-width,360px)}.ocw-form-panel .ocw-more-inner:before{bottom:10px;right:-6px;top:auto;-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}.ocw-form-panel .ocw-more-inner:after{bottom:0;right:0;top:auto}.ocw-form-panel .ocw-form-header{color:var(--wb-wk,var(--ocw-wk,#999));font-size:var(--ocw-bfs,12px);line-height:1.75em;margin-bottom:10px;position:relative;z-index:5}.ocw-form-panel .ocw-msg-set{margin-bottom:20px}.active-panel .ocw-form-panel{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}.owc-title-list{margin-bottom:30px;margin-top:50px}.owc-title-list h1{color:var(--wb-fcs,var(--ocw-fcs,#333));font-size:3em;font-weight:700}.page-faq .header .search-form{display:none}.align-center{text-align:center}.container-faq{background-color:var(--wb-bgcl,var(--ocw-bgcl,#fff))}.search-form-banner{padding-bottom:20px;padding-top:20px}.search-form-banner .search-form{height:42px;margin-left:auto;margin-right:auto;max-width:90%;position:relative;width:350px}.search-form-banner .search-form .form-control{background-color:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.4);color:var(--wb-fcs,var(--ocw-fcs,#333));width:100%}.search-form-banner .search-form .form-control::-webkit-input-placeholder{color:var(--wb-wke,var(--ocw-wke,#c1c1c1))}.search-form-banner .search-form .form-control::-moz-placeholder{color:var(--wb-wke,var(--ocw-wke,#c1c1c1))}.search-form-banner .search-form .form-control:-ms-input-placeholder{color:var(--wb-wke,var(--ocw-wke,#c1c1c1))}.search-form-banner .search-form .form-control::-ms-input-placeholder{color:var(--wb-wke,var(--ocw-wke,#c1c1c1))}.search-form-banner .search-form .form-control::placeholder{color:var(--wb-wke,var(--ocw-wke,#c1c1c1))}.search-form-banner .search-form .btn-search svg{fill:#fff}.main-faq-index{font-size:0;margin-left:auto;margin-right:auto;max-width:960px}.main-faq-index .faq-cat-wp{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding-bottom:60px;vertical-align:top;width:100%}.main-faq-index .faq-cat-wp .sc-title{color:var(--wb-fcs,var(--ocw-fcs,#333));font-size:18px;line-height:28px;padding-bottom:15px;text-align:center}.main-faq-index .load-more{display:block;font-size:14px;margin-bottom:-35px;padding:20px 0;text-align:center}.main-faq{margin-left:auto;margin-right:auto;max-width:960px}.main-faq .sc-title+.faq-box{margin-bottom:20px;margin-top:20px}.main-faq .bread-crumbs{margin-bottom:20px;margin-top:30px}.faq-box{background-color:var(--wb-bgcl,var(--ocw-bgcl,#fff));border:2px solid var(--wb-bbc,var(--ocw-bbc,#d1d1d1));border-radius:4px;padding:25px 0 35px}.faq-list .item{border-bottom:1px solid var(--wb-bbc,var(--ocw-bbc,#d1d1d1));margin-left:30px;margin-right:30px}.faq-list .item:hover{cursor:pointer}.faq-list .item:hover .title-detail{color:var(--ocw-theme-color,#06c)}.faq-list .item .hd{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%231554B8' fill-rule='evenodd' d='M9.5 8.4c-.5.3-.5.4-.5.6v1H7V9c0-1.3.8-1.9 1.4-2.3.5-.3.6-.4.6-.7 0-.6-.4-1-1-1a1 1 0 0 0-.9.5l-.5.9-1.7-1 .5-.9A3 3 0 0 1 8 3a3 3 0 0 1 3 3c0 1.4-.9 2-1.5 2.4zM8 13c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zM8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:0;background-repeat:no-repeat;background-size:16px auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;font-weight:700;min-height:42px;padding:10px 60px 10px 32px;position:relative}.faq-list .item .hd strong{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:16px;font-weight:700}.faq-list .item .hd:after{content:"";position:absolute;right:4px;top:24px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.faq-list .item .bd{display:none;font-size:14px;padding:0 20px 20px 32px}.faq-list .item.active .hd:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.faq-list .item.active .bd{display:block}.faq-list .title-detail{-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.ocw-pagination{margin-top:20px;text-align:center}@media (max-width:1200px){.main-faq-index{margin-left:0;margin-right:0}.main-faq-index .faq-cat-wp{padding-left:0;padding-right:0;width:100%}}@media (max-width:768px){.main-faq-index{padding-top:0}.main-faq-index .faq-cat-wp .sc-title{padding-bottom:0}.faq-list .item{margin-left:var(--ocw-sphm,20px);margin-right:var(--ocw-sphm,20px)}.faq-list .item .hd{background-position:0 14px;background-size:14px auto;font-size:14px;line-height:22px;min-height:auto;padding:10px 20px 10px 25px}.faq-list .item .hd:after{height:4px;top:18px;width:4px}.faq-list .item .bd{padding:0 0 15px}}.wb-is-mobile .main-faq{margin:30px var(--ocw-sphm,20px);max-width:none}.wb-is-mobile .container-faq .search-form .form-control{width:100%!important}
.tool-bar{display: none!important;}.dark-mode{--ocw-head-bg-color: #222; --ocw-head-fcolor: #eee; --wb-bfc: #eee; --wb-bgc: #222; --wb-bgcl: #333; --wb-wk: #666;}
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}body.wc-block-product-gallery-modal-open,body.wc-modal--open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:100%}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating,.wp-block-woocommerce-product-review-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars,.wc-block-grid__product-rating .wc-block-product-review-rating__stars,.wp-block-woocommerce-product-review-rating .star-rating,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars:before,.wp-block-woocommerce-product-review-rating .star-rating:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span,.wp-block-woocommerce-product-review-rating .star-rating span,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span:before,.wp-block-woocommerce-product-review-rating .star-rating span:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.7}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)}
@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid #2f2f2f;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner>.wc-block-components-button:focus{outline:2px solid currentColor!important;outline-offset:0}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.wc-block-components-notice-banner:focus{outline-width:0}.wc-block-components-notice-banner:focus-visible{outline-style:solid;outline-width:2px}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)}
.elementor-2380 .elementor-element.elementor-element-5b2184b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2380 .elementor-element.elementor-element-5b2184b{border-style:solid;border-width:0px 0px 1px 0px;border-color:#E7E7E733;}.elementor-2380 .elementor-element.elementor-element-40e6dbb > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2380 .elementor-element.elementor-element-2bfbeeb .master-logo{max-width:166px;}.elementor-2380 .elementor-element.elementor-element-f65ab9d{width:var( --container-widget-width, 101.189% );max-width:101.189%;--container-widget-width:101.189%;--container-widget-flex-grow:0;}.elementor-2380 .elementor-element.elementor-element-f65ab9d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2380 .elementor-element.elementor-element-f65ab9d .tombuild-menu > ul > li > a{line-height:80px;}.elementor-2380 .elementor-element.elementor-element-f65ab9d .magic-line{height:0px;}.elementor-2380 .elementor-element.elementor-element-f65ab9d .tombuild-menu > ul > li > a > span{color:#FFFFFF;}.elementor-2380 .elementor-element.elementor-element-f65ab9d.menu-sep-yes .tombuild-menu .menu-item:after{color:#FFFFFF;}.elementor-2380 .elementor-element.elementor-element-f65ab9d.menu-default .tombuild-menu > ul > li{margin:0 20px;}.elementor-2380 .elementor-element.elementor-element-f65ab9d.menu-vertical .tombuild-menu > ul > li{margin-bottom:20px;}.elementor-2380 .elementor-element.elementor-element-cb9c7c1.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-2380 .elementor-element.elementor-element-7adfec8{width:auto;max-width:auto;}.elementor-2380 .elementor-element.elementor-element-7adfec8 .tombuild-search i{font-size:20px;}.elementor-2380 .elementor-element.elementor-element-7adfec8 .tombuild-search svg{width:20px;}.elementor-2380 .elementor-element.elementor-element-7adfec8 .tombuild-search .search-trigger{color:#FFFFFF;}.elementor-2380 .elementor-element.elementor-element-7adfec8 .tombuild-search:hover .search-trigger{color:var( --e-global-color-tombuild_accent );}.elementor-repeater-item-87e9033.master-decor{left:0px;top:0px;visibility:visible;}.elementor-2380 .elementor-element.elementor-element-9efd2cb{width:auto;max-width:auto;}.elementor-2380 .elementor-element.elementor-element-9efd2cb > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-2380 .elementor-element.elementor-element-e90810b{width:auto;max-width:auto;}.elementor-2380 .elementor-element.elementor-element-e90810b > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-2380 .elementor-element.elementor-element-e90810b .master-button .content-base{color:#FFFFFF;}.elementor-2380 .elementor-element.elementor-element-e90810b .master-button{border-color:#FFFFFF;}.elementor-2380 .elementor-element.elementor-element-e90810b .master-button .content-hover .text{color:#092357 !important;}.elementor-2380 .elementor-element.elementor-element-e90810b .master-button.btn-hover-2:hover .text{color:#092357 !important;}.elementor-2380 .elementor-element.elementor-element-e90810b .master-button .bg-hover{background-color:#FFFFFF;}.elementor-2380 .elementor-element.elementor-element-a2c71c2{width:auto;max-width:auto;}.elementor-2380 .elementor-element.elementor-element-a2c71c2 > .elementor-widget-container{margin:0px 0px 0px 25px;}.elementor-2380 .elementor-element.elementor-element-a2c71c2 .tombuild-hamburger-icon{line-height:80px;color:#FFFFFF;}.elementor-2380 .elementor-element.elementor-element-a2c71c2 .tombuild-hamburger-icon i{font-size:20px;}.elementor-2380 .elementor-element.elementor-element-a2c71c2 .tombuild-hamburger-icon svg{width:20px;}.elementor-preview .elementor-2380 .elementor-element.elementor-element-a2c71c2 .tombuild-menu-panel .menu-panel-wrap{right:-100%;}.elementor-2380 .elementor-element.elementor-element-a2c71c2 .tombuild-menu-panel .menu-logo{max-width:166px;}.elementor-2380 .elementor-element.elementor-element-a2c71c2 .master-social-icons a{font-size:14px;width:40px;height:40px;line-height:40px;}.elementor-2380 .elementor-element.elementor-element-a2c71c2 .desc{margin:30px 0;}body.elementor-page-2380 #main-content{background-color:var( --e-global-color-tombuild_primary );}@media(max-width:767px){.elementor-2380 .elementor-element.elementor-element-33b0c36{width:50%;}.elementor-2380 .elementor-element.elementor-element-cb9c7c1{width:50%;}}@media(min-width:768px){.elementor-2380 .elementor-element.elementor-element-33b0c36{width:20%;}.elementor-2380 .elementor-element.elementor-element-3340c45{width:41.329%;}.elementor-2380 .elementor-element.elementor-element-cb9c7c1{width:38.335%;}}.elementor-789 .elementor-element.elementor-element-443b6bf:not(.elementor-motion-effects-element-type-background), .elementor-789 .elementor-element.elementor-element-443b6bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#212121;}.elementor-789 .elementor-element.elementor-element-443b6bf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:99;}.elementor-789 .elementor-element.elementor-element-443b6bf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-789 .elementor-element.elementor-element-8d5e754{--spacer-size:100px;}.elementor-789 .elementor-element.elementor-element-654920e > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-789 .elementor-element.elementor-element-654920e .master-logo{max-width:123px;}.elementor-789 .elementor-element.elementor-element-5e9cf9f .master-icon-text{flex-direction:row;}.elementor-789 .elementor-element.elementor-element-5e9cf9f .icon-wrap i, .elementor-789 .elementor-element.elementor-element-5e9cf9f .icon-wrap svg{font-size:16px;width:16px;height:16px;line-height:16px;}.elementor-789 .elementor-element.elementor-element-5e9cf9f .master-icon-text .content-wrap{font-size:16px;font-weight:500;letter-spacing:0.01em;}.elementor-789 .elementor-element.elementor-element-a6b3eea{--spacer-size:20px;}.elementor-789 .elementor-element.elementor-element-ba114ba .master-icon-text{flex-direction:row;}.elementor-789 .elementor-element.elementor-element-ba114ba .icon-wrap i, .elementor-789 .elementor-element.elementor-element-ba114ba .icon-wrap svg{font-size:16px;width:16px;height:16px;line-height:16px;}.elementor-789 .elementor-element.elementor-element-ba114ba .master-icon-text .content-wrap{font-size:16px;font-weight:500;letter-spacing:0.01em;}.elementor-789 .elementor-element.elementor-element-150c743{--spacer-size:20px;}.elementor-789 .elementor-element.elementor-element-369baad > .elementor-widget-container{margin:0px 0px 22px 0px;}.elementor-789 .elementor-element.elementor-element-369baad .master-icon-text{flex-direction:row;}.elementor-789 .elementor-element.elementor-element-369baad .icon-wrap i, .elementor-789 .elementor-element.elementor-element-369baad .icon-wrap svg{font-size:16px;width:16px;height:16px;line-height:16px;}.elementor-789 .elementor-element.elementor-element-369baad .master-icon-text .content-wrap{font-size:16px;font-weight:500;letter-spacing:0.01em;}.elementor-789 .elementor-element.elementor-element-24a649b > .elementor-widget-container{margin:0px 0px 22px 0px;}.elementor-789 .elementor-element.elementor-element-24a649b .master-icon-text{flex-direction:row;}.elementor-789 .elementor-element.elementor-element-24a649b .icon-wrap i, .elementor-789 .elementor-element.elementor-element-24a649b .icon-wrap svg{font-size:16px;width:16px;height:16px;line-height:16px;}.elementor-789 .elementor-element.elementor-element-24a649b .master-icon-text .content-wrap{font-size:16px;font-weight:500;letter-spacing:0.01em;}.elementor-789 .elementor-element.elementor-element-83b84a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;}.elementor-789 .elementor-element.elementor-element-83b84a5 .elementor-heading-title{font-size:18px;line-height:27px;color:#FFFFFF;}.elementor-789 .elementor-element.elementor-element-d19c76d > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-789 .elementor-element.elementor-element-d19c76d .master-link{font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:0.01em;}.elementor-789 .elementor-element.elementor-element-d19c76d .master-link:hover{color:#FFFFFF;}.elementor-789 .elementor-element.elementor-element-48b9344 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-789 .elementor-element.elementor-element-48b9344 .master-link{font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:0.01em;}.elementor-789 .elementor-element.elementor-element-48b9344 .master-link:hover{color:#FFFFFF;}.elementor-789 .elementor-element.elementor-element-a4be51c .master-link{font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:0.01em;}.elementor-789 .elementor-element.elementor-element-a4be51c .master-link:hover{color:#FFFFFF;}.elementor-789 .elementor-element.elementor-element-1020121{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;}.elementor-789 .elementor-element.elementor-element-1020121 .elementor-heading-title{font-size:18px;line-height:27px;color:#FFFFFF;}.elementor-789 .elementor-element.elementor-element-0bc7f0f > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-789 .elementor-element.elementor-element-0bc7f0f .master-link{font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:0.01em;}.elementor-789 .elementor-element.elementor-element-0bc7f0f .master-link:hover{color:#FFFFFF;}.elementor-789 .elementor-element.elementor-element-f770a07 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-789 .elementor-element.elementor-element-f770a07 .master-link{font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:0.01em;}.elementor-789 .elementor-element.elementor-element-f770a07 .master-link:hover{color:#FFFFFF;}.elementor-789 .elementor-element.elementor-element-384483c .master-link{font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:0.01em;}.elementor-789 .elementor-element.elementor-element-384483c .master-link:hover{color:#FFFFFF;}.elementor-789 .elementor-element.elementor-element-bd4fb6f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;}.elementor-789 .elementor-element.elementor-element-bd4fb6f .elementor-heading-title{font-size:18px;line-height:27px;color:#FFFFFF;}.elementor-789 .elementor-element.elementor-element-bfa9626 a{font-size:14px;margin-left:calc(24px / 2);margin-right:calc(24px / 2);color:#959595;}.elementor-789 .elementor-element.elementor-element-bfa9626 .master-social-icons svg{width:14px;}.elementor-789 .elementor-element.elementor-element-bfa9626 a:hover{color:var( --e-global-color-tombuild_accent );}.elementor-789 .elementor-element.elementor-element-19169a6{--spacer-size:100px;}.elementor-789 .elementor-element.elementor-element-1799eee{padding:0px 0px 16px 0px;}.elementor-789 .elementor-element.elementor-element-1157bcd.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-789 .elementor-element.elementor-element-9573575{width:auto;max-width:auto;}.elementor-789 .elementor-element.elementor-element-9573575 .master-copyright{font-size:16px;font-weight:500;line-height:30px;}.elementor-789 .elementor-element.elementor-element-afd042f{--divider-border-style:solid;--divider-color:#E7E7E74D;--divider-border-width:1px;}.elementor-789 .elementor-element.elementor-element-afd042f .elementor-divider-separator{width:100%;}.elementor-789 .elementor-element.elementor-element-afd042f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}@media(max-width:1024px){.elementor-789 .elementor-element.elementor-element-8d5e754{--spacer-size:80px;}.elementor-789 .elementor-element.elementor-element-2c35af2 > .elementor-element-populated{margin:0px 0px 60px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-789 .elementor-element.elementor-element-a6b3eea{--spacer-size:80px;}.elementor-789 .elementor-element.elementor-element-150c743{--spacer-size:80px;}.elementor-789 .elementor-element.elementor-element-214304a > .elementor-element-populated{margin:0px 0px 60px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-789 .elementor-element.elementor-element-19169a6{--spacer-size:80px;}}@media(max-width:767px){.elementor-789 .elementor-element.elementor-element-b63b419 > .elementor-element-populated{margin:0px 0px 60px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-789 .elementor-element.elementor-element-2c35af2{width:50%;}.elementor-789 .elementor-element.elementor-element-214304a{width:25%;}.elementor-789 .elementor-element.elementor-element-b63b419{width:50%;}.elementor-789 .elementor-element.elementor-element-aa756bf{width:50%;}}