/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 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;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SERVICES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.services-section .section-bg{background-size: contain !important;left: auto !important;top: auto !important;bottom: -34.58vw !important;width: 24.27vw ;height: 58.8vw !important;}
.services .image-cover{border-radius: 10px;}
.services .box{overflow: hidden;}
.services .box-text{font-size: 1em;}
.services .box-overlay.dark .box-text{text-shadow: none;}
.services .box-text::before{content: '';display: block;position: absolute;right: 30px;bottom: 31px;width: 50px;height: 50px;background: url("../img/ahs-pools-circled-arrow.svg") no-repeat 0 0;opacity: 0;}
.services .box-text p{margin-top: 0;margin-bottom: 0;}
.services .box-text .text+.text{margin-top: 6px;max-width: 230px;}
.services .box-text .text.title{position: relative;min-height: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.services .box-text .text.title::before{content: '';display: block;position: absolute;left: -45px;top: 0;width: 30px;height: 30px;border-radius: 100%;background-color: var(--primary-color);}
.services .overlay::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 100%;max-height: 268px;background: linear-gradient(194.89deg, rgba(15, 15, 15, 0) 23.18%, #0F0F0F 94.95%);}
@media (min-width: 1200px) and (hover: hover){
    .services .box-text::before{-webkit-transition: .2s;transition: .2s;}
    .services .box:hover .box-text::before{opacity: 1;}
}
@media (min-width: 1025px) {
    .services .box{max-width: 20%;}
}
@media (min-width: 550px) and (max-width: 1024px) {
    .services{-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 20px;}
    .services>*{--stack-gap: 0 !important;}
    .services .box{max-width: calc((100% - 20px * 2)/3);}
}
@media (min-width: 550px) and (max-width: 849px) {
    .services .box{max-width: calc((100% - 20px * 1)/2);}
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/* CTA */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.cta,.footer-banner{z-index: 2;}
/* .cta::before,.cta::after,.footer-banner::before{content: '';display: block;position: absolute;width: 200%;height: 169px;background-size: 70% auto;background-repeat: repeat-x;z-index: -1;}
.cta::before,.footer-banner::before{top: -50px;background-image: url("../img/waves-layer.png");background-position: center top;-webkit-animation: move_wave 20s linear infinite;animation: move_wave 20s linear infinite;}
.cta::after{bottom: -50px;background-image: url("../img/waves-layer.png");background-position: center bottom;-webkit-animation: move_wave 20s linear infinite;animation: move_wave 20s linear infinite;animation-direction: reverse;} */

/*------------------------------------------------------------------------------------------------------------------------------*/
/* WAVES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.waves{position: relative;}
.waves.type1{width: 100%;-webkit-transform: translateY(120px);-ms-transform: translateY(120px);transform: translateY(120px);}
.waves.type1.bottom{-webkit-transform: scale(-1) translateY(120px);-ms-transform: scale(-1) translateY(120px);transform: scale(-1) translateY(120px);}
.waves.type1 .wave{background: url("../img/wave.svg") repeat-x;position: absolute;width: 6400px;top: -198px;left: 0;height: 198px;-webkit-transform: translate(0,0,0);-ms-transform: translate(0,0,0);transform: translate(0,0,0);-webkit-animation: 7s infinite wave;animation: 7s infinite wave;background-size: 650px auto;}
.waves.type1 .wave:nth-of-type(2){top:-168px;-webkit-animation:4s infinite swell;animation:4s infinite swell;opacity:1}
.waves.type2{z-index: 1;}
.waves.type2::before{content: '';display: block;position: absolute;width: 200%;height: 169px;background-size: 70% auto;background-repeat: repeat-x;z-index: -1;}
.waves.type2::before{top: -50px;background-image: url("../img/waves-layer.png");background-position: center top;-webkit-animation: move_wave 20s linear infinite;animation: move_wave 20s linear infinite;}
.waves.type2.bottom::before{top: auto;bottom: -50px;background-image: url("../img/waves-layer.png");background-position: center bottom;-webkit-animation: move_wave 20s linear infinite;animation: move_wave 20s linear infinite;animation-direction: reverse;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.footer-wrapper .social-icons a.icon:not(.button){margin-left: 20px;margin-right: 20px;}
.footer-widgets .section-bg::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(99.75deg, #1A4880 0%, #115EB9 100%);}
.footer-contacts .icon-box{width: auto;}
.footer-contacts .icon-box-left .icon-box-img+.icon-box-text{padding-left: 1.76em;}
.footer-contacts .icon-box .icon{border-radius: 10px;background-color: rgba(245,245,245,.06);}
.footer-contacts .icon-box p{margin-bottom: 0;color: #fff;}
.footer-contacts .icon-box .text:first-child{margin-bottom: 2px;}
.footer-contacts .icon-box .text:first-child p{opacity: .7;}
.footer-contacts .icon-box strong{font-weight: 600;}
.footer-links .text p{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.footer-links .text p::before{content: '';display: block;-ms-flex-negative: 0;flex-shrink: 0;margin-right: 15px;width: 15px;height: 30px;background-color: var(--primary-color);border-radius: 0 99px 99px 0;}
.footer-links .text a{display: block;}
.absolute-footer{padding: 0;}
.sticky-buttons{position: fixed;left: 0;right: 0;bottom: 0;z-index: 100;border-top: 1px solid #fff;}
@media (min-width: 1200px) and (hover: hover){
    .footer-wrapper p a,.footer-links .text a{-webkit-transition: color .2s;transition: color .2s;}
    .footer-links .text a:hover{color: var(--primary-color);}
}
@media (min-width: 550px) and (max-width: 1366px){
    .footer-contacts{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 20px;}
    .footer-contacts>*{margin-left: 0 !important;}
    .footer-widgets .icon-box-left .icon-box-img+.icon-box-text{padding-left: 1em;}
    .footer-widgets .icon-box-img{width: 60px !important;}
}
@media (max-width: 849px){
    .footer-wrapper .social-icons a.icon:not(.button){margin-left: 15px;margin-right: 15px;}  
}
@media (max-width: 549px){
    .footer-links{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 20px;}
    .footer-links>*{margin-left: 0 !important;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FORM ELEMENTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:rgba(15,15,15,.7);opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder{color:rgba(15,15,15,.7);opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder{color:rgba(15,15,15,.7);opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:rgba(15,15,15,.7);opacity:1;}
.input{-webkit-box-shadow: none !important;box-shadow: none !important;font-size: 1rem !important;padding: 0 20px !important;margin-bottom: 10px !important;border-radius: 10px !important;background-color: #F5F5F5 !important;color: rgba(15,15,15,.7);}
.input:not(.wpcf7-not-valid),textarea.input{border-color: #F5F5F5 !important;}
.input:not(textarea){height: 67px !important;}
textarea.input{resize: vertical;min-height: 96px;padding-top: 14px !important;}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, select{color: rgba(15,15,15,.7);background-image: url("../img/ahs-pools-chevron-down2.svg");background-size: auto 8px;background-position: right 20px top 50%;}
.submit-wrapp{position: relative;}
.submit-wrapp.processing::before,.get-quote-form .wpcf7-form.processing::before{display: none;}
.submit-wrapp input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin-bottom: 0;opacity: 0 !important;}
.wpcf7-form{margin-bottom: 0;}
.wpcf7-spinner{position: absolute;margin: 0;top: 50%;margin-top: -12px;right: -30px;}
.wp-block-search__button{color: #fff;}
.wpcf7 .wpcf7-not-valid-tip{font-size: 12px;margin-top: 0;margin-bottom: 10px;}
.wpcf7 form .wpcf7-response-output{font-size: 14px;text-align: center;margin-left: 0;margin-right: 0;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* MISC */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.radius-10 .img-inner{border-radius: 10px;}
.icon-phone::before{content: '';display: block;width: 19px;height: 19px;background: url("../img/ahs-pools-telephone-call.svg") no-repeat 0 0;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 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);}}
@-webkit-keyframes move_wave{0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1);transform:translateX(0) translateZ(0) scaleY(1)}50%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(.55);transform:translateX(-25%) translateZ(0) scaleY(.55)}100%{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1);transform:translateX(-50%) translateZ(0) scaleY(1)}}
@keyframes move_wave{0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1);transform:translateX(0) translateZ(0) scaleY(1)}50%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(.55);transform:translateX(-25%) translateZ(0) scaleY(.55)}100%{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1);transform:translateX(-50%) translateZ(0) scaleY(1)}}
@-webkit-keyframes wave{0%{margin-left:0}100%{margin-left:-1600px}}
@keyframes wave{0%{margin-left:0}100%{margin-left:-1600px}}
@-webkit-keyframes swell{0%,100%{-webkit-transform:translate(0,-30px);transform:translate(0,-30px)}50%{-webkit-transform:translate(0,5px);transform:translate(0,5px)}}
@keyframes swell{0%,100%{-webkit-transform:translate(0,-30px);transform:translate(0,-30px)}50%{-webkit-transform:translate(0,5px);transform:translate(0,5px)}}