html,
body,
div,
h1,
clearfix,
a,
container,
header,
home,
menu,
menu1,
appoiment {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

html {
    height: 100%;
    background-color: #f0f0f0;
}

body {
    min-width: 320px;
}

a,
a:hover,
a:active,
a:visited {
    text-decoration: none;
    color: #000;
}

a.decor {
    text-decoration: none;
    color: #f0f0f0;
}

a.decor:hover {
    text-decoration: none;
    color: #f0f0f0;
}

a.decor:active {
    text-decoration: none;
    color: #f0f0f0;
}

a.decor:visited {
    text-decoration: none;
    color: #f0f0f0;
}

nav {
    text-decoration: none;
    color: #000;
}

@font-face {
    font-family: Montserrat Regular;
    src: url(../fonts/Montserrat-Regular.otf);
}

@font-face {
    font-family: Montserrat Bold;
    src: url(../fonts/Montserrat-Bold.otf);
}

@font-face {
    font-family: Open Sans Regular;
    src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: Open Sans Extrabold;
    src: url(../fonts/OpenSans-ExtraBold.ttf);
}

@font-face {
    font-family: Open Sans Semibold;
    src: url(../fonts/OpenSans-Semibold.ttf);
}

@font-face {
    font-family: Open Sans Italic;
    src: url(../fonts/OpenSans-Italic.ttf);
}

@font-face {
    font-family: Open Sans Semibold Italic;
    src: url(../fonts/OpenSans-SemiboldItalic.ttf);
}

@font-face {
    font-family: Open Sans Bold;
    src: url(../fonts/OpenSans-Bold.ttf);
}

@font-face {
    font-family: Helvertica Neue Cendenced Bold;
    src: url(../fonts/helvetica-neue-condensed-bold.ttf);
}

.left {
    float: left;
}

.right {
    float: right;
}


/*1 BLOCK*/

.n_header {
    width: 100%;
    height: auto;
    padding-top: 8.5vw;
    padding-bottom: 8vw;
    background: #141422 url(../images/n_bg_1.jpg) no-repeat center top;
    -webkit-background-size: 100vw auto;
    -o-background-size: 100vw auto;
    -moz-background-size: 100vw auto;
    background-size: 100vw auto;
}

.n_bus_idea {
    font: 3.5vw/3.5vw Montserrat Regular;
    color: #f0f0f0;
    text-align: center;
    text-transform: uppercase;
}

.n_learn {
    font: 2.5vw/2.5vw Open Sans Regular;
    color: #f0f0f0;
    text-align: center;
    width: 65%;
    height: auto;
    margin-top: 6vw;
    margin-left: 18%;
    line-height: 3vw;
}

.n_yellow {
    font: 2.5vw/2.5vw Open Sans Extrabold;
    color: #ffea00;
}


/*2 BLOCK*/

.n_video_block {
    width: 100%;
    height: auto;
    padding-bottom: 5vw;
    background: url(../images/n_bg_3.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.n_vb_head {
    width: 100%;
    height: auto;
    background: url(../images/n_bg_2.png) no-repeat top center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    padding-top: 2vw;
    padding-bottom: 2.5vw;
}

.n_vb_text {
    font: 1.5vw/1.5vw Open Sans Semibold;
    color: #000;
    text-align: center;
    padding-bottom: 0.8vw;
}

.n_video-wrap>video,
.n_video-wrap>iframe {
    width: 50%;
    height: auto;
    margin-top: 3vw;
    margin-left: 25%;
}

.n_like {
    width: 25%;
    height: auto;
    margin-left: 37.5%;
    margin-top: 3vw;
    display: inline-block;
}

.n_like_pos1 {
    width: 15%;
    height: auto;
    text-align: left;
}

.n_like_pos2 {
    width: 15%;
    height: auto;
    margin-left: 27.5%;
    margin-right: 27.5%;
    text-align: center;
}

.n_like_pos3 {
    width: 15%;
    height: auto;
    text-align: right;
}

.n_access {
    width: 24%;
    height: auto;
    font: 3vw/3vw Open Sans Extrabold;
    color: #f0f0f0;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    background-color: #e53935;
    text-align: center;
    margin-left: 38%;
    margin-top: 5vw;
    text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.5);
}

.n_access:hover {
    background-color: #d9312d;
    cursor: pointer;
}


/*3 BLOCK*/

.n_what_is {
    width: 100%;
    height: auto;
    background-color: #f0f0f0;
    margin-bottom: 5vw;
}

.n_what_title {
    width: 100%;
    font: 3vw/3vw Open Sans Regular;
    background: #13121c;
    color: #f0f0f0;
    text-align: center;
    padding: 1vw 0;
}

span.n_w_title {
    font: 3vw/3vw Open Sans Italic;
    color: #f0f0f0;
}

.n_what_main_part {
    width: 100%;
    height: auto;
    background: #000 url(../images/n_bg_4.jpg) no-repeat top center;
    -webkit-background-size: 100vw auto;
    -o-background-size: 100vw auto;
    -moz-background-size: 100vw auto;
    background-size: 100vw auto;
}

.n_what_info {
    width: 33%;
    height: auto;
    margin-left: 54%;
    background: url(../images/n_bg_5.jpg) no-repeat top center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    padding-top: 4.5vw;
    padding-bottom: 5.5vw;
    padding-left: 3%;
    padding-right: 1%;
}

.n_what_text {
    width: 92%;
    height: auto;
    font: 1.4vw/1.4vw Open Sans Regular;
    color: #000;
    line-height: 1.8vw;
    text-align: center;
}

span.n_ossbi {
    font: 1.4vw/1.4vw Open Sans Semibold Italic;
}

span.n_osb {
    font: 1.4vw/1.4vw Open Sans Bold;
}


/*4 BLOCK*/

.n_how {
    width: 100%;
    height: auto;
    background-color: #f0f0f0;
    margin-bottom: 5vw;
}

.n_how_header {
    width: 100%;
    height: auto;
    background: #f0f0f0 url(../images/n_bg_6.png) no-repeat top center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    padding-bottom: 3.5vw;
    padding-top: 2vw;
    margin-bottom: 2.5vw;
}

.n_how_title {
    width: 70%;
    height: auto;
    font: 3vw/3vw Open Sans Semibold;
    color: #f0f0f0;
    text-align: center;
    margin: 0 15%;
    line-height: 3.5vw;
}

span.n_how_title_opsbi {
    font: 3vw/3vw Open Sans Semibold Italic;
    color: #f0f0f0;
}

.n_how_left {
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top: 3.5vw;
    margin-bottom: 3.5vw;
    float: left;
}

.n_how_left_bg {
    width: 50%;
    height: auto;
    float: left;
}

.n_how_pic {
    width: 100%;
    height: auto;
    float: left;
}

.n_how_left_text {
    width: 48%;
    height: auto;
    margin-left: 2%;
    font: 1.6vw/1.6vw Open Sans Regular;
    line-height: 2.2vw;
    text-align: left;
    float: left;
    margin-top: 3vw;
}

.n_how_right {
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top: 3.5vw;
    margin-bottom: 3.5vw;
    float: left;
}
.n_how_right_last {
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top: 3.5vw;
    float: left;
    text-align: left;
}

.n_how_right_text {
    width: 48%;
    height: auto;
    margin-right: 2%;
    font: 1.6vw/1.6vw Open Sans Regular;
    line-height: 2.2vw;
    text-align: left;
    float: left;
    margin-top: 3vw;
}

.n_how_right_bg {
    width: 50%;
    height: auto;
    float: left;
}


/*5 BLOCK*/

.n_what_will {
    width: 100%;
    height: auto;
    background-color: #f0f0f0;
    margin-bottom: 5vw;
}

.n_what_will_header {
    width: 100%;
    height: auto;
    background: #f0f0f0 url(../images/n_bg_7.png) no-repeat top center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    padding-bottom: 3.5vw;
    padding-top: 2.5vw;
}

.n_what_will_long {
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top: 3vw;
    float: left;
}

.n_what_will_t {
    width: 33.3%;
    height: auto;
    float: left;
}

.n_what_will_pic {
    width: 18%;
    height: auto;
    float: left;
}

.n_what_will_pic_con {
    width: 100%;
    height: auto;
}

.n_what_will_text {
    width: 70%;
    height: auto;
    padding: 0 6%;
    font: 1.2vw/1.2vw Open Sans Regular;
    float: left;
    text-align: left;
    line-height: 1.5vw;
    color: #13121c;
}

span.n_what_will_text_it {
    font: 1.2vw/1.2vw Open Sans Italic;
}


/*6 BLOCK*/

.n_process {
    width: 100%;
    height: auto;
    background-color: #f0f0f0;
    margin-bottom: 5vw;
}

.n_process_header {
    width: 100%;
    height: auto;
    background: #f0f0f0 url(../images/n_bg_8.png) no-repeat top center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    padding-bottom: 3.5vw;
    padding-top: 2.5vw;
}

.n_process_left {
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top: 3.5vw;
    float: left;
}

.n_process_h_block {
    width: 100%;
    height: auto;
    float: left;
}

.n_process_h {
    font: 1.985vw/1.985vw Open Sans Bold;
    color: #f0f0f0;
    border: 1px solid #f24841;
    padding: 1vw 0.75vw;
    text-align: left;
    background: #f24841;
    margin-bottom: 2.5vw;
}

.n_process_pic {
    width: 66%;
    height: auto;
}

.n_process_text {
    width: 30%;
    height: auto;
    padding: 0 2%;
    text-align: center;
    font: 1.6vw/1.6vw Open Sans Regular;
    line-height: 3vw;
}

span.n_process_text_h {
    font: 1.6vw/1.6vw Open Sans Bold;
}

.n_process_text_h_m {
    margin-top: 5vw;
}

.n_process_right {
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top: 3.5vw;
    float: left;
}

.n_process_h_r {
    font: 1.985vw/1.985vw Open Sans Bold;
    color: #f0f0f0;
    border: 1px solid #f24841;
    padding: 1vw 0.75vw;
    text-align: left;
    background: #f24841;
    margin-bottom: 2.5vw;
}


/*7 BLOCK*/

.n_lot {
    width: 100%;
    height: auto;
    background: #f0f0f0 url(../images/n_bg_9.jpg) no-repeat top center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    margin-bottom: 5vw;
}

.n_lot_header {
    width: 100%;
    height: auto;
    background: url(../images/n_bg_10.png) no-repeat center top;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    padding-bottom: 6vw;
    padding-top: 2.5vw;
}

.n_lot_title {
    width: 70%;
    height: auto;
    font: 3.2vw/3.2vw Open Sans Semibold;
    color: #f0f0f0;
    text-align: center;
    margin-left: 15%;
}

.n_lot_info {
    width: 100%;
    height: auto;
    margin-top: 26.3vw;
    background: #ffea00;
    padding: 1.5vw 0;
}

.n_lot_text {
    font: 2vw/2vw Open Sans Semibold;
    line-height: 3vw;
    text-align: center;
}


/*8 BLOCK*/

.n_top_reasons {
    width: 100%;
    height: auto;
    background-color: #f0f0f0;
    margin-bottom: 5vw;
}

.n_top_reasons_header {
    width: 100%;
    height: auto;
    background: url(../images/n_bg_11.png) no-repeat center top;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    padding-bottom: 3.5vw;
    padding-top: 2.5vw;
}

.n_top_reasons_title {
    width: 70%;
    height: auto;
    font: 3.2vw/3.2vw Open Sans Semibold;
    color: #f0f0f0;
    text-align: center;
    margin-left: 15%;
    line-height: 4vw;
}


/*9 BLOCK*/

.n_story {
    width: 100%;
    height: auto;
    background-color: #f0f0f0;
    margin-bottom: 5vw;
}

.n_story_title {
    width: 100%;
    height: auto;
    padding: 1.5vw 0;
    background: #000;
    font: 3vw/3vw Open Sans Regular;
    color: #f0f0f0;
    text-align: center;
}

.n_story_main {
    width: 100%;
    height: auto;
    background: url(../images/n_bg_12.jpg) no-repeat center top;
    background-size: 100vw auto;
    -webkit-background-size: 100vw auto;
    -o-background-size: 100vw auto;
    -moz-background-size: 100vw auto;
}

.n_story_info {
    width: 43%;
    height: auto;
    background: url(../images/n_bg_13.jpg) no-repeat center top;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    margin-left: 39%;
    padding-top: 4.75vw;
    padding-bottom: 5vw;
}

.n_story_text {
    width: 92%;
    height: auto;
    margin-left: 4%;
    font: 1.4vw/1.4vw Open Sans Regular;
    line-height: 1.9vw;
    text-align: center;
}


/*10 BLOCK*/

.n_thous {
    width: 100%;
    height: auto;
    background-color: #f0f0f0;
    margin-bottom: 5vw;
}

.n_thous_header {
    width: 100%;
    height: auto;
    background: url(../images/n_bg_14.png) no-repeat center top;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    padding-bottom: 3.5vw;
    padding-top: 2.5vw;
}

.n_thous_text {
    width: 70%;
    height: auto;
    font: 2.4vw/2.4vw Open Sans Bold;
    color: #ef5350;
    margin-left: 15%;
    margin-top: 3vw;
    margin-bottom: 3vw;
    line-height: 3vw;
    text-align: center;
}

.n_thous_pic1 {
    width: 100%;
    height: auto;
    margin-bottom: 2.5vw;
}

.n_thous_pic2 {
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-top: 2.5vw;
}


/*11 BLOCK*/

.n_hello {
    width: 100%;
    height: auto;
    background: url(../images/n_bg_15.jpg) no-repeat center top;
    background-size: 100vw auto;
    -webkit-background-size: 100vw auto;
    -o-background-size: 100vw auto;
    -moz-background-size: 100vw auto;
    margin-bottom: 5vw;
}

.n_hello_info {
    width: 35%;
    height: auto;
    margin-left: 40.5%;
    background: rgba(0, 0, 0, 0.7);
    padding-bottom: 3.2vw;
}

.hello_title {
    width: 90%;
    height: auto;
    margin-left: 5%;
    padding-top: 2.5vw;
    padding-bottom: 1.5vw;
    font: 2.5vw/2.5vw Open Sans Semibold;
    color: #ffc200;
}

.n_hello_text {
    width: 90%;
    height: auto;
    margin-left: 5%;
    padding-top: 2.5vw;
    border-top: 1px solid #f0f0f0;
    font: 1.4vw/1.4vw Open Sans Regular;
    line-height: 1.7vw;
    color: #f0f0f0;
}

span.n_hello_text_bold {
    font: 1.4vw/1.4vw Open Sans Bold;
    color: #ffc200;
}

span.n_hello_text_italic {
    font: 1.4vw/1.4vw Open Sans Semibold Italic;
    color: #ffc200;
}


/*12 BLOCK*/

.n_training {
    width: 100%;
    height: auto;
    background-color: #f0f0f0;
    margin-bottom: 5vw;
}

.n_training_header {
    width: 100%;
    height: auto;
    background: url(../images/n_bg_16.png) no-repeat center top;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    padding-bottom: 3vw;
    padding-top: 2.5vw;
    margin-bottom: 4vw;
}

.n_thaining_title {
    width: 70%;
    height: auto;
    margin-left: 15%;
    font: 3.5vw/3.5vw Open Sans Semibold;
    color: #f0f0f0;
    text-align: center;
}

.n_training_left {
    width: 65%;
    height: auto;
    margin-left: 17.5%;
    margin-top: 2vw;
    margin-bottom: 1vw;
}

.n_training_pic {
    width: 40%;
    height: auto;
}

.n_training_left_text {
    width: 55%;
    height: auto;
    margin-left: 5%;
    font: 1.5vw/1.5vw Open Sans Semibold;
    line-height: 2.3vw;
    float: left;
}

.n_training_left_text1 {
    width: 55%;
    height: auto;
    margin-left: 5%;
    font: 1.5vw/1.5vw Open Sans Semibold;
    line-height: 2.3vw;
    float: left;
    margin-top: 2vw;
}

.n_training_right {
    width: 65%;
    height: auto;
    margin-left: 17.5%;
    margin-top: 2vw;
    margin-bottom: 1vw;
}

.n_training_right_text {
    width: 55%;
    height: auto;
    margin-right: 5%;
    font: 1.5vw/1.5vw Open Sans Semibold;
    line-height: 2.3vw;
    float: left;
    margin-top: 2vw;
}

span.n_training_opsbi {
    font: 1.5vw/1.5vw Open Sans Semibold Italic;
}

.n_training_point1 {
    width: 30%;
    height: auto;
    margin-left: 27%;
}

.n_training_point2 {
    width: 32%;
    height: auto;
    margin-left: 29.5%;
}

.n_training_point3 {
    width: 42%;
    height: auto;
    margin-left: 20.5%;
}

.n_training_point4 {
    width: 45%;
    height: auto;
    margin-left: 23.5%;
}


/*13 BLOCK*/

.o_green {
    background: url(../images/o_green.png) no-repeat center bottom;
    width: 100%;
    padding-top: 2.5vw;
    padding-bottom: 4vw;
    text-align: center;
    font: 3.5vw/3.5vw Open Sans Semibold;
    color: #f0f0f0;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    margin-bottom: 3.5vw;
    border: none;
}

.o_all2 {
    width: 70%;
    height: auto;
    margin-left: 15%;
}

.o_bg01 {
    background: url(../images/o_bg01.png) no-repeat left bottom;
    width: 100%;
    height: auto;
    -o-background-size: contain;
    /*CONTAIN*/
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

.o_bg1 {
    background: url(../images/o_bg1.png) no-repeat left bottom;
    width: 100%;
    height: auto;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    margin-top: -2vw;
}

.o_bg02 {
    background: url(../images/o_bg02.png) no-repeat left bottom;
    width: 100%;
    height: auto;
    -o-background-size: contain;
    /*CONTAIN*/
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    margin-top: -2vw;
}

.o_text_cont {
    width: 100%;
    height: 23vw;
    padding-top: 6.5vw;
    padding-left: 8%;
}

.o_pictsize {
    height: auto;
    width: inherit;
}

.o_sesion {
    font: 2vw/2vw Open Sans Regular;
    color: #ffd600;
    border: 3px dotted #ffd600;
    width: 13%;
    text-align: center;
    padding-bottom: 3vw;
    padding-top: 3vw;
    position: absolute;
}

.o_text1 {
    margin-top: 1.5vw;
    padding-left: 2%;
    font: 1.55vw/1.55vw Open Sans Regular;
    color: #f0f0f0;
    height: auto;
    width: 78%;
    border-left: 4px solid #ffd600;
    line-height: 1.5;
}

.o_p {
    width: 90.2%;
    float: right;
    height: 7.8vw;
    margin-top: 2.4vw;
    border-left: 3px dotted #ffd600;
}

.o_cont0 {
    width: 100%;
    height: auto;
}

.o_cont1 {
    width: 1%;
    padding-left: 17%;
    height: auto;
}

.o_cont2 {
    width: 10%;
    margin-left: 6.5%;
    height: auto;
    position: absolute;
}

.o_s1 {
    padding-top: 5vw;
    width: 100%;
}

.o_s2 {
    padding-top: 23vw;
    position: relative;
    width: 100%;
}

.o_s202 {
    padding-top: 28vw;
    width: 100%;
}

.o_d_text {
    font: 1.4vw/1.4vw Open Sans Regular;
    color: black;
    padding-top: 50px;
    padding-left: 3%;
    padding-bottom: px;
}

.o_cont_blockline {
    border-left: 3px dotted #ffd600;
    width: 83%;
    height:auto;
    padding-bottom: 3vw;
}

.o_cont3 {
    width: 85%;
    height: auto;
    background: #e8e8e8;
}

.o_bg2 {
    background: url(../images/o_bg2.png) no-repeat left bottom;
    width: 100%;
    height: auto;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    margin-top: -2vw;
}

.o_s21 {
    padding-top: 16.5vw;
    width: 100%;
}

.o_bg3 {
    background: #222 url(../images/o_bg3.png) no-repeat left bottom;
    width: 100%;
    height: auto;
    -o-background-size: contain;
    /*CONTAIN*/
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

.o_s22 {
    padding-top: 5vw;
    width: 100%;
}

.o_bgpal1 {
    width: 1%;
    border-left: 3px dotted #ffd600;
    height: 34vw;
    position: absolute;
}

.o_all1 {
    width: 70%;
    height: 950px;
    margin-left: 15%;
}

.o_bg4 {
    background: url(../images/o_bg4.png) no-repeat left bottom;
    width: 100%;
    height: auto;
    -o-background-size: contain;
    /*CONTAIN*/
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    margin-top: -2vw;
}

.o_s23 {
    padding-top: 19vw;
    width: 100%;
}

.o_bg5 {
    background: url(../images/o_bg5.png) no-repeat left bottom;
    width: 100%;
    height: auto;
    -o-background-size: contain;
    /*CONTAIN*/
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    margin-top: -2vw;
}

.o_s201 {
    padding-top: 17vw;
    width: 100%;
}

.o_dgrey {
    width: 70%;
    height: auto;
    margin-left: 15%;
    text-align: center;
    height: auto;
    background: #474747;
    font: 1.6vw/1.6vw Open Sans Regular;
    padding-top: 3vw;
    padding-bottom: 3vw;
    color: #f0f0f0;
}


/*18 BLOCK*/

.o_bg6 {
    background: #e8e8e8;
    width: 100%;
    height: auto;
    margin-top: 5vw;
}

.contforall {
    width: 70%;
    height: auto;
    margin-left: 15%;
}

.o_blue {
    background: #e8e8e8 url(../images/o_blue.png) no-repeat center bottom;
    width: 100%;
    padding-top: 2.5vw;
    padding-bottom: 3.5vw;
    text-align: center;
    font: 3.5vw/3.5vw Open Sans Semibold;
    color: #f0f0f0;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    margin-bottom: 3.5vw;
}

.o_pr {
    text-align: center;
    padding-top: 3vw;
    padding-bottom: 3vw;
}

.o_blok1 {
    width: 70%;
    margin-left: 15%;
}

.o_list1 {
    background: url(../images/o_list1.png) no-repeat center bottom;
    width: 100%;
    height: auto;
    margin-bottom: 3.5vw;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    background-size: contain;
}

.o_textlist {
    font: 1.9vw/1.9vw Open Sans Bold;
    color: #474747;
    text-align: left;
    width: 100%;
    padding-top: 3vw;
    padding-bottom: 2.5vw;
    height: auto;
}

.o_contall01 {
    width: 70%;
    margin-left: 15%;
    height: 35vw;
}

.o_picblock {
    width: 40%;
    height: auto;
}

.o_lisrpic1 {
    width: 100%;
    height: auto;
}

.o_listblocktext1 {
    font: 1.5vw/1.5vw Open Sans Semibold;
    color: #565656;
    text-align: left;
    width: 56%;
    line-height: 2.5vw;
}

.o_listitalic {
    font: 1.5vw/1.5vw Open Sans Semibold Italic;
    color: #565656;
}

.o_list2 {
    background: url(../images/o_list2.png) no-repeat center bottom;
    width: 100%;
    height: auto;
    margin-bottom: 3.5vw;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

.o_listheader2 {
    font: 2vw/2vw Open Sans Regular;
    color: #474747;
    text-align: left;
    width: 70%;
    padding-top: 3vw;
    padding-bottom: 2.5vw;
}

.o_list3 {
    background: url(../images/o_list3.png) no-repeat center bottom;
    width: 100%;
    height: auto;
    margin-bottom: 3.5vw;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

.o_list4 {
    background: url(../images/o_list4.png) no-repeat center bottom;
    width: 100%;
    height: auto;
    margin-bottom: 3.5vw;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

.o_list5 {
    background: url(../images/o_list5.png) no-repeat center bottom;
    width: 100%;
    height: auto;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}


/*19 BLOCK*/

.o_blue1 {
    background: url(../images/o_blue1.png) no-repeat center bottom;
    width: 100%;
    height: auto;
    text-align: center;
    font: 3.5vw/3.5vw Open Sans Semibold;
    color: #f0f0f0;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 2.5vw;
    padding-bottom: 3vw;
    line-height: 4.5vw;
}

.o_contforall_block {
    width: 100%;
    height: auto;
}


/*20 BLOCK*/

.o_greyy {
    background: url(../images/o_grey.png) no-repeat center bottom;
    width: 100%;
    height: auto;
    text-align: center;
    font: 3.5vw/3.5vw Open Sans Semibold;
    color: #f0f0f0;
    margin-top: 5vw;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 2.5vw;
    padding-bottom: 3vw;
    line-height: 4.5vw;
}


/*21 BLOCK*/

.o_pink {
    width: 100%;
    height: auto;
    background: url(../images/o_pink.png) no-repeat center bottom;
    margin-top: 6vw;
    margin-bottom: 2.5vw;
    padding-top: 3.5vw;
    padding-bottom: 6vw;
    width: 100%;
    height: auto;
    text-align: center;
    font: 3.5vw/3.5vw Open Sans Semibold;
    color: #f0f0f0;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.o_standart {
    background: url(../images/o_standart.png) no-repeat center bottom;
    width: 30%;
    height: 75vw;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 2vw;
    margin-left: 1.65%;
}

.o_s_text {
    text-align: center;
    font: 3.3vw/3.3vw Open Sans Semibold;
    color: #f0f0f0;
    margin-top: 3.5vw;
    width: 100%;
    border: 0.2vw solid #32c4bc;
    background: #32c4bc;
    padding: 1vw;
    width: 100%;
}

.o_premium {
    margin-left: 3.3%;
    background: url(../images/o_premium.png) no-repeat center bottom;
    width: 30%;
    height: 75vw;
    margin-bottom: 6vw;
    -o-background-size: cover;
    /*CONTAIN*/
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 2vw;
}

.o_vip {
    margin-left: 3.3%;
    background: url(../images/o_vip.png) no-repeat center bottom;
    width: 30%;
    height: 75vw;
    margin-bottom: 13.5vw;
    -o-background-size: cover;
    /*CONTAIN*/
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 2vw;
}

.o_contcheko {
    margin-bottom: 2.3vw;
    width: 90%;
    margin-left: 5%;
    height: 10%;
    padding-bottom: 2vw;
    border-bottom: 2px solid #8bcfc2;
}

.o_contcheko1 {
    margin-bottom: 2.3vw;
    margin-top: 12.5vw;
    width: 90%;
    margin-left: 5%;
    height: 10%;
    padding-bottom: 2vw;
    border-bottom: 2px solid #8bcfc2;
}

.o_contchekop {
    margin-bottom: 2.3vw;
    width: 90%;
    margin-left: 5%;
    height: 10%;
    padding-bottom: 2vw;
    border-bottom: 2px solid #c0cecb;
}

.o_contcheko1p {
    margin-bottom: 2.3vw;
    margin-top: 12.5vw;
    width: 90%;
    margin-left: 5%;
    height: 10%;
    padding-bottom: 2vw;
    border-bottom: 2px solid #c0cecb;
}

.o_contchekov {
    margin-bottom: 2.3vw;
    width: 90%;
    margin-left: 5%;
    height: 10%;
    padding-bottom: 2vw;
    border-bottom: 2px solid #ece08a;
}

.o_contcheko1v {
    margin-bottom: 2.3vw;
    margin-top: 12.5vw;
    width: 90%;
    margin-left: 5%;
    height: 10%;
    padding-bottom: 2vw;
    border-bottom: 2px solid #ece08a;
}

.o_check {
    width: 20%;
    height: auto;
}

.o_checktext {
    width: 70%;
    height: auto;
    padding-top: 2px;
    text-align: left;
    font: 1.2vw/1.2vw Open Sans Regular;
    color: #f0f0f0;
    line-height: 1.5vw;
}

.o_contcheko2 {
    width: 80%;
    margin-left: 20%;
    height: auto;
    padding-bottom: 2vw;
}

.o_checktext1 {
    width: 80%;
    height: auto;
    padding-top: 2px;
    text-align: center;
    font: 1.3vw/1.3vw Open Sans Bold;
    color: #f0f0f0;
    line-height: 1.4vw;
}

.o_just {
    width: 85%;
    margin-left: 7.5%;
    height: auto;
    padding-bottom: 2.5vw;
    font: 2vw/2vw Open Sans Semibold;
    color: #f0f0f0;
    word-spacing: 0.7vw;
    float: left;
}

.o_229 {
    font: 3.6vw/3.6vw Open Sans Semibold;
    color: #f0f0f0;
}

.o_zac {
    text-align: left;
    text-decoration: line-through;
    font: 1.5vw/1.5vw Open Sans Semibold;
    color: #f0f0f0;
    word-spacing: 0.7vw;
}
.o_order {
    width: 80%;
    height: 4vw;
    font: 2vw/2vw Open Sans Extrabold;
    color: #f0f0f0;
    background-color: #e53935;
    text-align: center;
    margin-left: 10%;
    margin-top: 1.5vw;
    margin-bottom: 2.5vw;
    text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.5);
}
.o_order input[type=submit] {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.5);
}
.o_order:hover {
    cursor: pointer;
    background-color: #d9312d;
}

.o_p_text {
    text-align: center;
    font: 3.3vw/3.3vw Open Sans Semibold;
    color: #f0f0f0;
    margin-top: 3.5vw;
    width: 100%;
    border: 0.2vw solid #b6c2c9;
    background: #b6c2c9;
    padding: 1vw;
}

.o_v_text {
    text-align: center;
    font: 3.3vw/3.3vw Open Sans Semibold;
    color: #f0f0f0;
    margin-top: 3.5vw;
    width: 100%;
    border: 0.2vw solid #f0da38;
    background: #f0da38;
    padding: 1vw;
}

.o_headertext {
    color: #f44d69;
    text-align: center;
    font: 3vw/3vw Open Sans Semibold;
    padding-bottom: 4vw;
}


/*22 BLOCK*/

.o_contforal {
    width: 56%;
    margin-left: 22%;
    height: auto;
}


/* Get the bourbon mixin from http://bourbon.io */


/* Reset */

.n_clock {
    margin-left: 15%;
}

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc;
}

.flip-clock-wrapper a:hover {
    color: #f0f0f0;
}

.flip-clock-wrapper ul {
    list-style: none;
}

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table;
}

.flip-clock-wrapper.clearfix:after {
    clear: both;
}

.flip-clock-wrapper.clearfix {
    *zoom: 1;
}


/* Main */

.flip-clock-wrapper {
    font: 1.6vw "Open Sans Bold", Bold, Open Sans;
    color: #ccc;
}

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 3vw !important;
}

.flip-clock-meridium a {
    color: #369;
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: 100%;
    height: auto;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " ";
    /* 1 */
}

.flip-clock-wrapper:after {
    clear: both;
}


/* Skeleton */

.flip-clock-wrapper ul {
    position: relative;
    float: left;
    width: 4vw;
    height: 8.5vw;
    font-size: 6.5vw;
    font-weight: bold;
    line-height: 8.5vw;
    background: #000;
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 8.5vw;
    text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2;
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 18vw;
    -moz-perspective: 18vw;
    perspective: 18vw;
    margin: 0 !important;
    overflow: visible !important;
    cursor: default !important;
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 6.5vw;
    overflow: hidden;
    outline: 1px solid transparent;
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0;
}

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 5;
    width: 100%;
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #ccc;
    text-shadow: 0 1px 2px #414e89;
    text-align: center;
    background-color: #414e89;
    font-size: 6vw;
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0;
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0;
}


/* PLAY */

.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3;
}

.flip-clock-wrapper .flip {
    box-shadow: 0 0.3vw 0.3vw rgba(0, 0, 0, 0.8);
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd 0.5s 0.5s linear both;
    -moz-animation: asd 0.5s 0.5s linear both;
    animation: asd 0.5s 0.5s linear both;
    z-index: 5;
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 2vw;
    height: 9vw;
}

.flip-clock-divider:first-child {
    width: 0;
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -2.2vw;
    right: -6vw;
    color: #384783;
    text-shadow: none;
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -7.5vw;
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -7vw;
}

@-webkit-keyframes asd {
    0% {
        z-index: 2;
    }
    20% {
        z-index: 4;
    }
    100% {
        z-index: 4;
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2;
    }
    20% {
        z-index: 4;
    }
    100% {
        z-index: 4;
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2;
    }
    20% {
        z-index: 4;
    }
    100% {
        z-index: 4;
    }
}

@keyframes asd {
    0% {
        z-index: 2;
    }
    20% {
        z-index: 4;
    }
    100% {
        z-index: 4;
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both;
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg);
    }
    100% {
        -webkit-transform: rotateX(0deg);
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg);
    }
    100% {
        -moz-transform: rotateX(0deg);
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg);
    }
    100% {
        -o-transform: rotateX(0deg);
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both;
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg);
    }
    100% {
        -webkit-transform: rotateX(-90deg);
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg);
    }
    100% {
        -moz-transform: rotateX(-90deg);
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0deg);
    }
    100% {
        -o-transform: rotateX(-90deg);
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(-90deg);
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3;
}


/* SHADOW */

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both;
}


/*DOWN*/

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both;
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/*23 BLOCK*/

.n_get {
    width: 100%;
    height: auto;
    margin-bottom: 3vw;
    background: url(../images/n_bg_17.jpg) no-repeat center top;
    background-size: 100vw auto;
    -webkit-background-size: 100vw auto;
    -o-background-size: 100vw auto;
    -moz-background-size: 100vw auto;
    margin-top: 9vw;
}

.n_get_info {
    width: 42%;
    height: auto;
    margin-left: 20%;
    padding-bottom: 8.5vw;
}

.n_get_large {
    width: 100%;
    height: auto;
    font: 2.2vw/2.2vw Montserrat Regular;
    color: #f0f0f0;
    text-transform: uppercase;
    line-height: 3vw;
    margin-top: 4vw;
    margin-bottom: 5.5vw;
}

.n_get_small {
    width: 100%;
    height: auto;
    font: 1.7vw/1.7vw Open Sans Regular;
    color: #f0f0f0;
    line-height: 2.5vw;
}


/*24 BLOCK*/

.n_days {
    width: 70%;
    height: auto;
    background: #f0f0f0 url(../images/n_bg_18.png) no-repeat center top;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    margin-bottom: 9vw;
    margin-left: 15%;
}

.n_days_info {
    width: 80%;
    height: auto;
    margin-left: 10%;
    padding-bottom: 2.5vw;
    padding-top: 13vw;
}

.n_days_title {
    width: 100%;
    height: auto;
    font: 2.5vw/2.5vw Open Sans Semibold;
    line-height: 3vw;
    margin-bottom: 2.7vw;
    text-align: center;
}

.n_days_text {
    width: 100%;
    height: auto;
    font: 1.5vw/1.5vw Open Sans Regular;
    line-height: 2.5vw;
    margin-bottom: 3vw;
    text-align: center;
}


/*25 BLOCK*/

.n_read {
    width: 100%;
    height: auto;
    margin-bottom: 9vw;
    background-color: #dddddd;
}

.n_read_header {
    width: 100%;
    height: auto;
    background: #dddddd url(../images/n_bg_19.png) no-repeat center top;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    padding-bottom: 2vw;
    padding-top: 2vw;
    margin-bottom: 2.5vw;
}

.n_read_title {
    width: 70%;
    height: auto;
    font: 3.5vw/3.5vw Open Sans Semibold;
    color: #f0f0f0;
    line-height: 2vw;
    text-align: center;
    margin-left: 15%;
}

span.n_read_ossbi {
    font: 3.5vw/3.5vw Open Sans Semibold Italic;
    color: #f0f0f0;
}

.n_read_info {
    width: 100%;
    height: auto;
    font: 2.1vw/2.1vw Open Sans Semibold;
    text-align: center;
    line-height: 3vw;
    padding-bottom: 2.5vw;
}

.n_read_people {
    width: 100%;
    height: auto;
    background-color: #f0f0f0;
}

.n_read_people_cont {
    width: 62%;
    height: auto;
    margin-left: 16%;
}

.n_read_person {
    width: 100%;
    height: auto;
    padding: 3.5vw 0;
    border-bottom: 0.3vw dotted #edb544;
}

.n_read_person1 {
    width: 100%;
    height: auto;
    padding: 3.5vw 0;
}

.n_read_photo {
    width: 23%;
    height: auto;
    margin-right: 2.5%;
}

.n_read_per_text {
    width: 74.5%;
    height: auto;
}

.n_read_comment {
    font: 1.3vw/1.3vw Open Sans Italic;
    line-height: 1.9vw;
}

.n_read_name {
    font: 1.3vw/1.3vw Open Sans Regular;
    line-height: 2.5vw;
}

span.n_read_place {
    font: 1.3vw/1.3vw Open Sans Bold;
}

.n_c_1 {
    margin-bottom: 1.2vw;
}

.n_c_2 {
    margin-bottom: 3vw;
}

.n_c_3 {
    margin-bottom: 4.8vw;
}

.n_c_4 {
    margin-bottom: 10.1vw;
}

.o_contforall1 {
    width: 70%;
    height: auto;
    margin-left: 15%;
    padding-top: 3vw;
}

.o_all_cont {
    width: 90%;
    height: auto;
    padding-left: 10%;
}

.o_pic1 {
    width: 15%;
    height: auto;
}

.o_pic11 {
    float: right;
    width: 40%;
    height: auto;
}

.o_minitext {
    font: 1.4vw/1.4vw Open Sans Semibold;
    color: #565656;
    text-align: left;
    width: 80%;
    line-height: 2vw;
}

span.n_minitext {
    font: 1.4vw/1.4vw Open Sans Semibold Italic;
    color: #565656;
}

@media screen and (max-device-width: 780px) {
    .n_video-wrap>video, .n_video-wrap>iframe {
        width: 80%;
        margin-left: 10%;
    }
    
    .o_all_cont {
        width: inherit;
        padding-left: 0px; 
    }
    .o_contforall1 {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
    .o_pic1 {
        width: 10%;
    }
    .n_how {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
    }
    
    .n_process_right {
        width: 100%;
        margin-left: 0px;
    }
    
    .o_text_cont {
        padding-left: 2vw;
    }
    .o_d_text {
        padding-top: 5px;
        font: 2vw/2.1vw Open Sans Regular;
    }
    .o_cont3 {
        width: 80%;
    }
    .o_sesion {
        border: 1px dotted #ffd600;
    }
    .contforall {
        width: 90%;
        margin-left: 5%;
    }
    .o_contall01 {
        height: 48vw;
    }
    .contforall {
        width: 100%;
        margin-left: auto;
    }
    .o_check1 {
        width: 30%;
    }
    .n_days {
        width: 100%;
        margin-left: 0px;
    }
    .n_days_info {
        padding-top: 17vw;
        padding-bottom: 7vw;
    }
    
    .o_cont_blockline {
        border-left: 1px dotted #ffd600;
        width: 91.5%;
        height:auto;
        padding-bottom: 3vw;
    }
    .o_premium, .o_standart, .o_vip {
        height: 80vw;
    } 
    .o_contcheko1, .o_contcheko1p, .o_contcheko1v {
        height: 12%;
    }
    /* FONTS */
    
    .o_minitext {
        font: 2.3vw/2.5vw Open Sans Semibold;
    }
    span.n_minitext {
        font: 2.3vw/2.5vw Open Sans Semibold Italic;
    }
    .n_vb_text {
        font: 2vw/2vw Open Sans Semibold;
    }
    .n_what_will_text {
        font: 1.8vw/1.8vw Open Sans Regular;
        line-height: 2.2vw;
    }
    span.n_what_will_text_it {
        font: 1.8vw/2.3vw Open Sans Italic;
    }
    .n_process_text {
        font: 2vw/2vw Open Sans Regular;
        line-height: 3vw;
    }
    span.n_process_text_h {
        font: 2vw/2vw Open Sans Bold;
    }
    .n_training_left_text1, .n_training_right_text, .n_training_left_text {
        font: 2vw/2vw Open Sans Semibold;
        line-height: 2.9vw;
    }
    span.n_training_opsbi {
        font: 2vw/2vw Open Sans Semibold Italic;
    }
    .o_textlist {
        font: 2.5vw/2.5vw Open Sans Bold;
    }
    .o_listheader2 {
        font: 2.5vw/2.5vw Open Sans Regular;
    }
    .o_listblocktext1 {
        font: 2.3vw/2.3vw Open Sans Semibold;
        line-height: 2.9vw;
    }
    .o_listitalic {
        font: 2.3vw/2.3vw Open Sans Semibold Italic;
    }
    .o_just {
        font: 2.5vw/2.5vw Open Sans Semibold;
    }
    .o_229 {
        font: 5vw/5vw Open Sans Semibold;
    }
    .o_zac {
        font: 2.2vw/2.2vw Open Sans Semibold;
    }
    .n_days_text {
        font: 2vw/2vw Open Sans Regular;
        line-height: 2.5vw;
    }
    .n_read_name {
        font: 1.8vw/1.8vw Open Sans Regular;
        line-height: 2.5vw;
    }
    span.n_read_place {
        font: 1.8vw/1.8vw Open Sans Bold;
    }
    .n_read_comment {
        font: 1.8vw/1.8vw Open Sans Italic;
        line-height: 2.2vw;
    }
}
@media screen and (min-width: 1800px) {
    .o_check1 {
        width: 70%;
    }
    .o_checktext {
        font: 1.5vw/1.5vw Open Sans Regular;
        line-height: 1.5vw;
    }
    .o_checktext1 {
        font: 1.5vw/1.5vw Open Sans Bold;
        line-height: 1.5vw;
    }
}