/***** https://industry.indiankoder.com/xhtml/ *****/

body{color:#333;font-size:16px;background-color:#fff;}
.justify-center{justify-content:center;}
.sub-title{text-transform:uppercase}

/***** MY-SITE-HEADER *****/
.my-site-header .logo-header{width:240px;}
.my-site-header .menu-btn{border-radius:4px;display:flex;color:#fff;align-items:center;justify-content:center;font-size:20px;}
.my-site-header .header-nav .nav > li > a{color:#212121;font-family:"Oswald", sans-serif;font-size:14px;padding:32px 20px;text-transform:uppercase;}
.my-site-header.site-header.style-1 .header-nav .nav > li > a{font-weight:500;}
.my-site-header.site-header.style-1 .header-nav .nav > li > a:after{display:none;}
.my-site-header .header-nav .nav > li .mega-menu li a,.my-site-header .header-nav .nav > li .sub-menu li a{color:#212529;display:block;font-size:16px;padding:15px 30px;}
.my-site-header .header-nav .nav > li .mega-menu li a:after,.my-site-header .header-nav .nav > li .sub-menu li a:after{left:14px;top:24px;}
.my-site-header .header-nav .nav > li .mega-menu,.my-site-header .header-nav .nav > li .sub-menu{width:280px;}
 
/***** MY-CONTACT-SIDEBAR *****/
.my-contact-sidebar{width:380px;right:-380px;}
.my-contact-sidebar .contact-text p {font-weight:500;font-size:16px;}
.list-contacts{font-size:16px;font-weight:500;margin-top:40px;}
.list-contacts li:not(:last-child){margin-bottom:16px;}
.list-contacts li{display:flex;align-items:center;}
.list-contacts i{color:#fff;background:var(--primary);font-size:16px;margin-right:20px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100%;}
.list-contacts span, .list-contacts a{color:#222;line-height:1.5;max-width:250px;transition:.4s;}
.list-contacts a:hover span{color:var(--primary);}
.my-contact-sidebar .ic-social-icon ul{display:flex;flex-wrap:wrap;align-items:center;}
.my-contact-sidebar .ic-social-icon ul li{background:var(--bg-color);font-size:16px;margin-right:10px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100%;margin-bottom:10px;transition:.4s;line-height:80px;}
.my-contact-sidebar .ic-social-icon ul li a{color:#fff}
.my-contact-sidebar .ic-social-icon ul li:hover{background:var(--primary-hover);}

/***** MY-SLIDEAREA *****/
.my-slidearea .silder-one .silder-content .overlay-slide{background:var(--pine);}
.my-slidearea .silder-one .silder-content .sub-title {letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;}
.my-slidearea .side-contact-info ul li{font-size:15px;}
.my-slidearea .swiper-button-white{font-size:0;margin-top:0;}
.my-slidearea .silder-one .slider-one-pagination{background:rgba(18,61,50,.72);padding:8px 12px;right:14px;bottom:14px;border-radius:10px;}
.my-slidearea .silder-one .slider-one-pagination .swiper-pagination-bullet{margin:0 5px;font-size:13px;}
.my-slidearea .silder-one .slider-one-pagination i{font-size:20px;top:-1px;z-index:0;}
.my-slidearea .silder-one .slider-one-pagination .btn-next i{right:0;}
.my-slidearea .silder-one .slider-one-pagination .btn-prev i{left:0;}
.my-slidearea .silder-one .slider-one-pagination .btn-next:hover i{right:-3px;}
.my-slidearea .silder-one .slider-one-pagination .btn-prev:hover i{left:-3px;}
.my-slidearea .silder-one .slider-one-pagination .btn-prev,
.my-slidearea .silder-one .slider-one-pagination .btn-next{width:22px;min-width:22px;height:22px;}
.my-slidearea .swiper-pagination i, .my-slidearea .btn-next i, .my-slidearea .btn-prev i{color:#fff;}
.my-slidearea .silder-one .slider-one-pagination .swiper-pagination-bullet-active{color:#fff;}
.my-slidearea .silder-one .silder-content .title{font-weight:600;margin-bottom:20px;font-size:56px;line-height:1.2;}
.my-slidearea .inner-content{max-width:65%;}
.my-slidearea .silder-one .silder-content .inner-content{padding-bottom:72px;box-sizing:border-box;}
.my-slidearea .silder-one .silder-content .title-small{line-height:1.5;font-size:20px;}
.my-slidearea .swiper-slide:after{content:'';position:absolute;width:100%;height:100%;bottom:0;top:0;left:0;opacity:.5;background:black;background:linear-gradient(to right, black, transparent);background-repeat:repeat-x;z-index:1;}


/***** MY-COUNTERS *****/
.my-counters{max-height:620px;overflow:hidden;position:relative;}
.my-counters  .video-bx{height:100%;max-height:620px;overflow:hidden;}
.my-counters h3{font-size: 1.1rem;}
.ic-content-bx.style-3.my-counters .counter-info .counter{min-height:90px;display:flex;align-items:center;justify-content:center;}
.ic-content-bx.style-3 .counter-info{background-color:#f3f3f3;}

.video-bx.style-2 .video-btn .youtube {
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    border-radius: 100px;
    background-color: #fff;
    display: block;
    color: var(--primary);
    font-size: 24px;
    margin: 0 auto;
    transition: all 0.5s;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.5);
}
.video-bx.style-2 .video-btn .youtube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 100%;
    animation: animationSignal1;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    -webkit-animation: animationSignal1;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 3s;
    z-index: -1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transition: all 0.5;
    -o-transition: all 0.5;
    -webkit-transition: all 0.5;
    -ms-transition: all 0.5;
    transition: all 0.5;
}
.video-bx.style-2 .video-btn .youtube:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #fff;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    animation: animationSignal2;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    -webkit-animation: animationSignal2;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 3s;
    z-index: -1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transition: all 0.5;
    -o-transition: all 0.5;
    -webkit-transition: all 0.5;
    -ms-transition: all 0.5;
    transition: all 0.5;
}

/***** MY-SERVICES-1 *****/
.my-services-1 .icon-bx-wraper.style-3 strong{transition: all 0.5;}
.my-services-1 .icon-bx-wraper.style-3:hover {background:#123d32;}
.my-services-1 .icon-bx-wraper.style-3:hover strong{color:#fff;transition: all 0.5;}
.my-services-1 .icon-bx-wraper.style-3:after{background:rgb(139 128 98 / 30%);box-shadow:0 -16px 0 30px rgb(139 128 98 / 8%), 0 -16px 0 60px rgb(139 128 98 / 8%), 0 -16px 0 90px rgb(139 128 98 / 8%);height:90%;}
.icon-bx-wraper.style-3{box-shadow:0 10px 30px 0 rgba(0, 0, 0, 0.2);height:100%;}

/***** MY-SERVICES-2 *****/
.my-services-2 .swiper-slide{height:500px;overflow:hidden;}
.my-services-2 .ic-media,.my-services-2 .ic-box{height:100%;}
.my-services-2 .ic-media{display:flex;}
.my-services-2 .overlay:after{content:'';position:absolute;width:100%;height:100%;bottom:0;top:0;left:0;opacity:.2;background:black;background:linear-gradient(to bottom, black, transparent);background-repeat:repeat-x;z-index:1;}
.my-services-2 .ic-box.style-1 .ic-info h4{z-index:2;}
.my-services-2 .btn-link {color:var(--primary-hover);font-weight:600;font-size:20px;}
.my-services-2 .btn-link:hover{color:var(--primary);}
.my-services-2 .section-head p{font-weight:600;}
.my-services-2 .title{margin-bottom:20px;}
.my-subscribe-area .ic-subscription input{width:100%;}
.my-subscribe-area .ic-subscription .btn {top: auto;}
.my-subscribe-area .ic-subscription input + input{margin-top:20px;}
.my-subscribe-area .subscribe-content{align-items:center;}

/***** MY-TESTIMONIAL *****/
.my-testimonial .testimonial-3 .testimonial-detail .testimonial-pic{width:100%;height:auto;border: none;background:none;text-align:center;cursor:pointer;}
.my-testimonial .testimonial-3:after{display:none;}
.my-testimonial .num-pagination.style-1{width:auto;}
.my-testimonial .testimonial-3:hover{background:transparent;}
.my-testimonial img {filter:grayscale(100%);transition: .5s;}
.my-testimonial .testimonial-3:hover img{filter:grayscale(0%);}

@media (min-width:1191px){
	.my-testimonial .testimonial-swiper-3{max-width:1000px;margin-left:auto;margin-right:auto;}
	.my-testimonial .num-pagination.style-1{display:none;}
}


/*****  MY-FOOTER *****/
.my-footer .footer-logo a{min-width:280px}
.my-footer-bottom a{color:#fff;}
.my-footer-bottom a:hover{color:var(--primary);}
.my-footer-bottom a.text-primary:hover{color:#fff!important;}
.my-footer-bottom .copyright-text a,.my-footer-bottom .my-footer-credit{display:inline-flex;align-items:center;min-height:44px;}
a[href*="?material="]{display:inline-flex;align-items:center;min-height:44px;}

/* На планшете отрицательный margin формы поднимал прозрачную часть блока над
   карточкой email: ссылка была видна, но elementFromPoint попадал в section. */
@media only screen and (max-width:991px){
	.my-page-contact .contact-area{margin-top:0;}
}

/* Фиксированная кнопка Коли остается без изменений; нижняя безопасная зона
   поднимает последние ссылки футера выше нее на планшете и десктопе. */
@media only screen and (min-width:601px){
	.site-footer.style-2 .footer-bottom.my-footer-bottom{padding-bottom:180px;}
	body.ns-ai-cookie-offset .site-footer.style-2 .footer-bottom.my-footer-bottom{padding-bottom:180px;}
}
/***** MEDIA *****/
@media only screen and (min-width: 991px) {
    .my-site-header.site-header.style-1 .header-nav .nav > li.sub-menu-down > a:after {display:block;}
}

@media only screen and (max-width: 1680px) {
    .my-slidearea .silder-one .silder-content .title {font-size:50px;}
	.my-slidearea .silder-one .silder-content .title-small {font-size:20px;}
}

@media only screen and (max-width: 1280px) {
	.video-bx.style-2 .video-btn {top:60%;}
}

@media only screen and (max-width: 575px) {
	.my-slidearea .silder-one .silder-content .inner-content{padding-bottom:58px;}
	.my-slidearea .silder-one .slider-one-pagination{padding:6px 10px;right:10px;bottom:10px;}
	.my-slidearea .silder-one .slider-one-pagination .swiper-pagination-bullet{margin:0 4px;font-size:11px;}
	.my-slidearea .silder-one .slider-one-pagination i{font-size:17px;}
	.my-slidearea .silder-one .slider-one-pagination .btn-prev,
	.my-slidearea .silder-one .slider-one-pagination .btn-next{width:18px;min-width:18px;height:18px;}
}

/* На 360-375 px базовый style.css перебивал компактную плашку своими
   медиазапросами (padding 20px 35px / 20px), и плашка снова накрывала
   кнопку призыва. Удвоенный класс поднимает специфичность выше базовой. */
@media only screen and (max-width: 379px) {
	.my-slidearea .silder-one .slider-one-pagination.slider-one-pagination{padding:4px 6px;right:6px;bottom:6px;}
	.my-slidearea .silder-one .slider-one-pagination.slider-one-pagination .swiper-pagination{margin:0;padding:0;}
	.my-slidearea .silder-one .slider-one-pagination.slider-one-pagination .swiper-pagination-bullet{margin:0 1px;font-size:10px;}
	.my-slidearea .silder-one .slider-one-pagination.slider-one-pagination i{font-size:13px;}
	.my-slidearea .silder-one .slider-one-pagination.slider-one-pagination .btn-prev,
	.my-slidearea .silder-one .slider-one-pagination.slider-one-pagination .btn-next{width:13px;min-width:13px;height:13px;}
}

/***** ПОДПИСЬ РАЗРАБОТЧИКА (СИНТЕЛ) *****/
.my-footer-bottom .my-footer-credit{display:inline-flex;align-items:center;gap:8px;color:inherit;}
.my-footer-bottom .my-footer-credit img{height:22px;width:auto;display:block;}