@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');


body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
}

.container {
    max-width: 1130px;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
    box-sizing: border-box;
}


.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(238, 236, 236);
    z-index: 4;
}

.loader {
    width: 60px;
    height: 60px;
    border: 10px solid rgba(255, 255, 255);
    border-radius: 50%;
    border-top-color: #32bf5d;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50.2%, -50.2%);
    animation: 1.2s spin infinite linear;
}

.displayNone {
    display: none;
}

@keyframes spin {
    from { 
        transform: translate(-50%, -50%) rotate(0deg);
    }
    
    to { 
        transform: translate(-50%, -50%) rotate(360deg);
    }
}


a {
    text-decoration: none;
    cursor: pointer;
    outline: none;
}


.callModal, .callModalThx {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.5);
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}


.callContent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50.2%, -50.2%);
    background-color: #fff;
    width: 360px;
    border-radius: 12px;
    padding: 32px 46px;
}

.callTitle {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 24px;
}

.callModalThx .callContent .callTitle {
    margin-bottom: 12px;
}

.callCloseThx, .closeModal {
    position: fixed;
    cursor: pointer;
    width: 38px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #E2E2E2;
    font-size: 36px;
    right: 42px;
    top: 32px;
    transition: all .2s linear;
    -webkit-transitions: all .2s linear;
}

.callCloseThx:hover, .closeModal:hover{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.callDescription {
    font-size: 18px;
    line-height: 1.1;
}

.show-modal, .show-modalThx {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.submitCall {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    cursor: pointer;
    width: 100%;
    height: 50px;
    padding: 0 36px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 12px;
    border: 0;
    position: relative;
    border: 1px solid #000de5;
    left: 1px;
    margin-top: 10px;
}

/* .nameInput, .phoneInput {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    height: 56px;
    margin-bottom: 10px;
    border: 1px solid #F8F8F8;
    box-sizing: border-box;
    border-radius: 8px;
    display: block;
    float: left;
    width: 100%;
    padding: 0 25px;
    font-size: 20px;
    background: #F8F8F8;
    outline: none;
}

.nameInput:focus, .phoneInput:focus {
    border: 1px solid #a5a5a5;
} */


.mainSection {
    padding-top: 100px;
}

.mainCenter {
    margin-bottom: -230px;
    position: relative;
    text-align: left;
    
    /* margin: 0 auto; */
}


.mainText {
    margin-left: 22px;
    bottom: 355px;
    position: relative;
}

.mainTitle {
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 12px;
    margin-left: 50px;
    line-height: 1.0;
}

.mainSubTitle {
    color: #32bf5d;
    font-size: 24px;
    margin-bottom: 36px;
    margin-left: 50px;
    line-height: 1.0;
}


.features {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
        
    margin-top: 90px;
    padding-bottom: 80px;
}

.featuresItems {
    width: 20%;
    /* display: inline-block; */

    /* flex-basis: 100%; */
    flex-direction: column;
    display: flex;
    align-items: center;
    text-align: center;
    vertical-align: middle;
}

.circleItem {
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid;
    align-items: center;
    vertical-align: middle;
    flex-direction: column;
    text-align: center;
}

.itemText {
    white-space: pre;
    margin-top: 15px;
    font-size: 16px;
}

.item2 img, .item5 img {
    margin-top: 15px;
}

.item2 .itemText, .item5 .itemText {
    margin-top: 28px;
}


.steps {
    /* display: flex;
    align-items: center;
    justify-content: space-between; */
    
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

    margin-bottom: 150px;
    margin-top: 120px;
}

.stepsItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stepsItemText {
    margin-left: 20px;
}


.first:after {
    top: 3.7rem;
    left: 4rem;
}

.first:after {
    position: absolute;
    content: '';
    /* background-image: url(/img/lineDown1.svg); */
    background-repeat: no-repeat;
    background-size: 100%;
    width: 18rem;
    height: 3.5rem;
}

.second:after {
    bottom: 3.7rem;
    left: 27rem;
}

.second:after {
    position: absolute;
    content: '';
    /* background-image: url(/img/lienUp1.svg); */
    background-repeat: no-repeat;
    background-size: 100%;
    width: 21rem;
    height: 4rem;
}


.banner {
    background-color: #FBFBFD;
    height: 452px;
    margin-bottom: 16px;
    margin-bottom: 50px;
    margin-left: -2%;
    border-radius: 20px;
    position: relative;
}

.banner {
    width: 100%;
    max-width: 100vw;
    box-sizing: border-box;
}

.bannerContainer {
    padding-top: 56px;
    padding-left: 56px;
    position: relative;
}

.bannerTitle {
    font-size: 40px;
    line-height: 1.0;
    font-weight: 500;
    color: #2a2a2a;
    margin-bottom: 24px;
}

.bannerList {
    margin-bottom: 40px;
}

.bannerListLine {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.bannerListLineText {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 20px;
}

.bannerImg img {
    float: right;
    height: 452px;
    position: absolute;
    right: 0;
    top: 1px;
    border-radius: 20px;
}

.cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.ctaTitle {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
    color: #2a2a2a;
    margin-bottom: 54px;
}

.ctaTitle span {
    color: #00A835;
}

.ctaTrial {
    /* position: relative; */
    /* width: 100%; */

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.instagramPost {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.instagramPost img {
    float: right;
    height: 205px;
    margin-left: 10px;
    margin-bottom: 10px;
    flex: 1 0 33.3%;
}

.instagramHover1:hover::before, .instagramHover2:hover::before, .instagramHover3:hover::before, .instagramHover4:hover::before, .instagramHover5:hover::before, .instagramHover6:hover::before {
    opacity: 1;
}
    
.instagramHover1::before, .instagramHover2::before, .instagramHover3::before, .instagramHover4::before, .instagramHover5::before, .instagramHover6::before {
    content: '';
    width: 205px;
    margin-left: 12.5px;
    height: 205px;
    background: rgba(0, 0, 0, .5);
}
    
.instagramHover1::before, .instagramHover2::before, .instagramHover3::before, .instagramHover4::before, .instagramHover5::before, .instagramHover6::before {
    position: absolute;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
}


.instagramHover1:hover:after, .instagramHover2:hover:after, .instagramHover3:hover:after, .instagramHover4:hover:after, .instagramHover5:hover:after, .instagramHover6:hover:after {
    opacity: 1;
}

.instagramHover1:after, .instagramHover2:after, .instagramHover3:after, .instagramHover4:after, .instagramHover5:after, .instagramHover6:after {
    background: url(/img/instagramHover.svg) center center no-repeat;
    width: 205px;
    height: 3.5rem;
    margin-top: 75px;
    margin-left: 10px;
}

.instagramHover1:after, .instagramHover2:after, .instagramHover3:after, .instagramHover4:after, .instagramHover5:after, .instagramHover6:after {
    content: '';
    display: block;
    position: absolute;
    transition: opacity .3s ease;
    opacity: 0;
}


.slider .slick-track {
    display: flex;
}

.slider .slick-list {
    overflow: hidden;
}

.slider {
  width: 1220px;
  margin-left: -2.8%;
}

.slider img, .sliderImg {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}

.slick-slide:focus {
    outline: none;
}

.mainText span {
    color: #32bf5d;
}


.dayMenu {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 80px;
    flex-wrap: wrap;
}

.sectionTitle {
    font-weight: 600;
    text-align: center;
    font-size: 46px;
    margin-bottom: 6px;
}

.menuItem {
    width: 33%;
    margin-bottom: 40px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.menuName {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 4px;
    text-align: left;
    margin-left: 54px;
}

.menuDesc {
    color: rgb(22, 22, 22);
    font-size: 18px;
    line-height: 1.0;
    text-align: left;
    margin-left: 54px;
}

.menuItem img {
    height: 160px;
    margin-bottom: 12px;
    justify-content: center;
    filter: drop-shadow(6px 6px 18px rgba(0,0,0,.3));
    box-shadow: 100px #fff;
}

#menu {
    padding-top: 120px;
    margin-top: -120px;
}

.menuContainer {
    width: 1020px;
}

.breakfast {
    margin-top: -17px;
}

.dinner1 {
    margin-top: -19px;
}

.snack2 {
    margin-top: -20px;
}

.dinner3 {
    margin-top: -20px;
}


.sectionLine {
    width: 140px;
    height: 2px;
    background-color: #00A835;
    margin: 0 auto;
    margin-bottom: 32px;
}






footer {
    margin-top: 60px;
}

.fContainer {
    width: 1100px;
    margin: 0 auto;
    border-top: 1px solid #E2E2E2;
}

.contacts {
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15px;
    margin-bottom: 15px;
}

.contactsL {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fLogo img {
    height: 90px;
    max-width: 100%;
}

.callNumber {
    margin-left: 24px;
}

.fTitle {
    font-size: 18px;
}

.fNumber {
    font-size: 24px;
    font-weight: 500;
}

.fTitle .fas {
    font-size: 18px;
    margin-top: 4px;
    margin-left: 6px;
}

.callNumber a {
    color: #000;
    transition: .5s;
}

.callNumber a:hover {
    color: #00a835;
    text-decoration: underline;
}

.fSocial {
    display: flex;
    align-items: center;
    transition: all .2s linear;
}

.fSocial2 {
    display: flex;
    align-items: center;
    transition: all .2s linear;
}

.link {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #F9F9F9;
    margin-left: 10px;

    transition: all .2s linear;
    color: #000;

    display: flex;
    align-items: center; 
    justify-content: center;
    vertical-align: middle;
}

.fa-whatsapp, .fa-instagram {
    font-size: 24px;
}

.fInstagram:hover {
    background: linear-gradient(135deg, #4c5ad1 1%, #ff3756 45%, #ff3e37 57%, #ffd42b 100%);
    color: #fff;
}

.fWhatsApp:hover {
    background: #15B613;
    color: #fff;
}

.fPaymentIMG {
    display: flex;
    align-items: center;
}

.iconGooglePlay svg, .iconApplePay svg, .iconMC svg, .iconVisa svg {
    height: 30px;
    margin-right: 6px;
    margin-top: 8px;
}

.fPaymentText {
    color: #696969;
}

.burgerMenu, .imgSlide2, .fPayment2, .fSocial2 {
    display: none;
}







.sliderFeedback .slick-track {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    padding: 0 22px 0 22px;
    min-width: 0;
}

.sliderFeedback .slick-list {
    overflow: hidden;
}

#feedback {
    margin-top: 50px;
    margin-bottom: 100px;
    padding-top: 120px;
    margin-top: -120px;
}

.sliderFeedback {
    margin: 0 auto;

    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;

    /* padding: 0 90px; */
    /* position: relative; */
}

.sliderFeedback .slick-arrow {
    cursor: pointer;
    position: absolute;
    bottom: 100%;
    right: 11%;
    font-size: 0;
    width: 30px;
    height: 50px;
    outline: none;
    border: none;
    background-color: transparent;
}

.sliderFeedback .slick-arrow.slick-prev {
    margin-right: 80px;
    background: url(/img/chevronLeft.svg) 0 0 no-repeat;
}

.sliderFeedback .slick-arrow.slick-next {
    background: url(/img/chevronRight.svg) 0 0 no-repeat;
}

.feedbackTitle {
    font-size: 50px;
    font-weight: 500;
}

.sliderDesign {
    height: 566px;
    width: 350px;
    background-color: #161718;
    border-radius: 30px;
    transition: .5s;
}

.sliderFeedback a .sliderDesign:hover {
    background-color: #0a0a0a;
}

.sliderFeedback .sliderItem .sliderDesign img {
    height: 310px;
    border-radius: 15px;
    margin-left: 48px;
    margin-top: 40px;
}

.sliderFeedback .sliderItem a {
    color: #000 !important;
    text-decoration: none
}

.feedbackTitle {
    display: flex;
}

.imgCircle {
    margin-left: 18px;
    margin-top: 5px;
    height: 54px;
    width: 54px;
    border: 1px solid #000;
    text-align: center;
    line-height: 54px;
    border-radius: 50%;
}

.sliderText {
    margin-top: 14px;
    font-size: 18px;
    margin-left: 53px;
    margin-right: 53px;
    color: #fff;
}

.sliderPhoto img {
    height: 50px;
    position: absolute;
    top: 86%;
    border-radius: 150px;
    margin-left: 48px;
}

.sliderPhoto {
    display: flex;
}

.sliderAuthor {
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 88.5%;
    margin-left: 112px;
}


.trigger {
    margin-bottom: 60px;
}

.hasNoTime {
    font-size: 42px;
    font-weight: 500;
}

.timerElements {
    display: flex;
    align-items: center;
    margin-top: 30px;
    justify-content: space-between;
}

.timeRow {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.timeElement {
    width: 130px;
    height: 110px;
    background-color: #fafafa;
    margin-right: 20px;
    border-radius: 15px;
    text-align: center;
}

.timerText span {
    text-align: center;
    font-size: 50px;
}

.timerText {
    margin-top: 10px;
}

.textButton {
    font-size: 20px;
}

.timeImg img {
    margin-top: -110px;
    margin-right: 130px;
}


.contactForm {
  position: fixed;
  right: 45px;
}

.contactWidget, .contactWidgetCertificate {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    background-color: #fff;
    position: relative;
    height: 74px;
    width: 74px;
    border-radius: 37px;
    box-shadow: 0px 5px 25px rgba(0,0,0,0.15);
    transition: all 0.1s linear;
}

.contactWidget:hover, .contactWidgetCertificate:hover {
    height: 80px;
    width: 80px;
}

.controlsBtn {
    color: rgb(72, 176, 58);
}

.controlsModule, .controlsModuleCertificate {
    width: 80px;
    border-radius: 14px;
    box-shadow: 0px 5px 25px rgba(0,0,0,0.15);
    padding: 10px 0;
    background-color: #fff;
    display: none;
}
.controlsModule.active, .controlsModuleCertificate.active {
    max-height: 999px;
}

#svgCall a img {
    width: 34px;
    height: 34px;
}

.controlMessenger {
    cursor: pointer;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    width: 54px;
    height: 54px;
    transition: .3s;
}

.controlMessenger:hover {
    background-color: rgba(72, 176, 58, 0.05);
    border-radius: 12px;
}

.controlMessenger img, .controlMessenger svg {
    margin-top: 10px;
}

.controlClose {
    cursor: pointer;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    width: 54px;
    height: 54px;
    transition: .3s;
}

.controlClose:hover {
    background-color: rgba(72, 176, 58, 0.05);
    border-radius: 12px;
}

.controlClose svg {
    margin-top: 16px;
}


#programms {
    padding-top: 120px;
    margin-top: -120px;
    margin-bottom: 150px;
}

.containerPrograms {
    max-width: 100%;
    width: 1250px;
    margin: 0 auto;
}

.orderContent {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.orderParametrs {
    width: 63%;
    border-radius: 12px;
    margin-left: 8px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.15);
    display: inline-block;
}

.orderTotal {
    width: 33%;
    border-radius: 12px;
    margin: 0 auto;
    margin-right: 8px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.15);
    display: inline-block;
}

.infoContent, .parametrsContent {
    margin: 36px 28px;
}

.infoTitle {
    font-size: 20px;
    font-weight: 500;
    color: #696969;
    margin-bottom: 8px;
}

.infoValue {
    font-size: 20px;
    line-height: 1.0;
    font-weight: 500;
}

.gifts {
    margin-top: 24px;
    margin-bottom: 24px;
    position: relative;
}

.giftDet {
    display: none;
    border-radius: 10px;
    padding: 14px 24px;
    background-color: #FFD9CF;
}

.giftDet:before {
    background: url(/img/giftDet.png) center center no-repeat;
    background-size: contain;
    width: 168px;
    height: 105px;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
}

.giftClass {
    max-width: 132px;
    line-height: 18px;
    display: block;
}

.giftDiscount {
    margin-top: 24px;
    border-radius: 10px;
    padding: 14px 24px;
    background-color: #e2f4ff;
}

#infoDisc:before {
    height: 22px;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    background: #fff;
    position: absolute;
}

#infoDisc {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    display: block;
    position: absolute;
    background: #265f95;
    color: #fff;
    text-align: center;
    line-height: 86px;
    font-size: 30px;
    right: 35px;
    bottom: -22px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}

#infoSum {
    color: #ff643c;
    font-weight: 500;
}

.deliveryInfo {
    display: flex;
    align-items: center;
}

.deliveryText {
    margin-left: 18px;
    font-size: 16px;
}

.totalSum {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.sumTitle {
    font-size: 20px;
}

#infoSum1 {
    font-size: 22px;
    font-weight: 500;
}

#sumUp {
    text-align: right;
    font-size: 18px;
    color: #FD643C;
    text-decoration: line-through;
}

.manOrWoman {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 36px;
    font-size: 20px;
}

.womanChoise {
    margin-right: 20px;
    padding: 10px 20px;
    border: 1px solid #00c03d;
    border-radius: 12px;
    cursor: pointer; 
}

.manChoise {
    margin-left: 20px;
    padding: 10px 20px;
    border: 1px solid #00c03d;
    border-radius: 12px;
    cursor: pointer;
}

.activeChoise {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
    background-color: #00c03d;
    color: #fff;
    transition: .2s;
}

.activeChoise:hover {
    background-color: #00a835;
    border: 1px solid #00a835;
}

.unActiveChoise {
    transition: .2s;
}

.programsFLine, .programs2FLine {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.programs2FLine, .programsF2LineMan {
    margin-top: 30px;
}

.programsFLineMan, .programsF2LineMan {
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: none;
}

.programsForW {
    display: inline-block;
    margin-right: 12px;
    margin-left: 12px;
    cursor: pointer;
    background-color: #ecf2f4;
    border-radius: 20px;
    padding: 20px 24px;
    width: 100%;
    transition: 0.3s;
}

.programsForM {
    margin-right: 12px;
    margin-left: 12px;
    cursor: pointer;
    background-color: #ecf2f4;
    border-radius: 20px;
    padding: 20px 24px;
    width: 100%;
    transition: 0.3s;
}

.programsForW:hover, .programsForM:hover {
    box-shadow: 0 8px 12px -2px rgba(0,0,0,.1),0 4px 2px -2px rgba(0,0,0,.05);
}

.wMinimum {
    background-image: url(/img/wMinimum.png);
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position-x: 100%;
}

.wLight {
    background-image: url(/img/wLight.png);
    background-repeat: no-repeat;
    position: relative;
    background-size: 50% 100%;
    background-position-x: 100%;
}

.activeProgram {
    background-color: #edf4ec;
    box-shadow: 0 8px 12px -2px rgba(0,0,0,.1),0 4px 2px -2px rgba(0,0,0,.05);
    transition: 0.5s;
}

.activeProgram:hover {
    box-shadow: none;
}

.wSlenderness {
    background-image: url(/img/wSlenderness.png);
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position-x: 110%;
}

.wTonus {
    background-image: url(/img/wTonus.png);
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position-x: 105%;
}


.mSlenderness {
    background-image: url(/img/mSlenderness.png);
    background-repeat: no-repeat;
    background-size: 60% 120%;
    background-position-x: 125%;
}

.mTonus {
    background-image: url(/img/mTonus.png);
    background-repeat: no-repeat;
    position: relative;
    background-size: 65% 125%;
    background-position-x: 145%;
}

.mTonus2 {
    background-image: url(/img/mTonus2.png);
    background-repeat: no-repeat;
    position: relative;
    background-size: 60% 120%;
    background-position-x: 130%;
}

.mSport {
    background-image: url(/img/mSport.png);
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position-x: 100%;
}


.programsName {
    color: #2d3748;
    font-size: 28px;
    font-weight: 600;
}

.programsKcal {
    font-size: 18px;
    color: #718096;
}

.programsInfo {
    font-size: 18px;
    line-height: 1.0;
    color: #4a5568;
    font-weight: 500;
    margin-top: 12px;
}

.programsCost {
    margin-top: 12px;
}

.programsCost span {
    color: #4a5568;
    font-weight: 500;
}

.bestSeller {
    font-size: 16px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #fbe1cf;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #000;
    padding-top: .3rem;
    padding-bottom: .3rem;
    padding-left: .6rem;
    padding-right: .6rem;
}

/* .scheduleContent {
    margin-top: 24px;
} */

.costDay1 {
    margin-top: 28px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
}

.priceOutline {
    z-index: -1;
    position: absolute;
    width: 95px;
    height: 40px;
    left: -12px;
    top: 26px;
}



.header {
    background: #fff;
    height: 95px;
    position: fixed;
    z-index: 2;
    width: 102%;
    left: -2%;
    top: 0;
}

.fixed {
    background: #fff;
    height: 95px;
    position: fixed;
    z-index: 2;
    width: 102%;
    left: -2%;
    top: 0;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.08);
    transition: box-shadow 1s;
}

.headerContent {
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    font-size: 28px;
    line-height: 1.0;
    text-align: center;
    color: #00A835;
    font-weight: 600;
}

.navMenu ul li a, .navMenuM ul li a {
    font-family: 'Comfortaa';
    color: black;
    font-size: 18px;
    margin-right: 15px;
    margin-left: 15px;
    font-weight: 300;
    transition: all .4s ease-in-out;    
}

.navMenu ul, .navMenuM ul {
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
}


.textDecoration {
    text-decoration: none;
    background-image: linear-gradient(#001ba6, #001ba6);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
}

.textDecoration:hover {
    background-size: 100% 1px;
    color: #001ba6;
}

.selectedLang {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
}

.selectedLangM {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
}

.selectedLang img, .selectedLangM img {
    height: 14px;
    margin-left: 10px;
}


.langPage, .langPageM {
    display: flex;
    align-items: center;
    float: right;
    /* position: absolute; */
    /* right: 1px; */
    margin-top: -15px;
    display: none;
}

.otherLang {
    position: relative;
}

.langPage ul, .langPageM .otherLang ul {
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: 1px solid #fafafafa;
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 9px 0px;
}

.langPage ul li, .langPageM .otherLang ul li {
    list-style: none;
}

.langPage ul li a, .langPageM .otherLang ul li a {
    margin-top: 6px;
    display: block;
    width: 45px;
    padding: 0px 9px;
    text-align: center;
    transition: 0.2s;
    color: #000;
}

.langPage ul li a:hover, .langPageM ul li a:hover {
    color: #00a835;
}

.switcherArrow {
    right: 3.5px;
    top: -5px;
    -webkit-box-shadow: -2px -2px 5px rgba(0,0,0,.06);
    box-shadow: -2px -2px 5px rgba(0,0,0,.06);
    background: #fff;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    display: block;
    border-color: transparent;
    border-style: solid;
}


.sheetImg {
    position: relative;
}

.sheet1 {
    position: absolute;
    height: 170px;
    bottom: -130px;
    right: 120px;
    transform: rotate(-30deg);
}

.sheet2 {
    position: absolute;
    left: 65px;
    bottom: -470px;
    height: 90px;
}


.scheduleContent, .programsTitle {
    margin-left: 14px;
    font-weight: 500;
    font-size: 28px;
    margin-top: 24px;
}


.buttonStyle {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    text-align: center;
    padding: 10px 20px;
    color: #000de5;
    border: 1px solid #000de5;
    border-radius: 20px;
    cursor: pointer;
    width: 100%;
    transition: .3s;
    background-color: transparent;
}

.buttonStyle:hover {
    background: #000de5;
    color: #fff;
}


.btn_wrap .buttonStyle {
    padding: 12px 20px;
    border-radius: 12px;
    margin-top: 8px;
}

.buttonStyle:disabled, .buttonStyle[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
    background-color: transparent;
}

.buttonStyle:disabled span, .buttonStyle[disabled] {
    color: #000de5;
}


.mainText .buttonStyle {
    padding: 10px 50px;
    border: 1px solid #32bf5d;
    margin-left: 50px;
    font-size: 20px;
}

.mainText .buttonStyle:hover span {
    color: #fff;
}

.mainText .buttonStyle:hover {
    background-color: #32bf5d;
}


.bannerBtn .buttonStyle {
    padding: 12px 70px;
    border: 1px solid #32bf5d;
    margin-left: 1px;
}

.bannerBtn .buttonStyle span {
    color: #32bf5d;
}

.bannerBtn .buttonStyle:hover span {
    color: #fff;
}

.bannerBtn .buttonStyle:hover {
    background-color: #32bf5d;
}


.ctaButton .buttonStyle {
    padding: 12px 50px;
    border: 1px solid #00a835;
    margin-left: 1px;
}

.ctaButton .buttonStyle span {
    color: #00a835;
}

.ctaButton .buttonStyle:hover span {
    color: #fff;
}

.ctaButton .buttonStyle:hover {
    background-color: #00a835;
}


.totalBtn .buttonStyle {
    padding: 12px 35%;
    font-size: 18px;
    border: 1px solid #000de5;
    margin-left: 1px;
}

.totalBtn .buttonStyle span {
    color: #000de5;
}

.totalBtn .buttonStyle:hover span {
    color: #fff;
}

.totalBtn .buttonStyle:hover {
    background-color: #000de5;
}


.totalBtn {
    margin-top: 48px;
    margin-bottom: 45px;
    text-align: center;
}


#maskCityOrder {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #5A5A64;
    width: 50%;
    height: 54px;
    border: 1px solid #E2E2ED;
    padding: 12px 41px 12px 21px;
    border-radius: 8px;
    outline: none;
    -webkit-appearance: none;
    background: none;
    
    box-shadow: 0px 1px 3px rgba(41, 41, 86, 0.06);
    transition: .3s all;
    cursor: pointer;
}

#maskCityOrder:hover {
    border: 1px solid #D0D0DB;
}

#maskTextInformation {
    width: 97%;
    max-width: 97%;
    min-width: 97%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 18px;
    border: 1px solid #E2E2ED;
    border-radius: 8px;
    outline: none;
    padding: 8px 0px 0px 12px;
    display: none;
    box-shadow: 0px 1px 3px rgba(41, 41, 86, 0.06);
    color: #5A5A64;
}

#maskTextInformation:hover {
    border: 1px solid #D0D0DB;
}

#maskTextInformation:hover::placeholder {
    color: #5A5A64;
}

#maskTextInformation:focus-within {
    border: 1px solid #050505;
    box-shadow: 0px 0px 5px rgba(9, 171, 195, 0.25);
}

.passwordField {
    --c-text: #5A5A64;
    --c-text-light: #A1A1B6;
    --c-background: #fff;
    --c-background-selection: rgba(9, 171, 195, 0.15);
    --c-border: #E2E2ED;
    --c-border-hover: #D0D0DB;
    --c-border-active: #050505;
    --c-shadow: rgba(41, 41, 86, 0.06);
    --c-shadow-active: rgba(9, 171, 195, 0.25);

    --eye-background: 0;
    --eye-offset: 3px;
    --eye-wrapper-y: 0;
    --eye-y: 0;
    --eye-x: 0;
    --eye-s: 1;

    width: 100%;
    position: relative;
    border-radius: 8px;
    background: var(--c-background);
    box-shadow: inset 0 0 0 1px var(--border, var(--c-border)), 0px 1px 3px var(--shadow, var(--c-shadow));
    transition: box-shadow 0.25s;
    margin: 10px 0;
}

.passwordField:hover {
    --border: var(--c-border-hover);
    --eye-duration: .05s;
}

.passwordField:focus-within {
    --border: var(--c-border-active);
    --shadow: var(--c-shadow-active);
}

.passwordField input, .passwordField button {
    -webkit-appearance: none;
    outline: none;
    background: none;
    border: none;
    margin: 0;
    width: 85%;
}
  
.passwordField input {
    display: block;
    font-family: inherit;
    font-size: 20px;
    line-height: 30px;
    height: 30px;
    color: var(--c-text);
    padding: 12px 41px 12px 21px;
    opacity: var(--o, var(--default-o, 1));
    pointer-events: var(--pe, var(--default-pe, auto));
    transition: filter 0.35s, transform 0.4s, opacity 0.25s;
}

.passwordField input::-moz-placeholder {
    color: var(--c-text-light);
    -moz-transition: color 0.25s;
    transition: color 0.25s;
}

.passwordField input:-ms-input-placeholder {
    color: var(--c-text-light);
    -ms-transition: color 0.25s;
    transition: color 0.25s;
}
  
.passwordField input::placeholder {
    color: var(--c-text-light);
    transition: color 0.25s;
}
  
.passwordField input::-moz-selection {
    color: var(--c-text-selection);
    background: var(--c-background-selection);
}
  
.passwordField input::selection {
    color: var(--c-text-selection);
    background: var(--c-background-selection);
}
  
.passwordField input:focus::-moz-placeholder, .passwordField input:hover::-moz-placeholder {
    color: var(--c-text);
}
  
.passwordField input:focus:-ms-input-placeholder, .passwordField input:hover:-ms-input-placeholder {
	color: var(--c-text);
}
  
.password-field input:focus::placeholder, .passwordField input:hover::placeholder {
    color: var(--c-text);
}

.passwordField input.clear {
    --y: var(--clear-y, 12px);
    --o: var(--clear-o, 0);
    --pe: var(--clear-pe, none);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

.passwordField button {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    padding: 11px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    transform: scale(var(--s, 1));
    color: var(--c-text-light);
    transition: color 0.25s, transform 0.15s;
}
  
.passwordField button:hover {
    color: var(--c-text);
}

.passwordField button:active {
    --s: .95;
}
  
.passwordField button svg {
    display: block;
    width: 23px;
    height: 23px;
    pointer-events: none;
}
  
.passwordField button svg .top, .passwordField button svg .bottom, .passwordField button svg .lashes {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5px;
    stroke-linecap: round;
}
  
.passwordField button svg .lashes {
    stroke-dasharray: 3px;
    stroke-dashoffset: var(--eye-offset);
}
  
.passwordField button svg .top {
    fill: var(--c-background);
    fill-opacity: var(--eye-background);
}
  
.passwordField button svg .eye {
    fill: currentColor;
    transform-origin: 10.5px 13.5px;
    transform: translate(var(--eye-x), var(--eye-y)) scale(var(--eye-s)) translateZ(0);
    transition: transform var(--eye-duration, 0.3s);
}
  
.passwordField.show {
    --default-y: -12px;
    --default-o: 0;
    --default-pe: none;
    --clear-y: 0;
    --clear-o: 1;
    --clear-pe: auto;
}


.selection {
    padding-bottom: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 80px;
}

.selectionImg img {
    height: 450px;
}

.selectionRight {
    margin-left: 80px;
}

.selectionHeading {
    font-weight: 600;
    font-size: 42px;
    line-height: 1.0;
    margin-bottom: 18px;
}

.selectionText {
    color: #5c5e6e;
    font-size: 20px;
    margin-bottom: 24px;
}




.orderModal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.5);
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}


.orderContentModal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50.2%, -50.2%);
    background-color: #fff;
    width: 520px;
    border-radius: 12px;
    padding: 32px 46px;
}

.orderTitleModal {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 24px;
}

.orderClose {
    position: fixed;
    cursor: pointer;
    width: 38px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #E2E2E2;
    font-size: 36px;
    right: 42px;
    top: 32px;
    transition: all .2s linear;
    -webkit-transitions: all .2s linear;
}

/* .orderClose:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
} */

.show-modal1 {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}


.orderInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 150px;
}

.orderDesc {
    margin-left: 30px;
}

.orderName {
    color: #2d3748;
    font-size: 28px;
    font-weight: 600;
}

.orderNameENG {
    color: #2d3748;
    font-size: 28px;
    font-weight: 600;
}

.orderKcal {
    font-size: 18px;
    color: #718096;
}

.orderProgram {
    font-size: 18px;
    line-height: 1.0;
    color: #4a5568;
    font-weight: 500;
    margin-top: 12px;
}

.orderProgramENG {
    font-size: 18px;
    line-height: 1.0;
    color: #4a5568;
    font-weight: 500;
    margin-top: 12px;
}

.orderInfo {
    width: 100%;
    background-color: #edf4ec;
    border-radius: 15px;
}

.orderImage img {
    float: right;
    border-radius: 15px;
    height: 150px;
}

.btnOrder {
    margin-top: 18px;
}

#wLighIMG, #wSlendernessIMG, #wTonusIMG, #mSlendernessIMG, #mTonusIMG, #mTonus2IMG, #mSportIMG {
    display: none;
}

#mTonusIMG, #mTonus2IMG {
    margin-right: 20px;
}

#mSlendernessIMG {
    background-image: url(/img/mSlenderness.png);
    background-repeat: no-repeat;
    background-position-x: 80%;
    background-size: 70% 125%;
    margin-top: 14px;
}

.mSlendernessText {
    color: transparent;
}

.formOrder {
    margin-top: 16px;
}

.sumOrder {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    font-size: 22px;
    border-top: 1px dashed #dcdfe8;
}

.sumLeft, .sumRight {
    margin-top: 11px;
}

.firstLine, .secondLine, .third1Line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.firstLine .passwordField, .secondLine .passwordField, #maskCityOrder, .third1Line  {
    margin: 5px;
}

.secondLine .passwordField {
    width: 50%;
}

.addInformation {
    margin-top: 12px;
    font-size: 18px;
    margin-bottom: 12px;
    cursor: pointer;
}


.orderModalThx1 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.5);
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.orderModalThxContent1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50.2%, -50.1%);
    background-color: #fff;
    width: 480px;
    border-radius: 10px;
    padding: 32px 46px;
}

.orderTitle1 {
    margin-top: 2px;
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 18px;
    line-height: 1.0;
}

.orderCloseThx1 {
    position: fixed;
    cursor: pointer;
    width: 37px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #E2E2E2;
    font-size: 36px;
    right: 42px;
    top: 32px;
    transition: all .2s linear;
    -webkit-transitions: all .2s linear;
}

.orderModalThx1 .orderModalThxContent1 .orderTitle1 {
    margin-bottom: 12px;
}

.orderCloseThx1:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.orderDescription1 {
    font-size: 18px;
    line-height: 1.1;
}

.show-modalThx1 {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}


.sliderFeedback .slick-arrow.slick-prev {
    margin-right: 80px;
    background: url(/img/chevronLeft.svg) 0 0 no-repeat;
}




.sliderRange {
    -webkit-appearance: none;
    outline: none;

    width: 100%;
    height: 15px;
    border-radius: 5px;
    
    background: #ecf2f4;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.sliderRange::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;

    width: 25px;
    height: 25px;

    border-radius: 50%;
    background: #32bf5d;
    cursor: pointer;
}

.sliderRange::-moz-range-thumb {
    width: 25px;
    height: 25px;

    border-radius: 50%;
    background: #32bf5d;
    cursor: pointer;
}

.rangeContainer, .rangeContainerM {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 95%;
    margin: 0 auto;
    margin-top: 5px;
}

.rangeContainerM {
    display: none;
}

.rangeL { width: 88%; }
.rangeText { font-size: 20px; }

.rangeR {
    font-size: 36px;
    -webkit-touch-callout: none; 
    
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 25px;
    margin-top: 75px;

    user-select: none;
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none;    
    -ms-user-select: none;     
} 

#deleteDayW, #deleteDayM {
    background: url(/img/chevronLeft.svg) 0 0 no-repeat;
    color: #fff;
    margin-right: 7px;
}

#addDayW, #addDayM {
    background: url(/img/chevronRight.svg) 0 0 no-repeat;
    color: #fff;
    margin-left: 7px;
}

.saleCost {
    font-size: 16px;
    color: #FD643C;
    text-decoration: line-through;
    float: right;
}


.numberC {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wpSVG {
    width: 32px;
}

.numberPH {
    margin-left: 12px;
    color: #000;
    font-size: 1.125rem;
}

.numberPH {
    font-size: 18px;
    transition: 1s;
}

.numberPH:hover {
    color: #32bf5d;
    text-decoration: underline;
}


.privacyPolicy {
    font-size: 12px;
    color: #696969;
    margin-top: 14px;
}

.lightGreen {
    color: #32bf5d;
    cursor: pointer;
}

.marginLeft {
    margin-left: 4px;
}

.imgSliderItem992 {
    display: none;
}

.aMain {
    display: none;
}

.aMainRight .buttonStyle {
    display: none;
}

nav {
    display: none;
}

#logoMobile {
    display: none;
}



/* .fParametrs {
    width: 100%;
    margin-right: 12px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.orderTotal {
    width: 100%;
    margin-left: 12px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
} */


.titlePr {
    font-size: 28px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 7px;
}

.subtitlePr, .textPr {
    font-size: 18px;
    font-weight: 300;
}

.headlinePr {
    font-size: 18px;
    font-weight: 400;
}




/* Certificate */
.certificate {
    width: 100%;
    height: 300px;
    border-radius: 15px;
    background-color: #f1f1f1;
    margin-bottom: 70px;
}

.certificateHeading {
    padding-top: 50px;
    margin-left: 50px;
}

.certificateTitle {
    font-size: 36px;
    font-weight: 500;
}

.certificateDescription {
    margin-top: 10px;
    font-size: 18px;
    margin-bottom: 40px;
}





/* Выбор оплаты */
.kaspi {
    margin-top: 10px;
    margin-bottom: 15px;
}

.third1LineName {
    margin-left: 10px;
    margin-bottom: 10px;
}

.wrapper {
    height: 40px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    /* background: #fff; */
    /* padding: 20px 15px; */
    /* box-shadow: 5px 5px 30px rgba(0,0,0,0.2); */
}

.wrapper .option {
    background: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 10px;
    border: 2px solid rgba(41, 41, 86, 0.06);
    transition: all 0.3s ease;
}

.wrapper .option .dot {
    height: 20px;
    width: 20px;
    background: #d9d9d9;
    border-radius: 50%;
    position: relative;
    right: 10px;
}

.wrapper .option .dot::before {
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #0069d9;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
}

input[type="radio"] {
    display: none;
}

#option-1:checked:checked ~ .option-1,
#option-2:checked:checked ~ .option-2 {
    border-color: #0069d9;
    background: #0069d9;
}

#option-1:checked:checked ~ .option-1 .dot,
#option-2:checked:checked ~ .option-2 .dot {
    background: #fff;
}

#option-1:checked:checked ~ .option-1 .dot::before,
#option-2:checked:checked ~ .option-2 .dot::before {
    opacity: 1;
    transform: scale(1);
}

.wrapper .option span {
    font-size: 18px;
    color: #808080;
}

#option-1:checked:checked ~ .option-1 span,
#option-2:checked:checked ~ .option-2 span {
    color: #fff;
}

.kaspi1Transfer {
    margin-top: 24px;
}

.paymentTitle, .paymentTitle1 {
    font-size: 22px;
    font-weight: 500;
}

.kaspi1Transfer {
    margin-top: 20px;
}

.iframeKaspi {
    /* text-align: center; */
    margin-left: -40px;
}

.kaspi1Number, .kaspi1Name {
    font-size: 18px;
    font-weight: 400;
}

.kaspi1Sum {
    font-size: 18px;
    font-weight: 400;
}

#kaspi1DataSum {
    font-size: 20px;
    font-weight: 500;
    margin-left: 8px;
}

iframe {
    height: 255px;
}

.kaspi1Program {
    margin-top: 2px;
    margin-bottom: 6px;
}

#confirmPayment {
    margin-top: 20px;
}


/* Adaptive version */
@media screen and (min-width: 1600px) {
    .sheetImg {
        display: none;
    }
}

@media screen and (max-width: 1340px) {
    .container {
        max-width: 992px !important;
        margin: 0 auto;
    }

    .fContainer {
        max-width: 992px;
    }

    .sheetImg {
        display: none;
    }

    .mainCenter {
        display: none;
    }
    
    .font20 {
        font-size: 0;
    }

    .aMain {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .aMainRight img {
        margin-top: 15px;
        height: 400px;
    }

    .aMainTitle {
        font-size: 40px;
        font-weight: 600;
        line-height: 1.0;
    }

    .aMainSubTitle {
        margin-top: 12px;
        font-size: 24px;
        color: #32bf5d;
        margin-bottom: 34px;
    }

    .aMainText .buttonStyle {
        font-size: 20px;
        padding: 12px 80px;
        border: 1px solid #32bf5d;
        color: #32bf5d;
    }
    
    .aMainText .buttonStyle:hover span {
        color: #fff;
    }
    
    .aMainText .buttonStyle:hover {
        background-color: #32bf5d;
    }

    .displayNoneImg {
        height: 453px;
        margin-bottom: 1px;
        display: none;
    }

    .bannerImg .displayNone {
        display: block;
    }

    .banner {
        background-color: #f6f6f6;
    }

    .containerPrograms {
        width: 1150px;
    }

    .instagramPost {
        width: 33%;
    }

    .bestSeller {
        font-size: 15px;
    }
}

@media screen and (max-width: 1240px) {
    #feedback {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .logo {
        font-size: 26px;
    }

    .aMainTitle {
        font-size: 38px;
    }

    .aMainSubTitle {
        font-size: 22px;
    }

    .sectionTitle {
        font-size: 40px;
    }

    .ctaTitle {
        font-size: 38px;
    }

    .selectionText {
        font-size: 18px
    }

    .selectionImg img {
        height: 420px;
    }

    .selectionHeading {
        font-size: 38px
    }

    .bannerTitle {
        font-size: 38px;
    }

    .menuItem img {
        height: 140px;
    }

    .menuDesc, .menuName {
        margin-left: 64px;
    }

    .menuDesc {
        font-size: 17px;
    }

    .containerPrograms {
        width: 1080px;
        margin: 0 auto;
    }

    .programs2FLine, .programsF2LineMan {
        margin-top: 20px;
    }

    .orderParametrs {
        width: 61%;
    }

    .orderTotal {
        width: 35%;
    }

    .programsName {
        font-size: 24px;
    }

    .programsKcal {
        font-size: 16px;
    }

    .programsInfo {
        font-size: 16px;
    }

    .rangeText { 
        font-size: 18px;
    }
    
    .bestSeller {
        font-size: 13px;
    }

    .infoTitle, .infoValue, .costDay1 {
        font-size: 18px;
    }

    .priceOutline {
        width: 90px;
        height: 36px;
        left: -16px;
        top: 22px;
    }

    .mTonus {
        background-position-x: 160%;
    }

    .mTonus2 {
        background-position-x: 140%;
    }
}

@media screen and (max-width: 1120px) {
    .container {
        max-width: 840px !important;
        margin: 0 auto;
    }

    .fContainer {
        max-width: 880px;
    }   

    .fLogo {
        display: none;
    }

    .navMenu ul li a {
        font-size: 17px;
    }

    .wpSVG {
        width: 28px;
    }

    .numberPH {
        margin-left: 0px;
    }

    .aMainRight img {
        height: 360px;
    }

    .aMainTitle {
        font-size: 32px;
    }

    .aMainText .buttonStyle {
        padding: 10px 60px;
        font-size: 18px;
    }

    .itemText {
        font-size: 15px;
    }

    .ctaTitle {
        font-size: 34px;
    }

    .ctaButton .buttonStyle {
        padding: 10 40px;
        font-size: 16px;
    }

    .selectionHeading, .bannerTitle {
        font-size: 32px;
    }

    .bannerListLineText {
        font-size: 15px;
        margin-left: 16px;
    }

    .banner {
        height: 400px;
    }

    .bannerImg .displayNone {
        height: 400px;
    }

    .bannerContainer {
        padding-top: 36px;
    }

    .selectionText {
        font-size: 16px;
    }

    .selectionImg img {
        height: 400px;
    }

    .bannerBtn .buttonStyle {
        padding: 10px 60px;
        font-size: 16px
    }

    .buttonStyle:disabled span, .buttonStyle[disabled] {
        font-size: 16px;
    }
    
    .stepsItemText {
        font-size: 14px;
    }

    .circleItem {
        width: 54px;
        height: 54px;
    }

    .item2 img, .item5 img {
        margin-top: 12px;
    }

    .circleItem img {
        height: 52px
    }

    .item2 .itemText, .item5 .itemText {
        margin-top: 26px;
    }
    
    .menuDesc, .menuName {
        margin-left: 52px;
    }

    .menuDesc {
        font-size: 16px;
    }

    .menuName {
        font-size: 18px;
    }

    .menuItem img {
        height: 120px;
    }

    .contactWidget, .contactWidgetCertificate {
        width: 64px;
        height: 64px;
    }

    .contactWidget:hover, .contactWidgetCertificate:hover {
        height: 70px;
        width: 70px;
    }
    
    .controlsModule, .controlsModuleCertificate {
        width: 60px;
    }

    .svgContactWidget, .svgcontactWidgetCertificate {
        width: 26px;
        height: 26px;
    }

    .containerPrograms {
        width: 1080px;
        margin: 0 auto;
    }

    .features {
        padding-bottom: 30px;
    }

    .steps {
        margin-bottom: 110px;
    }

    .orderInfo, .orderImage img {
        height: 130px;
    }

    .orderName {
        font-size: 24px;
    }   

    .orderProgram, .addInformation, .orderKcal {
        font-size: 16px;
    }

    .sumOrder {
        font-size: 20px;
    }
}


@media screen and (max-width: 1100px) { 

    #infoDisc {
        right: 20px;
    }

    .orderParametrs {
        width: 62%;
    }

    .orderTotal {
        width: 35%;
    }

    .containerPrograms {
        width: 970px;
        margin: 0 auto;
    }
}


@media screen and (max-width: 992px) { 
    .container {
        max-width: 768px !important;
        margin: 0 auto;
    }

    .fContainer {
        max-width: 768px;
    }

    .selectedLang, .langPage, .navMenu {
        display: none;
    }


    /* Navigation */
    nav {
        max-width: 100%;
        top: 0;
        left: 0;
        display: block;
        position: relative;
        z-index: 99;
    }

    /* Input */
    nav input {
        opacity: 0;
        position: absolute;
        z-index: -1;
    }

    /* Label */
    nav label {
        cursor: pointer;
        display: block;
        font: 2em/1 'Montserrat', sans-serif;
    }


    /* Hamburger Icon */
    #menu-icon,
    #menu-icon:before,
    #menu-icon:after {
        width: 100%;
        height: 3px;
        background: #32bf5d;
        transition: all 0.2s linear;
    }

    #menu-icon {
        max-width: 1em;
        margin: 25px 0;
        display: inline-block;
        position: relative;
    }

    nav label #menu-icon {
        float: left;
    }

    #menu-icon:before,
    #menu-icon:after {
        content: '';
        left: 0;
        position: absolute;
    }

    #menu-icon:before {
        top: -10px;
    }

    #menu-icon:after {
        bottom: -10px;
    }


    /* Close Icon */
    nav input[type=checkbox]:checked + label #menu-icon {
        background: transparent;
    }

    nav input[type=checkbox]:checked + label #menu-icon:before {
        top: 0;
        transform: rotate(-45deg);
    }

    nav input[type=checkbox]:checked + label #menu-icon:after {
        bottom: 0;
        transform: rotate(45deg);
    }


    /* Menu */
    /* Overlay */
    #overlay {
        transition: 0.2s linear;
    }

    nav input:checked ~ #overlay {
        /* max-width: 100%; */
        width: 100%;
        height: 100vh;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        background: rgba(255, 255, 255, 0.95);
        position: fixed;
        z-index: -1;
    }

    /* List */
    nav ul {
        display: flex;
        font-size: 22px;
        list-style: none;
        overflow: hidden;
        margin: 0;
        opacity: 0;
    }

    nav input:checked ~ ul {
        width: 100%;
        overflow: visible;
        opacity: 1;
    }

    nav ul li a {
        position: absolute;
        display: block;
        margin-top: 30px;
        left: 0;
        color: #1d1f20;
    }

    nav ul li .exMenu {
        margin-top: 80px;
        line-height: 1.0;
    }

    nav ul li .exContacts {
        margin-top: 140px;
    }

    nav ul li .detoxNav {
        margin-top: 190px;
    }

    nav ul li .numberC {
        position: absolute;
        margin-top: 340px;
        left: 0;
    }

    nav ul li a .changeLangM {
        position: absolute;
        margin-top: 240px;
        left: 0;
    }

    .selectedLangM { 
        font-size: 22px;  
    }

    nav ul li .langPageM {
        position: absolute;
        margin-top: 350px;
        left: 0;
    }

    



    /* z-index */



/* /* @media screen and (max-width: 1300px) { */
    .burgerMenu { 
        display: block;
    }

    .navMenu ul {
        display: inline;
    }

    .logo {
        font-size: 24px;
    }

    .aMainRight img {
        height: 330px;
    }

    .aMainTitle {
        font-size: 30px;
    }

    .aMainSubTitle {
        font-size: 20px;
    }

    .featuresItems {
        width: 33%;
    }

    .item4, .item5 {
        margin-top: 120px;
    }

    .features {
        padding-bottom: 30px;
    }

    .steps {
        width: 80%;
        margin-bottom: 110px;
    }

    .stepsItemText {
        font-size: 17px;
    }

    .third {
        margin-top: 20px;
    }

    .menuItem img {
        height: 100px;
        filter: drop-shadow(6px 6px 18px rgba(0,0,0,.1));
        margin-bottom: 8px;
    }

    .menuDesc {
        font-size: 15px;
    }

    .menuName {
        font-size: 17px;
    }

    .menuDesc, .menuName {
        margin-left: 56px;
    }

    .itemText {
        font-size: 16px;
    }

    .header, .fixed {
        height: 80px;
    }

    .headerContent {
        height: 74px;
    }

    .banner {
        height: 380px;
    }

    .bannerImg .displayNone {
        height: 380px;
    }

    #programms {
        margin-bottom: 60px;
    }

    .bannerContainer {
        padding-top: 30px;
    }

    .selectionHeading, .bannerTitle {
        font-size: 28px;
    }

    .bannerListLineText {
        font-size: 14px;
    }

    .bannerListSVG {
        width: 34px;
        height: 34px;
    }

    .fTitle {
        font-size: 16px;
    }

    .fNumber {
        font-size: 20px;
    }

    .fPaymentText {
        font-size: 14px;
    }

    .instagramPost:nth-child(2) { display: none; }
    .instagramPost:nth-child(6) { display: none; }

    .instagramPost {
        width: 50%;
    }

    .selectionImg img {
        height: 340px;
    }

    .selection {
        padding-bottom: 60px;
    }

    .containerPrograms {
        width: 780px !important;
        margin: 0 auto;
    }

    .orderParametrs {
        margin-left: 0px;
        width: 100%;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.05);
        margin: 0 auto;
    }

    .orderTotal {
        margin-right: 0px;
        width: 100%;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.05);
        margin: 0 auto;
        margin-top: 30px;
    }

    .bestSeller, .programsKcal {
        font-size: 16px;
    }

    .programsInfo {
        font-size: 17px;
    }

    .rangeText { 
        font-size: 20px;
    }

    .mTonus {
        background-position-x: 140%;
    }

    .mTonus2 {
        background-position-x: 130%;   
    }

    .infoTitle, .infoValue, .costDay1 {
        font-size: 22px;
    }

    #infoDisc {
        right: 50px;
    }

    .priceOutline {
        left: -8px;
        top: 34px;
    }
}

@media screen and (max-width: 840px) {
    .container {
        max-width: 670px !important;
        margin: 0 auto;
    }

    .fContainer {
        max-width: 670px;
    }

    .banner {
        display: none;
    }

    .containerPrograms {
        width: 700px;
        margin: 0 auto;
    }

    .aMainRight img {
        height: 280px;
    }

    .aMainTitle {
        font-size: 27px;
    }

    .aMainSubTitle {
        font-size: 19px;
    }

    .menuDesc, .menuName {
        margin-left: 70px;
    }

    .menuItem {
        width: 50%;
    }

    .menuItem img {
        height: 140px;
    }

    .menuDesc {
        font-size: 16px;
    }

    .menuName {
        font-size: 19px;
    }

    .snack2, .dinner3 {
        margin-top: 15px;
    }

    .selectionImg img {
        height: 280px;
    }

    .ctaTitle {
        font-size: 30px;
    }

    .instagramPost img {
        height: 165px;
    }

    .fPayment {
        display: none;
    }

    .fPayment2 {
        display: block;
        margin-top: 10px;
    }

    .contacts {
        width: 100%;
    }

    .callNumber {
        margin-left: 0px;
    }    

    .orderContentModal {
        width: 600px;
        max-width: 100%;
    }

    .orderModalThxContent1 {
        width: 500px;
        max-width: 100%;
    }

    .callContent {
        width: 500px;
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .slider {
        padding-left: 0;
        padding-right: 0;
    }

    .container {
        padding: 0 12px;
    }

    body {
        overflow-x: hidden;
    }

    .contactForm {
        right: 10px;
        bottom: 10px;
    }
}

@media screen and (max-width: 740px) {
    .container {
        max-width: 576px !important;
        margin: 0 auto;
    }

    .fContainer {
        max-width: 576px;
    } 

    .mainSection {
        padding-top: 120px;
    }

    .aMain {
        flex-wrap: wrap;
    }

    .aMainText {
        text-align: center;
    }

    .aMainTitle {
        font-size: 34px;
    }

    .aMainSubTitle {
        font-size: 20px;
        margin-bottom: 18px;
    }

    .aMainRight {
        margin: 0 auto;
    }

    .aMain .buttonStyle {
        display: none
    }

    .aMainRight .buttonStyle {
        display: block;
        border: 1px solid #32bf5d;
        color: #32bf5d;
        margin: 22px 0px 0px 0px;
        padding: 8px 8px 8px 8px;
    }
    
    .aMainRight .buttonStyle:hover span {
        color: #fff;
    }
    
    .aMainRight .buttonStyle:hover {
        background-color: #32bf5d;
    }

    .second {
        margin-top: 15px;
    }

    .menuDesc, .menuName {
        margin-left: 48px;
    }

    .containerPrograms {
        width: 610px;
        margin: 0 auto;
    }

    .bestSeller, .programsKcal {
        font-size: 14px;
    }

    .programsInfo {
        font-size: 16px;
    }

    .selectionImg img {
        height: 230px;
    }

    .selectionHeading, .bannerTitle {
        font-size: 24px;
    }

    .selectionRight {
        margin-left: 40px;
    }

    .selectionText {
        font-size: 14px;
    }
    
    .selectionHeading {
        margin-bottom: 12px;
    }

    .ctaTitle {
        font-size: 26px;
    }

    .ctaButton .buttonStyle {
        padding: 8px 40px;
        font-size: 15px;
    }

    .orderContentModal {
        width: 540px;
        max-width: 100%;
    }

    .orderModalThxContent1 {
        width: 440px;
        max-width: 100%;
    }

    .orderTitle1 {
        font-size: 24px;
    }

    .orderDescription1 {
        font-size: 16px;
    }

    .orderCloseThx1 {
        width: 33px;
        height: 33px;
        line-height: 33px;
        right: 30px;
        top: 17px;
    }

    .callContent {
        width: 440px;
        max-width: 100%;
    }

    .callTitle {
        font-size: 24px;
    }

    .callDescription {
        font-size: 16px;
    }

    .paymentTitle {
        font-size: 20px;
    }
}   

@media screen and (max-width: 660px) {
    .container {
        max-width: 475px !important;
        margin: 0 auto;
    }

    .fContainer {
        max-width: 475px;
    }

    .aMainTitle {
        font-size: 30px
    }

    .sectionTitle {
        font-size: 32px;
    }

    .menuDesc, .menuName {
        margin-left: 22px;
    }

    .programsFLine, .programs2FLine, .programsFLineMan, .programsF2LineMan {
        flex-wrap: wrap;
    }

    .containerPrograms {
        width: 480px;
        margin: 0 auto;
    }

    .programsForW, .programsForM {
        margin: 0 auto;
        width: 70%;
    }

    .wLight, .wTonus, .mTonus, .mSport {
        margin-top: 15px;
    }

    .rangeText {
        font-size: 18px
    }

    .infoTitle, .infoValue, .costDay1 {
        font-size: 20px;
    }

    .priceOutline {
        width: 90px;
        height: 36px;
        left: -16px;
        top: 28px;
    }

    .selection {
        flex-wrap: wrap;
    }

    .selectionImg {
        margin: 0 auto;
    }

    .selectionImg img {
        height: 250px;
        margin-bottom: 30px;
    }

    .selectionRight {
        margin-left: 0px;
        margin: 0 auto;
    }

    .selectionHeading {
        font-size: 30px;
    }

    .selectionText {
        font-size: 16px
    }

    .instagramPost:nth-child(1) { display: none; }
    .instagramPost:nth-child(3) { display: none; }

    .instagramPost {
        width: 100%;
    }

    .instagramPost img {
        margin-left: 0px;
    }

    .ctaTitle {
        font-size: 28px;
    }

    .contactForm {
        right: 28px;
        bottom: 28px;
    }

    .orderContentModal {
        width: 400px;
        max-width: 100%;
    }

    .orderModalThxContent1 {
        width: 300px;
        max-width: 100%;
    }

    .callContent {
        width: 300px;
        max-width: 100%;
    }

    .passwordField input {
        font-size: 18px;
        height: 20px;
        line-height: 20px;
    }

    #maskCityOrder {
        font-size: 18px;
        height: 44px;
    }

    .orderTitle1 {
        font-size: 22px;
    }

    .orderDescription1 {
        font-size: 14px;
    }

    .wrapper .option span {
        font-size: 16px;
    }
    
    .paymentTitle {
        font-size: 18px;
    }

    .kaspi1Number, .kaspi1Name, .kaspi1Sum, .kaspi1Saler, .kaspi1Program {
        font-size: 16px;
    }

    
}

@media screen and (max-width: 520px) {
    .container {
        max-width: 450px !important;
        margin: 0 auto;
    }

    .fContainer {
        max-width: 450px;
    } 

    .logo {
        font-size: 22px;
    }

    .aMainSubTitle {
        margin-bottom: 6px;
    }

    .aMainTitle {
        font-size: 28px;
    }

    .featuresItems {
        width: 50%;
    }

    .item3 {
        margin-top: 120px;
    }

    .stepsItemText {
        font-size: 16px;
    }

    .menuItem img {
        height: 120px;
    }

    .menuDesc, .menuName {
        margin-left: 30px;
    }

    .menuDesc {
        font-size: 15px;
    }

    .menuName, .manOrWoman {
        font-size: 18px
    }

    .programsInfo {
        font-size: 17px;
    }

    .containerPrograms {
        width: 450px;
        margin: 0 auto;
    }

    .ctaTitle {
        font-size: 26px
    }

    .orderContentModal {
        width: 380px;
        max-width: 100%;
    }

    .passwordField input {
        font-size: 16px;
    }

    #maskCityOrder {
        font-size: 16px;
    }

    .sumOrder {
        font-size: 18px;
    }

    .wrapper .option span {
        font-size: 14px
    }

    .wrapper .option .dot {
        width: 18px;
        height: 18px;
    }

    .wrapper .option .dot::before {
        top: 3px;
        left: 3px;
    }
}


@media screen and (max-width: 500px) {
    .ctaTrial {
        display: none;
    }   

    .сtaPromo {
        text-align: center;
        margin: 0 auto;        
    }

    .steps {
        margin-left: 15px;
    }
}

@media screen and (max-width: 480px) {
    .container {
        max-width: 375px !important;
        margin: 0 auto;
    }

    .fContainer {
        max-width: 375px;
    }

    .aMainTitle {
        font-size: 24px;
    }

    .aMainSubTitle {
        font-size: 18px;
    }

    .aMainRight img {
        height: 240px;
    }

    .stepsItemText {
        font-size: 16px;
    }

    .svgSTEPS {
        width: 48px;
        height: 48px;
    }

    .menuItem img {
        height: 100px;
    }

    .menuDesc {
        font-size: 12px;
    }

    .menuDesc, .menuName {
        margin-left: 22px;
    }

    .menuItem {
        margin-bottom: 25px;
    }

    .containerPrograms {
        width: 375px;
        margin: 0 auto;
    }

    .programsForW, .programsForM {
        width: 90%;
    }

    #infoDisc {
        right: 25px;
    }

    .selectionHeading {
        font-size: 26px;
    }

    .ctaTitle {
        margin-bottom: 30px
    }

    .orderContentModal {
        width: 300px;
        padding: 24px 34px;
    }

    .orderModalThxContent1 {
        width: 290px;
        max-width: 100%;
    }

    .orderCloseThx1 {
        right: 21px;
        top: 17px;
    }

    .callContent {
        width: 290px;
        max-width: 100%;
    }

    .callCloseThx {
        right: 26px;
    }

    .thirdLine {
        margin-top: 20px;
    }

    .orderTitleModal {
        font-size: 22px;
    }

    .orderInfo {
        display: none;
    }

    .passwordField input {
        height: 30px;
    }

    #maskCityOrder {
        height: 54px;
        font-size: 18px;
    }

    .orderClose {
        top: 24px;
        width: 32px;
        height: 31px;
        line-height: 31px;
    }

    .firstLine, .secondLine {
        display: inline;
    }

    #maskCityOrder, .passwordField, .secondLine .passwordField {
        width: 97%;
    }

    .orderInfo, .orderImage img {
        height: 120px;
    }

    .passwordField input {
        font-size: 18px;
    }

    #maskCityOrder {
        font-size: 17px;
    }

    .wrapper {
        display: block;
        height: 30px;
        width: 90%;
    }

    .kaspi {
        margin-bottom: 55px;
    }

    .wrapper .option {
        margin-bottom: 7px;
    }
}

@media screen and (max-width: 400px) {
    .container {
        max-width: 280px;
        margin: 0 auto;
    }

    .fContainer {
        max-width: 280px;
    }

    .logo {
        font-size: 20px;
    }

    .wpSVG {
        height: 24px;
    }

    .aMainTitle {
        font-size: 20px;
    }

    .aMainSubTitle {
        font-size: 15px;
    }

    .burgerMenu svg {
        height: 34px;
        width: 34px;
    }

    .itemText {
        font-size: 15px;
    }

    .menuItem {
        width: 100%;
    }

    .menuItem img {
        height: 130px;
    }

    .snack1, .dinner2 {
        margin-top: 15px;
    }

    .menuDesc, .menuName {
        margin-left: 46px;
    }

    .sectionTitle {
        font-size: 22px;
    }

    .menuDesc {
        font-size: 14px
    }

    /* .fSocial {
        display: none;
    } */

    .link {
        margin-right: 10px;
        margin-left: 0px;
        margin-top: 13px;
    }

    .fPayment2 {
        margin-top: 3px;
    }

    .selectionHeading {
        font-size: 24px;
    }

    .stepsItemText {
        font-size: 14px
    }


    .orderContentModal {
        width: 260px;
        padding: 24px 34px;
    }

    .orderModalThxContent1 {
        width: 200px;
        max-width: 100%;
        padding: 24px 34px;
    }

    .callContent {
        width: 200px;
        max-width: 100%;
        padding: 24px 34px;
    }

    .orderTitle1 {
        font-size: 20px;
    }

    .callTitle {
        font-size: 25px;
        line-height: 1.0;
    }
 
    .orderTitleModal {
        font-size: 25px;
        line-height: 1.0;
    }

    .manOrWoman {
        font-size: 18px;
    }

    .manChoise {
        margin-left: 8px;
    }

    #infoDisc {
        right: 8px;
    }

    .callCloseThx {
        right: 28px;
        top: 16px;
    }

    .callDescription {
        font-size: 16px;
    }

    .callTitle {
        font-size: 21px;
    }

    .paymentTitle {
        font-size: 16px;
    }

    .kaspi1Number, .kaspi1Name, .kaspi1Sum, .kaspi1Saler, .kaspi1Program {
        font-size: 14px;
    }

    #kaspi1DataSum {
        font-size: 16px;
    }
}

ы
/* 
html, body {
    overflow-x: hidden !important;
} */

img, svg {
    max-width: 100%;
    height: auto;
    display: block;
}