.bypostauthor {}
@import url("https://fonts.googleapis.com/css?family=Charm:400,700&subset=vietnamese"); @font-face {
font-family: 'UTM-BryantLG_B';
src: url(//dinokinder.edu.vn/wp-content/themes/mypage-child/fonts/UTM-BryantLG_B.eot);
src: local('☺'), url(//dinokinder.edu.vn/wp-content/themes/mypage-child/fonts/UTM-BryantLG_B.woff) format('woff'), url(//dinokinder.edu.vn/wp-content/themes/mypage-child/fonts/UTM-BryantLG_B.ttf) format('truetype'), url(//dinokinder.edu.vn/wp-content/themes/mypage-child/fonts/UTM-BryantLG_B.svg) format('svg');
font-weight: normal;
font-style: normal;
}
h1, h2 {font-family: 'UTM-BryantLG_B', san serif;font-weight: 700;}
.center {text-align: center;}
#header .header-main .container {padding-left: 30px;padding-right: 30px;}
#header.header-10 .header-main .header-left, #header.header-10 .header-main header-center, #header.header-10 .header-main .header-right {padding-top: 5px;padding-bottom: 0;}
#header .logo {position: relative;}
#header .logo:after{content: '';width: 140px;height: 20px;position: absolute;left: 0;bottom: -20px;background-image: url(//dinokinder.edu.vn/wp-content/themes/mypage-child/images/bg_logo.png);background-repeat: no-repeat;background-position: center center;z-index: 9;}
#header.search-sm .search-popup .searchform {width: 258px;}
#header.header-corporate .searchform input {width: 205px;}
#header .header-main #main-menu .mega-menu>li.menu-item:first-child i {font-size: 20px;margin: 0;}
.line_bottom {position: relative;}
.line_bottom:after{content: '';display: block;width: 135px;height: 36px;margin: 10px auto 0;background-image: url(//dinokinder.edu.vn/wp-content/themes/mypage-child/images/line_bottom.png);background-repeat: no-repeat;background-position: center center;}
.wrap_uudiem {margin-top: 30px;}
.wrap_uudiem h3{background-color: #f29700;width: 250px;height: 250px;color: #fff;display: block;padding: 0px;border-radius: 50%;margin: 0 auto;position: relative;font-size: 36px;line-height: 42px;font-weight: 700;}
.wrap_uudiem h3:after{content: '';width: 100%;height: 100%;top: 0;left: 0;position: absolute;background-image: url(//dinokinder.edu.vn/wp-content/themes/mypage-child/images/uudiem_dino.png);background-repeat: no-repeat;background-position: center center;opacity: 0.15}
.wrap_uudiem h4 {width: 190px;height: 190px;background-color: #1f2944;color: #fff;padding: 0px;border-radius: 50%;margin: 0;font-size: 15px;line-height: 18px;}
.inner_uudiem.vc_row.wpb_row {margin-top: 130px;margin-bottom: 130px;}
.inner_uudiem > .vc_column_container > .wpb_wrapper {position: relative;width: 500px;height: 500px;border: 20px solid rgba(31, 41, 68, 0.48);border-radius: 50%;margin: 0 auto;}
.inner_uudiem h3, .inner_uudiem h4{position: absolute;transform:translate(-50%,-50%);display: block;font-family: 'UTM-BryantLG_B', san serif;cursor: pointer;}
.inner_uudiem h3 {top: 50%;left: 50%;}
.inner_uudiem .top {top: 0;left: 50%;}
.inner_uudiem .left {top: 50%;left: 0;}
.inner_uudiem .right{top: 50%;right: 0;transform:translate(50%,-50%)}
.inner_uudiem .bottom{bottom: 0;left: 50%;transform:translate(-50%,50%)}
.wrap_uudiem h4 strong, .wrap_uudiem h3 strong{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);z-index: 3}
.wrap_uudiem h4:before,.wrap_uudiem h3:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;border: 0px solid #f29700;border-radius: 50%;transition:0.4s ease-in-out;}
.wrap_uudiem h4:hover:before,.wrap_uudiem h3:hover:before{border-width: 10px;}
.wrap_uudiem h4:after{content: '';position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 93px;height: 93px;background-image: url(//dinokinder.edu.vn/wp-content/themes/mypage-child/images/dino.png);background-position: center center;background-repeat: no-repeat;z-index: 1;opacity: 0;transition:0.4s ease-in-out;}
.wrap_uudiem h4:hover:after{opacity: 0.2;}
.wrap_uudiem h3:before{border-color: #1f2944;}
.wrap_hinhanh {margin-top: 30px;}
.wrap_hinhanh .wpb_single_image {margin: 1px;}
.wrap_hinhanh .wpb_single_image .vc_single_image-wrapper, .wpb_image_grid .wpb_image_grid_ul a{position: relative;}
.wrap_hinhanh .wpb_single_image .vc_single_image-wrapper:after, .wpb_image_grid .wpb_image_grid_ul a:after{position: absolute;font-family: FontAwesome;content: "\f00e";color: #fff;font-size: 22px;line-height: 42px;width: 46px;height: 46px;display: block;border-radius: 50%;border: 2px solid #fff;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(2,2);z-index: 2;transition: 0.3s ease-in-out all;opacity: 0;visibility: hidden;text-align: center;}
.wrap_hinhanh .wpb_single_image .vc_single_image-wrapper img, .wpb_image_grid .wpb_image_grid_ul img {transition: 0.3s ease-in-out all;}
.wrap_hinhanh .wpb_single_image:hover .vc_single_image-wrapper:after, .wpb_image_grid .wpb_image_grid_ul a:hover:after{transform: translate(-50%,-50%) scale(1,1);opacity: 1;visibility: visible;}
.wrap_hinhanh .wpb_single_image:hover .vc_single_image-wrapper img, .wpb_image_grid .wpb_image_grid_ul a:hover img{filter: brightness(40%);-webkit-filter:brightness(40%);}
.wrap_tuyensinh {padding-top: 100px;padding-bottom: 80px;}
.wrap_tuyensinh:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index: 1;}
.wrap_tuyensinh h2 {color: #fff;font-size: 34px;}
.wrap_tuyensinh h3 {color: #fff;font-family: 'UTM-BryantLG_B', san serif;font-size: 26px;margin-bottom: 40px;}
.porto-modal-content .wpcf7-form {width: 500px;margin: 30px auto}
.porto-modal-content .wpcf7-form h2 {text-align: center;color: #fff;border-bottom: 1px solid #fff;}
.porto-modal-content .wpcf7-form textarea {height: 90px;}
.porto-modal-content .wpcf7-form input[type="text"], .porto-modal-content .wpcf7-form input[type="email"], .porto-modal-content .wpcf7-form textarea, .porto-modal-content .wpcf7-form select {background-color: transparent;color: #fff;}
.porto-modal-content .wpcf7-form select option {color: #000;}
.porto-modal-content .wpcf7-response-output {color: #fff}
.mfp-close, .mfp-close-btn-in .mfp-close{color: #fff;border: 1px solid #fff;}
.my-mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.97}
.no-breadcrumbs .main-content {padding-bottom: 1px;padding-top: 0;}
#footer:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index: 1;}
#footer > div {position: relative;z-index: 3;}
#footer .widget-title {font-size: 16px;font-weight: 400;border-bottom: 1px solid #fff;padding-bottom: 5px;}
#footer .widget_nav_menu ul.menu {border-bottom: none;}
#footer .widget_nav_menu ul.menu li {border-top: none;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
#footer .widget_nav_menu ul.menu li:before{border-left-color: #fff;}
#footer .widget_nav_menu ul.menu li:first-child{display: none;}
#footer .widget_nav_menu ul.menu li.hide{display: block !important;}
#footer .widget_nav_menu ul.menu .sub-menu {display: none;}
#footer .contact-info > p {clear: both;margin-top: 10px;}
#footer .footer-bottom {padding: 0;}
#footer .footer-bottom .footer-center {border-top: 1px solid rgba(255,255,255,0.3);}
.wrap_loichao {padding-top: 50px;padding-bottom: 30px;background-color: #008c78;color: #fff;}
.wrap_loichao h2 {color: #ffde00;}
.wrap_loichao .wpb_text_column h3 {color:#ffde00;font-family: 'UTM-BryantLG_B', san serif;font-weight: 700;}
.wrap_loichao .wpb_text_column p {margin-bottom: 10px;}
.wrap_loichao .wpb_text_column strong {color: #ffde00;font-size: 16px;}
.wrap_loichao.vc_row  > .vc_column_container > .wpb_wrapper.vc_column-inner {padding: 0 100px;}
.wrap_loichao:after{content: '';border-top: 200px solid transparent;border-left: 60px solid #ffdd00;border-bottom: 200px solid transparent;position: absolute;top: 50%;left: 0;transform:translateY(-50%);display: block;}
.wrap_conhocgi {padding-top: 30px;}
.wrap_conhocgi:before{position: absolute;top: 0;right: 0;width: 50%;height: 100%;background-color: #1b4164;display: block;z-index: 1;}
.wrap_conhocgi:after{content: '';position: absolute;top: 0;left: 50%;width: 41px;height: 100%;transform:translateX(-50%);background-image: url(//dinokinder.edu.vn/wp-content/themes/mypage-child/images/bg_conhocgi.png);background-repeat: repeat-y;display: block;z-index: 2;}
.wrap_conhocgi > .vc_column_container {z-index: 4;}
.wrap_conhocgi .wpb_single_image {margin-bottom: 0;}
.wrap_conhocgi h3 {color: #ffde00;padding-left: 60px;font-family: 'UTM-BryantLG_B', san serif;font-weight: 700;background-image: url(//dinokinder.edu.vn/wp-content/themes/mypage-child/images/icon_kinhlup.png);background-repeat: no-repeat;background-position: left top;font-size: 32px;line-height: 40px;margin-left: 20px;}
.wrap_conhocgi h3 strong{display: block;text-align: right;}
.wrap_conhocgi .wpb_text_column {color: #fff;padding-left: 60px;margin-bottom: 0;}
.wrap_conhocgi .wpb_text_column p {margin-bottom: 10px;}
.wrap_moitruong h4 {font-family: 'UTM-BryantLG_B', san serif;font-weight: 700;line-height: 40px;font-size: 28px;}
.wrap_moitruong .vc_inner .vc_custom_heading {font-family: 'UTM-BryantLG_B', san serif;font-weight: 700;margin-top: 60px;margin-bottom: 30px;}
.wrap_moitruong .vc_inner .vc_custom_heading:after{content: '';display: block;margin-top: 5px;width: 70px;height: 2px;background-color: #ffde00;}
.wrap_moitruong .wpb_text_column {font-size: 18px;text-align: justify;margin-right: 50px;}
.wrap_moitruong .wpb_text_column p {line-height: 28px;}
.wrap_cttuyensinh {padding-top: 50px;padding-bottom: 20px;background-image: url(//dinokinder.edu.vn/wp-content/themes/mypage-child/images/bg_cttuyensinh.png);background-position: center bottom;background-repeat: no-repeat;background-size: 100% auto;background-color: #2aaae2;}
.wrap_cttuyensinh .vc_custom_heading {color: #fff;}
.wrap_cttuyensinh .porto-sicon-box {position: relative;}
.wrap_cttuyensinh .porto-sicon-box:before {content: '';display: block;position: absolute;left: 139px;right: 0;top: 3px;bottom: 3px;background-color: #fff;z-index: 1;border-radius: 0 10px 10px 0;}
.wrap_cttuyensinh .left-icon .porto-sicon-left, .wrap_cttuyensinh .left-icon .porto-sicon-body {position: relative;z-index: 3;}
.wrap_cttuyensinh .porto-sicon-wrapper .porto-sicon-img {border-radius: 50%;overflow: hidden;border: 3px solid #2aaae2;}
.wrap_cttuyensinh .wpb_wrapper .porto-sicon-header h3.porto-sicon-title{text-align: center;color: #f29700;font-size: 18px;font-weight: 500;}
.wrap_cttuyensinh .porto-sicon-description ul {margin: 0 0 20px;padding: 0;list-style: none;}
.wrap_cttuyensinh .porto-sicon-description ul li {margin-bottom: 5px;padding-bottom: 3px;border-bottom: 1px solid #ddd;}
.wrap_cttuyensinh .wpb_wrapper .porto-sicon-read {background-color: #1f2944;display: inline-block;padding: 8px 15px 7px;color: #fff;border-radius: 5px;}
.wrap_lienhe .wpb_text_column ul{margin: 0;padding: 0;list-style: none;}
.wrap_lienhe .wpb_text_column ul li {margin-bottom: 5px;}
.wrap_lienhe .wpb_text_column ul li i {margin-right: 5px;width: 13px;}
html #topcontrol{right: 145px;}
.dky_thamquan {position: fixed;display: inline-block;width: 184px;height: 218px;right: -55px;bottom: -50px;cursor: pointer;transition:0.3s ease-in-out;z-index: 99;background-image: url(//dinokinder.edu.vn/wp-content/themes/mypage-child/images/btn_dkthamquan_2.png);background-position: center center;background-repeat: no-repeat;}
.dky_thamquan:hover{right: 0;bottom: 0;}
.wrap_dkythamquan textarea{height: 90px;}
.modal-header .close {cursor: pointer;color: #000;}
.btn_dkpopup {display: none;}
.mypage-alo-phone {
position: fixed;
left: -10px;
bottom: -10px;
visibility: visible;
background-color: transparent;
width: 110px;
height: 110px;
cursor: pointer;
z-index: 200000 !important;    
}
.mypage-alo-ph-circle {
width: 90px;
height: 90px;
top: 12px;
left: 12px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30, 30, 30, 0.4);
opacity: .1;
border-color: #0089B9;
opacity: .5;
}
.mypage-alo-ph-circle-fill {
width: 60px;
height: 60px;
top: 28px;
left: 28px;
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background-color: rgba(0, 175, 242, 0.5);
opacity: .75 !important;
}
.mypage-alo-ph-img-circle {
width: 30px;
height: 30px;
top: 43px;
left: 43px;
position: absolute;
background: rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .7;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background-color: #0089B9;
background-size: 70%;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.single-post article .entry-title{line-height: 38px;}
.wrap_gioithieu {padding-top: 50px;background-color: #f2f2f2;}
@media(max-width: 1199px){
#header .header-main #main-menu .mega-menu>li.menu-item {margin: 0;}
.wrap_conhocgi h3 {font-size: 28px;line-height: 34px;}
.blog-posts article.post-grid .entry-title {font-size: 16px;line-height: 22px;}
}
@media(max-width: 991px){
#header.sticky-header .header-main.change-logo .header-left, #header.sticky-header .header-main.change-logo .header-center, #header.sticky-header .header-main.change-logo .header-right {padding-top: 0;padding-bottom: 0;}
#header.search-sm .search-popup .searchform {width: 265px;}
#header .mobile-toggle {font-size: 24px;}
.inner_uudiem > .vc_column_container > .wpb_wrapper {width: 500px;height: 500px;}
.wrap_uudiem h3 {width: 240px;height: 240px;}
.wrap_uudiem h4 {font-size: 15px;line-height: 18px;width: 180px;height: 180px;}
.wrap_uudiem h4:hover:before, .wrap_uudiem h3:hover:before {border-width: 10px;}
#footer .footer-bottom .footer-center {text-align: center;}
.designby {display: block;}
.wrap_loichao.vc_row > .vc_column_container > .wpb_wrapper.vc_column-inner {padding: 0 50px;}
.wrap_conhocgi:after {left: 52%;}
.wrap_conhocgi h3 {margin-left: 10px;font-size: 21px;line-height: 25px;background-size: auto 100%;}
.wrap_conhocgi .wpb_text_column {padding-left: 25px;text-align: justify;}
.wrap_cttuyensinh .vc_column_container.col-md-6 {    -webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.wrap_cttuyensinh  .vc_row.wpb_row.vc_inner, .wrap_cttuyensinh .porto-sicon-box {display: block;}	
.wrap_moitruong h4 {font-size: 26px;line-height: 30px;}
.wrap_moitruong .vc_inner .vc_custom_heading {margin-top: 10px;margin-bottom: 20px;}
.wrap_moitruong .wpb_text_column {margin-right: 0;font-size: 16px;}
.wrap_moitruong .wpb_text_column p {line-height: 24px;}
.wrap_loichao .wpb_text_column{text-align: justify;}
#footer .widget_nav_menu ul.menu {columns: 2;-webkit-columns: 2;-moz-columns: 2;}
}
@media(max-width: 767px){
.inner_uudiem > .vc_column_container > .wpb_wrapper {width: 360px;height: 360px;border-radius: 0;}
.wrap_uudiem h3:after {width: 80%;height: 80%;background-size: 100% auto;top: 10%;left: 10%;}
.wrap_uudiem h4 {font-size: 13px;line-height: 16px;width: 160px;height: 160px;}
.inner_uudiem .top {left: 0;}
.inner_uudiem .left {left: auto;top: 0;right: 0;transform: translate(50%,-50%);}
.inner_uudiem .right {top: auto;bottom: 0;transform: translate(50%,50%);}
.inner_uudiem .bottom {left: 0;}
.wrap_hinhanh .vc_column_container.col-md-3 {-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.wrap_tuyensinh h2 {font-size: 30px;}
.wrap_tuyensinh h3 {font-size: 22px;}
.porto-modal-content .wpcf7-form {width: 400px;}
.porto-modal-content .wpcf7-form h2 {font-size: 24px;}
.wrap_loichao:after {border-left-width: 30px;}
.wrap_loichao.vc_row > .vc_column_container > .wpb_wrapper.vc_column-inner {padding: 0 30px;}
.wrap_conhocgi:before, .wrap_conhocgi:after {display: none;}
.wrap_conhocgi .col-md-6:last-child:before{background-color: #1b4164;content: '';position: absolute;top: 0;left: -10px;right: -10px;bottom: 0;display: block;z-index: 1;}
.wrap_conhocgi .col-md-6:last-child > .wpb_wrapper {position: relative;z-index: 3;padding-top: 30px;}
.wrap_conhocgi h3 {margin-left: 0;}
.wrap_conhocgi .wpb_text_column {padding-left: 0;}
.wpb_image_grid .wpb_image_grid_ul .isotope-item{position: relative !important;width: 50%;top: auto !important;left: auto !important;margin: 0;border: 1px solid #fff;}
.dky_thamquan {width: 92px;height: 109px;background-size: 100%;right: -11px;bottom: -30px;}
}
@media(max-width: 575px){
#header .header-right.search-popup .searchform input {width: 210px;}
.wrap_uudiem h2 {line-height: 36px;}
.inner_uudiem > .vc_column_container > .wpb_wrapper {width: 100%;height: 360px;}
.wrap_uudiem h3 {width: 200px;height: 200px;}
.inner_uudiem .top {left: -30px;transform: translate(0%,-50%);}
.inner_uudiem .left {right: -30px;transform: translate(0%,-50%);}
.inner_uudiem .right {right: -30px;transform: translate(0%,50%);}
.inner_uudiem .bottom {left: -30px;transform: translate(0%,50%);}
.porto-modal-content .wpcf7-form {width: 360px;}
.mfp-close, .mfp-close-btn-in .mfp-close {margin-top: -40px;}
.wpb_text_column ul {padding-left: 15px;}
.wrap_cttuyensinh .left-icon .porto-sicon-left, .wrap_cttuyensinh .left-icon .porto-sicon-body {display: block;}
.wrap_cttuyensinh .porto-sicon-box:before {background-color: transparent;}
.wrap_cttuyensinh .left-icon .porto-sicon-body:after{display: block;clear: both;content: '';}
.wrap_cttuyensinh .left-icon .porto-sicon-body {background-color: #fff;z-index: 2;margin-top: -100px;padding-top: 110px;}
.wrap_cttuyensinh .porto-sicon-description {text-align: center;}
.wrap_cttuyensinh .porto-sicon-wrapper {margin-bottom: 50px;}
}
.namlbn-tags a {
display: inline-block; padding:3px 5px; border-radius: 3px; background-color: #f7f7f7;
margin:2px 5px;
}
#namlbn_programs .slick-prev:before {
content: "\e824";
font-family: "revicons";
}
#namlbn_programs .slick-next:before {
content: "\e825";
font-family: "revicons";
}
#namlbn_programs .programs_slider {
margin:0 -15px;
}
#namlbn_programs .programs_slider .slide-item {
padding:0 15px;
} 
#namlbn_programs .padding_ratio {
position: relative; overflow: hidden;
}
#namlbn_programs .padding_ratio:before {
padding-bottom: 74%; content: ''; display: block;
}
#namlbn_programs .padding_ratio:hover img {
transform: scale(1.1); transition: .5s
}
#namlbn_programs .padding_ratio  img {
position: absolute; top:0; left: 0; width: 100%; height: 100%; object-fit: cover;
}
#namlbn_programs .col_content {
padding: 5px 30px; display: flex; align-items: center; justify-content: center; font-size: 24px
}
#namlbn_programs .col_content span {
display: inline-block; vertical-align: middle; line-height: 1; color: white
}
#namlbn_programs .col_time {
font-size: 2em; font-weight: bold
}
#namlbn_programs .col_wrapper:hover {
text-decoration: none;
}
#namlbn_programs .col_title {
margin-left: 0; margin-right: auto;
}
#namlbn_programs .col_unit {
margin-right: 0; margin-left: auto;
}
.slick-dots {
position: absolute;
bottom: 0;
display: flex;
padding: 0;
margin: 10px 0;
width: 100%;
justify-content: center;
list-style: none;
}
ul.slick-dots li.slick-active button, ul.slick-dots li button:hover {
background-color: #F4A102; transition: .5s
}
ul.slick-dots li.slick-active button:before, ul.slick-dots li:hover button:before {
opacity: 1; transition: .5s
}
ul.slick-dots li {
margin:0 3px;
}
ul.slick-dots li button {
font-size: 0; width: 12px; height: 12px;
line-height: 0;
display: block;
transition: .3s;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background-color: transparent;
border-radius: 100%;
border:solid 1px #F4A102; position: relative;
}
ul.slick-dots li button:before {
width: 200%; height: 200%; position: absolute;top:50%;left: 50%; border-radius: 100%;
transform: translateX(-50%) translateY(-50%); border:solid 1px #F4A102; opacity: 0;
content: '';
}
#namlbn_programs .programs_cnt {
display: block; width: 50%; margin: 0 auto; margin-bottom: 2em; font-size: 18px;
padding-bottom: 1em
}
#namlbn_programs .programs_cnt p,#namlbn_programs .programs_cnt h2 {
margin-bottom: .5em; line-height: 1.2
}
#namlbn_programs .programs_cnt p {
line-height: 1.8
}
#namlbn_programs .col_wrapper {
display: block; border-radius: 10px; overflow: hidden;
}
#namlbn_news .col_wrapper {
display: flex; min-height: 100%; flex-direction: column; border-radius: 10px;
box-shadow: 1px 1px 8px #d2d1d1
}
#namlbn_news h2 {
text-align: center;
}
#namlbn_news h3, #namlbn_news .the-date, #namlbn_news .the-excerpt {
margin-bottom:5px; padding:0 30px;
}
#namlbn_news .the-date {
color: #2987e8; margin-top: 20px
}
#namlbn_news h3 {
padding:0 30px; font-size: 1.4em
}
#namlbn_news h3 a {
color: #333; text-decoration: none
}
#namlbn_news .read-more {
display: inline-block; margin-left: 30px; margin-bottom: 20px !important
}
#namlbn_news {
margin-top: 50px; margin-bottom: 50px
}
@media (max-width: 425px) {
#namlbn_programs .programs_cnt {
width: 100%;
}
#namlbn_programs .col_content {
font-size: 20px
}
#namlbn_news .col-4 {
max-width: unset; flex:0 0 100%; margin-bottom: 30px
}
}
#namlbn_video {
position: relative;
}
#namlbn_video > img {
width: 100%;
}
#namlbn_video .video-cnt {
position: absolute; top:50%; left: 50%;transform: translateX(-50%) translateY(-50%); z-index: 2;
}
#namlbn_video .video-cnt .col_wrapper {
position: relative; width: 530px; height: 430px; display: flex; align-items: center;
justify-content: left;
}
#namlbn_video .video-cnt .col_wrapper > img {
position: absolute; top:0; left: 0; width: 100%; height: auto; object-fit: contain;
z-index: 0
}
#namlbn_video .video-cnt .col_wrapper .col_content {
position: relative;z-index: 1
}
#namlbn_video #namlbn-play i {
font-family: FontAwesome; font-style: normal; color: white; margin-left: 10px
}
#namlbn_video .video-cnt h2 {
margin-bottom: .5em;
}
#namlbn_video .video-cnt p {
margin-bottom: .2em
}
#namlbn_video #namlbn-play {
display: table; font-size: 20px; border-radius: 1em;
background:linear-gradient(to right, #f9cb80, #ffae26); text-decoration: none;
padding:10px 20px; color: white; margin-top: 1.5em; height: 2em
}
#video-popup {
position: fixed; top:0; left: 0; width: 100vw; height: 100vh; opacity: 0; visibility: hidden;
z-index: 99; display: flex;align-items: center; justify-content: center;
}
#video-popup .popup-bgr {
position: absolute; top:0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.83); width: 100%;
height: 100%
}
#video-popup .video-popup-cnt {
position: relative; z-index: 2
}
@media (max-width: 425px) {
#namlbn_video .video-cnt .col_wrapper .col_content {
font-size: 16px
}
#namlbn_video .video-cnt .col_wrapper .col_content h2 {
font-size: 1.5em !important; line-height: 1.1
}
#namlbn_video .video-cnt .col_wrapper .col_content * {
font-size: 1em !important; line-height: 1
}
#namlbn_video .dsk-bgr {
display: none;
}
#namlbn_video #namlbn-play {
margin-top: 1em
}
#namlbn_video .video-cnt .col_wrapper {
width: 100%; height: auto; padding-top: 30px
}
#namlbn_video .video-cnt .col_content img {
height: 60px; width: auto;
}
#namlbn_video .video-cnt .col_content p * {
font-size: 16px !important
}
#namlbn_video .video-cnt .col_content p {
margin-bottom: 5px
}
#namlbn_video .video-cnt .col_wrapper > img {
position: relative; width: 100%; height: auto;
}
#namlbn_video .video-cnt .col_wrapper {
display: block;
}
#namlbn_video .video-cnt {
width: 100%; height: 100%
}
#namlbn_video .video-cnt .col_wrapper .col_content {
width: 100%; height: auto; padding-left: 20px
}
#namlbn_video .video_wrapper {
position: relative;
}
#namlbn_video .video_wrapper:before {
content: '';
display: block;
width: 100%;
padding-bottom: 63%;
}
#namlbn_video .video_wrapper > div, #namlbn_video .video_wrapper > div video,
#namlbn_video .video_wrapper > div iframe, #namlbn_video .video_wrapper > div .mejs-video {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
#video-popup .video-popup-cnt {
display: block;width: 100%
}
}
@media (min-width: 426px) {
#namlbn_video .mb-bgr {
display: none;
}
}
#namlbn_action_btn {
position: fixed; bottom: 200px; right: 0; margin:0; padding:0; display: flex;
flex-direction: column; z-index: 98; list-style: none
}
#namlbn_action_btn > li {
margin:0; padding:0; width:100px;height: 100px; border:solid 1px white;
border-top-left-radius: 10px; border-bottom-left-radius: 10px; position: relative;
}
#namlbn_action_btn > li.btn_form {
display: flex; align-items: center;
justify-content: center; color: white; flex-direction: column;
}
#namlbn_action_btn > li > a {
margin:0; padding:0; width:100px; height: 100px; display: flex; align-items: center;
justify-content: center; color: white; flex-direction: column; text-decoration: none
}
#namlbn_action_btn > li > img, #namlbn_action_btn > li > a >img {
width: auto; height: 35px; margin-bottom: 5px; object-fit: scale-down;
}
#namlbn_action_btn .form_wrapper {
position: absolute; right: 100%; top:0;  opacity: 0; visibility: hidden;
}
.form_wrapper {
background-color: white; color: initial; padding:30px; border-left:solid 1px #FFAF60; border-right: solid 1px #FFAF60;
width: 400px;border-radius: 15px; border-top: solid 5px #FFAF60;border-bottom: solid 5px #FFAF60;
margin:30px auto;
}
#namlbn_action_btn .form_wrapper {
border-left: none; border-right: none; border-bottom: solid 2px #dddd; margin:0;
}
#namlbn_action_btn .form_wrapper.form-show {
opacity: 1; visibility: visible; transition: .5s
}
.form_wrapper p.form-title {
font-size: 1.5em; font-weight: bold;
}
.form_wrapper input {
border:none; border-bottom:solid 1px #dddd; box-shadow: none; position: relative; width: 100%;
z-index: 0
}
.form_wrapper .two-col {
display: flex; align-items: center;
}
.form_wrapper .two-col > span {
display: inline-block; flex: 0 0 46%;
}
.form_wrapper .two-col > span:last-child {
margin-left: auto; margin-right: 0
}
.form_wrapper .has-icon span {
position: relative;
}
.form_wrapper .has-icon span:after {
content:''; font-family: "FontAwesome"; position: absolute; top:50%; right: 5px;
z-index: 1; color: #84C6E7; transform: translateY(-50%);
}
.form_wrapper .check {
display: flex; align-items: flex-start;
}
.form_wrapper .check label {
flex:0 0 40%;
}
.form_wrapper .check > span {
flex:0 0 60%;
}
.form_wrapper .check .wpcf7-checkbox {
display: flex; flex-wrap: wrap;
}
.form_wrapper .check .wpcf7-checkbox >span {
flex:0 0 50%; margin:0; margin-bottom: 10px
}
.form_wrapper .check .wpcf7-checkbox input {
display: inline-block; width: auto;
}
.form_wrapper input[type="text"],.form_wrapper  input[type="email"],
.form_wrapper  input[type="tel"] {
padding-left: 0
}
#close-form {
display: none;
}
#namlbn_action_btn #close-form {
display: inline;
}
.form_wrapper  input[type="submit"] {
width: auto; background-color: #47AADC; border-radius: 10px; text-align: center;
padding:10px 20px;
}
.form_wrapper form > p:last-of-type {
margin-bottom: 0
}
#namlbn_action_btn #close-form {
display: inline-block; margin-left: 20px; text-decoration: none
}
@media (max-width: 425px) {
#namlbn_action_btn {
bottom: 15px
}
#namlbn_action_btn > li > img, #namlbn_action_btn > li > a >img {
height: 25px
}
#namlbn_action_btn > li > a {
font-size: 11px
}
#namlbn_action_btn > li > a, #namlbn_action_btn > li {
width: 70px; height: 70px
}
.form_wrapper {
width: 95vw; 
}
#namlbn_action_btn .form_wrapper {
left: 50%; position: fixed; z-index: 99; top:50%;
transform: translateX(-50%) translateY(-50%);
}
.form_wrapper .check label {
flex:0 0 35%;
}
.form_wrapper .check > span {
flex:0 0 65%;
}
.form_wrapper {
padding:30px 10px;
}
#namlbn_action_btn li.action-btns:nth-child(3) {
display: none
}
.dky_thamquan {
display: none;
}
}
#namlbn_why .col_wrapper {
position: relative;
border-radius: 30px; overflow: hidden;
}
#namlbn_why .col_wrapper img {
position: relative;z-index:  0;
}
#namlbn_why .col_wrapper .is_content {
position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 1; opacity: 0; transition: .3s;
color: white; background-color: rgba(22, 28, 47, 0.90); padding: 15px 30px; display: flex;
align-items: flex-start; justify-content: center; flex-direction: column; font-size: 18px
}
#namlbn_why .col_wrapper:hover .is_content {
opacity: 1; transition: .8s
}
#namlbn_why .col-6:last-of-type {
display: flex; align-items: center;
}
#namlbn_why ul {
margin:0; padding:0; list-style: none; font-size: 16px; padding-left: 40px
}
#namlbn_why ul li {
display: flex; align-items: center; margin-bottom: 15px
}
#namlbn_why ul li img {
flex:0 0 60px; width: 60px; height: auto; margin-right: 20px; object-fit: scale-down;
}
#namlbn_why ul li > div {
flex-grow: 1;;
}
#namlbn_why ul li > div p {
margin-bottom: 0;
}
#namlbn_why {
padding:40px 0;
}
@media (max-width: 425px) {
#namlbn_why .col-6 {
width: 100%; flex:none; max-width: unset; margin-bottom: 30px
}
#namlbn_why .col_wrapper .is_content {
font-size: 14px; padding:10px 15px;
}
#namlbn_why .col_wrapper .is_content p {
margin-bottom: 5px
}
#namlbn_why .col-6 ul {
padding-left: 0;font-size: 14px
}
#namlbn_why ul li img {
flex:0 0 50px; width: 50px;
}
}
#namlbn_form_hp > div {
max-width: 320px; margin:0 auto; display: block;
}
#namlbn_form_hp label {
margin-bottom: 0; margin-top: 15px
}
#namlbn_form_hp input {
border-radius: 5px; max-width: 100%
}
#namlbn_form_hp input[type="submit"] {
margin:15px auto; display: block;
}
#namlbn_form_hp {
display: table;margin:30px auto; max-width: 100%; padding:30px 50px; border-radius: 10px;
background-color: #ffe9c5
}
@media (max-width: 425px) {
#namlbn_form_hp {
padding:30px 10px;
}
}