@import "style_coupon.css";
@import "animate.css";

.landing-club * {
    white-space: normal !important;
}

.landing-club {
    line-height: 190%;
}

.landing-club .container {
    color: #1e1e1e;
}

.landing-club .row-white {
    background: #FFF;
}

.landing-club .col-35 {
    width: 35%;
}

.landing-club .col-25 {
    width: 24%;
}

.landing-club .col-45 {
    width: 45%;
}

.landing-club .col-55 {
    width: 54%;
    margin: 0;
}

.landing-club .col-64 {
    width: 64%;
}

.landing-club .col-25, .landing-club .col-35, .landing-club .col-64 {
    display: inline-block;
    vertical-align: top;
}

.landing-club .row {
    display: block;
    width: 100%;
    padding: 20px 10%;
}

.landing-club .text-20 {
    font-size: 20px;
}

.landing-club .text-26 {
    font-size: 26px;
}

.landing-club .text-30 {
    font-size: 30px;
}

.landing-club .text-40 {
    font-size: 42px;
}

.landing-club .text-50 {
    font-size: 50px;
}

.landing-club .text-55 {
    font-size: 55px;
}

.landing-club .text-bold {
    font-weight: bold;
}

.landing-club .text-black {
    color: #323232;
}

.landing-club .text-white {
    color: #fff;
}
.landing-club .float-left {
    float: left
}

.landing-club .float-right {
    float: right
}

.landing-club .banner {
    background-image: url("http://support.pavietnam.vn/multidata/banner/2018_08/banner-ldcollege.png");
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 100%;
    max-width: 100%;
    padding-bottom: 5%;
    display: inline-block;
    width: 100%;
}

section.checkdomain.landingpage {
    background: transparent !important;
    padding: 0 !important;
}

a.butt_check:link, a.butt_check:visited {
    margin-right: 0 !important;
    background-color: #f00134;
}

section.checkdomain .left {
    margin-left: 0 !important;
}
.landing-club .domain_check {
    width: 100%;
    border: 1px solid #999;
    height: 51px;
    box-sizing: border-box;
    font-size: 20px;
    padding-left: 2%;
    padding-right: 18%;
}

.landing-club a.butt_check {
    padding: 3px 3%;
    color: #fff;
    font-size: 1.7em;
    font-weight: 600;
    height: 50px;
    text-align: center;
}
.landing-club .banner .banner-content{
    width: 67%;
}
.landing-club .banner-price{
    display: block;
    width: 100%;
    padding: 30px 10% 0;
}
.landing-club .logo-college{
    max-width: 90%;
    padding-top: 40px;
}
.landing-club .banner .display-inline p img{
    max-width: 89%;
}
.landing-club .gia-km{
    font-size: 80px;
    letter-spacing: 2px;
    font-weight: 900;
    text-shadow: 2px 1px 2px #000;
}
.landing-club .banner-gia-km{
    color: #ffff00;
    font-size: 30px;
    text-align: center;
}
.landing-club .gia-km-2{
    font-size: 58px;
}
.landing-club .gia-goc{
    width: 400px;
    text-align: right;
    font-size: 24px;
    padding: 15px 0;
    text-decoration: line-through;
}


/* row 1*/
.landing-club .row-intro ul.text-gioithieu{
    font-size: 22px;
    line-height: 26px;
    list-style-type: none;
    padding: 0;
}
.landing-club .row-intro ul.text-gioithieu li{
    padding-left: 40px;
    padding-bottom: 8px;
    background: url('http://support.pavietnam.vn/multidata/banner/2018_08/9-ldcollege.png') no-repeat 15px 8px;
    background-size: 10px;

}
.landing-club .row-intro .content-sumenh p{
    color: #0a5463;
    padding: 3px;
    border: 3px dashed #f00134;
    border-radius: 40px;
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    margin: 25px auto;
}
/* row 2*/
.landing-club .row-why{
    background: #ecf2f3;
}
.landing-club .row-why .row-item {
    margin: 0 auto 20px;
}
.landing-club .row-why .row-item .col-64 img{
    margin-left: 0;
}
.landing-club .row-why .row-item .col-35 img{
    max-width: 68%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
@media screen and (min-width: 1024px) {
    .landing-club .row-why .row-item .col-35 img {
        margin-top: -25px;
    }
}
.landing-club .row-why .row-item .col-64 .img-title-1{
    width: 63.2%;
}
.landing-club .row-why .row-item .col-64 .img-title-2{
    width: 100%;
}
.landing-club .row-why .row-item .col-64 .img-title-3{
    width: 72%;
}
.landing-club .row-why .row-item ul{
    font-size: 22px;
    line-height: 30px;
    list-style-type: none;
    padding: 0;
}
.landing-club .row-why .row-item ul li{
    padding-bottom: 10px;
    padding-left: 40px;
    background: url('http://support.pavietnam.vn/multidata/banner/2018_08/10-ldcollege.png') no-repeat 15px 8px;
    background-size: 10px;
}

/* row 3*/
.landing-club .row-dk{
    background: url('http://support.pavietnam.vn/multidata/banner/2018_08/15-ldcollege.png') no-repeat center;
    background-size: cover;
}
.landing-club .row-dk img{
    padding: 20px 0 5px;

}

.landing-club .row-dk a img{
    padding: 20px 0 4%;
}

/*responsive*/
@media screen and (max-width: 1024px){
    .landing-club .banner{ padding-bottom: 2%;}
    .landing-club .logo-college {
        max-width: 40%;
        padding-top: 25px;
    }
    .landing-club .banner .display-inline p img {
        max-width: 76%;
    }
    .landing-club .gia-km-2 {
        font-size: 50px;
    }
    .landing-club .gia-km {
        font-size: 70px;
    }
    .landing-club .domain_check{
        height: 41px;
        font-size: 17px;
    }
    .landing-club a.butt_check{
        padding: 0 3%;
        font-size: 1em;
        line-height: 40px;
        height: 40px;
    }
    .landing-club .gia-goc{padding: 15px 0 0; }
    .landing-club .row-intro .content-sumenh p{font-size: 26px;}
}

@media screen and (max-width: 992px) {
    .landing-club .row{padding: 20px 5%;}
    .landing-club .content-sumenh img{max-width: 45%;}
    .landing-club .row-intro .content-sumenh p {
        font-size: 25px;
    }
    .landing-club .gia-goc {
        width: 375px;
    }

}
@media screen and (max-width: 768px){
    .landing-club .banner .banner-content {
        width: 90%;
    }
    .landing-club .row-why .row-item .col-35 img{
        max-width: 80%;
    }
}
@media screen and (max-width: 600px){
    .landing-club .col-64, .landing-club .col-35{
        width: 100%;
    }
    .landing-club .row-why .row-item .col-35 img{
        max-width: 45%;
        height: auto;
        padding-top: 20px;
    }
    .landing-club .row-dk p img{
        max-width: 40%;
    }
    .landing-club .row-dk a img {
        max-width: 48%;
    }
    .landing-club .logo-college {
        max-width: 35%;
        padding-top: 13px;
    }
    .landing-club .banner-price{
        padding: 30px 0 0;
    }
    .landing-club .row-why .img-title-mobile{
        max-width: 70%;
        margin: 0;
    }
    .landing-club .row-why .row-item ul, .landing-club .row-intro ul.text-gioithieu{
        font-size: 20px;
    }
    .landing-club .banner {
        padding-bottom: 4%;
    }
    .landing-club .banner .banner-content {
        width: 100%;
    }
    .landing-club .row-intro .col-35 img{
        max-width: 50%;
    }
}
@media screen and (max-width: 479px){
    .landing-club .row {
        padding: 20px 2%;
    }

    .landing-club .banner .gia-goc{
        padding: 11px 30px 0;
        font-size: 19px;
    }
    .landing-club .logo-college {
        max-width: 44%;
        padding-top: 20px;
    }
    .landing-club .gia-km {
        font-size: 60px;
    }
    .landing-club .banner-gia-km{
        font-size: 25px;
    }
    .landing-club .gia-km-2 {
        font-size: 45px;
    }
    .landing-club .row-intro .content-sumenh p {
        font-size: 20px;
        padding: 5px 14px;
    }
    .landing-club .row-why .row-item ul, .landing-club .row-intro ul.text-gioithieu{
        font-size: 19px;
    }
    .landing-club .banner .display-inline p img {
        max-width: 90%;
    }
}
@media screen and (max-width: 414px){
    .landing-club .row-why .img-title-mobile {
        max-width: 80%;
    }
    .landing-club .row-dk p img{
        padding: 0  ;
    }
    .landing-club .row-why .row-item .col-35 img {
        max-width: 55%;
    }
    .landing-club .row-intro .col-35 img{
        max-width: 60%;
    }
}
@media screen and (max-width: 375px){
    .landing-club .row-why .img-title-mobile {
        max-width: 95%;
    }
    .landing-club .row-dk a img {
        max-width: 65%;
        padding: 10px 0 4%;
    }
    .landing-club .gia-goc {
        width: 368px;
    }
}
@media screen and (max-width: 320px){
    .landing-club .row-why .img-title-mobile {
        max-width: 100%;
    }
    .landing-club .gia-km {
        font-size: 55px;
    }
    .landing-club .gia-goc {
        width: 330px;
    }
}