/* html */
html{
    font-size: 62.5%;
}
/* body */
body{
    font-size: 14px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    color: #676767;
}
li{
    list-style-type: none;
}
a{
    text-decoration: none;
}
a{
    color: #000;
}
a:hover{
    color: #7ca124;
}
/*Загаловки*/
h1,h2,h3,h4,h5{
    color: #444;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    font-family: 'Mont';
    text-align: center;
}
h3{
    font-size: 22px;
    line-height: 34px;
    margin-bottom: .7rem;
}
h1{
    font-size: 54px;
    line-height: 62px;
    margin-bottom: 7px;
}
p{
    -webkit-font-smoothing: antialiased;
    font-size: 22px;
    line-height: 30px;
}
/* container */
.container{
    max-width: 1300px;
    margin: 0 auto;
}
/* gage */
.page{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.flex{
    display: flex;
}
.gird{
    display: grid;
}
.mobile__order{
    display: flex;
    flex-direction: column;
}
/* btn */
.btn {
    display:inline-block;
    vertical-align: top;

    border: 0;

    font-family: 'Roboto', sans-serif;

    line-height: 158.3%;
    font-size: 1.8rem;

    text-decoration: none;
    cursor: pointer;
    transition: background .2s linear;
    transition: color .2s linear;
}
.btn-1{
    background: #FFBD12;
    color: var(--black);
    padding: .6rem 3.6rem;
}
.btn-1:hover{
    background: #E7A705;
    text-decoration: none;
}
.btn-callback{
    border: 5px;
    color: #fff;
    font-size: 1.8rem;
    background-color: #7ca124;
}
.btn-callback:hover{
    color: #fff;
    background-color: #88b322;
}
/* header */
.header{
    position:fixed;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgb(255 255 255 / 72%);
    z-index: 9999;
    overflow: visible;
}
.header__inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header__icon ul{
    display: flex;
    align-items: center;
    gap: 10px;
}
.logo{
    width: 105px;
    transition: all .3s;
}
.logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.logo-b{
    width: 135px;
}
.header__phone{
    margin-bottom: 1.5rem;
}
.phone{
    color: #000;
    font-size: 2.7rem;
    font-weight: 600;
}
.header__icon ul li a img{
    width: 20px;
}
.border{
    border-radius: 5px;
}
.fixed{
    position:fixed;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999;
    overflow: visible;
    box-shadow: 0px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
}
/* nav */
.nav__list{
    display: flex;
    gap: 60px;
}
.nav__item{
    flex:auto;
}
.nav__link{
    color: #000;
    text-decoration: none;
    font-size: 2.2rem;
    line-height: 158.3%;
    transition: color .2s linear;

    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
}
.nav__link:hover{
    background-size: 100% 2px;

    color: #7ca124;
}
.nav__link-f{
    color: #000;
}

.nav-toggle {
    position: relative;
    background: transparent;
    border: 1px solid transparent;
    margin: 7px 0;
    display: none;
  }
.nav-toggle:focus {
    outline-width: 0;
  }

.nav-toggle [class*='bar-'] {
    background: #000;
    display: block;
    -webkit-transform: rotate(
0deg
);
    transform: rotate(
0deg
);
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    border-radius: 8px;
    height: 3px;
    width: 37px;
    margin-bottom: 6px;
  }

.nav-toggle .bar-bot {
    margin-bottom: 0;
  }

.opened .bar-top {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 15% 15%;
            transform-origin: 15% 15%;
  }
.opened .bar-mid {
    opacity: 0;
  }
.opened .bar-bot {
    -webkit-transform: rotate(45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 15% 95%;
            transform-origin: 15% 95%;
  }
/* intro */
.intro{
    background-image: url(/assets/img/3-1.jpg);
    /* background-position: center center; */
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100vh;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.intro__inner{
    pointer-events: none;
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%;
    top: 25%;
    left: 0;
    content: ' ';
    display: block;
}
.intro__inner h1{
    color: #fff;
    margin-bottom: 3rem;
}
.intro__inner h2{
    color: #fff;
    font-family: 'Mont';
    font-weight: normal;
    font-size: 26px;
}
.intro__title{
    font-weight: 700 !important;
    font-size: 150px !important;
}
/* forma */
.forma{
    position: absolute;
    top: 87%;
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
}
.forma__flex{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.forma__title{
    font-family: 'Mont';
    font-weight: bold;
    font-size: 33px;
    color: black;
    text-align: center;
    z-index: 9999;
    line-height: 1.1;

    margin-bottom: 3rem;
}
.forma__suptitle{
    font-family: 'Mont';
    font-weight: 600;
    font-size: 21px;
    color: black;
    text-align: center;
    margin-top: -5px;
    margin-bottom: 10px;

    margin-bottom: 3rem;
}
.forma__offer{
    font-size: 1.3rem;
    margin-top: 1rem;
}
.forma__inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    padding: 5rem 4rem;

    background: #fff;

    box-shadow: 0 10px 50px rgb(0 0 0 / 8%), 0 13px 45px rgb(0 0 0 / 8%);
    border-radius: 5px;
    overflow: hidden;
}
.form-control{
    font-size: 1.8rem;
    border:none;
    background-color: rgba(0,0,0,0.04);
    border-radius: 4px;
    border: 2px solid rgba(0,0,0,0);
    height: 45px;
    width: 100%;
}
/* about */
.about__inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.about__person{
    display: flex;
    align-items: center;
}
.about__person__img{
    width: 95px;
    height: 100px;
}
.about__person__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.about__person__content{
    margin-left: 3rem;
}
.about__person__content h3{
    font-size: 31px;
}

/* gallery */
.gallery{
    margin-top: 5rem;
    margin-bottom: 15rem;
}
.gallery__iner{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    grid-auto-rows: auto;
    grid-gap: 1.5rem;
}
.gallery__img{
    cursor: pointer;
    max-width: 400px;
    height: 300px;
    border-radius: 20px;
    overflow: hidden;
}
.gallery__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .65s !important;
}
.gallery__img img:hover{
    transform: scale(1.1);
}
/* conditions */
.conditions{
    background: #f1fdd8;
    padding-bottom: 10rem;
    padding-top: 5rem;
}
.conditions__inner{
    display: flex;
    gap: 20px;
}
.conditions__item{
    display: flex;
    flex-direction: column;
    align-items:center;
    text-align: center;
    background: #fff;
    border-radius: 11px;
    padding: 2.5rem;
    box-shadow: 0 7px 10px rgb(0 0 0 / 8%), 0 13px 3px rgb(0 0 0 / 8%);
}
.conditions__icon{
    margin-bottom: 2.5rem;
}
.conditions__text{
    margin-bottom: 3rem;
    max-width: 260px;
}
/* service */
.services{
    padding: 10rem 0;
}
.services__content h3{
    text-align: start;
}
.services__content-text:before{
    content: "\2713";
    font-family: FontAwesome;
    display: inline-block;
    color: #769d19;
    margin-left: -27px;
    width: 1.3em;
}
.services__inner{
    display: flex;
    gap: 55px;
}
.services__block{
    display: flex;
    padding: 6rem 0;
    gap: 10px;
}
.services__item{
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 18px;
    background: #94bf2d;

    padding: 1.5rem 2rem;
    

    box-shadow: 0 10px 50px rgb(0 0 0 / 8%), 0 13px 45px rgb(0 0 0 / 8%);
}
.services__item p {
    color: #000;
    width: 157px;
    color: #fff;
}
/* title */
.title{
    max-width: 1024px;
    margin: 0 auto;
    padding: 5rem 0;
}
.title h2{
    text-align: center;
    margin-bottom: 4rem;
    font-family: 'Mont';
    font-size: 34px;

    margin: 0 auto;
    max-width: 750px;

    margin-bottom: 3rem;
}
.title p{
    -webkit-font-smoothing: antialiased;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
}
.title p:nth-last-child(2){
    margin-top: 4rem;
}
.vawe{
    position: relative;
    z-index: 1;
}
/* banner */
.section__bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: -10;
}
.banner{
    min-height: 550px;
    position: relative;
}
.banner__img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;

    background-image: url(/assets/img/appointment-bg.jpg);
    background-position: right top;
    background-repeat: no-repeat;

}
.banner__img img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.banner__bg{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear-gradient(0deg, rgba(43, 42, 41, 0.6), rgba(43, 42, 41, 0.6)));
    background: linear-gradient(
0deg
, rgba(43, 42, 41, 0.6), rgba(43, 42, 41, 0.6));
    z-index: -1;
}
.banner__inner{
    padding: 15rem 0;
    z-index: 100;
}
.banner__inner h2{
    text-align: left;
    color: #fff;
    font-size: 54px;
    line-height: 62px;
    margin-bottom: 3rem;
    max-width: 870px;
}
.banner__inner h2 span{
    color: #e63d3d;
}
.banner__inner h3{
    text-align: left;
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 3rem;
    max-width: 870px;
}
.banner__inner ul li{
    list-style-type: disc;
    font-size: 25px;
    color: #fff;
}
/* order */
.order{
    padding-bottom: 5rem;
}
.order__inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
.order__item{
    display: flex;
    padding: 2.5rem;
    align-items:center;

    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 5px;
}
.order__item:hover{
    border: 1px solid #769d1b;
}
.order__time{
    white-space: nowrap;
    margin-right: 6rem;
    margin-left: 1.5rem;
}
.order__img img{
    width: 36px;
    height: 36px;
    object-fit: contain;
}
.order__time{
    font-size: 22px;
    line-height: 34px;
    font-weight: bold!important;
    color: #515151;

    display: inline-block;
    vertical-align: middle;
}
/* reviews */
.reviews__slider{
    position: relative;
}
.slider__img{
    max-width: 570px;
    height: 200px;
}
.slider__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.reviews__top{
    display: flex;
    flex-direction: column;
}
.swiper-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
/* faq */
.faq{
    padding: 5rem 0;
    background-color: #f9f9f9;
}
.faq__inner{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.faq__item{
    display: flex;
    flex-direction: column;
    align-items:center;
    padding: 6rem 3.5rem;
}
.faq__icon{
    margin: 5rem 0;
}
.faq__item:nth-of-type(1){
    background-image: url(/assets/img/1shi.png);
    background-repeat:no-repeat;
    background-position:center;
}
.faq__item:nth-of-type(2){
    background-image: url(/assets/img/2shi.png);
    background-repeat:no-repeat;
    background-position:center;
}
.faq__item:nth-of-type(3){
    background-image: url(/assets/img/3shi.png);
    background-repeat:no-repeat;
    background-position:center;
}
/* footer */
.bw__block {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bw__text p a{
    color: #fff;
    font-size: 1.5rem;
}
.bw__text p{
    margin: 0;
    padding: 0;
    line-height: 20px;
}
.footer__bottom{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    background: #779e14;
}
.footer__inner{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.footer__cop p{
    font-size: 15px;
    color: #fff;
    line-height: 22px;
}
.footer{
    margin-top: auto;
}
/* location */
.location{
    padding: 5rem 0;
}
.location__inner{
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr 1fr;
    gap:25px;
}
.location__item{
    display: flex;
    flex-direction: column;
    align-items:center;
}
.location__item img{
    margin-bottom: 3rem;
}
/* map */
.map{
    background: #779e14;
}
.map iframe{
    width: 100%;
}

/* file */
.files{
    padding: 5rem 0;
}
.files__list{
    grid-template-columns: 1fr 1fr;
    display: grid;
    gap: 10px;
}













/*Modal*/
body.myModal {
    height: 100vh;
    overflow-y: hidden;
  }
.modal_content{
    background-color: var(--yellow);
    margin: 12% auto;
    padding: 5rem 7rem;
    border: 1xp solid #888;
    width: 29%;

    position: relative;
  }
.modal_text{
    font-size: 20px;
    color: #333;
  }
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.8);
  }
.modalClose {
    color: var(--black);
    float: right;
    font-size: 30px;
    font-weight: bold;

    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    margin: 2rem;
  }
.modalClose:hover,.modalClose:focus {
    color: var(--white);
    text-decoration: none;
    cursor: pointer;
  }
  /* swiper */
/* .swiper-pagination-bullet-active{
    background: #FFBD12 !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet{
    width: 15px !important;
    height: 15px !important;
    background: #2F2E2E;
}
.swiper-button-prev{
    left: -65px !important;
}
.swiper-button-next{
    right: -50px !important;
} */
.btn-prev{
    background-image: url(/assets/img/web/btn-prev.png);
    background-size: cover;
    width: 12.35px;
    height: 20px;

    left: -4rem;
    right: auto;
    position: absolute;
    top: 35%;
    z-index: 10;
    cursor: pointer;
}
.btn-next{
    background-image: url(/assets/img/web/btn-next.png);
    background-size: cover;
    width: 12.35px;
    height: 20px;

    right: 4rem;
    left: auto;
    position: absolute;
    top: 35%;
    z-index: 10;
    cursor: pointer;
    border: 0;
}
.show-menu{
    display: block !important;
}
.nav-menu{
    display: none;
}
/* price */
.price{
    background-color: #f9f9f9;
    padding: 3rem 0;
}
.price__inner{
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}
.price__item{
    padding: 2.5rem;
    align-items: center;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 12px;
    background: #83a532;
    color: #fff;
}
.price__text{
    font-size: 1.9rem;
    text-align: center;
}
.price__inner2{
    display: flex;
    gap: 20px;
    text-align: center;
    flex-direction: column;
    margin-bottom: 5rem;
}
.price__item2{
    padding: 1.5rem;
    align-items: center;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 12px;
    background: #94bf2d;
    color: #fff;
}
@media (max-width: 1440px) {

}
@media (max-width: 1300px) {
    .container{
        max-width: 100%;
        padding: 0 2rem;
    }
    .gallery__img{
        max-width: 100%;
        height: 250px;
    }
    .gallery__iner{
        grid-template-columns: 1fr 1fr;
    }
    .nav{
        display: none;
    }
    .conditions__inner{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .services__block{
        flex-wrap: wrap;
        justify-content: center;
    }
    .services__inner{
        flex-direction: column;
        justify-content: center;
    }
    .services__content{
        margin-left: 4rem;
    }
    .order__inner{
        grid-template-columns: 1fr;
    }
    .nav-toggle{
        display: block;
    }
    .header__icon{
        display: none;
    }
    .header__logo{
        margin-left: 9rem;
    }
    .header__phone{
        display: none;
    }
    .nav__list{
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {
    .location__inner{
        display: grid;
        justify-content: space-between;
        grid-template-columns: 100%;
        gap:25px;
    }
    .gallery__img{
        height: 200px;
    }
    .conditions__inner{
        display: grid;
        grid-template-columns: 1fr;
    }
    .order__time{
        margin: 0;
    }
    .order__item{
        flex-direction: column;
        text-align: center;
    }
    .faq__inner{
        grid-template-columns: 1fr;
    }
    .location__inner{
        flex-direction: column;
    }
    .services__img{
        width: 100%;
        height: 100%;
    }
    .services__img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .forma__flex{
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .forma{
        width: 100%;
        top: 85%;
    }
    .forma__inner{
        padding: 2rem;
    }
    .forma__title{
        font-size: 26px;
    }
    .intro{
        background-position: center center;
    }
    .intro__title{
        font-size: 60px !important;
    }
    h1{
        font-size: 24px;
        line-height: 27px;
    }
    .banner__inner{
        padding: 5rem 0;
    }
    .banner__inner h2{
        font-size: 29px;
        line-height: 35px;
    }
    .files__list{
        grid-template-columns: 100%;
    }
}

@media (max-width: 425px) {
    .footer__bottom{
        justify-content: center;
    }
    .gallery__img{
        height: 145px;
    }
    .header__phone{
        display: none;
    }
    .intro__inner{
        top: 15%;
    }
    .services__item{
        width: 100%;
        justify-content: center;
    }
    .header{
        background-color: #fff;
    }
}

@media (max-width: 320px) {
    .gallery__img{
        height: 110px;
    }
}