#item-1785100346151 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033470580 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033470580 {background-image: none;background-color: rgba(243, 247, 239, 1);backdrop-filter: none;}#item-17851033468640 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033472220 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033465410 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033458670 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-1785100346152 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033470582 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033468642 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033472222 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033465412 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033458672 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033460482 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-1785100346153 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033470583 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033468643 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033472223 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033465413 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033458673 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17851033460483 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-1785100352708 {display : block;margin-bottom: 25px;margin-top: 25px;}#item-1785100352708 {animation-duration: 0.9s;animation-delay: 0s;opacity: 1;}#item-17851033470581 {display : block;margin-bottom: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;}#item-17851033470581 {animation-duration: 0.9s;animation-delay: 0s;opacity: 1;}#item-17851033444591 {display : block;margin-bottom: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;}#item-17851033444591 {animation-duration: 0.9s;animation-delay: 0s;opacity: 1;}#item-17851033468641 {display : block;margin-bottom: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;}#item-17851033468641 {animation-duration: 0.9s;animation-delay: 0s;opacity: 1;}#item-17851033472221 {display : block;margin-bottom: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;}#item-17851033472221 {animation-duration: 0.9s;animation-delay: 0s;opacity: 1;}#item-17851033465411 {display : block;margin-bottom: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;}#item-17851033465411 {animation-duration: 0.9s;animation-delay: 0s;opacity: 1;}#item-17851033458671 {display : block;margin-bottom: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;}#item-17851033458671 {animation-duration: 0.9s;animation-delay: 0s;opacity: 1;}#item-17851033460481 {display : block;margin-bottom: 0px;margin-top: 0px;margin-right: 0px;margin-left: 0px;}#item-17851033460481 {animation-duration: 0.9s;animation-delay: 0s;opacity: 1;}@media (max-width: 1440px) {#item-1785100346151 {display : block;}#item-17851033470580 {display : block;}#item-17851033468640 {display : block;}#item-17851033472220 {display : block;}#item-17851033465410 {display : block;}#item-17851033458670 {display : block;}#item-1785100346152 {display : block;}#item-17851033470582 {display : block;}#item-17851033468642 {display : block;}#item-17851033472222 {display : block;}#item-17851033465412 {display : block;}#item-17851033458672 {display : block;}#item-17851033460482 {display : block;}#item-1785100352708 {display : block;}#item-17851033470581 {display : block;}#item-17851033444591 {display : block;}#item-17851033468641 {display : block;}#item-17851033472221 {display : block;}#item-17851033465411 {display : block;}#item-17851033458671 {display : block;}#item-17851033460481 {display : block;}}@media (max-width: 1280px) {#item-1785100346151 {display : block;padding-bottom: 25px;padding-left: 25px;padding-right: 25px;padding-top: 25px;}#item-17851033470580 {display : block;padding-bottom: 25px;padding-left: 25px;padding-right: 25px;padding-top: 25px;}#item-17851033468640 {display : block;padding-bottom: 25px;padding-left: 25px;padding-right: 25px;padding-top: 25px;}#item-17851033472220 {display : block;padding-bottom: 25px;padding-left: 25px;padding-right: 25px;padding-top: 25px;}#item-17851033465410 {display : block;padding-bottom: 25px;padding-left: 25px;padding-right: 25px;padding-top: 25px;}#item-17851033458670 {display : block;padding-bottom: 25px;padding-left: 25px;padding-right: 25px;padding-top: 25px;}#item-1785100346152 {display : block;}#item-17851033470582 {display : block;}#item-17851033468642 {display : block;}#item-17851033472222 {display : block;}#item-17851033465412 {display : block;}#item-17851033458672 {display : block;}#item-17851033460482 {display : block;}#item-1785100346153 {display : block;}#item-17851033470583 {display : block;}#item-17851033468643 {display : block;}#item-17851033472223 {display : block;}#item-17851033465413 {display : block;}#item-17851033458673 {display : block;}#item-17851033460483 {display : block;}#item-1785100352708 {display : block;}#item-17851033470581 {display : block;}#item-17851033444591 {display : block;}#item-17851033468641 {display : block;}#item-17851033472221 {display : block;}#item-17851033465411 {display : block;}#item-17851033458671 {display : block;}#item-17851033460481 {display : block;}}@media (max-width: 1024px) {#item-1785100346151 {display : block;}#item-17851033470580 {display : block;}#item-17851033468640 {display : block;}#item-17851033472220 {display : block;}#item-17851033465410 {display : block;}#item-17851033458670 {display : block;}#item-1785100346152 {display : block;}#item-17851033470582 {display : block;}#item-17851033468642 {display : block;}#item-17851033472222 {display : block;}#item-17851033465412 {display : block;}#item-17851033458672 {display : block;}#item-17851033460482 {display : block;}#item-1785100352708 {display : block;}#item-17851033470581 {display : block;}#item-17851033444591 {display : block;}#item-17851033468641 {display : block;}#item-17851033472221 {display : block;}#item-17851033465411 {display : block;}#item-17851033458671 {display : block;}#item-17851033460481 {display : block;}}@media (max-width: 768px) {#item-1785100346151 {display : block;}#item-17851033470580 {display : block;}#item-17851033468640 {display : block;}#item-17851033472220 {display : block;}#item-17851033465410 {display : block;}#item-17851033458670 {display : block;}#item-1785100346152 {display : block;}#item-17851033470582 {display : block;}#item-17851033468642 {display : block;}#item-17851033472222 {display : block;}#item-17851033465412 {display : block;}#item-17851033458672 {display : block;}#item-17851033460482 {display : block;}#item-1785100346153 {display : block;}#item-17851033470583 {display : block;}#item-17851033468643 {display : block;}#item-17851033472223 {display : block;}#item-17851033465413 {display : block;}#item-17851033458673 {display : block;}#item-17851033460483 {display : block;}#item-1785100352708 {display : block;}#item-17851033470581 {display : block;}#item-17851033444591 {display : block;}#item-17851033468641 {display : block;}#item-17851033472221 {display : block;}#item-17851033465411 {display : block;}#item-17851033458671 {display : block;}#item-17851033460481 {display : block;}}@media (max-width: 420px) {#item-1785100346151 {display : block;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}#item-17851033470580 {display : block;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}#item-17851033468640 {display : block;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}#item-17851033472220 {display : block;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}#item-17851033465410 {display : block;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}#item-17851033458670 {display : block;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}#item-1785100346152 {min-height: 50px;display : block;}#item-17851033470582 {display : block;}#item-17851033468642 {display : block;}#item-17851033472222 {display : block;}#item-17851033465412 {display : block;}#item-17851033458672 {display : block;}#item-17851033460482 {display : block;}#item-1785100352708 {display : block;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}#item-17851033470581 {display : block;}#item-17851033444591 {display : block;}#item-17851033468641 {display : block;}#item-17851033472221 {display : block;}#item-17851033465411 {display : block;}#item-17851033458671 {display : block;}#item-17851033460481 {display : block;}}.convertforms{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--font);max-width:var(--max-width);background-color:var(--background-color);border:var(--border);border-radius:var(--border-radius);padding:var(--padding);background-image:var(--background-image);background-repeat:var(--background-repeat);background-size:var(--background-size);background-position:var(--background-position);color:var(--label-color)}.convertforms *,.convertforms *:before,.convertforms *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.convertforms .cf-content-heading *{font-family:inherit}.convertforms button,.convertforms form,.convertforms label,.convertforms .cf-input{height:auto;margin:0;max-width:100%;width:100%;line-height:normal;border-radius:0;border:none;outline:0;text-transform:none;font-family:inherit;-webkit-box-shadow:none;box-shadow:none}.convertforms button:focus,.convertforms form:focus,.convertforms label:focus,.convertforms .cf-input:focus{outline:0}.convertforms .cf-label{display:inline-block;width:auto}.convertforms .cf-input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}.convertforms .cf-input[type=checkbox],.convertforms .cf-input[type=radio]{width:auto}.convertforms textarea.cf-input{overflow:auto}.convertforms .cf-select{position:relative}.convertforms .cf-select.cf-width-auto{display:inline-block}.convertforms .cf-select select{background-image:none !important;width:100%;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.convertforms .cf-select select::-ms-expand{display:none}.convertforms .cf-select select:-moz-focusring{color:rgba(0,0,0,0) !important;text-shadow:0 0 0 #888 !important}.convertforms .cf-select:after{content:"";position:absolute;top:0;width:0;height:0;right:10px;bottom:0;margin:auto;border-style:solid;border-width:5px 5px 0 5px;border-color:#a0a0a0 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);pointer-events:none}.convertforms .cf-select:hover::after{border-top-color:#848484}@media all and (min-width: 0\0 )and (-webkit-min-device-pixel-ratio: 0), all and (min-width: 0\0 )and (min-resolution: 0.001dpcm){.convertforms .cf-select select{padding-right:0}.convertforms .cf-select:after,.convertforms .cf-select:before{display:none}}.convertforms .cf-input{font-size:1em;color:var(--input-color);background-color:var(--input-background-color);padding:var(--input-padding);border:solid 1px var(--input-border-color);border-radius:var(--input-border-radius);text-align:var(--input-text-align)}.convertforms .cf-input:focus,.convertforms .cf-input:invalid:focus{border:solid 1px var(--input-border-color);-webkit-box-shadow:none;box-shadow:none;color:var(--input-color)}.convertforms .cf-input:not(.flatpickr-input)[readonly]{-webkit-box-shadow:inset 0 0 0 200px rgba(0,0,0,.15);box-shadow:inset 0 0 0 200px rgba(0,0,0,.15)}.convertforms .cf-input::-webkit-input-placeholder{color:var(--input-placeholder-color)}.convertforms .cf-input::-moz-placeholder{color:var(--input-placeholder-color)}.convertforms .cf-input:-ms-input-placeholder{color:var(--input-placeholder-color)}.convertforms .cf-input::-ms-input-placeholder{color:var(--input-placeholder-color)}.convertforms .cf-input::placeholder,.convertforms .cf-input:has(option:disabled:checked){color:var(--input-placeholder-color)}.convertforms .cf-fields{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(-1*var(--control-gap))}.convertforms .cf-control-group{padding:var(--control-gap);max-width:100%;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.convertforms .cf-control-group.cf-no-padding{padding:0}.convertforms .cf-control-group.cf-no-padding-y{padding-top:0;padding-bottom:0}.convertforms fieldset.cf-control-group{margin:0;border:0}.convertforms .cf-control-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:9px;font-size:var(--input-size)}.convertforms .cf-control-input-desc{opacity:.8;font-size:.9em;color:var(--label-color)}.convertforms .cf-checkbox-group,.convertforms .cf-radio-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:2px 0}.convertforms .cf-checkbox-group .cf-label,.convertforms .cf-radio-group .cf-label{margin:0;font-weight:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:var(--input-size)}.convertforms .cf-checkbox-group .cf-label p,.convertforms .cf-radio-group .cf-label p{margin:0;padding:0}.convertforms .cf-checkbox-group input,.convertforms .cf-radio-group input{-ms-flex-negative:0;flex-shrink:0}.convertforms.cf-col2 .cf-control-group{width:50%}.convertforms.cf-hor .cf-input,.convertforms.cf-hor .cf-btn{height:40px !important;padding-top:0 !important;padding-bottom:0 !important}.convertforms .captcha-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.convertforms .captcha-container .captcha-equation{font-size:1.5em;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;white-space:nowrap}.convertforms .captcha-container input{-ms-flex-negative:1;flex-shrink:1}.convertforms .cf-phone-number-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1em;color:var(--input-color);background-color:var(--input-background-color);padding:var(--input-padding);border:solid 1px var(--input-border-color);border-radius:var(--input-border-radius);text-align:var(--input-text-align);padding:0;border:0}.convertforms .cf-phone-number-wrapper>.tf-phone-control{border:1px solid var(--input-border-color);border-radius:var(--input-border-radius)}.convertforms .cf-phone-number-wrapper .cf-input{padding:var(--input-padding);padding-left:0}.convertforms .cf-phone-number-wrapper[readonly]{-webkit-box-shadow:inset 0 0 0 200px rgba(0,0,0,.15);box-shadow:inset 0 0 0 200px rgba(0,0,0,.15)}.convertforms .cf-heading{font-size:var(--heading-font-size);font-family:var(--heading-font-family, inherit);line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing);text-align:var(--heading-text-align)}.convertforms .cf-label{color:var(--label-color);font-size:var(--label-size);margin-bottom:.45em;display:block;line-height:1.3;font-weight:var(--label-weight)}.convertforms .cf-label .cf-required-label{color:var(--color-danger);font-weight:400}.convertforms legend.cf-label{cursor:default}@media(min-width: 640px){.convertforms.cf-labelpos-left .cf-control-group:not(.cf-hide){display:-webkit-box;display:-ms-flexbox;display:flex}.convertforms.cf-labelpos-left .cf-control-group:not(.cf-hide)>*{-webkit-box-flex:1;-ms-flex:1;flex:1}.convertforms.cf-labelpos-left .cf-control-group:not(.cf-hide) .cf-control-label,.convertforms.cf-labelpos-left .cf-control-group:not(.cf-hide)>legend.cf-label{max-width:30%;padding-right:10px}.convertforms.cf-labelpos-left .cf-control-group:not(.cf-hide)>legend.cf-label{float:left}}@media(min-width: 1024px){.convertforms.cf-form-left form,.convertforms.cf-form-right form{display:-webkit-box;display:-ms-flexbox;display:flex}.convertforms.cf-form-left .cf-form-wrap,.convertforms.cf-form-right .cf-form-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.convertforms.cf-form-left .cf-fields,.convertforms.cf-form-right .cf-fields{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.convertforms.cf-form-left .cf-form-wrap{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}}.convertforms form{will-change:transform}.convertforms.cf-img-below .cf-content,.convertforms.cf-img-left .cf-content,.convertforms.cf-img-right .cf-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.convertforms.cf-img-below .cf-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.convertforms.cf-img-below .cf-content>div{width:100%}.convertforms.cf-img-right .cf-content-img,.convertforms.cf-img-below .cf-content-img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.convertforms .cf-content-img img{position:relative;max-width:100%;padding:10px;display:inline-block}.convertforms .cf-btn{font-size:var(--button-font-size);background-color:var(--button-background-color);color:var(--button-color);padding:var(--button-padding);border-radius:var(--button-border-radius);border:var(--button-border);position:relative;cursor:pointer}.convertforms .cf-btn:hover{opacity:.8}.convertforms .cf-response{color:#fff;margin-bottom:20px;padding:10px 15px;width:100%;border-radius:var(--input-border-radius);display:none;text-align:center}.convertforms .cf-response p:last-child{margin-bottom:0}.convertforms.cf-success .cf-response{background-color:var(--color-success);display:block}.convertforms.cf-success.cf-success-hideform .cf-response{margin-bottom:0}.convertforms.cf-success.cf-success-hideform .cf-fields,.convertforms.cf-success.cf-success-hideform .cf-footer{display:none}.convertforms.cf-success.cf-success-hidetext .cf-content-wrap{display:none}.convertforms.cf-error .cf-response{background-color:var(--color-danger);display:block}.convertforms .cf-spinner-container{visibility:hidden;position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-size:10px}.convertforms.cf-working .cf-spinner-container{visibility:visible}.convertforms.cf-working .cf-btn-text{visibility:hidden}.convertforms .cf-spinner>span{width:10px;height:10px;background-color:currentColor;border-radius:100%;display:inline-block;-webkit-animation:cf-bouncedelay 1s infinite ease-in-out both;animation:cf-bouncedelay 1s infinite ease-in-out both;margin:0 3px}.convertforms .cf-spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.convertforms .cf-spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes cf-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes cf-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.convertforms .cf-footer{margin-top:20px;-ms-flex-item-align:normal;align-self:normal}.convertforms .cf-footer p{margin:0}.convertforms .cfupload{color:var(--input-color);font-size:var(--input-size);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.convertforms .cfupload>div:nth-child(2){margin-top:15px}.convertforms .cfupload .dz-message{padding:25px 10px;border:1px solid var(--input-border-color);background-color:var(--input-background-color);border-radius:var(--input-border-radius);text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-transition:all 200ms ease;transition:all 200ms ease}.convertforms .cfupload .dz-message>*{margin:5px;opacity:.9}.convertforms .cfupload .dz-message:hover>*{opacity:1}.convertforms .cfupload .dz-message .cfupload-browse{color:inherit;width:auto;border-radius:5px;padding:4px 7px;background:rgba(0,0,0,0);border:solid 1px currentColor;color:inherit}@media(max-width: 639px){.convertforms .cfupload .dz-message{padding:10px}}.convertforms .cfupload.dz-clickable .dz-message{cursor:pointer}.convertforms .cfupload.dz-drag-hover .dz-message{background-color:#c7ecc7 !important;color:#5d5c5c}.convertforms .cfupload.dz-drag-hover .dz-message>*{opacity:1}.convertforms .cfup-status{width:8px;height:8px;border-radius:100%;background-color:#999;text-indent:-100000000px;margin-right:8px;position:relative;top:3px;-ms-flex-negative:0;flex-shrink:0}.convertforms .dz-processing .cfup-status{background-color:var(--color-primary)}.convertforms .dz-success .cfup-status{background-color:var(--color-success)}.convertforms .dz-error .cfup-status{background-color:var(--color-danger)}.convertforms .cfup-file{font-size:.95em;padding-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1;position:relative}.convertforms .cfup-file .cfup-right{white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex}.convertforms .cfup-file .cfup-right .cfup-size{opacity:.7}.convertforms .cfup-file .cfup-right .cfup-size strong{font-weight:normal}.convertforms .cfup-file .cfup-right .cfup-remove{font-family:Arial;font-size:20px;text-decoration:none;color:var(--color-danger);position:relative;top:-3px;margin-left:10px}.convertforms .cfup-file .cfup-right .cfup-remove:hover{opacity:1}.convertforms .cfup-file .cfup-details{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-right:10px}@media(max-width: 639px){.convertforms .cfup-file .cfup-details{padding-left:0}}.convertforms .cfup-file .cfup-details .cfup-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;word-break:break-all}.convertforms .cfup-file .cfup-progress{display:none;width:100%;height:2px;background-color:var(--color-grey);position:absolute;width:100%;left:0;bottom:5px}.convertforms .cfup-file .cfup-progress .dz-upload{background-color:var(--color-primary);height:100%;width:0;display:block;border-radius:5px 0 0 5px;-webkit-transition:all 500ms linear;transition:all 500ms linear}.convertforms .cfup-file.dz-processing .cfup-progress{display:block}.convertforms .cfup-file .cfup-error{display:none;color:var(--color-danger);margin-top:8px;font-size:.8em}.convertforms .cfup-file.dz-error .cfup-error{display:block}.convertforms .cfup-file.dz-complete .cfup-progress{display:none}.convertforms .cf-width-fill{width:100%}.convertforms .cf-width-auto{width:auto}@media(min-width: 640px){.convertforms .cf-one-half,.convertforms .cf-two-fourths,.convertforms .cf-three-sixths{width:50%}.convertforms .cf-one-third,.convertforms .cf-two-sixths{width:33.3333%}.convertforms .cf-one-fourth{width:25%}.convertforms .cf-one-fifth{width:20%}.convertforms .cf-one-sixth{width:16.6666%}.convertforms .cf-two-thirds{width:66.6666%}.convertforms .cf-two-fifths{width:40%}.convertforms .cf-three-fourths{width:75%}.convertforms .cf-three-fifths{width:60%}.convertforms .cf-four-fifths{width:80%}.convertforms .cf-five-sixths{width:83.3333%}}.convertforms .cf\:w-1\/2{width:50%}.convertforms .cf\:w-1\/3{width:33.3333333333%}.convertforms .cf\:w-2\/3{width:66.6666666667%}.convertforms .cf\:w-1\/4{width:25%}.convertforms .cf\:w-2\/4{width:50%}.convertforms .cf\:w-3\/4{width:75%}.convertforms .cf\:w-1\/5{width:20%}.convertforms .cf\:w-2\/5{width:40%}.convertforms .cf\:w-3\/5{width:60%}.convertforms .cf\:w-4\/5{width:80%}.convertforms .cf\:w-1\/6{width:16.6666666667%}.convertforms .cf\:w-2\/6{width:33.3333333333%}.convertforms .cf\:w-3\/6{width:50%}.convertforms .cf\:w-4\/6{width:66.6666666667%}.convertforms .cf\:w-5\/6{width:83.3333333333%}.convertforms .cf\:w-1\/12{width:8.3333333333%}.convertforms .cf\:w-2\/12{width:16.6666666667%}.convertforms .cf\:w-3\/12{width:25%}.convertforms .cf\:w-4\/12{width:33.3333333333%}.convertforms .cf\:w-5\/12{width:41.6666666667%}.convertforms .cf\:w-6\/12{width:50%}.convertforms .cf\:w-7\/12{width:58.3333333333%}.convertforms .cf\:w-8\/12{width:66.6666666667%}.convertforms .cf\:w-9\/12{width:75%}.convertforms .cf\:w-10\/12{width:83.3333333333%}.convertforms .cf\:w-11\/12{width:91.6666666667%}@media(min-width: 640px){.convertforms .cf\:sm\:w-1\/2{width:50%}.convertforms .cf\:sm\:w-1\/3{width:33.3333333333%}.convertforms .cf\:sm\:w-2\/3{width:66.6666666667%}.convertforms .cf\:sm\:w-1\/4{width:25%}.convertforms .cf\:sm\:w-2\/4{width:50%}.convertforms .cf\:sm\:w-3\/4{width:75%}.convertforms .cf\:sm\:w-1\/5{width:20%}.convertforms .cf\:sm\:w-2\/5{width:40%}.convertforms .cf\:sm\:w-3\/5{width:60%}.convertforms .cf\:sm\:w-4\/5{width:80%}.convertforms .cf\:sm\:w-1\/6{width:16.6666666667%}.convertforms .cf\:sm\:w-2\/6{width:33.3333333333%}.convertforms .cf\:sm\:w-3\/6{width:50%}.convertforms .cf\:sm\:w-4\/6{width:66.6666666667%}.convertforms .cf\:sm\:w-5\/6{width:83.3333333333%}.convertforms .cf\:sm\:w-1\/12{width:8.3333333333%}.convertforms .cf\:sm\:w-2\/12{width:16.6666666667%}.convertforms .cf\:sm\:w-3\/12{width:25%}.convertforms .cf\:sm\:w-4\/12{width:33.3333333333%}.convertforms .cf\:sm\:w-5\/12{width:41.6666666667%}.convertforms .cf\:sm\:w-6\/12{width:50%}.convertforms .cf\:sm\:w-7\/12{width:58.3333333333%}.convertforms .cf\:sm\:w-8\/12{width:66.6666666667%}.convertforms .cf\:sm\:w-9\/12{width:75%}.convertforms .cf\:sm\:w-10\/12{width:83.3333333333%}.convertforms .cf\:sm\:w-11\/12{width:91.6666666667%}}@media(min-width: 768px){.convertforms .cf\:md\:w-1\/2{width:50%}.convertforms .cf\:md\:w-1\/3{width:33.3333333333%}.convertforms .cf\:md\:w-2\/3{width:66.6666666667%}.convertforms .cf\:md\:w-1\/4{width:25%}.convertforms .cf\:md\:w-2\/4{width:50%}.convertforms .cf\:md\:w-3\/4{width:75%}.convertforms .cf\:md\:w-1\/5{width:20%}.convertforms .cf\:md\:w-2\/5{width:40%}.convertforms .cf\:md\:w-3\/5{width:60%}.convertforms .cf\:md\:w-4\/5{width:80%}.convertforms .cf\:md\:w-1\/6{width:16.6666666667%}.convertforms .cf\:md\:w-2\/6{width:33.3333333333%}.convertforms .cf\:md\:w-3\/6{width:50%}.convertforms .cf\:md\:w-4\/6{width:66.6666666667%}.convertforms .cf\:md\:w-5\/6{width:83.3333333333%}.convertforms .cf\:md\:w-1\/12{width:8.3333333333%}.convertforms .cf\:md\:w-2\/12{width:16.6666666667%}.convertforms .cf\:md\:w-3\/12{width:25%}.convertforms .cf\:md\:w-4\/12{width:33.3333333333%}.convertforms .cf\:md\:w-5\/12{width:41.6666666667%}.convertforms .cf\:md\:w-6\/12{width:50%}.convertforms .cf\:md\:w-7\/12{width:58.3333333333%}.convertforms .cf\:md\:w-8\/12{width:66.6666666667%}.convertforms .cf\:md\:w-9\/12{width:75%}.convertforms .cf\:md\:w-10\/12{width:83.3333333333%}.convertforms .cf\:md\:w-11\/12{width:91.6666666667%}}@media(min-width: 1024px){.convertforms .cf\:lg\:w-1\/2{width:50%}.convertforms .cf\:lg\:w-1\/3{width:33.3333333333%}.convertforms .cf\:lg\:w-2\/3{width:66.6666666667%}.convertforms .cf\:lg\:w-1\/4{width:25%}.convertforms .cf\:lg\:w-2\/4{width:50%}.convertforms .cf\:lg\:w-3\/4{width:75%}.convertforms .cf\:lg\:w-1\/5{width:20%}.convertforms .cf\:lg\:w-2\/5{width:40%}.convertforms .cf\:lg\:w-3\/5{width:60%}.convertforms .cf\:lg\:w-4\/5{width:80%}.convertforms .cf\:lg\:w-1\/6{width:16.6666666667%}.convertforms .cf\:lg\:w-2\/6{width:33.3333333333%}.convertforms .cf\:lg\:w-3\/6{width:50%}.convertforms .cf\:lg\:w-4\/6{width:66.6666666667%}.convertforms .cf\:lg\:w-5\/6{width:83.3333333333%}.convertforms .cf\:lg\:w-1\/12{width:8.3333333333%}.convertforms .cf\:lg\:w-2\/12{width:16.6666666667%}.convertforms .cf\:lg\:w-3\/12{width:25%}.convertforms .cf\:lg\:w-4\/12{width:33.3333333333%}.convertforms .cf\:lg\:w-5\/12{width:41.6666666667%}.convertforms .cf\:lg\:w-6\/12{width:50%}.convertforms .cf\:lg\:w-7\/12{width:58.3333333333%}.convertforms .cf\:lg\:w-8\/12{width:66.6666666667%}.convertforms .cf\:lg\:w-9\/12{width:75%}.convertforms .cf\:lg\:w-10\/12{width:83.3333333333%}.convertforms .cf\:lg\:w-11\/12{width:91.6666666667%}}@media(min-width: 1280px){.convertforms .cf\:xl\:w-1\/2{width:50%}.convertforms .cf\:xl\:w-1\/3{width:33.3333333333%}.convertforms .cf\:xl\:w-2\/3{width:66.6666666667%}.convertforms .cf\:xl\:w-1\/4{width:25%}.convertforms .cf\:xl\:w-2\/4{width:50%}.convertforms .cf\:xl\:w-3\/4{width:75%}.convertforms .cf\:xl\:w-1\/5{width:20%}.convertforms .cf\:xl\:w-2\/5{width:40%}.convertforms .cf\:xl\:w-3\/5{width:60%}.convertforms .cf\:xl\:w-4\/5{width:80%}.convertforms .cf\:xl\:w-1\/6{width:16.6666666667%}.convertforms .cf\:xl\:w-2\/6{width:33.3333333333%}.convertforms .cf\:xl\:w-3\/6{width:50%}.convertforms .cf\:xl\:w-4\/6{width:66.6666666667%}.convertforms .cf\:xl\:w-5\/6{width:83.3333333333%}.convertforms .cf\:xl\:w-1\/12{width:8.3333333333%}.convertforms .cf\:xl\:w-2\/12{width:16.6666666667%}.convertforms .cf\:xl\:w-3\/12{width:25%}.convertforms .cf\:xl\:w-4\/12{width:33.3333333333%}.convertforms .cf\:xl\:w-5\/12{width:41.6666666667%}.convertforms .cf\:xl\:w-6\/12{width:50%}.convertforms .cf\:xl\:w-7\/12{width:58.3333333333%}.convertforms .cf\:xl\:w-8\/12{width:66.6666666667%}.convertforms .cf\:xl\:w-9\/12{width:75%}.convertforms .cf\:xl\:w-10\/12{width:83.3333333333%}.convertforms .cf\:xl\:w-11\/12{width:91.6666666667%}}.convertforms .cf\:w-full{width:100%}.convertforms .cf-hide{display:none;pointer-events:none}@media(max-width: 639px){.convertforms .cf-hide-mobile{display:none !important}}.convertforms .cf-col-1{width:6.25%}.convertforms .cf-col-2{width:12.5%}.convertforms .cf-col-3{width:18.75%}.convertforms .cf-col-4{width:25%}.convertforms .cf-col-5{width:31.25%}.convertforms .cf-col-6{width:37.5%}.convertforms .cf-col-7{width:43.75%}.convertforms .cf-col-8{width:50%}.convertforms .cf-col-9{width:56.25%}.convertforms .cf-col-10{width:62.5%}.convertforms .cf-col-11{width:68.75%}.convertforms .cf-col-12{width:75%}.convertforms .cf-col-13{width:81.25%}.convertforms .cf-col-14{width:87.5%}.convertforms .cf-col-15{width:93.75%}.convertforms .cf-col-16{width:100%}@media(min-width: 640px){.convertforms .cf-col-medium-1{width:6.25%}.convertforms .cf-col-medium-2{width:12.5%}.convertforms .cf-col-medium-3{width:18.75%}.convertforms .cf-col-medium-4{width:25%}.convertforms .cf-col-medium-5{width:31.25%}.convertforms .cf-col-medium-6{width:37.5%}.convertforms .cf-col-medium-7{width:43.75%}.convertforms .cf-col-medium-8{width:50%}.convertforms .cf-col-medium-9{width:56.25%}.convertforms .cf-col-medium-10{width:62.5%}.convertforms .cf-col-medium-11{width:68.75%}.convertforms .cf-col-medium-12{width:75%}.convertforms .cf-col-medium-13{width:81.25%}.convertforms .cf-col-medium-14{width:87.5%}.convertforms .cf-col-medium-15{width:93.75%}.convertforms .cf-col-medium-16{width:100%}}@media(min-width: 1024px){.convertforms .cf-col-large-1{width:6.25%}.convertforms .cf-col-large-2{width:12.5%}.convertforms .cf-col-large-3{width:18.75%}.convertforms .cf-col-large-4{width:25%}.convertforms .cf-col-large-5{width:31.25%}.convertforms .cf-col-large-6{width:37.5%}.convertforms .cf-col-large-7{width:43.75%}.convertforms .cf-col-large-8{width:50%}.convertforms .cf-col-large-9{width:56.25%}.convertforms .cf-col-large-10{width:62.5%}.convertforms .cf-col-large-11{width:68.75%}.convertforms .cf-col-large-12{width:75%}.convertforms .cf-col-large-13{width:81.25%}.convertforms .cf-col-large-14{width:87.5%}.convertforms .cf-col-large-15{width:93.75%}.convertforms .cf-col-large-16{width:100%}}.convertforms .cf-content-wrap,.convertforms .cf-form-wrap{padding:20px}.convertforms .cf-content-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.convertforms.cf-iscentered{margin-left:auto;margin-right:auto}.convertforms .cf-text-center{text-align:center}.convertforms .cf-text-right{text-align:right}.convertforms.cf-disabled,.convertforms .cf-disabled{pointer-events:none}.convertforms [class*=cf-list-]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.convertforms [class*=cf-list-]>div{padding-right:8px;padding-left:8px}.convertforms [class*=cf-list-].cf-list-2-columns>div{-ms-flex-preferred-size:50%;flex-basis:50%}.convertforms [class*=cf-list-].cf-list-3-columns>div{-ms-flex-preferred-size:33.33%;flex-basis:33.33%}.convertforms .cf-recaptcha-v3-text-badge{margin:0;font-size:11px;color:#999}.convertforms .cf-recaptcha-v3-text-badge a{color:#999;text-decoration:none}.convertforms .cf-recaptcha-v3-text-badge a:hover{text-decoration:underline}.convertforms .cf-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;border:0 !important;white-space:nowrap !important}.convertforms .cf-password{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.convertforms .cf-password input{-ms-flex-negative:0;flex-shrink:0;padding-right:3rem}.convertforms .cf-password .cf-password-toggle{color:var(--input-color);background:none;border:none;cursor:pointer;padding:2px 3px;position:relative;left:-37px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px;width:auto;-ms-flex-negative:0;flex-shrink:0}.convertforms .cf-password .cf-password-toggle:hover,.convertforms .cf-password .cf-password-toggle:focus{background:color-mix(in srgb, var(--input-color), transparent 90%)}.convertforms .cf-password .cf-password-toggle span{pointer-events:none;-ms-flex-negative:0;flex-shrink:0}.convertforms .cf-password .cf-password-toggle svg{display:block;width:24px;height:24px;min-width:24px;min-height:24px;max-width:none;-ms-flex-negative:0;flex-shrink:0} .choices{position:relative;overflow:hidden;margin-bottom:var(--choices-guttering, 24px);font-size:var(--choices-font-size-lg, 16px)}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled :is(.choices__inner,.choices__input){background-color:var(--choices-bg-color-disabled, #eaeaea);cursor:not-allowed!important;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed;color:var(--choices-item-disabled-color, #fff)}.choices [hidden]{position:absolute;inset:0;pointer-events:none;opacity:0}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:var(--choices-inner-one-padding, 7.5px)}.choices[data-type*=select-one] .choices__input{display:block;width:var(--choices-width, 100%);padding:var(--choices-dropdown-item-padding, 10px);border-bottom:var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);background-color:var(--choices-bg-color-dropdown, #fff);margin:0}.choices[data-type*=select-one] .choices__button{background-image:var(--choices-icon-cross-inverse, url(../../../../media/plg_system_nrframework/css/vendor/data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==));padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:is(:hover,:focus){opacity:var(--choices-button-opacity-hover, 1)}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px var(--choices-highlight-color, #005F75)}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:var(--choices-text-color, #333) transparent transparent transparent;border-width:var(--choices-arrow-size, 5px);position:absolute;right:var(--choices-arrow-right, 11.5px);top:50%;margin-top:var(--choices-arrow-margin-top, -2.5px);pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent var(--choices-text-color, #333);margin-top:var(--choices-arrow-margin-top-open, -7.5px)}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__inner{cursor:text}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__button{position:relative;display:inline-block;margin:0 calc(var(--choices-button-offset, 8px)*-.5)0 var(--choices-button-offset, 8px);padding-left:calc(var(--choices-button-offset, 8px)*2);border-left:1px solid color-mix(in srgb,var(--choices-primary-color, #005F75) 90%,var(--choices-darken, black));background-image:var(--choices-icon-cross, url(../../../../media/plg_system_nrframework/css/vendor/data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==));background-size:var(--choices-button-dimension, 8px);width:var(--choices-button-dimension, 8px);line-height:var(--choices-button-line-height, 1);border-radius:var(--choices-button-border-radius, 0);opacity:var(--choices-button-opacity, 0.75)}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__button:is(:hover,:focus){--choices-button-opacity:var(--choices-button-opacity-hover, 1)}.choices__inner{display:inline-block;vertical-align:top;width:var(--choices-width, 100%);background-color:var(--choices-bg-color, #f9f9f9);padding:var(--choices-inner-padding, 7.5px 7.5px 3.75px);border:var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);border-radius:var(--choices-border-radius, 2.5px);font-size:var(--choices-font-size-md, 14px);min-height:var(--choices-input-height, 44px);overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:color-mix(in srgb,var(--choices-keyline-color, #ddd) 85%,var(--choices-darken, black))}.is-open .choices__inner{border-radius:var(--choices-border-radius, 2.5px) var(--choices-border-radius, 2.5px)0 0}.is-invalid .choices__inner{border-color:var(--choices-invalid-color, #d33141)}.is-flipped.is-open .choices__inner{border-radius:0 0 var(--choices-border-radius, 2.5px) var(--choices-border-radius, 2.5px)}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:var(--choices-list-single-padding, 4px 16px 4px 4px)}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single,.choices__list--single .choices__item{width:var(--choices-width, 100%)}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:var(--choices-border-radius-item, 20px);padding:var(--choices-multiple-item-padding, 4px 10px);font-size:var(--choices-font-size-sm, 12px);font-weight:500;margin-right:var(--choices-multiple-item-margin, 3.75px);margin-bottom:var(--choices-multiple-item-margin, 3.75px);background-color:var(--choices-primary-color, #005F75);border:1px solid color-mix(in srgb,var(--choices-primary-color, #005F75) 95%,var(--choices-darken, black));color:var(--choices-item-color, #fff);word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:var(--choices-multiple-item-margin, 3.75px)}.choices__list--multiple .choices__item.is-highlighted{background-color:color-mix(in srgb,var(--choices-primary-color, #005F75) 95%,var(--choices-darken, black));border:1px solid color-mix(in srgb,var(--choices-primary-color, #005F75) 90%,var(--choices-darken, black))}.is-disabled .choices__list--multiple .choices__item{background-color:color-mix(in srgb,var(--choices-disabled-color, #eaeaea) 75%,var(--choices-darken, black));border:1px solid color-mix(in srgb,var(--choices-disabled-color, #eaeaea) 65%,var(--choices-darken, black))}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:var(--choices-z-index, 1);position:absolute;width:var(--choices-width, 100%);background-color:var(--choices-bg-color-dropdown, #fff);border:var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);top:100%;margin-top:-1px;border-bottom-left-radius:var(--choices-border-radius, 2.5px);border-bottom-right-radius:var(--choices-border-radius, 2.5px);overflow:hidden;word-break:break-all}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:color-mix(in srgb,var(--choices-keyline-color, #ddd) 85%,var(--choices-darken, black))}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:var(--choices-dropdown-item-padding, 10px);font-size:var(--choices-font-size-md, 14px)}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text],.choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]{padding-right:100px}.choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text]::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]::after{content:attr(data-select-text);font-size:var(--choices-font-size-sm, 12px);position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text]::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-selected::after,.choices__list[aria-expanded] .choices__item--selectable.is-selected::after{content:none!important}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list--dropdown .choices__item--selectable.is-selected,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-selected{background-color:var(--choices-highlighted-color, #f2f2f2)}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid color-mix(in srgb,var(--choices-keyline-color, #ddd) 90%,var(--choices-lighten, white));color:gray}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:var(--choices-bg-color, #f9f9f9);font-size:var(--choices-font-size-md, 14px);margin-bottom:var(--choices-input-margin-bottom, 5px);border:0;border-radius:0;max-width:var(--choices-width, 100%);padding:var(--choices-input-padding, 4px 0 4px 2px)}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:var(--choices-placeholder-opacity, 0.5)}.tf-phone-control{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:3px}.tf-phone-control[readonly]{pointer-events:none}.tf-phone-control--flag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;border:0;-webkit-box-shadow:none !important;box-shadow:none !important;padding:var(--input-padding);padding-top:0;padding-right:0;padding-bottom:0;line-height:1;-ms-flex-negative:0;flex-shrink:0;height:100%}.tf-phone-control--flag--selector{position:absolute;left:0;top:0;z-index:-1;opacity:0;width:0;height:0}.tf-phone-control--flag::after{display:none}.tf-phone-control--flag .tf-arrow{color:var(--input-color, #333);margin:0 6px 0 2px}.tf-phone-control--flag.is-open .tf-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tf-phone-control--flag .tf-phonecontrol-label{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.1}.tf-phone-control--flag>.choices__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:rgba(0,0,0,0) !important;border:0;padding:0 !important;min-height:auto;border-radius:0}.tf-phone-control--flag>.choices__inner>.choices__list{padding:0}.tf-phone-control--flag>.choices__list{width:300px;z-index:9999;border-radius:6px}.tf-phone-control--flag>.choices__list>.choices__input{padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none}.tf-phone-control--flag>.choices__list>.choices__input:hover,.tf-phone-control--flag>.choices__list>.choices__input:active,.tf-phone-control--flag>.choices__list>.choices__input:focus{border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}.tf-phone-control--flag>.choices__list .choices__item{gap:10px;padding:13px 16px !important;color:#333}.tf-phone-control--flag>.choices__list .choices__item img{width:27px;height:auto;display:block;min-height:19px}.tf-phone-control--flag>.choices__list .choices__item .tf-phonecontrol-code{margin-left:auto;color:#999}.tf-phone-control--flag .choices__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:0 !important}.tf-phone-control--flag .choices__item.tf-selectjs-selected-item{background:#e9e9e9;pointer-events:none}.tf-phone-control--flag.is-open .choices__list--dropdown,.tf-phone-control--flag.is-open .choices__list[aria-expanded]{border-color:#dedede}.tf-phone-control>.choices{margin:0 !important}.tf-phone-control--number[type=tel]{--input-border-color: transparent;--input-background-color: transparent;-webkit-box-flex:1 !important;-ms-flex-positive:1 !important;flex-grow:1 !important;color:var(--input-color, #222);border:0 !important;background-color:rgba(0,0,0,0);padding:0;-webkit-transition:none;transition:none;margin:0;font-weight:normal;-webkit-box-shadow:none;box-shadow:none}.tf-phone-control--number[type=tel]:focus,.tf-phone-control--number[type=tel]:active{border:0 !important;outline:none;-webkit-box-shadow:none;box-shadow:none}.tf-phone-control--number[type=tel]::-webkit-input-placeholder{color:currentColor}.tf-phone-control--number[type=tel]::-moz-placeholder{color:currentColor}.tf-phone-control--number[type=tel]::-ms-placeholder{color:currentColor}.tf-phone-control--number[type=tel]::-webkit-input-placeholder{color:currentColor}.tf-phone-control--number[type=tel]::-moz-placeholder{color:currentColor}.tf-phone-control--number[type=tel]:-ms-input-placeholder{color:currentColor}.tf-phone-control--number[type=tel]::-ms-input-placeholder{color:currentColor}.tf-phone-control--number[type=tel]::placeholder{color:currentColor} /* Copyright @ Balbooa, http://www.gnu.org/licenses/gpl.html GNU/GPL */ @font-face { font-family: 'balbooa-family'; src: url(../../../../templates/gridbox/css/../library/icons/ba-icons/ba-icons.woff) format('woff'); font-weight: normal; font-style: normal; font-display: block; } /* ======================================================================== Global Reset ========================================================================== */ body.contentpane, html { background: transparent; } body { -webkit-locale: auto; box-sizing: border-box; } body { -webkit-text-size-adjust: none!important ; -webkit-overflow-scrolling: touch !important; -webkit-tap-highlight-color: transparent; } p, .content-text pre { font-size-adjust: inherit } :focus { outline: 0; } :focus-visible { outline: 2px solid var(--primary); } .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer p, .header h1, .header h2, .header h3, .header h4, .header h5, .header h6, .header p, .com_gridbox:not(.modal) h1, .com_gridbox:not(.modal) h2, .com_gridbox:not(.modal) h3, .com_gridbox:not(.modal) h4, .com_gridbox:not(.modal) h5, .com_gridbox:not(.modal) h6, .com_gridbox:not(.modal) p { margin: 0; } .content-text { outline: none !important; } .ba-authorize-pay-btn .ba-authorize-pay, body .ba-item:not(.ba-item-modules) { font-size: initial; letter-spacing: initial; line-height: initial; } body .ba-item.ba-item-image-field:not(.ba-item-modules) { line-height: 0; } body .ba-item.ba-item-in-positioning { margin: 0 !important; width: auto !important; } body .ba-item.ba-item-in-positioning.ba-item-button { white-space: nowrap; } table { border-spacing: 0; width: 100%; } a { cursor: pointer; text-decoration: none; } a[name]:hover, a[name] { color: inherit; cursor: text; } img { min-width: 1px; vertical-align: middle; } form { margin: 0 0 18px; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; border-bottom: 1px solid #f3f3f3; display: block; font-size: 1.5em; line-height: 1.5em; margin-bottom: 18px; padding: 0; width: 100%; } hr { border: 0; border-top: 1px solid #f3f3f3; margin: 18px 0; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } dl { margin-bottom: 18px; } dt, dd { line-height: 18px; } dt { font-weight: bold; } dd { margin-left: 0; } select[multiple] { height: auto; } img[width="100"][height="100"] { height: auto; width: auto; } h1, h2, h3, h4, h5, h6 { margin: 12px 0; font-weight: inherit; } ul, ol { margin: 0 0 9px 25px; padding: 0; } ul.list-unstyled, ol.list-unstyled, ul.unstyled, ol.unstyled, ul.inline, ol.inline { list-style: none; margin-left: 0; } input[type=range]::-moz-focus-outer { border: 0; } .ba-item .search input[type="search"], img { max-width: 100%; } .com_gridbox form { margin: 0; } .nav { list-style: none; margin-bottom: 18px; margin-left: 0; } .nav-tabs > li, .nav-pills > li, .navbar .nav > li { float: left; } .nav-tabs > li { margin-bottom: -1px; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } /* Blockquote */ blockquote { border-left: 4px solid; border-color: var(--primary); margin: 0; padding: 50px; } .highlight, .ba-search-highlighted-word { background-color: yellow; } /* ======================================================================== Global Inputs ========================================================================== */ .com_virtuemart table.user-details input, .chzn-container-single .chzn-search input[type="text"], .chzn-container-multi .chzn-choices, .chzn-container-single .chzn-single, textarea:not([class*="ba-col-"]), 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"], select { background: #fff; border: 1px solid #f3f3f3; box-sizing: border-box; color: #555; display: inline-block; font-size: .8125rem; font-family: inherit; height: 3rem; line-height: 1.25rem; margin-bottom: .625rem; padding: .25rem .375rem; width: 15.625rem; } input[readonly] { background-color: #fafafa; } input:focus, textarea:not(.ba-comment-message):focus, select:focus { border-color: transparent !important; } input:focus, select:focus, textarea:not(.ba-comment-message):focus { box-shadow: none !important; } label.invalid { color: #F54A40; } input.invalid { border: 1px solid #F54A40; } /* Disabled inputs */ body input[disabled], body select[disabled], body textarea[disabled], body input[readonly], body select[readonly], body textarea[readonly] { cursor: not-allowed; background-color: transparent; } /* ======================================================================== Gridbox Template General Styles ========================================================================== */ body { display: flex; flex-direction: column; margin: 0; min-height: 100vh; overflow-x: hidden; } .body { flex: 1 1 auto; } @media (-ms-high-contrast: active), (-ms-high-contrast: none){ .body { min-height: 1px; } } .ba-hide-element { display: none; } body.contentpane.modal { position: static; } .ba-video-background.global-video-bg { position: fixed; } .ba-video-background { bottom: 0; border-radius: inherit; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: -2; } .ba-slideshow-img video, .ba-video-background video, .ba-video-background iframe, .ba-slideshow-img iframe { height: calc(100vw * .5625); left: calc(0px - ((100vw - 100%)/2)); position: absolute; top: calc(50% - ((100vw * .5625)/2)); width: 100vw; } .ba-grid-column .ba-video-background { z-index: -1; } .ba-section > .ba-video-background { z-index: 0; } .ba-overlay-section-backdrop.horizontal-top .ba-overlay-section.ba-container .ba-row-wrapper.ba-container, .ba-overlay-section-backdrop.horizontal-bottom .ba-overlay-section.ba-container .ba-row-wrapper.ba-container, .ba-container { box-sizing: border-box; margin: 0 auto; max-width: 100%; } .ba-grid-column .ba-row > .ba-overlay, .ba-overlay { border-radius: inherit; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 0; } body > .ba-overlay { position: fixed; z-index: -2; } .ba-section > .ba-overlay { z-index: 1; } .ba-row > .ba-overlay { z-index: -1; } header.header { min-width: inherit; width: 100%; z-index: 16; } header.header[class*="fixed-header"] { z-index: 1000; } .ba-lightbox-open header.header, .lightbox-open header.header { z-index: 20 !important; } body:not(.gridbox) header.header { margin-left: 0 !important } .ba-item { min-height: 20px; position: relative; } .ba-item-modules.ba-item { box-sizing: border-box; } .ba-grid-column:not(.column-horizontal-direction):not(.column-horizontal-align-left):not(.column-horizontal-align-center):not(.column-horizontal-align-right) .ba-item:not(.ba-item-scroll-to-top):not(.ba-social-sidebar):not(.side-navigation-menu):not(.ba-pull-right):not(.ba-pull-left) { width: 100%; } .ba-item-before-after-slider, .ba-item-feature-box, .ba-item-simple-gallery, .ba-item-weather, .ba-item-blog-posts, .ba-item-modules, .ba-item-gallery, .ba-item-store-search, .ba-item-search, .ba-item-recent-posts-slider, .ba-item-recent-posts, .ba-item-google-maps-places, .ba-item-categories, .ba-item-vk-comments, .ba-item-login, .ba-item-hypercomments, .ba-item-comments-box, .ba-item-yandex-maps, .ba-item-progress-bar, .ba-item-openstreetmap, .ba-item-map, .ba-item-video, .ba-item-tabs, .ba-item-slideshow, .ba-item-slideset, .ba-item-flipbox, .ba-item-carousel, .ba-item-content-slider { min-width: 100%; width: 100%; } .ba-row > .column-wrapper .ba-grid-column:before, .ba-row > .column-wrapper .ba-grid-column:after, .ba-row > .column-wrapper:before, .ba-row > .column-wrapper:after { clear: both; content: ""; display: table; line-height: 0; } .ba-comment-message-wrapper:after, .ba-comment-message-wrapper:before, .ba-item-flipbox .ba-flipbox-wrapper:before, .ba-item-flipbox .ba-flipbox-wrapper:after, .ba-search-result-body:before, .ba-search-result-body:after, .ba-item-blog-posts:before, .ba-item-blog-posts:after, .nav-tabs:before, .nav-tabs:after, .ba-classic-layout .ba-blog-post:before, .ba-classic-layout .ba-blog-post:after { display: table; content: ""; line-height: 0; } .ba-comment-message-wrapper:after, .ba-item-flipbox .ba-flipbox-wrapper:after, .ba-search-result-body:after, .ba-item-blog-posts:after, .nav-tabs:after, .ba-classic-layout .ba-blog-post:after { clear: both; } /* /* Grid */ .ba-blog-post, .ba-blog-post-add-to-cart, .ba-blog-post-button-wrapper a, .ba-blog-post-image, .ba-blog-posts-pagination >span >a.ba-btn-transition, .ba-blog-posts-pagination a, .ba-button-wrapper a, .ba-comments-box-wrapper .ba-comment-message, .ba-countdown > span, .ba-counter span.counter-number, .ba-feature-box, .ba-feature-button:not(.empty-content) a, .ba-feature-image, .ba-feature-image-wrapper i, .ba-field-wrapper, .ba-icon-list-wrapper ul li, .ba-icon-wrapper i, .ba-image-wrapper, .ba-gridbox-gallery-image, .ba-item-content-slider > .slideshow-wrapper > .ba-slideshow, .ba-item-fields-filter, .ba-item-lottie-animations .ba-lottie-animations-wrapper, .ba-item-main-menu .ba-menu-wrapper > .main-menu > .integration-wrapper > ul > li > *:not(ul):not(div), .ba-item-main-menu .main-menu li.deeper.parent > ul li > *:not(ul):not(div), .ba-item-main-menu li.deeper.parent > ul, .ba-item-main-menu li.megamenu-item > .tabs-content-wrapper > .ba-section, .ba-item-one-page-menu .main-menu li a, .ba-item-scroll-to-top .ba-scroll-to-top > i, .ba-item-testimonials ul.style-6 .ba-slideset-dots div, .ba-item-testimonials .slideshow-content .testimonials-wrapper, .ba-item-testimonials .testimonials-img, .ba-item-testimonials .testimonials-info, .ba-post-author, .ba-post-author-image, .ba-progress-bar, .ba-row-wrapper, .ba-search-wrapper, .ba-slideset-nav a, .ba-slideshow-nav a, .ba-video-wrapper, .ba-wrapper, .slideshow-button:not(.empty-content) a, .slideshow-wrapper > .ba-slideshow > .ba-slideshow-nav a, .user-comment-wrapper, .column-wrapper { --border-color: transparent; --border-radius: 0; --border-style: none; --border-width: 0; --shadow-blur: 0; --shadow-color: transparent; --shadow-horizontal: 0; --shadow-spread: 0; --shadow-vertical: 0; --border-top: 0; --border-right: 0; --border-bottom: 0; --border-left: 0; } .ba-item-lottie-animations .ba-lottie-animations-wrapper, .ba-blog-posts-pagination >span >a.ba-btn-transition, .ba-progress-bar, .ba-blog-posts-pagination a, .ba-blog-post, .ba-post-author, .ba-feature-button:not(.empty-content) a, .ba-feature-box, .slideshow-button:not(.empty-content) a, .ba-slideshow-nav a, .ba-item-testimonials .slideshow-content .testimonials-wrapper, .ba-item-testimonials .testimonials-info, .ba-blog-post-add-to-cart, .ba-blog-post-button-wrapper a, .ba-slideset-nav a, .slideshow-wrapper > .ba-slideshow > .ba-slideshow-nav a, .ba-item-content-slider > .slideshow-wrapper > .ba-slideshow, .ba-item-main-menu li.deeper.parent > ul, .ba-item-main-menu li.megamenu-item > .tabs-content-wrapper > .ba-section, .ba-image-wrapper, .user-comment-wrapper, .ba-comments-box-wrapper .ba-comment-message, .ba-counter span.counter-number, .ba-item-scroll-to-top .ba-scroll-to-top > i, .ba-item-fields-filter, .ba-icon-list-wrapper ul li, .ba-video-wrapper, .ba-icon-wrapper i, .ba-button-wrapper a, .ba-section, .ba-row, .ba-grid-column { border-bottom-width: calc(var(--border-bottom)*var(--border-width)); border-color: var(--border-color); border-left-width: calc(var(--border-left)*var(--border-width)); border-radius: var(--border-radius); border-right-width: calc(var(--border-right)*var(--border-width)); border-style: var(--border-style); border-top-width: calc(var(--border-top)*var(--border-width)); box-shadow: var(--shadow-horizontal) var(--shadow-vertical) var(--shadow-blur) var(--shadow-spread) var(--shadow-color); box-sizing: content-box; max-width: 100%; } .ba-item-main-menu li.deeper.parent > ul { max-width: none; } .ba-blog-post-image, .ba-post-author-image, .ba-feature-image-wrapper i, .ba-feature-image, .ba-item-testimonials .testimonials-img, .ba-item-testimonials ul.style-6 .ba-slideset-dots div, .ba-item-main-menu .ba-menu-wrapper > .main-menu > .integration-wrapper > ul > li > *:not(ul):not(div), .ba-item-main-menu .main-menu li.deeper.parent > ul li > *:not(ul):not(div), .ba-item-one-page-menu .main-menu li a, .ba-gridbox-gallery-image, .ba-countdown > span, .ba-search-wrapper, .ba-field-wrapper { border-bottom-width: calc(var(--border-bottom)*var(--border-width)); border-color: var(--border-color); border-left-width: calc(var(--border-left)*var(--border-width)); border-radius: var(--border-radius); border-right-width: calc(var(--border-right)*var(--border-width)); border-style: var(--border-style); border-top-width: calc(var(--border-top)*var(--border-width)); } .ba-gridbox-gallery-image { overflow: hidden; } .ba-add-to-cart-buttons-wrapper, .ba-item-field-google-maps, .ba-item-google-maps-places, .ba-item-map, .ba-item-openstreetmap, .ba-item-yandex-maps { box-shadow: var(--shadow-horizontal) var(--shadow-vertical) var(--shadow-blur) var(--shadow-spread) var(--shadow-color); } .ba-section, .ba-row, .ba-grid-column { box-sizing: border-box; justify-content: center; position: relative; } .ba-section, .ba-row { align-items: center; } .ba-row { z-index: 1; } .row-with-menu { z-index: 5; } .ba-grid-column { flex-direction: row; } .ba-section-items, .ba-tabs-wrapper .ba-grid-column .ba-item:not(.ba-item-scroll-to-top):not(.ba-inline-icon) { width: 100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ba-wrapper, .ba-row-wrapper, .ba-grid-column-wrapper { display: flex; } header.header { flex-shrink: 0; } } .column-wrapper .ba-grid-column-wrapper { align-self: stretch; display: flex; order: 1; flex-grow: 1; max-width: 100%; } .column-wrapper .ba-grid-column-wrapper > .ba-grid-column { align-content: flex-start; align-items: flex-start; align-self: stretch; display: flex !important; justify-content: center; flex-wrap: wrap; width: 100%; } .ba-grid-column > a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; cursor: pointer; z-index: 100; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-align-left > .ba-item, .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-align-right > .ba-item, .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-align-center > .ba-item { width: auto !important; } .ba-grid-column .ba-row-wrapper:not(.ba-container) { width: 100%; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-align-center > .ba-item.ba-item-category-intro { width: 100%!important; } .ba-desktop-sticky-column-enabled { display: block !important; } .ba-desktop-sticky-column-enabled > .ba-grid-column { position: sticky; } .ba-desktop-sticky-row-enabled { position:sticky; top:var(--row-sticky-offset); z-index:15; } .ba-desktop-sticky-section-enabled.ba-wrapper { position:sticky; top:var(--section-sticky-offset); z-index:15; } .ba-item { max-width: 100%; } .column-wrapper .ba-hotspot-popover > .ba-item, .ba-hotspot-popover > .ba-item { width: 100% !important; min-width: 100% !important; } .ba-sticky-header-parent.ba-hotspot-popover-visible .ba-sticky-header.visible-sticky-header { z-index: 1000; } .ba-item.ba-item-in-positioning { max-width: none; } .ba-item-accordion { width: 100%; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column { flex-direction: column; flex-wrap: initial; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction { flex-direction: row; flex-wrap: wrap; } /* Column Vertical Direction */ .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-left { align-items: start; align-content: start; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-center { align-items: center; align-content: center; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-right { align-items: end; align-content: end; } .column-wrapper .ba-grid-column-wrapper > .ba-grid-column:not(.column-horizontal-direction) { align-content: center; align-items: center; justify-content: start !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-content-align-middle { justify-content: center !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-content-align-bottom { justify-content: end !important; } /* Column Horizontal Direction */ .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction { align-content: start; align-items: start; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-middle { align-content: center; align-items: center; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-bottom { align-content: end; align-items: end; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-left { justify-content: start !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-center { justify-content: center !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-right { justify-content: end !important; } /* ======================================================================== Modal ========================================================================== */ .modal { background-color: #fff; border: none; bottom: auto; box-shadow: none; left: 50%; margin: 0; position: fixed; top: 5%; z-index: 1041; } .modal-body { position: relative; } .hide { display: none; } .visible { animation-fill-mode: both; display: block; } .visible * { backface-visibility: hidden; -webkit-backface-visibility: hidden; } .modal.ba-modal-sm { border-radius: 6px; border: none; box-shadow: 0 15px 40px rgba(0,0,0,.15); box-sizing: border-box; left: 50%; margin-left: -10.125rem; overflow: visible; padding: 25px; position: fixed; top: calc(50% - 11.5625rem) !important; width: 20.3125rem; z-index: 1060; } .ba-store-cart-opened .ba-modal-sm { display: block; font-size: initial; letter-spacing: 0; line-height: normal; text-align: left; } .ba-store-cart-opened .ba-modal-sm, .system .ba-modal-sm { z-index: 99999999; } .modal.ba-modal-sm h3.ba-modal-title { color: #1a1a1a; cursor: default; font-weight: bold; font-size: 1.125rem; line-height: 1.25rem; display: inline-block; margin: 0 0 50px 0; } .ba-modal-sm input[type="text"]::placeholder { color: #757575; } .ba-modal-sm input[type="text"]:focus { border-bottom-color: #e3e3e3 !important; } .ba-modal-sm .ba-btn-primary.active-button { position: relative; z-index: 1; } .ba-modal-sm .ba-btn-primary.active-button:hover:after, .ba-btn-primary.active-button:hover:after { backface-visibility: hidden; -webkit-backface-visibility: hidden; background: #75d84d; opacity: 1; transform: scale(27); } .ba-modal-sm .ba-btn-primary.active-button:hover:after { background: var(--primary); } .ba-input-lg { position: relative; } .ba-modal-sm .focus-underline { background: #1da6f4 !important; bottom: 50px; height: 2px; left: 0px; position: absolute; transform: scaleX(0); transition: all .3s cubic-bezier(0.4,0,0.2,1); width: 100%; } input:focus + .focus-underline { transform: scaleX(1); } .ba-modal-sm input[type="password"], .ba-modal-sm input[type="text"] { border: none; border-bottom: 1px solid #e3e3e3; box-shadow: none; box-sizing: border-box; color: #1a1a1a; font-size: 1.375rem; font-weight: 400; height: 2.8125rem; line-height: 2.8125rem; margin: 25px 0 50px 0; outline: none; padding: 4px 6px; width: 100%; } .ba-store-cart-opened .ba-modal-sm input[type="text"]{ font-weight: normal; } .ba-modal-sm p { color: #757575; font-size: 16px; font-weight: 400; line-height: 30px; margin: 0 0 10px; } @keyframes modal-in { from {opacity: 0;} to {opacity: 1;} } .modal.in { animation: modal-in .3s cubic-bezier(0.4,0,0.2,1) both; display: block !important; } @keyframes close-modal-sm { to { opacity: 0;} } @keyframes modal-sm-in { from {transform: scale(.8); opacity: 0;} to {transform: scale(1); opacity: 1;} } .modal.ba-modal-close:not(.contentpane) { animation: close-modal-sm .3s cubic-bezier(0.4,0,0.2,1) both; display: block !important; opacity: 1; visibility: visible; } .modal.ba-modal-sm .ba-footer-content { text-align: right; } .modal.ba-modal-sm .modal-footer { background: transparent; border: none; box-shadow: none; margin-top: 25px; padding: 0; text-align: right; } .ba-live-search-add-to-cart-cell > span, .ba-wishlist-add-to-cart-cell > span:not(.ba-wishlist-empty-stock), .modal.ba-modal-sm .modal-footer a.ba-btn-primary.active-button { background: var(--primary) !important; color: #fff !important; line-height: 1.125rem; } .ba-modal-sm .modal-footer a:not(.ba-btn-primary):hover { background-color: rgba(0,0,0,0.1); color: #363637; } .ba-modal-sm .modal-footer a:hover { background: #e6e6e6; } .ba-live-search-add-to-cart-cell > span, .ba-wishlist-add-to-cart-cell > span, .ba-store-cart-opened .ba-modal-sm .modal-footer a { transition: .3s; font-weight: bold; } .ba-live-search-add-to-cart-cell > span, .ba-wishlist-add-to-cart-cell > span, .ba-modal-sm a.ba-btn-primary, .ba-modal-sm .modal-footer a { background-color: transparent; border-radius: 3px; border: none; color: #363637; display: inline-block; font-weight: 500; font-size: 1rem; line-height: 1.125rem; overflow: hidden; padding: 15px; text-decoration: none; text-transform: uppercase; } .ba-live-search-add-to-cart-cell > span, .ba-wishlist-add-to-cart-cell > span { box-sizing: border-box; font-size: .875rem; font-weight: bold; margin-left: 25px; text-align: center; text-transform: initial; color: var(--title); } .ba-live-search-add-to-cart-cell, .ba-wishlist-add-to-cart-cell { align-items: center; display: flex; text-align: right; } /* ======================================================================== Plugins ========================================================================== */ .ba-blog-post-product-options-wrapper .ba-blog-post-product-options[data-type="image"] > span > span:not(.ba-tooltip):hover { opacity: .75; } .ba-blog-post-product-options-wrapper .ba-blog-post-product-options[data-type="color"] > span > span:not(.ba-tooltip):before { content: ""; border: 3px solid var(--variation-color-value); border-radius: inherit; bottom: -5px; left: -5px; position: absolute; right: -5px; top: -5px; transition: transform .3s; } .ba-item-checkout-form .ba-checkout-form-field-wrapper .ba-checkbox-wrapper, .ba-item-fields-filter .ba-fields-filter-wrapper .ba-checkbox-wrapper { align-items: flex-start; display: flex; flex-direction: row-reverse; } .ba-item-checkout-form .ba-checkout-form-field-wrapper .ba-checkbox-wrapper, .ba-item-fields-filter .ba-fields-filter-wrapper .ba-checkbox-wrapper { margin-bottom: .625rem; } .ba-checkout-form-field-wrapper .ba-checkbox, .ba-item-fields-filter .ba-field-filter .ba-checkbox { position: relative; display: inline; } .ba-field-filter-value-wrapper:not(.visible-filters-value) .ba-hide-filters, .ba-field-filter-value-wrapper.visible-filters-value .ba-show-all-filters, .ba-field-filter-value-wrapper:not(.visible-filters-value) .ba-filter-color-value:nth-child(10) ~ .ba-filter-color-value, .ba-field-filter-value-wrapper:not(.visible-filters-value) .ba-checkbox-wrapper:nth-child(10) ~ .ba-checkbox-wrapper, .ba-item-fields-filter .ba-fields-filter-wrapper:not(.horizontal-filter-bar):not(.ba-collapsible-filter) .ba-field-filter-label i { display: none; } .ba-checkout-authentication-checkbox input[type="checkbox"], .ba-checkout-form-field-wrapper .ba-checkbox input[type="checkbox"], .ba-item-fields-filter .ba-fields-filter-wrapper:not(.horizontal-filter-bar):not(.ba-collapsible-filter) .ba-field-filter-label i, .ba-item-fields-filter .ba-field-filter .ba-checkbox input[type="checkbox"], .ba-field-filter-value-wrapper:not(.visible-filters-value) .ba-hide-filters, .ba-field-filter-value-wrapper.visible-filters-value .ba-show-all-filters, .ba-fields-filter-wrapper:not(.horizontal-filter-bar) .ba-field-filter-value-wrapper:not(.visible-filters-value) .ba-filter-color-value:nth-child(10) ~ .ba-filter-color-value, .ba-fields-filter-wrapper:not(.horizontal-filter-bar) .ba-field-filter-value-wrapper:not(.visible-filters-value) .ba-checkbox-wrapper:nth-child(10) ~ .ba-checkbox-wrapper { height: 1.25rem; left: 50%; margin: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 1.25rem; } .ba-cart-checkout-promo-code .ba-activated-promo-code .ba-icon-close:hover, .ba-item-fields-filter .ba-icon-close:hover, .ba-selected-filter-values-remove-all span:hover, .ba-hide-filters:hover, .ba-show-all-filters:hover { opacity: .5 } .ba-checkout-acceptance-html, .ba-checkout-form-fields .ba-checkbox-wrapper > span, .ba-item-fields-filter .ba-checkbox-wrapper > span { background: transparent !important; border: none !important; cursor: pointer; margin: 0; min-width: 0; padding: 0 0 0 1.875rem; width: auto; } .ba-checkout-acceptance-html { cursor: text; padding: 0 0 0 1.25rem; } .ba-checkout-authentication-checkbox .ba-checkbox span, .ba-checkout-form-field-wrapper .ba-checkbox span, .ba-item-fields-filter .ba-field-filter .ba-checkbox span { border-radius: 3px; border: 2px solid #757575; box-sizing: border-box; display: block; height: 1.25rem; top: .5rem; position: absolute; width: 1.25rem; } .ba-checkout-form-field-wrapper .ba-checkbox span { top: 50%; transform: translateY(-50%); } .ba-checkout-form-field-wrapper .ba-checkbox { position: absolute; top: calc(var(--field-line-height)/2 ); left: 0; } .ba-checkout-form-fields[data-type="headline"], .ba-checkout-form-fields[data-type="acceptance"] { margin: 10px 0; } .ba-checkout-form-fields[data-type="headline"] { margin-top: 30px; } .ba-checkout-form-fields[data-type="acceptance"] .ba-checkout-form-field-wrapper { align-items: center; display: flex; } .ba-checkout-form-fields[data-type="acceptance"] .ba-checkout-form-field-wrapper .acceptance-checkbox-wrapper { align-items: flex-start; flex-direction: row-reverse; height: 0; position: relative; width: 20px; } .ba-checkout-form-fields[data-type="acceptance"] .ba-checkout-form-field-wrapper .acceptance-checkbox-wrapper .ba-checkbox { top: 0; } .ba-checkout-authentication-checkbox .ba-checkbox input[type="checkbox"] + span:after, .ba-checkout-form-field-wrapper .ba-checkbox input[type="checkbox"] + span:after, .ba-item-fields-filter .ba-field-filter .ba-checkbox input[type="checkbox"] + span:after, .ba-item-fields-filter .ba-field-filter .ba-checkbox input[type="checkbox"]:checked + span:after { color: #fff; content: '\f26b'; display: block; font: normal normal normal 1rem/1rem 'balbooa-family'; letter-spacing: 0; text-align: center; transition: .3s; will-change: transform; } .ba-checkout-authentication-checkbox .ba-checkbox input[type="checkbox"]:not(:checked) + span:after, .ba-checkout-form-field-wrapper .ba-checkbox input[type="checkbox"]:not(:checked) + span:after, .ba-item-fields-filter .ba-field-filter .ba-checkbox input[type="checkbox"]:not(:checked) + span:after { opacity: 0; transform: scale(.8); } .ba-checkout-authentication-checkbox .ba-checkbox input:checked ~ span, .ba-checkout-form-field-wrapper .ba-checkbox input:checked ~ span, .ba-item-fields-filter .ba-field-filter .ba-checkbox input:checked ~ span { border-color: var(--primary); background: var(--primary); } .ba-cart-checkout-promo-code .ba-activated-promo-code, .ba-item-fields-filter .ba-selected-filter-values { align-items: center; background: var(--primary); border-radius: 50px; color: #fff; display: inline-flex; font-size: 0.875rem; line-height: 2.25rem; margin: 0 10px 10px 0; padding: 0 8px 0 15px; vertical-align: middle; white-space: nowrap; } .ba-cart-checkout-promo-code .ba-activated-promo-code { align-items: center; display: flex; font-weight: 400; } .ba-cart-checkout-promo-code .ba-activated-promo-code .ba-icon-close, .ba-item-fields-filter .ba-icon-close { background: #ffffff; border-radius: 50%; color: var(--primary); cursor: pointer; font-size: 1rem; line-height: 0.875rem; letter-spacing: 0; margin-left: 10px; padding: 5px; text-align: center; transition: opacity .3s; vertical-align: middle; width: 0.875rem; } .ba-item-fields-filter .ba-icon-close { background: transparent; color: inherit; font-weight: 700; } .ba-blog-post-fields .ba-blog-post-field-title, .ba-item-blog-posts .ba-blog-post-field-title, .ba-item-field-group .ba-field-wrapper.ba-label-position-left .ba-field-label, .ba-item-field .ba-field-wrapper.ba-label-position-left .ba-field-label { margin-right: 10px; } .ba-blog-post-fields .ba-blog-post-field-row-wrapper { display: flex; flex-direction: column; } .ba-item-post-navigation .ba-blog-post-fields .ba-blog-post-field-row-wrapper { width: 100%; } .ba-blog-post-fields .ba-blog-post-field-value { flex-grow: 1; text-align: right; } .ba-blog-post-fields .ba-blog-post-field-value .ba-blog-post-field-checkbox-value{ display: flex; justify-content: flex-end; } .ba-blog-post-fields .ba-blog-post-field-title { word-break: normal; } .ba-blog-post-field-title:empty { display: none; } /* /* Plugin Instagram */ .gridbox-gallery-modal > div { background-position: center; background-size: cover; height: 100%; opacity: 1; width: 100%; } @keyframes search-result { from {opacity: 0;} to {opacity: 1;} } .gridbox-gallery-modal i { animation: search-result .3s linear; color: #fff; cursor: pointer; outline-offset: -2px; font-size: 3rem; left: 0; padding: 2.5rem; position: fixed; text-align: center; width: 3rem; } @media (hover: hover) { .gridbox-gallery-modal i:hover { opacity: .5; } } .gridbox-gallery-modal .ba-icon-close, .ba-image-modal.ba-comments-image-modal i.ba-icon-close, .gridbox-gallery-modal i + i { left: auto; right: 0; } .gridbox-gallery-modal i:not(.ba-icon-close) { align-items: center; display: flex; font-size: 2.25rem; justify-content: center; top: calc(50% - 7.25rem / 2); z-index: 100; } .gridbox-gallery-modal .remove-attachment-image { background: rgb(255 255 255 / 10%); border-radius: 50%; color: #fff; font-size: 16px!important; height: 60px; left: 25px!important; padding: 0; right: auto!important; top: 25px !important; width: 60px; } .gridbox-gallery-modal i.ba-icon-close { top: 0; z-index: 1; } /* /* Plugin Rating */ .event-calendar-event-item-reviews .ba-blog-post-rating-stars i.active, .intro-post-reviews .ba-blog-post-rating-stars i.active + i:after, .ba-field-filter .ba-filter-rating i.active:after, .ba-item-recent-reviews .ba-review-stars-wrapper i.active:after, .ba-item-reviews .ba-comments-login-wrapper + .ba-review-rate-wrapper .ba-review-stars-wrapper i.active:after, .intro-post-reviews .ba-blog-post-rating-stars i.active, .intro-post-reviews .ba-blog-post-rating-stars i.active + i:after, .ba-blog-post-reviews .ba-blog-post-rating-stars i.active, .ba-blog-post-reviews .ba-blog-post-rating-stars i.active + i:after, .ba-item-reviews .ba-review-rate-wrapper .ba-review-stars-wrapper:not(.logout-reviews-user):hover i:after, .ba-item-reviews .ba-review-stars-wrapper:not(.logout-reviews-user) i.active, .ba-item-reviews .ba-review-stars-wrapper:not(.logout-reviews-user) i.active + i:after { color: #f79431 !important; } .event-calendar-event-item-reviews .ba-blog-post-rating-stars i, .ba-item-recent-reviews .ba-review-stars-wrapper i, .intro-post-reviews .ba-blog-post-rating-stars i, .ba-blog-post-reviews .ba-blog-post-rating-stars i, .ba-item-reviews .ba-review-stars-wrapper i { margin-right: 5px; } .ba-item-star-ratings .stars-wrapper { font-size: 0; } .ba-item-star-ratings .stars-wrapper { display: inline-block; } .ba-item-reviews .ba-review-stars-wrapper i.active ~ i:not(.active):after, .ba-item-reviews .ba-review-stars-wrapper i.active ~ i:not(.active), .ba-item-star-ratings .stars-wrapper i.active ~ i:not(.active):after, .ba-item-star-ratings .stars-wrapper i.active ~ i:not(.active) { color: inherit ; } .ba-item-reviews .ba-review-stars-wrapper:not(.logout-reviews-user) i:hover ~ i:not(.active):after, .ba-item-reviews .ba-review-stars-wrapper:not(.logout-reviews-user) i:hover ~ i:not(.active), .ba-item-star-ratings .stars-wrapper i:hover ~ i:after, .ba-item-star-ratings .stars-wrapper i:hover ~ i { color: inherit !important; } .event-calendar-event-item-reviews .ba-blog-post-rating-stars i, .ba-selected-filter-value i, .ba-item-fields-filter .ba-checkbox-wrapper i, .ba-item-recent-reviews .ba-review-stars-wrapper i, .intro-post-reviews .ba-blog-post-rating-stars i, .ba-blog-post-reviews .ba-blog-post-rating-stars i, .ba-item-reviews .ba-review-stars-wrapper i, .ba-item-star-ratings .ba-icon-star { cursor: pointer; max-width: calc(1em/1.21); min-width: calc(1em/1.21); position: relative; } .ba-item-recent-reviews .ba-review-stars-wrapper i, .intro-post-reviews .ba-blog-post-rating-stars i, .ba-blog-post-reviews .ba-blog-post-rating-stars i { cursor: default !important; } .intro-post-reviews .ba-blog-post-rating-stars i, .ba-blog-post-reviews .ba-blog-post-rating-stars i { font-size: 1.125rem; } .event-calendar-event-item-reviews .ba-blog-post-rating-stars i:after, .ba-selected-filter-value i:after, .ba-item-fields-filter .ba-checkbox-wrapper span i:after, .intro-post-reviews .ba-blog-post-rating-stars i:after, .ba-blog-post-reviews .ba-blog-post-rating-stars i:after, .ba-review-stars-wrapper i:after, .ba-item-star-ratings .ba-icon-star:after { content: '\f27d'; left: 0; overflow: hidden; position: absolute; top: 0; z-index: 1; } .event-calendar-event-item-reviews .ba-blog-post-rating-stars i.active + i:not(.active):after, .intro-post-reviews .ba-blog-post-rating-stars i.active + i:not(.active):after, .ba-blog-post-reviews .ba-blog-post-rating-stars i.active + i:not(.active):after, .ba-item-reviews .ba-review-stars-wrapper i.active + i:not(.active):after, .ba-item-star-ratings .stars-wrapper i.active + i:not(.active):after { width: inherit; } .event-calendar-event-item-reviews .ba-blog-post-rating-stars i.active + i:not(.active) ~ i:after, .intro-post-reviews .ba-blog-post-rating-stars i.active + i:not(.active) ~ i:after, .ba-blog-post-reviews .ba-blog-post-rating-stars i.active + i:not(.active) ~ i:after, .ba-item-reviews .ba-review-stars-wrapper i.active + i:not(.active) ~ i:after, .ba-item-star-ratings .stars-wrapper i.active + i:not(.active) ~ i:after { display: none; } /* /* Plugin Image */ .ba-image-modal.gridbox-gallery-modal > div, body > .ba-image-modal { cursor: zoom-out; left: 0; position: fixed; top: 0; transition: all .5s ease-in-out; z-index: 10000; } @keyframes gridbox-gallery-modal-in { from { background-color: transparent; } } .ba-image-modal.gridbox-gallery-modal { background-color: var(--overlay); animation: gridbox-gallery-modal-in .5s linear both; bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translate3d(0, 0, 0); z-index: 999999; } .ba-modal-sm + .modal-backdrop, .modal-open .ba-scrollable, .ba-image-modal.gridbox-gallery-modal { z-index: 999999 !important; } .ba-image-modal.gridbox-gallery-modal, .ba-store-cart-backdrop +.ba-modal-sm + .modal-backdrop { z-index: 99999999 !important; } .ba-store-cart-opened .ba-store-cart-backdrop +.ba-modal-sm { z-index: 999999999 !important; } .ba-image-modal.gridbox-gallery-modal i { z-index: 99999; } body > .ba-image-modal:not(.gridbox-gallery-modal) { height: 0 !important; } @keyframes image-radius { to {border-radius:0;} } .ba-image-modal.gridbox-gallery-modal > div, .ba-image-modal img { animation: image-radius .5s ease-in-out both; width: 100%; } .ba-image-modal img { position: absolute; transition: all .5s; } @keyframes image-radius-out { from {border-radius:0;} } .ba-image-modal.image-lightbox-out img { animation: image-radius-out .5s ease-in-out both; } @keyframes image-modal { from { opacity: 0; } to {opacity: 1;} } .ba-image-modal:not(.gridbox-gallery-modal):before { animation: image-modal .5s ease-in-out both; background-color: inherit; bottom: 0; content: ""; left: 0; position: fixed; right: 0; top: 0; z-index: -1; } @keyframes image-modal-out { from {opacity: 1;} to { opacity: 0; } } .ba-image-modal.image-lightbox-out:before { animation: image-modal-out .5s linear both; } @keyframes gridbox-gallery-modal-out { to { background-color: transparent; } } .ba-image-modal.gridbox-gallery-modal.image-lightbox-out { animation: gridbox-gallery-modal-out .5s ease-in-out both; } @keyframes image-lightbox-fade-out { from {opacity: 1;} to { opacity: 0; } } .ba-comments-image-modal.ba-image-modal.gridbox-gallery-modal.image-lightbox-fade-out { animation: image-lightbox-fade-out .5s ease-in-out both; } .ba-item-lottie-animations .ba-lottie-animations-wrapper { display: inline-block; } /* ======================================================================== Tooltip ========================================================================== */ .ba-cart-product-quantity-cell .ba-variation-notice, .ba-add-to-cart-quantity .ba-variation-notice, * > .ba-tooltip { background: #2c2c2c; border-radius: 4px; bottom: calc(100% + 10px); box-shadow: 0 10px 30px rgba(0,0,0,0.3); color: #fff; display: none!important; font-size: 14px ; font-weight: 500; left: 50%; letter-spacing: normal; line-height: 24px; margin-left: -250px; max-width: 250px; padding: 15px; pointer-events: none; position: absolute !important; text-align: center; transform: translateX(calc(250px - 50%)); will-change: transform; z-index: 99999 !important; } @keyframes tooltip { from { opacity: 0; } } .ba-cart-product-quantity-cell .ba-variation-notice, .ba-add-to-cart-quantity .ba-variation-notice, *:hover > .ba-tooltip:not(.ba-help) { animation: tooltip .3s ease-in-out both!important; display: flex!important; text-transform: initial; width: auto; } .ba-cart-product-quantity-cell .ba-variation-notice:before, .ba-add-to-cart-quantity .ba-variation-notice:before, .ba-variation-notice:before, .ba-comment-share-dialog .ba-comments-modal-body:before, .ba-tooltip:before { border: 5px solid transparent; border-top: 5px solid #2c2c2c; bottom: -9px; content: ""; height: 0; right: auto !important; left: 50% !important; margin-left: -5px; position: absolute; top: auto; } .carousel-type .ba-blog-post-wishlist-wrapper .ba-tooltip, .visible-horizontal-filters-value .ba-tooltip, .ba-tooltip.ba-left { bottom: 50%; left: auto; right: calc(100% + 5px); transform: translateY(50%); } .ba-cart-product-row:first-child .ba-cart-product-quantity-cell .ba-variation-notice, .ba-tooltip.ba-bottom { animation: ba-tooltip .3s; bottom: auto; margin-left: -250px; text-transform: initial; top: calc(100% + 10px); transform: translateX(calc(250px - 50%)); } .ba-cart-product-row:first-child .ba-cart-product-quantity-cell .ba-variation-notice:before, .ba-tooltip.ba-bottom:before { content: ""; height: 5px; position: absolute; top: -14px; left: 50% !important; margin-left: -5px; border: 5px solid transparent; border-bottom: 5px solid #2c2c2c; } .ba-variation-notice { animation: tooltip .3s ease-in-out both!important; background: #2c2c2c; border-radius: 4px; bottom: 50%; box-shadow: 0 10px 30px rgba(0,0,0,0.3); color: #fff; display: flex!important; font-size: 14px; font-weight: 500; letter-spacing: normal; line-height: 24px; max-width: 250px; padding: 15px; pointer-events: none; position: absolute !important; right: calc(100% + 15px); text-align: center; text-transform: initial; transform: translateY(50%); white-space: nowrap; width: auto; z-index: 99999 !important; } .carousel-type .ba-blog-post-wishlist-wrapper .ba-tooltip:before, .visible-horizontal-filters-value .ba-tooltip:before, .ba-tooltip.ba-left:before, .ba-variation-notice:before { border: 5px solid transparent; border-left: 5px solid #2c2c2c; bottom: calc(50% - 5px); content: ""; height: 0; right: -9px !important; position: absolute; top: auto; left: auto !important; } .ba-cart-product-quantity-cell .ba-variation-notice, .ba-add-to-cart-quantity .ba-variation-notice { right: auto !important; } body > .ba-tooltip.ba-top:not(.ba-help) { display: none!important } .ba-pull-left, .ba-pull-right { z-index: 1; width: auto; } .ba-pull-left { float: left; } .ba-pull-right { float: right; } .ba-disabled-margin { margin: 0 !important; } .ba-live-search-add-to-cart-cell > span, .ba-wishlist-add-to-cart-cell > span:not(.ba-wishlist-empty-stock), .ba-store-wishlist-close i, .ba-store-cart-close-wrapper i, .ba-cart-product-remove-cell i, .ba-wishlist-product-remove-cell i, .ba-cart-product-quantity-cell i { cursor: pointer; } .ba-store-wishlist-opened, .ba-store-cart-opened, .gridbox-gallery-modal-open, .lightbox-open { box-sizing: border-box; overflow: hidden; } .ba-store-wishlist-opened .ba-sticky-header, .ba-store-cart-opened .ba-sticky-header, .gridbox-gallery-modal-open .ba-sticky-header, .lightbox-open .ba-sticky-header, .ba-not-default-header .header { width: inherit; } /* /* Responsive Grid */ .row-fluid:before, .row-fluid:after { content: ""; display: table; line-height: 0; } .row-fluid:after { clear: both; } [class*="ba-col-"]{ flex-grow: 1; box-sizing: border-box; display: block; float: left; margin-left: 2.127659574468085%; } .ba-section.row-fluid, .ba-row.row-fluid{ width: auto; } .row-fluid { width: 100%; } .no-gutter-desktop > .column-wrapper > [class*="ba-col-"], [class*="ba-col-"]:first-child { margin-left: 0; } .header .ba-col-12, .ba-col-12 { width: 100%; } .header .ba-col-11, .ba-col-11 { width: 91.48936170212765%; } .header .ba-col-10, .ba-col-10 { width: 82.97872340425532%; } .header .ba-col-9, .ba-col-9 { width: 74.46808510638297%; } .header .ba-col-8, .ba-col-8 { width: 65.95744680851064%; } .header .ba-col-7, .ba-col-7 { width: 57.44680851063829%; } .header .ba-col-6, .ba-col-6 { width: 48.93617021276595%; } .header .ba-col-5, .ba-col-5 { width: 40.42553191489362%; } .header .ba-col-4, .ba-col-4 { width: 31.914893617021278%; } .header .ba-col-3, .ba-col-3 { width: 23.404255319148934%; } .header .ba-col-2, .ba-col-2 { width: 14.893617021276595%; } .header .ba-col-1, .ba-col-1 { width: 6.382978723404255%; } /* /* No Space Between Columns */ .column-wrapper { position: relative; width: 100%; } /* /* Balbooad Icons */ .ba-icons { display: inline-block; font-family: 'balbooa-family' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ba-icon-copy:before { content: "\f237"; } .ba-icon-chevron-left:before { content: "\e03f"; } .ba-icon-arrow-tab-left:before { content: "\e045"; } .ba-icon-close:before { content: "\e04a"; } .ba-icon-chevron-right:before { content: "\e04b"; } .ba-icon-attachment:before { content: "\f10d"; } .ba-icon-link:before { content: "\f10e"; } .ba-icon-block:before { content: "\f119"; } .ba-icon-trash:before { content: "\f154"; } .ba-icon-edit:before { content: "\f158"; } .ba-icon-heart:before { content: "\f15f"; } .ba-icon-flag:before { content: "\f162"; } .ba-icon-mail-reply:before { content: "\f193"; } .ba-icon-mall:before { content: "\f195"; } .ba-icon-menu:before { content: "\f197"; } .ba-icon-power:before { content: "\f1af"; } .ba-icon-print:before { content: "\f1b0"; } .ba-icon-quote:before { content: "\f1b2"; } .ba-icon-refresh:before { content: "\f1b9"; } .ba-icon-settings:before { content: "\f1c6"; } .ba-icon-shopping-basket:before { content: "\f1c9"; } .ba-icon-thumb-down:before { content: "\f1dc"; } .ba-icon-thumb-up:before { content: "\f1de"; } .ba-icon-truck:before { content: "\f1e6"; } .ba-icon-alert:before { content: "\f1f2"; } .ba-icon-account-circle:before { content: "\f205"; } .ba-icon-smile:before { content: "\f214"; } .ba-icon-download:before { content: "\f220"; } .ba-icon-folder:before { content: "\f228"; } .ba-icon-check:before { content: "\f26b"; } .ba-icon-dot:before, .ba-icon-circle:before { content: "\f26d"; } .ba-icon-minus:before { content: "\f273"; } .ba-icon-plus:before { content: "\f278"; } .ba-icon-star:before { content: "\f27d"; } .ba-icon-camera:before { content: "\f28c"; } .ba-icon-keyboard:before { content: "\f2a4"; } .ba-icon-caret-down:before { content: "\f2f2"; } .ba-icon-filter-list:before { content: "\f160"; } .ba-icon-caret-right:before { content: "\f2f6"; } .ba-icon-behance:before { content: "\f33d"; } .ba-icon-dribbble:before { content: "\f33f"; } .ba-icon-facebook:before { content: "\f343"; } .ba-icon-google:before { content: "\f34e"; } .ba-icon-instagram:before { content: "\f34f"; } .ba-icon-share:before { content: "\f35b"; } .ba-icon-twitter:before { content: "\e900"; } .ba-icon-vk:before { content: "\f361"; } .ba-icon-fast-forward:before { content: "\f39f"; } .ba-icon-fast-rewind:before { content: "\f3a0"; } .ba-icon-play-circle:before { content: "\f3a9"; } .ba-icon-skip-next:before { content: "\f3b4"; } .ba-icon-skip-previous:before { content: "\f3b5"; } .ba-icon-linkedin:before { content: "\f3f8"; } .ba-icon-odnoklassniki:before { content: "\f3f9"; } .ba-icon-pinterest:before { content: "\f3fc"; } .ba-icon-tumblr:before { content: "\f402"; } .ba-icon-vimeo:before { content: "\f404"; } .ba-icon-youtube:before { content: "\f409"; }body:not(.com_gridbox) .body .main-body, .ba-overlay-section-backdrop.horizontal-top .ba-overlay-section.ba-container .ba-row-wrapper.ba-container, .ba-overlay-section-backdrop.horizontal-bottom .ba-overlay-section.ba-container .ba-row-wrapper.ba-container, .ba-container:not(.ba-overlay-section), .intro-post-wrapper > *:not(.intro-post-image-wrapper) {width: ;} @media (min-width: 1281px) { .parallax-container { background-image: none !important; background-attachment: scroll !important; } .nav > .deeper.parent .mod-menu__sub, .nav > .deeper.parent .nav-child, .menu > .deeper.parent .mod-menu__sub, .menu > .deeper.parent .nav-child { padding: 10px 0; max-height: none !important; } .ba-lightbox:not(.ba-container) .ba-section { width: calc(100% - 100px) !important; } .gridbox.ba-lightbox-open .ba-cookies.notification-bar-top, .gridbox.ba-lightbox-open .ba-cookies.notification-bar-bottom { width: calc(100% - 103px) !important; } html[data-structure="left"] .gridbox.ba-lightbox-open .ba-cookies.notification-bar-top, html[data-structure="left"] .gridbox.ba-lightbox-open .ba-cookies.notification-bar-bottom { width: calc(100% - 51px - (calc(52px + var(--structure-width) - var(--iframe-offset)))) !important; } html[data-structure="right"] .gridbox.ba-lightbox-open .ba-cookies.notification-bar-top, html[data-structure="right"] .gridbox.ba-lightbox-open .ba-cookies.notification-bar-bottom { width: calc(100% - 51px - (calc(52px + var(--structure-width) - var(--iframe-offset-right) - var(--scroll-width)))) !important; } html[data-structure="left"] body.com_gridbox.gridbox .ba-sticky-header { left: calc(52px + var(--structure-width) - var(--iframe-offset)) !important; width: calc(100% - 51px - (calc(52px + var(--structure-width) - var(--iframe-offset)))) !important; } html[data-structure="right"] body.com_gridbox.gridbox .ba-sticky-header { left: calc(52px + var(--structure-width) - var(--iframe-offset)) !important; width: calc(100% - 51px - (calc(52px + var(--structure-width) - var(--iframe-offset-right)))) !important; } .sidebar-menu > .ba-wrapper:not(.ba-sticky-header) > .ba-section > .ba-section-items > .ba-row-wrapper > .row-fluid >.column-wrapper >[class*="ba-col-"]{ clear: both; margin-left: 0; width: 100% !important; margin-left: 0 !important; } .sidebar-menu { height: 100vh; position: fixed !important; left: 0; top: 0; width: var(--sidebar-menu-width) !important; } body:not(.show-hidden-elements) .column-wrapper { display: flex; } .ba-row .ba-overlay + .ba-edit-item + .ba-grid-column, .no-gutter-desktop.row-fluid > .column-wrapper > [class*="ba-col-"] { margin-left: 0; } .header .no-gutter-desktop.row-fluid .column-wrapper > .ba-col-12, .no-gutter-desktop.row-fluid > .column-wrapper > .ba-col-12 { width: 100%; } header .no-gutter-desktop.row-fluid .column-wrapper > .ba-col-11, .no-gutter-desktop.row-fluid > .column-wrapper > .ba-col-11 { width: 91.6%; } .header .no-gutter-desktop.row-fluid .column-wrapper > .ba-col-10, .no-gutter-desktop.row-fluid > .column-wrapper> .ba-col-10 { width: 83.3%; } .header .no-gutter-desktop.row-fluid .column-wrapper > .ba-col-9, .no-gutter-desktop.row-fluid > .column-wrapper > .ba-col-9 { width: 75%; } .header .no-gutter-desktop.row-fluid .column-wrapper > .ba-col-8, .no-gutter-desktop.row-fluid > .column-wrapper > .ba-col-8 { width: 66.7%; } .header .no-gutter-desktop.row-fluid .column-wrapper > .ba-col-7, .no-gutter-desktop.row-fluid > .column-wrapper > .ba-col-7 { width: 58.3%; } .header .no-gutter-desktop.row-fluid .column-wrapper > .ba-col-6, .no-gutter-desktop.row-fluid > .column-wrapper > .ba-col-6 { width: 50%; } .header .no-gutter-desktop.row-fluid .column-wrapper > .ba-col-5, .no-gutter-desktop.row-fluid > .column-wrapper > .ba-col-5 { width: 41.6%; } .header .no-gutter-desktop.row-fluid .column-wrapper > .ba-col-4, .no-gutter-desktop.row-fluid > .column-wrapper > .ba-col-4 { width: 33.3%; } .header .no-gutter-desktop.row-fluid .column-wrapper > .ba-col-3, .no-gutter-desktop.row-fluid > .column-wrapper > .ba-col-3 { width: 25%; } .header .no-gutter-desktop.row-fluid .column-wrapper > .ba-col-2, .no-gutter-desktop.row-fluid > .column-wrapper > .ba-col-2 { width: 16.6%; } .header .no-gutter-desktop.row-fluid .column-wrapper > .ba-col-1, .no-gutter-desktop.row-fluid > .column-wrapper > .ba-col-1 { width: 8.3%; } /* /* ba-style.css */ body.com_gridbox.gridbox .ba-overlay-section-backdrop > .ba-overlay-section-close, body.com_gridbox.gridbox .ba-lightbox-backdrop > .ba-lightbox-close { left: -51px; right: 51px; } html[data-structure="right"] body.com_gridbox.gridbox .ba-overlay-section-backdrop > .ba-overlay-section-close, html[data-structure="right"] body.com_gridbox.gridbox .ba-lightbox-backdrop > .ba-lightbox-close { left: calc(52px + var(--structure-width) - var(--iframe-offset)) !important; width: calc(100% - var(--body-border-right) - (52px + var(--structure-width) - var(--iframe-offset))) !important; right: auto!important; } body.com_gridbox.gridbox.blog-post-editor .ba-overlay-section-backdrop > .ba-overlay-section-close, body.com_gridbox.gridbox.blog-post-editor .ba-lightbox-backdrop > .ba-lightbox-close { right: 0; left: 0; } body.com_gridbox.gridbox.blog-post-editor .ba-overlay-section-backdrop.horizontal-bottom > .ba-overlay-section, body.com_gridbox.gridbox.blog-post-editor .ba-overlay-section-backdrop.horizontal-top > .ba-overlay-section { width: 100%!important; } body.com_gridbox.gridbox .ba-overlay-section-backdrop.horizontal-bottom > .ba-overlay-section, body.com_gridbox.gridbox .ba-overlay-section-backdrop.horizontal-top > .ba-overlay-section { width: calc(100% - 50px) !important; } body.com_gridbox.gridbox.lightbox-open, body.com_gridbox.gridbox.search-open { box-sizing: border-box; } body.com_gridbox.gridbox .ba-overlay-section-backdrop .ba-overlay-section:not(.ba-container) > .ba-section { width: calc(100vw - 107px) !important; } body.com_gridbox.gridbox .ba-overlay-section-backdrop > .ba-overlay-section { margin-right: 50px !important; } body.com_gridbox.gridbox.blog-post-editor .ba-overlay-section-backdrop > .ba-overlay-section { margin-right: 0 !important; } body.com_gridbox.gridbox .lightbox-top-left .ba-lightbox, body.com_gridbox.gridbox .lightbox-bottom-left .ba-lightbox { margin-left: 50px !important; } body.com_gridbox.gridbox .lightbox-top-right .ba-lightbox , body.com_gridbox.gridbox .lightbox-bottom-right .ba-lightbox { margin-right: 50px !important; } body.com_gridbox.gridbox .ba-lightbox-backdrop .ba-lightbox:not(.ba-container) .ba-section { width: calc(100% - 200px) !important; } body.com_gridbox.gridbox .ba-item-social.ba-social-sidebar { left: calc(100% - 51px) !important; } body.com_gridbox.gridbox.blog-post-editor .ba-item-social.ba-social-sidebar { transform: translateY(-49%) translateX(calc(-100% - 350px)); } body.com_gridbox.gridbox.lightbox-open .ba-item-social.ba-social-sidebar body.com_gridbox.gridbox.search-open .ba-item-social.ba-social-sidebar { left: calc(100% - 62px) !important; opacity: 0; } body.com_gridbox.gridbox .ba-item-blog-content .blog-content-backdrop { background: rgba(0, 0, 0, 0); bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 40px; z-index: 3; } body.com_gridbox.gridbox .fixed-header + .body .ba-item-blog-content .blog-content-backdrop { top: 0; } body.com_gridbox.gridbox .ba-search-result-body.ba-container { margin: 0 50px 0 50px !important; } body.com_gridbox.gridbox .ba-search-result-modal > i { left: calc(100% - 90px) !important; } body.com_gridbox.gridbox header.sidebar-menu { position: absolute !important; top: 0!important; left: 0!important; z-index: 32!important; } .ba-container header.sidebar-menu.fixed-header, body.com_gridbox.gridbox header.sidebar-menu.fixed-header { left: 52px!important; position: fixed !important; top: 0 !important; width: var(--sidebar-menu-width) !important; } body.com_gridbox.gridbox .sidebar-menu .ba-wrapper:not(.ba-container) .ba-row-wrapper .ba-grid-column-wrapper.ba-col-1:last-child .ba-item .ba-edit-item:hover .ba-buttons-wrapper, body.com_gridbox.gridbox .sidebar-menu .ba-wrapper:not(.ba-container) .ba-row-wrapper .ba-grid-column-wrapper.ba-col-2:last-child .ba-item .ba-edit-item:hover .ba-buttons-wrapper, body.com_gridbox.gridbox .sidebar-menu .ba-wrapper:not(.ba-container) .ba-row-wrapper .ba-grid-column-wrapper.ba-col-3:last-child .ba-item .ba-edit-item:hover .ba-buttons-wrapper, body.com_gridbox.gridbox .sidebar-menu .ba-wrapper:not(.ba-container) .ba-row-wrapper .ba-grid-column-wrapper.ba-col-4:last-child .ba-item .ba-edit-item:hover .ba-buttons-wrapper { right: auto !important; left: 5px !important; padding: 5px 10px 5px 50px !important; } body.com_gridbox.gridbox .sidebar-menu ~.footer:before { background: #f5f5f5; bottom: -40px; content: ""; height: 40px; left: calc(var(--sidebar-menu-width)* -1); position: absolute; width: calc(100vw - 120px); z-index: 100; } body.com_gridbox.gridbox .sidebar-menu > .ba-wrapper >.ba-section > .ba-edit-item { left: calc(50% - 25px); right: auto; top: -25px; } body.com_gridbox.gridbox .gridbox-gallery-modal i { left: 75px; } body.com_gridbox.gridbox .gridbox-gallery-modal i.ba-icon-close, body.com_gridbox.gridbox .gridbox-gallery-modal i + i { right: 25px; left: auto; } body.com_gridbox.gridbox .gridbox-gallery-modal.ba-image-modal:before { margin: 0 50px; } .gridbox .ba-image-modal.gridbox-gallery-modal { right: 50px; } .gridbox.blog-post-editor:not(.laptop) .ba-image-modal.gridbox-gallery-modal { right: 377px; top: 65px; } .gridbox-gallery-modal-open { overflow: visible !important; width: 100% !important; } body.com_gridbox.gridbox .header:not(.sidebar-menu) .column-wrapper, body.com_gridbox.gridbox .body .column-wrapper, body.com_gridbox.gridbox .footer .column-wrapper { display: flex; } body.com_gridbox.gridbox.ba-opened-menu .body:before, body.com_gridbox.gridbox.ba-opened-menu .header:before, .lightbox-open .header.header:before { left: auto !important; right: 1px; } body.com_gridbox.gridbox .ba-hamburger-menu.ba-menu-position-left .main-menu.visible-menu { left: 35px!important; } body.com_gridbox.gridbox.ba-opened-menu .body:before, body.com_gridbox.gridbox.ba-opened-menu .header:before, body.com_gridbox.gridbox.lightbox-open .header.header:before { background: #f5f5f5; content: ""; height: 50px !important; position: fixed; left: calc(100% - 66px); top: 0; width: 50px !important; } body.com_gridbox.gridbox .ba-hamburger-menu.ba-menu-position-left .main-menu.visible-menu, body.com_gridbox.gridbox .ba-hamburger-menu .main-menu.visible-menu { margin-right: 54px; } body.com_gridbox.gridbox.lightbox-open .side-navigation-menu { right: 97px; } body.com_gridbox.gridbox .side-navigation-menu .ba-edit-item { right: -25px; } body.com_gridbox.gridbox .side-navigation-menu .ba-box-model { left: auto; right: -25px; width: 50px; } body.com_gridbox.gridbox .side-navigation-menu { right: 80px; } body.com_gridbox.gridbox.blog-post-editor .side-navigation-menu { right: 430px; } body.com_gridbox.gridbox .ba-sticky-header { left: 52px !important; margin: 0 auto; max-width: calc(100% - 103px)!important; right: 51px; } body.com_gridbox.gridbox.sticky-header-opened.lightbox-open .ba-sticky-header { margin-left: 0 ; } body.com_gridbox.gridbox .sidebar-menu ~ .footer .ba-sticky-header, body.com_gridbox.gridbox .sidebar-menu + .body .ba-sticky-header, body.com_gridbox.gridbox .sidebar-menu .ba-sticky-header { max-width: calc(100% - var(--sidebar-menu-width) - 100px)!important } .ba-tabs-wrapper.tabs-right > .tab-content, .ba-tabs-wrapper.tabs-left > .tab-content { flex-grow: 1; max-width: 75%; } /* Blog Post Editor */ body.com_gridbox.gridbox.blog-post-editor:not(.gridbox-apps-editor) .lightbox-top-right .ba-lightbox, body.com_gridbox.gridbox.blog-post-editor:not(.gridbox-apps-editor) .lightbox-top-left .ba-lightbox { top: 120px !important; } body.com_gridbox.gridbox.blog-post-editor:not(.gridbox-apps-editor) .ba-overlay-section-backdrop > .ba-overlay-section-close, body.com_gridbox.gridbox.blog-post-editor:not(.gridbox-apps-editor) .ba-lightbox-backdrop > .ba-lightbox-close, body.com_gridbox.gridbox.blog-post-editor:not(.gridbox-apps-editor) .ba-overlay-section-backdrop, body.com_gridbox.gridbox.blog-post-editor:not(.gridbox-apps-editor) .ba-lightbox-backdrop.lightbox-center { top: 65px; min-height: auto; } body.com_gridbox.gridbox.blog-post-editor .ba-overlay-section-backdrop > .ba-overlay-section-close, body.com_gridbox.gridbox.blog-post-editor .ba-lightbox-backdrop > .ba-lightbox-close, body.com_gridbox.gridbox.blog-post-editor .ba-overlay-section-backdrop, body.com_gridbox.gridbox.blog-post-editor .ba-lightbox-backdrop.lightbox-center { left: 50px; right: 400px; } .gridbox.blog-post-editor:not(.gridbox-apps-editor) .ba-overlay-section-backdrop.vertical-left > .ba-overlay-section >.ba-section, .gridbox.blog-post-editor:not(.gridbox-apps-editor) .ba-overlay-section-backdrop.vertical-right > .ba-overlay-section > .ba-section { min-height: calc(100vh - 65px) !important; } body.com_gridbox.gridbox.blog-post-editor.lightbox-open { min-height: 100vh; } body.com_gridbox.gridbox.blog-post-editor .ba-lightbox-backdrop.ba-cookies.visible-lightbox { left: 52px; } body.com_gridbox.gridbox.blog-post-editor .lightbox-bottom-right .ba-lightbox, body.com_gridbox.gridbox.blog-post-editor .lightbox-top-right .ba-lightbox { right: 400px; } .gridbox.ba-lightbox-open.blog-post-editor .ba-cookies.notification-bar-top, .gridbox.ba-lightbox-open.blog-post-editor .ba-cookies.notification-bar-bottom { width: calc(100% - 450px) !important; } body.com_gridbox.gridbox .megamenu-item > .tabs-content-wrapper:not(.ba-container) { box-sizing: border-box; } body.com_gridbox.gridbox .sidebar-menu .ba-row-wrapper:hover { z-index: 45; } .ba-date-cell.ba-event-date:hover:after { background-color: var(--hover); } .event-calendar-events-list > i{ display: none; } } @media (min-width: 1441px) { body:not(.show-hidden-elements) .ba-hidden-lg { display: none !important; } body:not(.show-hidden-elements) .ba-hidden-lg:first-child + .ba-column-resizer + .ba-grid-column-wrapper { margin-left: 0 !important; } .com_gridbox.gridbox .ba-item-reading-progress-bar { left: 51px; right: 51px; width: calc(100% - 102px) !important; } /* /* Panel Right */ body.com_gridbox.gridbox.gridbox-cp-panel-right .ba-item-scroll-to-top.scroll-btn-right { right: 425px; } body.com_gridbox.gridbox.gridbox-page-structure-left .ba-item-scroll-to-top.scroll-btn-left { left: 365px; } body.com_gridbox.gridbox.gridbox-cp-panel-right .side-navigation-menu { right: 465px; } .com_gridbox.gridbox.gridbox-page-structure-left .ba-item-reading-progress-bar, .com_gridbox.gridbox.ba-lightbox-open.gridbox-page-structure-left .ba-cookies.notification-bar-top, .com_gridbox.gridbox.ba-lightbox-open.gridbox-page-structure-left .ba-cookies.notification-bar-bottom, body.com_gridbox.gridbox.gridbox-page-structure-left .ba-sticky-header { left: 391px !important; margin: 0 auto; max-width: calc(100% - 442px)!important; right: 51px; width: 1920px!important; } .com_gridbox.gridbox.gridbox-cp-panel-right .ba-item-reading-progress-bar, .com_gridbox.gridbox.ba-lightbox-open.gridbox-cp-panel-right .ba-cookies.notification-bar-top, .com_gridbox.gridbox.ba-lightbox-open.gridbox-cp-panel-right .ba-cookies.notification-bar-bottom, body.com_gridbox.gridbox.gridbox-cp-panel-right .ba-sticky-header { left: 52px !important; margin: 0 auto; max-width: calc(100% - 493px)!important; right: 441px; width: 1920px!important; } .com_gridbox.gridbox.gridbox-cp-panel-right.gridbox-page-structure-left .ba-item-reading-progress-bar, .com_gridbox.gridbox.ba-lightbox-open.gridbox-cp-panel-right.gridbox-page-structure-left .ba-cookies.notification-bar-top, .com_gridbox.gridbox.ba-lightbox-open.gridbox-cp-panel-right.gridbox-page-structure-left .ba-cookies.notification-bar-bottom, body.com_gridbox.gridbox.gridbox-cp-panel-right.gridbox-page-structure-left .ba-sticky-header { left: 391px !important; margin: 0 auto; max-width: calc(100% - 832px)!important; right: 441px; } body.com_gridbox.gridbox.gridbox-cp-panel-right .lightbox-top-right .ba-lightbox, body.com_gridbox.gridbox.gridbox-cp-panel-right .lightbox-bottom-right .ba-lightbox { margin-right: 450px !important; } body.com_gridbox.gridbox.gridbox-page-structure-left .lightbox-top-left .ba-lightbox, body.com_gridbox.gridbox.gridbox-page-structure-left .lightbox-bottom-left .ba-lightbox { margin-left: 350px !important; } body.com_gridbox.gridbox.gridbox-cp-panel-right .ba-item-social.ba-social-sidebar { left: calc(100% - 441px) !important; } body.com_gridbox.gridbox.gridbox-page-structure-left .ba-container header.sidebar-menu.fixed-header, body.com_gridbox.gridbox.gridbox-page-structure-left header.sidebar-menu.fixed-header { left: 391px !important; position: fixed !important; } body.com_gridbox.gridbox.gridbox-page-structure-left .lightbox-center, body.com_gridbox.gridbox.gridbox-page-structure-left .lightbox, body.com_gridbox.gridbox.gridbox-page-structure-left .horizontal-top, body.com_gridbox.gridbox.gridbox-page-structure-left .horizontal-bottom, body.com_gridbox.gridbox.gridbox-page-structure-left .ba-overlay-section-backdrop.vertical-left { left: 300px!important; } body.com_gridbox.gridbox.gridbox-cp-panel-right .lightbox-center, body.com_gridbox.gridbox.gridbox-cp-panel-right .lightbox, body.com_gridbox.gridbox.gridbox-cp-panel-right .horizontal-top, body.com_gridbox.gridbox.gridbox-cp-panel-right .horizontal-bottom, body.com_gridbox.gridbox.gridbox-cp-panel-right .ba-overlay-section-backdrop.vertical-right { right: 343px!important; } body.com_gridbox.gridbox.gridbox-cp-panel-right .ba-store-cart-backdrop[data-layout="sidebar"] .ba-store-cart.ba-container:not(.ba-overlay-section) { right: 400px!important; } .ba-social-sidebar .ba-social-lg, .ba-social-sidebar .ba-social-md, .ba-social-sidebar .ba-social-sm { align-items: end; display: flex; flex-direction: column; } body.com_gridbox.gridbox.gridbox-cp-panel-right .ba-store-wishlist-backdrop, body.com_gridbox.gridbox.gridbox-cp-panel-right .ba-store-cart-backdrop[data-layout="lightbox"] { right: 343px!important; } body.com_gridbox.gridbox.gridbox-page-structure-left .ba-store-wishlist-backdrop, body.com_gridbox.gridbox.gridbox-page-structure-left .ba-store-cart-backdrop[data-layout="lightbox"]{ left: 300px!important; } } @media (min-width: 1025px) { .main-menu > .ba-item { margin: 0 !important; visibility: hidden !important; height: 0; overflow: hidden; min-height: 0; padding: 0; } } @media (max-width: 1024px) { /* /* Menu */ .open-menu i { color: inherit; font-size: inherit; padding: 15px; } .ba-opened-menu .row-with-menu { z-index: auto !important; } .ba-opened-menu .ba-section > .ba-overlay { z-index: 0; } .ba-opened-menu .ba-item-scroll-to-top { z-index: 9 !important; } .row-with-menu .ba-row { position: initial; } .ba-hamburger-menu .mod-menu__sub > .deeper:before, .ba-hamburger-menu .nav-child > .deeper:before { display: none; } .ba-hamburger-menu > .open-menu { background: transparent; border: none; display: block; font-size: 30px; } .ba-hamburger-menu > .main-menu >.close-menu { box-sizing: border-box; display: block; left: 0; padding: 15px; position: absolute; text-decoration: none; top: 0; width: 100%; z-index: 1; } .gridbox .ba-hamburger-menu > .main-menu > .add-new-item{ display: block; } .main-menu.visible-menu.menu-sortable-started * { cursor: move!important; } .main-menu.visible-menu.menu-sortable-started .ba-item.sortable-helper { pointer-events: none!important; } .add-new-item { text-align: center; } .add-new-item > span { padding: 10px 10px 25px; display: block; } @-moz-document url-prefix() { .add-new-item > span { padding: 10px 10px 50px; display: block; } } .ba-hamburger-menu .mod-menu__sub .deeper:hover .mod-menu__sub, .ba-hamburger-menu .nav .deeper.parent .mod-menu__sub, .ba-hamburger-menu .nav-child .deeper:hover .nav-child, .ba-hamburger-menu .nav .deeper.parent .nav-child { position: static !important; margin-left: 0 !important; } .ba-hamburger-menu >.main-menu { box-shadow: var(--shadow-horizontal) var(--shadow-vertical) var(--shadow-blur) var(--shadow-spread) var(--shadow-color); box-sizing: border-box; height:100%; overflow-x: hidden; overflow-y: scroll; padding: 75px 30px 30px 30px; position: fixed; right: -100vw; top: 0; transition: right .5s ease, box-shadow .5s ease; width: 360px; max-width: 100vw; z-index: 1500; } .ba-hamburger-menu >.main-menu:not(.visible-menu) { box-shadow: 0 0 0 0 transparent!important; } @keyframes ba-visible-menu-backdrop { from { opacity: 0;} } .ba-visible-menu-backdrop.ba-menu-backdrop { animation: ba-visible-menu-backdrop 0.3s; display: block; z-index: 20; } @keyframes ba-menu-backdrop-out { to {opacity: 0;} } .ba-menu-backdrop.ba-menu-backdrop-out { animation: ba-menu-backdrop-out 0.3s; display: block; z-index: 20; } .ba-hamburger-menu >.nav .deeper.parent ul.mod-menu__sub, .ba-hamburger-menu >.nav .deeper.parent ul.nav-child { background: transparent; box-sizing: border-box; display: block; padding: 0 0 0 20px !important; } .ba-hamburger-menu >.main-menu .mod-menu li, .ba-hamburger-menu >.main-menu .nav li, .ba-hamburger-menu >.main-menu .nav.menu li { float: none; } .ba-hamburger-menu > .main-menu .nav li.deeper .mod-menu__sub, .ba-hamburger-menu .mod-menu__sub, .ba-hamburger-menu > .main-menu .nav li.deeper .nav-child, .ba-hamburger-menu .nav-child { display: block; transform: none !important; } .megamenu-item > a:after, .megamenu-item > span:after, .deeper.parent > span:after, .deeper.parent > a:after { padding: 5px; content: ''; margin-left: 0.6em; } .row-with-megamenu .ba-item-main-menu .mod-menu__sub, .row-with-megamenu .ba-item-main-menu .nav-child { display: block !important; } .row-with-megamenu .ba-item-main-menu .megamenu-item .mod-menu__sub, .row-with-megamenu .ba-item-main-menu .megamenu-item .nav-child { display: none !important; } .ba-hamburger-menu.ba-collapse-submenu .deeper.parent:not(.visible-nav-child) > ul.mod-menu__sub, .ba-hamburger-menu.ba-collapse-submenu .deeper.parent:not(.visible-nav-child) > ul.nav-child { padding-top: 0 !important; box-sizing: border-box; padding-bottom: 0 !important; } .ba-hamburger-menu.ba-collapse-submenu .deeper.parent > ul.mod-menu__sub, .ba-hamburger-menu.ba-collapse-submenu .deeper.parent > .tabs-content-wrapper, .ba-hamburger-menu.ba-collapse-submenu .deeper.parent > ul.nav-child { max-height: 0 ; overflow: hidden; } @keyframes visible-nav-child { 0% {max-height: 0; overflow: hidden;opacity: 0;} 99%{max-height: 400vh; overflow: visible; opacity: 1;} 100%{max-height: 400vh; overflow: visible; opacity: 1;} } .ba-hamburger-menu.ba-collapse-submenu .deeper.parent.visible-nav-child > ul.mod-menu__sub, .ba-hamburger-menu.ba-collapse-submenu .deeper.parent.visible-nav-child > .tabs-content-wrapper, .ba-hamburger-menu.ba-collapse-submenu .deeper.parent.visible-nav-child > ul.nav-child { animation: visible-nav-child .5s linear both!important; box-sizing: border-box; overflow: visible; } @keyframes hidden-nav-child { to {max-height: 0vh ; overflow: hidden; opacity: 0;} } .ba-hamburger-menu.ba-collapse-submenu .deeper.parent.hidden-nav-child > ul.mod-menu__sub, .ba-hamburger-menu.ba-collapse-submenu .deeper.parent.hidden-nav-child > .tabs-content-wrapper, .ba-hamburger-menu.ba-collapse-submenu .deeper.parent.hidden-nav-child > ul.nav-child { animation: hidden-nav-child .3s linear both !important; overflow: hidden; max-height: 0!important; transition: .3s; } .ba-hamburger-menu .mod-menu__sub > li.deeper > span:before, .ba-hamburger-menu .mod-menu__sub > li.deeper > a:before, .ba-menu-wrapper:not(.ba-collapse-submenu) li.deeper > span i.ba-icon-caret-right, .ba-menu-wrapper:not(.ba-collapse-submenu) li.deeper > a i.ba-icon-caret-right, .ba-hamburger-menu .nav-child > li.deeper > span:before, .ba-hamburger-menu .nav-child > li.deeper > a:before { display: none !important; } .ba-menu-wrapper:not(.ba-collapse-submenu).collapsible-vertical-submenu.vertical-menu .deeper.parent.hidden-nav-child > ul.mod-menu__sub, .ba-menu-wrapper:not(.ba-collapse-submenu).collapsible-vertical-submenu.vertical-menu .deeper.parent.hidden-nav-child > .tabs-content-wrapper, .ba-menu-wrapper:not(.ba-collapse-submenu).collapsible-vertical-submenu.vertical-menu .deeper.parent.hidden-nav-child > ul.nav-child { animation: none !important; max-height: none !important; } .ba-hamburger-menu.ba-collapse-submenu li.deeper > span i:not(.ba-menu-item-icon), .ba-hamburger-menu.ba-collapse-submenu li.deeper > a i:not(.ba-menu-item-icon) { align-items: center; background: transparent; box-sizing: border-box; color: inherit; display: flex !important; font-size: 24px; height: 100%; padding: 0 17px; position: absolute; right: 0; top: 0; z-index: 10; } .ba-hamburger-menu.ba-collapse-submenu li.deeper > span, .ba-hamburger-menu.ba-collapse-submenu li.deeper > a { box-sizing: border-box; padding-right: 50px !important; width: 100%; } .ba-hamburger-menu.ba-collapse-submenu .deeper.parent > span i:before, .ba-hamburger-menu.ba-collapse-submenu .deeper.parent > a i:before { display: inline-flex !important; transform: rotate(0) !important; transition: all .15s linear; } .ba-hamburger-menu.ba-collapse-submenu .deeper.parent.visible-nav-child > span i:not(.ba-menu-item-icon):before, .ba-hamburger-menu.ba-collapse-submenu .deeper.parent.visible-nav-child > a i:not(.ba-menu-item-icon):before { transform: rotate(90deg) !important; } .ba-hamburger-menu > .main-menu .mod-menu li, .ba-hamburger-menu > .main-menu .mod-menu > li.active, .ba-hamburger-menu > .main-menu .mod-menu > li:hover, .ba-hamburger-menu .mod-menu__sub .deeper:hover .mod-menu__sub, .ba-hamburger-menu .nav .deeper.parent .mod-menu__sub, .ba-hamburger-menu > .main-menu .nav li, .ba-hamburger-menu > .main-menu .nav > li.active, .ba-hamburger-menu > .main-menu .nav > li:hover, .ba-hamburger-menu > .main-menu .nav.menu li, .ba-hamburger-menu > .main-menu .nav.menu > li.active, .ba-hamburger-menu > .main-menu .nav.menu > li:hover, .ba-hamburger-menu .nav-child .deeper:hover .nav-child, .ba-hamburger-menu .nav .deeper.parent .nav-child { background: transparent !important; border-radius: 0px!important; border: none !important; box-shadow: none!important; width: 100%!important; margin-right: 0 !important; } .ba-hamburger-menu .nav > .deeper.parent > .mod-menu__sub, .ba-hamburger-menu .nav > .deeper.parent > .nav-child { margin-top: 0; } .ba-opened-menu.lightbox-open .ba-hamburger-menu > .main-menu.visible-menu { right: auto !important; left: 100%; transform: translateX(-100%); } .ba-hamburger-menu > .main-menu .close-menu i { color: inherit; cursor: pointer; font-size: inherit; } .row-with-megamenu .ba-item-main-menu .ba-menu-wrapper:not(.ba-collapse-submenu) .deeper.parent:not(.megamenu-item) .mod-menu__sub, .row-with-megamenu .ba-item-main-menu .ba-menu-wrapper:not(.ba-collapse-submenu) .deeper.parent:not(.megamenu-item) .nav-child { display: block !important; } /* Menu Position Left */ .ba-hamburger-menu.ba-menu-position-left >.main-menu { direction: rtl; right: auto; left: -500px; transition: left .5s ease; } .row-with-megamenu .ba-hamburger-menu.ba-menu-position-left >.main-menu, .ba-hamburger-menu.ba-menu-position-left >.main-menu.visible-menu { left: -17px !important; right: auto !important; transform: none !important; } .row-with-megamenu .ba-hamburger-menu.ba-menu-position-left >.main-menu *, .ba-hamburger-menu.ba-menu-position-left >.main-menu *{ direction: ltr; } /* Menu Position Center */ .ba-hamburger-menu.ba-menu-position-center >.main-menu { box-sizing: border-box; left: 100vw; min-height: 100vh; opacity: 0; right: auto; transition: opacity .3s ease, visibility .1s .4s ; visibility: hidden; width: 100vw !important; } .row-with-megamenu .ba-hamburger-menu.ba-menu-position-center >.main-menu, .ba-hamburger-menu.ba-menu-position-center >.main-menu.visible-menu { left: 0; opacity: 1; visibility: visible; transition: opacity .3s ease; } .ba-hamburger-menu >.main-menu .ba-overlay{ pointer-events: none; } a, .nav > .deeper.parent > .mod-menu__sub li a, .ba-hamburger-menu > .main-menu >.close-menu, .nav > .deeper.parent > .nav-child li a { -webkit-tap-highlight-color: transparent; } .gridbox .column-with-menu > .ba-grid-column-wrapper { z-index: inherit; } /* Sidebar menu */ .ba-item-one-page-menu.side-navigation-menu { position: static; right: auto; transform: none; width: 100%; } .ba-item-one-page-menu.side-navigation-menu li:not(.active) a { margin: 0; } .side-navigation-menu li a { left: 0 !important; } .ba-item-one-page-menu.side-navigation-menu li a:after, .ba-item-one-page-menu.side-navigation-menu li a:before { display: none; } .ba-item-one-page-menu.side-navigation-menu li a { text-align: inherit !important; } .vertical-menu .main-menu .nav > li.deeper.parent > .nav-child, .vertical-menu .main-menu .nav > li.deeper.parent > .mod-menu__sub, .vertical-menu .main-menu .mod-menu > li.deeper.parent > .mod-menu__sub, .vertical-menu .main-menu .mod-menu > li.deeper.parent > .nav-child, .vertical-menu .main-menu .nav.menu > li.deeper.parent > .mod-menu__sub, .vertical-menu .megamenu-item > .tabs-content-wrapper.ba-container, .vertical-menu .main-menu .nav.menu > li.deeper.parent > .nav-child { margin-left: 0 !important; } /* /* Megamenu */ .ba-hamburger-menu > .main-menu .megamenu-item >.tabs-content-wrapper { display: block !important; margin: 0 !important; position: static !important; transform: none !important; } .ba-hamburger-menu > .main-menu .megamenu-item >.tabs-content-wrapper .ba-section, .ba-hamburger-menu > .main-menu .megamenu-item >.tabs-content-wrapper { width: 100% !important; box-shadow: none !important; } .ba-hamburger-menu > .main-menu .megamenu-item { display: flex !important; flex-direction: column; overflow: visible !important; } .ba-hamburger-menu .megamenu-item > .tabs-content-wrapper:not(.ba-container), .ba-hamburger-menu .megamenu-item > .tabs-content-wrapper { border: none !important; padding: 0 !important; } .ba-hamburger-menu .megamenu-item .ba-item .ba-edit-item{ z-index: 50; } /* /* ba-style */ body.com_gridbox.gridbox .ba-opened-menu .ba-add-section { opacity: 0 !important; z-index: 9 !important; } body.com_gridbox.gridbox.ba-opened-menu .ba-section-items { z-index: auto; } body.com_gridbox.gridbox.ba-opened-menu .main-menu.menu-sortable-started > div:not(.sortable-helper) > .ba-edit-item, body.com_gridbox.gridbox.ba-opened-menu .ba-row .ba-column-resizer, body.com_gridbox.gridbox.ba-opened-menu div:not(.visible-menu) > div > .ba-edit-item { display: none !important; } body.com_gridbox.gridbox.ba-opened-menu div:not(.visible-menu) > .ba-overlay-section div:hover > .ba-edit-item, body.com_gridbox.gridbox.ba-opened-menu div:not(.visible-menu) div.ba-item:hover > .ba-edit-item { display: flex !important; } body.com_gridbox.gridbox.ba-opened-menu.lightbox-open .ba-edit-item { display: block !important; } body.com_gridbox.gridbox.ba-opened-menu .nav div:hover > .ba-edit-item, body.com_gridbox.gridbox.ba-opened-menu .menu div:hover > .ba-edit-item { display: block !important; visibility: visible; opacity: 1; } body.com_gridbox.gridbox.ba-opened-menu:not(.lightbox-open) .active-item:not(.sortable-helper) > div > .ba-overlay { box-shadow: 0px 0px 0px 1px rgba(255,255,255,0)!important; outline-color: transparent!important; transition: none!important; } .ba-opened-menu .body:before, .ba-opened-menu .header:before { z-index: 99999; } .gridbox .ba-item-one-page-menu .ba-hamburger-menu ~ .ba-edit-item .ba-buttons-wrapper .ba-edit-wrapper:first-child, .gridbox .ba-item-main-menu .ba-hamburger-menu ~ .ba-edit-item .ba-buttons-wrapper .ba-edit-wrapper:first-child { display: inline-block !important; } /* Fields Filter */ .ba-item .open-responsive-filters { background: var(--primary); border-radius: 3px; color: #fff !important; cursor: pointer; display: block; font-weight: bold !important; letter-spacing: 0px !important; line-height: initial !important; order: 100; padding: 15px 40px; text-align: center; margin-bottom: 25px; transition: all .3s; } .ba-item .open-responsive-filters i { font-size: 24px; margin-right: 10px; } .ba-item-fields-filter .ba-fields-filter-wrapper { height: 0; overflow: var(--responsive-filters-overflow); transition: height .5s; } .ba-fields-filter-wrapper.visible-responsive-filters { height: var(--responsive-filters-height); } .ba-item-fields-filter .ba-fields-filter-wrapper.horizontal-filter-bar { flex-wrap: inherit; } .ba-item-fields-filter .ba-field-filter-range-wrapper .price-range-handle { border-radius: 15px; height: 30px; margin-top: -15px; width: 30px; } .ba-item-fields-filter .ba-field-filter-range-wrapper .price-range-handle:before { border-radius: 15px; height: 30px; width: 30px; } .ba-item-fields-filter .ba-field-filter-input-wrapper { margin-top: 25px; } .ba-item-fields-filter .ba-field-filter-range-wrapper .price-range-handle + .price-range-handle { margin-left: -30px; } .visible-horizontal-filters-value .ba-field-filter-value-wrapper { padding: 35px 20px; } .ba-items-filter-wrapper { --responsive-filters-overflow: hidden; } .horizontal-filter-bar .ba-selected-filter-values-wrapper { flex-direction: column; } .ba-items-filter-search-button, .ba-selected-filter-values-footer { box-sizing: border-box; line-height: 24px !important; text-align: center; width: 100%; } .ba-item-fields-filter .ba-fields-filter-wrapper.horizontal-filter-bar { flex-direction: column; } .ba-item-fields-filter .ba-fields-filter-wrapper.horizontal-filter-bar .ba-field-filter { margin-right: 0; margin-bottom: 20px !important; } .ba-item-fields-filter .ba-fields-filter-wrapper.horizontal-filter-bar .ba-field-filter-value-wrapper { left: 50%; transform: translateX(-50%); } .gridbox .ba-hamburger-menu > .main-menu > .add-new-item > span .ba-tooltip { bottom: auto !important; top: -50px; } .gridbox .ba-hamburger-menu > .main-menu > .add-new-item > span .ba-tooltip:before { border-top: 5px solid #2c2c2c; top: auto; bottom: -9px; border-bottom-color: transparent; } .main-menu .integration-wrapper > .ba-edit-item { opacity: 1; pointer-events: all; } .main-menu.visible-menu .ba-item-search.ba-item > .ba-edit-item:hover, .main-menu.visible-menu .ba-item-overlay-section.ba-item > .ba-edit-item:hover, .sidebar-menu .ba-wrapper:not(.ba-sticky-header) .ba-item > .ba-edit-item { right: calc(50% - 25px); left: auto; } .row-with-menu .ba-overlay { pointer-events: none; } } @media (max-width: 1440px) { body.com_gridbox.gridbox.ba-opened-menu .body:before, body.com_gridbox.gridbox.ba-opened-menu .header:before, body.com_gridbox.gridbox.lightbox-open .header.header:before, body.com_gridbox.gridbox .ba-edit-blog-post{ display: none !important; } body.com_gridbox.gridbox:before { border: none; } body.com_gridbox.gridbox .ba-section > .ba-edit-item { right: 0; } [dir="rtl"] body.com_gridbox.gridbox .ba-section > .ba-edit-item { left: 0px; right: auto !important; } body.com_gridbox.gridbox .ba-overlay-section-backdrop > .ba-overlay-section-close, body.com_gridbox.gridbox .ba-lightbox-backdrop.visible-lightbox > .ba-lightbox-close { left: 0; right: 0; } body.com_gridbox.gridbox .ba-overlay-section-backdrop > .ba-overlay-section-close, body.com_gridbox.gridbox .ba-lightbox-backdrop.visible-lightbox > .ba-lightbox-close { right: 0px !important; top: 0; } body.com_gridbox.gridbox.blog-post-editor .ba-overlay-section-backdrop > .ba-overlay-section-close, body.com_gridbox.gridbox.blog-post-editor .ba-lightbox-backdrop > .ba-lightbox-close, body.com_gridbox.gridbox.blog-post-editor .ba-overlay-section-backdrop, body.com_gridbox.gridbox.blog-post-editor .ba-lightbox-backdrop.lightbox-center { right: 50px; } body.com_gridbox.gridbox:not(.blog-editor) .ba-overlay-section-backdrop { padding: 0 !important; } body.com_gridbox.gridbox .ba-overlay-section-backdrop.visible-section .ba-overlay-section:not(.ba-container)>.ba-section { width: calc(100vw - 6px) !important; } body .ba-overlay-section-backdrop .ba-overlay-section:not(.ba-container) > .ba-section { width: 100vw !important; } .gridbox.ba-lightbox-open .ba-cookies.notification-bar-top, .gridbox.ba-lightbox-open .ba-cookies.notification-bar-bottom, body.com_gridbox.gridbox .ba-overlay-section-backdrop.horizontal-bottom > .ba-overlay-section, body.com_gridbox.gridbox .ba-overlay-section-backdrop.horizontal-top > .ba-overlay-section { width: 100% !important; } html[data-structure="left"] .gridbox.ba-lightbox-open .ba-cookies.notification-bar-top, html[data-structure="left"] .gridbox.ba-lightbox-open .ba-cookies.notification-bar-bottom { width: calc(100% - (calc(52px + var(--structure-width) - var(--iframe-offset)))) !important; } html[data-structure="right"] .gridbox.ba-lightbox-open .ba-cookies.notification-bar-top, html[data-structure="right"] .gridbox.ba-lightbox-open .ba-cookies.notification-bar-bottom { width: calc(100% - (calc( var(--structure-width) - var(--iframe-offset-right) - var(--scroll-width)))) !important; } html[data-structure="left"] body.com_gridbox.gridbox .ba-sticky-header { left: calc(52px + var(--structure-width) - var(--iframe-offset)) !important; width: calc(100% - (calc(52px + var(--structure-width) - var(--iframe-offset)))) !important; } html[data-structure="right"] body.com_gridbox.gridbox .ba-sticky-header { left: calc(52px + var(--structure-width) - var(--iframe-offset)) !important; width: calc(100% - (calc(52px + var(--structure-width) - var(--iframe-offset-right)))) !important; } body.com_gridbox.gridbox .lightbox-top-right .ba-lightbox, body.com_gridbox.gridbox .lightbox-bottom-right .ba-lightbox, body.com_gridbox.gridbox .ba-overlay-section-backdrop > .ba-overlay-section { margin-right: 0 !important; } body.com_gridbox.gridbox .lightbox-top-left .ba-lightbox, body.com_gridbox.gridbox .lightbox-bottom-left .ba-lightbox { margin-left: 0 !important; } .gridbox .ba-image-modal.gridbox-gallery-modal { right: 0px; } body.com_gridbox.gridbox .gridbox-gallery-modal i { left: 0; } body.com_gridbox.gridbox .gridbox-gallery-modal i.ba-icon-close, body.com_gridbox.gridbox .gridbox-gallery-modal i + i{ left: auto; right: 0; } body.com_gridbox.gridbox .ba-item-scroll-to-top { margin: 0; } body.com_gridbox.gridbox .sidebar-menu + .body .ba-sticky-header, body.com_gridbox.gridbox .sidebar-menu ~ .footer .ba-sticky-header, body.com_gridbox.gridbox .sidebar-menu .ba-sticky-header, body.com_gridbox.gridbox .ba-sticky-header { left: 0px !important; max-width: 100% !important; right: 0px; } body.com_gridbox.gridbox .ba-item-social.ba-social-sidebar { left: 100% !important; } body.com_gridbox.gridbox.blog-post-editor .side-navigation-menu{ right: 30px; } body.com_gridbox.gridbox.blog-post-editor .ba-item-social.ba-social-sidebar { transform: translateY(-49%) translateX(-100%); } body.com_gridbox.gridbox.blog-post-editor .ba-overlay-section-backdrop > .ba-overlay-section-close, body.com_gridbox.gridbox.blog-post-editor .ba-lightbox-backdrop > .ba-lightbox-close, body.com_gridbox.gridbox.blog-post-editor .ba-overlay-section-backdrop, body.com_gridbox.gridbox.blog-post-editor .ba-lightbox-backdrop.lightbox-center { top: 0; left: 0; right: 0 !important; } .gridbox.blog-post-editor .ba-overlay-section-backdrop.vertical-left > .ba-overlay-section >.ba-section, .gridbox.blog-post-editor .ba-overlay-section-backdrop.vertical-right > .ba-overlay-section > .ba-section { min-height: 100vh!important; } body.com_gridbox.gridbox.blog-post-editor .lightbox-bottom-right .ba-lightbox, body.com_gridbox.gridbox.blog-post-editor .lightbox-top-right .ba-lightbox { right: 50px; } body.com_gridbox.gridbox.blog-post-editor .lightbox-top-left .ba-lightbox, body.com_gridbox.gridbox.blog-post-editor .lightbox-bottom-left .ba-lightbox { left: 50px } body.com_gridbox.gridbox.blog-post-editor .lightbox-top-right .ba-lightbox, body.com_gridbox.gridbox.blog-post-editor .lightbox-top-left .ba-lightbox { top: 50px !important; } body.com_gridbox.gridbox.blog-post-editor .ba-lightbox-backdrop.ba-cookies.visible-lightbox { left: 0; width: 100% !important; } .ba-container header.sidebar-menu.fixed-header, body.com_gridbox.gridbox header.sidebar-menu.fixed-header { left: 0!important; } .com_gridbox.gridbox.ba-system-editing .sidebar-menu + .body .ba-item-preloader { margin-left: calc(0px - var(--sidebar-menu-width)); width: calc(100% + var(--sidebar-menu-width)) !important; } .ba-laptop-sticky-column-enabled { display: block !important; } .ba-laptop-sticky-column-enabled > .ba-grid-column { position: sticky; } .ba-laptop-sticky-column-disabled { display: flex !important; } .ba-laptop-sticky-column-disabled > .ba-grid-column { position: relative; top: 0 !important; } .ba-laptop-sticky-row-enabled { position:sticky; top: var(--row-sticky-offset); z-index:15; } .ba-laptop-sticky-row-disabled { position: relative; top: 0; } .ba-laptop-sticky-section-enabled.ba-wrapper{ position:sticky; top: var(--section-sticky-offset); z-index:15; } .ba-laptop-sticky-section-disabled.ba-wrapper{ position: relative; top: 0; } /* Column Vertical Direction Laptop */ .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-left-lp { align-items: start; align-content: start; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-center-lp { align-items: center; align-content: center; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-right-lp { align-items: end; align-content: end; } .column-wrapper .ba-grid-column-wrapper > .ba-grid-column:not(.column-horizontal-direction).column-content-align-top-lp { justify-content: start !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-content-align-middle-lp { justify-content: center !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-content-align-bottom-lp { justify-content: end !important; } /* Column Horizontal Direction Laptop*/ .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-top-lp { align-content: start; align-items: start; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-middle-lp { align-content: center; align-items: center; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-bottom-lp { align-content: end; align-items: end; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-left-lp { justify-content: start !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-center-lp { justify-content: center !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-right-lp { justify-content: end !important; }} @media (max-width: 1280px) { .body .module-position > [class*="ba-col"], .footer .module-position >[class*="ba-col"], .module-position > [class*="ba-col"] { margin-left: 0; width: 100%; } [class*="ba-col-"] { margin-left: 0; } .ba-edit-blog-post, .ba-item-blog-content:hover > .ba-edit-item{ display: none; } .ba-item-image .ba-image-wrapper img { width: 100% ; } /* Plugin Tabs */ .ba-item .ba-tabs-wrapper.tabs-left, .ba-item .ba-tabs-wrapper.tabs-right { flex-direction: column } .ba-item .ba-tabs-wrapper.tabs-right > .nav-tabsli a:before { left: -1px; right: auto; } .ba-item .ba-tabs-wrapper.tabs-right > .nav-tabs, .ba-item .ba-tabs-wrapper.tabs-left > .nav-tabs { flex-direction: row; width: 100%; } .ba-item .ba-tabs-wrapper .nav-tabs { display: flex !important; flex-wrap: nowrap; white-space: nowrap; max-width: 100%; overflow-x: auto; } .ba-tabs-wrapper .nav-tabs::-webkit-scrollbar { width: 6px; } .ba-tabs-wrapper .nav-tabs::-webkit-scrollbar-track { background-color: transparent; } .ba-tabs-wrapper .nav-tabs::-webkit-scrollbar-thumb { background: transparent; border-radius: 6px; } .ba-tabs-wrapper .nav-tabs:not(#blog-post-editor-fields-options) { scrollbar-width: thin; scrollbar-color: transparent transparent; } .ba-tabs-wrapper.tabs-right > .nav-tabs:before, .ba-tabs-wrapper.tabs-left > .nav-tabs:before { display: none; } .ba-tabs-wrapper.tabs-left > .nav-tabs li, .ba-tabs-wrapper.tabs-right > .nav-tabs li, .ba-tabs-wrapper.tabs-right > .nav-tabs li a, .ba-tabs-wrapper.tabs-left > .nav-tabs li a { border-width: 0; border-right-width: 0 !important; border-bottom-width: 1px; border-color: inherit; } .ba-tabs-wrapper.tabs-right > .nav-tabs li.active a:before, .ba-tabs-wrapper.tabs-left > .nav-tabs li.active a:before { height: 4px; top: auto; width: 100%; } /* Sidebar Menu */ .sidebar-menu ~ .footer .ba-wrapper.ba-sticky-header, .sidebar-menu + .body .ba-wrapper.ba-sticky-header, .sidebar-menu .ba-wrapper.ba-sticky-header, .sidebar-menu + .body ~ .footer, .sidebar-menu + .body { width: 100% !important; } .header.sidebar-menu > .ba-wrapper:not(.ba-sticky-header) > .ba-section, .header.sidebar-menu .ba-section.row-fluid { min-height: auto !important; } .ba-item.sortable-placeholder, .sortable-placeholder { margin: 0 auto !important; } .header.sidebar-menu ~ .footer .ba-wrapper.ba-sticky-header, .header.sidebar-menu + .body .ba-wrapper.ba-sticky-header, .header.sidebar-menu .ba-wrapper.ba-sticky-header, .header.sidebar-menu + .body ~ .footer, .header.sidebar-menu + .body { margin: 0 !important; } /* Plugin Slideshow */ .ba-item-slideshow .ba-slideshow-caption { padding: 20px !important; } /* Plugin Lightbox */ .ba-overlay-section-backdrop .ba-section, .ba-lightbox .ba-section, .ba-lightbox { box-sizing: border-box; max-width: 100%; } .ba-overlay-section-backdrop.lightbox .ba-overlay-section, .ba-overlay-section-backdrop.vertical-left > .ba-overlay-section >.ba-section, .ba-overlay-section-backdrop.vertical-right > .ba-overlay-section > .ba-section { max-width: 100vw; } .ba-lightbox-backdrop:not(.lightbox-center):not(.ba-cookies) .ba-lightbox { margin: 0 20px; max-width: calc(100% - 40px); } .ba-overlay-section-backdrop, .ba-lightbox-backdrop { right: 0 !important; } .lightbox-bottom-right .ba-lightbox, .lightbox-top-right .ba-lightbox { right: 0 !important; } .lightbox-top-left .ba-lightbox, .lightbox-bottom-left .ba-lightbox { left: 0 !important; } .ba-search-result-body { padding-left: 25px; padding-right: 25px; } .parallax-wrapper { display: none; } .ba-slideshow-img video, .ba-slideshow-img iframe { display: none !important; } @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media(max-width: 1024px) { .com_gridbox:not(.gridbox).ba-visible-checkout-authentication .body { overflow: visible; } } } @supports (-webkit-text-size-adjust:none) and (-webkit-marquee-repetition:infinite) and (object-fit:fill) { @media(max-width: 1024px) { .com_gridbox:not(.gridbox).ba-visible-checkout-authentication .body { overflow: visible; } } } @media not all and (min-resolution:.001dpcm) { @media(max-width: 1024px) { .com_gridbox:not(.gridbox).ba-visible-checkout-authentication .body { overflow: visible; } } } .com_gridbox input:not([type="checkbox"]) { -webkit-appearance: none !important; } .body .login + div, .body .remind > form, .body .reset > form, .body .login > form { margin: 0 auto!important; width: calc(100% - 50px) !important; } .control-group .control-label { width: 30%!important; } .form-horizontal .controls { margin-left: 35% !important; } .body .login #password, .body .login #username { width: 100%!important; } .column-wrapper { display: flex; flex-wrap: wrap; flex-direction: row; } .column-wrapper .ba-grid-column-wrapper { flex-grow: 0; } [dir="rtl"] .body [class*="ba-col"], [dir="rtl"] .footer [class*="ba-col"], [dir="rtl"] [class*="ba-col"] { margin-right: 0 !important; } .body .ba-col-12 { width: 100%; } .body .ba-col-11 { width: 91.66666667%; } .body .ba-col-10 { width: 83.33333333%; } .body .ba-col-9 { width: 75%; } .body .ba-col-8 { width: 66.66666667%; } .body .ba-col-7 { width: 58.33333333%; } .body .ba-col-6 { width: 50%; } .body .ba-col-5 { width: 41.66666667%; } .body .ba-col-4 { width: 33.33333333%; } .body .ba-col-3 { width: 25%; } .body .ba-col-2 { width: 16.66666667%; } .body .ba-col-1 { width: 8.33333333%; } .header .ba-col-12, .header [class*="ba-col"].ba-tb-la-12, .body .ba-tb-la-12, .footer .ba-tb-la-12, .ba-tb-la-12 { width: 100%; } .header .ba-col-11, .header [class*="ba-col"].ba-tb-la-11, .body .ba-tb-la-11, .footer .ba-tb-la-11, .ba-tb-la-11 { width: 91.66666667%; } .header .ba-col-10, .header [class*="ba-col"].ba-tb-la-10, .body .ba-tb-la-10, .footer .ba-tb-la-10, .ba-tb-la-10 { width: 83.33333333%; } .header .ba-col-9, .header [class*="ba-col"].ba-tb-la-9, .body .ba-tb-la-9, .footer .ba-tb-la-9, .ba-tb-la-9 { width: 75%; } .header .ba-col-8, .header [class*="ba-col"].ba-tb-la-8, .body .ba-tb-la-8, .footer .ba-tb-la-8, .ba-tb-la-8 { width: 66.66666667%; } .header .ba-col-7, .header [class*="ba-col"].ba-tb-la-7, .body .ba-tb-la-7, .footer .ba-tb-la-7, .ba-tb-la-7 { width: 58.33333333%; } .header .ba-col-6, .header [class*="ba-col"].ba-tb-la-6, .body .ba-tb-la-6, .footer .ba-tb-la-6, .ba-tb-la-6 { width: 50%; } .header .ba-col-5, .header [class*="ba-col"].ba-tb-la-5, .body .ba-tb-la-5, .footer .ba-tb-la-5, .ba-tb-la-5 { width: 41.66666667%; } .header .ba-col-4, .header [class*="ba-col"].ba-tb-la-4, .body .ba-tb-la-4, .footer .ba-tb-la-4, .ba-tb-la-4 { width: 33.33333333%; } .header .ba-col-3, .header [class*="ba-col"].ba-tb-la-3, .body .ba-tb-la-3, .footer .ba-tb-la-3, .ba-tb-la-3 { width: 25%; } .header .ba-col-2, .header [class*="ba-col"].ba-tb-la-2, .body .ba-tb-la-2, .footer .ba-tb-la-2, .ba-tb-la-2 { width: 16.66666667%; } .header .ba-col-1, .header [class*="ba-col"].ba-tb-la-1, .body .ba-tb-la-1, .footer .ba-tb-la-1, .ba-tb-la-1 { width: 8.33333333%; } body:not(.com_gridbox) .body { padding: 0 25px; } /* /* Columns Order */ .column-wrapper .ba-grid-column-wrapper.ba-tb-la-order-1 { order: 1; } .column-wrapper .ba-grid-column-wrapper.ba-tb-la-order-2 { order: 2; } .column-wrapper .ba-grid-column-wrapper.ba-tb-la-order-3 { order: 3; } .column-wrapper .ba-grid-column-wrapper.ba-tb-la-order-4 { order: 4; } .column-wrapper .ba-grid-column-wrapper.ba-tb-la-order-5 { order: 5; } .column-wrapper .ba-grid-column-wrapper.ba-tb-la-order-6 { order: 6; } .column-wrapper .ba-grid-column-wrapper.ba-tb-la-order-7 { order: 7; } .column-wrapper .ba-grid-column-wrapper.ba-tb-la-order-8 { order: 8; } .column-wrapper .ba-grid-column-wrapper.ba-tb-la-order-9 { order: 9; } .column-wrapper .ba-grid-column-wrapper.ba-tb-la-order-10 { order: 10; } .column-wrapper .ba-grid-column-wrapper.ba-tb-la-order-11 { order: 11; } .column-wrapper .ba-grid-column-wrapper.ba-tb-la-order-12 { order: 12; } /* /* ba-style.css */ body.com_gridbox.gridbox > * .ba-row .ba-column-resizer { display: none; } body.com_gridbox.gridbox .ba-grid-column { transition: none !important; } body.com_gridbox.gridbox .header:hover + .body .ba-add-section { z-index: 100; } body.com_gridbox.gridbox .active-item { z-index: 5; } body.com_gridbox.gridbox .column-with-menu .ba-grid-column-wrapper, body.com_gridbox.gridbox .row-with-menu .active-item { z-index: initial; } body.com_gridbox.gridbox .ba-add-section { transition: opacity .3s ease-in-out; } body.com_gridbox.gridbox:not(.blog-editor) .ba-overlay-section-backdrop { padding: 0 !important; } body.com_gridbox.gridbox .ba-overlay-section-backdrop.visible-section .ba-overlay-section:not(.ba-container)>.ba-section { width: calc(100vw - 6px) !important; } body .ba-overlay-section-backdrop .ba-overlay-section:not(.ba-container) > .ba-section { width: 100vw !important; } div .ba-video-background video, div .ba-video-background iframe { left: 0; min-height: 100% !important; top: 0; transform: translateX(-50%)translateX(50vw); width: calc(200vh/.5624); } /* Preloader */ .preloader-animation-out .preloader-wrapper { animation: pt-fade-out .5s .3s linear both !important; } .preloader-wrapper.ba-pt-split-diamond:after, .preloader-wrapper.ba-pt-split-diamond:before { animation: none!important; bottom: 0 !important; left: 0 !important; right: 0 !important; top: 0 !important; } /* Calendar */ @keyframes calendar-tablet { from {opacity: 0;} to {opacity: 1;} } .event-calendar-events-list { animation: calendar-tablet .3s cubic-bezier(0.4, 0, 0.2, 1) both !important; left: calc(50% - 186px) !important; max-height: 90vh; max-width: 90%; overflow-y: auto; position: fixed !important; top: calc(50% - (var(--event-calendar-list-height)/2) )!important; } .event-calendar-events-list .event-calendar-row-wrapper { box-sizing: border-box; max-height: 90vh; } .event-calendar-events-list:after { display: none; } .comment-reply-form-wrapper, .ba-comment-reply-wrapper { margin-left: 0 !important; } .ba-tabs-wrapper .ba-item-text li { display: list-item !important; } @keyframes notification-responsive { from {bottom: 0; transform: translateY(100%) translateX(50%); opacity: 0;} } #ba-notification.notification-in { animation: notification-responsive .4s cubic-bezier(.25,.98,.26,.99) both; } #ba-notification { right: 50%; transform: translateX(50%); } @keyframes notification-responsive-out { to {bottom: 0; transform: translateY(130%) translateX(50%); opacity: 0;} } body #ba-notification.animation-out { animation: notification-responsive-out .4s cubic-bezier(.25,.98,.26,.99) both; } .sidebar-menu .ba-section > .ba-edit-item .ba-buttons-wrapper { left: auto; padding: 5px 50px 5px 10px; right: 5px; } .com_gridbox.gridbox.ba-system-editing .sidebar-menu + .body .ba-item-preloader { margin-left: 0; width: 100% !important; } /* Store */ .ba-store-cart.ba-container:not(.ba-overlay-section) { width: 100%; } .ba-cart-products-list[class*="ba-col"] { min-height: auto; margin-bottom: 50px; padding: 0; } .ba-store-cart-backdrop { align-items: flex-start; } .ba-cart-product-title-cell { flex-grow: 1; } .ba-wishlist-product-remove-cell i, .ba-cart-product-remove-cell i { font-size: 24px; } .ba-cart-checkout-row.ba-cart-checkout-promo-code input { width: 100%; } .ba-cart-checkout-row.ba-cart-checkout-promo-code .ba-cart-apply-promo-code { padding: 15px 25px; white-space: nowrap; } .ba-left-thumbnails-navigation.dots-position-outside .ba-overlay { left: 0 !important; } .ba-store-wishlist-backdrop > .ba-store-wishlist-close, .ba-store-cart-backdrop > .ba-store-cart-close { width: 100%; } .ba-empty-cart-products-message { text-align: center; } body .ba-live-search-results { left: 20px; max-width: calc(100% - 40px); min-width: calc(100% - 40px); } .ba-account-wrapper { flex-direction: column; } .ba-account-wrapper .tab-content, .ba-account-wrapper > .nav-tabs { padding: 0; width: 100%; } .ba-account-wrapper .tab-content { padding: 0 25px; } .ba-account-wrapper > .nav-tabs li.active a:before { height: 4px; top: auto; width: 100%; } .ba-account-wrapper > .nav-tabs li > a { border: none !important; white-space: nowrap; } .ba-account-wrapper > .nav-tabs { border-bottom: 1px solid var(--border)!important; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; padding: 0 25px !important; width: 100%; overflow-y: hidden; overflow-x: scroll; } .ba-account-tr { border: none !important; } .ba-checkout-authentication-backdrop, .ba-checkout-registration-backdrop { align-items: normal; } .ba-tb-la-sticky-column-enabled { display: block !important; } .ba-tb-la-sticky-column-enabled > .ba-grid-column { position: sticky; } .ba-tb-la-sticky-column-disabled { display: flex !important; } .ba-tb-la-sticky-column-disabled > .ba-grid-column { position: relative; top: 0 !important; } .ba-tb-la-sticky-row-enabled { position:sticky; top: var(--row-sticky-offset); z-index:15; } .ba-tb-la-sticky-row-disabled { position: relative; top: 0; } .ba-tb-la-sticky-section-enabled.ba-wrapper { position:sticky; top: var(--section-sticky-offset); z-index:15; } .ba-tb-la-sticky-section-disabled.ba-wrapper { position: relative; top: 0; } .ba-item.ba-item-breadcrumbs ul { flex-wrap: nowrap; max-width: 100%; overflow: auto; } .ba-item-breadcrumbs ul::-webkit-scrollbar { width: 6px; } .ba-item-breadcrumbs ul::-webkit-scrollbar-track { background-color: transparent; } .ba-item-breadcrumbs ul::-webkit-scrollbar-thumb { background: transparent; } .com-content-category-blog__items.blog-items.columns-2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .ba-item-hotspot .ba-hotspot-popover { bottom: auto !important; box-sizing: border-box; display: block; left: calc(50vw - var(--horizontal-offset)) !important; max-height: 95vh; max-width: 95vw; overflow-y: auto; right: auto !important; top: calc(50vh - var(--vertical-offset)) !important; transform: translate(-50%, -50%) !important; } body.com_gridbox.gridbox .ba-item-blog-content:hover > .ba-edit-item , .ba-hotspot-popover:not(.ba-visible-hotspot-popover), .ba-item-hotspot .ba-hotspot-popover:after { display: none!important; } /* Column Vertical Direction Tablet Landscape */ .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-left-md { align-items: start; align-content: start; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-center-md { align-items: center; align-content: center; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-right-md { align-items: end; align-content: end; } .column-wrapper .ba-grid-column-wrapper > .ba-grid-column:not(.column-horizontal-direction).column-content-align-top-md { justify-content: start !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-content-align-middle-md { justify-content: center !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-content-align-bottom-md { justify-content: end !important; } /* Column Horizontal Direction Tablet Landscape*/ .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-top-md { align-content: start; align-items: start; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-middle-md { align-content: center; align-items: center; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-bottom-md { align-content: end; align-items: end; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-left-md { justify-content: start !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-center-md { justify-content: center !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-right-md { justify-content: end !important; }} @media (max-width: 1024px) { /* /* Blog */ .ba-item-categories .ba-classic-layout .ba-blog-post, .ba-item-blog-posts .ba-classic-layout .ba-blog-post, .ba-item-search-result .ba-classic-layout .ba-blog-post, .ba-item-post-navigation .ba-classic-layout .ba-blog-post, .ba-item-related-posts .ba-classic-layout .ba-blog-post, .ba-item-recent-posts .ba-classic-layout .ba-blog-post { flex-direction: column !important; } .ba-item-categories .ba-blog-post .ba-blog-post-image { margin: 0 auto !important; } .ba-item-categories .ba-classic-layout .ba-blog-post .ba-blog-post-content, .ba-item-blog-posts .ba-classic-layout .ba-blog-post .ba-blog-post-content, .ba-item-search-result .ba-classic-layout .ba-blog-post .ba-blog-post-content, .ba-item-post-navigation .ba-classic-layout .ba-blog-post .ba-blog-post-content, .ba-item-related-posts .ba-classic-layout .ba-blog-post .ba-blog-post-content, .ba-item-recent-posts .ba-classic-layout .ba-blog-post .ba-blog-post-content { width: 100%; } .ba-item-categories .ba-classic-layout .ba-blog-post-content { padding-left: 0; } .header .ba-tb-pt-12, .header [class*="ba-col"].ba-tb-pt-12, .body .ba-tb-pt-12, .footer .ba-tb-pt-12, .ba-tb-pt-12 { width: 100%; } .header .ba-tb-pt-11, .header [class*="ba-col"].ba-tb-pt-11, .body .ba-tb-pt-11, .footer .ba-tb-pt-11, .ba-tb-pt-11 { width: 91.66666667%; } .header .ba-tb-pt-10, .header [class*="ba-col"].ba-tb-pt-10, .body .ba-tb-pt-10, .footer .ba-tb-pt-10, .ba-tb-pt-10 { width: 83.33333333%; } .header .ba-tb-pt-9, .header [class*="ba-col"].ba-tb-pt-9, .body .ba-tb-pt-9, .footer .ba-tb-pt-9, .ba-tb-pt-9 { width: 75%; } .header .ba-tb-pt-8, .header [class*="ba-col"].ba-tb-pt-8, .body .ba-tb-pt-8, .footer .ba-tb-pt-8, .ba-tb-pt-8 { width: 66.66666667%; } .header .ba-tb-pt-7, .header [class*="ba-col"].ba-tb-pt-7, .body .ba-tb-pt-7, .footer .ba-tb-pt-7, .ba-tb-pt-7 { width: 58.33333333%; } .header .ba-tb-pt-6, .header [class*="ba-col"].ba-tb-pt-6, .body .ba-tb-pt-6, .footer .ba-tb-pt-6, .ba-tb-pt-6 { width: 50%; } .header .ba-tb-pt-5, .header [class*="ba-col"].ba-tb-pt-5, .body .ba-tb-pt-5, .footer .ba-tb-pt-5, .ba-tb-pt-5 { width: 41.66666667%; } .header .ba-tb-pt-4, .header [class*="ba-col"].ba-tb-pt-4, .body .ba-tb-pt-4, .footer .ba-tb-pt-4, .ba-tb-pt-4 { width: 33.33333333%; } .header .ba-tb-pt-3, .header [class*="ba-col"].ba-tb-pt-3, .body .ba-tb-pt-3, .footer .ba-tb-pt-3, .ba-tb-pt-3 { width: 25%; } .header .ba-tb-pt-2, .header [class*="ba-col"].ba-tb-pt-2, .body .ba-tb-pt-2, .footer .ba-tb-pt-2, .ba-tb-pt-2 { width: 16.66666667%; } .header .ba-tb-pt-1, .header [class*="ba-col"].ba-tb-pt-1, .body .ba-tb-pt-1, .footer .ba-tb-pt-1, .ba-tb-pt-1 { width: 8.33333333%; } .column-wrapper .ba-grid-column-wrapper.ba-tb-pt-order-1 { order: 1; } .column-wrapper .ba-grid-column-wrapper.ba-tb-pt-order-2 { order: 2; } .column-wrapper .ba-grid-column-wrapper.ba-tb-pt-order-3 { order: 3; } .column-wrapper .ba-grid-column-wrapper.ba-tb-pt-order-4 { order: 4; } .column-wrapper .ba-grid-column-wrapper.ba-tb-pt-order-5 { order: 5; } .column-wrapper .ba-grid-column-wrapper.ba-tb-pt-order-6 { order: 6; } .column-wrapper .ba-grid-column-wrapper.ba-tb-pt-order-7 { order: 7; } .column-wrapper .ba-grid-column-wrapper.ba-tb-pt-order-8 { order: 8; } .column-wrapper .ba-grid-column-wrapper.ba-tb-pt-order-9 { order: 9; } .column-wrapper .ba-grid-column-wrapper.ba-tb-pt-order-10 { order: 10; } .column-wrapper .ba-grid-column-wrapper.ba-tb-pt-order-11 { order: 11; } .column-wrapper .ba-grid-column-wrapper.ba-tb-pt-order-12 { order: 12; } .ba-video-background video, .ba-video-background iframe { left: 0; min-height: 100% !important; top: 0; transform: translateX(-50%)translateX(50vw); width: calc(200vh/.5624); } .ba-item-checkout-form.ba-item .ba-checkout-form-wrapper .ba-checkout-form-fields { width: 100%!important; } .ba-tb-pt-sticky-column-enabled { display: block !important; } .ba-tb-pt-sticky-column-enabled > .ba-grid-column { position: sticky; } .ba-tb-pt-sticky-column-disabled { display: flex !important; } .ba-tb-pt-sticky-column-disabled > .ba-grid-column { position: relative; top: 0 !important; } .ba-tb-pt-sticky-row-enabled { position:sticky; top: var(--row-sticky-offset); z-index:15; } .ba-tb-pt-sticky-row-disabled { position: relative; top: 0; } .ba-tb-pt-sticky-section-enabled.ba-wrapper { position:sticky; top: var(--section-sticky-offset); z-index:15; } .ba-tb-pt-sticky-section-disabled.ba-wrapper { position: relative; top: 0; } .ba-item-currency-switcher .ba-dropdown-layout .ba-currency-switcher-list:before { display: none; } .ba-item-currency-switcher .ba-dropdown-layout.visible-currency-switcher-list .ba-currency-switcher-list { left: 50%; position: fixed; top: 50%; transform: translateY(-50%) !important; } .ba-item-add-to-cart .ba-add-to-cart-sku { flex-wrap: wrap; margin-bottom: 10px; } .ba-item-add-to-cart .ba-add-to-cart-sku > div, .ba-add-to-cart-extra-option[data-type="dropdown"] > div, .ba-item-add-to-cart .ba-add-to-cart-stock > div, .ba-item-add-to-cart .ba-add-to-cart-variation > div { justify-content: center; text-align: center; width: 100%; } .ba-item-add-to-cart .ba-add-to-cart-row-label { margin: 0 !important; } .ba-add-to-cart-extra-option[data-type="dropdown"], .ba-item-add-to-cart .ba-add-to-cart-stock, .ba-add-to-cart-price, .ba-add-to-cart-button-wrapper, .ba-item-add-to-cart .ba-add-to-cart-variation { flex-direction: column; } .ba-item.ba-item-add-to-cart .ba-add-to-cart-wrapper > .ba-add-to-cart-price:not(.ba-add-to-cart-info) { align-items: center; display: flex; } .ba-add-to-cart-button-wrapper { align-items: center; } /* Column Vertical Direction Tablet Portrait */ .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-left-md-pt { align-items: start; align-content: start; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-center-md-pt { align-items: center; align-content: center; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-right-md-pt { align-items: end; align-content: end; } .column-wrapper .ba-grid-column-wrapper > .ba-grid-column:not(.column-horizontal-direction).column-content-align-top-md-pt { justify-content: start !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-content-align-middle-md-pt { justify-content: center !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-content-align-bottom-md-pt { justify-content: end !important; } /* Column Horizontal Direction Tablet Portrait*/ .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-top-md-pt { align-content: start; align-items: start; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-middle-md-pt { align-content: center; align-items: center; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-bottom-md-pt { align-content: end; align-items: end; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-left-md-pt { justify-content: start !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-center-md-pt { justify-content: center !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-right-md-pt { justify-content: end !important; } .ba-add-to-cart-quantity { margin: 0 0 20px 0; margin-right: 0 !important; } }@media (min-width: 1281px) and (max-width: 1440px){body:not(.show-hidden-elements) .ba-hidden-lp { display: none !important; } body:not(.show-hidden-elements) .ba-hidden-lp:first-child + .ba-column-resizer + .ba-grid-column-wrapper { margin-left: 0 !important; } } @media (min-width: 1025px) and (max-width: 1280px){body:not(.show-hidden-elements) .ba-hidden-md { display: none !important; } body:not(.show-hidden-elements) .ba-hidden-md:first-child + .ba-column-resizer + .ba-grid-column-wrapper { margin-left: 0 !important; } } @media (min-width: 769px) and (max-width: 1024px){body:not(.show-hidden-elements) .ba-hidden-md-pt { display: none !important; } body:not(.show-hidden-elements) .ba-hidden-md-pt:first-child + .ba-column-resizer + .ba-grid-column-wrapper { margin-left: 0 !important; } } @media (min-width: 421px) and (max-width: 768px){body:not(.show-hidden-elements) .ba-hidden-sm { display: none !important; } body:not(.show-hidden-elements) .ba-hidden-sm:first-child + .ba-column-resizer + .ba-grid-column-wrapper { margin-left: 0 !important; } } @media (max-width: 768px) { body { word-break: break-word; } .ba-item-post-navigation .ba-blog-post { margin: 0 !important; width: 100% !important; } .ba-item-post-navigation .ba-blog-posts-wrapper { display: block !important; } .ba-item-post-navigation .ba-blog-posts-wrapper > i { display: none; } body .ba-item-post-navigation .ba-blog-posts-wrapper .ba-blog-post-image { margin-right: 0 !important; margin-left: 0 !important; } .control-group .control-label { width: 100%!important; } .form-horizontal .controls { margin-left: 0 !important; } .remind .control-group .control-label, .reset .control-group .control-label, .login .control-group .control-label { text-align: center; } .header .ba-sm-la-12, .header [class*="ba-col"].ba-sm-la-12, .ba-sm-la-12, .body .ba-sm-la-12, .footer .ba-sm-la-12 { width: 100%; } .header .ba-sm-la-11, .header [class*="ba-col"].ba-sm-la-11, .ba-sm-la-11, .body .ba-sm-la-11, .footer .ba-sm-la-11 { width: 91.66666667%; } .header .ba-sm-la-10, .header [class*="ba-col"].ba-sm-la-10, .ba-sm-la-10, .body .ba-sm-la-10, .footer .ba-sm-la-10 { width: 83.33333333%; } .header .ba-sm-la-9, .header [class*="ba-col"].ba-sm-la-9, .ba-sm-la-9, .body .ba-sm-la-9, .footer .ba-sm-la-9 { width: 75%; } .header .ba-sm-la-8, .header [class*="ba-col"].ba-sm-la-8, .ba-sm-la-8, .body .ba-sm-la-8, .footer .ba-sm-la-8 { width: 66.66666667%; } .header .ba-sm-la-7, .header [class*="ba-col"].ba-sm-la-7, .ba-sm-la-7, .body .ba-sm-la-7, .footer .ba-sm-la-7 { width: 58.33333333%; } .header .ba-sm-la-6, .header [class*="ba-col"].ba-sm-la-6, .ba-sm-la-6, .body .ba-sm-la-6, .footer .ba-sm-la-6 { width: 50%; } .header .ba-sm-la-5, .header [class*="ba-col"].ba-sm-la-5, .ba-sm-la-5, .body .ba-sm-la-5, .footer .ba-sm-la-5 { width: 41.66666667%; } .header .ba-sm-la-4, .header [class*="ba-col"].ba-sm-la-4, .ba-sm-la-4, .body .ba-sm-la-4, .footer .ba-sm-la-4 { width: 33.33333333%; } .header .ba-sm-la-3, .header [class*="ba-col"].ba-sm-la-3, .ba-sm-la-3, .body .ba-sm-la-3, .footer .ba-sm-la-3 { width: 25%; } .header .ba-sm-la-2, .header [class*="ba-col"].ba-sm-la-2, .ba-sm-la-2, .body .ba-sm-la-2, .footer .ba-sm-la-2 { width: 16.66666667%; } .header .ba-sm-la-1, .header [class*="ba-col"].ba-sm-la-1, .ba-sm-la-1, .body .ba-sm-la-1, .footer .ba-sm-la-1 { width: 8.33333333%; } .column-wrapper .ba-grid-column-wrapper.ba-sm-la-order-1 { order: 1; } .column-wrapper .ba-grid-column-wrapper.ba-sm-la-order-2 { order: 2; } .column-wrapper .ba-grid-column-wrapper.ba-sm-la-order-3 { order: 3; } .column-wrapper .ba-grid-column-wrapper.ba-sm-la-order-4 { order: 4; } .column-wrapper .ba-grid-column-wrapper.ba-sm-la-order-5 { order: 5; } .column-wrapper .ba-grid-column-wrapper.ba-sm-la-order-6 { order: 6; } .column-wrapper .ba-grid-column-wrapper.ba-sm-la-order-7 { order: 7; } .column-wrapper .ba-grid-column-wrapper.ba-sm-la-order-8 { order: 8; } .column-wrapper .ba-grid-column-wrapper.ba-sm-la-order-9 { order: 9; } .column-wrapper .ba-grid-column-wrapper.ba-sm-la-order-10 { order: 10; } .column-wrapper .ba-grid-column-wrapper.ba-sm-la-order-11 { order: 11; } .column-wrapper .ba-grid-column-wrapper.ba-sm-la-order-12 { order: 12; } .ba-video-background video, .ba-video-background iframe { height: calc(100vw * .5625); left: calc(0px - ((100vw - 100%)/2)); position: absolute; top: calc(50% - ((100vw * .5625)/2)); width: 100vw; } .ba-video-background video, .ba-video-background iframe { left: 0; min-height: 100% !important; top: 0; transform: translateX(-50%)translateX(50vw); width: calc(200vh/.5624); } .ba-guest-login-wrapper, .ba-user-login-wrapper, .ba-social-login-wrapper { justify-content: center; width: 100%; } .comment-reply-form-wrapper .ba-submit-cancel, .ba-leave-review-box-wrapper .ba-submit-cancel, .user-comment-wrapper.user-comment-edit-enable .ba-submit-cancel, .ba-submit-comment { margin-top: 15px; } .ba-user-login-btn,.ba-submit-comment { box-sizing: border-box; text-align: center !important; } .ba-item-comments-box .comment-reply-form-wrapper .ba-submit-comment-wrapper, .ba-item-comments-box div:not(.comment-edit-form-wrapper)>.ba-comment-message-wrapper .ba-submit-comment-wrapper, .ba-item-comments-box .comment-reply-form-wrapper .ba-submit-comment, .ba-item-comments-box div:not(.comment-edit-form-wrapper)>.ba-comment-message-wrapper .ba-submit-comment, .ba-comments-icons-wrapper { text-align: center; width: 100% !important; } .user-comment-wrapper { display: inline-block !important; } .comment-user-info { margin-left: 75px; min-height: 50px; position: relative; width: calc(100% - 75px) !important; } .ba-item-comments-box .comment-user-info { margin-top: 10px; } .comment-user-info-wrapper { float: left; } .comment-reply-name { flex-grow: 0; } .comment-logout-action { float: right; } .comment-logout-action { line-height: 50px !important; } .ba-item-reviews .user-comment-wrapper .ba-review-stars-wrapper, .comment-not-approved-label, .comment-moderator-label, .comment-reply-action, .comment-attachments-wrapper, .comment-attachments-image-wrapper { margin-left: 0; } .user-comment-wrapper span.comment-user-name { margin-right: 5px; } @keyframes smiles-picker-in-mobile { from { opacity: 0;} to { opacity: 1;} } .ba-comment-smiles-picker-dialog { animation: smiles-picker-in-mobile .3s cubic-bezier(0.4,0,0.2,1) both!important; left: 50% !important; max-width: 90%; position: fixed !important; top: calc(50vh - 90px) !important; transform: scale(1)translateX(-50%); } .ba-comment-smiles-picker-dialog:before { display: none; } .comment-likes-action-wrapper { display: inline-block; text-align: center; white-space: nowrap; width: 100%; } .comment-share-action, .comment-reply-action { float: none; } .comment-likes-wrapper { text-align: center; } .comment-action-wrapper > span { margin: 25px 12px 0 !important; } .user-comment-wrapper span.comment-user-name, .comment-attachments-wrapper, .comment-user-message-wrapper, .comment-likes-action-wrapper > span:first-child { margin-left: 0 !important; } .ba-comments-captcha-wrapper, .ba-comments-captcha-wrapper.inline-style { margin-top: 15px; text-align: center !important; width: 100% !important; } .ba-comments-captcha-wrapper > .comments-recaptcha { justify-content: center; margin-top: 25px; } .ba-comments-login-wrapper + .ba-review-rate-wrapper, .ba-comments-login-wrapper { display: block; } .ba-submit-comment-wrapper { flex-direction: column-reverse; width: 100%; } .ba-submit-comment-wrapper * { margin-right: 0 !important; text-align: center; } .ba-leave-review-btn { box-sizing: border-box; justify-content: center; width: 100%; } .ba-submit-comment-wrapper *,.ba-reviews-total-rating-wrapper { width: 100%; } .ba-item-reviews .ba-comments-total-count { padding-left: 0 !important; } .ba-item-reviews .ba-comments-total-count-wrapper { flex-wrap: wrap; } .comments-moderators-context-menu.ba-context-menu { animation: smiles-picker-in-mobile .3s cubic-bezier(0.4,0,0.2,1) both!important; left: 50% !important; margin: 0!important; max-height: initial!important; position: fixed!important; top: 50% !important; transform: translate(-50%, -50%)!important; } .ba-comments-login-wrapper { overflow: hidden; } /* Store */ .ba-cart-checkout, .ba-store-cart.ba-container:not(.ba-overlay-section) { padding: 25px; } .ba-wishlist-checkout-row.ba-wishlist-btn-wrapper, .ba-store-cart-backdrop:not([data-layout="sidebar"]) .ba-store-cart.ba-container:not(.ba-overlay-section), .ba-store-cart-opened .ba-store-cart-backdrop .ba-cart-checkout { padding: 0; } .ba-cart-checkout-row.ba-cart-checkout-includes-tax, .ba-wishlist-checkout-row:not(.ba-wishlist-btn-wrapper), .ba-cart-checkout-row.ba-cart-checkout-discount, .ba-cart-checkout-row.ba-cart-checkout-promo-code, .ba-cart-checkout-row.ba-cart-checkout-total, .ba-wishlist-checkout-row, .ba-wishlist-products-list, .ba-cart-checkout-row.ba-cart-checkout-discount, .ba-cart-checkout-row.ba-cart-checkout-promo-code, .ba-cart-checkout-row.ba-cart-checkout-total, .ba-store-cart-opened .ba-cart-products-list { padding: 0 25px; } .ba-wishlist-product-row, .ba-checkout-order-product-row, .ba-cart-product-row { flex-wrap: wrap; justify-content: center; } .ba-live-search-add-to-cart-cell, .ba-wishlist-add-to-cart-cell { margin-top: 10px !important; } .ba-checkout-order-product-title-cell { text-align: left; } .ba-checkout-order-product-info { display: block; } .ba-checkout-order-product-quantity-cell { margin: 0 10px; } .ba-checkout-order-product-content-cell, .ba-live-search-product-content-cell, .ba-checkout-order-product-content-cell, .ba-wishlist-product-content-cell, .ba-cart-product-content-cell { width: calc(100% - 95px); } .ba-checkout-order-product-row, .ba-cart-product-row { align-items: flex-start !important; } .ba-checkout-order-product-title-cell, .ba-wishlist-product-title-cell, .ba-cart-product-title-cell { margin-bottom: 10px !important; text-align: left !important; width: 100% !important; } .ba-wishlist-product-price-cell, .ba-cart-product-price-cell { margin-left: 0; } .ba-wishlist-product-price-cell { flex-direction: column; flex-grow: 1; } .ba-wishlist-product-remove-cell i { padding: 10px; } #ba-notification.ba-product-notice { max-width: 80%; } .ba-checkout-order-product-price-cell, .ba-checkout-order-product-title-cell, .ba-checkout-order-product-image-cell, .ba-cart-product-price-cell, .ba-cart-product-quantity-cell, .ba-wishlist-add-to-cart-btn, .ba-cart-product-title-cell, .ba-wishlist-product-title-cell, .ba-cart-product-image-cell, .ba-wishlist-product-image-cell, .ba-wishlist-add-to-cart-cell, .ba-cart-product-remove-cell { align-items: center; margin: 0; text-align: center; } .ba-live-search-add-to-cart-btn, .ba-live-search-add-to-cart-cell, .ba-wishlist-add-to-cart-btn, .ba-wishlist-add-to-cart-cell { width: 100%; } .ba-live-search-product-content-cell, .ba-wishlist-product-content-cell, .ba-checkout-order-product-price-cell, .ba-wishlist-product-price-cell { align-items: flex-start; display: flex; justify-content: center; } .ba-checkout-order-product-content-inner-cell, .ba-checkout-order-product-row, .ba-cart-product-row, .ba-live-search-product-content-inner-cell, .ba-wishlist-product-content-inner-cell, .ba-cart-product-content-inner-cell { align-items: center; flex-wrap: wrap; } .ba-checkout-order-product-row[data-extra-count="0"], .ba-cart-product-row[data-extra-count="0"], .ba-wishlist-product-row[data-extra-count="0"], .ba-live-search-product-row { align-items: flex-start; } .ba-wishlist-product-remove-cell { display: flex; justify-content: center; margin: 0; } body .ba-live-search-product-title-cell { padding: 0; width: 100%; } .ba-live-search-product-row { flex-wrap: wrap; } .ba-live-search-add-to-cart-btn, .ba-wishlist-add-to-cart-btn { margin: 0 !important; } .ba-checkout-order-product-image-cell, .ba-live-search-add-to-cart-cell, .ba-checkout-order-product-price-cell, .ba-checkout-order-product-title-cell, .ba-live-search-product-title, .ba-checkout-order-product-title, .ba-wishlist-product-title, body .ba-live-search-results .ba-live-search-product-image-cell, body .ba-live-search-product-image-cell, body .ba-wishlist-product-image-cell, body .ba-cart-product-image-cell, .ba-wishlist-checkout-row:not(.ba-wishlist-btn-wrapper), .ba-store-cart .ba-cart-checkout-row.ba-cart-checkout-promo-code, .ba-cart-product-title { justify-content: flex-start; } .ba-store-cart-backdrop[data-layout="sidebar"] .ba-store-cart .ba-cart-checkout-row.ba-cart-checkout-promo-code { align-items: center; } body .ba-cart-product-quantity-cell { margin-left: 0; margin: 0; width: auto; } .ba-live-search-product-price-cell, .ba-store-cart-backdrop .ba-cart-product-price-cell { align-items: flex-start; margin: 0 0 0 15px; flex-grow: 1; } body .ba-live-search-product-price-cell { margin: 0; } .ba-cart-checkout-row.ba-cart-checkout-promo-code { flex-direction: column; padding-bottom: 25px; } .ba-wishlist-product-row, .ba-cart-checkout-promo-code-wrapper { flex-wrap: wrap; } .ba-cart-checkout-row.ba-cart-checkout-promo-code .ba-cart-apply-promo-code { margin-bottom: 10px; } .ba-add-to-cart-extra-option[data-type="dropdown"], .ba-item-add-to-cart .ba-add-to-cart-stock, .ba-add-to-cart-price, .ba-add-to-cart-button-wrapper, .ba-item-add-to-cart .ba-add-to-cart-variation { flex-direction: column; } .ba-add-to-cart-extra-option[data-type="dropdown"] > div, .ba-item-add-to-cart .ba-add-to-cart-stock > div, .ba-item-add-to-cart .ba-add-to-cart-variation > div { justify-content: center; text-align: center; width: 100%; } .ba-variation-notice { bottom: 100%; right: 50%; transform: translate(50%, -10px); } .ba-variation-notice:before { border: 5px solid transparent !important; border-top: 5px solid #2c2c2c !important; bottom: -9px !important; right: auto !important; left: 50% !important; margin-left: -5px; } .ba-item-add-to-cart .ba-add-to-cart-row-label { margin: 0; } .ba-add-to-cart-quantity { margin: 0 0 20px 0; } .ba-add-to-cart-button-wrapper { align-items: center; } #ba-my-account-wishlist .ba-wishlist-product-remove-cell, .right-currency-position, .ba-add-to-cart-quantity + .ba-btn-transition { justify-content: center!important; } .ba-add-to-cart-sale-price-wrapper + .ba-add-to-cart-price-wrapper { margin-left: 0px; } .ba-blog-post-add-to-cart-wrapper { flex-wrap: wrap; justify-content: center; } .ba-blog-post-add-to-cart-button { justify-content: center; margin-top: 10px; } .ba-checkout-registration-wrapper, .ba-checkout-authentication-wrapper > div { padding: 25px!important } .ba-checkout-guest-wrapper .ba-checkout-authentication-btn-wrapper span { margin-bottom: 0; margin-top: 40px; } .ba-checkout-authentication-links { flex-wrap: wrap; } .ba-checkout-authentication-links a { margin: 5px 0; } .ba-checkout-authentication-backdrop { align-items: flex-start; } .ba-account-order-header-wrapper >.ba-account-order-header, .ba-account-order-details .ba-account-order-customer-info { min-width: 100%!important; padding: 25px; width: 100%!important; } .ba-account-close-order-details { right: 10px; top: 10px; } .ba-account-order-header-wrapper { flex-wrap: wrap; } .ba-account-order-info .ba-account-order-header { justify-content: space-between; } .ba-account-order-details > div { padding: 25px; } .ba-account-order-product-title-cell, .ba-account-order-product-content-inner-cell, .ba-account-order-info .ba-account-order-product-row { align-items: center; flex-direction: column; } .ba-account-order-info .ba-account-order-product-row .ba-account-order-product-price-cell { min-width: auto !important; } .ba-account-order-info .ba-account-order-product-image-cell { margin-right: 0; margin-bottom: 25px; } .ba-account-order-product-price-cell { margin-left: 0; } .ba-account-order-product-title-cell .ba-account-order-product-title { text-align: center; } .ba-account-order-customer-info .ba-account-order-header { justify-content: flex-start; } .ba-my-account-wishlist .ba-wishlist-product-row { margin-bottom: 50px; } #ba-my-account-subscriptions .ba-account-tr, #ba-my-account-downloads .ba-account-tr, #ba-my-account-orders .ba-account-tr { align-items: center; border-bottom: 1px solid var(--border)!important; flex-direction: column; padding: 20px !important; } #ba-my-account-subscriptions .ba-account-tr > div, #ba-my-account-downloads .ba-account-tr > div, #ba-my-account-orders .ba-account-tr > div { justify-content: center !important; margin-bottom: 10px; min-height: auto; padding: 0; text-align: center; width: 100%!important; } #ba-my-account-subscriptions .ba-account-thead, #ba-my-account-downloads .ba-account-thead { display: none; } #ba-my-account-profile .ba-account-profile-fields, .ba-my-account-billing-details .ba-checkout-form-fields { padding: 0px!important; width: 100%; } .ba-account-order-header-wrapper .ba-account-order-header:last-child { background: var(--bg-secondary); padding-top: 0; } .ba-store-cart-backdrop.ba-visible-store-cart { padding-bottom: calc(var(--vh, 1vh) * 10) !important; } .ba-store-wishlist-backdrop[data-layout="lightbox"], .ba-store-cart-backdrop[data-layout="lightbox"] { margin-left: var(--body-scroll-width); } .ba-account-title-wrapper { justify-content: center; flex-wrap: wrap; } .ba-account-title-wrapper .ba-account-btn, #ba-my-account-downloads .ba-account-btn { width: 100%; } .ba-account-title-wrapper .ba-account-btn { margin-top: 25px; text-align: center; } .ba-sm-la-sticky-column-enabled { display: block !important; } .ba-sm-la-sticky-column-enabled > .ba-grid-column { position: sticky; } .ba-sm-la-sticky-column-disabled { display: flex !important; } .ba-sm-la-sticky-column-disabled > .ba-grid-column { position: relative; top: 0 !important; } .ba-sm-la-sticky-row-enabled { position:sticky; top: var(--row-sticky-offset); z-index:15; } .ba-sm-la-sticky-row-disabled { position: relative; top: 0; } .ba-sm-la-sticky-section-enabled.ba-wrapper { position:sticky; top: var(--section-sticky-offset); z-index:15; } .ba-sm-la-sticky-section-disabled.ba-wrapper { position: relative; top: 0; } .ba-checkout-order-product-title, .ba-item-add-to-cart .ba-custom-select ul.visible-select li, .ba-item-add-to-cart .ba-custom-select input { text-align: left !important; } .ba-live-search-results .ba-live-search-body { box-sizing: border-box; margin: 0; max-height:100vh; width: 100%; } .ba-wishlist-headline-wrapper, .ba-cart-headline-wrapper { padding: 25px 25px 0; } .ba-item.ba-item-add-to-cart .ba-add-to-cart-wrapper > .ba-add-to-cart-price:not(.ba-add-to-cart-info) { align-items: center; display: flex; } .ba-feature-box-wrapper .ba-feature-box { flex-direction: column; } .ba-feature-list-layout .ba-feature-image-wrapper { margin-right: 0 !important; } /* Column Vertical Direction Phone Landscape */ .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-left-sm { align-items: start; align-content: start; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-center-sm { align-items: center; align-content: center; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-right-sm { align-items: end; align-content: end; } .column-wrapper .ba-grid-column-wrapper > .ba-grid-column:not(.column-horizontal-direction).column-content-align-top-sm { justify-content: start !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-content-align-middle-sm { justify-content: center !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-content-align-bottom-sm { justify-content: end !important; } /* Column Horizontal Direction Phone Landscape*/ .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-top-sm { align-content: start; align-items: start; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-middle-sm { align-content: center; align-items: center; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-bottom-sm { align-content: end; align-items: end; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-left-sm { justify-content: start !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-center-sm { justify-content: center !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-right-sm { justify-content: end !important; } .ba-gridbox-calendar { margin-left: -175px!important; width: 350px!important; } .com_gridbox:not(.editor):not(.admin) .ba-gridbox-calendar { padding: 20px !important; } .com_gridbox:not(.editor):not(.admin) .ba-gridbox-multiple-date-calendar .ba-gridbox-calendar-inner { width: auto; min-width: auto; } .com_gridbox:not(.editor):not(.admin) .ba-gridbox-multiple-date-calendar .ba-gridbox-calendar-inner .ba-gridbox-calendar-title { margin-left: -92px; } .com_gridbox:not(.editor):not(.admin) .ba-gridbox-multiple-date-calendar .ba-gridbox-calendar-inner + .ba-gridbox-calendar-inner .ba-gridbox-calendar-title { margin-left: 0; margin-right: -92px; } .ba-gridbox-multiple-date-calendar .ba-gridbox-calendar { display: block !important; left: calc(50vw - 175px) !important; margin: 0 !important; top: 25px !important; } .ba-gridbox-multiple-date-calendar .ba-gridbox-calendar .ba-gridbox-calendar-inner + .ba-gridbox-calendar-inner { margin-left: 0 !important; } .blog-post-submission-form-options-group[data-field-type="field-video"] .ba-field-submission-form-label + div > div, .blog-post-submission-form-options-group[data-field-type="url"] .ba-field-submission-form-label + div > div, .blog-post-submission-form-options-group[data-field-type="field-button"] .ba-field-submission-form-label + div > div { margin-bottom: 10px; width: 100% !important; } .blog-post-submission-form-options-group[data-field-type="field-video"] .ba-field-submission-form-label + div, .blog-post-submission-form-options-group[data-field-type="url"] .ba-field-submission-form-label + div, .blog-post-submission-form-options-group[data-field-type="field-button"] .ba-field-submission-form-label + div { flex-direction: column; } #ba-notification { right: 50% !important; transform: translateX(50%) !important; } .submitted-items-list .ba-account-tr .ba-account-td:first-child { align-items: flex-start; display: flex; flex-direction: column; } .ba-account-tr .ba-account-td { justify-content: flex-start !important; min-height: auto; position: relative; width: 100% !important; } .ba-account-tr { flex-direction: column; margin-bottom: 25px; min-height: 50px; } .submitted-items-list .ba-account-td .post-intro-image { margin-right: 0; margin-bottom: 15px; } #ba-my-account-wishlist .ba-wishlist-product-title-cell { align-items: flex-start; } } @media (max-width: 420px) { .body [class*="ba-col"], .footer [class*="ba-col"], [class*="ba-col"] { margin-left: 0; width: 100%; } .header .ba-sm-pt-12, .header [class*="ba-col"].ba-sm-pt-12, .body .ba-sm-pt-12, .footer .ba-sm-pt-12, .ba-sm-pt-12 { width: 100%; } .header .ba-sm-pt-11, .header [class*="ba-col"].ba-sm-pt-11, .body .ba-sm-pt-11, .footer .ba-sm-pt-11, .ba-sm-pt-11 { width: 91.66666667%; } .header .ba-sm-pt-10, .header [class*="ba-col"].ba-sm-pt-10, .body .ba-sm-pt-10, .footer .ba-sm-pt-10, .ba-sm-pt-10 { width: 83.33333333%; } .header .ba-sm-pt-9, .header [class*="ba-col"].ba-sm-pt-9, .body .ba-sm-pt-9, .footer .ba-sm-pt-9, .ba-sm-pt-9 { width: 75%; } .header .ba-sm-pt-8, .header [class*="ba-col"].ba-sm-pt-8, .body .ba-sm-pt-8, .footer .ba-sm-pt-8, .ba-sm-pt-8 { width: 66.66666667%; } .header .ba-sm-pt-7, .header [class*="ba-col"].ba-sm-pt-7, .body .ba-sm-pt-7, .footer .ba-sm-pt-7, .ba-sm-pt-7 { width: 58.33333333%; } .header .ba-sm-pt-6, .header [class*="ba-col"].ba-sm-pt-6, .body .ba-sm-pt-6, .footer .ba-sm-pt-6, .ba-sm-pt-6 { width: 50%; } .header .ba-sm-pt-5, .header [class*="ba-col"].ba-sm-pt-5, .body .ba-sm-pt-5, .footer .ba-sm-pt-5, .ba-sm-pt-5 { width: 41.66666667%; } .header .ba-sm-pt-4, .header [class*="ba-col"].ba-sm-pt-4, .body .ba-sm-pt-4, .footer .ba-sm-pt-4, .ba-sm-pt-4 { width: 33.33333333%; } .header .ba-sm-pt-3, .header [class*="ba-col"].ba-sm-pt-3, .body .ba-sm-pt-3, .footer .ba-sm-pt-3, .ba-sm-pt-3 { width: 25%; } .header .ba-sm-pt-2, .header [class*="ba-col"].ba-sm-pt-2, .body .ba-sm-pt-2, .footer .ba-sm-pt-2, .ba-sm-pt-2 { width: 16.66666667%; } .header .ba-sm-pt-1, .header [class*="ba-col"].ba-sm-pt-1, .body .ba-sm-pt-1, .footer .ba-sm-pt-1, .ba-sm-pt-1 { width: 8.33333333%; } .column-wrapper .ba-grid-column-wrapper.ba-sm-pt-order-1 { order: 1; } .column-wrapper .ba-grid-column-wrapper.ba-sm-pt-order-2 { order: 2; } .column-wrapper .ba-grid-column-wrapper.ba-sm-pt-order-3 { order: 3; } .column-wrapper .ba-grid-column-wrapper.ba-sm-pt-order-4 { order: 4; } .column-wrapper .ba-grid-column-wrapper.ba-sm-pt-order-5 { order: 5; } .column-wrapper .ba-grid-column-wrapper.ba-sm-pt-order-6 { order: 6; } .column-wrapper .ba-grid-column-wrapper.ba-sm-pt-order-7 { order: 7; } .column-wrapper .ba-grid-column-wrapper.ba-sm-pt-order-8 { order: 8; } .column-wrapper .ba-grid-column-wrapper.ba-sm-pt-order-9 { order: 9; } .column-wrapper .ba-grid-column-wrapper.ba-sm-pt-order-10 { order: 10; } .column-wrapper .ba-grid-column-wrapper.ba-sm-pt-order-11 { order: 11; } .column-wrapper .ba-grid-column-wrapper.ba-sm-pt-order-12 { order: 12; } .ba-video-background video, .ba-video-background iframe { left: 0; min-height: 100% !important; top: 0; transform: translateX(-50%)translateX(50vw); width: calc(200vh/.5624); } .ba-blog-posts-pagination-wrapper .ba-blog-posts-pagination span { display: none; } .ba-blog-posts-pagination-wrapper .ba-blog-posts-pagination span.active, .ba-blog-posts-pagination-wrapper .ba-blog-posts-pagination span:nth-last-child(2), .ba-blog-posts-pagination-wrapper .ba-blog-posts-pagination span:last-child, .ba-blog-posts-pagination-wrapper .ba-blog-posts-pagination span:first-child, .ba-blog-posts-pagination-wrapper .ba-blog-posts-pagination span:nth-child(2){ display: inline; } .comment-user-name, .comment-user-date { justify-content: center; text-align: center; width: 100%; } .comment-user-info { display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin-top: 0 !important; min-height: 60px; position: relative; } .user-comment-wrapper span.comment-user-name { margin-right: 0; } .comment-moderator-user-settings { position: absolute; right: 0; top: -62px; } .comment-user-info-wrapper { float: none; justify-content: center; } .ba-submit-comment, .comment-user-info { margin-left: 0px; width: 100% !important; } .ba-submit-comment-wrapper { display: flex; width: 100%; } .ba-submit-cancel { order: 2; margin-right: 0 !important; } .comment-user-info .comment-user-name { order: -1; } .comment-report-user-comment { margin-top: 0 !important; position: absolute !important; right: 0; top: -50px; } .comment-report-user-comment, .comment-reply-name, .user-comment-container-wrapper .ba-review-stars-wrapper, .comment-moderator-label, .ba-comments-total-count + select, .ba-comments-total-count, .ba-review-rate-wrapper, .comment-logout-action, .comment-user-date, .comment-user-name { margin-top: 15px; } .comment-user-name, .comment-report-user-comment, .user-comment-wrapper span.comment-user-name { margin-left: 0 !important; } .ba-comments-login-wrapper + .ba-review-rate-wrapper, .comment-likes-wrapper { text-align: center; } .comment-logout-action { float: none; line-height: inherit !important; } .ba-comments-login-wrapper { flex-direction: column; margin-bottom: 0; text-align: center; } .ba-item-comments-box .ba-comments-login-wrapper { margin-bottom: 25px; } span.comment-user-name { flex-grow: 0; } .ba-item-reviews .ba-comments-total-count-wrapper, .user-comment-wrapper.user-comment-edit-enable .ba-submit-comment-wrapper { float: none; flex-direction: column; } .user-comment-wrapper.user-comment-edit-enable .ba-submit-cancel { margin-right: 0; } .ba-item-reviews .ba-comments-total-count { padding-left: 0; } .ba-reviews-total-rating-wrapper { flex-direction: column; text-align: center; white-space: normal; } .ba-reviews-total-rating-wrapper .ba-review-stars-wrapper { margin-left: 0; } .comment-likes-wrapper > span.comment-likes-action-wrapper { white-space: normal; } .was-review-helpful.comment-user-date { margin-bottom: 15px; margin-top: 0 !important; } .comment-likes-action[data-action="likes"] { margin-left: 0; } .event-calendar-events-list { left: 5% !important; width: 90%; } .ba-wishlist-checkout, .ba-cart-checkout { display: block !important; } .ba-sm-pt-sticky-column-enabled { display: block !important; } .ba-sm-pt-sticky-column-enabled > .ba-grid-column { position: sticky; } .ba-sm-pt-sticky-column-disabled { display: flex !important; } .ba-sm-pt-sticky-column-disabled > .ba-grid-column { position: relative; top: 0 !important; } .ba-sm-pt-sticky-row-enabled { position:sticky; top: var(--row-sticky-offset); z-index:15; } .ba-sm-pt-sticky-row-disabled { position: relative; top: 0; } .ba-sm-pt-sticky-section-enabled.ba-wrapper { position:sticky; top: var(--section-sticky-offset); z-index:15; } .ba-sm-pt-sticky-section-disabled.ba-wrapper { position: relative; top: 0; } body:not(.show-hidden-elements) .ba-hidden-sm-pt { display: none !important; } body:not(.show-hidden-elements) .ba-hidden-sm-pt:first-child + .ba-column-resizer + .ba-grid-column-wrapper { margin-left: 0 !important; } .ba-lightbox-layout .ba-language-switcher-list { left: 5%; max-width: 90%; } /* Column Vertical Direction Phone Portrait */ .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-left-sm-pt { align-items: start; align-content: start; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-center-sm-pt { align-items: center; align-content: center; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-horizontal-align-right-sm-pt { align-items: end; align-content: end; } .column-wrapper .ba-grid-column-wrapper > .ba-grid-column:not(.column-horizontal-direction).column-content-align-top-sm-pt { justify-content: start !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-content-align-middle-sm-pt { justify-content: center !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column:not(.column-horizontal-direction).column-content-align-bottom-sm-pt { justify-content: end !important; } /* Column Horizontal Direction Phone Portrait*/ .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-top-sm-pt { align-content: start; align-items: start; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-middle-sm-pt { align-content: center; align-items: center; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-content-align-bottom-sm-pt { align-content: end; align-items: end; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-left-sm-pt { justify-content: start !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-center-sm-pt { justify-content: center !important; } .column-wrapper .ba-grid-column-wrapper .ba-grid-column.column-horizontal-direction.column-horizontal-align-right-sm-pt { justify-content: end !important; } }html body {--primary: #34dca2;--secondary: #007df7;--accent: #ff735e;--title: #1b1b1d;--subtitle: rgba(29, 29, 31, 0.4);--text: #1b1b1d;--icon: #1b1b1d;--title-inverse: #ffffff;--text-inverse: rgba(255, 255, 255, 0.4);--bg-primary: #ffffff;--bg-secondary: #f5f8f8;--bg-dark: #1e293d;--bg-dark-accent: #20364c;--border: #eeeeee;--shadow: rgba(0, 0, 0, 0.15);--overlay: rgba(0, 0, 0, 0.5);--hover: #2f3439;--color-1: #35404a;--color-2: #4f6279;--color-3: #0098d8;--color-4: #ff4f49;--color-5: #ff7a2f;--color-6: #ffc700;--color-7: #34dca2;--color-8: #00ada9;}#item-188100000000 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-188100000000 > .ba-overlay {background-color: rgba(0, 0, 0, 0);background-image: none;backdrop-filter: none;}body footer a {color : var(--secondary);}body footer a:hover {color : var(--hover);}body footer, footer ul, footer ol, footer table, footer blockquote {color: var(--text);background-image: none;font-family: 'Roboto';font-size: 21px;font-style: normal;font-weight: 300;letter-spacing: 0px;line-height: 36px;text-align: left;text-decoration: none;text-transform: none;}body footer {--icon-list-line-height: 36px;} footer p, footer .content-text pre {color: var(--text);background-image: none;font-size: 21px;font-style: normal;font-weight: 300;letter-spacing: 0px;line-height: 36px;text-align: left;text-decoration: none;text-transform: none;} footer h1 {color: var(--title);background-image: none;font-size: 56px;font-style: normal;font-weight: 700;letter-spacing: 0px;line-height: 65px;text-align: center;text-decoration: none;text-transform: none;} footer h2 {color: var(--title);background-image: none;font-size: 40px;font-style: normal;font-weight: 900;letter-spacing: 0px;line-height: 50px;text-align: center;text-decoration: none;text-transform: none;} footer h3 {color: var(--title);background-image: none;font-size: 32px;font-style: normal;font-weight: 900;letter-spacing: 0px;line-height: 42px;text-align: center;text-decoration: none;text-transform: none;} footer h4 {color: var(--text);background-image: none;font-size: 24px;font-style: normal;font-weight: 300;letter-spacing: 0px;line-height: 42px;text-align: center;text-decoration: none;text-transform: none;} footer h5 {color: var(--title);background-image: none;font-size: 20px;font-style: normal;font-weight: 900;letter-spacing: 0px;line-height: 30px;text-align: center;text-decoration: none;text-transform: none;} footer h6 {color: var(--subtitle);background-image: none;font-size: 14px;font-style: normal;font-weight: 500;letter-spacing: 2px;line-height: 18px;text-align: center;text-decoration: none;text-transform: uppercase;}#item-188100000020 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17864975683160 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17864975979940 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17864975979940 {background-image: none;background-color: var(--bg-primary);backdrop-filter: none;}#item-17864977207700 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-188100000021 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17864975683162 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17864975979942 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-1786499001316 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17864977207702 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-17862811729130 {display : block;margin-bottom: 0px;margin-top: 0px;}#item-17862811729130 {animation-duration: 0.9s;animation-delay: 0s;opacity: 1;}#item-17864975683161 {display : block;margin-bottom: 0px;margin-top: 0px;}#item-17864975683161 {animation-duration: 0.9s;animation-delay: 0s;opacity: 1;}#item-17864975979941 {display : block;margin-bottom: 0px;margin-top: 0px;}#item-17864975979941 {animation-duration: 0.9s;animation-delay: 0s;opacity: 1;}#item-1786499303107 {display : block;margin-bottom: 25px;margin-top: 25px;margin-right: 25px;margin-left: 25px;}#item-1786499303107 {animation-duration: 0.9s;animation-delay: 0s;opacity: 1;}#item-17864977207701 {display : block;margin-bottom: 0px;margin-top: 0px;}#item-17864977207701 {animation-duration: 0.9s;animation-delay: 0s;opacity: 1;}body {padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}body a {color : var(--secondary);}body a:hover {color : var(--hover);}body, ul, ol, table, blockquote {color: var(--text);background-image: none;font-family: 'Roboto';font-size: 21px;font-style: normal;font-weight: 300;letter-spacing: 0px;line-height: 36px;text-align: left;text-decoration: none;text-transform: none;}body {--icon-list-line-height: 36px;} p, .content-text pre {color: var(--text);background-image: none;font-family: 'Open Sans';font-size: 20px;font-style: normal;font-weight: 400;letter-spacing: 0px;line-height: 36px;text-align: left;text-decoration: none;text-transform: none;} h1 {color: var(--title);background-image: none;font-size: 56px;font-style: normal;letter-spacing: 4px;line-height: 65px;text-align: center;text-decoration: none;text-transform: none;} h2 {color: var(--title);background-image: none;font-size: 40px;font-style: normal;font-weight: 900;letter-spacing: 0px;line-height: 50px;text-align: center;text-decoration: none;text-transform: none;} h3 {color: var(--title);background-image: none;font-size: 32px;font-style: normal;font-weight: 900;letter-spacing: 0px;line-height: 42px;text-align: center;text-decoration: none;text-transform: none;} h4 {color: var(--text);background-image: none;font-size: 24px;font-style: normal;font-weight: 300;letter-spacing: 0px;line-height: 42px;text-align: center;text-decoration: none;text-transform: none;} h5 {color: var(--title);background-image: none;font-size: 20px;font-style: normal;font-weight: 900;letter-spacing: 0px;line-height: 30px;text-align: center;text-decoration: none;text-transform: none;} h6 {color: var(--subtitle);background-image: none;font-size: 14px;font-style: normal;font-weight: 500;letter-spacing: 2px;line-height: 18px;text-align: center;text-decoration: none;text-transform: uppercase;}body {background-image: none;background-color: var(--bg-primary);backdrop-filter: none;}body > .ba-overlay {background-color: rgba(0, 0, 0, 0);background-image: none;backdrop-filter: none;}#item-188000000000 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}body header.header {position:relative;}body {--sidebar-menu-width:250px;}.ba-container .header {margin-left: 0;max-width: none;}#item-188000000020 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-188000000021 {--border-radius: 0px;min-height: 50px;display : block;margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}#item-188000000022 {display : block;margin-bottom: 0px;margin-top: 0px;}#item-188000000022 {animation-duration: 0.9s;animation-delay: 0s;opacity: 1;}@media (max-width: 1440px) {#item-17864975979940 {display : block;}#item-17862811729130 {display : block;}#item-17864975683161 {display : block;}#item-17864975979941 {display : block;}#item-1786499303107 {display : block;}#item-17864977207701 {display : block;}#item-188000000000 {display : block;}#item-188000000022 {display : block;}}@media (max-width: 1280px) {#item-188100000000 {display : block;padding-right: 0px;padding-left: 0px;padding-top: 0px;padding-bottom: 0px;}#item-188100000020 {display : block;}#item-17864975683160 {display : block;}#item-17864975979940 {display : block;}#item-17864977207700 {display : block;}#item-188100000021 {display : block;}#item-17864975683162 {display : block;}#item-17864975979942 {display : block;}#item-1786499001316 {display : block;}#item-17864977207702 {display : block;}#item-17862811729130 {display : block;}#item-17864975683161 {display : block;}#item-17864975979941 {display : block;}#item-1786499303107 {display : block;}#item-17864977207701 {display : block;}#item-188000000000 {display : block;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;}#item-188000000020 {display : block;}#item-188000000021 {display : block;}#item-188000000022 {display : block;}}@media (max-width: 1024px) {#item-188100000000 {padding-right: 0px;padding-left: 0px;padding-top: 0px;padding-bottom: 0px;}#item-17864975979940 {display : block;}#item-17862811729130 {display : block;}#item-17864975683161 {display : block;}#item-17864975979941 {display : block;}#item-1786499303107 {display : block;}#item-17864977207701 {display : block;}#item-188000000000 {display : block;padding-right: 0px;padding-left: 0px;padding-top: 0px;padding-bottom: 0px;}#item-188000000022 {display : block;}}@media (max-width: 768px) {#item-188100000000 {display : block;}#item-188100000020 {display : block;}#item-17864975683160 {display : block;}#item-17864975979940 {display : block;}#item-17864977207700 {display : block;}#item-188100000021 {display : block;}#item-17864975683162 {display : block;}#item-17864975979942 {display : block;}#item-1786499001316 {display : block;}#item-17864977207702 {display : block;}#item-17862811729130 {display : block;}#item-17864975683161 {display : block;}#item-17864975979941 {display : block;}#item-1786499303107 {display : block;}#item-17864977207701 {display : block;}#item-188000000000 {display : block;}#item-188000000020 {display : block;}#item-188000000021 {display : block;}#item-188000000022 {display : block;}}@media (max-width: 420px) {#item-17864975979940 {display : block;}#item-17862811729130 {display : block;}#item-17864975683161 {display : block;}#item-17864975979941 {display : block;}#item-1786499303107 {display : block;}#item-17864977207701 {display : block;}#item-188000000000 {display : block;}#item-188000000022 {display : block;}}.mtc-site { --mtc-color-ink: #05120f; --mtc-color-ink-soft: #0a2119; --mtc-color-forest: #123f2a; --mtc-color-forest-bright: #3f843f; --mtc-color-lime: #b9e83f; --mtc-color-lime-strong: #a9d72f; --mtc-color-mint: #e7f0e2; --mtc-color-paper: #f3f7ef; --mtc-color-paper-strong: #e8efe4; --mtc-color-white: #ffffff; --mtc-color-text: #081612; --mtc-color-muted: #434444; --mtc-color-line: rgba(10, 17, 16, 0.14); --mtc-color-line-dark: rgba(255, 255, 255, 0.16); --mtc-color-focus: #146cda; --mtc-font-sans: inherit; --mtc-font-mono: inherit; --mtc-space-1: 0.375rem; --mtc-space-2: 0.625rem; --mtc-space-3: 0.875rem; --mtc-space-4: 1.125rem; --mtc-space-5: 1.5rem; --mtc-space-6: 2rem; --mtc-space-7: 3rem; --mtc-space-8: 4.5rem; --mtc-space-9: 6.5rem; --mtc-radius-sm: 0.75rem; --mtc-radius-md: 1.125rem; --mtc-radius-lg: 1.75rem; --mtc-radius-pill: 999px; --mtc-shadow-sm: 0 0.75rem 2.25rem rgba(10, 17, 16, 0.09); --mtc-shadow-lg: 0 2rem 5rem rgba(10, 17, 16, 0.2); --mtc-duration-fast: 180ms; --mtc-duration-base: 520ms; --mtc-duration-slow: 780ms; --mtc-ease-standard: cubic-bezier(0.22, 1, 0.36, 1); --mtc-shell: 76.25rem; --mtc-reading: 45rem; --mtc-header-height: 5rem; box-sizing: border-box; width: 100%; max-width: 100%; color: var(--mtc-color-text); font-family: var(--mtc-font-sans); font-size: 1rem; line-height: 1.6; text-rendering: optimizeLegibility; } .mtc-site *, .mtc-site *::before, .mtc-site *::after { box-sizing: inherit; } .mtc-site :where(h1, h2, h3, p, figure, blockquote, dl, dd) { margin-block-start: 0; } .mtc-site :where(img, svg) { display: block; max-width: 100%; } .mtc-site :where(video, iframe) { display: block; max-width: 100%; } .mtc-site a { color: inherit; } .mtc-site button { font: inherit; } .mtc-site button { cursor: pointer; } .mtc-site ::selection { background: var(--mtc-color-lime); color: var(--mtc-color-ink); } .mtc-site :where(a, button, summary, input, select, textarea):focus-visible { border-radius: 0.25rem; outline: 0.1875rem solid var(--mtc-color-focus); outline-offset: 0.1875rem; } .mtc-site [hidden][hidden] { display: none; } .mtc-site .mtc-shell { width: min(var(--mtc-shell), calc(100% - 2rem)); margin-inline: auto; } .mtc-site .mtc-narrow,.mtc-site .mtc-legal__content { max-width: var(--mtc-reading); } .mtc-site .mtc-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .mtc-site h1, .mtc-site h2, .mtc-site h3 { color: var(--mtc-color-ink); font-weight: 800; letter-spacing: -0.045em; line-height: 1.04; overflow-wrap: break-word; text-wrap: balance; } .mtc-site h1 { font-size: clamp(2.5rem, 6.1vw, 5.375rem); } .mtc-site h2 { font-size: clamp(2rem, 4vw, 3.625rem); } .mtc-site h3 { font-size: clamp(1.2rem, 2vw, 1.6875rem); letter-spacing: -0.025em; } .mtc-site .mtc-lead,.mtc-site .mtc-intro { max-width: 42rem; font-size: clamp(1.0625rem, 2vw, 1.3rem); line-height: 1.62; } .mtc-site .mtc-eyebrow { display: inline-flex; align-items: center; gap: 0.625rem; margin-bottom: 1rem; color: var(--mtc-color-forest-bright); font-family: inherit; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.11em; line-height: 1.2; text-transform: uppercase; } .mtc-site .mtc-eyebrow::before { width: 0.625rem; height: 0.625rem; border-radius: 50%; background: var(--mtc-color-lime); box-shadow: 0 0 0 0.3125rem rgba(216, 255, 75, 0.16); content: ""; flex: 0 0 auto; } .mtc-site.mtc-section { position: relative; padding-block: clamp(4.5rem, 9vw, 7rem); background: var(--mtc-color-paper); } .mtc-site .mtc-section-heading { max-width: 50rem; margin-bottom: clamp(2rem, 5vw, 3.75rem); } .mtc-site .mtc-section-heading h2 { margin-bottom: 1rem; } .mtc-site .mtc-section-heading > p:last-child,.mtc-site .mtc-prose > p,.mtc-site .mtc-legal__content > p { color: var(--mtc-color-muted); font-size: clamp(1rem, 1.4vw, 1.125rem); } .mtc-site.mtc-theme-dark { background: var(--mtc-color-ink); color: var(--mtc-color-white); } .mtc-site.mtc-theme-dark :where(h1, h2, h3),.mtc-site.mtc-theme-dark .mtc-card :where(h3, p),.mtc-site.mtc-theme-dark .mtc-step-grid :where(h3, p) { color: var(--mtc-color-white); } .mtc-site.mtc-theme-dark .mtc-eyebrow,.mtc-site.mtc-theme-dark .mtc-text-link { color: var(--mtc-color-lime); } .mtc-site.mtc-theme-dark .mtc-section-heading > p:last-child { color: rgba(255, 255, 255, 0.72); } .mtc-site .mtc-icon { width: 1.5rem; height: 1.5rem; flex: 0 0 auto; } .mtc-site .mtc-icon-wrap { display: inline-grid; width: 3.25rem; height: 3.25rem; place-items: center; border-radius: 1rem; background: rgba(216, 255, 75, 0.15); color: var(--mtc-color-forest-bright); } .mtc-site .mtc-icon-wrap .mtc-icon { width: 1.8rem; height: 1.8rem; } .mtc-site .mtc-button { display: inline-flex; min-height: 3rem; align-items: center; justify-content: center; gap: 0.625rem; padding: 0.75rem 1.125rem; border: 1px solid transparent; border-radius: var(--mtc-radius-sm); font-size: 0.92rem; font-weight: 800; line-height: 1.2; text-decoration: none; transition: transform var(--mtc-duration-fast) ease, background-color var(--mtc-duration-fast) ease, border-color var(--mtc-duration-fast) ease, box-shadow var(--mtc-duration-fast) ease; } .mtc-site .mtc-button--primary { background: var(--mtc-color-lime); color: var(--mtc-color-ink); box-shadow: 0 0.75rem 2rem rgba(183, 245, 50, 0.2); } .mtc-site .mtc-button--dark { background: var(--mtc-color-ink); color: var(--mtc-color-white); } .mtc-site .mtc-button--light { border-color: var(--mtc-color-line); background: var(--mtc-color-white); color: var(--mtc-color-ink); } .mtc-site .mtc-button--outline { border-color: rgba(255, 255, 255, 0.44); background: rgba(255, 255, 255, 0.06); color: var(--mtc-color-white); } .mtc-site .mtc-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.75rem; } .mtc-site .mtc-text-link { display: inline-flex; min-height: 2.75rem; align-items: center; gap: 0.5rem; color: var(--mtc-color-forest-bright); font-weight: 800; text-decoration-thickness: 0.08em; text-underline-offset: 0.25em; } .mtc-site .mtc-text-link .mtc-icon { width: 1rem; height: 1rem; } @media (hover: hover) { .mtc-site .mtc-button:hover { transform: translateY(-0.125rem); box-shadow: var(--mtc-shadow-sm); } .mtc-site .mtc-button--primary:hover { background: var(--mtc-color-lime-strong); } .mtc-site .mtc-card:hover,.mtc-site .mtc-gallery-grid figure:hover { transform: translateY(-0.375rem); box-shadow: var(--mtc-shadow-lg); } .mtc-site .mtc-card:hover .mtc-text-link .mtc-icon { transform: translateX(0.25rem); } } /* Global topbar */ .mtc-site.mtc-topbar { position: relative; z-index: 2100; background: var(--mtc-color-ink); color: var(--mtc-color-white); } .mtc-site .mtc-topbar__inner { display: flex; min-height: 2.5rem; align-items: center; justify-content: space-between; gap: 1rem; } .mtc-site.mtc-topbar :where(p, a) { display: inline-flex; min-height: 2.5rem; align-items: center; gap: 0.5rem; margin-bottom: 0; font-family: inherit; font-size: 0.73rem; font-weight: 700; letter-spacing: 0.05em; text-decoration: none; text-transform: uppercase; } .mtc-site.mtc-topbar .mtc-icon { width: 1rem; height: 1rem; color: var(--mtc-color-lime); } /* Header and navigation */ .mtc-site.mtc-header { position: sticky; top: 0; z-index: 2050; border-bottom: 1px solid transparent; background: rgba(244, 247, 242, 0.97); color: var(--mtc-color-ink); transition: box-shadow var(--mtc-duration-fast) ease, border-color var(--mtc-duration-fast) ease; } .mtc-site.mtc-header.mtc-is-scrolled { border-bottom-color: var(--mtc-color-line); box-shadow: 0 0.7rem 2rem rgba(10, 17, 16, 0.08); } @supports (backdrop-filter: blur(1rem)) { .mtc-site.mtc-header { background: rgba(244, 247, 242, 0.9); backdrop-filter: blur(1rem); } } .mtc-site .mtc-skip-link { position: fixed; z-index: 3000; top: 0.5rem; left: -100vw; padding: 0.75rem 1rem; border-radius: var(--mtc-radius-sm); background: var(--mtc-color-lime); color: var(--mtc-color-ink); font-weight: 800; } .mtc-site .mtc-skip-link:focus { left: 0.75rem; } .mtc-site .mtc-header__inner { position: relative; display: flex; min-height: var(--mtc-header-height); align-items: center; justify-content: space-between; gap: 1.25rem; } .mtc-site .mtc-brand { display: inline-flex; min-width: 9rem; min-height: 2.75rem; align-items: center; gap: 0.6rem; color: var(--mtc-color-ink); text-decoration: none; } .mtc-site .mtc-brand__logo { width: 3rem; height: 3rem; padding: 0.2rem; border-radius: 50%; background: var(--mtc-color-forest); object-fit: contain; } .mtc-site .mtc-brand strong,.mtc-site .mtc-brand small { display: block; } .mtc-site .mtc-brand strong { font-size: 1rem; line-height: 1.05; } .mtc-site .mtc-brand small { margin-top: 0.2rem; color: var(--mtc-color-muted); font-family: var(--mtc-font-mono); font-size: 0.58rem; letter-spacing: 0.13em; text-transform: uppercase; } .mtc-site .mtc-desktop-nav { display: flex; align-items: center; gap: 0.1rem; } .mtc-site .mtc-desktop-nav > a,.mtc-site .mtc-mega > button { display: inline-flex; min-height: 2.75rem; align-items: center; gap: 0.35rem; padding-inline: 0.6rem; border: 0; background: transparent; color: var(--mtc-color-text); font-size: 0.8rem; font-weight: 750; text-decoration: none; } .mtc-site .mtc-desktop-nav > a[aria-current="page"],.mtc-site .mtc-mega > button[aria-expanded="true"] { color: var(--mtc-color-forest-bright); } .mtc-site .mtc-mega { position: static; } .mtc-site .mtc-mega-panel { position: absolute; top: calc(100% + 0.0625rem); left: 50%; display: grid; width: min(68rem, calc(100vw - 2rem)); grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; padding: 1.5rem; border: 1px solid var(--mtc-color-line); border-radius: 0 0 var(--mtc-radius-lg) var(--mtc-radius-lg); background: var(--mtc-color-white); box-shadow: var(--mtc-shadow-lg); transform: translateX(-50%); } .mtc-site .mtc-mega-title { display: block; margin-bottom: 0.7rem; color: var(--mtc-color-muted); font-family: inherit; font-size: 0.68rem; letter-spacing: 0.09em; text-transform: uppercase; } .mtc-site .mtc-mega-link { display: flex; min-height: 2.9rem; align-items: center; gap: 0.65rem; padding: 0.45rem 0.55rem; border-radius: 0.65rem; color: var(--mtc-color-text); font-size: 0.78rem; font-weight: 750; line-height: 1.25; text-decoration: none; } .mtc-site .mtc-mega-link .mtc-icon { width: 1.35rem; height: 1.35rem; color: var(--mtc-color-forest-bright); } .mtc-site .mtc-header__actions { display: flex; align-items: center; gap: 0.6rem; } .mtc-site .mtc-header__actions .mtc-button { min-height: 2.75rem; padding-inline: 0.8rem; } .mtc-site .mtc-menu-toggle,.mtc-site .mtc-mobile-drawer__head button { display: none; width: 2.9rem; height: 2.9rem; place-items: center; border: 1px solid var(--mtc-color-line); border-radius: 0.75rem; background: var(--mtc-color-white); color: var(--mtc-color-ink); } .mtc-site .mtc-menu-backdrop { position: fixed; z-index: 2055; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(1, 8, 6, 0.58); opacity: 1; transition: opacity 220ms ease; } .mtc-site .mtc-mobile-drawer { position: fixed; z-index: 2060; top: 0; right: 0; width: min(31rem, 94vw); height: 100dvh; padding: 1.1rem 1.1rem calc(1.5rem + env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; background: var(--mtc-color-paper); box-shadow: -1rem 0 4rem rgba(10, 17, 16, 0.3); opacity: 1; transform: translateX(0); transition: opacity 220ms ease, transform 220ms var(--mtc-ease-standard); } .mtc-site .mtc-mobile-drawer.mtc-is-entering,.mtc-site .mtc-mobile-drawer.mtc-is-leaving { opacity: 0; transform: translateX(1.5rem); } .mtc-site .mtc-menu-backdrop.mtc-is-entering,.mtc-site .mtc-menu-backdrop.mtc-is-leaving { opacity: 0; } .mtc-site .mtc-mobile-drawer__head { display: flex; min-height: 3.5rem; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--mtc-color-line); } .mtc-site .mtc-mobile-drawer__head button { display: grid; } .mtc-site .mtc-mobile-main-link,.mtc-site .mtc-mobile-group > summary { display: flex; min-height: 3.6rem; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--mtc-color-line); color: var(--mtc-color-ink); font-size: 1.1rem; font-weight: 800; text-decoration: none; } .mtc-site .mtc-mobile-group > summary { cursor: pointer; list-style: none; } .mtc-site .mtc-mobile-group > summary::-webkit-details-marker { display: none; } .mtc-site .mtc-mobile-group[open] > summary span { transform: rotate(45deg); } .mtc-site .mtc-mobile-subgroup { padding: 1rem 0.25rem; } .mtc-site .mtc-mobile-subgroup + .mtc-mobile-subgroup { border-top: 1px solid var(--mtc-color-line); } .mtc-site .mtc-mobile-drawer__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; margin-top: 1rem; } .mtc-site .mtc-nojs-nav { width: min(var(--mtc-shell), calc(100% - 2rem)); max-height: min(70vh, 44rem); margin-inline: auto; padding: 0.75rem 0 1rem; overflow-y: auto; border-top: 1px solid var(--mtc-color-line); background: var(--mtc-color-white); } .mtc-site .mtc-nojs-nav > .mtc-mobile-main-link, .mtc-site .mtc-nojs-nav > .mtc-mobile-group { display: block; border-bottom: 1px solid var(--mtc-color-line); } /* Breadcrumb */ .mtc-site .mtc-breadcrumb { margin-bottom: 1.75rem; } .mtc-site .mtc-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0; padding: 0; list-style: none; color: rgba(255, 255, 255, 0.72); font-family: var(--mtc-font-mono); font-size: 0.7rem; letter-spacing: 0.04em; text-transform: uppercase; } .mtc-site .mtc-breadcrumb li:not(:last-child)::after { margin-left: 0.45rem; content: "/"; } .mtc-site .mtc-breadcrumb a { min-height: 2.75rem; color: var(--mtc-color-white); text-underline-offset: 0.2rem; } /* Hero components */ .mtc-site.mtc-home-hero,.mtc-site.mtc-service-hero,.mtc-site.mtc-guide-hero { position: relative; display: grid; min-height: clamp(38rem, 84vh, 52rem); align-items: end; overflow: clip; isolation: isolate; background: var(--mtc-color-ink); color: var(--mtc-color-white); } .mtc-site.mtc-home-hero { isolation: isolate; } .mtc-site.mtc-service-hero,.mtc-site.mtc-guide-hero { min-height: clamp(34rem, 72vh, 45rem); } .mtc-site .mtc-home-hero__media,.mtc-site .mtc-service-hero__media,.mtc-site .mtc-guide-hero__media,.mtc-site .mtc-home-hero__overlay,.mtc-site .mtc-service-hero__overlay,.mtc-site .mtc-guide-hero__overlay { position: absolute; z-index: -2; inset: 0; } .mtc-site .mtc-home-hero__media, .mtc-site .mtc-service-hero__media, .mtc-site .mtc-guide-hero__media { width: 100%; max-width: 100%; overflow: hidden; } .mtc-site .mtc-home-hero__image,.mtc-site .mtc-service-hero__image,.mtc-site .mtc-guide-hero__image { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; transform: scale(1.025); } .mtc-site .mtc-home-hero__overlay,.mtc-site .mtc-service-hero__overlay,.mtc-site .mtc-guide-hero__overlay { z-index: 0; background: linear-gradient(90deg, rgba(3, 13, 9, 0.92) 0%, rgba(3, 13, 9, 0.72) 49%, rgba(3, 13, 9, 0.3) 100%), linear-gradient(0deg, rgba(3, 13, 9, 0.6), transparent 50%); } .mtc-site .mtc-home-hero__content,.mtc-site .mtc-service-hero__content,.mtc-site .mtc-guide-hero__content { position: relative; z-index: 1; padding-block: clamp(5rem, 11vw, 8.5rem) clamp(4rem, 8vw, 6.5rem); } .mtc-site .mtc-home-hero__content { max-width: min(var(--mtc-shell), calc(100% - 2rem)); } .mtc-site.mtc-home-hero :where(h1, h2, h3),.mtc-site.mtc-service-hero :where(h1, h2, h3),.mtc-site.mtc-guide-hero :where(h1, h2, h3),.mtc-site.mtc-legal-hero :where(h1, h2, h3) { color: var(--mtc-color-white); } .mtc-site.mtc-home-hero h1,.mtc-site.mtc-service-hero h1,.mtc-site.mtc-guide-hero h1 { max-width: 58rem; margin-bottom: 1.25rem; } .mtc-site.mtc-home-hero h1 em { color: var(--mtc-color-lime); font-style: normal; } .mtc-site.mtc-home-hero .mtc-lead,.mtc-site.mtc-service-hero .mtc-lead,.mtc-site.mtc-guide-hero .mtc-lead,.mtc-site.mtc-legal-hero .mtc-lead { color: rgba(255, 255, 255, 0.82); } .mtc-site.mtc-home-hero .mtc-eyebrow,.mtc-site.mtc-service-hero .mtc-eyebrow,.mtc-site.mtc-guide-hero .mtc-eyebrow,.mtc-site.mtc-legal-hero .mtc-eyebrow { color: var(--mtc-color-lime); } .mtc-site .mtc-hero-facts { display: flex; flex-wrap: wrap; gap: 0.7rem; margin: 2rem 0 0; padding: 0; list-style: none; } .mtc-site .mtc-hero-facts li { display: inline-flex; min-height: 2.75rem; align-items: center; gap: 0.45rem; padding: 0.5rem 0.75rem; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: var(--mtc-radius-pill); background: rgba(4, 18, 13, 0.46); color: rgba(255, 255, 255, 0.92); font-size: 0.78rem; font-weight: 700; } .mtc-site .mtc-hero-facts .mtc-icon { width: 1.1rem; height: 1.1rem; color: var(--mtc-color-lime); } .mtc-site.mtc-legal-hero { padding-block: clamp(5rem, 10vw, 8rem); background: linear-gradient(135deg, var(--mtc-color-ink), var(--mtc-color-forest)); color: var(--mtc-color-white); } .mtc-site.mtc-legal-hero h1 { max-width: 50rem; margin-bottom: 1.25rem; } /* Cards and service grids */ .mtc-site .mtc-card-grid,.mtc-site .mtc-service-grid,.mtc-site .mtc-guide-grid { display: grid; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } /* * Home desktop: le raccolte principali seguono la griglia a quattro * colonne della Home di riferimento. Il problem finder resta 3 × 2. */ .mtc-site.mtc-priority-services .mtc-service-grid, .mtc-site.mtc-service-overview .mtc-service-grid, .mtc-site.mtc-trust .mtc-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } /* Centra le ultime due card della raccolta Pest Control su desktop. */ .mtc-site.mtc-service-overview--pest .mtc-service-grid > :nth-last-child(2):nth-child(4n + 1) { grid-column: 2; } .mtc-site .mtc-card,.mtc-site .mtc-topic-group,.mtc-site .mtc-limit,.mtc-site .mtc-address-card { border: 1px solid var(--mtc-color-line); border-radius: var(--mtc-radius-md); background: var(--mtc-color-white); box-shadow: var(--mtc-shadow-sm); } .mtc-site .mtc-card { display: flex; min-width: 0; min-height: 15rem; flex-direction: column; align-items: flex-start; padding: 1.35rem; overflow-wrap: anywhere; transition: transform var(--mtc-duration-fast) ease, box-shadow var(--mtc-duration-fast) ease; } .mtc-site .mtc-card h3 { margin: 1.25rem 0 0.65rem; } .mtc-site .mtc-card p { color: var(--mtc-color-muted); } .mtc-site .mtc-card .mtc-text-link { margin-top: auto; } .mtc-site .mtc-card .mtc-text-link .mtc-icon { transition: transform var(--mtc-duration-fast) ease; } .mtc-site.mtc-theme-dark .mtc-card { border-color: var(--mtc-color-line-dark); background: var(--mtc-color-ink-soft); } .mtc-site.mtc-theme-dark .mtc-card p { color: rgba(255, 255, 255, 0.7); } .mtc-site.mtc-theme-dark .mtc-card .mtc-icon-wrap { color: var(--mtc-color-lime); } .mtc-site.mtc-service-overview--pest { background: linear-gradient(180deg, var(--mtc-color-paper), var(--mtc-color-mint)); } /* Split content and figures */ .mtc-site .mtc-split { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(19rem, 0.95fr); align-items: start; gap: clamp(2rem, 7vw, 5rem); } .mtc-site .mtc-prose h2 { margin-bottom: 1.5rem; } .mtc-site .mtc-prose h3 { margin: 2rem 0 0.75rem; } .mtc-site .mtc-figure { margin-bottom: 0; } .mtc-site .mtc-figure img,.mtc-site .mtc-gallery-grid img { width: 100%; aspect-ratio: 4 / 3; border-radius: var(--mtc-radius-lg); object-fit: cover; box-shadow: var(--mtc-shadow-lg); } .mtc-site .mtc-figure figcaption,.mtc-site .mtc-gallery-grid figcaption { margin-top: 0.65rem; color: var(--mtc-color-muted); font-size: 0.78rem; } .mtc-site .mtc-check-list { display: grid; gap: 0.75rem; margin: 1.25rem 0 0; padding: 0; list-style: none; } .mtc-site .mtc-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; } .mtc-site .mtc-check-list .mtc-icon { width: 1.25rem; height: 1.25rem; margin-top: 0.15rem; color: var(--mtc-color-forest-bright); } .mtc-site .mtc-limit { max-width: 60rem; margin-top: 1.25rem; padding: 1.5rem; border-left: 0.35rem solid var(--mtc-color-lime-strong); } .mtc-site .mtc-limit h3 { margin-bottom: 0.5rem; } .mtc-site .mtc-limit p { margin-bottom: 0; color: var(--mtc-color-muted); } /* Process */ .mtc-site .mtc-step-grid { display: grid; min-width: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; } .mtc-site .mtc-step-grid li { min-width: 0; min-height: 15rem; padding: 1.4rem; border: 1px solid var(--mtc-color-line); border-radius: var(--mtc-radius-md); background: rgba(255, 255, 255, 0.78); } .mtc-site.mtc-theme-dark .mtc-step-grid li { border-color: var(--mtc-color-line-dark); background: rgba(255, 255, 255, 0.06); } .mtc-site .mtc-step-grid li > span { display: inline-flex; min-height: 2.75rem; align-items: center; color: var(--mtc-color-forest-bright); font-family: var(--mtc-font-mono); font-weight: 800; } .mtc-site.mtc-theme-dark .mtc-step-grid li > span { color: var(--mtc-color-lime); } .mtc-site .mtc-step-grid h3 { margin: 1.5rem 0 0.7rem; } .mtc-site .mtc-step-grid p { margin-bottom: 0; color: var(--mtc-color-muted); } .mtc-site.mtc-theme-dark .mtc-step-grid p { color: rgba(255, 255, 255, 0.7); } /* Gallery */ .mtc-site.mtc-gallery { background: var(--mtc-color-paper-strong); } .mtc-site .mtc-gallery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .mtc-site .mtc-gallery-grid figure { margin: 0; transition: transform var(--mtc-duration-fast) ease, box-shadow var(--mtc-duration-fast) ease; } .mtc-site .mtc-gallery-grid figure:first-child { grid-column: span 2; } .mtc-site .mtc-gallery-grid img { aspect-ratio: 1 / 1; } .mtc-site .mtc-gallery-grid figure:first-child img { aspect-ratio: 2 / 1; } /* FAQ */ .mtc-site.mtc-faq-section { background: var(--mtc-color-white); } .mtc-site .mtc-faq-layout { display: grid; grid-template-columns: minmax(17rem, 0.8fr) minmax(0, 1.2fr); align-items: start; gap: clamp(2rem, 7vw, 5rem); } .mtc-site .mtc-faq-list { border-top: 1px solid var(--mtc-color-line); } .mtc-site .mtc-faq { border-bottom: 1px solid var(--mtc-color-line); } .mtc-site .mtc-faq summary { display: flex; min-height: 4.25rem; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1rem; cursor: pointer; font-size: 1.05rem; font-weight: 800; list-style: none; } .mtc-site .mtc-faq summary::-webkit-details-marker { display: none; } .mtc-site .mtc-faq-marker { display: grid; width: 2.75rem; height: 2.75rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--mtc-color-paper-strong); color: var(--mtc-color-forest-bright); font-size: 1.4rem; transition: transform var(--mtc-duration-fast) ease; } .mtc-site .mtc-faq[open] .mtc-faq-marker { transform: rotate(45deg); } .mtc-site .mtc-faq-answer { max-width: 42rem; padding: 0 3.75rem 1.25rem 0; color: var(--mtc-color-muted); } .mtc-site .mtc-faq-answer p { margin-bottom: 0; } /* CTA and contact panels */ .mtc-site.mtc-cta-band { position: relative; padding-block: clamp(2.75rem, 7vw, 4.75rem); overflow: clip; background: linear-gradient(110deg, var(--mtc-color-forest), var(--mtc-color-ink)); color: var(--mtc-color-white); } .mtc-site.mtc-cta-band::after { position: absolute; top: -9rem; right: -6rem; width: 24rem; height: 24rem; border: 3rem solid rgba(201, 255, 66, 0.12); border-radius: 50%; content: ""; } .mtc-site .mtc-cta-band__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2rem; } .mtc-site.mtc-cta-band h2 { max-width: 52rem; margin-bottom: 0.75rem; color: var(--mtc-color-white); } .mtc-site.mtc-cta-band p { max-width: 46rem; margin-bottom: 0; color: rgba(255, 255, 255, 0.76); } .mtc-site.mtc-cta-band .mtc-eyebrow { color: var(--mtc-color-lime); } .mtc-site.mtc-contact { padding-block: clamp(4.5rem, 9vw, 7.5rem); background: linear-gradient(180deg, var(--mtc-color-mint), var(--mtc-color-paper)); } .mtc-site .mtc-contact__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr); align-items: start; gap: clamp(2rem, 7vw, 5rem); } .mtc-site.mtc-contact h2 { margin-bottom: 1rem; } .mtc-site .mtc-contact__grid > div > p:not(.mtc-eyebrow) { max-width: 42rem; color: var(--mtc-color-muted); font-size: 1.08rem; } .mtc-site .mtc-contact__checklist { padding: 1.5rem; border: 1px solid var(--mtc-color-line); border-radius: var(--mtc-radius-lg); background: var(--mtc-color-white); box-shadow: var(--mtc-shadow-sm); } .mtc-site .mtc-contact__checklist h3 { margin-bottom: 1rem; } .mtc-site .mtc-note { margin: 1rem 0 0; color: var(--mtc-color-muted); font-size: 0.8rem; } .mtc-site .mtc-note--dark { color: rgba(255, 255, 255, 0.64); } .mtc-site .mtc-note code,.mtc-site.mtc-legal code { padding: 0.1rem 0.35rem; border-radius: 0.3rem; background: var(--mtc-color-paper-strong); color: var(--mtc-color-ink); font-family: var(--mtc-font-mono); } /* Zones */ .mtc-site .mtc-zone-cloud { display: flex; flex-wrap: wrap; gap: 0.65rem; } .mtc-site .mtc-zone-cloud a { display: inline-flex; min-height: 2.75rem; align-items: center; padding: 0.55rem 0.9rem; border: 1px solid var(--mtc-color-line); border-radius: var(--mtc-radius-pill); background: var(--mtc-color-white); color: var(--mtc-color-forest); font-weight: 750; text-decoration: none; } .mtc-site .mtc-zone-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; } .mtc-site .mtc-zone-grid a { display: grid; min-height: 5.25rem; grid-template-columns: auto 1fr auto; align-items: center; gap: 0.75rem; padding: 1rem; border: 1px solid var(--mtc-color-line); border-radius: var(--mtc-radius-md); background: var(--mtc-color-white); text-decoration: none; } .mtc-site .mtc-zone-grid a > .mtc-icon:first-child { color: var(--mtc-color-forest-bright); } .mtc-site .mtc-zone-grid strong,.mtc-site .mtc-zone-grid small { display: block; } .mtc-site .mtc-zone-grid small { margin-top: 0.2rem; color: var(--mtc-color-muted); } /* Guides */ .mtc-site .mtc-toc { margin-top: 2rem; padding: 1.4rem; border-left: 0.3rem solid var(--mtc-color-lime-strong); background: var(--mtc-color-white); box-shadow: var(--mtc-shadow-sm); } .mtc-site .mtc-toc h3 { margin-bottom: 0.8rem; } .mtc-site .mtc-toc ol { display: grid; gap: 0.4rem; margin: 0; padding-left: 1.25rem; } .mtc-site .mtc-toc a { display: inline-flex; min-height: 2.75rem; align-items: center; color: var(--mtc-color-forest-bright); font-weight: 750; text-underline-offset: 0.2rem; } .mtc-site.mtc-guide-content { background: var(--mtc-color-white); } .mtc-site .mtc-guide-article { display: grid; max-width: 54rem; gap: 4rem; } .mtc-site .mtc-guide-article article { scroll-margin-top: 7rem; } .mtc-site .mtc-guide-article article h2 { margin-bottom: 1.2rem; } .mtc-site .mtc-guide-article article > p { color: var(--mtc-color-muted); font-size: 1.08rem; } .mtc-site .mtc-guide-number { display: inline-flex; min-height: 2.75rem; align-items: center; color: var(--mtc-color-forest-bright); font-family: var(--mtc-font-mono); font-weight: 800; } .mtc-site .mtc-safety__inner { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 1.5rem; } .mtc-site .mtc-safety__inner h2 { margin-bottom: 0.75rem; } .mtc-site .mtc-safety__inner p:last-child { max-width: 54rem; margin-bottom: 0; color: rgba(255, 255, 255, 0.76); font-size: 1.08rem; } .mtc-site .mtc-topic-group { padding: 1.35rem; } .mtc-site .mtc-topic-group + .mtc-topic-group { margin-top: 1.5rem; } .mtc-site .mtc-topic-group > h3 { margin-bottom: 1.25rem; } /* Company, legal and contact */ .mtc-site .mtc-data-grid,.mtc-site .mtc-legal-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; margin: 0; } .mtc-site .mtc-data-grid > div,.mtc-site .mtc-legal-list > div { padding: 1.25rem; border: 1px solid var(--mtc-color-line); border-radius: var(--mtc-radius-md); background: var(--mtc-color-white); } .mtc-site .mtc-data-grid dt,.mtc-site .mtc-legal-list dt { margin-bottom: 0.45rem; color: var(--mtc-color-muted); font-family: var(--mtc-font-mono); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } .mtc-site .mtc-data-grid dd,.mtc-site .mtc-legal-list dd { margin: 0; font-weight: 750; } .mtc-site .mtc-address-card { display: flex; max-width: 36rem; gap: 1rem; padding: 1.35rem; font-style: normal; } .mtc-site .mtc-address-card .mtc-icon { color: var(--mtc-color-forest-bright); } .mtc-site .mtc-address-card p { margin-bottom: 0; } .mtc-site.mtc-legal:nth-of-type(even) { background: var(--mtc-color-white); } .mtc-site .mtc-legal__content h2 { margin-bottom: 1rem; } .mtc-site .mtc-legal__content a { color: var(--mtc-color-forest-bright); font-weight: 750; } .mtc-site .mtc-legal-list { grid-template-columns: 1fr 1fr; } /* Footer */ .mtc-site.mtc-footer { padding-block: 4rem 1.5rem; background: var(--mtc-color-ink); color: var(--mtc-color-white); } .mtc-site .mtc-footer__grid { display: grid; grid-template-columns: 1.2fr 0.8fr 0.8fr 1fr; gap: 2rem; } .mtc-site .mtc-footer__logo { width: 4rem; height: 4rem; border-radius: 50%; object-fit: cover; } .mtc-site .mtc-footer__brand p { max-width: 24rem; margin-top: 1rem; color: rgba(255, 255, 255, 0.68); } .mtc-site.mtc-footer h2 { margin-bottom: 1rem; color: var(--mtc-color-white); font-family: var(--mtc-font-mono); font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; } .mtc-site .mtc-footer__grid > div:not(.mtc-footer__brand),.mtc-site.mtc-footer address { display: flex; flex-direction: column; align-items: flex-start; gap: 0.45rem; } .mtc-site.mtc-footer :where(a, address p) { color: rgba(255, 255, 255, 0.72); font-size: 0.88rem; font-style: normal; text-decoration-color: rgba(255, 255, 255, 0.35); text-underline-offset: 0.2rem; } .mtc-site .mtc-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 3rem; padding-top: 1.25rem; border-top: 1px solid var(--mtc-color-line-dark); color: rgba(255, 255, 255, 0.6); font-size: 0.78rem; } .mtc-site .mtc-footer__bottom p { margin-bottom: 0; } .mtc-site .mtc-footer__bottom nav { display: flex; gap: 1rem; } /* Fixed mobile action bar. Visible by default; JS only changes timing/suppression. */ .mtc-site.mtc-mobile-cta { display: none; } /* Icon preview */ .mtc-site .mtc-icon-preview { min-height: 100vh; padding-block: 4rem; background: var(--mtc-color-paper); } .mtc-site .mtc-icon-preview header { max-width: 52rem; margin-bottom: 3rem; } .mtc-site .mtc-icon-preview__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; } .mtc-site .mtc-icon-preview__grid article { padding: 1.25rem; border: 1px solid var(--mtc-color-line); border-radius: var(--mtc-radius-md); background: var(--mtc-color-white); } .mtc-site .mtc-icon-preview__grid h2 { margin: 1rem 0 0.4rem; font-size: 1.1rem; } .mtc-site .mtc-icon-preview__grid p { color: var(--mtc-color-muted); font-size: 0.82rem; } .mtc-site .mtc-status { display: inline-flex; min-height: 2rem; align-items: center; padding-inline: 0.7rem; border-radius: var(--mtc-radius-pill); background: var(--mtc-color-mint); color: var(--mtc-color-forest); font-size: 0.7rem; font-weight: 800; } /* Motion is opt-in only after JavaScript has initialized observers. */ .mtc-motion-ready .mtc-site [data-mtc-reveal] { opacity: 0; transition: opacity var(--mtc-duration-base) var(--mtc-ease-standard), transform var(--mtc-duration-base) var(--mtc-ease-standard); transition-delay: calc(var(--mtc-delay, 0) * 90ms); will-change: opacity, transform; } .mtc-motion-ready .mtc-site [data-mtc-delay="1"] { --mtc-delay: 1; } .mtc-motion-ready .mtc-site [data-mtc-delay="2"] { --mtc-delay: 2; } .mtc-motion-ready .mtc-site [data-mtc-delay="3"] { --mtc-delay: 3; } .mtc-motion-ready .mtc-site [data-mtc-delay="4"] { --mtc-delay: 4; } .mtc-motion-ready .mtc-site [data-mtc-reveal="up"] { transform: translate3d(0, 1.5rem, 0); } .mtc-motion-ready .mtc-site [data-mtc-reveal="left"] { transform: translate3d(-1.5rem, 0, 0); } .mtc-motion-ready .mtc-site [data-mtc-reveal="right"] { transform: translate3d(1.5rem, 0, 0); } .mtc-motion-ready .mtc-site [data-mtc-reveal="scale"] { transform: scale(0.975); } .mtc-motion-ready .mtc-site [data-mtc-reveal="fade"] { transform: none; } .mtc-motion-ready .mtc-site [data-mtc-reveal].mtc-is-visible { opacity: 1; transform: none; will-change: auto; } @media (max-width: 72rem) { .mtc-site .mtc-desktop-nav,.mtc-site .mtc-header__actions > .mtc-button { display: none; } .mtc-site .mtc-menu-toggle { display: grid; } .mtc-site .mtc-card-grid,.mtc-site .mtc-service-grid,.mtc-site .mtc-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mtc-site.mtc-priority-services .mtc-service-grid, .mtc-site.mtc-service-overview .mtc-service-grid, .mtc-site.mtc-trust .mtc-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mtc-site.mtc-service-overview--pest .mtc-service-grid > :nth-last-child(2):nth-child(4n + 1) { grid-column: auto; } .mtc-site .mtc-step-grid { grid-template-columns: 1fr 1fr; } .mtc-site .mtc-footer__grid { grid-template-columns: 1fr 1fr; } .mtc-site .mtc-icon-preview__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 64rem) { .mtc-site .mtc-cta-band__inner { grid-template-columns: 1fr; } .mtc-site .mtc-cta-band__inner > .mtc-actions { justify-content: flex-start; } } @media (max-width: 56rem) { .mtc-site.mtc-home-hero,.mtc-site.mtc-service-hero,.mtc-site.mtc-guide-hero { min-height: 37rem; } .mtc-site .mtc-home-hero__overlay,.mtc-site .mtc-service-hero__overlay,.mtc-site .mtc-guide-hero__overlay { background: linear-gradient(0deg, rgba(3, 13, 9, 0.94) 0%, rgba(3, 13, 9, 0.64) 64%, rgba(3, 13, 9, 0.38) 100%); } .mtc-site .mtc-home-hero__image { object-position: 62% center; } .mtc-site .mtc-split,.mtc-site .mtc-faq-layout,.mtc-site .mtc-contact__grid,.mtc-site .mtc-cta-band__inner { grid-template-columns: 1fr; } .mtc-site .mtc-gallery-grid { grid-template-columns: 1fr 1fr; } .mtc-site .mtc-gallery-grid figure:first-child { grid-column: 1 / -1; } .mtc-site .mtc-zone-grid,.mtc-site .mtc-data-grid { grid-template-columns: 1fr 1fr; } .mtc-site.mtc-mobile-cta { position: fixed; z-index: 2000; right: 0.75rem; bottom: calc(0.75rem + env(safe-area-inset-bottom)); left: 0.75rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0.4rem; border: 1px solid var(--mtc-color-line-dark); border-radius: 1rem; background: rgba(10, 17, 16, 0.96); box-shadow: 0 1rem 3rem rgba(10, 17, 16, 0.32); color: var(--mtc-color-white); transform: translateY(0); transition: opacity var(--mtc-duration-fast) ease, transform var(--mtc-duration-fast) ease; } @supports (backdrop-filter: blur(0.75rem)) { .mtc-site.mtc-mobile-cta { background: rgba(10, 17, 16, 0.88); backdrop-filter: blur(0.75rem); } } .mtc-site.mtc-mobile-cta a { display: flex; min-height: 3.4rem; flex-direction: column; align-items: center; justify-content: center; gap: 0.2rem; border-radius: 0.7rem; color: var(--mtc-color-white); font-size: 0.68rem; font-weight: 800; text-decoration: none; } .mtc-site.mtc-mobile-cta a:first-child { background: var(--mtc-color-lime); color: var(--mtc-color-ink); } .mtc-site.mtc-mobile-cta .mtc-icon { width: 1.25rem; height: 1.25rem; } .mtc-js-ready .mtc-site.mtc-mobile-cta:not(.mtc-is-visible), .mtc-site.mtc-mobile-cta.mtc-is-suppressed, .mtc-editor-mode .mtc-site.mtc-mobile-cta { opacity: 0; pointer-events: none; transform: translateY(calc(100% + 1.5rem)); } } @media (max-width: 42rem) { .mtc-site { --mtc-header-height: 4.5rem; } .mtc-site .mtc-shell { width: min(var(--mtc-shell), calc(100% - 1.25rem)); } .mtc-site .mtc-topbar__inner { justify-content: center; } .mtc-site.mtc-topbar p { display: none; } .mtc-site .mtc-brand span { display: none; } .mtc-site .mtc-brand { min-width: auto; } .mtc-site .mtc-home-hero__content,.mtc-site .mtc-service-hero__content,.mtc-site .mtc-guide-hero__content { padding-block: 4rem 3rem; } .mtc-site .mtc-actions { display: grid; grid-template-columns: 1fr; } .mtc-site .mtc-actions .mtc-button { width: 100%; } .mtc-site .mtc-card-grid,.mtc-site .mtc-service-grid,.mtc-site .mtc-guide-grid,.mtc-site .mtc-step-grid,.mtc-site .mtc-gallery-grid,.mtc-site .mtc-zone-grid,.mtc-site .mtc-data-grid,.mtc-site .mtc-legal-list,.mtc-site .mtc-footer__grid,.mtc-site .mtc-icon-preview__grid { grid-template-columns: 1fr; } .mtc-site.mtc-priority-services .mtc-service-grid, .mtc-site.mtc-service-overview .mtc-service-grid, .mtc-site.mtc-trust .mtc-card-grid { grid-template-columns: 1fr; } .mtc-site .mtc-gallery-grid figure:first-child { grid-column: auto; } .mtc-site .mtc-gallery-grid figure:first-child img,.mtc-site .mtc-gallery-grid img { aspect-ratio: 4 / 3; } .mtc-site .mtc-card { min-height: 13rem; } .mtc-site .mtc-step-grid li { min-height: 12rem; } .mtc-site .mtc-safety__inner { grid-template-columns: 1fr; } .mtc-site .mtc-footer__bottom { align-items: flex-start; flex-direction: column; padding-bottom: 5.5rem; } .mtc-site .mtc-mobile-drawer__actions { grid-template-columns: 1fr; } .mtc-site .mtc-faq-answer { padding-right: 0; } .mtc-site .mtc-hero-facts { align-items: stretch; flex-direction: column; } .mtc-site .mtc-hero-facts li { width: fit-content; max-width: 100%; } } @media (prefers-reduced-motion: reduce) { .mtc-site *, .mtc-site *::before, .mtc-site *::after { scroll-behavior: auto; animation-duration: 0.01ms; animation-iteration-count: 1; transition-duration: 0.01ms; } .mtc-motion-ready .mtc-site [data-mtc-reveal] { opacity: 1; transform: none; } .mtc-site .mtc-home-hero__image,.mtc-site .mtc-service-hero__image,.mtc-site .mtc-guide-hero__image, .mtc-site [data-scroll] { transform: none; } } @media (prefers-contrast: more) { .mtc-site { --mtc-color-muted: #29362f; --mtc-color-line: rgba(10, 17, 16, 0.4); --mtc-color-line-dark: rgba(255, 255, 255, 0.52); } .mtc-site .mtc-button,.mtc-site .mtc-card,.mtc-site .mtc-faq { border-width: 2px; } } @media print { .mtc-site.mtc-header,.mtc-site.mtc-topbar,.mtc-site.mtc-mobile-cta,.mtc-site.mtc-footer,.mtc-site .mtc-actions { display: none; } .mtc-site { color: #000; background: #fff; } .mtc-site :where(h1, h2, h3, p) { color: #000; } } /* ========================================================================== HOME MTC SERVICE — CORREZIONI FINALI PER INSTALLAZIONE IN ROOT Dominio: https://www.mtcservice.it/ Queste regole consolidano il rendering Gridbox e riallineano la Home alla pagina master fornita. ========================================================================== */ html, body { max-width: 100%; overflow-x: clip; } .mtc-site { text-align: left; } .mtc-site .mtc-shell { width: min(var(--mtc-shell), calc(100% - 2.75rem)); margin-inline: auto; } /* Asset definitivi nella directory principale. */ .mtc-site .mtc-brand__logo, .mtc-site .mtc-footer__logo { content: url(../../../../templates/gridbox/css/storage//images/mtc/logo/mtc-service-logo.webp); } .mtc-site .mtc-home-hero__image { content: url(../../../../templates/gridbox/css/storage//images/mtc/home/autospurgo-roma-mtc-service.webp); } /* Palette istituzionale della Home master. */ .mtc-site.mtc-topbar { border-bottom: 1px solid rgba(255, 255, 255, 0.12); background: linear-gradient(90deg, #05120f 0%, #0c2c20 55%, #05120f 100%); box-shadow: 0 0.75rem 2rem rgba(5, 18, 15, 0.18); } .mtc-site .mtc-topbar__inner { min-height: 2.5rem; } .mtc-site.mtc-topbar :where(p, a) { color: #eaf6e8; font-size: 0.69rem; font-weight: 800; letter-spacing: 0.1em; } .mtc-site.mtc-topbar a, .mtc-site.mtc-topbar .mtc-icon { color: var(--mtc-color-lime); } /* Header e menu: asse sinistro, logo leggibile, palette scura della reference. */ @supports (backdrop-filter: blur(1rem)) { .mtc-site.mtc-header { border-bottom-color: rgba(255, 255, 255, 0.12); background: rgba(5, 18, 15, 0.96); color: var(--mtc-color-white); backdrop-filter: blur(1rem) saturate(125%); } } .mtc-site.mtc-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); background: rgba(5, 18, 15, 0.96); color: var(--mtc-color-white); box-shadow: 0 1rem 2.75rem rgba(5, 18, 15, 0.2); } .mtc-site.mtc-header.mtc-is-scrolled { border-bottom-color: rgba(185, 232, 63, 0.28); background: rgba(5, 18, 15, 0.985); box-shadow: 0 1rem 3.25rem rgba(5, 18, 15, 0.34); } .mtc-site .mtc-header__inner { min-height: 5.125rem; gap: 1rem; } .mtc-site .mtc-brand { min-width: 4.25rem; min-height: 4rem; flex: 0 0 auto; color: var(--mtc-color-white); } .mtc-site .mtc-brand__logo { width: 4rem; height: 4rem; padding: 0; border-radius: 0; background: transparent; object-fit: contain; filter: drop-shadow(0 0.45rem 1.1rem rgba(0, 0, 0, 0.22)); } .mtc-site .mtc-brand > span { display: none; } .mtc-site .mtc-desktop-nav { justify-content: center; gap: 0.15rem; } .mtc-site .mtc-desktop-nav > a, .mtc-site .mtc-mega > button { min-height: 2.75rem; padding-inline: 0.58rem; color: #edf7ed; font-size: 0.85rem; font-weight: 850; letter-spacing: 0.015em; text-transform: uppercase; white-space: nowrap; } .mtc-site .mtc-desktop-nav > a:hover, .mtc-site .mtc-desktop-nav > a:focus-visible, .mtc-site .mtc-desktop-nav > a[aria-current="page"], .mtc-site .mtc-mega > button:hover, .mtc-site .mtc-mega > button:focus-visible, .mtc-site .mtc-mega > button[aria-expanded="true"] { color: var(--mtc-color-lime); } .mtc-site .mtc-header__actions { flex: 0 0 auto; } .mtc-site .mtc-header__actions > .mtc-button { min-width: 8.75rem; } .mtc-site .mtc-mega-panel { top: calc(100% + 0.0625rem); width: min(68rem, calc(100vw - 2.75rem)); padding: 1.4rem; border-color: rgba(185, 232, 63, 0.22); border-radius: 0 0 1.25rem 1.25rem; background: rgba(5, 18, 15, 0.985); box-shadow: 0 2.25rem 6.25rem rgba(0, 0, 0, 0.46); } .mtc-site .mtc-mega-title { color: var(--mtc-color-lime); font-weight: 800; } .mtc-site .mtc-mega-link { color: #edf7ed; } .mtc-site .mtc-mega-link:hover, .mtc-site .mtc-mega-link:focus-visible { background: linear-gradient(90deg, rgba(63, 132, 63, 0.3), rgba(185, 232, 63, 0.1)); color: var(--mtc-color-white); transform: translateX(0.2rem); } .mtc-site .mtc-mobile-drawer { background: #05120f; color: var(--mtc-color-white); } .mtc-site .mtc-mobile-drawer :where(a, summary, button) { color: var(--mtc-color-white); } /* Hero: allineamento coerente con la pagina master. */ .mtc-site.mtc-home-hero { min-height: clamp(42rem, 82vh, 51rem); align-items: center; background: #05120f; } .mtc-site .mtc-home-hero__media { z-index: -2; } .mtc-site .mtc-home-hero__image { object-position: center; filter: saturate(0.9) contrast(1.06) brightness(0.9); transform: scale(1.035); } .mtc-site .mtc-home-hero__overlay { background: linear-gradient(100deg, rgba(5, 18, 15, 0.98) 0%, rgba(7, 25, 18, 0.84) 46%, rgba(7, 25, 18, 0.34) 100%), linear-gradient(0deg, rgba(5, 18, 15, 0.62), transparent 52%); } .mtc-site .mtc-home-hero__content { width: min(var(--mtc-shell), calc(100% - 2.75rem)); max-width: none; margin-inline: auto; padding-block: clamp(5.75rem, 10vw, 8rem) clamp(5rem, 8vw, 7rem); text-align: left; } .mtc-site.mtc-home-hero h1 { max-width: 56rem; margin: 0 0 1.5rem; font-size: clamp(2.75rem, 5.75vw, 5rem); font-weight: 900; letter-spacing: -0.065em; line-height: 0.96; text-align: left; text-wrap: balance; } .mtc-site.mtc-home-hero .mtc-lead { max-width: 44rem; margin-bottom: 0; color: rgba(239, 247, 237, 0.84); font-size: clamp(1.05rem, 1.5vw, 1.28rem); line-height: 1.62; text-align: left; } .mtc-site.mtc-home-hero .mtc-eyebrow { justify-content: flex-start; color: var(--mtc-color-lime); text-align: left; } .mtc-site.mtc-home-hero .mtc-actions, .mtc-site .mtc-hero-facts { justify-content: flex-start; } .mtc-site .mtc-hero-facts li { border-color: rgba(185, 232, 63, 0.28); background: rgba(5, 18, 15, 0.62); color: #f5ffe6; } /* Tipografia, sezioni e allineamenti Gridbox. */ .mtc-site :where(h1, h2, h3, p, li, address, figcaption) { text-align: left; } .mtc-site h2 { font-weight: 900; letter-spacing: -0.055em; line-height: 1.02; } .mtc-site .mtc-section-heading { max-width: 48rem; margin-right: auto; margin-left: 0; text-align: left; } .mtc-site .mtc-section-heading > * { margin-right: 0; margin-left: 0; text-align: left; } .mtc-site.mtc-section { padding-block: clamp(5rem, 8vw, 6.75rem); } .mtc-site .mtc-card, .mtc-site .mtc-step-grid li, .mtc-site .mtc-topic-group, .mtc-site .mtc-limit, .mtc-site .mtc-address-card { text-align: left; } .mtc-site .mtc-card { min-height: 15.5rem; padding: 1.5rem; } .mtc-site .mtc-card h3 { width: 100%; margin: 1.2rem 0 0.65rem; text-align: left; } .mtc-site .mtc-card p, .mtc-site .mtc-card .mtc-text-link { text-align: left; } .mtc-site .mtc-card-grid, .mtc-site .mtc-service-grid, .mtc-site .mtc-step-grid { align-items: stretch; } .mtc-site.mtc-problem-finder .mtc-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.125rem; } .mtc-site.mtc-priority-services .mtc-service-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.125rem; } /* Le ultime tre card degli spurghi restano centrate su desktop. */ .mtc-site.mtc-service-overview:not(.mtc-service-overview--pest) .mtc-service-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 1.125rem; } .mtc-site.mtc-service-overview:not(.mtc-service-overview--pest) .mtc-service-grid > * { grid-column: span 2; } .mtc-site.mtc-service-overview:not(.mtc-service-overview--pest) .mtc-service-grid > :nth-last-child(3):nth-child(4n + 1) { grid-column: 2 / span 2; } .mtc-site.mtc-service-overview--pest .mtc-service-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.125rem; } .mtc-site.mtc-service-overview--pest { background: linear-gradient(180deg, #f3f7ef 0%, #e7f0e2 100%); } .mtc-site.mtc-theme-dark { background: linear-gradient(135deg, #05120f 0%, #0a261b 54%, #06120f 100%); } .mtc-site.mtc-theme-dark .mtc-card { border-color: rgba(185, 232, 63, 0.18); background: rgba(255, 255, 255, 0.055); } .mtc-site.mtc-theme-dark .mtc-card p, .mtc-site.mtc-theme-dark .mtc-step-grid p { color: rgba(238, 248, 235, 0.76); } .mtc-site .mtc-icon-wrap { background: rgba(185, 232, 63, 0.14); color: var(--mtc-color-forest-bright); } .mtc-site.mtc-theme-dark .mtc-icon-wrap { border: 1px solid rgba(185, 232, 63, 0.25); color: var(--mtc-color-lime); } /* CTA, metodo, zone, FAQ e pannello contatti. */ .mtc-site .mtc-cta-band__inner, .mtc-site .mtc-contact__grid, .mtc-site .mtc-split, .mtc-site .mtc-faq-layout { text-align: left; } .mtc-site.mtc-cta-band { background: linear-gradient(110deg, #123f2a 0%, #05120f 100%); } .mtc-site.mtc-cta-band h2 { text-align: left; } .mtc-site .mtc-cta-band__inner > .mtc-actions { justify-content: flex-end; } .mtc-site .mtc-step-grid li { min-height: 14rem; } .mtc-site .mtc-zone-cloud { justify-content: flex-start; } .mtc-site .mtc-faq summary { text-align: left; } .mtc-site.mtc-contact--panel { background: linear-gradient(180deg, #e4f1e2 0%, #f3f7ef 100%); } .mtc-site .mtc-contact__grid { align-items: center; } /* Footer coerente con header e Home master. */ .mtc-site.mtc-footer { background: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(145deg, #04100d 0%, #0c2a1f 58%, #06120f 100%); background-size: 3.625rem 3.625rem, 3.625rem 3.625rem, auto; } .mtc-site .mtc-footer__logo { width: 5.5rem; height: 5.5rem; border-radius: 0; object-fit: contain; } .mtc-site.mtc-footer h2 { color: var(--mtc-color-lime); } /* Failsafe: i contenuti non devono mai restare invisibili. La transizione resta disponibile, ma non governa più la leggibilità. */ .mtc-motion-ready .mtc-site [data-mtc-reveal], .mtc-motion-ready .mtc-site [data-mtc-reveal].mtc-is-visible { opacity: 1; transform: none; will-change: auto; } @media (max-width: 72rem) { .mtc-site .mtc-shell, .mtc-site .mtc-home-hero__content { width: min(var(--mtc-shell), calc(100% - 2rem)); } .mtc-site.mtc-problem-finder .mtc-card-grid, .mtc-site.mtc-priority-services .mtc-service-grid, .mtc-site.mtc-service-overview:not(.mtc-service-overview--pest) .mtc-service-grid, .mtc-site.mtc-service-overview--pest .mtc-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mtc-site.mtc-service-overview:not(.mtc-service-overview--pest) .mtc-service-grid > *, .mtc-site.mtc-service-overview:not(.mtc-service-overview--pest) .mtc-service-grid > :nth-last-child(3):nth-child(4n + 1) { grid-column: auto; } } @media (max-width: 56rem) { .mtc-site.mtc-header { background: rgba(5, 18, 15, 0.985); } .mtc-site .mtc-header__inner { min-height: 4.5rem; } .mtc-site .mtc-brand__logo { width: 3.5rem; height: 3.5rem; } .mtc-site.mtc-home-hero { min-height: 38rem; } .mtc-site .mtc-home-hero__overlay { background: linear-gradient(0deg, rgba(5, 18, 15, 0.97) 0%, rgba(5, 18, 15, 0.72) 68%, rgba(5, 18, 15, 0.42) 100%); } .mtc-site .mtc-home-hero__image { object-position: 62% center; } .mtc-site .mtc-cta-band__inner > .mtc-actions { justify-content: flex-start; } } @media (max-width: 42rem) { .mtc-site .mtc-shell, .mtc-site .mtc-home-hero__content { width: min(var(--mtc-shell), calc(100% - 1.25rem)); } .mtc-site.mtc-topbar p { display: none; } .mtc-site.mtc-home-hero h1 { font-size: clamp(2.45rem, 12vw, 3.65rem); line-height: 0.98; } .mtc-site .mtc-home-hero__content { padding-block: 4.5rem 3.5rem; } .mtc-site.mtc-problem-finder .mtc-card-grid, .mtc-site.mtc-priority-services .mtc-service-grid, .mtc-site.mtc-service-overview:not(.mtc-service-overview--pest) .mtc-service-grid, .mtc-site.mtc-service-overview--pest .mtc-service-grid { grid-template-columns: 1fr; } .mtc-site .mtc-card, .mtc-site .mtc-step-grid li { min-height: 0; } .mtc-site .mtc-footer__logo { width: 4.75rem; height: 4.75rem; } } html.mtc-editor-mode { scroll-behavior: auto !important; } html.mtc-editor-mode .mtc-site [data-mtc-reveal], html.mtc-editor-mode .mtc-site [data-mtc-priority-reveal] { visibility: visible !important; opacity: 1 !important; transform: none !important; transition: none !important; animation: none !important; } html.mtc-editor-mode .mtc-slider__image, html.mtc-editor-mode .mtc-slider__slide, html.mtc-editor-mode .mtc-slider__progress i { transform: none !important; transition: none !important; animation: none !important; } html.mtc-editor-mode .mtc-slider__progress { display: none; } html.mtc-editor-mode .mtc-site.mtc-mobile-cta, html.mtc-editor-mode .mtc-site .mtc-mobile-backdrop, html.mtc-editor-mode .mtc-site .mtc-mobile-drawer { display: none !important; } #item-1785100352708 { display : block; margin-bottom: 0px; margin-top: 0px; } /* ========================================================= MTC SERVICE — HEADER & MEGA MENU V2 Caricare DOPO il CSS globale MTC. Tutte le regole sono confinate a topbar/header/menu MTC. ========================================================= */ html.mtc-menu-open, body.mtc-menu-open { overflow: hidden !important; } .mtc-site.mtc-topbar, .mtc-site.mtc-header, .mtc-site.mtc-header *, .mtc-site.mtc-header *::before, .mtc-site.mtc-header *::after { box-sizing: border-box; } .mtc-site.mtc-topbar { position: relative; z-index: 2190; min-height: 38px; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #eef8ed; background: linear-gradient(90deg, #03130e 0%, #0b3022 52%, #03130e 100%); box-shadow: none; } .mtc-site.mtc-topbar::after { position: absolute; right: 0; bottom: -1px; width: min(36vw, 420px); height: 1px; background: linear-gradient(90deg, transparent, #b9e83f); content: ""; pointer-events: none; } .mtc-site.mtc-topbar .mtc-topbar__inner { width: min(1440px, calc(100% - 64px)); min-height: 38px; margin-inline: auto; } .mtc-site.mtc-topbar :where(p, a) { min-height: 38px; margin: 0; color: #eef8ed; font-size: 11px; font-weight: 850; line-height: 1; letter-spacing: 0.095em; text-decoration: none; text-transform: uppercase; } .mtc-site.mtc-topbar a, .mtc-site.mtc-topbar .mtc-icon { color: #b9e83f; } .mtc-site.mtc-topbar .mtc-icon { width: 16px; height: 16px; flex: 0 0 16px; } /* Header */ .mtc-site.mtc-header { position: sticky; top: 0; z-index: 2180; width: 100%; overflow: visible !important; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: #ffffff; background: rgba(3, 19, 14, 0.975); box-shadow: 0 18px 44px rgba(3, 19, 14, 0.22); isolation: isolate; transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } @supports (backdrop-filter: blur(16px)) { .mtc-site.mtc-header { background: rgba(3, 19, 14, 0.92); backdrop-filter: blur(16px) saturate(125%); } } .mtc-site.mtc-header.mtc-is-scrolled { border-bottom-color: rgba(185, 232, 63, 0.26); background: rgba(3, 19, 14, 0.99); box-shadow: 0 20px 54px rgba(3, 19, 14, 0.36); } .mtc-site.mtc-header::before { position: absolute; inset: 0; z-index: -1; opacity: 0.28; background: linear-gradient(rgba(185, 232, 63, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(185, 232, 63, 0.035) 1px, transparent 1px); background-size: 48px 48px; content: ""; pointer-events: none; } .mtc-site.mtc-header .mtc-skip-link { position: fixed; z-index: 2300; top: 10px; left: -100vw; padding: 12px 16px; border: 0; border-radius: 0; color: #03130e; background: #b9e83f; font-weight: 900; text-decoration: none; } .mtc-site.mtc-header .mtc-skip-link:focus { left: 12px; } .mtc-site.mtc-header > .mtc-header__inner, .mtc-site.mtc-header > .mtc-shell.mtc-header__inner { position: relative; display: grid; width: min(1440px, calc(100% - 64px)); min-height: 84px; margin-inline: auto; grid-template-columns: auto minmax(0, 1fr) auto; gap: clamp(18px, 2.3vw, 38px); align-items: center; } /* Brand */ .mtc-site.mtc-header .mtc-brand { display: inline-flex; min-width: 64px; min-height: 64px; align-items: center; gap: 10px; color: #ffffff; text-decoration: none; } .mtc-site.mtc-header .mtc-brand__logo { display: block; width: 64px; height: 64px; max-width: none; padding: 0; flex: 0 0 64px; border: 0; border-radius: 0; color: transparent; background: transparent; filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.26)); object-fit: contain; } .mtc-site.mtc-header .mtc-brand > span { display: none; } /* Navigazione desktop */ .mtc-site.mtc-header .mtc-desktop-nav { position: static; display: flex; min-width: 0; align-items: center; justify-content: center; gap: 2px; } .mtc-site.mtc-header .mtc-desktop-nav > a, .mtc-site.mtc-header .mtc-mega > button { position: relative; display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 7px; padding: 0 10px; border: 0; border-radius: 0; color: #edf7ed; background: transparent; font: inherit; font-size: 11px; font-weight: 900; line-height: 1.15; letter-spacing: 0.055em; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: color 180ms ease, background 180ms ease; } .mtc-site.mtc-header .mtc-desktop-nav > a::after, .mtc-site.mtc-header .mtc-mega > button::after { position: absolute; right: 10px; bottom: 2px; left: 10px; height: 2px; background: #b9e83f; content: ""; opacity: 0; transform: scaleX(0.2); transform-origin: center; transition: opacity 180ms ease, transform 220ms ease; } .mtc-site.mtc-header .mtc-desktop-nav > a:hover, .mtc-site.mtc-header .mtc-desktop-nav > a:focus-visible, .mtc-site.mtc-header .mtc-desktop-nav > a[aria-current="page"], .mtc-site.mtc-header .mtc-mega > button:hover, .mtc-site.mtc-header .mtc-mega > button:focus-visible, .mtc-site.mtc-header .mtc-mega > button[aria-expanded="true"] { color: #b9e83f; background: rgba(185, 232, 63, 0.045); } .mtc-site.mtc-header .mtc-desktop-nav > a:hover::after, .mtc-site.mtc-header .mtc-desktop-nav > a:focus-visible::after, .mtc-site.mtc-header .mtc-desktop-nav > a[aria-current="page"]::after, .mtc-site.mtc-header .mtc-mega > button:hover::after, .mtc-site.mtc-header .mtc-mega > button:focus-visible::after, .mtc-site.mtc-header .mtc-mega > button[aria-expanded="true"]::after { opacity: 1; transform: scaleX(1); } .mtc-site.mtc-header .mtc-mega { position: static; } .mtc-site.mtc-header .mtc-mega > button > span { display: inline-grid; width: 18px; height: 18px; flex: 0 0 18px; place-items: center; color: #b9e83f; font-size: 16px; line-height: 1; transform-origin: center; transition: transform 220ms ease; } .mtc-site.mtc-header .mtc-mega > button[aria-expanded="true"] > span { transform: rotate(180deg); } /* Mega menu */ .mtc-site.mtc-header .mtc-mega-panel { position: absolute; z-index: 10; top: calc(100% + 1px); left: 50%; display: grid; width: min(1160px, calc(100vw - 64px)); max-height: calc(100vh - 132px); grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; padding: 26px; overflow: auto; overscroll-behavior: contain; border: 1px solid rgba(185, 232, 63, 0.24); border-top: 3px solid #b9e83f; border-radius: 0; color: #ffffff; background: radial-gradient(circle at 96% 0%, rgba(185, 232, 63, 0.14), transparent 25%), linear-gradient(rgba(185, 232, 63, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(185, 232, 63, 0.03) 1px, transparent 1px), #061b13; background-size: auto, 44px 44px, 44px 44px, auto; box-shadow: 0 34px 90px rgba(0, 0, 0, 0.48); opacity: 1; transform: translateX(-50%); } .mtc-site.mtc-header .mtc-mega-panel[hidden] { display: none !important; } .mtc-site.mtc-header .mtc-mega-panel.mtc-is-open { animation: mtcMenuPanelIn 220ms cubic-bezier(0.2, 0.75, 0.25, 1) both; } @keyframes mtcMenuPanelIn { from { opacity: 0; transform: translate(-50%, -10px); } to { opacity: 1; transform: translate(-50%, 0); } } .mtc-site.mtc-header .mtc-mega-group { min-width: 0; } .mtc-site.mtc-header .mtc-mega-title { display: flex; min-height: 32px; align-items: center; gap: 9px; margin: 0 0 11px; padding: 0 0 9px; border-bottom: 1px solid rgba(185, 232, 63, 0.18); color: #b9e83f; font-size: 10px; font-weight: 900; line-height: 1.2; letter-spacing: 0.15em; text-transform: uppercase; } .mtc-site.mtc-header .mtc-mega-title::before { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #b9e83f; box-shadow: 0 0 0 5px rgba(185, 232, 63, 0.09); content: ""; } .mtc-site.mtc-header .mtc-mega-link { display: grid; width: 100%; min-height: 52px; grid-template-columns: 42px minmax(0, 1fr); gap: 11px; align-items: center; padding: 5px 8px 5px 5px; border: 1px solid transparent; border-radius: 0; color: #eef8ed; background: transparent; font-size: 12px; font-weight: 780; line-height: 1.28; text-decoration: none; transition: color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease; } .mtc-site.mtc-header .mtc-mega-link + .mtc-mega-link { margin-top: 2px; } .mtc-site.mtc-header .mtc-mega-link .mtc-icon { display: block; width: 42px !important; height: 42px !important; max-width: none; padding: 9px; flex: 0 0 42px; border: 1px solid rgba(185, 232, 63, 0.2); color: #b9e83f; background: rgba(185, 232, 63, 0.07); stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)); transition: color 180ms ease, background 180ms ease, border-color 180ms ease; } .mtc-site.mtc-header .mtc-mega-link > span:last-child { min-width: 0; overflow-wrap: anywhere; } .mtc-site.mtc-header .mtc-mega-link:hover, .mtc-site.mtc-header .mtc-mega-link:focus-visible, .mtc-site.mtc-header .mtc-mega-link[aria-current="page"] { border-color: rgba(185, 232, 63, 0.16); color: #ffffff; background: linear-gradient(90deg, rgba(63, 132, 63, 0.27), rgba(185, 232, 63, 0.07)); transform: translateX(3px); } .mtc-site.mtc-header .mtc-mega-link:hover .mtc-icon, .mtc-site.mtc-header .mtc-mega-link:focus-visible .mtc-icon, .mtc-site.mtc-header .mtc-mega-link[aria-current="page"] .mtc-icon { border-color: #b9e83f; color: #03130e; background: #b9e83f; } /* CTA e toggle */ .mtc-site.mtc-header .mtc-header__actions { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; } .mtc-site.mtc-header .mtc-header__actions > .mtc-button { min-width: 138px; min-height: 48px; padding: 11px 16px; border: 1px solid #b9e83f; border-radius: 0; color: #03130e; background: #b9e83f; font-size: 10px; font-weight: 950; letter-spacing: 0.08em; text-transform: uppercase; clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)); } .mtc-site.mtc-header .mtc-header__actions > .mtc-button .mtc-icon { width: 20px; height: 20px; flex: 0 0 20px; } .mtc-site.mtc-header .mtc-menu-toggle, .mtc-site.mtc-header .mtc-mobile-drawer__head button { display: none; width: 48px; height: 48px; padding: 0; place-items: center; border: 1px solid rgba(185, 232, 63, 0.28); border-radius: 0; color: #b9e83f; background: rgba(185, 232, 63, 0.06); clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px)); } .mtc-site.mtc-header .mtc-menu-toggle .mtc-icon, .mtc-site.mtc-header .mtc-mobile-drawer__head button .mtc-icon { width: 24px; height: 24px; } /* Drawer mobile */ .mtc-site.mtc-header .mtc-menu-backdrop { position: fixed; z-index: 2200; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(0, 8, 5, 0.74); opacity: 0; backdrop-filter: blur(3px); transition: opacity 240ms ease; } .mtc-site.mtc-header .mtc-menu-backdrop.mtc-is-open { opacity: 1; } .mtc-site.mtc-header .mtc-menu-backdrop[hidden] { display: none !important; } .mtc-site.mtc-header .mtc-mobile-drawer { position: fixed; z-index: 2210; top: 0; right: 0; display: block; width: min(520px, 94vw); height: 100dvh; padding: 0 20px calc(24px + env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; border-left: 1px solid rgba(185, 232, 63, 0.2); color: #ffffff; background: radial-gradient(circle at 100% 0%, rgba(185, 232, 63, 0.15), transparent 28%), linear-gradient(rgba(185, 232, 63, 0.028) 1px, transparent 1px), linear-gradient(90deg, rgba(185, 232, 63, 0.028) 1px, transparent 1px), #03130e; background-size: auto, 44px 44px, 44px 44px, auto; box-shadow: -24px 0 80px rgba(0, 0, 0, 0.48); opacity: 0; transform: translateX(102%); transition: opacity 240ms ease, transform 240ms cubic-bezier(0.2, 0.75, 0.25, 1); } .mtc-site.mtc-header .mtc-mobile-drawer.mtc-is-open { opacity: 1; transform: translateX(0); } .mtc-site.mtc-header .mtc-mobile-drawer[hidden] { display: none !important; } .mtc-site.mtc-header .mtc-mobile-drawer__head { position: sticky; z-index: 2; top: 0; display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid rgba(185, 232, 63, 0.2); background: rgba(3, 19, 14, 0.96); } .mtc-site.mtc-header .mtc-mobile-drawer__head strong { color: #ffffff; font-size: 24px; font-weight: 950; letter-spacing: -0.04em; } .mtc-site.mtc-header .mtc-mobile-drawer__head button { display: grid; } .mtc-site.mtc-header .mtc-mobile-drawer nav { display: block; padding-top: 8px; } .mtc-site.mtc-header .mtc-mobile-main-link, .mtc-site.mtc-header .mtc-mobile-group > summary { display: flex; width: 100%; min-height: 60px; align-items: center; justify-content: space-between; gap: 16px; padding: 0 4px; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.11); color: #ffffff; background: transparent; font-size: 16px; font-weight: 900; line-height: 1.2; letter-spacing: -0.015em; text-decoration: none; } .mtc-site.mtc-header .mtc-mobile-main-link[aria-current="page"] { color: #b9e83f; } .mtc-site.mtc-header .mtc-mobile-group { margin: 0; border: 0; } .mtc-site.mtc-header .mtc-mobile-group > summary { cursor: pointer; list-style: none; } .mtc-site.mtc-header .mtc-mobile-group > summary::-webkit-details-marker { display: none; } .mtc-site.mtc-header .mtc-mobile-group > summary > span { display: grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; border: 1px solid rgba(185, 232, 63, 0.25); color: #b9e83f; font-size: 22px; font-weight: 500; line-height: 1; transition: color 180ms ease, background 180ms ease, transform 220ms ease; } .mtc-site.mtc-header .mtc-mobile-group[open] > summary { color: #b9e83f; } .mtc-site.mtc-header .mtc-mobile-group[open] > summary > span { color: #03130e; background: #b9e83f; transform: rotate(45deg); } .mtc-site.mtc-header .mtc-mobile-subgroup { padding: 18px 0 12px; } .mtc-site.mtc-header .mtc-mobile-subgroup + .mtc-mobile-subgroup { border-top: 1px solid rgba(255, 255, 255, 0.1); } .mtc-site.mtc-header .mtc-mobile-subgroup .mtc-mega-title { margin-bottom: 8px; } .mtc-site.mtc-header .mtc-mobile-subgroup .mtc-mega-link { min-height: 52px; grid-template-columns: 40px minmax(0, 1fr); padding-right: 4px; padding-left: 2px; font-size: 12px; } .mtc-site.mtc-header .mtc-mobile-subgroup .mtc-mega-link .mtc-icon { width: 40px !important; height: 40px !important; padding: 9px; } .mtc-site.mtc-header .mtc-mobile-drawer__actions { position: sticky; bottom: calc(-24px - env(safe-area-inset-bottom)); display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 18px -20px calc(-24px - env(safe-area-inset-bottom)); padding: 14px 20px calc(18px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(185, 232, 63, 0.2); background: rgba(3, 19, 14, 0.97); } .mtc-site.mtc-header .mtc-mobile-drawer__actions .mtc-button { min-height: 54px; border-radius: 0; font-size: 10px; font-weight: 900; letter-spacing: 0.055em; text-transform: uppercase; clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px)); } .mtc-site.mtc-header .mtc-mobile-drawer__actions .mtc-button .mtc-icon { width: 20px; height: 20px; flex: 0 0 20px; } .mtc-site.mtc-header .mtc-nojs-nav { width: min(100%, 1440px); max-height: 70vh; margin: 0 auto; padding: 16px 32px; overflow: auto; border-top: 2px solid #b9e83f; color: #ffffff; background: #03130e; } /* Responsive */ @media (max-width: 1320px) and (min-width: 72.001rem) { .mtc-site.mtc-header > .mtc-header__inner, .mtc-site.mtc-header > .mtc-shell.mtc-header__inner, .mtc-site.mtc-topbar .mtc-topbar__inner { width: calc(100% - 36px); } .mtc-site.mtc-header .mtc-desktop-nav > a, .mtc-site.mtc-header .mtc-mega > button { padding-inline: 7px; font-size: 10px; } .mtc-site.mtc-header .mtc-header__actions > .mtc-button { min-width: 124px; padding-inline: 12px; } } @media (max-width: 72rem) { .mtc-site.mtc-header > .mtc-header__inner, .mtc-site.mtc-header > .mtc-shell.mtc-header__inner { display: flex; width: calc(100% - 40px); min-height: 76px; } .mtc-site.mtc-header .mtc-desktop-nav, .mtc-site.mtc-header .mtc-header__actions > .mtc-button { display: none !important; } .mtc-site.mtc-header .mtc-header__actions { margin-left: auto; } .mtc-site.mtc-header .mtc-menu-toggle { display: grid; } .mtc-site.mtc-header .mtc-brand, .mtc-site.mtc-header .mtc-brand__logo { min-width: 58px; width: 58px; height: 58px; flex-basis: 58px; } } @media (max-width: 42rem) { .mtc-site.mtc-topbar .mtc-topbar__inner { width: calc(100% - 28px); justify-content: center; } .mtc-site.mtc-topbar p { display: none !important; } .mtc-site.mtc-topbar :where(p, a) { font-size: 10px; } .mtc-site.mtc-header > .mtc-header__inner, .mtc-site.mtc-header > .mtc-shell.mtc-header__inner { width: calc(100% - 28px); min-height: 70px; } .mtc-site.mtc-header .mtc-brand, .mtc-site.mtc-header .mtc-brand__logo { min-width: 52px; width: 52px; height: 52px; flex-basis: 52px; } .mtc-site.mtc-header .mtc-menu-toggle { width: 46px; height: 46px; } .mtc-site.mtc-header .mtc-mobile-drawer { width: 100%; padding-inline: 16px; } .mtc-site.mtc-header .mtc-mobile-drawer__actions { grid-template-columns: 1fr; margin-right: -16px; margin-left: -16px; padding-right: 16px; padding-left: 16px; } } /* Accessibilità e backend */ @media (prefers-reduced-motion: reduce) { .mtc-site.mtc-header, .mtc-site.mtc-header *, .mtc-site.mtc-header *::before, .mtc-site.mtc-header *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } html.mtc-editor-mode .mtc-site.mtc-header { position: relative !important; top: auto !important; } html.mtc-editor-mode .mtc-site.mtc-header .mtc-menu-backdrop, html.mtc-editor-mode .mtc-site.mtc-header .mtc-mobile-drawer { display: none !important; } :where(.mtc-site[class*="mtc-pis-"]) { --pis-ink: #03130e; --pis-green: #0a3224; --pis-green-2: #17643b; --pis-lime: #b6ee28; --pis-lime-soft: #dafa79; --pis-paper: #f3f5ee; --pis-white: #fff; --pis-text: #15241b; --pis-muted: #677168; --pis-line: #d7ddd4; --pis-shadow: 0 24px 70px rgba(3, 19, 14, .12); --pis-shell: min(1440px, calc(100% - 96px)); position: relative; width: 100%; color: var(--pis-text); font-family: inherit; isolation: isolate; } :where(.mtc-site[class*="mtc-pis-"]), :where(.mtc-site[class*="mtc-pis-"]) *, :where(.mtc-site[class*="mtc-pis-"]) *::before, :where(.mtc-site[class*="mtc-pis-"]) *::after { box-sizing: border-box; } :where(.mtc-site[class*="mtc-pis-"]) :where(h1, h2, h3, p, ul, ol, figure) { margin: 0; } :where(.mtc-site[class*="mtc-pis-"]) :where(ul, ol) { padding: 0; list-style: none; } :where(.mtc-site[class*="mtc-pis-"]) img { display: block; max-width: 100%; } :where(.mtc-site[class*="mtc-pis-"]) a { color: inherit; } .mtc-pis-shell { position: relative; z-index: 2; width: var(--pis-shell); margin-inline: auto; } .mtc-pis-eyebrow, .mtc-pis-kicker { display: inline-flex; align-items: center; gap: 12px; color: var(--pis-green-2); font-size: 11px; font-weight: 900; line-height: 1.2; letter-spacing: .17em; text-transform: uppercase; } .mtc-pis-eyebrow::before { content: ""; width: 32px; height: 2px; flex: 0 0 auto; background: var(--pis-lime); } .mtc-pis-kicker i { width: 9px; height: 9px; border-radius: 50%; background: var(--pis-lime); box-shadow: 0 0 0 8px rgba(182, 238, 40, .12), 0 0 20px rgba(182, 238, 40, .55); animation: mtcPisPulse 1.8s ease-in-out infinite; } .mtc-pis-heading { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: clamp(38px, 7vw, 115px); align-items: end; margin-bottom: clamp(48px, 6vw, 84px); } .mtc-pis-heading h2, .mtc-pis-diagnosis h2, .mtc-pis-prepare h2, .mtc-pis-faq h2, .mtc-pis-final h2 { margin-top: 18px; color: var(--pis-ink); font-size: clamp(43px, 5vw, 80px); font-weight: 950; line-height: .94; letter-spacing: -.062em; text-wrap: balance; } .mtc-pis-heading h2 span, .mtc-pis-diagnosis h2 span, .mtc-pis-prepare h2 span, .mtc-pis-faq h2 span, .mtc-pis-final h2 span { display: block; color: var(--pis-green-2); } .mtc-pis-heading__intro { max-width: 520px; padding: 2px 0 4px 24px; border-left: 2px solid var(--pis-lime); color: var(--pis-muted); font-size: clamp(15px, 1.2vw, 18px); line-height: 1.7; } .mtc-pis-lead { color: var(--pis-muted); font-size: clamp(17px, 1.35vw, 20px); line-height: 1.72; } .mtc-pis-btn { display: inline-flex; min-height: 58px; align-items: center; justify-content: center; gap: 12px; padding: 15px 23px; border: 1px solid transparent; color: var(--pis-ink); font-size: 11px; font-weight: 950; line-height: 1; letter-spacing: .075em; text-decoration: none; text-transform: uppercase; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)); transition: transform .28s ease, background .28s ease, color .28s ease, border-color .28s ease, box-shadow .28s ease; } .mtc-pis-btn svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; } .mtc-pis-btn--lime { background: linear-gradient(135deg, var(--pis-lime), var(--pis-lime-soft)); box-shadow: 0 15px 35px rgba(182, 238, 40, .2); } .mtc-pis-btn--glass { border-color: rgba(255, 255, 255, .33); color: #fff; background: rgba(255, 255, 255, .08); backdrop-filter: blur(10px); } .mtc-pis-btn:hover { transform: translateY(-3px); } .mtc-pis-btn--lime:hover { box-shadow: 0 20px 48px rgba(182, 238, 40, .32); } .mtc-pis-btn--glass:hover { border-color: var(--pis-lime); background: rgba(182, 238, 40, .1); } .mtc-pis-btn:focus-visible, .mtc-pis-inline-link:focus-visible, .mtc-pis-service-card:focus-visible { outline: 3px solid var(--pis-lime); outline-offset: 4px; } /* HERO ------------------------------------------------------- */ .mtc-pis-hero { min-height: min(880px, 94svh); overflow: hidden; color: #fff; background: var(--pis-ink); } .mtc-pis-hero__media, .mtc-pis-hero__veil, .mtc-pis-hero__grid { position: absolute; inset: 0; } .mtc-pis-hero__media img { width: 100%; height: 112%; object-fit: cover; object-position: center 48%; filter: saturate(.76) contrast(1.08); transform: scale(1.03); } .mtc-pis-hero__veil { z-index: 1; background: linear-gradient(90deg, rgba(3, 19, 14, .96) 0%, rgba(3, 19, 14, .82) 40%, rgba(3, 19, 14, .25) 76%, rgba(3, 19, 14, .48) 100%), linear-gradient(0deg, rgba(3, 19, 14, .84) 0%, transparent 52%); } .mtc-pis-hero__grid { z-index: 2; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px); background-size: 74px 74px; -webkit-mask-image: linear-gradient(90deg, #000, transparent 82%); mask-image: linear-gradient(90deg, #000, transparent 82%); } .mtc-pis-hero::before { content: ""; position: absolute; z-index: 3; top: -20%; right: -8%; width: min(55vw, 780px); aspect-ratio: 1; border: 1px solid rgba(182, 238, 40, .24); border-radius: 50%; box-shadow: 0 0 0 90px rgba(182, 238, 40, .035), 0 0 0 180px rgba(182, 238, 40, .025); pointer-events: none; animation: mtcPisOrbit 14s linear infinite; } .mtc-pis-hero::after { content: "H24"; position: absolute; z-index: 3; right: clamp(20px, 4vw, 70px); bottom: -1.2vw; color: rgba(255,255,255,.055); font-size: clamp(9rem, 22vw, 22rem); font-weight: 950; line-height: .72; letter-spacing: -.1em; pointer-events: none; } .mtc-pis-hero__inner { min-height: inherit; padding: clamp(34px, 5vw, 72px) 0 clamp(70px, 9vw, 120px); } .mtc-pis-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; color: rgba(255,255,255,.58); font-size: 11px; line-height: 1.4; letter-spacing: .055em; text-transform: uppercase; } .mtc-pis-breadcrumbs a { text-decoration: none; transition: color .2s ease; } .mtc-pis-breadcrumbs a:hover { color: var(--pis-lime); } .mtc-pis-breadcrumbs strong { color: #fff; } .mtc-pis-hero__content { display: flex; max-width: 970px; min-height: 680px; flex-direction: column; justify-content: center; padding-top: 72px; } .mtc-pis-hero .mtc-pis-kicker { color: var(--pis-lime); } .mtc-pis-hero h1 { margin-top: 24px; max-width: 1050px; color: #fff; font-size: clamp(54px, 7.2vw, 118px); font-weight: 950; line-height: .84; letter-spacing: -.075em; text-wrap: balance; } .mtc-pis-hero h1 span { color: var(--pis-lime); } .mtc-pis-hero__lead { max-width: 720px; margin-top: 30px !important; color: rgba(255,255,255,.76); font-size: clamp(17px, 1.4vw, 21px); line-height: 1.65; } .mtc-pis-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; } .mtc-pis-hero__facts { display: flex; flex-wrap: wrap; gap: 0; margin-top: 45px !important; border-top: 1px solid rgba(255,255,255,.18); } .mtc-pis-hero__facts li { display: grid; min-width: 180px; gap: 4px; padding: 18px 32px 0 0; } .mtc-pis-hero__facts li + li { padding-left: 32px; border-left: 1px solid rgba(255,255,255,.18); } .mtc-pis-hero__facts strong { color: #fff; font-size: 16px; font-weight: 900; letter-spacing: -.02em; } .mtc-pis-hero__facts span { color: rgba(255,255,255,.52); font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; } .mtc-pis-scrollcue { position: absolute; z-index: 5; right: clamp(22px, 4vw, 70px); bottom: 38px; display: grid; gap: 11px; justify-items: center; color: rgba(255,255,255,.62); font-size: 9px; font-weight: 900; letter-spacing: .18em; text-decoration: none; text-transform: uppercase; } .mtc-pis-scrollcue i { position: relative; display: block; width: 1px; height: 45px; overflow: hidden; background: rgba(255,255,255,.22); } .mtc-pis-scrollcue i::after { content: ""; position: absolute; inset: 0; background: var(--pis-lime); transform: translateY(-100%); animation: mtcPisScroll 2s ease-in-out infinite; } /* SIGNALS ---------------------------------------------------- */ .mtc-pis-signals { padding: clamp(90px, 10vw, 155px) 0; overflow: hidden; background: radial-gradient(circle at 100% 0, rgba(182,238,40,.15), transparent 27%), linear-gradient(135deg, #f8f9f4, var(--pis-paper)); } .mtc-pis-signals::before { content: "SEGNALI"; position: absolute; z-index: -1; top: 45px; right: -15px; color: rgba(3,19,14,.035); font-size: clamp(7rem, 17vw, 17rem); font-weight: 950; line-height: .75; letter-spacing: -.08em; } .mtc-pis-signal-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--pis-line); border-left: 1px solid var(--pis-line); } .mtc-pis-signal { position: relative; display: flex; min-height: 385px; flex-direction: column; padding: clamp(25px, 2.5vw, 38px); overflow: hidden; border-right: 1px solid var(--pis-line); border-bottom: 1px solid var(--pis-line); background: rgba(255,255,255,.82); isolation: isolate; transition: transform .36s ease, color .3s ease, background .3s ease, box-shadow .36s ease; } .mtc-pis-signal::after { content: ""; position: absolute; z-index: -1; right: -45%; bottom: -58%; width: 85%; height: 150%; background: linear-gradient(180deg, transparent, rgba(182,238,40,.55)); transform: rotate(20deg); opacity: .35; transition: transform .55s ease, opacity .35s ease; } .mtc-pis-signal:hover { z-index: 2; color: #fff; background: var(--pis-green); box-shadow: var(--pis-shadow); transform: translateY(-8px); } .mtc-pis-signal:hover::after { opacity: .52; transform: translateX(-22px) rotate(20deg); } .mtc-pis-signal__top { display: flex; align-items: flex-start; justify-content: space-between; } .mtc-pis-icon { display: grid; width: 68px; height: 68px; place-items: center; border: 1px solid rgba(23,100,59,.25); color: var(--pis-green-2); background: rgba(182,238,40,.12); clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 11px 100%, 0 calc(100% - 11px)); transition: color .3s ease, background .3s ease, transform .3s ease; } .mtc-pis-icon svg { width: 38px; height: 38px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } .mtc-pis-signal__top b { color: rgba(3,19,14,.18); font-size: 19px; font-weight: 950; letter-spacing: .1em; } .mtc-pis-signal h3 { margin-top: auto; color: var(--pis-ink); font-size: clamp(26px, 2vw, 35px); font-weight: 950; line-height: .98; letter-spacing: -.045em; transition: color .3s ease; } .mtc-pis-signal p { margin-top: 15px; color: var(--pis-muted); font-size: 15px; line-height: 1.62; transition: color .3s ease; } .mtc-pis-signal:hover :where(h3, p) { color: #fff; } .mtc-pis-signal:hover .mtc-pis-icon { color: var(--pis-ink); background: var(--pis-lime); transform: translateY(-4px) rotate(-2deg); } .mtc-pis-signal:hover .mtc-pis-signal__top b { color: rgba(255,255,255,.34); } .mtc-pis-note { display: flex; gap: 18px; align-items: center; margin-top: 24px; padding: 18px 22px; border-left: 3px solid var(--pis-lime); background: rgba(255,255,255,.72); } .mtc-pis-note > span { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #fff; background: var(--pis-green); font-weight: 950; } .mtc-pis-note p { color: var(--pis-muted); font-size: 13px; line-height: 1.55; } .mtc-pis-note strong { color: var(--pis-ink); } /* DIAGNOSIS -------------------------------------------------- */ .mtc-pis-diagnosis { padding: clamp(90px, 10vw, 155px) 0; overflow: hidden; background: #fff; } .mtc-pis-diagnosis__grid { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(340px, .97fr); gap: clamp(48px, 8vw, 125px); align-items: center; } .mtc-pis-diagnosis__visual { position: relative; min-height: 680px; overflow: hidden; clip-path: polygon(0 0, calc(100% - 45px) 0, 100% 45px, 100% 100%, 45px 100%, 0 calc(100% - 45px)); } .mtc-pis-diagnosis__visual::before { content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(0deg, rgba(3,19,14,.76), transparent 52%); pointer-events: none; } .mtc-pis-diagnosis__visual img { width: 100%; height: 108%; object-fit: cover; } .mtc-pis-diagnosis__visual figcaption { position: absolute; z-index: 3; left: clamp(25px, 3vw, 44px); bottom: clamp(25px, 3vw, 44px); display: grid; gap: 5px; color: #fff; } .mtc-pis-diagnosis__visual figcaption span { color: var(--pis-lime); font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; } .mtc-pis-diagnosis__visual figcaption strong { font-size: clamp(22px, 2vw, 34px); font-weight: 950; letter-spacing: -.035em; } .mtc-pis-diagnosis__copy h2 { font-size: clamp(42px, 4.5vw, 72px); } .mtc-pis-diagnosis__copy .mtc-pis-lead { margin-top: 28px; } .mtc-pis-checks { display: grid; margin-top: 35px !important; border-top: 1px solid var(--pis-line); } .mtc-pis-checks li { display: flex; gap: 16px; align-items: flex-start; padding: 19px 0; border-bottom: 1px solid var(--pis-line); } .mtc-pis-checks i { position: relative; width: 20px; height: 20px; flex: 0 0 auto; margin-top: 2px; border: 1px solid var(--pis-green-2); border-radius: 50%; } .mtc-pis-checks i::after { content: ""; position: absolute; left: 6px; top: 3px; width: 5px; height: 9px; border-right: 2px solid var(--pis-green-2); border-bottom: 2px solid var(--pis-green-2); transform: rotate(45deg); } .mtc-pis-checks div { display: grid; gap: 4px; } .mtc-pis-checks strong { color: var(--pis-ink); font-size: 16px; font-weight: 900; } .mtc-pis-checks span { color: var(--pis-muted); font-size: 13px; line-height: 1.5; } .mtc-pis-inline-link { display: inline-flex; gap: 25px; align-items: center; margin-top: 31px; padding-bottom: 6px; border-bottom: 2px solid var(--pis-lime); color: var(--pis-ink); font-size: 12px; font-weight: 950; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; } .mtc-pis-inline-link span { transition: transform .25s ease; } .mtc-pis-inline-link:hover span { transform: translateX(6px); } /* EMERGENCY CTA --------------------------------------------- */ .mtc-pis-emergency { padding: clamp(70px, 8vw, 115px) 0; overflow: hidden; color: #fff; background: radial-gradient(circle at 78% 10%, rgba(182,238,40,.13), transparent 28%), var(--pis-ink); } .mtc-pis-emergency::before { content: "SOS"; position: absolute; z-index: -1; left: -2vw; bottom: -2.5vw; color: rgba(255,255,255,.035); font-size: clamp(10rem, 25vw, 25rem); font-weight: 950; line-height: .72; letter-spacing: -.1em; } .mtc-pis-emergency::after { content: ""; position: absolute; top: 0; right: 0; width: 40%; height: 4px; background: linear-gradient(90deg, transparent, var(--pis-lime)); box-shadow: 0 0 25px rgba(182,238,40,.45); } .mtc-pis-emergency__grid { position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px); background-size: 68px 68px; } .mtc-pis-emergency__inner { display: grid; grid-template-columns: .45fr 1.15fr .75fr; gap: clamp(30px, 5vw, 80px); align-items: center; } .mtc-pis-emergency__status { display: grid; gap: 6px; padding-left: 27px; border-left: 1px solid rgba(255,255,255,.2); } .mtc-pis-emergency__status > span { position: absolute; width: 11px; height: 11px; margin: 3px 0 0 -33px; border-radius: 50%; background: var(--pis-lime); box-shadow: 0 0 0 9px rgba(182,238,40,.08), 0 0 22px rgba(182,238,40,.55); animation: mtcPisPulse 1.8s ease-in-out infinite; } .mtc-pis-emergency__status strong { color: var(--pis-lime); font-size: 12px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; } .mtc-pis-emergency__status small { color: rgba(255,255,255,.5); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; } .mtc-pis-emergency .mtc-pis-eyebrow { color: var(--pis-lime); } .mtc-pis-emergency__copy h2 { margin-top: 15px; color: #fff; font-size: clamp(42px, 5vw, 78px); font-weight: 950; line-height: .9; letter-spacing: -.06em; } .mtc-pis-emergency__copy h2 span { color: var(--pis-lime); } .mtc-pis-emergency__copy p:last-child { max-width: 720px; margin-top: 22px; color: rgba(255,255,255,.65); font-size: 15px; line-height: 1.65; } .mtc-pis-emergency__actions { display: grid; gap: 12px; } .mtc-pis-call { position: relative; display: grid; gap: 7px; padding: 27px 30px; overflow: hidden; color: var(--pis-ink); background: linear-gradient(135deg, var(--pis-lime), var(--pis-lime-soft)); text-decoration: none; clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px)); transition: transform .3s ease, box-shadow .3s ease; } .mtc-pis-call small { font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; } .mtc-pis-call strong { font-size: clamp(25px, 2.4vw, 38px); font-weight: 950; line-height: 1; letter-spacing: -.04em; } .mtc-pis-call > span { position: absolute; right: 21px; top: 19px; font-size: 18px; } .mtc-pis-call:hover { box-shadow: 0 20px 50px rgba(182,238,40,.24); transform: translateY(-4px); } .mtc-pis-whatsapp { display: flex; justify-content: space-between; padding: 16px 2px; border-bottom: 1px solid rgba(255,255,255,.28); color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; transition: color .2s ease, border-color .2s ease; } .mtc-pis-whatsapp:hover { color: var(--pis-lime); border-color: var(--pis-lime); } /* PROCESS ---------------------------------------------------- */ .mtc-pis-process { padding: clamp(90px, 10vw, 150px) 0; overflow: hidden; color: #fff; background: linear-gradient(145deg, #06251a, var(--pis-ink)); } .mtc-pis-process::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .13; background: repeating-linear-gradient(135deg, transparent 0 38px, rgba(255,255,255,.11) 39px 40px); } .mtc-pis-heading--dark h2 { color: #fff; } .mtc-pis-heading--dark h2 span { color: var(--pis-lime); } .mtc-pis-heading--dark .mtc-pis-heading__intro { color: rgba(255,255,255,.58); } .mtc-pis-process .mtc-pis-eyebrow { color: var(--pis-lime); } .mtc-pis-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,.16); border-left: 1px solid rgba(255,255,255,.16); } .mtc-pis-steps li { position: relative; display: flex; min-height: 400px; flex-direction: column; padding: clamp(25px, 2.6vw, 40px); border-right: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); overflow: hidden; transition: background .35s ease, transform .35s ease; } .mtc-pis-steps li::after { content: ""; position: absolute; right: -50px; bottom: -85px; width: 180px; height: 180px; border: 1px solid rgba(182,238,40,.22); border-radius: 50%; box-shadow: 0 0 0 35px rgba(182,238,40,.025), 0 0 0 70px rgba(182,238,40,.018); transition: transform .45s ease; } .mtc-pis-steps li:hover { z-index: 2; background: rgba(182,238,40,.08); transform: translateY(-8px); } .mtc-pis-steps li:hover::after { transform: translate(-15px, -15px); } .mtc-pis-steps b { color: rgba(255,255,255,.25); font-size: 20px; font-weight: 950; letter-spacing: .12em; } .mtc-pis-step-icon { display: grid; width: 68px; height: 68px; margin-top: 45px; place-items: center; color: var(--pis-lime); background: rgba(182,238,40,.07); border: 1px solid rgba(182,238,40,.23); } .mtc-pis-step-icon svg { width: 38px; height: 38px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } .mtc-pis-steps h3 { margin-top: auto; color: #fff; font-size: clamp(24px, 2vw, 34px); font-weight: 950; line-height: 1; letter-spacing: -.045em; } .mtc-pis-steps p { margin-top: 13px; color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.55; } /* PREPARE ---------------------------------------------------- */ .mtc-pis-prepare { padding: clamp(90px, 10vw, 155px) 0; overflow: hidden; background: #fff; } .mtc-pis-prepare__grid { display: grid; grid-template-columns: minmax(340px, .9fr) minmax(0, 1.1fr); gap: clamp(50px, 9vw, 140px); align-items: center; } .mtc-pis-prepare h2 { font-size: clamp(43px, 4.7vw, 76px); } .mtc-pis-prepare .mtc-pis-lead { margin-top: 27px; } .mtc-pis-info-list { display: grid; margin-top: 35px !important; border-top: 1px solid var(--pis-line); } .mtc-pis-info-list li { display: grid; grid-template-columns: 44px 1fr; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--pis-line); } .mtc-pis-info-list b { color: var(--pis-green-2); font-size: 12px; font-weight: 950; letter-spacing: .08em; } .mtc-pis-info-list div { display: grid; gap: 4px; } .mtc-pis-info-list strong { color: var(--pis-ink); font-size: 16px; font-weight: 900; } .mtc-pis-info-list span { color: var(--pis-muted); font-size: 13px; line-height: 1.5; } .mtc-pis-collage { position: relative; min-height: 720px; } .mtc-pis-collage::before { content: ""; position: absolute; top: 5%; right: -8%; width: 64%; height: 64%; border: 1px solid rgba(23,100,59,.18); background: rgba(182,238,40,.08); transform: rotate(8deg); } .mtc-pis-collage__main { position: absolute; inset: 0 12% 15% 0; overflow: hidden; clip-path: polygon(0 0, calc(100% - 35px) 0, 100% 35px, 100% 100%, 35px 100%, 0 calc(100% - 35px)); } .mtc-pis-collage__main::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,19,14,.45), transparent 40%); } .mtc-pis-collage__main img { width: 100%; height: 100%; object-fit: cover; } .mtc-pis-collage__small { position: absolute; right: 0; bottom: 0; z-index: 2; width: 48%; height: 38%; padding: 8px; background: #fff; box-shadow: var(--pis-shadow); } .mtc-pis-collage__small img { width: 100%; height: 100%; object-fit: cover; } .mtc-pis-collage__label { position: absolute; z-index: 3; left: 28px; bottom: 19%; display: grid; gap: 5px; padding: 18px 22px; color: var(--pis-ink); background: var(--pis-lime); } .mtc-pis-collage__label span { font-size: 9px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; } .mtc-pis-collage__label strong { font-size: 16px; font-weight: 950; } /* FAQ -------------------------------------------------------- */ .mtc-pis-faq { padding: clamp(90px, 10vw, 150px) 0; overflow: hidden; background: linear-gradient(135deg, #f7f8f3, var(--pis-paper)); } .mtc-pis-faq::after { content: "FAQ"; position: absolute; z-index: -1; left: -2vw; bottom: -2vw; color: rgba(3,19,14,.035); font-size: clamp(10rem, 23vw, 23rem); font-weight: 950; line-height: .72; letter-spacing: -.1em; } .mtc-pis-faq__grid { display: grid; grid-template-columns: minmax(320px, .7fr) minmax(0, 1.3fr); gap: clamp(55px, 10vw, 150px); align-items: start; } .mtc-pis-faq__heading { position: sticky; top: 130px; } .mtc-pis-faq h2 { font-size: clamp(42px, 4.3vw, 70px); } .mtc-pis-faq__heading > p:not(.mtc-pis-eyebrow) { max-width: 500px; margin-top: 25px; color: var(--pis-muted); font-size: 15px; line-height: 1.65; } .mtc-pis-accordion { border-top: 1px solid rgba(3,19,14,.25); } .mtc-pis-accordion details { border-bottom: 1px solid rgba(3,19,14,.19); } .mtc-pis-accordion summary { position: relative; display: flex; gap: 30px; align-items: center; justify-content: space-between; padding: 27px 4px; color: var(--pis-ink); font-size: clamp(18px, 1.5vw, 23px); font-weight: 900; line-height: 1.3; letter-spacing: -.025em; cursor: pointer; list-style: none; } .mtc-pis-accordion summary::-webkit-details-marker { display: none; } .mtc-pis-accordion summary span { position: relative; width: 28px; height: 28px; flex: 0 0 auto; border: 1px solid rgba(3,19,14,.25); border-radius: 50%; transition: background .25s ease, border-color .25s ease, transform .3s ease; } .mtc-pis-accordion summary span::before, .mtc-pis-accordion summary span::after { content: ""; position: absolute; left: 7px; top: 13px; width: 12px; height: 2px; background: var(--pis-green-2); } .mtc-pis-accordion summary span::after { transform: rotate(90deg); transition: transform .25s ease; } .mtc-pis-accordion details[open] summary { color: var(--pis-green-2); } .mtc-pis-accordion details[open] summary span { border-color: var(--pis-lime); background: var(--pis-lime); transform: rotate(180deg); } .mtc-pis-accordion details[open] summary span::after { transform: rotate(0); } .mtc-pis-accordion details > div { overflow: hidden; } .mtc-pis-accordion details p { max-width: 780px; padding: 0 70px 28px 4px; color: var(--pis-muted); font-size: 15px; line-height: 1.7; } /* RELATED ---------------------------------------------------- */ .mtc-pis-related { padding: clamp(90px, 10vw, 150px) 0; overflow: hidden; background: #fff; } .mtc-pis-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .mtc-pis-service-card { position: relative; display: flex; min-height: 430px; flex-direction: column; padding: clamp(27px, 2.7vw, 40px); overflow: hidden; border: 1px solid var(--pis-line); color: var(--pis-text); background: linear-gradient(145deg, #fff, #f7f9f4); text-decoration: none; clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px)); transition: transform .38s ease, color .3s ease, background .3s ease, box-shadow .38s ease; } .mtc-pis-service-card::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(145deg, var(--pis-green), var(--pis-ink)); transform: scaleY(0); transform-origin: bottom; transition: transform .45s cubic-bezier(.2,.75,.25,1); } .mtc-pis-service-card:hover { color: #fff; box-shadow: var(--pis-shadow); transform: translateY(-9px); } .mtc-pis-service-card:hover::before { transform: scaleY(1); } .mtc-pis-service-card__number { position: absolute; top: 30px; right: 30px; color: rgba(3,19,14,.17); font-size: 19px; font-weight: 950; letter-spacing: .1em; transition: color .3s ease; } .mtc-pis-service-card .mtc-pis-icon { margin-bottom: auto; } .mtc-pis-service-card small { color: var(--pis-green-2); font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; transition: color .3s ease; } .mtc-pis-service-card h3 { margin-top: 11px; color: var(--pis-ink); font-size: clamp(29px, 2.2vw, 39px); font-weight: 950; line-height: .98; letter-spacing: -.045em; transition: color .3s ease; } .mtc-pis-service-card p { margin-top: 14px; color: var(--pis-muted); font-size: 14px; line-height: 1.6; transition: color .3s ease; } .mtc-pis-service-card > i { position: absolute; right: 31px; bottom: 31px; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--pis-line); color: var(--pis-green-2); font-style: normal; transition: transform .3s ease, color .3s ease, border-color .3s ease; } .mtc-pis-service-card:hover :where(h3, p, small, .mtc-pis-service-card__number) { color: #fff; } .mtc-pis-service-card:hover .mtc-pis-icon { color: var(--pis-ink); background: var(--pis-lime); } .mtc-pis-service-card:hover > i { color: var(--pis-ink); border-color: var(--pis-lime); background: var(--pis-lime); transform: translate(4px, -4px); } /* FINAL ------------------------------------------------------ */ .mtc-pis-final { min-height: 680px; overflow: hidden; color: #fff; background: var(--pis-ink); } .mtc-pis-final__media, .mtc-pis-final__veil { position: absolute; inset: 0; } .mtc-pis-final__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.7) contrast(1.08); } .mtc-pis-final__veil { z-index: 1; background: linear-gradient(90deg, rgba(3,19,14,.97) 0 48%, rgba(3,19,14,.55) 76%, rgba(3,19,14,.8)); } .mtc-pis-final::after { content: ""; position: absolute; z-index: 2; inset: 0; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.17) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.17) 1px, transparent 1px); background-size: 72px 72px; } .mtc-pis-final__inner { display: grid; min-height: 680px; grid-template-columns: 1.2fr .8fr; gap: clamp(55px, 9vw, 140px); align-items: center; padding: 95px 0; } .mtc-pis-final .mtc-pis-kicker { color: var(--pis-lime); } .mtc-pis-final h2 { max-width: 850px; color: #fff; font-size: clamp(50px, 6.2vw, 94px); } .mtc-pis-final h2 span { color: var(--pis-lime); } .mtc-pis-final__copy > p:last-child { max-width: 680px; margin-top: 28px; color: rgba(255,255,255,.68); font-size: 17px; line-height: 1.65; } .mtc-pis-final__panel { border: 1px solid rgba(255,255,255,.2); background: rgba(3,19,14,.42); backdrop-filter: blur(12px); } .mtc-pis-final__phone { position: relative; display: grid; gap: 8px; padding: clamp(28px, 4vw, 50px); text-decoration: none; } .mtc-pis-final__phone small { color: var(--pis-lime); font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; } .mtc-pis-final__phone strong { color: #fff; font-size: clamp(32px, 3.5vw, 53px); font-weight: 950; line-height: 1; letter-spacing: -.05em; } .mtc-pis-final__phone > span { color: rgba(255,255,255,.65); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; } .mtc-pis-final__split { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,.2); } .mtc-pis-final__split a { display: flex; justify-content: space-between; gap: 12px; padding: 21px; color: #fff; font-size: 10px; font-weight: 900; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; transition: color .25s ease, background .25s ease; } .mtc-pis-final__split a + a { border-left: 1px solid rgba(255,255,255,.2); } .mtc-pis-final__split a:hover { color: var(--pis-ink); background: var(--pis-lime); } /* REVEAL + PARALLAX ----------------------------------------- */ .mtc-pis-js [data-mtc-pis-reveal] { opacity: 0; transition: opacity .75s ease, transform .9s cubic-bezier(.2,.75,.25,1); will-change: transform, opacity; } .mtc-pis-js [data-mtc-pis-reveal="up"] { transform: translateY(42px); } .mtc-pis-js [data-mtc-pis-reveal="left"] { transform: translateX(-46px); } .mtc-pis-js [data-mtc-pis-reveal="right"] { transform: translateX(46px); } .mtc-pis-js [data-mtc-pis-reveal].is-mtc-pis-visible { opacity: 1; transform: translate3d(0,0,0); } .mtc-pis-js [data-mtc-pis-delay="1"] { transition-delay: .1s; } .mtc-pis-js [data-mtc-pis-delay="2"] { transition-delay: .2s; } .mtc-pis-js [data-mtc-pis-delay="3"] { transition-delay: .3s; } .mtc-pis-js [data-mtc-pis-delay="4"] { transition-delay: .4s; } @keyframes mtcPisPulse { 50% { opacity: .55; box-shadow: 0 0 0 13px rgba(182,238,40,.02), 0 0 15px rgba(182,238,40,.25); } } @keyframes mtcPisOrbit { to { transform: rotate(360deg); } } @keyframes mtcPisScroll { 0% { transform: translateY(-100%); } 45%, 55% { transform: translateY(0); } 100% { transform: translateY(100%); } } /* TABLET ----------------------------------------------------- */ @media (max-width: 1120px) { :where(.mtc-site[class*="mtc-pis-"]) { --pis-shell: min(100% - 64px, 1200px); } .mtc-pis-signal-grid, .mtc-pis-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mtc-pis-diagnosis__grid, .mtc-pis-prepare__grid { gap: 55px; } .mtc-pis-diagnosis__visual { min-height: 590px; } .mtc-pis-collage { min-height: 610px; } .mtc-pis-emergency__inner { grid-template-columns: .4fr 1fr; } .mtc-pis-emergency__actions { grid-column: 2; } } @media (max-width: 860px) { .mtc-pis-heading, .mtc-pis-diagnosis__grid, .mtc-pis-prepare__grid, .mtc-pis-faq__grid, .mtc-pis-final__inner { grid-template-columns: 1fr; } .mtc-pis-heading { gap: 25px; } .mtc-pis-heading__intro { max-width: 680px; } .mtc-pis-hero__veil { background: linear-gradient(90deg, rgba(3,19,14,.93), rgba(3,19,14,.5)), linear-gradient(0deg, rgba(3,19,14,.88), transparent 60%); } .mtc-pis-diagnosis__visual { min-height: min(72vw, 650px); } .mtc-pis-diagnosis__copy { max-width: 700px; } .mtc-pis-prepare__copy { max-width: 720px; } .mtc-pis-collage { min-height: 680px; } .mtc-pis-faq__heading { position: static; max-width: 700px; } .mtc-pis-related__grid { grid-template-columns: 1fr; } .mtc-pis-service-card { min-height: 340px; } .mtc-pis-final__inner { gap: 45px; } .mtc-pis-final__panel { max-width: 620px; } } /* MOBILE ----------------------------------------------------- */ @media (max-width: 640px) { :where(.mtc-site[class*="mtc-pis-"]) { --pis-shell: calc(100% - 36px); } .mtc-pis-heading h2, .mtc-pis-diagnosis h2, .mtc-pis-prepare h2, .mtc-pis-faq h2 { font-size: clamp(39px, 11.5vw, 52px); } .mtc-pis-heading__intro { padding-left: 17px; font-size: 15px; } .mtc-pis-hero { min-height: 860px; } .mtc-pis-hero__media img { object-position: 62% center; } .mtc-pis-hero__veil { background: linear-gradient(90deg, rgba(3,19,14,.93), rgba(3,19,14,.5)), linear-gradient(0deg, rgba(3,19,14,.96) 0 20%, transparent 75%); } .mtc-pis-hero__grid { background-size: 50px 50px; } .mtc-pis-hero::before { top: 7%; right: -45%; width: 105vw; } .mtc-pis-hero::after { right: 5px; bottom: 4px; font-size: 39vw; } .mtc-pis-hero__inner { padding-top: 25px; } .mtc-pis-breadcrumbs { font-size: 9px; } .mtc-pis-hero__content { min-height: 760px; justify-content: flex-end; padding: 100px 0 70px; } .mtc-pis-hero h1 { font-size: clamp(49px, 14vw, 68px); line-height: .88; } .mtc-pis-hero__lead { margin-top: 23px !important; font-size: 16px; line-height: 1.55; } .mtc-pis-actions { display: grid; grid-template-columns: 1fr; margin-top: 27px; } .mtc-pis-btn { width: 100%; } .mtc-pis-hero__facts { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 32px !important; } .mtc-pis-hero__facts li { min-width: 0; padding: 15px 10px 0 0; } .mtc-pis-hero__facts li + li { padding-left: 10px; } .mtc-pis-hero__facts strong { font-size: 13px; } .mtc-pis-hero__facts span { font-size: 8px; line-height: 1.35; } .mtc-pis-scrollcue { display: none; } .mtc-pis-signal-grid, .mtc-pis-steps { grid-template-columns: 1fr; } .mtc-pis-signal { min-height: 330px; } .mtc-pis-note { align-items: flex-start; padding: 16px; } .mtc-pis-diagnosis__visual { min-height: 520px; } .mtc-pis-emergency__inner { grid-template-columns: 1fr; } .mtc-pis-emergency__status { max-width: 260px; } .mtc-pis-emergency__actions { grid-column: auto; } .mtc-pis-call { padding: 25px 23px; } .mtc-pis-steps li { min-height: 340px; } .mtc-pis-collage { min-height: 530px; } .mtc-pis-collage__main { inset: 0 5% 12% 0; } .mtc-pis-collage__small { width: 57%; height: 34%; } .mtc-pis-collage__label { left: 16px; bottom: 15%; max-width: 220px; } .mtc-pis-accordion summary { padding: 22px 3px; font-size: 18px; } .mtc-pis-accordion details p { padding: 0 3px 23px; } .mtc-pis-service-card { min-height: 390px; } .mtc-pis-final { min-height: 750px; } .mtc-pis-final__veil { background: linear-gradient(0deg, rgba(3,19,14,.98) 0 57%, rgba(3,19,14,.55)); } .mtc-pis-final__inner { min-height: 750px; align-content: end; padding: 80px 0 55px; } .mtc-pis-final h2 { font-size: clamp(45px, 13vw, 62px); } .mtc-pis-final__copy > p:last-child { font-size: 15px; } .mtc-pis-final__split { grid-template-columns: 1fr; } .mtc-pis-final__split a + a { border-top: 1px solid rgba(255,255,255,.2); border-left: 0; } } /* ACCESSIBILITÀ / GRIDBOX ----------------------------------- */ @media (prefers-reduced-motion: reduce) { .mtc-site[class*="mtc-pis-"] *, .mtc-site[class*="mtc-pis-"] *::before, .mtc-site[class*="mtc-pis-"] *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .mtc-pis-js [data-mtc-pis-reveal] { opacity: 1; transform: none; } } .ba-editing .mtc-pis-js [data-mtc-pis-reveal], .com_gridbox .mtc-pis-js [data-mtc-pis-reveal] { opacity: 1 !important; transform: none !important; } /* MTC — BASE CORRETTA SPURGHI E AUTOSPURGO */ :where(.mtc-site[class*="mtc-sa-"]) { --mtc-sa-ink: #03130e; --mtc-sa-green: #0a3224; --mtc-sa-mid: #17643b; --mtc-sa-lime: #b6ee28; --mtc-sa-lime-soft: #dafa79; --mtc-sa-paper: #f3f5ee; --mtc-sa-white: #ffffff; --mtc-sa-text: #15241b; --mtc-sa-muted: #677168; --mtc-sa-line: #d7ddd4; --mtc-sa-shadow: 0 24px 70px rgba(3, 19, 14, 0.12); position: relative; width: 100%; color: var(--mtc-sa-text); font-family: inherit; isolation: isolate; } .mtc-site[class*="mtc-sa-"] *, .mtc-site[class*="mtc-sa-"] *::before, .mtc-site[class*="mtc-sa-"] *::after { box-sizing: border-box; } .mtc-sa-shell { width: min(1440px, calc(100% - 96px)); } .mtc-sa-eyebrow { color: var(--mtc-sa-mid); letter-spacing: 0.17em; } .mtc-sa-eyebrow > span { width: 32px; height: 2px; border-radius: 0; background: var(--mtc-sa-lime); box-shadow: none; } .mtc-sa-btn { min-height: 58px; padding: 15px 23px; font-weight: 950; } .mtc-sa-btn--primary { color: var(--mtc-sa-ink); background: linear-gradient( 135deg, var(--mtc-sa-lime), var(--mtc-sa-lime-soft) ); box-shadow: 0 15px 35px rgba(182, 238, 40, 0.2); } .mtc-sa-link { color: var(--mtc-sa-green); border-color: var(--mtc-sa-lime); } /* HERO */ .mtc-sa-hero { color: #fff; background: var(--mtc-sa-ink); } .mtc-sa-hero__shade { background: linear-gradient( 90deg, rgba(3, 19, 14, 0.96), rgba(3, 19, 14, 0.82) 42%, rgba(3, 19, 14, 0.24) 78% ), linear-gradient( 0deg, rgba(3, 19, 14, 0.84), transparent 55% ); } .mtc-sa-hero h1 { color: #fff !important; } .mtc-sa-hero h1 em, .mtc-sa-hero .mtc-sa-eyebrow, .mtc-sa-hero__proof strong { color: var(--mtc-sa-lime) !important; } /* TITOLI E FONDI CHIARI */ .mtc-sa-signals { background: radial-gradient( circle at 100% 0, rgba(182, 238, 40, 0.15), transparent 27% ), linear-gradient( 135deg, #f8f9f4, var(--mtc-sa-paper) ); } .mtc-sa-signals h2, .mtc-sa-services h2, .mtc-sa-fleet h2, .mtc-sa-contexts h2, .mtc-sa-faq h2, .mtc-sa-related h2 { color: var(--mtc-sa-ink) !important; } .mtc-sa-signals h2 em, .mtc-sa-services h2 em, .mtc-sa-fleet h2 em, .mtc-sa-contexts h2 em, .mtc-sa-faq h2 em, .mtc-sa-related h2 em { color: var(--mtc-sa-mid) !important; } /* CTA URGENTE */ .mtc-sa-urgent { background: var(--mtc-sa-lime); } .mtc-sa-urgent__inner { background: linear-gradient( 120deg, var(--mtc-sa-ink), var(--mtc-sa-green) ); } .mtc-sa-urgent__copy h2 { color: #fff !important; } /* SEZIONE METODO */ .mtc-sa-method { background: linear-gradient( 135deg, #02150e, #0a3325 ); } .mtc-sa-method h2, .mtc-sa-method h3 { color: #fff !important; } .mtc-sa-method h2 em, .mtc-sa-method .mtc-sa-eyebrow, .mtc-sa-method__steps li > span { color: var(--mtc-sa-lime) !important; } /* FAQ */ .mtc-sa-faq { background: linear-gradient( 135deg, #f8faf5, var(--mtc-sa-paper) ); } .mtc-sa-faq__list summary { color: var(--mtc-sa-ink); } .mtc-sa-faq__list details[open] summary { color: var(--mtc-sa-mid); } .mtc-sa-faq__list details[open] summary span { color: var(--mtc-sa-ink); background: var(--mtc-sa-lime); border-color: var(--mtc-sa-lime); } /* CTA FINALE */ .mtc-sa-final { background: var(--mtc-sa-ink); } .mtc-sa-final h2 { color: #fff !important; } .mtc-sa-final h2 em, .mtc-sa-final .mtc-sa-eyebrow { color: var(--mtc-sa-lime) !important; } @media (max-width: 1080px) { .mtc-sa-shell { width: calc(100% - 64px); } } @media (max-width: 720px) { .mtc-sa-shell { width: calc(100% - 36px); } .mtc-sa-hero { min-height: 860px; } .mtc-sa-hero__media { object-position: 42% center; } .mtc-sa-hero h1 { font-size: clamp(49px, 14vw, 68px); } } .mtc-fm { background-color: #04110d !important; background-image: linear-gradient( rgba(255, 255, 255, 0.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px ), radial-gradient( circle at 8% 10%, rgba(63, 132, 63, 0.23), transparent 31% ), radial-gradient( circle at 93% 44%, rgba(185, 232, 63, 0.08), transparent 24% ), linear-gradient( 145deg, #04100d 0%, #0a271c 59%, #06150f 100% ) !important; background-size: 58px 58px, 58px 58px, 100% 100%, 100% 100%, 100% 100% !important; background-position: center !important; background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat !important; } /* ===================================================== FIX ICONA MENU MOBILE ===================================================== */ .mtc-site.mtc-header button.mtc-menu-toggle > svg.mtc-icon.mtc-icon--menu { display: block !important; visibility: visible !important; opacity: 1 !important; width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; fill: none !important; stroke: #b9e83f !important; stroke-width: 4px !important; stroke-linecap: round !important; color: #b9e83f !important; pointer-events: none; } .mtc-site.mtc-header button.mtc-menu-toggle > svg.mtc-icon.mtc-icon--menu path { display: block !important; fill: none !important; stroke: currentColor !important; opacity: 1 !important; } /* Corregge anche la X di chiusura del pannello */ .mtc-site.mtc-header .mtc-mobile-drawer__head button > svg.mtc-icon { display: block !important; visibility: visible !important; opacity: 1 !important; width: 24px !important; height: 24px !important; fill: none !important; stroke: currentColor !important; } /* AZZERA PADDING SEZIONI GRIDBOX SU MOBILE */ @media (max-width: 767px) { body .ba-section, body .ba-section > .ba-section-items { padding: 0 !important; } } /* MTC mobile performance — 12 novembre 2026 */ .mtc-site [data-mtc-slide] h1,.mtc-site [data-mtc-slide] h2{color:#fff!important} .mtc-site [data-mtc-slide] h1 em,.mtc-site [data-mtc-slide] h2 em{color:#b9e83f!important} .mtc-site .mtc-slider__button--ghost,.mtc-site .mtc-slider__button--ghost span{color:#fff!important} @media(max-width:800px){ .mtc-site [data-mtc-pis-reveal],.mtc-site [data-mtc-reveal],.mtc-site [data-mtc-priority-reveal]{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important} .mtc-site .mtc-slider__image{animation:none!important;transform:none!important;will-change:auto!important} }