body {

    min-width: 320px;

}



.main_container {

width: 100%;

overflow: hidden;

position: relative;

/* padding-top: 1px; */

margin-bottom: -51px;
}



footer {

    position: relative;

}



.container {

    max-width: 1390px;

    width: 100%;

    padding: 0 15px;

    margin: 0 auto;

}



.main_video {

    padding: 30px 0 60px;

    background-position: 50% 0;

    min-height: 950px;

    background-color: #f5f5f7;

    background-repeat: no-repeat;

    background-size: auto 100%;

}



.video_wrap video {

    display: block;

    max-width: 100%;

}



.fancybox-content {

    padding: 0;

}



.main_logo {

    max-width: 380px;

    width: 100%;

    margin: 0 auto 159px;

    text-align: center;

    position: relative;

}



.main_logo:before,

.main_logo:after {

    position: absolute;

    top: 73px;

    content: '';

    width: 520px;

    height: 1px;

    background: #fff;

}



.main_logo:before {

    right: 100%;

}



.main_logo:after {

    left: 100%;

}



.main_logo img {

    display: inline-block;

    vertical-align: top;

}



.video_play {

    max-width: 120px;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    position: relative;

    z-index: 1;

}



.video_play img {

    display: inline-block;

    vertical-align: top;

}



.video_play__text {

    vertical-align: top;

    display: inline-block;

    font-size: 12px;

    line-height: 1;

    text-transform: uppercase;

    color: #000;

}



.video_play__btn {

    display: inline-block;

    vertical-align: top;

    position: relative;

}



.video_play__btn:after {

    content: "";

    position: absolute;

    width: 200%;

    height: 200%;

    z-index: -1;

    border-radius: 50%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background: #fff;

    opacity: 0.5;

}



.three_columns {

    padding: 160px 0 150px;

    background: #fff;

}



.list_columns {

    margin: 0 -15px;

    padding: 0;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

}



.list_columns>li {

    width: calc(100% / 3);

    padding: 0 15px 30px;

    position: relative;

}



.list_columns>li:after {

content: "+";

font-size: 96px;

line-height: 1;

color: #dedee0;

position: absolute;

top: 87px;

right: -32px;
}



.list_columns>li:last-child:after {

    display: none;

}



.item {

    text-align: center;

    font-size: 22px;

    line-height: 1.18;

    color: #000;

}



.item img {

    display: inline-block;

}



.item__visual {

    margin: 0 -112px 10px;

    height: 330px;

    align-items: center;

    display: flex;

    justify-content: center;

}



.item h2 {

    margin: 0 0 30px;

    font-size: 40px;

    font-weight: 400;

    line-height: 1;

    color: #000;

    text-transform: uppercase;

}



.item p {

    margin: 0 0 10px;

}



.item__body {

    padding: 0 10%;

}



.subscribe {
    padding: 400px 0 166px;
    background-color: black;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: auto;
}



.subscribe_content {

    font-size: 22px;

    line-height: 1.18;

    color: #fff;

    text-align: center;

    padding: 10px 11% 0 39%;

}



.subscribe_list {

    display: inline-block;

    vertical-align: top;

    margin: 0 0 29px;

    padding: 54px 16px 0 0;

    list-style: none;

    text-align: left;

}



.subscribe_list>li {

    margin: 0 0 15px;

}



.subscribe_list>li:before {

    display: inline-block;

    content: "";

    width: 7px;

    height: 7px;

    margin: 0 23px 0 0;

    background: #44d30c;

    border-radius: 50%;

}



.subscribe_content__logo {

    margin-bottom: 31px;

}



.subscribe img {

    display: inline-block;

    vertical-align: top;

}



.subscribe .subscribe_form__info {

    color: #fff;

}



.subscribe .subscribe_form input[type="email"] {

    color: #fff;

}



.subscribe .subscribe_form input[type="email"]::placeholder {

    color: #fff;

}



.subscribe_form {

max-width: 457px;

width: 100%;

margin: 0 auto;
}



.subscribe_form__row {

    display: flex;

    position: relative;

    width: 100%;

    padding-left: 56px;

    margin-bottom: 13px;

}



.subscribe_form__row:before {

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    content: "";

    width: 46px;

    height: 26px;

    background: url("../images/email.png");

    background-size: 100% auto;

}



.subscribe_form input[type="email"] {

width: 94%;

height: 38px;

border-radius: 0;

background: transparent;

border: 1px solid #575761;

color: #000;

font-size: 22px;

line-height: 24px;

text-align: center;

font-family: 'HelveticaNeueLTProCn';
}



.section_video_preview .subscribe_form--add input[type="email"] {

    border-color: #c5c5c9;

    background: #fff;

}



.section_video_preview .subscribe_form--add .subscribe_form__row:before {

    background-image: url("../images/email-new.png");

}



.subscribe_form input[type="email"]::placeholder {

    color: #000;

}



.enjoy_logo {

    text-align: center;

    margin-bottom: 240px;

}



.enjoy_logo a {

    display: inline-block;

    vertical-align: top;

}



.btn {

    display: inline-block;

    font-size: 22px;

    line-height: 26px;

    padding: 12px 55px;

    border: 0;

    background: #fd3d3e;

    color: #fff;

    transition: all .5s;

}



.btn--blue {

    background: #10a5ca;

}



.btn--blue:hover {

    opacity: 0.7;

}



.subscribe_form .btn {

padding: 6px 5px;

width: 88px;

/* min-width: 120px; */

font-family: 'HelveticaNeueLTProCn';
}



.subscribe_form__info {

    font-size: 14px;

    line-height: 1.2;

    color: #000;

    display: block;

    text-align: center;

}



.section_video_preview {

    padding: 126px 0 124px;

    background: #f5f5f7;

}



.video_preview_visual {

    margin: 0 auto -54px;

}



.enjoy {

    min-height: 1230px;

    padding: 136px 0;

    font-size: 22px;

    line-height: 1.18;

    color: #000;

    text-align: center;

    background-color: #fff;

    background-repeat: no-repeat;

    background-size: auto;

    background-position: 50% 0;

}



.videocut {

    /* right: 0; */

    /* top: 0; */

    /* bottom: 0; */

    /* z-index: 1; */

    position: relative;

    padding-bottom: 3%;

}



.video_preview_visual video {

    position: absolute;

    z-index: 0;

    background: url(mel.jpg) no-repeat;

    background-size: 100% 100%;

    top: 0px;

    left: 0px;

    /* fixed to left. Replace it by right if you want.*/

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

}



.enjoy_content {

    max-width: 678px;

    margin: 0 auto;

}



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

    .main_video {

        min-height: 750px;

    }

    .main_logo {

        margin-bottom: 70px;

    }

    .enjoy {

        min-height: 760px;

        padding: 8vw 0 22vw;

        background-size: auto 100%;

    }

    .video_preview_visual {

        max-width: 60%;

    }

}



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

    .main_video {

        min-height: 600px;

    }

    .main_logo {

        max-width: 220px;

    }

    .main_logo:before,

    .main_logo:after {

        top: 45px;

    }

    .video_play {

        max-width: 90px;

    }

    .list_columns>li:after {

        font-size: 60px;

    }

    .three_columns {

        padding: 70px 0;

    }

    .item {

        font-size: 18px;

    }

    .item__visual {

        margin-left: 0;

        margin-right: 0;

        height: 250px;

    }

    .list_columns>li:last-child .item__visual {

        margin-left: -50px;

        margin-right: -50px;

    }

    .subscribe {

        padding: 100px 0;

        background-size: auto 100%;

    }

    .subscribe_content {

        font-size: 18px;

    }

    .subscribe_list {

        padding-top: 30px;

    }

    .video_preview_visual {

        margin-bottom: -10px;

        max-width: 65%;

    }

    .enjoy_logo {

        display: inline-block;

        vertical-align: top;

        max-width: 220px;

    }

}



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

    .main_video {

        min-height: 530px;

    }

    .three_columns {

        padding: 40px 0;

    }

    .item {

        font-size: 16px;

    }

    .item__visual {

        height: 210px;

    }

    .item h2 {

        font-size: 26px;

    }

    .subscribe {

        padding: 60px 0;

    }

    .subscribe_content {

        font-size: 16px;

    }

    .subscribe_list {

        padding: 25px 0 0;

    }

    .subscribe_list>li {

        margin-bottom: 10px;

    }

    .section_video_preview {

        padding: 80px 0;

    }

    .video_preview_visual {

        max-width: 75%;

    }

    .enjoy {

        min-height: 650px;

        font-size: 18px;

    }

    .enjoy_content {

        max-width: 380px;

    }

}



.checkCompat {

    align-items: flex-start;

    font-weight: normal;

    color: white;

    font-size: 22px;

}



.checkCompat a {

    color: white;

    text-decoration: underline;

}



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

    .list_columns {

        display: block;

    }

    .list_columns>li {

        width: 280px;

        margin: 0 auto 20px;

        padding-bottom: 60px;

    }

    .list_columns>li:last-child {

        padding-bottom: 0;

 

    }

    .list_columns>li:after {

        top: auto;

        left: 50%;

        bottom: 0;

        transform: translateX(-50%);

        text-align: center;

    }

    .item__visual {

        height: 180px;

    }

    .btn {

        font-size: 18px;

    }

    .subscribe {

        background: #101011 !important;

    }

    .subscribe_content {

        padding: 10px 0;

    }

    .subscribe_form__row {

        display: block;

    }

    .subscribe_form input[type="email"] {

        font-size: 18px;

    }

    .subscribe_form .btn {

width: 95%;

}

    .video_preview_visual {

        max-width: 85%;

    }

    .enjoy {

        min-height: 590px;

    }

    .checkCompat {

        align-items: flex-start;

        font-weight: normal;

        color: white;

        text-align: center;

    }

}



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

    .video_preview_visual {

        max-width: 100%;

    }

    .enjoy {

        min-height: 530px;

        background-size: auto 85%;

        background-position: 50% 100%;

    }

}



@media screen and (min-device-width :240px) and (max-device-width: 900px) {

    .videopreview {

        /* position: absolute; */

        top: 0;

        left: 0;

        height: 100%;

        width: 100%;

        padding-bottom: 9%;

        text-align: center;

    }

}



@media screen and (min-device-width: 1025px) {

    .videopreview {

        top: 0;

        left: 0;

        height: 100%;

        width: 100%;

        padding-bottom: 1%;

        text-align: center;

        max-height: 35vw;

    }

}



.videopreview video {

    width: inherit;

    height: inherit;

}



.footer_padding {

/* padding-top: 3%; */
}



.btn_video {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

}