/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 2, 2018, 8:22:55 AM
    Author     : PC
*/
@font-face{font-family:'SVN-CocoFY';
           src:url('../fonts/SVN-CocoFY.otf') format('embedded-opentype'),
               url('../fonts/SVN-CocoFY.woff') format('woff'),
               url('../fonts/SVN-CocoFY.ttf') format('truetype');
           font-weight:normal;font-style:normal;}
@font-face{font-family:'HelveticaNeue-BoldItalic';
           src:url('../fonts/HelveticaNeue-BoldItalic.otf') format('embedded-opentype'),
               url('../fonts/HelveticaNeue-BoldItalic.woff') format('woff'),
               url('../fonts/HelveticaNeue-BoldItalic.ttf') format('truetype');
           font-weight:normal;font-style:normal;}
@font-face{font-family:'HelveticaNeue-Italic';
           src:url('../fonts/HelveticaNeue-Italic.otf') format('embedded-opentype'),
               url('../fonts/HelveticaNeue-Italic.woff') format('woff'),
               url('../fonts/HelveticaNeue-Italic.ttf') format('truetype');
           font-weight:normal;font-style:normal;}
@font-face{font-family:'HelveticaNeue-Bold';
           src:url('../fonts/HelveticaNeue-Bold.otf') format('embedded-opentype'),
               url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
               url('../fonts/HelveticaNeue-Bold.ttf') format('truetype');
           font-weight:normal;font-style:normal;}
@font-face{font-family:'HelveticaNeue';
           src:url('../fonts/HelveticaNeue.otf') format('embedded-opentype'),
               url('../fonts/HelveticaNeue.woff') format('woff'),
               url('../fonts/HelveticaNeue.ttf') format('truetype');
           font-weight:normal;font-style:normal;}

.landing-page{
    overflow-x: hidden;
}
/*Frame1*/
.frame-1{
    position: relative;
}
.frame-1 .logo-landing{
    position: absolute;
    top: 40px; 
    right: 70px;
}
.frame-1 .info-frame-1{
    position: absolute;
    right: 40px;
    bottom: 160px;
}
.frame-1 .info-frame-1 h3.title{
    font-family: 'SVN-CocoFY';
    font-size: 7vw;
    color: #a00066;
}
.frame-1 .info-frame-1 h4.slogan-frame-1{
    font-family: 'HelveticaNeue-BoldItalic';
    font-size: 2.3vw;
    color: #a00066;
}
.frame-1 .info-frame-1 p.description{
    font-family: 'HelveticaNeue-Italic';
    font-size: 2vw;
    color: #231f20;
}
/*Frame1*/

/*Frame 2*/
.frame-2{
    position: relative;
}
.frame-2 .info-frame-2{
    position: absolute;
    right:90px;
    top: 65px;
}
.frame-2 .info-frame-2 h3.title{
    font-family: 'HelveticaNeue-Bold';
    font-size: 5vw;
    color: #a00066;

}
.frame-2 .info-frame-2 h4.title{
    font-family: 'HelveticaNeue-Bold';
    font-size: 2.6vw;
    color: #231f20;
    line-height: 65px;
}
.frame-2 .info-frame-2 h4.slogan-frame-2{
    font-family: 'HelveticaNeue-Bold';
    font-size: 1.6vw;
    margin-top: 30px;
    color: #a00066;
    line-height: 45px;
}
.frame-2 .info-frame-2 .list-child-frame-2 {
    margin-top: 35px;
}
.frame-2 .info-frame-2 .list-child-frame-2 .each-child-frame-2{
    background-color: #a00066;
    margin-bottom: 12px;
    border-radius: 25px;
    height: 125px;
    font-family: 'HelveticaNeue-BoldItalic';
    color: #fff;
    font-size: 1.6vw;
    position: relative;
    text-align: left;
}
.frame-2 .info-frame-2 .list-child-frame-2 .each-child-frame-2 .child{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 60px);
}
.text-mobile{
    display: none;
}
/*Frame 2*/

/*Frame 3*/
.frame-3{
    padding: 35px 25px 100px;
}
.frame-3 .info h3.title{
    background-color: #a00066;
    color: #fff;
    font-family: 'HelveticaNeue-Bold';
    margin-top: 0;
    font-size: 3vw;
    padding: 10px;
}
.frame-3 .info h4.title{
    color:  #a00066;
    font-family: 'HelveticaNeue-Bold';
    margin-top: 0;
    font-size: 2.1vw;
    padding: 10px;
}
.frame-3 .info .description{
    font-family: 'HelveticaNeue';
    margin-top: 0;
    font-size: 2vw;
    padding-bottom: 30px;
    line-height: 65px;
}
.frame-3 .info .description b{
    font-family: 'HelveticaNeue-Bold';
}
.frame-3 .info img{
    display: block;
    margin: 0 auto;
}
.frame-3 .clip .description{
    font-family: 'HelveticaNeue';
    margin-top: 0;
    font-size: 1.9vw;
    padding-top: 60px;
    line-height: 65px;
}
/*Frame 3*/

/*Frame 4*/
.frame-4{
    position: relative;
}
.frame-4 img.title{
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: auto;
}
.frame-4 .list-frame-4{
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    width: calc(100% - 40px);
    font-family: 'HelveticaNeue-BoldItalic';
    font-size: 3.3vw;
    color: #a00066;
}
.frame-4 .list-frame-4 .each-frame-4{
    padding-bottom: 35px;
}
.frame-4 .list-frame-4 img{
    display: inline-block;

}
.frame-4 .description{
    font-family: 'HelveticaNeue-BoldItalic';
    font-size: 2.3vw;
    color: #a00066;
    background-color: rgba(255,255,255,0.7);
    position: absolute;
    left: 0;
    bottom: 0;
}
.list-frame-4-mobile{
    display: none;
}
/*Frame 4*/

/*Frame 5*/
.frame-5 h3.title{
    background-color: #801355;
    margin: 0;
    color: #fff;
    font-family:'HelveticaNeue-Bold';
    padding: 30px;
    font-size: 3vw;
}
.frame-5 .main-frame-5{
    position: relative;
}
.frame-5 .main-frame-5 .info{
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    width: 49%;
}
.frame-5 .main-frame-5 .info img.content{
    margin-top: 40px;
}
.frame-5 .main-frame-5 .info .hot_line img{
    margin-bottom: 40px;
}
.content-frame-5-mobile{
    display: none;
}
/*Frame 5*/


/*Frame 6*/
.frame-6 h3.title{
    background-color: #801355;
    margin: 0;
    color: #fff;
    font-family:'HelveticaNeue-Bold';
    padding: 30px;
    font-size: 3vw;
}
.frame-6 .main-frame-6{
    position: relative;
}
.frame-6 .main-frame-6 .info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 80px);
    float: left;
}
.frame-6 .main-frame-6 .info .each-frame-6 img{
    display: inline-block;
    width: 245px;
    height: auto;
    margin-right: 40px;
    float: left;
}
.frame-6 .main-frame-6 .info .each-frame-6 .description {

    display: inline-block;
    width: calc(100% - 300px);
    height: auto;
    font-family: 'HelveticaNeue-BoldItalic';
    color: #fff;
    font-size: 1.9vw;
    float: left;
    min-height: 246px;
    margin-bottom: 40px;
    text-align: justify;
    position: relative;
}
.frame-6 .main-frame-6 .info .each-frame-6 .description p{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

/*Frame 6*/

/*Frame 7*/
.frame-7 h3.title{
    background-color: #801355;
    margin: 0;
    color: #fff;
    font-family:'HelveticaNeue-Bold';
    padding: 30px;
    font-size: 3vw;
}
.frame-7 .main-frame-7{
    position: relative;
}
.frame-7 .main-frame-7 img.content-1{
    position: absolute;
    top:70px;
    left: 40px;
    width: calc(100% - 80px);
}
.frame-7 .main-frame-7 img.content-2{
    position: absolute;
    top:50%;
    left: 87px;
    transform: translateY(-50%);
}
.frame-7 .main-frame-7 img.content-3{
    position: absolute;
    top:57%;
    right: 87px;
    transform: translateY(-50%);
}
/*Frame 7*/


/*Frame 8*/
.frame-8 h3.title{
    background-color: #801355;
    margin: 0;
    color: #fff;
    font-family:'HelveticaNeue-Bold';
    padding: 30px;
    font-size: 3vw;
}
.frame-8 .main-frame-8{
    position: relative;
}
.frame-8 .main-frame-8 .container-custom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.frame-8 .main-frame-8 .container-custom .brand{
    margin-bottom: 60px;
}
/*Frame 8*/


/*Frame 9*/
.frame-9{
    background-color: #9f0066;
}
.frame-9 h3.title{
    background-color: #801355;
    margin: 0;
    color: #fff;
    font-family:'HelveticaNeue-Bold';
    padding: 30px;
    font-size: 3vw;
}
.frame-9 .main-image {
    padding: 45px 35px 80px 45px;
    width: 100%;
}
.frame-9 .list-child-frame-9 {
    padding: 0 0 0 20px;
}
.frame-9 .list-child-frame-9 .each-child{
    display: inline-block;
    width: 31%;
    position: relative;
}
.frame-9 .list-child-frame-9 .each-child::before {
    content: '';
    background: url(../images/landing-page/arrow-left.png);
    position: absolute;
    top: 50%;
    right: 5px;
    width: 54px;
    height: 190px;
    transform: translateY(-50%);
}
.frame-9 .list-child-frame-9 .each-child:last-child::before {
    content: '';
    background: url(../images/landing-page/arrow-left.png);
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    height: 0;
}
.frame-9 .list-child-frame-9 .each-child:nth-child(1),.frame-9 .list-child-frame-9 .each-child:nth-child(2){
    display: inline-block;
    width: 34%;
}
.frame-9 img.content-footer{
    padding: 55px 30px;
}
/*Frame 9*/

/*Frame 10*/

.frame-10{
    padding: 70px 60px;
    background-color: #9f0066;
}

.frame-10 .info{
    font-family: 'HelveticaNeue-Italic';
    color: #fff;
    font-size: 1.5vw;
    text-align: center;
    margin-bottom: 70px;
    margin-top: 40px;
min-height: 165px;
}
.frame-10 .image{
    height: 797px;
	position: relative;
}
.frame-10 .image img{
    max-height: 100%;

position: absolute;

height: 100%;

top: 0;

left: 50%;

transform: translateX(-50%);
}
/*Frame 10*/

/*Frame 11*/
.frame-11{
    background-color: #9f0066;
}
.frame-11 h3.title{
    background-color: #801355;
    margin: 0;
    color: #fff;
    font-family:'HelveticaNeue-Bold';
    padding: 30px;
    font-size: 3vw;
}
.frame-11 .main-frame-11{
    padding: 55px 45px;
}
/*Frame 11*/

/*Frame 12*/
.frame-12{
    background-color: #9f0066;
}
.frame-12 .row{
    margin-top: 55px;
}
.frame-12 .content-frame-11{
    margin-top: 55px;
}
/*Frame 12*/

/*Frame 13*/

.frame-13{
    position: relative;
}
.frame-13 .logo{
    position: absolute;
    top: 10%;
    left: 40px;
}
.frame-13 .logo .des_logo,.frame-13 .logo .product,.frame-13 .logo .text{
    padding-top: 50px;
}
.frame-13 .form_buy{
    position: absolute;
    right: 40px;
    top: 24%;
    text-align: right;
    width: 40%;
}
.frame-13 .form_buy .hot_line{
    display: inline-block;

}
.frame-13 .form_buy .title{
    margin-top: 115px;
}
.frame-13 .form_contact input {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    height: 90px;
    border-radius: 25px;
    border: 0;
    box-shadow: none;
    font-family: 'HelveticaNeue-Italic';
    color: #808080;
    font-size: 2vw;
    padding-left: 30px;
}
.frame-13 .form_contact input::placeholder{
    font-family: 'HelveticaNeue-Italic';
    color: #808080;
    font-size: 2vw;
    padding-left: 30px;
}
.frame-13 .form_contact{
    margin:60px 0;
    text-align: center;
}
.frame-13 .form_contact a{
    display: inline-block;
    padding: 0;
    background-color: transparent;
    border: 0;
    margin-top: 40px;
}
/*Frame 13*/
.icon-home{
    text-align:center;
}
.icon-home .home{
    padding: 11px 30px;

    display: inline-block;

    width: 150px;

    background-color: #ba0066;

    border-radius: 10px;

    text-align: center;

    margin: 30px auto 0;
}
.icon-home .home img{
    height: 40px;

    margin: 0 auto;
}
.relate_post{
    padding:40px;}
	.text-fixx{
	font-family: 'Roboto Condensed', sans-serif;
color: #fff;
font-size: 1.4vw;
padding-bottom: 36px;
}

.home-text{
    font-family: 'HelveticaNeue-Bold';
    font-size:4vw;
    color:#ba0066;
    display:block;
    font-size: 3vw;
    margin-bottom:40px;
}
.scrolltoHome{
    cursor:pointer;
}

@media (max-width:1680px){
    .frame-1 .logo-landing img{
        max-height: 70px;
    }
    .frame-1 .info-frame-1 h3.title {
        font-size: 6.5vw;
    }
    .frame-1 .info-frame-1 p.description {
        font-size: 2vw;
    }
    .frame-2 .info-frame-2 h3.title {
        font-size: 4vw;
    }
    .frame-2 .info-frame-2 img.arrow{
        max-width: 450px;
        display: block;
        margin: 0 auto;
    }
    .frame-2 .info-frame-2 h4.title {
        font-size: 2.3vw;
        line-height: 50px;
    }
    .frame-2 .info-frame-2 .list-child-frame-2 .each-child-frame-2 {
        font-size: 1.4vw;
    }
    .frame-2 .info-frame-2 .list-child-frame-2 .each-child-frame-2{
        height: 110px;
    }
    .frame-6 .main-frame-6 .info .each-frame-6 .description{
        font-size: 1.6vw;
    }
    .frame-6 .main-frame-6 .info .each-frame-6 .description{
        min-height: 190px;
    }
    .frame-6 .main-frame-6 .info .each-frame-6 img {
        width: 190px;
    }
    .frame-8 .main-frame-8 .container-custom .brand {
        max-width: 90%;
    }
    .frame-8 .main-frame-8 .container-custom .list-qt {
        display: block;
        max-width: 90%;
        margin: 0 auto;
    }
    .frame-9 .list-child-frame-9 .each-child img{
        max-width: 85%;
    }
    .frame-9 .list-child-frame-9 .each-child:nth-child(3) img{
        max-width: 94%;
    }
    .frame-10 .image {
        max-height: 650px;
    }
    .frame-13 .logo {
        width: 55%;
    }
    .frame-13 .form_contact input{
        height: 90px;
    }
}
@media (max-width:1600px){
	.frame-10 .info{
    font-family: 'HelveticaNeue-Italic';
    color: #fff;
    font-size: 1.8vw;
    text-align: center;
    margin-bottom: 70px;
    margin-top: 50px;
	min-height:205px;
}
    .frame-3 .info h4.title {

        color: #a00066;
        font-family: 'HelveticaNeue-Bold';
        margin-top: 0;
        font-size: 2vw;
        padding: 10px;
        text-align: center;

    }
    .frame-13 .form_buy .hot_line {

        display: inline-block;
        max-width: 400px;

    }
    .frame-13 .form_contact a.contact_landing img {

        max-width: 260px;

    }
    .taskbar-mobile {

        display: block;
        position: fixed;
        bottom: 0;
        z-index: 100000;
        background: #ba0066;
        width: 100%;
        height: 12% !important;
        padding: 15px;

    }
    .frame-1 .info-frame-1 p.description {
        font-size: 1.9vw;
        margin-top: 20px;
    }
    .frame-2 .info-frame-2 {
        top: 25px;
    }
    .frame-4 .description {
        font-size: 1.9vw;
        padding: 15px 0;
    }
    .frame-7 .main-frame-7 img.content-2 ,.frame-7 .main-frame-7 img.content-3 {
        max-width: 400px;
    }
    .frame-10 .image {
        max-height: 650px;
    }
    .frame-13 .form_buy .title {
        margin-top: 90px;
    }
    .frame-13 .form_contact input {
        height: 75px;
    }
    .frame-13 .form_contact a.contact_landing img{
        max-width: 400px;
    }
}
@media (max-width:1500px){
    .frame-2 .info-frame-2 {
        top: 10px;
    }
    .frame-2 .info-frame-2 h4.slogan-frame-2 {
        margin-top: 15px;
        line-height: 36px;
    }
    .frame-2 .info-frame-2 h4.title {
        font-size: 2.3vw;
        line-height: 44px;
    }
    .frame-2 .info-frame-2 .list-child-frame-2 .each-child-frame-2 {
        height: 100px;
    }
    .frame-3 .info .description {
        font-size: 2vw;
        line-height: 45px;
    }
    .frame-3 .info img {
        max-width: 80%;
    }
    .frame-3 .clip .description {
        font-size: 1.9vw;
        line-height: 45px;
    }
    .frame-4 .list-frame-4 {
        font-size: 3vw;
    }
    .frame-4 .description {
        font-size: 2.1vw;
        padding: 15px;
    }
    .frame-5 .main-frame-5 .info .hot_line img{
        padding-bottom: 35px;
    }
    .frame-7 .main-frame-7 img.content-1 {
        top: 35px;
    }
    .frame-7 .main-frame-7 img.content-2 {
        left: 72px;
        max-width: 28%;
    }
    .frame-7 .main-frame-7 img.content-3 {
        width: 30%;
    }
    .frame-10 .image {
        max-height: 510px;
    }
    .frame-10 .info {
        margin-bottom: 50px;
    }
    .frame-13 .logo .text{
        max-width: 500px;
        margin: 0 auto;
    }
    .frame-13 .form_contact input {
        height: 70px;
    }
    .frame-13 .form_contact a img{
        max-width: 200px;
    }
    .frame-13 .form_buy .title {
        margin-top: 100px;
    }
}
@media(max-width:1440px){
	.frame-10 .image {

    max-height: 550px;

}
}
@media(max-width:1400px){
	.frame-10 .image {

    max-height: 510px;

}
}
@media (max-width:1280px){
	.frame-10 .image {
    max-height: 470px;
}
}
@media (max-width:1200px){
	.frame-10 .image {
    max-height: 440px;
}
}
@media (max-width:1024px) and (min-width:769px){
	.text-fixx{
	font-family: 'Roboto Condensed', sans-serif;
color: #fff;
font-size: 3vw;
padding-bottom: 36px;
}
    .frame-1 .logo-landing img {

        max-height: 45px;

    }
    .frame-1 .info-frame-1 h3.title {

        font-size: 5.5vw;

    }
    .frame-1 .info-frame-1 p.description {

        font-size: 2.1vw;
        margin-top: 20px;

    }
    .frame-1 .info-frame-1 h4.slogan-frame-1 {

        font-family: 'HelveticaNeue-BoldItalic';
        font-size: 2.4vw;
        color: #a00066;

    }
    .frame-2 .info-frame-2 img.arrow {

        max-width: 335px;
        display: block;
        margin: 0 auto;

    }
    .frame-2 .info-frame-2 .list-child-frame-2 .each-child-frame-2 {

        height: 63px;

    }
    .frame-2 .info-frame-2 .list-child-frame-2 {

        margin-top: 15px;

    }
    .frame-5 .main-frame-5 .info .hot_line img {

        padding-bottom: 0px;

    }
    .frame-6 .main-frame-6 .info .each-frame-6 img {

        width: 120px;

    }
    .frame-6 .main-frame-6 .info .each-frame-6 .description {

        min-height: 120px;

    }
    .frame-8 .main-frame-8 .container-custom .brand {

        margin-bottom: 40px;

    }
    .frame-9 .list-child-frame-9 .each-child::before {

        content: '';
        background: url(../images/landing-page/arrow-left.png);
        background-size: auto auto;
        position: absolute;
        top: 50%;
        right: 5px;
        width: 39px;
        height: 141px;
        transform: translateY(-50%);
        background-size: 39px 141px;

    }
    .frame-10 .info {

        margin-bottom: 50px;
        height: 130px;

    }
    .frame-10 .image {

        max-height: 380px;

    }
    .frame-13 .form_buy .hot_line {

        display: inline-block;
        max-height: 70px;

    }
    .frame-13 .form_buy .title {

        margin-top: 35px;

    }
    .frame-13 .form_contact {

        margin: 30px 0;
        text-align: center;

    }
    .frame-13 .form_contact input {

        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
        height: 60px;
        border-radius: 15px;
        border: 0;
        box-shadow: none;
        font-family: 'HelveticaNeue-Italic';
        color: #808080;
        font-size: 2vw;
        padding-left: 30px;

    }
    .frame-13 .form_contact a.contact_landing img {

        max-width: 200px;

    }
    .logo-footer {

        max-width: 150px;

    }
    .frame-13 .logo .des_logo, .frame-13 .logo .product, .frame-13 .logo .text {

        padding-top: 25px;

    }
    .product{
        max-width: 80%;
    }
    .frame-13 .logo .text {

        max-width: 350px;
        margin: 0 auto;

    }
    .name_blog_right {

        float: left;
        width: 67%;
        text-align: justify;

    }
}
@media (max-width:900px){
    .frame-1 .logo-landing img {

        max-height: 35px;

    }
	.text-fixx{
	font-family: 'Roboto Condensed', sans-serif;
color: #fff;
font-size: 3.7vw;
padding-bottom: 36px;
}
    .frame-1 .info-frame-1 {

        position: absolute;
        right: 40px;
        bottom: 100px;

    }
    .frame-1 .info-frame-1 h3.title {

        font-size: 5.3vw;

    }
    .frame-2 .info-frame-2 {

        position: absolute;
        right: 45px;
        width: 37%;

    }
    .frame-2 .info-frame-2 img.arrow {

        max-width: 240px;
        display: block;
        margin: 0 auto;

    }
    .frame-2 .info-frame-2 h4.title {

        font-size: 2.3vw;
        line-height: 26px;

    }
    .frame-2 .info-frame-2 h4.slogan-frame-2 {

        margin-top: 15px;
        line-height: 20px;

    }
    .frame-6 .feature-image {

        height: 700px;
        width: auto;
        max-width: none;
        overflow: hidden;

    }
    .text-first-mobile.fn {

        height: 345px;
        padding: 30px 15px 0;

        background-color: #2b0723;

        color: #fff;
    }
    .text-first-mobile p {

        float: left;
        width: calc(100% - 30px);
        font-family: 'HelveticaNeue-Bold';
        padding-left: 15px;
        font-size: 4vw;

    }
    .text-frame-7-mobile {

        font-family: 'HelveticaNeue-BoldItalic';
        padding: 30px 15px 36px;
        background-color: #330627;
        color: #fff;
        font-size: 4vw;

    }
    .text-frame-7-mobile span {

        color: #ffd900;

    }
    .frame-8 .main-frame-8 .feature-image {

        height: 3550px;
        width: auto;

    }
    .frame-8 .main-frame-8 .container-custom {

        position: absolute;
        top: 52%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;

    }
    .content-frame-8 {

        position: relative;
        margin-bottom: 40px;
    }
    .content-frame-8 .ctif-8 {

        position: absolute;
        font-family: 'HelveticaNeue-Bold';
        color: #fff;
        font-size: 3.6vw;
        top: 40px;
        right: 40px;
        width: 66%;

    }
    .frame-8 .main-frame-8 .container-custom .brand {

        margin-bottom: 50px;
        margin-top: 20px;
        width: 100%;
        max-width: 100%;

    }
    .content-frame-8 .ctif-8.lo2 {

        top: 18px;

    }
    .frame-9 .list-child-frame-9 .each-child::before {

        content: '';
        background: url(../images/landing-page/arrow-left.png);
        background-size: auto auto;
        background-size: auto auto;
        position: absolute;
        top: 50%;
        right: 0px;
        width: 39px;
        height: 141px;
        transform: translateY(-50%);
        background-size: 39px 141px;

    }
    .frame-10 .image {

        max-height: unset;
        text-align: center;

    }
    .frame-10 .image img{

        display: block;
        margin: 0 auto;

    }
    .frame-13 .form_buy {

        position: absolute;
        right: 40px;
        top: 18%;
        text-align: right;
        width: 40%;

    }
    .frame-6 .main-frame-6 .info .each-frame-6 .description {

        font-size: 1.9vw;
        width: calc(100% - 215px);
    }
}
@media (max-width:767px){
	.text-fixx{
	font-family: 'Roboto Condensed', sans-serif;
color: #fff;
font-size: 3.7vw;
padding-bottom: 36px;
}
    .frame-1 .logo-landing {
        top: 15px;
        right: 15px;
    }
    .frame-1 .logo-landing img {
        max-height: 16px;
    }
    .frame-1 .info-frame-1 {
        right: 15px;
        bottom: 20px;
    }
    .frame-1 .info-frame-1 p.description {
        margin-top: 0;
        font-size: 2.5vw;
    }
    .frame-1 .info-frame-1 h4.slogan-frame-1 {
        margin-bottom: 5px;
    }
    .frame-2 .info-frame-2 {
        position: absolute;
        right: 15px;
        top: 0px;
    }
    .frame-2 .info-frame-2 img.arrow {
        max-width: 125px;
    }
    .frame-2 .info-frame-2 h4.title {
        line-height: 13px;
    }
    .frame-2 .info-frame-2 h3.title {
        font-size: 5.6vw;
        font-weight:900;
    }
    .frame-2 .info-frame-2 h4.slogan-frame-2,.frame-2 .info-frame-2 .list-child-frame-2{
        display: none;
    }
    .text-mobile h4.slogan-frame-2{
        font-family: 'HelveticaNeue-Bold';
        font-size: 1.6vw;
        margin-top: 30px;
        color: #a00066;
        line-height: 45px;
    }
    .text-mobile{
        display: block;
    }
    .text-mobile .list-child-frame-2 {
        margin-top: 25px;
        padding: 0 15px;
    }
    .text-mobile .list-child-frame-2 .each-child-frame-2 .child{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: calc(100% - 60px);
    }
    .text-mobile h4.slogan-frame-2 {
        font-size: 3.6vw;
        margin-top: 30px;
        line-height: 20px;
        text-align: center;
    }
    .text-mobile .list-child-frame-2 .each-child-frame-2 {

        background-color: #a00066;
        margin-bottom: 12px;
        border-radius: 25px;
        height: 55px;
        font-family: 'HelveticaNeue-BoldItalic';
        color: #fff;
        font-size: 3.6vw;
        position: relative;
        text-align: left;

    }
    .frame-3 {
        padding: 30px 0px;
    }
    .frame-3 .info h3.title {
        font-size: 5vw;
    }
    .frame-3 .info h4.title {
        font-size: 3.9vw;
        padding: 10px 0;
        text-align: center;
    }
    .frame-3 .info .description {
        font-size: 4vw;
        line-height: 25px;
        padding-top: 0px;
    }
    .frame-3 .clip iframe {
        height: 300px;
        margin-top: 30px;
    }
    .frame-3 .clip .description {
        padding-top: 30px;
        font-size: 3.8vw;
        line-height: 25px;
        text-align: justify;

    }
    .frame-4 img.title {
        top: -10px;
        position: absolute;
        left: 50%;
        width: 120%;
        height: auto;
        max-width: 120%;
        transform: translateX(-50%);
    }

    .list-frame-4-mobile {

        position: relative;
        display: none;
        width: 100%;
        font-family: 'HelveticaNeue-BoldItalic';
        font-size: 4.3vw;
        color: #a00066;
        text-align: left;
        padding: 15px;


    }
    .list-frame-4-mobile .each-frame-4{
        padding-bottom: 15px;
    }
    .list-frame-4-mobile img{
        display: inline-block;
        padding-right: 10px;
    }
    .content-frame-5-mobile {
        display: block;
        background-color: #fff;
        padding: 30px 15px;
        margin-bottom: 30px;
    }
    .content-frame-5{
        display: none;
    }
    .frame-5 .main-frame-5 .info .hot_line img {
        margin-bottom: 0;
        max-width: 75%;
        padding: 0 !important;
        margin-top: 10px;
        display: inline-block;
    }
    .frame-5 .logo-product{
        max-width: 75%;
        display: inline-block;
    }
    .frame-5 .main-frame-5 .info {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        width: 45%;
        text-align: right;
    }
    .frame-6 .main-frame-6 .info {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: calc(100% - 30px);
    }
    .frame-6 .main-frame-6 .info .each-frame-6 .description {
        display: inline-block;
        width: calc(100% - 85px);
        height: auto;
        font-family: 'HelveticaNeue-BoldItalic';
        color: #fff;
        font-size: 4.3vw;
        float: left;
        min-height: 75px;
        margin-bottom: 10px;
        text-align: justify;
        position: relative;
        line-height: 25px;
    }
    .frame-6 .main-frame-6 .info .each-frame-6 img {

        width: 65px;
        margin-right: 15px;
        margin-top:10px;

    }
    .frame-7 .main-frame-7 img.content-1 {
        position: absolute;
        top: 15px;
        left: 15px;
        width: calc(100% - 30px);
    }
    .frame-7 .main-frame-7 img.content-2 {
        left: 25px;
    }
    .frame-7 .main-frame-7 img.content-3 {
        right: 25px;
    }
    .frame-8 .main-frame-8 .container-custom .brand {
        margin-bottom: 15px;
    }
    .frame-9 .list-child-frame-9 {
        padding: 15px;
    }
    .frame-9 .list-child-frame-9 .each-child:nth-child(1), .frame-9 .list-child-frame-9 .each-child:nth-child(2),.frame-9 .list-child-frame-9 .each-child:nth-child(3)  {
        display: inline-block;
        width: 100%;
    }
    .frame-9 .list-child-frame-9 .each-child::before {
        width: 0;
    }
    .frame-9 .list-child-frame-9 .each-child img {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .frame-9 .main-image {
        padding: 30px 15px;
        width: 100%;
    }
    .frame-9 .list-child-frame-9 .each-child:nth-child(3) img {
        max-width: 100%;
    }
    .frame-9 img.content-footer {
        padding: 0 15px 30px;
    }
    .frame-10 {
        padding: 30px 0px 0;
    }
    .frame-10 .info {
        font-size: 4.7vw;
        text-align: center;
        margin-top: 15px;
    }
    .frame-11 .main-frame-11 {
        padding: 30px 15px;
    }
    .frame-11 .main-frame-11 iframe{
        height: 250px !important;
    }
    .frame-12 .row {

        margin-top: 0;

    }
    .frame-12 .content-frame-11 {

        margin-top: 55px;
        margin-bottom: 30px;

    }
    .frame-13 .logo {
        width: 90%;
        position: absolute;
        top: 65px;
        left: 15px;

    }
    .frame-13 .logo .logo-footer{
        max-width: 100px;
    }
    .frame-13 .logo .des_logo, .frame-13 .logo .product, .frame-13 .logo .text {

        padding-top: 25px;

    }
    .frame-13 .logo .product{
        max-width: 200px;
    }
    .frame-13 .logo .text {

        max-width: 75%;
        margin: 0 auto;

    }
    .frame-13 .feature-image{
        height: 400px;
    }
    .frame-13 .form_buy .hot_line {

        display: inline-block;
        display: none;

    }
    .frame-13 .form_buy .title {

        margin-top: 0;

    }
    .frame-13 .form_contact a.contact_landing{
        margin-top: 30px;
    }
    .frame-13 .form_contact a.contact_landing img {

        max-width: 150px;

    }
    .frame-13 .form_contact {

        margin: 30px 0;
        text-align: center;

    }
    .frame-13 .form_buy {

        position: relative;
        right: 0;
        top: 0;
        text-align: right;
        width: 100%;
        padding: 30px 15px;
        background-color: #9f0066;

    }
    .frame-13 .form_contact input{
        font-size: 4vw;
    }
    .frame-13 .form_contact input::placeholder{
        font-size: 4vw;
        padding-left: 15px;
    }
    .frame-1 .info-frame-1 h4.slogan-frame-1 {
        font-family: 'HelveticaNeue-BoldItalic';
        font-size: 2.6vw;
        color: #a00066;
    }
    .frame-4 .list-frame-4 img {
        display: inline-block;
        max-width: 23px;
    }
    .frame-4 .list-frame-4 {
        top: 44%;
        font-size: 3.4vw;
        right: 15px;
    }
    .frame-4 .list-frame-4 .each-frame-4 {
        padding-bottom: 10px;
    }
    .frame-4 .description {

        position:relative;
        font-size:3vw;

    }
    .frame-5 h3.title,.frame-6 h3.title,.frame-7 h3.title,.frame-8 h3.title,.frame-9 h3.title,.frame-11 h3.title{
        font-size:5vw;
        color:#ffd900;
    }
    .frame-6 .feature-image {

        height: 770px;
        width: auto;
        max-width: none;
        overflow:hidden;

    }
    .frame-6 .main-frame-6 .info .each-frame-6:first-child .description , .frame-6 .main-frame-6 .info .each-frame-6:nth-child(2) .description{
        height:265px;
    }
    .frame-6 .main-frame-6 .info .each-frame-6:first-child img , .frame-6 .main-frame-6 .info .each-frame-6:nth-child(2) img{

        margin-top: 95px;

    }
    .frame-7 .main-frame-7 img.content-1 {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0px;
    }
    .frame-7 .main-frame-7 img.content-2 {

        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        max-width: 100%;
        padding: 30px 15px;
        background-color: #330627;
    }
    .frame-7 .main-frame-7 img.content-3 {

        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        max-width: 100%;
        padding: 30px 15px;
        background-color: #330627;
    }
    .frame-8 .main-frame-8 .feature-image{
        height: 1850px;
        width: auto;
    }
    .frame-8 .main-frame-8 .container-custom .brand {

        margin-bottom: 50px;
        margin-top: 20px;
        width: 100%;
        max-width: 100%;

    }
    .frame-8 .main-frame-8 .container-custom {

        position: absolute;
        top: 52%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;

    }
    .frame-13 .logo .product {

        max-width: 200px;
        display: block;
        margin: 0 auto;

    }
    .frame-7 .feature-image{
        height: 400px;
        max-width: none;
        display: block;
        margin-left: -32%;
    }
    .text-frame-7-mobile {

        font-family: 'HelveticaNeue-BoldItalic';
        padding: 30px 15px 0px;
        background-color: #330627;
        color: #fff;
        font-size: 4vw;

    }
    .text-frame-7-mobile.fn{
        padding-bottom:30px;
    }
    .text-frame-7-mobile span{
        color:#ffd900;
    }
    .frame-13 .logo .product{max-width:330px;}
    .text-first-mobile{
        padding: 30px 15px 0;

        background-color: #2b0723;

        color: #fff;
        height: 110px;
    }
    .text-first-mobile img{
        float:left;
        width:30px;
    }
    .text-first-mobile p{
        float:left;
        width:calc(100% - 30px);
        font-family:'HelveticaNeue-Bold';
        padding-left:15px;
        font-size:4vw;
    }
    .text-first-mobile.fn{
        height: 210px;
    }
    .content-frame-8 {

        position: relative;

    }
    .content-frame-8  .ctif-8 {

        position: absolute;
        font-family: 'HelveticaNeue-Bold';
        color: #fff;
        font-size: 4.1vw;
        top: 5px;
        right: 15px;
        width: 67%;

    }
    .content-frame-8 .ctif-8.lo1{
        top:30px;
    }
    .content-frame-8 .ctif-8.lo2{
        top:18px;
    }
    .content-frame-12 ul{
        padding: 122px 30px 50px;
    }
    .content-frame-12 ul li{
        font-family: 'HelveticaNeue';
        font-size:4vw;
        color:#000;
        padding-bottom: 15px;
        text-align: justify;
    }
    .content-frame-12 ul li span{
        font-family: 'HelveticaNeue-Bold';
        font-size:4vw;
        color:#000;
    }
    .icon-home{
        text-align:center;
    }
    .icon-home .home{
        padding: 11px 30px;

        display: inline-block;

        width: 150px;

        background-color: #ba0066;

        border-radius: 10px;

        text-align: center;

        margin: 30px auto 0;
    }
    .icon-home .home img{
        height: 40px;

        margin: 0 auto;
    }

    .home-text{
        font-family: 'HelveticaNeue-Bold';
        font-size:4vw;
        color:#ba0066;
        display:block;
        font-size: 6vw;
    }
    .relate_post{
        padding:15px;}
}
@media(width:768px){
	.text-fixx{
	font-family: 'Roboto Condensed', sans-serif;
color: #fff;
font-size: 3.7vw;
padding-bottom: 36px;
}
    .frame-1 .info-frame-1 h3.title {
        font-size: 5.5vw;
    }
    .frame-1 .info-frame-1 p.description {
        margin-top: 0;
        font-size: 2.2vw;
    }
    .frame-1 .info-frame-1 {
        right: 15px;
        bottom: 80px;
    }
    .frame-2 .info-frame-2 h4.title {
        font-size: 2.6vw;
        line-height: 27px;
    }
    .text-mobile h4.slogan-frame-2 {
        font-size: 3.8vw;
        margin-top: 30px;
        line-height: 42px;
        text-align: center;
    }
    .text-mobile .list-child-frame-2 .each-child-frame-2 {
        background-color: #a00066;
        margin-bottom: 30px;
        border-radius: 25px;
        height: 102px;
        font-family: 'HelveticaNeue-BoldItalic';
        color: #fff;
        font-size: 3.6vw;
        position: relative;
        text-align: left;
    }
    .frame-3 .info h3.title {
        background-color: #a00066;
        color: #fff;
        font-family: 'HelveticaNeue-Bold';
        margin-top: 0;
        font-size: 3vw;
        padding: 15px;
    }
    .frame-3 .info .description {
        font-size: 4vw;
        line-height: 45px;
        padding-top: 0px;
    }
    .frame-3 .clip iframe {
        height: 425px;
        margin-top: 30px;
    }
    .frame-3 .clip .description {
        padding-top: 30px;
        font-size: 3.8vw;
        line-height: 45px;
        text-align: justify;
    }
    .frame-3 {
        padding: 45px 0px;
    }
    .frame-6 .main-frame-6 .info .each-frame-6:first-child .description, .frame-6 .main-frame-6 .info .each-frame-6:nth-child(2) .description {
        height: 345px;
    }
    .frame-6 .main-frame-6 .info .each-frame-6 .description {
        display: inline-block;
        width: calc(100% - 85px);
        height: auto;
        font-family: 'HelveticaNeue-BoldItalic';
        color: #fff;
        font-size: 4vw;
        float: left;
        min-height: 100px;
        margin-bottom: 10px;
        text-align: justify;
        position: relative;
        line-height: 40px;
    }
    .frame-7 .feature-image {
        height: 950px;
        max-width: none;
        display: block;
        margin-left: -32%;
    }
    .frame-6 .feature-image {
        height: 1000px;
        width: auto;
        max-width: none;
        overflow: hidden;
    }
    .text-first-mobile.fn {
        height: 315px;
    }
    .frame-7 .feature-image {
        height: 850px;
        max-width: none;
        display: block;
        margin-left: -43%;
    }
    .text-frame-7-mobile {
        font-family: 'HelveticaNeue-BoldItalic';
        padding: 30px 15px 36px;
        background-color: #330627;
        color: #fff;
        font-size: 4vw;
    }
    .content-frame-8 .ctif-8 {
        position: absolute;
        font-family: 'HelveticaNeue-Bold';
        color: #fff;
        font-size: 3.6vw;
        top: 5px;
        right: 15px;
        width: 67%;
    }
    .content-frame-8 .ctif-8 {
        position: absolute;
        font-family: 'HelveticaNeue-Bold';
        color: #fff;
        font-size: 3.6vw;
        top: 40px;
        right: 15px;
        width: 66%;
    }
    .frame-8 .main-frame-8 .feature-image {
        height: 2950px;
        width: auto;
    }
    .frame-9 .list-child-frame-9 .each-child img {
        max-width: 100%;
        margin-bottom: 30px;
        margin: 0 auto 30px;
    }
    .frame-10 .image {
        max-height: 820px;
    }
    .frame-10 .image img{
        display: block;
        margin: 0 auto;
    }.frame-11 .main-frame-11 iframe {
        height: 490px !important;
    }
    .frame-13 .feature-image {
        height: auto;
    }

}
@media (max-width:375px){
	.text-fixx{
	font-family: 'Roboto Condensed', sans-serif;
color: #fff;
font-size: 3.7vw;
padding-bottom: 36px;
}
    .text-first-mobile.fn{
        height: 180px;
    }
    .frame-7 .feature-image{
        height: 400px;
        max-width: none;
        display: block;
        margin-left: -40%;
    }
    .frame-8 .main-frame-8 .feature-image{
        height: 1650px;
        width: auto;
    }
}
@media (max-width:365px){
    .frame-6 .main-frame-6 .info .each-frame-6:first-child .description, .frame-6 .main-frame-6 .info .each-frame-6:nth-child(2) .description {

        height: 280px;

    }
    .frame-7 .feature-image {

        height: 400px;
        max-width: none;
        display: block;
        margin-left: -43%;

    }
    .content-frame-8 .ctif-8.lo1 {

        top: 25px;

    }
}