/*

NOTE:
------
WRITE YOUR OWN CUSTOM CSS STYLES HERE.

*/
/*! CSS Used from: https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css */
*,::after,::before{box-sizing:border-box;}
h3{margin-top:0;margin-bottom:.5rem;}
p{margin-top:0;margin-bottom:1rem;}
ul{margin-top:0;margin-bottom:1rem;}
a{color:#007bff;text-decoration:none;background-color:transparent;}
a:hover{color:#0056b3;text-decoration:underline;}
h3{margin-bottom:.5rem;font-weight:500;line-height:1.2;}
h3{font-size:1.75rem;}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.col-md-3{position:relative;width:100%;padding-right:15px;padding-left:15px;}
@media (min-width:768px){
.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
}
.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
@media (prefers-reduced-motion:reduce){
.btn{transition:none;}
}
.btn:hover{color:#212529;text-decoration:none;}
.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);}
.btn:disabled{opacity:.65;}
.btn:not(:disabled):not(.disabled){cursor:pointer;}
.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff;}
.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc;}
.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5);}
.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff;}
.btn-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#0062cc;border-color:#005cbf;}
.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5);}
.mb-4{margin-bottom:1.5rem!important;}
.py-3{padding-top:1rem!important;}
.py-3{padding-bottom:1rem!important;}
.px-4{padding-right:1.5rem!important;}
.px-4{padding-left:1.5rem!important;}
.pb-5{padding-bottom:3rem!important;}
.text-center{text-align:center!important;}
@media print{
*,::after,::before{text-shadow:none!important;box-shadow:none!important;}
a:not(.btn){text-decoration:underline;}
h3,p{orphans:3;widows:3;}
h3{page-break-after:avoid;}
}
/*! CSS Used from: https://aquila-shop.kz/static/main/css/animate.css */
.ftco-animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
/*! CSS Used from: https://aquila-shop.kz/static/main/css/style.css */
*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;}
h3{margin-top:0;margin-bottom:0.5rem;}
p{margin-top:0;margin-bottom:1rem;}
ul{margin-top:0;margin-bottom:1rem;}
a{color:#007bff;text-decoration:none;background-color:transparent;}
a:hover{color:#0056b3;text-decoration:underline;}
h3{margin-bottom:0.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit;}
h3{font-size:1.75rem;}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.col-md-3{position:relative;width:100%;padding-right:15px;padding-left:15px;}
@media (min-width: 768px){
.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
}
.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:0.375rem 0.75rem;font-size:0.94rem;line-height:1.5;border-radius:0.25rem;-webkit-transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;-o-transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}
@media screen and (prefers-reduced-motion: reduce){
.btn{-webkit-transition:none;-o-transition:none;transition:none;}
}
.btn:hover{color:#212529;text-decoration:none;}
.btn:focus{outline:0;-webkit-box-shadow:0 0 0 0.2rem rgba(0, 123, 255, 0.25);box-shadow:0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.btn:disabled{opacity:0.65;}
.btn:not(:disabled):not(.disabled){cursor:pointer;}
.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff;}
.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc;}
.btn-primary:focus{-webkit-box-shadow:0 0 0 0.2rem rgba(38, 143, 255, 0.5);box-shadow:0 0 0 0.2rem rgba(38, 143, 255, 0.5);}
.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff;}
.btn-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#0062cc;border-color:#005cbf;}
.btn-primary:not(:disabled):not(.disabled):active:focus{-webkit-box-shadow:0 0 0 0.2rem rgba(38, 143, 255, 0.5);box-shadow:0 0 0 0.2rem rgba(38, 143, 255, 0.5);}
.mb-4{margin-bottom:1.5rem!important;}
.py-3{padding-top:1rem!important;}
.py-3{padding-bottom:1rem!important;}
.px-4{padding-right:1.5rem!important;}
.px-4{padding-left:1.5rem!important;}
.pb-5{padding-bottom:3rem!important;}
.text-center{text-align:center!important;}
@media print{
*,*::before,*::after{text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
a:not(.btn){text-decoration:underline;}
p,h3{orphans:3;widows:3;}
h3{page-break-after:avoid;}
}
a{-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;color:#2f89fc;}
a:hover,a:focus{text-decoration:none;color:#2f89fc;outline:none!important;}
h3{line-height:1.5;color:rgba(0, 0, 0, 0.8);font-weight:400;}
.btn{cursor:pointer;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;border-radius:40px;-webkit-box-shadow:none!important;box-shadow:none!important;}
.btn:hover,.btn:active,.btn:focus{outline:none;}
.btn.btn-primary{background:#645f70eb;border:1px solid #645f70eb;color:#fff;}
.btn.btn-primary:hover{border:1px solid #2f89fc;background:transparent;color:#2f89fc;}
.pricing-entry{border:1px solid #737373;position:relative;}
@media (max-width: 767.98px){
.pricing-entry{margin-bottom:4em;}
}
.pricing-entry > div{padding:20px;}
.pricing-entry > div p{margin-bottom:0;}
.pricing-entry h3{font-size:22px;font-weight:600;}
.pricing-entry p .price{font-weight:900;font-size:28px;color:#808080;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.pricing-entry p .per{font-size:12px;}
.pricing-entry ul{margin:0;padding:0;}
.pricing-entry ul li{list-style:none;padding:10px 20px;}
.pricing-entry .button{position:absolute;bottom:-26px;left:0;right:0;margin-bottom:0;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.pricing-entry .button .btn{-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius:30px;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.pricing-entry:hover,.pricing-entry:focus{border:2px solid #ebd95fd6;}
.pricing-entry:hover .btn,.pricing-entry:focus .btn{background:#ff8000!important;border:1px solid #ff8000!important;color:#fff!important;}
.pricing-entry:hover .price,.pricing-entry:focus .price{color:#ff8000;}
.ftco-animate{opacity:0;visibility:hidden;}
/*! CSS Used from: https://aquila-shop.kz/static/main/style1.css */
.price{color:grey;font-size:22px;}
/*! CSS Used keyframes */
@-webkit-keyframes fadeInUp{from{opacity:0;visibility:hidden;-webkit-transform:translate3d(0, 40px, 0);transform:translate3d(0, 40px, 0);}to{opacity:1;visibility:visible;-webkit-transform:none;transform:none;}}
@keyframes fadeInUp{from{opacity:0;visibility:hidden;-webkit-transform:translate3d(0, 40px, 0);transform:translate3d(0, 40px, 0);}to{visibility:visible;opacity:1;-webkit-transform:none;transform:none;}}


#backToTop {
    left: 30px;}

/*кнопка звонка*/

.callback-bt {
    background: #ebd95fd6;
    border-radius: 50%;
    box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3);
    cursor: pointer;
    border: 2px solid transparent;
    display: block;
    height: 75px;
    width: 75px;
    text-align: center;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 999;
    transition: .3s ease-in-out;
    -webkit-animation: hoverWave linear 1s infinite;
    animation: hoverWave linear 1s infinite;
}

.callback-bt:hover {
    background: #fff;
    border: 2px solid #38a3fd;
}

.callback-bt .text-call {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    position: relative;
}

.callback-bt .text-call:after {
    content: "\f095";
    display: block;
    font-family: fontawesome;
    color: #fff;
    font-size: 38px;
    line-height: 75px;
    height: 75px;
    width: 75px;
    opacity: 1;
    transition: .3s ease-in-out;
    animation: 1200ms ease 0s normal none 1 running shake;
    animation-iteration-count: infinite;
}

.callback-bt .text-call:hover:after {
    opacity: 0;
}

.callback-bt .text-call span {
    color: #38a3fd;
    display: block;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    opacity: 0;
    font-size: 11px;
    line-height: 12px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .3s ease-in-out;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.callback-bt .text-call:hover span {
    opacity: 1;
}

@keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
    }

    40% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
    }

    80% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, 0.067)
    }

    100% {
        box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0)
    }
}

/* animations icon */

@keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }

    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }

    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }

    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }

    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }

    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }

    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }

    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }

    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }

    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }

    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}
/* конец кнопки звонка */

/* цвет текста центрального баннера */
.banner--content h2 {
    color: #ebd95fd6
}

/* цвет основного логотипа */
.logo--content h1{
    color: #ebd95fd6
}

.btn--default {
    border-color: #ebd95fd6;
}


.contact--social li a {
    width: 100px;
    height: 100px;
    font-size: 55px;
}

#contact:before {

   background-size: auto;
   height: 100%;
   background-repeat: no-repeat;
}

.contact--social li a:hover,
.contact--social li a:focus {
    background: #bccac9bd;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(249,249,249,1) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.right {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(249,249,249,1) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control {
    color: #999;
    font-size: 26px;
}

.carousel-indicators .active {
    background-color: black;
}
.carousel-indicators li {
    border: 1px solid black;
}

.banner--content h2 {
    font-size:30px;
}

.modal-body {
    padding:20px
}

/* Стили для текстового поля с кнопкой "Далее" */
.limiter {
  max-height: 100px;
  overflow: hidden;
  position: relative;
}
.limiter .bottom {
  position: sticky; /* Если прыгает - можно попробовать sticky */
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgb(255 217 29 / 0%),
    rgb(243 243 243)90%);
  width: 100%;
  height: 60px;
  opacity: 1;
  transition: 0.3s;
}
.read-more-checker {
  opacity: 0;
  position: absolute;
}
.read-more-checker:checked ~ .limiter {
  max-height: none;
}
.read-more-checker:checked ~ .limiter .bottom {
  opacity: 0;
  transition: 0.3s;
}
.read-more-checker ~ .read-more-button:before {
  content: "Развернуть »";
}
.read-more-checker:checked ~ .read-more-button:before {
  content: "Свернуть «";
}
.read-more-button {
  cursor: pointer;
  display: inline-block;
  color: #777;
  text-decoration: underline;
}
/* КОНЕЦ поля с кнопкой "Далее" */


.modal label {
    font-style: normal;
    font-weight: 800;
}

.show {
    display: block;
    position: relative;
    top: 70px;
    height:100px;
}

.fade {
    opacity: 1;
}


@media (max-width: 763px) {
    .col-md-6 {width:100% }
    }

@media (min-width: 763px) {
    .banner--content h2 {font-size:50px; margin-top: 100px; }
    }

.btn--default {
    font-weight:900;
}

@media screen and (max-width: 767px){
  .contact--form {margin-left: auto;
}    }



#big_dark_70000001069079434 {
    max-width: 100%;
    width: 100%;
    height: 600px; /* Для сохранения пропорций */
}

@media (max-width: 768px) {
    #big_dark_70000001069079434 {
        height: 600px;
        width: 400px;
         /* Установите подходящую высоту для мобильных устройств */
    }
}

.contact--form {
    overflow: hidden;
}





/*
СТИЛИ ДЛЯ ОТЗЫВОВ*/
.swiper {
  width: 100%;
  height: 100%;

}

.swiper-slide {
  text-align: left;
  font-size: 16px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height:300px;
  background:#f8f8f8;
}

.slide-content {
  display: flex;
  align-items: flex-start; /* Картинка выравнивается по верхнему краю текста */
  gap: 20px; /* Расстояние между картинкой и текстом */
  padding: 15px;
}

.slide-content img {
  display: block;
  width: 75px; /* Ширина изображения */
  height: 75px; /* Высота изображения */
  object-fit: cover;
  flex-shrink: 0; /* Предотвращает сжатие изображения */
  vertical-align: top; /* Устанавливаем выравнивание картинки по верхнему краю */
  margin-top: 45px; /* Убираем отступы, чтобы картинка не была смещена */
}

.quote {
  display: flex;
  flex-direction: column; /* Иконка и текст располагаются вертикально */
  align-items: flex-start;
  padding-bottom: 20px
}

.quote svg {
  margin-bottom: 5px; /* Отступ между иконкой и текстом */
}

.quote p {
  margin: 0;
  line-height: 1.6;
  color: #00000091;

}

.quote .name {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
    color: #000000;
    padding-top: 15px;
}

.quote .position {
    font-size: 14px;
    color: #2f89fc;
}