.wrap {
    width: 82vw;
    margin: 0 auto;
}
.abs{
    position: absolute;
}
h1,h1 *,h2,h2 *,h3,h3 *{
    font-family: 'Bebas';
}section#main {
    height: 50.7vw;
    background-size: cover;
}img.abs.woman-yellow {
    top: 3.4vw;
    left: 0;
    width: 52vw;
}#main .wrap {
    padding-top: 4.8vw;
    padding-left: 42.7vw;
}img.logo {
    width: 8.1vw;
}h1 {
    font-size: 4.68vw;
    margin-top: 1.4vw;
    color: #1f1f1f;
    white-space: pre-line;
}h1 i {
    font-style: italic;
}h1 mark {
    background: #f5e82c;
    padding: 0 1vw;
    left: -1vw;
} .label {
    background: white;
    border-radius: 1vw;
    display: inline-block;
    margin: 3.3vw 0 1.3vw 1.4vw;
    padding: 0.2vw 0 0.4vw 3.5vw;
    font-size: 1.7vw;
    line-height: 120%;
    font-weight: 100;
    width: 33.7vw;
}.check-wrap.abs {
    background: white;
    border: 2px solid #f5e82c;
    top: 0;
    left: 0;
    z-index: 2;
}.check-wrap.abs {
    background: white;
    border: 3px solid #f5e82c;
    top: -1.6vw;
    left: -2vw;
    z-index: 2;
    border-radius: 50%;
    width: 5vw;
    height: 5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}.check-wrap.abs img {
    width: 1.8vw;
}img.arr {
    position: absolute;
    left: -1.6vw;
    bottom: -3.6vw;
    width: 1.8vw;
} #main .btn {
    margin-left: 3vw;
}
.btn.yellow-btn {
    background-color: rgb(245, 232, 44);
    -webkit-box-shadow: 0px 3px 0.33px 0.67px rgb(195 184 27 / 90%);
            box-shadow: 0px 3px 0.33px 0.67px rgb(195 184 27 / 90%);
    border-radius: 20px;
}
.btn {
    margin: 0vw;
    display: inline-block;
    width: 27.3vw;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.78vw;
    padding: 1.26vw 0;
    /* margin-left: 3vw; */
}p.descr {
    margin: 1.15vw 0 0 3.4vw;
    font-size: 1.61vw;
}section#about .wrap {
    padding: 7vw 0 13vw 35.5vw;
}section#about p {
    font-size: 1.86vw;
    line-height: 124%; 
}section#about p a {
    color: #4693ea;
    border-bottom: thin solid;
}.name.abs i {
    font-size: 0.967vw;
}section#about a:hover { 
    border-color: transparent;
}
.name.abs {
    left: 35.77vw;
    top: 28.35vw;
    font-size: 1.26vw;
    /* white-space: pre-line; */
}img.photo.abs {
    left: -2.2vw;
    top: 0;
    width: 37vw;
}section#last {
    text-align: center;
}h2 mark {
    background: white;
    border-radius: 1vw;
    padding: 0 1vw;
}
h2, h3 {
    font-size: 4.26vw;
    white-space: pre-line;
    padding-top: 11.1vw;
}img.like {
    position: absolute;
    left: -7vw;
    top: -3.6vw;
    right: 0;
    margin: 0 auto;
    width: 25vw;
}h3 {
    padding-top: 0.7vw;
}#last .label {
    margin: 4vw auto 1.2vw;
    display: block;
    padding: 2.2vw 0 1.7vw;
}#last .label .check-wrap.abs {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -3vw;
}img.next {
    width: 2.2vw;
}#last .btn {
    margin-top: 1.3vw;
    width: 30vw;
    font-size: 1.9vw;
}#last p.descr {
    font-size: 1.07vw;
    margin-bottom: 3.7vw;
}footer {
    text-align: center;
    background: #232323;
    padding: 2vw 0;
}.btn.yellow-btn:hover {
    background-color: rgb(255 243 69);
    -webkit-box-shadow: none;
            box-shadow: none; 
}.btn.yellow-btn:active{
    background-color: rgb(245, 232, 44);
    -webkit-box-shadow: inset 0px 3px 0.33px 0.67px rgb(195 184 27 / 90%);
            box-shadow: inset 0px 3px 0.33px 0.67px rgb(195 184 27 / 90%);
}section#last { 
    background-size: cover;
}


/* -------------------------------------------- */
/* -------------------------------------------- */
/* ---------------------THEME_BLUE----------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
#theme--blue
section#main {
    height: 50vw;  
}#theme--blue #main .wrap {
    padding-top: 6vw;
    padding-left: 7.7vw;
}#theme--blue  h1 mark {
    background: white;
    padding: 0 1vw;
    padding-left: 22vw;
    left: -22vw;
}#theme--blue  .check-wrap.abs {
    border-color: #c1f2ff;
}#theme--blue .check-wrap.abs img {
    width: 2.8vw;
}#theme--blue .label{
    background: #c1f2ff;
} 
#theme--blue .btn{
    background: -webkit-gradient( linear, left top, left bottom, from(0), color-stop(0%, rgb(244,178,35)), to(rgb(255,230,162)));
    background: -o-linear-gradient( 0, rgb(244,178,35) 0%, rgb(255,230,162) 100%);
    background: linear-gradient( 0, rgb(244,178,35) 0%, rgb(255,230,162) 100%);
    -webkit-box-shadow: 0px 13px 15px 0px rgba(0, 0, 0, 0.4),0px 5px 0.66px 1.34px rgba(147, 103, 1, 0.004);
            box-shadow: 0px 13px 15px 0px rgba(0, 0, 0, 0.4),0px 5px 0.66px 1.34px rgba(147, 103, 1, 0.004);
    border: 3px solid  #d3ad4d;
}
#theme--blue section#last {
    background-color: #91d2e4;
    background-size: cover;
}#theme--blue img.like{
    display: none;
}#theme--blue h2,#theme--blue h3 {  
    padding-top: 6.1vw; 
}#theme--blue section#last {
    text-align: left;
}#theme--blue #last .wrap {
    padding-left: 41vw;
}#theme--blue h3 {
    padding-top: 0.7vw;
}#theme--blue #last .label {
    margin: 1.7vw 0.35vw 0.5vw;
    display: block;
    padding: 0.2vw 0 0.3vw 3.4vw;
}#theme--blue #last .label .check-wrap.abs {
    left: -33vw;
    right: 0;
    margin: 0 auto;
    top: -1.7vw;
}#theme--blue #last .btn {
    margin-left: 1.2vw;
}#theme--blue  #last p.descr {
    font-size: 1.54vw;
    margin-bottom: 4.7vw;
    margin-left: 2vw;
}#theme--blue  h2 mark{
    margin-left: -1vw;
}



/* -------------------------------------------- */
/* -------------------------------------------- */
/* ---------------------THEME_BLUE----------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */

#theme--green section#main {
    height: 53.45vw;
    text-align: center;
    background-size: cover;
}#theme--green #main .wrap {
    padding-top: 14.2vw;
    padding-left: 0;
}#theme--green img.logo.abs {
    left: 2vw;
    top: 3.3vw;
    width: 11.3vw;
}#theme--green h1,#theme--green h1 *,#theme--green h2,#theme--green h2 *,#theme--green h3,#theme--green h3 *{
    font-family: 'Mont';
}#theme--green h1 {
    background: white;
    border-radius: 10vw 0 0 10vw;
    margin-top: 0;
    margin-left: 16vw;
    margin-right: -9vw;
    padding-right: 15.5vw;
    text-align: right;
    font-size: 3.14vw;
    font-weight: bold;
    padding-top: 1.9vw;
    padding-bottom: 2vw;
    white-space: normal;
}#theme--green h1 + p {
    color: white;
    margin-top: 6vw;
    white-space: pre-line;
    font-size: 1.83vw;
    line-height: 151%;
    margin-bottom: 1.7vw;
}#theme--green .btn{
    background: -webkit-gradient(
        linear, left top, left bottom, from(#FF9838), color-stop(24.48%, #FF7A00), color-stop(68.23%, #FF7A00), to(#FF9431));
    background: -o-linear-gradient(
        top, #FF9838 0%, #FF7A00 24.48%, #FF7A00 68.23%, #FF9431 100%);
    background: linear-gradient(
        180deg, #FF9838 0%, #FF7A00 24.48%, #FF7A00 68.23%, #FF9431 100%);
    -webkit-box-shadow: 0px 0px 88.7931px rgb(0 0 0 / 20%);
            box-shadow: 0px 0px 88.7931px rgb(0 0 0 / 20%);
    font-weight: bold;
    font-size: 2.1vw;
    border-radius: 20vw;
    width: 22vw;
    margin: 0 auto;
}#theme--green  p.descr {
    margin: 1.7vw 0 0 0;
    font-size: 1.82vw;
    color: white;
    font-weight: 500;
}#theme--green h1 strong {
    font-weight: 900;
}#theme--green h1 small {
    display: block;
    font-size: 1.83vw;
    font-weight: 500;
    margin-top: 1.44vw;
}.img-wrap img {
    position: absolute;
    bottom: 0;
    right: -3.7vw;
    width: 28.6vw;
}
.img-wrap {
    position: absolute;
    left: 0;
    top: 6.75vw;
    /* background: red; */
    background: -webkit-gradient(
linear, left top, left bottom, color-stop(26.7%, #C9DD59), to(#BBDD59));
    background: -o-linear-gradient(
top, #C9DD59 26.7%, #BBDD59 100%);
    background: linear-gradient(
180deg, #C9DD59 26.7%, #BBDD59 100%);
    border-radius: 0 10vw 10vw 0;
    width: 37vw;
    height: 16.6vw;
}#theme--green section#about .wrap {
    padding: 4.6vw 0 3.4vw 0;
}#theme--green h2 {
    padding-top: 0;
    margin-left: 32vw;
    font-weight: bold;
    font-size: 3.15vw;
}#about ul li:before {
    content: '\2014';
    position: absolute;
    left: -1.7vw;
    top: 0;
    font-size: 1.5vw;
    font-weight: bold;
    line-height: 90%;
}

#about ul li {
    margin-bottom: 1.2vw;
    /* display: block; */
}
#about ul strong {
    display: block;
    font-size: 1.56vw;
    margin-bottom: 0.5vw;
}
#about ul {
    margin: 2.9vw 0 0 35vw;
    font-size: 1.3vw;
    font-weight: 500;
}.text span {
    border-bottom: 2px solid;
}
.text strong {
    font-weight: 500;
    font-size: 1.57vw;
    display: block;
    margin-top: 1vw;
}
.text {
    text-align: center;
    white-space: pre-line;
    margin-top: 4.6vw;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 150%;
}#theme--green  section#last {
    background: #CADD5A;
    text-align: center;
    padding-top: 5vw;
}#theme--green  h3 {
    border-radius: 41vw;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, #CFE35B), to(#AFD14C));
    background: -o-linear-gradient(0, #CFE35B 0%, #AFD14C 100%);
    background: linear-gradient(0, #CFE35B 0%, #AFD14C 100%);
    font-weight: bold;
    font-size: 3.09vw;
    width: 41vw;
    margin: 0 auto;
    white-space: normal;
    line-height: 135%;
    padding: 1.4vw 0;
}#theme--green  h3 + p {
    white-space: pre-line;
    font-size: 1;
    /* color: white; */
    margin-top: 3.2vw;
    white-space: pre-line;
    font-size: 1.83vw;
    line-height: 128%;
    font-weight: 500;
    margin-bottom: 2.3vw;
}#theme--green #last p.descr{
    color: black;
    margin-bottom: 3vw;
}#theme--green .btn:hover{
    background: #FF9838 ;
}.text br{
    display: none;
}