html, body {
    overflow-x: hidden;
    max-width: 100%;
}
@media (max-width: 991px) {
    #logotypes .story-block {
        padding-bottom: 45px;
    }
}
#logotypes .owl-item .story-block {
    background-repeat: no-repeat;
    background-position: center;
}
.org-price {
    position: relative;
}

.org-price:before {
    position: absolute;
    content: "";
    left: 0;
    top: 45%;
    right: 0;
    border-top: 5px solid;
    border-color: #ff0000a1;
    -webkit-transform: rotate(-14deg);
    -moz-transform: rotate(-14deg);
    -ms-transform: rotate(-14deg);
    -o-transform: rotate(-14deg);
    transform: rotate(-14deg);
}
section ul li, .dm-modal li {
    position: relative;
    line-height: 1.4;
    border-top: 2px solid #b2dfe9;
    padding: 19px 0 18px 37px;
}

.text-white li {
    color: #fff;
}

section ul li:last-child, .dm-modal li:last-child {
    border-bottom: 2px solid #b2dfe9;
}

.text-white li, .text-white li:last-child {
    border-color: rgba(255,255,255,0.4);
}

section ul li:before, .dm-modal li:before {
    content: url(../img/list.svg);
    width: 18px;
    position: absolute;
    left: 5px;
}

.text-white li:before {
    content: url(../img/orange_arrow3.svg);
    left: 0;
}

@media(max-width: 460px) {
    .text-white li:before {
        content: url(../img/orange_arrow2.svg);
        top: 2px;
    }
}

.text-white .ul-check li:before {
    content: url(../img/list2.svg);
    top: 17px;
}

.text-white .ul-check li {
    padding-left: 50px;
}

@media(max-width: 1260px) {
    .text-white .ul-check li:before {
        content: url(../img/list3.svg);
    }
    .text-white .ul-check li {
        padding-left: 30px;
    }
}

section ul {
    margin-top: 30px;
}

section ul:first-child {
    margin-top: 0;
}

.list-data {
    padding-left: 65px;
}

@media(max-width: 767px) {
    .list-data {
        padding-left: 0;
    }
    .mobile {
        display:none;
    }
    .sides-pad {
        padding: 27px 75px 27px 0;
    }
}

section ol {
    list-style: none;
    counter-reset: myCounter;
}

li h6 {
    line-height: 1.15;
    text-align: left;
}

section ol li {
    position: relative;
    padding-left: 65px;
    margin-top: 25px;
}

section .mt-big li {
    margin-top: 35px;
}

@media(max-width: 1260px) {
    section ol li {
        font-size: 20px;
        line-height: 1.55;
        padding-left: 75px;
    }
}

@media(max-width: 991px) {
    section ol li {
        padding-left: 63px;
    }
}

section ol li:first-child {
    margin-top: 0;
}

section ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    position: absolute;
    z-index: 300;
    left: 0;
    top: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-family: 'Serifa-Bold';
    font-size: 24px;
    border-radius: 50%;
    color: #fff;
    background-color: #12a7ac;
}

@media(max-width: 1260px) {
    section ol li:before {
      top: -10px;
    }
}

section ol li:after {
    content: '';
    width: 1px;
    height: 100%;
    border-right: 2px solid #12a7ac;
    position: absolute;
    top: 0;
    left: 24px;
    z-index: 100;
    padding-top: 30px;
}

section .mt-big li:after {
    padding-top: 37px;
}

@media(max-width: 767px) {
    section ol li:before {
        width: 40px;
        height: 40px;
        font-size: 21px;
        top: -6px;
    }
    section ol li:after {
        left: 19px;
    }
    section ol li {
        padding-left: 50px;
    }
}


section ol li:last-child:after {
    display: none;
}

section ol.continue li:last-child:after {
    display: block;
    padding-top: 67px;
}

.list-data {
    position: relative;
}

.list-data .btn {
    position: relative;
    z-index: 3000;
}

ol {
    position: relative;
}

ol.continue:before {
    content: '';
    width: 80px;
    border-top: 2px solid #12a7ac;
    position: absolute;
    left: 25px;
    bottom: -67px;
}

@media(max-width: 767px) {
    ol.continue:before {
        display: none;
    }
}

/*********/

.text-serifa p {
    font-family: 'Serifa-Roman';
}

.white {
    background-color: #fff;
}

.lblue {
    background-color: #d7ecf1;
}

.lblue2 {
    background-color: #f4f9fa;
}

.lblue3 {
    background-color: #e8f4f8;
}

.blue-gradient {
    background: linear-gradient(15deg, #35a4b8, #d7ecf1 80%);
    background-color: #35a4b8;
}

.blue-gradient2 {
    background: linear-gradient(to bottom, #12a2ac, #127eac 80%);
    background-color: #12a2ac;
}

.pad {
    padding: 65px 0 70px 0;
}

.pad2, .pad4 {
    padding: 40px 0 30px 0;
}

.pad3 {
    padding: 70px 0;
}

.pad5 {
    padding: 40px 0 150px 0;
}

.pb-big {
    padding-bottom: 270px;
}

@media(max-width: 850px) {
    .pb-big {
        padding-bottom: 250px;
    }
}

@media(max-width: 767px) {
    .pb-big {
        padding-bottom: 230px;
    }
}

@media(max-width: 991px) {
    .pad, .pad2, .pad3, .pad4 {
        padding: 40px 0 30px 0;
    }
}

.pt {
    padding-top: 60px;
}

.mx {
    margin: 0 auto;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt45 {
    padding-top: 45px;
}

@media(max-width: 991px) {
    .pt45 {
        padding-top: 30px;
    }
}

.pt50 {
    padding-top: 50px;
}

.mt0 {
    margin-top: 0;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt70 {
    margin-top: 70px;
}

.mt {
    margin-top: 68px;
}

.mt90 {
    margin-top: 90px;
}

@media(max-width: 991px) {
    .mx-mob {
        margin: 0 auto;
    }
    .mt60, .mt70 {
        margin-top: 35px;
    }
    .mt40, .mt50, .mt30 {
        margin-top: 30px;
    }
    .pt50 {
        padding-top: 30px;
    }
}

/*items begin*/
.w2 {
    width: 50%;
}

.w3 {
    width: 33.333%;
}

@media(max-width: 767px) {
    .w2 {
        width: 100%;
    }
    .w3 {
        width: 50%;
    }
    .logos .w2, .form .w2 {
        width: 50%;
    }
}

@media(max-width: 500px) {
    .w3 {
        width: 100%;
    }
}

@media(max-width: 390px) {
    .form .mfull {
        width: 100%;
    }
}

.w100 {
    width: 100%;
}

.item {
    margin-top: 20px;
}

.pad10 .item {
    margin-top: 10px;
}

.form .pad10 .item {
    margin-top: 20px;
}

.pad15 .item {
    margin-top: 15px;
}

@media(max-width: 767px) {
    .mt30-mob {
        margin-top: 30px;
    }
}

.itemr {
    margin-right: 20px;
}

.pad10 .itemr {
    margin-right: 10px;
}

.pad15 .itemr {
    margin-right: 15px;
}

.items {
    margin: -20px -20px 0 0;
}

.pad15 {
    margin: -15px -15px 0 0;
}

.pad10 {
    margin: -10px -10px 0 0;
}

.blue-cont {
    background-color: #1281ac;
    border-radius: 15px;
    padding: 10px 15px;
}

@media(max-width: 991px) {
    .blue-cont {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.item-in-pad {
    padding: 30px 25px;
}

@media(max-width: 991px) {
    .item-in-pad {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.item-icon {
    height: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-icon img {
    max-height: 73px;
}

.item-cont {
    position: relative;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0 0 17px rgba(0,0,0,0.15);
    padding: 35px 15px;
    overflow: hidden;
}

.equal .itemr, .equal .item-cont, .equal .blue-cont {
    height: 100%;
}

.plan-blocks .itemr {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.plan-blocks .item-cont {
    flex: 1 0 auto;
}

.sale {
    position: absolute;
    z-index: 2000;
    right: -104px;
    top: 21px;
    width: 300px;
    background-color: #e60020;
    text-align: center;
    transform: rotate(40deg);
    padding: 10px 15px;
}

.sale p {
    font-family: 'Serifa-Bold';
    font-size: 22px;
    line-height: 1.3;
    color: #fff;
}

@media(max-width: 460px) {
    .sale {
        right: -115px;
        top: 12px;
    }
    .sale p {
        font-size: 17px;
    }
}
/*items end*/

.text-right {
    width: 100%;
    flex: 1 1;
    padding-left: 10px;
}

.pl-big {
    padding-left: 15px;
}

.text-right2 {
    padding-left: 10px;
}

.text-right p.fs-30 {
    line-height: 1.15;
}

.pl2 {
    padding-left: 8px;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    font-family: 'Serifa-Bold';
    font-size: 21px;
    line-height: 1.1;
    color: #fff;
    background-color: #12ac5e;
    text-align: center;
    border-radius: 17px;
    padding: 23px 22px;
    transition: .3s;
}

.btn-minw {
    min-width: 300px;
    justify-content: center;
}

.blue-btn {
    background-color: #12a7ac;
}

.btn-white {
    background-color: #fff;
    border-color: #fff;
    color: #12a7ac;
}

.btn2 {
    padding-left: 40px;
    padding-right: 40px;
}

.btn .arrow-cent {
    max-height: 17px;
    margin-left: 10px;
}

.btn img {
    max-height: 19px;
}

@media(max-width: 450px) {
    .btn {
        padding-top: 21px;
        padding-bottom: 21px;
    }
}

.btn img {
    position: relative;
    left: 0;
    transition: .3s;
}

@media(max-width: 450px) {
    .btn {
        font-size: 19px;
        justify-content: center;
        text-align: center;
    }
    .btn img {
        display: none;
    }
}

@media(max-width: 400px) {
    .btn2, .btn {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.btn:hover img {
    left: 10px;
    transition: .3s;
}

.btn:hover {
    color: #fff;
    background-color: #10c067;
    transition: .3s;
}

.btn span {
    position: relative;
    top: -1px;
}

.maxw370 {
    width: 100%;
    max-width: 370px;
}

@media(max-width: 767px) {
    .maxw370 {
        max-width: 100%;
    }
}

.content {
    position: relative;
    width: 100%;
    max-width: 450px;
}

.content2 {
    max-width: 550px;
}

.col-pad {
    padding-top: 60px;
    padding-bottom: 70px;
}

.col-pad2 {
    padding-top: 80px;
    padding-bottom: 90px;
}

@media(max-width: 767px) {
    .col-pad, .col-pad2 {
        padding-top: 45px;
        padding-bottom: 60px;
    }
    .pbm0 {
        padding-bottom: 0;
    }
}

.c1 {
    padding: 40px 0 90px 0;
}

@media(max-width: 991px) {
   .content {
       max-width: 500px;
   }
   .media-w2 {
       max-width: 400px;
   }
}

@media(max-width: 767px) {
    .content {
        max-width: 100%;
    }
    #weight-loss-program .content {
        max-width: 400px;
    }
    .c1 {
        padding: 45px 0 60px 0;
    }  
}

@media(max-width: 500px) {
    .pbm0 {
        padding-bottom: 0;
    }  
}

@media(max-width: 767px) {
    .c1 {
        padding-top: 30px;
    }
}

.zind-top {
    position: relative;
    z-index: 3000;
}

/*notes*/
.note {
    width: 100%;
    background-color: #fff;
    border: 2px solid #12ac5e;
    border-radius: 20px;
    padding: 22px 15px;
}

.btns .note, .btns .btn {
    min-height: 80px;
}

@media(max-width: 767px) {
    .note {
        padding-left: 15px;
        padding-right: 15px;
    }
    .btns .note, .btns .btn {
        min-height: auto;
    }    
}

.orange-block {
    background-color: #fff5d5;
    border-color: #ffb30c;
    border-radius: 70px;
}

@media(max-width: 767px) {
    .orange-block {
        border-radius: 20px;
    }
}

.orange-block2 {
    background: linear-gradient(to right, #ffae00, #ffc600);
    background-color: #ffae00;
    border-radius: 15px;
    padding: 23px;
}

.orange-block2 p {
    color: #fff;
}

.owl-item img {
    width: auto !important;
}

.abs {
    position: absolute;
    max-width: none;
    left: 105%;
    bottom: 0;
}

.abs-cent {
    min-height: auto;
    max-height: 100%;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}

.maxh100 {
    max-height: 100%;
}

.abs-pt {
    padding-top: 30px;
}

.abs-left {
    left: auto;
    right: 100%;
}

.maxh90 {
    max-height: 90%;
}

.woman {
    min-height: 103%;
    max-height: 900px;
}

@media(max-width: 1260px) {
    .abs {
        min-height: auto;
        max-height: 100%;
    }
    .modal-woman {
        min-height: 600px;
    }
}

@media(max-width: 991px) {
    .woman {
        left: 89%;
    }
    .media-maxh60 {
        max-height: 60%;
    }
}

@media(max-width: 850px) {
    .woman {
        left: 80%;
    }
}

@media(max-width: 767px) {
    .abs {
        max-height: 350px;
        position: relative;
        max-width: 100%;
        top: auto;
        right: auto !important;
        left: 50% !important;
        transform: translateX(-50%);
        bottom: auto;
    }  
    .abs-mt {
        margin-top: 30px;
    }
    .woman {
        max-width: none;
        position: absolute;
        right: -112%;
        left: auto;
        bottom: 0;
        min-height: 650px;
        max-height: 100%;
        transform: none;
        opacity: 1;
    }
    #weight-loss-program .content {
        max-width: 330px;
    }
    #weight-loss-program ol li {
        font-size: 16px;
    }
}

@media(max-width: 500px) {
    #weight-loss-program .content {
        max-width: 100%;
    }
}

@media(max-width: 600px) {
   .woman {
       right: -90%;
       opacity: 0.5;
   }
}

@media(max-width: 500px) {
    .woman {
        max-height: 400px;
        position: relative;
        max-width: none;
        min-height: auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        opacity: 1;
        margin-top: -35px;
    }
}

.secure-block {
    border-top: 2px solid #b2dfe9;
    border-bottom: 2px solid #b2dfe9;
    padding: 12px 0;
}

.leaf-top {
    max-width: none;
    max-height: 350px;
    position: absolute;
    right: -110px;
    top: -200px;
}

.leaf-top2 {
    max-height: 350px;
    position: absolute;
    right: -220px;
    top: -100px;
}

.leaf-top3 {
    max-height: 270px;
    position: absolute;
    left: -40px;
    top: -170px;
}

.bot-img {
    max-width: none;
    position: absolute;
    left: 45%;
    transform: translateX(-50%);
    bottom: 0;
}

.sides {
    left: 50%;
}

.bot-img-left {
    position: absolute;
    left: -20%;
    bottom: 0;
    max-height: 250px;
}

.leafs-small {
    max-height: 370px;
}

@media(max-width: 991px) {
    .bot-img {
        max-width: 550px;
        max-height: none;
    }
}

.text-block {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    border-radius: 20px;
    padding: 30px 27px;
} 

.cont-top {
    padding: 30px 20px;
}

.block-pad {
    padding: 0 27px;
}

.bot-pad {
    padding: 27px;
    padding-top: 0;
}

@media(max-width: 500px) {
    .bot-pad {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.sides-pad {
    padding: 27px;
}

.sides-pad20 {
    padding: 20px;
}

@media(max-width: 991px) {
    .sides-block, .sides-pad20 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.p0 {
    padding: 0;
}

.pb0 {
    padding-bottom: 0;
}

.flex-line {
    margin-top: 30px;
}

.flex-line:first-child {
    margin-top: 0;
}

.flex-line .point-icon {
    width: 48px;
}

.flex-line .point-icon img {
    max-width: 48px;
}

.point-icon img {
    margin: 0 auto;
}

.flex-line .point-text {
    width: 100%;
    flex: 1 1;
    padding-left: 15px;
}

.add-text {
    position: relative;
    padding-left: 21px;
}

.add-text:before {
    content: '';
    position: absolute;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: #12a7ac;
}

.col {
    position: relative;
}

.w40 {
    width: 44%;
}

.w55 {
    width: 55%;
}

.w45 {
    width: 45%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 56%;
}

@media(max-width: 767px) {
    .col {
        width: 100%;
    }
    .col:last-child {
        margin-top: 35px;
    }
    .col.col-pad:last-child {
        margin-top: 0;
    }
    .col img {
        max-height: 400px;
    }
}

.padl {
    padding-left: 35px;
}

.padr {
    padding-right: 35px;
}

.padr2 {
    padding-right: 50px;
}

.col-fix {
    position: relative;
    width: 100%;
    max-width: 340px;
}

@media(max-width: 767px) {
    .col-fix {
        max-width: 100%;
    }
    .padl {
        padding-left: 0;
    }
    .padr, .padr2 {
        padding-right: 0;
    }
}

.col-flex {
    width: 100%;
    flex: 1 1;
}

footer {
    background-color: #127bac;
    padding: 55px 0 50px 0;
}

footer p {
    font-size: 16px;
}

@media(max-width: 767px) {
    footer {
        padding: 45px 0 40px 0;
    }
}
