/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ICON BOX */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.icon-box .icon-box-img svg, .icon-box .icon-box-img img{padding-top: 0;}
.icon-box .icon-inner{font-size: 0;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* UX LOGO */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.ux-logo-image{-o-object-fit: contain;object-fit: contain;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* IMAGE BOX */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.img-box{max-width: 800px;margin-left: 0;}
.img-box .box-text,.img-box .box-image,.simple-img .img-inner,.img-box.img .img-inner{border-radius: 50px 0;}
.img-box .box-text{text-shadow: none !important;font-size: 1em;}
.img-box:not(.img-box2) .box-text{max-width: 450px;left: auto;right: -50px;background-color: #006766;}
.img-box .box-text p{margin-bottom: 0;margin-top: 0;}
.img-box.img{max-width: 893px;}
.col+.col .img-box .box-text{left: -50px;right: auto;}
.img-box2 .box-text{position: static !important;left: auto;top: 0;font-weight: 600;padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.img-box2 .icon-box{background-color: #006766;border-radius: 15px 0 0 0;padding: 30px 20px 24px;}
.img-box2 .icon-box+.icon-box{border-radius: 0 0 15px 0;}
@media (min-width: 550px){
    .img-box2 .box-text{max-width: 170px;right: -85px;position: absolute !important;}
}
@media (min-width: 850px){
    .img-box2{max-width: 765px;}
}
@media (max-width: 1366px){
    .img-box2 .icon-box{padding: 20px;}
}
@media (max-width: 849px){
    .img-box .box-text{right: 0;}
    .col+.col .img-box .box-text{left: 0;}
}
@media (max-width: 549px){
    .img-box2 .box-text{margin-top: 20px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SERVICES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.services .box-text{font-size: 1em;margin-top: -30px;}
.services .box-text p{margin-top: 0;margin-bottom: 0;}
.services .box-image{border-radius: 40px 0;}
.services .icon-box{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 1.14em;background-color: #006766;border-radius: 15px 0;height: 60px;width: auto;}
@media (max-width: 849px){
    .services .box-text{padding: 0 !important;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* LOCATIONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.locations ul{list-style: none;margin-bottom: 0;}
.locations li{margin-left: 0 !important;margin-bottom: 0;padding-left: 33px;position: relative;font-weight: 500;}
.locations li:not(:last-child){margin-bottom: .61em !important;}
.locations li::before{content: '';display: block;width: 18px;height: 18px;position: absolute;left: 0;top: .25em;background: url("../img/solar-pro-placeholder-sm.svg") no-repeat 0 0;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ACCORDION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.accordion-item{background-color: #EDF5F5;border-radius: 15px 0;}
.accordion-item+.accordion-item{margin-top: 10px;}
.accordion-title{border: none;color: #0C1418 !important;font-weight: 600 !important;font-size: 22px;background-color: transparent !important;min-height: 70px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.accordion-title::before{content: '';display: block;width: 20px;height: 20px;position: absolute;left: 25px;top: 25px;background: url("../img/solar-pro-leaf.svg") no-repeat 0 0;}
.accordion .toggle{position: absolute;right: 0;left: auto;opacity: 1;border-radius: 0;width: 65px;height: 70px;top: 0;margin-right: 0;border: none;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.accordion .toggle .icon-angle-down::before{content: '';display: block;width: 15px;height: 9px;background: url("../img/solar-pro-chevron-down2.svg") no-repeat 0 0;}
.accordion-title,.accordion-inner{padding: 0 65px 0 70px;}
.accordion-inner>*:last-child{margin-bottom: 0;padding-bottom: 30px;}
@media (max-width: 1366px){
    .accordion-title{font-size: 20px;}
}
@media (max-width: 849px){
    .accordion-title{font-size: 18px;}
}
@media (max-width: 549px){
    .accordion-title{line-height: 1.4;}
    .accordion-title::before{left: 15px;}
    .accordion-title,.accordion-inner{padding-left: 50px;padding-right: 50px;font-size: 15px;}
    .accordion .toggle{width: 50px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* PROCESS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.process{overflow: hidden;border-radius: 15px 0px;-webkit-filter: drop-shadow(0 0 12.5px rgba(12, 20, 24, 0.05));filter: drop-shadow(0 0 12.5px rgba(12, 20, 24, 0.05));}
.process.row-small{margin-left: -.5px !important;margin-right: -.5px !important;}
.process.row-small>.col{padding-left: .5px;padding-right: .5px;}
.process .text:first-child{margin-bottom: 9px;}
.process .text strong{font-weight: 600;}
@media (max-width: 849px){
    .process.row-small>.col:nth-child(n+4){margin-top: 1px;}
}
@media (max-width: 549px){
    .process.row-small>.col:nth-child(n+2){margin-top: 1px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BEFORE/AFTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.before-after .box .box-image{border-radius: 15px 0 0 0;}
.before-after .box+.box .box-image{border-radius: 0 0 15px 0;}
.before-after .box-overlay.dark .box-text{text-shadow: none;}
.before-after .text span[style*="background-color"]{padding: .456em .86em .39em;display: inline-block;vertical-align: top;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* GALLERY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.gallery-box .box-image{border-radius: 40px 0;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* CONTACTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.contacts .icon-box-left .icon-box-img+.icon-box-text{padding-left: 30px;}
.contacts .text p{margin-bottom: 0;}
.contacts .text p strong{font-weight: 600;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FLICKITY SLIDER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.flickity-page-dots{height: 11px;}
.flickity-page-dots .dot{vertical-align: top;width: 11px !important;height: 11px !important;-webkit-box-shadow: 0 0 3px rgba(12, 20, 24, 0.2) !important;box-shadow: 0 0 3px rgba(12, 20, 24, 0.2) !important;background-color: transparent !important;margin: 0 11px !important;opacity: 1 !important;position: relative;}
.flickity-page-dots .dot::before{content: '';display: block;position: absolute;left: 2px;top: 2px;width: 7px;height: 7px;background: linear-gradient(97.39deg, #49A8D7 0%, #4FB7B6 46%, #52C791 100%);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);border-radius: 100%;opacity: 0;}
.flickity-page-dots .dot.is-selected::before{opacity: 1;}
.row-slider .flickity-page-dots{bottom: -22px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SINGLE POST */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.single-post .entry-meta{display: none;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.footer-logo .ux-logo-link{padding-top: 0 !important;padding-bottom: 0 !important;}
.footer-wrapper .icon-box-left .icon-box-img+.icon-box-text{padding-left: 15px;}
.footer-wrapper .icon-box-text p{margin-bottom: 0;font-weight: 500;}
.footer-wrapper .ux-menu-link+.ux-menu-link{margin-top: 1.6em !important;}
.footer-wrapper .ux-menu-link__link{padding-top: 0;padding-bottom: 0;min-height: 0;line-height: 1.2;color: rgba(12, 20, 24, 0.75);}
.absolute-footer{padding: 0;}
.absolute-footer .row{position: relative;}
.absolute-footer .row::before{content: '';display: block;position: absolute;top: 0;left: 15px;right: 15px;height: 2px;background-color: #fff;}
.absolute-footer p{margin-bottom: 0;}
.sticky-buttons{position: fixed;left: 0;right: 0;bottom: 0;z-index: 100;}
.sticky-buttons .button{margin-bottom: 0;}
@media (min-width: 1200px) and (hover: hover){
    .footer-wrapper .ux-menu-link__link,.plain:has(.icon-box) .text>*,.absolute-footer a{-webkit-transition: color .2s;transition: color .2s;}
    .footer-wrapper .ux-menu-link__link:hover,.plain:has(.icon-box):hover .text>*,.absolute-footer a:hover{color: var(--primary-color) !important;}
}
@media (max-width: 549px){
    .footer-wrapper:has(.sticky-buttons){padding-bottom: 44px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SOCIAL */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.social-icons a{margin-left: 20px !important;margin-right: 20px !important;vertical-align: middle;height: 22px;display: inline-block;color: var(--primary-color);}
.social-icons a,.social-icons i{line-height: 22px;}
.social-icons .icon-facebook,.social-icons .icon-instagram,.social-icons .icon-x{min-width: 22px;}
.social-icons .icon-facebook::before,.social-icons .icon-instagram::before,.social-icons .icon-x::before{content: '';display: block;width: 22px;height: 22px;background-repeat: no-repeat;background-position: center;}
.social-icons .icon-facebook::before{background-image: url("../img/solar-pro-facebook.svg");}
.social-icons .icon-instagram::before{background-image: url("../img/solar-pro-instagram.svg");}
.social-icons .icon-x::before{background-image: url("../img/solar-pro-x.svg");}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* CTA */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.cta .section-bg{background-size: contain !important;}
.cta .h2,.cta h2{font-size: 40px !important;line-height: 1.2 !important;margin-bottom: .2em !important;}
.cta p:first-child{margin-bottom: .27em;}
.cta .icon-box{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
@media (max-width: 1366px){
    .cta .h2,.cta h2{font-size: 35px !important;}
}
@media (max-width: 849px){
    .cta .h2,.cta h2{font-size: 30px !important;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FORM ELEMENTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: rgba(12, 20, 24, 0.75);opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder{color: rgba(12, 20, 24, 0.75);opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder{color: rgba(12, 20, 24, 0.75);opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: rgba(12, 20, 24, 0.75);opacity: 1;}
.input{color: rgba(12, 20, 24, 0.75) !important;border-color: transparent !important;-webkit-box-shadow: none !important;box-shadow: none !important;padding: 0 25px !important;border-radius: 5px !important;font-size: 18px !important;margin-bottom: 21px !important;background-color: #EDF5F5 !important;}
.input:not(textarea){height: 58px !important;}
.input:focus{border-color: var(--primary-color) !important;}
select.input{background-image: url("../img/solar-pro-chevron-down3.svg");background-size: auto 7px;background-position: right 25px top 50%;}
select.input option{font-size: 17px;color: initial;background-color: #fff;}
textarea.input{min-height: 100px;resize: vertical;padding-top: 15px !important;}
.ux-search-submit{background-color: var(--primary-color) !important;}
.submit-wrapp{position: relative;display: inline-block;vertical-align: top;}
.wpcf7-form label{font-weight: 400;text-transform: uppercase;margin-bottom: 0;color: #0C1418;}
.wpcf7-form .wpcf7-acceptance label{text-transform: none;color: rgba(12, 20, 24, 0.75);}
.wpcf7-form .wpcf7-acceptance input{position: absolute;opacity: 0;}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;align-items: center;cursor: pointer;}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label::before{display: block;width: 31px;height: 31px;border-radius: 5px;background-color: #EDF5F5;margin-right: 15px;-ms-flex-negative: 0;flex-shrink: 0;}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label::after{width: 10px;height: 15px;border-right: 3px solid var(--primary-color);border-bottom: 3px solid var(--primary-color);position: absolute;left: 11px;top: 6px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);opacity: 0;-webkit-transition: opacity .2s;transition: opacity .2s;}
.wpcf7-form .wpcf7-acceptance input:checked+.wpcf7-list-item-label::after{opacity: 1;}
.wpcf7-form .req{color: #EA4335;}
.wpcf7-form .processing::before{display: none;}
.wpcf7-form .row-small{margin-left: -5px !important;margin-right: -5px !important;}
.wpcf7-form .row-small .col{padding-left: 5px !important;padding-right: 5px !important;}
.wpcf7-form input[type="submit"]{margin: 0;text-transform: none;}

.wpcf7 .wpcf7-not-valid-tip,.wpcf7 .wpcf7-response-output{border-radius: 0;}
.wpcf7 form{margin-bottom: 0;}
.wpcf7 form .wpcf7-response-output{border-width: 1px;margin-left: 0;margin-right: 0;font-size: 1rem;}
.wpcf7-not-valid-tip{font-size: 13px;}
.form-wrapper .col-inner{border-radius: 40px 0px;-webkit-box-shadow: 0 0 12.5px rgba(12, 20, 24, 0.05);box-shadow: 0 0 12.5px rgba(12, 20, 24, 0.05);}
@media (max-width: 549px){
    .input{padding: 0 15px !important;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* TRUSTINDEX */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.ti-widget.ti-goog .ti-col-1 .ti-reviews-container,.ti-widget-container{margin-bottom: 0 !important;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* DECOR */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.decor::before{content: '';display: block;position: absolute;background-repeat: no-repeat;background-position: center;background-size: contain;position: absolute;pointer-events: none;}
.decor.decor-rb::before{right: 0;bottom: 0;width: 19.11vw;height: 16.51vw;background-image: url("../img/solar-pro-decor2.png");}
.decor.decor-rb.decor-dark::before{right: -2.14vw;bottom: -3.59vw;height: 20.10vw;background-image: url("../img/solar-pro-decor5.png");}
.decor.decor-lb::before{left: 0;bottom: -3.59vw;width: 19.11vw;height: 20.10vw;background-image: url("../img/solar-pro-decor3.png");}
.decor.decor-lb.decor-light::before{width: 19.11vw;height: 16.46vw;bottom: 0;background-image: url("../img/solar-pro-decor6.png");}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ANIMATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes trin{from{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}20%,32%,44%,56%,68%{-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);}23%,35%,47%,59%,71%{-webkit-transform: rotate3d(0,0,1,15deg);transform: rotate3d(0,0,1,15deg);}26%,38%,50%,62%,74%{-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);}29%,41%,53%,65%,77%{-webkit-transform: rotate3d(0,0,1,-15deg);transform: rotate3d(0,0,1,-15deg);}80%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}}
@keyframes trin{from{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}20%,32%,44%,56%,68%{-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);}23%,35%,47%,59%,71%{-webkit-transform: rotate3d(0,0,1,15deg);transform: rotate3d(0,0,1,15deg);}26%,38%,50%,62%,74%{-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);}29%,41%,53%,65%,77%{-webkit-transform: rotate3d(0,0,1,-15deg);transform: rotate3d(0,0,1,-15deg);}80%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}}