:root {
    --color1: #0dbe33;
    --color2: #0064d6;
    --color3: #d51243;
    --border-color: #ececec;
    --btnColor1: #0064d6;
    --btnColor2: #ffc107;
}

body { font-weight: normal; font-size: 16px; color:#000; color:#000D44; font-family:'Roboto', sans-serif; background:#edf2ec; overflow:hidden; overflow-y:auto }

section{width:100%; float:left; position:relative; overflow:hidden; background:#fff;}
.intro-sestion .inner{width:calc(100% - 80px);  margin:40px; float:left; position:relative; overflow:hidden }
.intro-sestion .inner:before{content:''; border-radius:0 40px 0 40px; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background: linear-gradient(to right, var(--color1) 0, var(--color2) 100%); background:var(--color2) }
.intro-sestion .inner:after{content:''; border-radius:0 40px 0 40px; position:absolute; height:100%; width:100%; left:0; top:0; z-index:2; background: url(../images/bubble.png) top no-repeat; background-size: cover !important;}
.intro-sestion .inner .radiusTL{width:40px; height:40px; position:absolute; top:75px; display:block; left:0; background:url(../images/radius-outer.svg) no-repeat 0 0; background-position: center; background-size:cover; z-index:3;}
.intro-sestion .container{z-index:6; position:relative}
.intro-sestion .col-inner{min-height:800px;}
.intro-sestion .col-inner .bartop{width:100%; float:left; position:absolute; top:0; left:0; padding: 0 15px; z-index:5;}
.intro-sestion .col-inner .bartop .col-logo{position:relative; background:#fff; float:left; height:75px; padding-right:40px; border-radius: 0 0 40px 0}
.intro-sestion .col-inner .bartop .col-logo:before{content:''; width:40px; height:40px; position:absolute; top:0; display:block; left:100%; background:url(../images/radius-outer.svg) no-repeat 0 0; background-position: center; background-size:cover}
.intro-sestion .col-inner .bartop .col-logo:after{content:''; width:1000px; height:100%; position:absolute; top:0; right:100%; position:absolute; background:#fff;}
.intro-sestion .col-inner .bartop .col-logo a{width:180px; display:block; float:left; position:relative; padding-bottom:17px; margin-top:0;}
.intro-sestion .col-inner .bartop .col-logo a:after{content:'Vui khỏe mỗi ngày'; text-decoration:none; color:#000; position:absolute;bottom:0; right:15px; color:#000; font-weight:500; font-size:13px; }
.intro-sestion .col-inner .bartop .col-logo a img{width:100%;}
.intro-sestion .col-inner .bar-contact{float:right ; position:relative; z-index:2; color:#fff; line-height:50px; margin-top:10px;}
.intro-sestion .col-inner .bar-contact b{margin-right:30px; position:relative; padding-left:40px;}
.intro-sestion .col-inner .bar-contact b:before{content: "\f879"; font-family: "Font Awesome 5";font-weight: 900; font-size:14px; position:absolute; top:-6px; left:0; line-height:initial; width:30px; height:30px; line-height:30px; border-radius:7px; text-align:center; background:#fff; color:var(--color2)}
.intro-sestion .col-inner .bar-contact a{text-decoration:none; color:#fff; position:relative; padding-left:40px;}
.intro-sestion .col-inner .bar-contact a:before{content: "\f0e0"; font-family: "Font Awesome 5";font-weight: 900; font-size:14px; position:absolute; top:-6px; left:0; line-height:initial; width:30px; height:30px; line-height:30px; border-radius:7px; text-align:center; background:#fff; color:var(--color2)}
.intro-sestion .col-inner .caption{color:#fff; padding-top:180px; font-weight:normal ; width:calc(100% - 600px); position:relative; z-index:3;}
.intro-sestion .col-inner .caption .title-caption{}
.intro-sestion .col-inner .caption .title-caption b{font-weight:normal; background:#ffc107; color:#000D44; line-height:32px; height:30px; display:inline-block; text-transform:uppercase; padding: 0 20px; font-weight:500; letter-spacing:1px; border-radius:7px; position:relative; }
.intro-sestion .col-inner .caption .title-caption b:after{content:'100%'; position:absolute; left:100%; bottom:5px; color:#fff; padding-left:10px; font-size:45px;}
.intro-sestion .col-inner .caption .title-caption h2{font-weight:bold; font-size:55px; padding-top:25px; text-transform:uppercase; font-family:Roboto}
.intro-sestion .col-inner .caption p{font-size:19px; font-weight:normal; padding-top:10px; line-height:30px; width:100%; float:left;}
.intro-sestion .col-inner .caption .wrap-btn{width:100%; float:left; position:relative; margin-top:20px;}
.intro-sestion .col-inner .caption .wrap-btn a{line-height:50px; height:50px; padding: 0 25px; display:inline-block; color:#fff; text-decoration:none; font-size:16px; font-weight:bold; border-radius:10px; margin-right:15px; text-align:center;}
.intro-sestion .col-inner .caption .wrap-btn a:last-child{background:var(--color1); color:#fff; -webkit-animation: zoom-btn 2s infinite; -moz-animation: zoom-btn 2s infinite;  animation: zoom-btn 2s infinite; text-transform:uppercase; white-space:nowrap}
.intro-sestion .col-inner .book_screen{position:absolute; bottom:0px; right:-150px; z-index:2; width:750px ; -webkit-animation: bounce-hero 3s infinite; -moz-animation: bounce-hero 3s infinite;  animation: bounce-hero 3s infinite;}
.intro-sestion .barbottom{width:calc(1320px + (100% - 1320px)/2 - 240px); background:#fff; position:absolute; right:0; bottom:0; z-index:5; border-radius: 40px 0 0 0; }
.intro-sestion .barbottom:before{width:40px; height:40px; content:''; -webkit-transform: scale(-1, -1); transform: scale(-1,-1); background:url(../images/radius-outer.svg) no-repeat 0 0; background-position: center; background-size:cover; position:absolute; right:100%; bottom:0; }
.intro-sestion .barbottom:after{width:40px; height:40px; content:''; -webkit-transform: scale(-1, -1); transform: scale(-1,-1); background:url(../images/radius-outer.svg) no-repeat 0 0; background-position: center; background-size:cover; position:absolute; right:0; bottom:100%; }
.intro-sestion .barbottom ul{width:calc(100% + 20px); margin:0; padding:50px 0 0 50px; list-style:none; display:table;}
.intro-sestion .barbottom ul li{width:25%; position:relative; display:table-cell; border-left:1px solid rgba(0,0,0,.1); padding: 0 20px;}
.intro-sestion .barbottom ul li:first-child{border:none;}
.intro-sestion .barbottom ul li h4{font-weight:500; display:block; font-size:22px; padding-top:15px; font-family:Roboto}
.intro-sestion .barbottom ul li p{opacity:.75; margin-bottom:0;}
.intro-sestion .barbottom ul li i{font-size:32px; color:var(--color2); position:relative}
.intro-sestion .barbottom .caption{position:absolute; height:100%; right:100%; top:0; display:flex; align-items:center; justify-content:right; color:#fff; padding-right:50px; width:150px; text-transform:uppercase; font-size:17px; font-weight:normal;}
.intro-sestion .barbottom .caption:after{width:50px; height:50px; right:-25px; margin-top:-25px; background:var(--color1); font-family: "Font Awesome 5"; font-weight: 400; content: "\f054"; position:absolute; top:50%; border-radius:50%; line-height:50px; text-align:center; font-size:18px; box-shadow: 0 0 10px rgba(0,0,0,.5) }


@keyframes bounce-hero {
    0% 		{margin-bottom:0px;}
    50% 	{margin-bottom:25px;}
    100% 	{margin-bottom:0px;}
}

@keyframes zoom-btn {
    0% 		{transform:scale(1)}
    50% 	{transform:scale(1.2)}
    100% 	{transform:scale(1);}
}

@media (max-width: 767px) {
    .intro-sestion{overflow:initial}
    .intro-sestion .col-inner .bar-contact a{display:none;}
    .intro-sestion .col-inner .bar-contact b{margin-right:0;}
    .intro-sestion .inner{width:100%; margin:0; overflow:initial;}
    .intro-sestion .inner:before{border-radius:0;}
    .intro-sestion .inner:after{border-radius:0;}
    .intro-sestion .col-inner{min-height:auto;}
    .intro-sestion .col-inner .bartop .col-logo a{width:150px; padding-top:15px;}
    .intro-sestion .col-inner .book_screen{width:600px; right:initial; left:20px; bottom:-180px; display:none; }
    .intro-sestion .col-inner .caption{width:100%; padding-top:150px;}
    .intro-sestion .col-inner .caption .title-caption h2{font-size:40px;}
    .intro-sestion .barbottom{width:100%; position:relative; margin-top:100px;}
    .intro-sestion .barbottom .caption{width:100%; height:auto; right:0; bottom:100%; text-align:center; display:block; padding:0 0 10px 0; margin:0 0 20px 0; top:initial; z-index:3;}
    .intro-sestion .barbottom .caption:after{ top:100%; margin-top:inherit; right:50%; margin-right:-25px; content: "\f078";}
    .intro-sestion .barbottom ul{padding:35px 0 0 0px; width:100%;}
    .intro-sestion .barbottom ul li{width:50%; display:block; float:left; padding:15px; }
    .intro-sestion .barbottom ul li:nth-child(1),
    .intro-sestion .barbottom ul li:nth-child(2){padding-top:0;}
    .intro-sestion .barbottom ul li:nth-child(3){border-top:1px solid rgba(0,0,0,.07); border-left:none; padding-bottom:0;}
    .intro-sestion .barbottom ul li:nth-child(4){border-top:1px solid rgba(0,0,0,.07); padding-bottom:0;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .intro-sestion{overflow:initial}
    .intro-sestion .inner{width:100%; margin:0; overflow:initial;}
    .intro-sestion .inner:before{border-radius:0;}
    .intro-sestion .inner:after{border-radius:0;}
    .intro-sestion .col-inner{min-height:850px;}
    .intro-sestion .col-inner .bartop .col-logo a{width:150px; padding-top:15px;}
    .intro-sestion .col-inner .book_screen{width:600px; right:initial; left:20px; bottom:-180px; display:none; }
    .intro-sestion .col-inner .caption{width:100%; padding-top:150px;}
    .intro-sestion .col-inner .caption .title-caption h2{font-size:45px;}
    .intro-sestion .barbottom{width:calc(100% - 180px)}
    .intro-sestion .barbottom ul{padding:25px 0 0 25px;}
    .intro-sestion .barbottom ul li{width:50%; display:block; float:left; padding:15px; }
    .intro-sestion .barbottom ul li:nth-child(1),
    .intro-sestion .barbottom ul li:nth-child(2){padding-top:0;}
    .intro-sestion .barbottom ul li:nth-child(3){border-top:1px solid rgba(0,0,0,.07); border-left:none; padding-bottom:0;}
    .intro-sestion .barbottom ul li:nth-child(4){border-top:1px solid rgba(0,0,0,.07); padding-bottom:0;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .intro-sestion{overflow:initial}
    .intro-sestion .inner{width:100%; margin:0; overflow:initial;}
    .intro-sestion .inner:before{border-radius:0;}
    .intro-sestion .inner:after{border-radius:0;}
    .intro-sestion .col-inner{min-height:870px;}
    .intro-sestion .col-inner .bartop .col-logo a{width:150px; padding-top:15px;}
    .intro-sestion .col-inner .book_screen{width:600px; right:initial; left:20px; bottom:-180px; }
    .intro-sestion .col-inner .caption{width:calc(100% - 320px); padding-top:170px;}
    .intro-sestion .col-inner .caption .title-caption h2{font-size:45px;}
    .intro-sestion .barbottom{width:250px;}
    .intro-sestion .barbottom ul{display:block;padding:20px 30px 0 30px }
    .intro-sestion .barbottom ul li{display:block; width:100%; padding: 20px 0; border:none; border-top:1px solid rgba(0,0,0,.1)}
    .intro-sestion .barbottom ul li:last-child{padding-bottom:0;}
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .intro-sestion .inner{width: calc(100% - 40px); margin:20px;}
    .intro-sestion .col-inner .book_screen{width:650px; bottom:50px;}
    .intro-sestion .col-inner .caption{width:calc(100% - 500px); padding-left:30px;} 
    .intro-sestion .col-inner .caption .title-caption h2{font-size:45px;}
    .intro-sestion .barbottom .caption{padding-right:30px; width:135px;}
}


.tittle-sestion{width:100%; float:left; position:relative; text-align:center; position:relative; z-index:3; }
.tittle-sestion span{display:block; width:100%; float:left; position:relative; font-weight:bold; font-size:20px;}
.tittle-sestion label{width:100%; float:left; position:relative; font-size:38px; font-family:Roboto ; font-weight:bold; margin-top:-5px;}
.about-sestion{padding: 50px 0; background:#fff url(../images/gree-field.jpg) no-repeat center bottom}
.about-sestion ul{margin:40px 0 0 0px; padding:0; width:calc(100% + 0px); float:left; list-style:none; position:relative; z-index:3; }
.about-sestion ul li{width:calc(25% - 20px) ; margin:10px; padding:230px 15px 15px 15px; overflow:hidden; position:relative; float:left; box-shadow: 0 9px 50px 11px rgba(1, 53, 102, .03); border-radius:14px;  text-align:center; background:#fff;}
.about-sestion ul li .radius-img{width:calc(100% + 100px); position:absolute; bottom:100%; margin-bottom:-200px; left: -50px; border-radius:50%; overflow:hidden; transition:.3s; box-shadow: 0 0 0 5px rgba(0,0,0,.05)}
.about-sestion ul li .radius-img:before{content:''; padding-top:100%; display:block;} 
.about-sestion ul li .radius-img .wrap-img{width:calc(100% - 100px); height:200px; position:absolute; left:50px; bottom:0; overflow:hidden;}
.about-sestion ul li .radius-img .wrap-img img{width: 100%; height: 100%;  object-fit: cover;}
.about-sestion ul li:hover .radius-img{border-radius:0;}
.about-sestion ul li i{width:60px; height:60px; background:var(--color1); text-align:center; line-height:60px; left:50%; margin-left:-30px; top: 170px; z-index:3; position:absolute; border-radius:50%; font-size:24px; color:#fff; box-shadow: 0 0 20px rgba(0,0,0,.3)  ;}
.about-sestion ul li h4{width:100%; float:left; font-size:20px; color:var(--color2);  font-family:Roboto ; padding: 20px 0 15px 0; font-weight:bold;}
.about-sestion ul li p{ line-height:26px; opacity:.85}

@media(max-width: 767px) {
    .about-sestion{padding-top:70px;}
    .about-sestion ul{margin-top:20px; padding: 0 10px}
    .about-sestion ul li{width:calc(100%); margin:0;} 
}

@media (min-width: 768px) and (max-width: 991px) {
    .about-sestion{padding-top:70px;}
    .about-sestion ul li{width:calc(50% - 20px)} 
}

@media (min-width: 992px) and (max-width: 1199px) {
    .about-sestion ul li{width:calc(50% - 20px)} 
}


.info-section{ position:relative; padding: 50px 0 80px 0; background:#edf2ec; }
.info-section .row_bookInfo{width:100%; float:left; position:relative; margin-top:50px;}
.info-section .row_bookInfo .inner{width:100%; float:left; position:relative; }
.info-section .row_bookInfo .col-info{width:calc(100% - 520px); height:480px; display:flex; align-items:center;float:left; position:relative; z-index:1; background:#fff; border-radius:25px; padding: 40px 180px 50px 60px}
.info-section .row_bookInfo .col-info h2{font-weight:bold; font-size:30px; margin:0 0 10px 0; padding:0; color:var(--color1)}
.info-section .row_bookInfo .col-info h3{font-weight:bold; font-size:20px; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid rgba(0,0,0,.07)}
.info-section .row_bookInfo .col-info p{font-weight:500}
.info-section .row_bookInfo .col-info ul{margin:0; padding:0; list-style:none; }
.info-section .row_bookInfo .col-info ul li{line-height:26px; margin-top:20px; position:relative; padding-left:40px;}
.info-section .row_bookInfo .col-info ul li:before{font-family: "Font Awesome 5"; font-weight: 400; content: "\f00c"; font-size:16px; color:#fff; position:absolute; left:1px; top:-1px; width:26px; height:26px; line-height:26px; text-align:center; box-shadow: 0 0 0 1px rgba(0,0,0,.07); border-radius:50%; background:var(--color1);}
.info-section .row_bookInfo .col-img{width:700px; float:right; position:relative; z-index:2; position:absolute; right:-30px; top:30px;}
.info-section .row_bookInfo .col-img img{width:100%;}
.info-section .book2 .col-img{right:initial; left:-20px;}
.info-section .book2 .col-info{float:right; padding: 40px 60px 50px 180px; }

@media (max-width: 767px) {
    .info-section{padding-bottom:40px;}
    .info-section .row_bookInfo{margin-top:20px; background:#fff; width:calc(100% - 30px); margin: 15px 15px 0 15px; border-radius:14px;}
    .info-section .row_bookInfo .col-info{width:100%; padding: 20px; height:auto; border-radius:20px; background:none;}
    .info-section .row_bookInfo .col-info h2{font-size:25px;}
    .info-section .row_bookInfo .col-info h3{font-size:18px;}
    .info-section .row_bookInfo .col-img{width:100%; position:initial}
}

@media (min-width: 768px) and (max-width: 991px) {
    .info-section .row_bookInfo{margin-top:20px;}
    .info-section .row_bookInfo .col-info{width:100%; padding: 30px 260px 30px 30px; height:450px; border-radius:20px;}
    .info-section .row_bookInfo .col-info h2{font-size:25px;}
    .info-section .row_bookInfo .col-info h3{font-size:18px;}
    .info-section .row_bookInfo .col-img{left:100%; margin-left:-250px; top:40px; width:600px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .info-section .row_bookInfo .col-info{width:100%; padding: 30px 310px 30px 30px; height:400px;}
    .info-section .row_bookInfo .col-info h2{font-size:25px;}
    .info-section .row_bookInfo .col-info h3{font-size:18px;}
    .info-section .row_bookInfo .col-img{left:100%; margin-left:-300px; top:20px; width:600px;}
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .info-section .row_bookInfo .col-info{width:calc(100% - 450px); padding: 0px 130px 0px 40px; height:450px}
    .info-section .row_bookInfo .col-img{width: 600px; top:40px;}
    .info-section .book2 .col-info{float:right; padding: 0px 40px 0px 140px; }
}


.parallax-mirror{border-radius:40px;}
.register-section{padding:50px 0 50px 0; overflow:hidden; background:initial }
.register-section .parallax-window{border-radius:40px; width:calc(100% - 80px); height:100%; position:absolute; top:0; left:40px; z-index:1; display:block; border-radius:40px; overflow:hidden;}
.register-section .parallax-window:before{content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#000; z-index:1; opacity:.5}
.register-section .container{position:relative; z-index:2;}
.register-section .inner{width:100%; height:300px;  float:left; position:relative; z-index:5;}
.register-section .inner:before{ border-radius:20px; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background: linear-gradient(to right, var(--color1) 0, var(--color2) 100%); background:var(--color2) }
.register-section .inner:after{border-radius:20px; position:absolute; height:100%; width:100%; left:0; top:0; z-index:2; background: url(../images/bubble.png) top no-repeat; background-size: cover !important;}
.register-section .caption{position:absolute; width:100%; height:100%; top:0; right:0; z-index:3; display:flex; align-items:center; }
.register-section .caption .info{ color:#fff; padding-left:0px; width:600px;}
.register-section .caption .info p{line-height:26px; font-weight:400; padding-top:5px; width:100%; float:left; position:relative; padding-bottom:10px;}
.register-section .caption .info a{display:inline-block; line-height:51px; height:50px; color:#fff; background:var(--color1); border-radius:5px; text-decoration:none; padding: 0 40px; font-weight:500; text-transform:uppercase; -webkit-animation: zoom-btn 2s infinite; -moz-animation: zoom-btn 2s infinite;  animation: zoom-btn 2s infinite;}
.register-section .caption img{position:absolute; right:-200px; top:-150px; height:700px;}

@media (max-width: 767px) {
    .parallax-mirror{border-radius:0px; text-align:center}
    .register-section .parallax-window{width:100%; border-radius:0; left:0;}
    .register-section .inner{height:580px;}
    .register-section .caption{display:block;}
    .register-section .caption img{right:-300px; width:700px; height:auto; top:initial; bottom:-200px }
    .register-section .caption .info{width:100%; text-align:center}
}

@media (min-width: 768px) and (max-width: 991px) {
    .parallax-mirror{border-radius:0px;}
    .register-section .parallax-window{width:100%; border-radius:0; left:0;}
    .register-section .caption img{right:-650px;}
    .register-section .caption .info{width:450px;}
}


@media (min-width: 992px) and (max-width: 1199px) {
    .parallax-mirror{border-radius:0px;}
    .register-section .parallax-window{width:100%; border-radius:0; left:0;}
    .register-section .caption img{right:-400px;}
    .register-section .caption .info{width:450px;}
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .register-section .parallax-window{border-radius:40px; width:calc(100% - 40px); left:20px}
    .register-section .caption img{height:550px; right:-70px; top: -120px;}
    .register-section .caption .info{width:500px; padding-left:50px;}
}


.comment-section{position:relative; z-index:3; padding: 50px 0; background-image: linear-gradient(#edf2ec,#ffffff);}
#slider-comment{width:calc(100% + 20px); margin-left:-10px; float:left; margin-top:25px; }
#slider-comment .owl-item{padding: 20px 15px 20px 15px}
#slider-comment .item{width:100%; height:300px; float:left; position:relative; background:#fff; box-shadow: 0 0 15px rgba(0,0,0,.07), 0 0 0 1px rgba(0,0,0,.02); border-radius:14px; padding:25px; }
#slider-comment .item .head{position:absolute; top:25px; left:125px;}
#slider-comment .item .head label{margin:0; padding:0; width:100%; float:left; font-size:21px; font-weight:bold;}
#slider-comment .item .head .star{font-size:16px;}
#slider-comment .item .head .star i{color:#ffc107; margin-right:5px; font-size:14px;}
#slider-comment .item .wrap-avatar{ margin-top:-35px; background-image: linear-gradient(#69e100, #007219); width:80px; height:110px; padding: 6px; border-radius: 10px 0 40px 40px; display:flex; align-items:end; position:relative;}
#slider-comment .item .wrap-avatar:before{content:''; border-bottom:10px solid Rgba(0,0,0,.7); border-right:10px solid transparent; position:absolute; top:0; left:100%;}
#slider-comment .item .wrap-avatar img{width:100%; border-radius:50%;  border:4px solid rgba(255,255,255,.75)}
#slider-comment .item .info{width:100%; float:left; position:relative; padding-top:15px; line-height:26px;}

@media (max-width: 767px) {
   .comment-section{padding-bottom:20px;}
   #slider-comment .item{height:auto;}
}

@media (min-width: 768px) and (max-width: 991px) {
    #slider-comment .item{height:auto;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    #slider-comment .item{height:370px;}
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #slider-comment .item{height:330px;}
}

.footer-section{padding: 0px 0 50px 0;}
.footer-section:before{content:''; border-radius:0; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background: linear-gradient(to right, var(--color1) 0, var(--color2) 100%); background:var(--color2) }
.footer-section:after{content:''; border-radius:0; position:absolute; height:100%; width:100%; left:0; top:0; z-index:2; background: url(../images/bubble.png) top no-repeat; background-size: cover !important;}
.footer-section .container{position:relative; z-index:5;}
.footer-section .col-left{width:calc(100% - 650px); float:left; position:relative; padding-left:150px; margin-top:30px; color:#fff; }
.footer-section .col-left .qr-code{position:absolute; top:40px; left:0; width:140px;}
.footer-section ul{width:100%; margin:30px; padding:0; list-style:none; font-size:20px;  color:#fff;}
.footer-section ul li{width:100%; margin-top:8px; padding-left:0px; font-size:16px;}
.footer-section ul li.title{padding-left:0; font-size:22px; font-weight:500; }
.footer-section ul li a{ text-decoration:none;}
.footer-section ul li b{font-weight:500; padding-right:5px;}
.footer-section .col-right{width:640px; position:relative; float:right;}
.footer-section .col-right iframe{width:100%; float:left; height:300px; margin-top:70px; border-radius:15px;}

@media(max-width: 767px) {
    .footer-section{padding-bottom:15px;}
    .footer-section .col-left .qr-code{display:none;}
   .footer-section .col-left{width:100%; padding-left:0;}
   .footer-section ul{margin:25px 0 0 0;}
    .footer-section .col-right{width:100%; padding-top:20px; }
    .footer-section .col-right iframe{margin-top:0;}
}

@media (min-width: 768px) and (max-width: 991px) {
   .footer-section .col-left{width:100%}
    .footer-section .col-right{width:100% }
    .footer-section .col-right iframe{margin-top:0;}
}


@media (min-width: 992px) and (max-width: 1199px) {
   .footer-section .col-left{width:100%}
    .footer-section .col-right{width:100% }
    .footer-section .col-right iframe{margin-top:0;}
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .footer-section .col-left{width:calc(100% - 500px)}
    .footer-section .col-right{width:480px; }
}



.myModal-register{position:fixed; width:100%; height:100%; top:0; left:0; display:flex; align-items:center; justify-content:center; z-index:1000; background:rgba(0,0,0,.5); padding:20px; opacity:0; visibility:hidden; transition:.3s;}
.myModal-register .inner{position:relative; background:#fff; width:500px; height:100%; float:left; overflow:hidden; border-radius:10px; padding: 5px 0; }
.myModal-register .inner a.nav-close{position:absolute; top:0; right:0; background:#d91b00; color:#fff; line-height:32px; padding: 0 10px; text-decoration:none; font-size:14px; border-radius: 0 0 0 10px;}
.myModal-register .inner iframe{width:100%; height:100%;}
.myModal-register.is-open{opacity:1; visibility:initial;}

@media(max-width: 767px) {
    .myModal-register{padding:0;}
    .myModal-register .inner{border-radius:0;}
}

@media (min-width: 1400px){
    .container{max-width:1320px}
}