.headerStyle {
    height: 13vh;
    width: 100%;
    background-color: #000000;
    border-bottom: 4px solid #CDCBC7;
    padding: 0;
    position: fixed;
    top: 0;
    line-height: 0;
    display: grid;
    grid-template-columns: calc(10vh * 0.71 + 3vh) 1fr 6vh;
    z-index: 9999;
}
.logoFlex{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.logoImg{
    height: 10vh;
    width: calc(10vh * 0.71);
}
body{
    margin: 0;
}
.headerMainCenter{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.headerMaimMX{
    height: 10vh;
    width: 100%;
    max-width: 40.2vh;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-items: center;
}
.divForDownHeader{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
}
.buttonHeader{
    width: 47%;
    height: 100%;
    line-height: 0;
    padding-left: 4%;
    padding-right: 4%;
    background-color: #CDCBC7;
    border: none;
    border-radius: 10px;
}
.menuSharik{
    width: 2vh;
    height: 2vh;
    background-color: #CDCBC7;
    border-radius: 100%;
    transition: 800ms;
    transition-timing-function: linear;
}
.menuHeader{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.body-first{
    margin-top: min(7vw, 66px);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
}
.text-style-bodyfirst{
    font-family: Montserrat, serif;
    font-size: min(3.6vw, 34px);
    text-wrap: wrap;
    text-align: center;
    display: block;
    font-weight: 500;
    line-height: 1.2;
}
.title-style-one-bodyfirst{
    font-family: Montserrat, serif;
    font-weight: 700;
    color: #CDCBC7;
    font-size: min(13.4vw, 127px);
    line-height: 1;
    margin: min(3vw, 29px) 0 0 0;
    display: inline-block;
}
.title-style-two-bodyfirst{
    font-family: Montserrat, serif;
    font-weight: 700;
    color: #CDCBC7;
    font-size: min(11.9vw, 113px);
    line-height: 1;
    margin: 0;
    display: inline-block;
}
.bodyfirst-img{
    width: 75%;
    border-radius: 100%;
    border: 2px solid black;
}
.bodyfirst-div-to-img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.bodyfirst-main-img{
    width: 98%;
}
.div-to-main-div{
    margin-top: min(29px, 3vw);
    display: flex;
    justify-content: center;
    align-items: center;
}
.body-first-span{
    position: absolute;
    font-family: Montserrat, serif;
    font-size: min(76px, 8vw);
    color: #CDCBC7;
    font-weight: 500;
    opacity: 0.7;
    top: min(calc(13vh + 96vw), calc(13vh + 912px));
    left: 50%;
}
.body-first-main{
    max-width: 950px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
main{
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 13vh;
}
.body-first-gradient{
    display: flex;
    justify-content: center;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 26%, rgb(205, 203, 199) 30%);
}
.form-background{
    width: 100%;
    display: flex;
    justify-content: center;
    background: black;
}
.form-width{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 950px;
}
.form-width-spans{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 950px;
    padding: 20px;
}
.form-width-spans p{
    font-family: Montserrat, serif;
    color: #CDCBC7;
    font-size: min(5.5vw, 52px);
}
.form-width-spans h1{
    font-family: Montserrat, serif;
    color: white;
    font-size: min(6.3vw, 60px);
    font-weight: 600;
}
.form-width-spans h2{
    font-family: Montserrat, serif;
    color: white;
    font-size: min(6vw, 57px);
    font-weight: 500;
}
.form-div-buttons{
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    margin-top: min(4vw, 38px);
    margin-bottom: min(4vw, 38px);
}
.form-span{
    font-family: Montserrat, serif;
    font-size: min(5.5vw, 52px);
    color: #CDCBC7;
    margin-left: min(3vw, 29px);
    margin-right: min(3vw, 29px);
    margin-top: min(3vw, 29px);
}
.form-button{
    width: 88%;
    height: min(11vw, 103px);
    font-family: Montserrat, serif;
    font-weight: 500;
    background-color: #CDCBC7;
    color: black;
    font-size: min(7vw, 67px);
    border: none;
    border-radius: 25px;
}
.fixed-form-back-main-menu{
    height: min(76px, 8vw);
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.fixed-form-back-main-span{
    height: min(76px, 8vw);
    font-family: Montserrat, serif;
    font-weight: 500;
    color: #CDCBC7;
    font-size: min(76px, 8vw);
    line-height: 1;
    margin-left: calc((min(76px, 8vw) * 0.25) / 2);
}
.fixed-form-back-main-img{
    height: 75%;
    margin-right: calc((min(76px, 8vw) * 0.25) / 2);
}
.fixed-form-back{
    left: 100vw;
    position: fixed;
    width: 80vw;
    max-width: 760px;
    height: calc(100vh - 13vh - 20vw - 5vh);
    top: calc(13vh + 10vw);
    background-color: black;
    border-radius: 15px;
    border: #CDCBC7 2px solid;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: 2s;
    overflow-y: scroll;
}
.form-move-show{
    transform: translateX(calc(-50vw - min(80vw, 760px) / 2));
}
@media (min-width: 951px){
    .fixed-form-back{
        top: calc(13vh + (87vh - 66.7vh) / 2);
        height: 66.7vh;
    }
}
.fixed-form-back-post{
    width: calc(100% - (min(76px, 8vw)* 0.25));
    display: grid;
    grid-template-rows: repeat(4, auto);
}
.fixed-form-back-post-div{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.fixed-form-back-label{
    color: #CDCBC7;
    font-family: Montserrat, serif;
    font-weight: 400;
    font-size: min(5vw, 48px);
    line-height: 1;
    margin-top: min(2vw, 19px);
}
.fixed-form-back-input{
    height: min(4.5vw, 49px);
    margin-top: min(1vw, 10px);
    border-radius: min(10px, 1vw);
    font-size: min(4vw, 38px);
    font-family: Montserrat, serif;
    font-weight: 400;
    background: #CDCBC7;
}
.fixed-form-back-submit{
    width: 100%;
    height: min(7vw, 67px);
    font-family: Montserrat, serif;
    font-weight: 500;
    background-color: #CDCBC7;
    color: black;
    font-size: min(5vw, 48px);
    border: none;
    border-radius: min(10px, 1vw);
    margin-top: min(3vw, 29px);
    margin-bottom: calc((min(76px, 8vw) * 0.25) / 2);
}
.images-on-main{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.images-on-main__images{
    width: 100%;
    max-width: 950px;
}
.images-on-main__div{
    width: 100%;
    max-width: 950px;
    display: flex;
    justify-content: flex-end;
}
footer{
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: black;
}
.footer-main{
    width: 100%;
    max-width: 950px;
}
.footer-main__grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.footer-main__grid-h3{
    font-family: Montserrat, serif;
    color: #CDCBC7;
    font-size: min(36px, 3.8vw);
}
.footer-main__grid-h4{
    font-family: Montserrat, serif;
    color: white;
    font-size: min(28px, 2.9vw);
}
.footer-main__grid-first{
    padding-left: 20px;
}
.footer-main__grid-two{
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.footer-main__grid-logotypes{
    height: 4.7vw;
    max-height: 45px;
    margin-bottom: 15px;
}

.carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner {
    display: flex;
    align-items: center;
    width: 2000%;
    transition: transform 0.5s;
    height: auto;
}

.carousel-inner-gal {
    display: flex;
    align-items: center;
    width: 800%;
    transition: transform 0.5s;
    height: auto;
}

.carousel-item {
    width: 5%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.carousel-item-gal {
    width: 12.5%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.carousel-item img {
    width: 100%;
    object-fit: cover;
}

.carousel-item-gal img {
    width: 100%;
    object-fit: cover;
}

.otzov-main{
    width: 100%;
    display: flex;
    align-items: center;
    height: auto;
    flex-direction: column;
    margin-bottom: min(5vw, 48px);
}

.otzov-main-under{
    max-width: 950px;
    display: flex;
    width: 100%;
}

.otzov-main-up{
    max-width: 950px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: min(3vw, 29px);
}

.otzov-main-span{
    font-family: Montserrat, serif;
    font-size: min(13vw, 123px);
    font-weight: 500;
}
.otzov-main-2gis{
    font-family: Montserrat, serif;
    font-size: min(9vw, 85px);
    font-weight: 400;
    color: #CDCBC7;
}
.otzov-main-galery{
    font-family: Montserrat, serif;
    font-size: min(6vw, 57px);
    font-weight: 400;
    color: #CDCBC7;
}
.forwardMenu{
    top: 13.8vh;
    left: 100vw;
    height: calc(100vh - 13.8vh);
    position: fixed;
    background-color: black;
    width: 70vw;
    max-width: 665px;
    transition: 800ms;
    border-left: 4px solid #CDCBC7;
    display: flex;
    flex-direction: column;
    padding:  15px;
    overflow: scroll;
}
.forwardMenu span{
    color: #CDCBC7;
    font-family: Montserrat, serif;
    font-weight: 400;
    font-size: min(6vw, 57px);
    margin-top: 10px;
    margin-bottom: 10px;
}
.yakorya{
    position: relative;
    top: -14vh;
}