body {

    font-family: "Arial";

    color: #000;

    line-height: 1;

    text-align: center;

}



.main{

    position: relative;

    overflow: hidden;

}



.container{

    width: 100%;

    max-width: 1210px;

    padding: 0 20px;

    margin: 0 auto;

}



.header__content{

    display: flex;

    align-items: center;

}



.header__logo{

    margin-left: 0;

    margin-right: auto;

}



.menu{

    font-size: 23px;

    margin: 0 -29px;

    display: flex;

}



.menu__link_active{

    background-color: #000;

    color: #fff;

}



.menu__item{

    padding: 0 29px;

    text-align: center;

    cursor: pointer;

    transition: all 0.3s ease

}



.header .menu__item:hover{

    background-color: rgba(220,220,220,0.5);

}



.menu__link{

    display: inline-block;

    padding: 34px 25px;

}



.header .menu{

    width: calc(100% - 210px);

    margin: 0;

}



.header .menu__item{

    width: 20%;

    padding: 0;

}



.menu__link{

    padding: 34px 0;

    width: 100%;

    text-align: center;

}



.intro{

    background: url("../img/intro_background.jpg") no-repeat center;

    background-size: cover;

    color: #fff;

    padding-bottom: 57px;

    padding-top: 145px;

}



.intro__title{

    font-size: 94px;

    font-family: "AristaProAlternate";

    text-transform: uppercase;

    line-height: 1;

    margin-bottom: 30px;

}



.intro__title_big{

    font-size: 119px;

}



.intro__text{

    font-size: 36px;

    display: flex;

    justify-content: center;

    align-items: center;

    white-space: nowrap;

}



.intro__text::before,

.intro__text::after{

    content: "";

    height: 1px;

    width: calc(100% - 40px);

    background-color: #fff;

}



.intro__text::before{

    margin-right: 18px;

}



.intro__text::after{

    margin-left: 18px;

}



.intro__list{

    font-size: 36px;

    line-height: 1.306;

    text-align: left;

    margin-top: 133px;

}



.list__item{

    display: flex;

    align-items: center;

    justify-content: flex-start;

}



.list__item::before{

    content: "";

    width: 11px;

    height: 6px;

    margin-right: 27px;

    transition: all 0.5s ease;

}



.list__item:hover::before{

    width: 30px;

}



.list__item_brown::before{

    background-color: #99620c;

}



.list__item_red::before{

    background-color: #970532;

}



.list__item_blue::before{

    background-color: #1a009e;

}



.activity{

    background-color: #dcdcdc;

    padding-top: 69px;

    padding-bottom: 62px;

    position: relative;

}



.activity__text{

    font-size: 20px;

    font-weight: 700;

    font-style: italic;

    line-height: 1.523;

    text-align: left;

    width: 50%;

    padding-left: 20px;

    border-left: 1px solid #000;

}



.activity__image{

    position: absolute;

    left: 50%;

    bottom: -105px;

    transform: translateX(71px);

}



.title{

    font-size: 44px;

    text-transform: uppercase;

    font-weight: 900;

    line-height: 1.114;

}



.title_black{

    color: #000;

}



.title_white{

    color: #fff;

}



.reasons{

    padding-top: 150px;

    padding-bottom: 165px;

}



.reasons__content{

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}



.reasons .title{

    margin-bottom: 55px;

}



.reasons__item{

    width: 16.666%;

    min-width: 195px;

    height: 195px;

    background-color: #000;

    padding: 40px 0 0 0;

}



.reasons__icon{

    width: 73px;

    height: 58px;

    text-align: center;

    margin: 0 auto;

    margin-bottom: 5px;

}



.reasons__text{

    font-size: 14px;

    color: #fff;

    font-weight: 700;

    font-style: italic;

    line-height: 1.608;

    text-align: center;

}



.reasons__item:nth-child(1) {

    background: rgba(2, 2, 2, 1);

    background: -moz-linear-gradient(left, rgba(2, 2, 2, 1) 0%, rgba(17, 17, 17, 1) 100%);

    background: -webkit-linear-gradient(left, rgba(2, 2, 2, 1) 0%, rgba(17, 17, 17, 1) 100%);

    background: -o-linear-gradient(left, rgba(2, 2, 2, 1) 0%, rgba(17, 17, 17, 1) 100%);

    background: -ms-linear-gradient(left, rgba(2, 2, 2, 1) 0%, rgba(17, 17, 17, 1) 100%);

    background: linear-gradient(to right, rgba(2, 2, 2, 1) 0%, rgba(17, 17, 17, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#020202', endColorstr='#111111', GradientType=1);

}



.reasons__item:nth-child(2){

    background: rgba(23,23,22,1);

    background: -moz-linear-gradient(left, rgba(23,23,22,1) 0%, rgba(53,52,52,1) 100%);

    background: -webkit-linear-gradient(left, rgba(23,23,22,1) 0%, rgba(53,52,52,1) 100%);

    background: -o-linear-gradient(left, rgba(23,23,22,1) 0%, rgba(53,52,52,1) 100%);

    background: -ms-linear-gradient(left, rgba(23,23,22,1) 0%, rgba(53,52,52,1) 100%);

    background: linear-gradient(to right, rgba(23,23,22,1) 0%, rgba(53,52,52,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171716', endColorstr='#353434', GradientType=1 );

}



.reasons__item:nth-child(3){

    background: rgba(68,68,68,1);

    background: -moz-linear-gradient(left, rgba(68,68,68,1) 0%, rgba(106,106,106,1) 100%);

    background: -webkit-linear-gradient(left, rgba(68,68,68,1) 0%, rgba(106,106,106,1) 100%);

    background: -o-linear-gradient(left, rgba(68,68,68,1) 0%, rgba(106,106,106,1) 100%);

    background: -ms-linear-gradient(left, rgba(68,68,68,1) 0%, rgba(106,106,106,1) 100%);

    background: linear-gradient(to right, rgba(68,68,68,1) 0%, rgba(106,106,106,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#6a6a6a', GradientType=1 );

}



.reasons__item:nth-child(4){

    background: rgba(125,125,125,1);

    background: -moz-linear-gradient(left, rgba(125,125,125,1) 0%, rgba(147,147,147,1) 100%);

    background: -webkit-linear-gradient(left, rgba(125,125,125,1) 0%, rgba(147,147,147,1) 100%);

    background: -o-linear-gradient(left, rgba(125,125,125,1) 0%, rgba(147,147,147,1) 100%);

    background: -ms-linear-gradient(left, rgba(125,125,125,1) 0%, rgba(147,147,147,1) 100%);

    background: linear-gradient(to right, rgba(125,125,125,1) 0%, rgba(147,147,147,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7d7d', endColorstr='#939393', GradientType=1 );

}



.reasons__item:nth-child(5){

    background: rgba(154,154,155,1);

    background: -moz-linear-gradient(left, rgba(154,154,155,1) 0%, rgba(170,170,170,1) 100%);

    background: -webkit-linear-gradient(left, rgba(154,154,155,1) 0%, rgba(170,170,170,1) 100%);

    background: -o-linear-gradient(left, rgba(154,154,155,1) 0%, rgba(170,170,170,1) 100%);

    background: -ms-linear-gradient(left, rgba(154,154,155,1) 0%, rgba(170,170,170,1) 100%);

    background: linear-gradient(to right, rgba(154,154,155,1) 0%, rgba(170,170,170,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a9b', endColorstr='#aaaaaa', GradientType=1 );

}



.reasons__item:nth-child(6){

    background: rgba(187,187,188,1);

    background: -moz-linear-gradient(left, rgba(187,187,188,1) 0%, rgba(214,214,214,1) 100%);

    background: -webkit-linear-gradient(left, rgba(187,187,188,1) 0%, rgba(214,214,214,1) 100%);

    background: -o-linear-gradient(left, rgba(187,187,188,1) 0%, rgba(214,214,214,1) 100%);

    background: -ms-linear-gradient(left, rgba(187,187,188,1) 0%, rgba(214,214,214,1) 100%);

    background: linear-gradient(to right, rgba(187,187,188,1) 0%, rgba(214,214,214,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbc', endColorstr='#d6d6d6', GradientType=1 );

}



.tabs{

    display: flex;

    width: 100%;

    max-width: 1170px;

    margin: 0 auto;

}



.tabs__item{

    width: 25%;

    display: block;

    background-color: #dcdcdc;

    font-size: 35px;

    font-weight: 700;

    font-style: italic;

    line-height: 1.829;

    padding: 40px 0;

}



.tabs__item_black{

    background-color: rgba(0,0,0,0.97);

    color: #fff;

}



.tabs__link{

    border-bottom: 1px solid #000;

    cursor: pointer;

    transition: all 0.3s ease;

}



.tabs__link_white{

    border-bottom: 1px solid #fff;

}



.tabs__link:hover{

    border-bottom: 1px solid rgba(0,0,0,0);

}



.questions{

    background: url("../img/questions_background.jpg") no-repeat center;

    background-size: cover;

    padding-top: 140px;

    padding-bottom: 110px;

    color: #fff;

}



.questions_white{

    background: url("../img/questions_background_white.jpg") no-repeat center;

    color: #000;

}



.questions_white .form__input,

.questions_white .form__input::-webkit-input-placeholder,

.questions_white .form__input::-moz-placeholder{

    color: #000000;

}



.questions_white .btn{

    border: 1px solid #000;

}



.questions_white .btn:hover{

    background-color: rgba(0,0,0,0.2);

}



.questions__text{

    font-size: 37px;

    font-weight: 700;

    font-style: italic;

    line-height: 1.649;

    margin-bottom: 135px;

}



.form{

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}



.form__input{

    border: none;

    border-bottom: 3px solid #909090;

    background-color: rgba(0,0,0,0);

    font-size: 28px;

    font-style: italic;

    line-height: 1;

    padding: 22px 30px;

    width: calc(50% - 58px);

    margin-bottom: 65px;

    transition: all 0.5s ease;

}



.form__input:focus{

    border-bottom: 3px solid #ffffff;

}



.questions_white .form__input:focus{

    border-bottom: 3px solid #000;

}



.form__input:-moz-placeholder{

    color: #fff;

}



.form__input::-webkit-input-placeholder{

    color: #fff;

}



.questions_white .form__input:-moz-placeholder{

    color: #000;

}



.questions_white .form__input::-webkit-input-placeholder{

    color: #000;

}



.form__input:nth-child(2n+1){

    margin-right: 58px;

}



.form__input:nth-child(2n){

    margin-left: 58px;

}



.questions .btn{

    margin-top: 35px;

}



.btn{

    font-size: 40px;

    font-weight: 900;

    background-color: rgba(0,0,0,0);

    border: 1px solid #dddddd;

    width: 530px;

    line-height: 1;

    padding: 27px 20px;

    transition: all 0.5s ease;

}



.btn:hover{

    background-color: rgba(220,220,220,0.2);

}



.footer{

    position: relative;

    background-color: #000;

    color: #fff;

}



.footer__logo{

    position: absolute;

    left: 50%;

    top: 0;

    transform: translate(-50%, -105px);

    height: 268px;

    width: 268px;

    border-radius: 50%;

    background-color: #000;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}



.logo__image{

    width: 197px;

    height: 91px;

}



.block{

    width: 268px;

}



.footer{

    padding-bottom: 140px;

}



.footer .container{

    overflow: hidden;

}



.footer__menu{

    justify-content: space-between;

    margin-bottom: 130px;

}



.footer__menu .menu__link{

    padding: 34px 0;

    text-decoration: underline;

    transition: all 0.3s ease;

}



.footer__menu .menu__link:hover{

    text-decoration-color: rgba(0,0,0,0);

}



.footer .contacts{

    font-size: 30px;

    font-style: italic;

    line-height: 1.2;

    text-align: center;

}



.address,

.phone,

.mail{

    display: flex;

    align-items: center;

    justify-content: center;

}



.address::before{

    content: url("../img/address_icon.png");

    margin-right: 25px;

}



.phone::before{

    content: url("../img/phone_icon.png");

    margin-right: 25px;

    transition: all 1s ease;

}



.mail::before{

    content: url("../img/mail.png");

    margin-right: 25px;

}



.phone:hover::before{

    transform: rotate(360deg);

}



.intro_small{

    padding-top: 60px;

    padding-bottom: 20px;

}



.link_address{

    font-size: 18px;

    font-style: italic;

    text-align: left;

    margin-top: 10px;

}



.content{

    padding-top: 90px;

    padding-bottom: 140px;

    border-bottom: 12px solid #000;

}



.about__name{

    font-size: 39px;

    font-weight: 900;

    margin-top: 30px;

    line-height: 1.2;

}



.about__position{

    font-size: 35px;

    color: rgb(89, 89, 89);

    font-weight: 700;

    line-height: 1.2;

    margin-bottom: 60px;

}



.about__description{

    font-size: 24px;

    color: rgb(90, 90, 90);

    font-style: italic;

    line-height: 1.417;

    text-align: center;

    border: 4px solid #000;

    padding: 40px 60px;

    position: relative;

}



.about__description::before{

    content: "";

    position: absolute;

    left: 50%;

    top: 0;

    transform: translate(-50%, -100%);

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 21px 25px 21px;

    border-color: transparent transparent #000000 transparent;

}



.about__description::after{

    content: "";

    position: absolute;

    left: 50%;

    top: 0;

    transform: translate(-50%, -85%);

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 19px 21px 19px;

    border-color: transparent transparent #ffffff transparent;

}



.services{

    padding-bottom: 85px;

    background: rgba(2,2,2,1);

    background: -moz-linear-gradient(left, rgba(2,2,2,1) 0%, rgba(214,214,214,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(2,2,2,1)), color-stop(100%, rgba(214,214,214,1)));

    background: -webkit-linear-gradient(left, rgba(2,2,2,1) 0%, rgba(214,214,214,1) 100%);

    background: -o-linear-gradient(left, rgba(2,2,2,1) 0%, rgba(214,214,214,1) 100%);

    background: -ms-linear-gradient(left, rgba(2,2,2,1) 0%, rgba(214,214,214,1) 100%);

    background: linear-gradient(to right, rgba(2,2,2,1) 0%, rgba(214,214,214,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#d6d6d6', GradientType=1 );

}



.services .title{

    margin-bottom: 85px;

}



.grid{

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    margin: -28px 0 -28px -15px;

    counter-reset: services__item 0;

}



.grid__item{

    padding: 28px 0 28px 75px;

    width: 33.333%;

}



.services__item{

    min-height: 140px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: left;

    font-size: 15px;

    line-height: 1.563;

    position: relative;

    height: 100%;

}



.services__item::before {

    counter-increment: services__item 1;

    content: "0" counter(services__item, decimal);

    display: block;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translate(-75%, -50%);

    width: 80px;

    border-radius: 18px;

    text-align: center;

    background-color: #000;

    color: #fff;

    font-size: 34px;

    padding: 23px 0;

    line-height: 1;

    font-weight: 700;

    transition: all 0.3s ease;

    z-index: 999;

}



.services__item:hover:before{

    transform: translate(-75%, -50%) scale(1.1);

}



.grid__item:last-child .services__item::before{

    content: counter(services__item, decimal);

}



.services__title{

    width: 100%;

    font-weight: 700;

}



.services__description{

    width: 100%;

    font-style: italic;

}



.card-container {

  -webkit-perspective: 400;

          perspective: 400;

  width: 100%;

  height: 100%;

}



.card-container .card {

  position: relative;

  -webkit-transition: transform 0.6s 0s ease;

  -webkit-transition: -webkit-transform 0.6s 0s ease;

  transition: -webkit-transform 0.6s 0s ease;

  transition: transform 0.6s 0s ease;

  transition: transform 0.6s 0s ease, -webkit-transform 0.6s 0s ease;

  -webkit-transform-style: preserve-3d;

          transform-style: preserve-3d;

    width: 100%;

  height: 100%;

}



.card-container .front, .card-container .back {

  position: absolute;

  top: 0;

  left: 0;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

    width: 100%;

  height: 100%;

  padding: 25px 10px 25px 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: #fff;

    border: 1px solid #000;

}



.card-container .back {

  -webkit-transform: rotateY(180deg);

          transform: rotateY(180deg);

    background-color: #eae8e8;

}

.card-container:hover .card {

  -webkit-transform: rotateY(180deg);

          transform: rotateY(180deg);

}





.gallery .title{

    margin-bottom: 90px;

}



.gallery__item{

    padding: 0 16px;

}



.gallery__content{

    background-color: #000000;

    color: #fff;

    padding: 25px;

}



.gallery__photo{

    width: 100%;

    padding-bottom: 65%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.gallery__title{

    font-size: 16px;

    text-transform: uppercase;

    line-height: 1.431;

    font-weight: 900;

}



.gallery__title::after{

    content: "";

    display: block;

    background-color: #999999;

    height: 1px;

    width: 100px;

    margin: 20px auto;

}



.gallery__list{

    font-size: 19px;

    line-height: 1.217;

    text-align: left;

    padding: 0 10px;

}



.gallery__text_thin{

    color: #999999;

    font-size: 20px;

}



.slider__arrow{

    width: 85px;

    height: 85px;

    border-radius: 50%;

    position: absolute;

    background-color: #000;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    transition: all 0.5s ease;

    cursor: pointer;

}



.slider__arrow:hover{

    -webkit-box-shadow: inset 0px 0px 90px 0px rgba(220,220,220,0.6);

    -moz-box-shadow: inset 0px 0px 90px 0px rgba(220,220,220,0.6);

    box-shadow: inset 0px 0px 90px 0px rgba(220,220,220,0.6);

}



.slider__arrow_prev{

    left: 10px;

}



.slider__arrow::before{

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    transition: all 0.3s ease;

}



.slider__arrow_prev::before{

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 14px 20px 14px 0;

    border-color: transparent #ffffff transparent transparent;

    transform: translate(-70%, -50%);

}



.slider__arrow_next::before{

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 14px 0 14px 20px;

    border-color: transparent transparent transparent #ffffff;

    transform: translate(-40%, -50%);

}



.slider__arrow_next{

    right: 10px;

}



.slider__container{

    width: 100%;

    max-width: 1550px;

    margin: 0 auto;

    padding: 0 165px;

    position: relative;

}



@media (max-width: 1209px) {

    .tabs__item{

        font-size: 28px;

    }



    .menu {

        font-size: 21px;

    }



    .menu__link {

        padding: 35px 0;

    }



    .intro__title {

        font-size: 79px;

    }



    .intro__title_big {

        font-size: 100px;

    }



    .reasons__content {

        margin: 0 auto;

    }

    

    .reasons__item{

        width: 33.333%;

    }



    .slider__container {

        padding: 0 100px;

    }



    .gallery__item {

        padding: 0 10px;

    }



    .gallery__list{

        padding: 0;

    }

}



@media (max-width: 1023px){

    .header .container{

        padding: 0;

    }



    .header .menu {

        width: calc(100% - 148px);

    }



    .menu {

        font-size: 16px;

    }



    .menu__link {

        padding: 26px 0;

    }



    .logo__image {

        width: 147px;

        height: 68px;

    }



    .intro__title {

        font-size: 58px;

    }



    .intro__title_big {

        font-size: 74px;

    }



    .intro__list {

        font-size: 30px;

    }



    .intro__text {

        font-size: 30px;

    }



    .activity {

        padding-top: 30px;

        padding-bottom: 30px;

    }



    .activity__text {

        font-size: 16px;

    }



    .activity__image {

        width: 463px;

        height: auto;

        transform: translateX(25px);

        bottom: -65px;

    }



    .tabs__item {

        font-size: 22px;

    }



    .title {

        font-size: 40px;

    }



    .questions__text {

        font-size: 30px;

        margin-bottom: 95px;

    }



    .form__input{

        width: calc(50% - 40px);

        font-size: 23px;

        padding: 22px 15px;



    }



    .form__input:nth-child(2n+1) {

        margin-right: 40px;

    }



    .form__input:nth-child(2n) {

        margin-left: 40px;

    }



    .btn{

        width: 366px;

    }



    .footer {

        padding-bottom: 95px;

    }



    .footer__menu {

        margin: 0 -10px 55px -10px;

    }



    .footer .menu__item {

        padding: 0 10px;

    }



    .footer__logo{

        transform: translate(-50%, -80px);

        height: 200px;

        width: 200px;

    }



    .block {

        width: 200px;

    }



    .grid__item{

        width: 50%;

    }

}



@media (max-width: 767px){

    .header{

        position: relative;

    }



    .header .container{

        position: relative;

        z-index: 10;

    }



    .header__content{

        z-index: 1;

        background-color: #fff;

    }



    .header .menu{

        flex-direction: column;

        position: absolute;

        top: 68px;

        left: 0;

        width: 100%;

        z-index: -1;

        transform: translateY(-100%);

        transition: all 0.5s ease;

    }



    .header .menu_active{

        transform: translateY(0);

    }



    .header .menu__item{

        background-color: #fff;

        width: 100%;

    }



    .menu__btn{

        display: block;

        width: 40px;

        height: 40px;

        padding: 10px 6px;

        border-radius: 5px;

        background-color: #000;

        z-index: 1000;

        order: 3;

        margin-left: auto;

        margin-right: 15px;

    }



    .menu__btn:before {

        margin-bottom: 10px;

    }



    .menu__btn:before, .menu__btn:after {

        content: "";

        display: block;

        width: 28px;

        height: 4px;

        border-radius: 2px;

        background: #fff;

        transform-origin: 50% 50%;

        transition: transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s;

    }



    .menu__btn_active::before {

        transform: translateY(7px) rotate(-225deg);

    }



    .menu__btn_active::after {

        transform: translateY(-7px) rotate(225deg);

    }



    .footer {

        padding-bottom: 75px;

    }



    .footer__menu {

        margin: 40px 0 30px 0;

    }



    .block{

        display: none;

    }



    .footer__logo{

        z-index: 1;

    }



    .footer .menu__item{

        background-color: #000000;

        z-index: 2;

        padding: 0;

        width: 20%;

    }



    .title {

        font-size: 30px;

    }



    .intro{

        padding-top: 100px;

    }



    .intro__title {

        font-size: 36px;

    }



    .intro__title_big {

        font-size: 63px;

    }



    .intro__text {

        font-size: 25px;

    }



    .intro__list {

        margin-top: 80px;

        font-size: 25px;

    }



    .activity__image {

        width: 428px;

        height: auto;

        transform: translateX(14px);

        bottom: -50px;

    }



    .activity__text {

        font-size: 14px;

    }



    .reasons {

        padding-top: 80px;

        padding-bottom: 130px;

    }

    

    .reasons__item{

        width: 50%;

    }



    .tabs__item {

        font-size: 14px;

        padding: 30px 0;

    }



    .questions {

        padding-top: 80px;

        padding-bottom: 90px;

    }



    .questions__text {

        font-size: 24px;

        margin-bottom: 55px;

    }



    .form__input {

        font-size: 22px;

        padding: 15px;

        margin-bottom: 55px;

    }



    .btn {

        font-size: 30px;

        width: 280px;

        padding: 20px;

    }



    .grid__item {

        width: 100%;

        max-width: 400px;

        padding: 20px 0 20px 60px;

    }



    .services .title {

        margin-bottom: 35px;

    }



    .content {

        padding-top: 60px;

    }



}



@media (max-width: 499px){

    .title {

        font-size: 25px;

    }



    .intro__title {

        font-size: 30px;

    }



    .intro__title_big {

        font-size: 53px;

    }



    .intro__text {

        font-size: 22px;

    }



    .intro__list {

        font-size: 22px;

        margin-top: 70px;

    }



    .activity__text {

        width: 100%;

    }



    .activity__image{

        bottom: auto;

        top: -255px;

    }



    .questions .title{

        margin-bottom: 10px;

    }



    .questions__text {

        font-size: 18px;

        line-height: 1.2;

    }



    .form__input {

        font-size: 19px;

        padding: 15px 0px;

        margin-bottom: 35px;

    }



    .footer .contacts {

        font-size: 20px;

    }



    .form__input:nth-child(2n) {

        margin-left: 20px;

    }



    .form__input:nth-child(2n+1) {

        margin-right: 20px;

    }



    .form__input {

        width: calc(50% - 20px);

    }



    .tabs__item{

        display: flex;

        align-items: center;

        justify-content: center;

        padding: 20px 0;

    }



    .tabs__link{

        border-bottom: none;

        text-decoration: underline;

    }



    .about__description{

        padding: 40px 20px;

        font-size: 19px;

    }



    .slider__arrow {

        width: 50px;

        height: 50px;

    }



    .slider__container {

        padding: 0 60px;

    }

}



@media (max-width: 424px){

    .intro {

        padding-top: 50px;

    }



    .intro__title {

        font-size: 22px;

    }



    .intro__title_big {

        font-size: 38px;

    }



    .intro__text {

        font-size: 16px;

    }



    .intro__list {

        font-size: 16px;

    }



    .list__item::before{

        margin-right: 15px;

    }



    .activity__image {

        bottom: 65px;

    }



    .activity {

        padding-top: 70px;

    }

    

    .reasons__item{

        width: 100%;

    }



    .reasons {

        padding-bottom: 80px;

    }



    .btn {

        font-size: 23px;

        width: 220px;

    }



    .footer__menu {

        flex-wrap: wrap;

        margin-left: -10px;

        margin-right: -10px;

        justify-content: center;

    }



    .footer .menu__item {

        padding: 0 10px;

        width: 33.333%;

    }



    .footer__menu .menu__link {

        padding: 15px 0;

    }



    .footer .contacts {

        font-size: 17px;

    }



    .gallery__item {

        padding: 5px;

    }



    .slider__container {

        padding: 0 55px;

    }



    .slider__arrow_prev {

        left: 5px;

    }



    .slider__arrow_next {

        right: 5px;

    }



    .link_address {

        font-size: 12px;

    }

}



@font-face {

    font-family: "AristaProAlternate";

    src: url('../fonts/AristaProAlternate-Hairline.woff2') format('woff2'),

    url('../fonts/AristaProAlternate-Hairline.woff') format('woff'),

    url('../fonts/AristaProAlternate-Hairline.ttf') format('truetype'),

    url('../fonts/AristaProAlternate-Hairline.eot?#iefix') format('embedded-opentype');

    font-style: normal;

    font-weight: normal;

}



@font-face {

    font-family: "Arial";

    src: url('../fonts/arial.ttf') format('truetype');

    font-style: normal;

    font-weight: normal;

}



@font-face {

    font-family: "Arial";

    src: url('../fonts/ariali.ttf') format('truetype');

    font-style: italic;

    font-weight: normal;

}



@font-face {

    font-family: "Arial";

    src: url('../fonts/ariblk.ttf') format('truetype');

    font-style: normal;

    font-weight: 900;

}



@font-face {

    font-family: "Arial";

    src: url('../fonts/arialbd.ttf') format('truetype');

    font-style: normal;

    font-weight: 700;

}



@font-face {

    font-family: "Arial";

    src: url('../fonts/arialbi.ttf') format('truetype');

    font-style: italic;

    font-weight: 700;

}