/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.search-form .searchform-wrapper .search-field{
    border-radius: 8px !important;
    height: 45px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.button {
    border-radius: 0 8px 8px 0;
}
.row-email input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    border-radius: 8px 0 0 8px;
    height: 50px;
}
.row-email .flex-row.form-flat .flex-col {
    margin-left: 0;
    padding-right: 0;
}
.row-email input.wpcf7-form-control.has-spinner.wpcf7-submit.button {
    border-radius: 0 8px 8px 0;
    height: 50px;
    width: 200px;
}
.row-email .wpcf7-form .flex-row.form-flat.medium-flex-wrap {
    margin-left: 45px;
}
/*.row-email:before {
    content: '';
    position: absolute;
    background: url('/wp-content/uploads/2025/10/may-bay.png');
    width: 220px;
    height: 99px;
    background-repeat: no-repeat;
    right: 5%;
    bottom: 80px;
    z-index: 1;
    animation: movebounce 5s linear infinite;
}*/
.row-email:after {
    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2024/01/shape14.png);
    width: 217px;
    height: 217px;
    background-repeat: no-repeat;
    left: 25%;
    bottom: 50px;
    z-index: -1;
    animation-name: rotateme;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.sec-email .col-left:before {
    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2025/10/may-bay.png);
    width: 220px;
    height: 99px;
    left: 30%;
    bottom: 15%;
    z-index: 0;
    animation: movescale 4s linear infinite;
}
/*.sec-email:after {
    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2024/01/shape12.png) no-repeat;
    width: 105px;
    height: 105px;
    left: 16%;
    top: 45%;
    z-index: 0;
    animation-name: rotateme;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}*/
.button.primary:hover {
    box-shadow: none !important;
    background: linear-gradient(310deg, #0404fb, #49f6ff);
}
.button.primary {
    font-size: 16px;
    padding: 3px 30px;
    background: linear-gradient(45deg, #0404fb, #49f6ff);
    border: none !important;
    text-transform: none;
}
.title-home p {
    margin-bottom: 0;
}
.section2 .bg-loaded, .sec-email .bg-loaded, .sec-ab-vd .bg-loaded {
    border-radius: 200px 0 200px 0;
}
.section2 .section-bg-overlay, .sec-footer .section-bg-overlay, .sec-ab-vd .section-bg-overlay {
        background: linear-gradient(45deg, #0404fb, #49f6ff);
    opacity: 0.9;
}
.section2 .bg-loaded {
    background-attachment: fixed;
    background-position: center;
}
.section2.dark {
    background: #f9f9f9;
}
.sec-footer.dark {
    background: #fff;
}
.sec-footer .bg-loaded {
    border-radius: 200px 0 0 0;
}
.video-button-wrapper .open-video {
    background: #143cfc !important;
    border: none;
}
.img-br img {
    border-radius: 10px;
}
.banner-br .bg-loaded {
    border-radius: 50px 0 50px 0;
}
.section3 .icon-box {
    background: #fff;
    margin-bottom: 30px;
    border-radius: 8px;
    padding: 30px 30px 0px 30px;
    transition: all .3s ease;
    height: 100%;
}
.section3 .icon-box:hover {
    cursor: pointer;
    transform: translateY(-10px);
}
.section3 .icon-box p {
    margin-bottom: 0;
}
.section3 .icon-box-text {
    margin-top: 45px;
}
.section3 .icon-box:before {
    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2024/01/icon-shape.png);
    width: 130px;
    height: 103px;
    top: 50px;
    left: 50%;
    background-repeat: no-repeat;
    transform: translate(-65px);
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg);
    opacity: 0.3;
}
.banner-ab1 .banner-bg{
    border-radius: 50% 5% 60% 10% / 20% 20% 20% 35%;
}
.banner-ab2 .banner-bg{
    border-radius: 30% 20% 59% 10% / 1% 47% 10% 35%;
}
.banner-ab3 .banner-bg{
    border-radius: 50% 5% 60% 10% / 20% 20% 20% 35%;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    box-shadow: none;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    box-shadow: none;
}
.sec-about .row-firt-ab {
    position: relative;
}
.sec-about .row-firt-ab:before {
    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2024/01/shape22.png);
    width: 222px;
    height: 210px;
    z-index: 0;
    left: 85%;
    background-repeat: no-repeat;
    top: 20%;
    animation-name: rotateme;
    animation-duration: 100s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg);
	
}
.sec-about .row-firt-ab:after {
    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2024/01/shape22.png);
    width: 222px;
    height: 210px;
    z-index: -1;
    left: 63%;
    background-repeat: no-repeat;
    top: 55%;
    animation: movebounce 5s linear infinite;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg);
	
}
.sec-about .row-firt-ab .col-sen:before {
    content: '';
    position: absolute;
    background: url(/wp-content/uploads/2025/10/logo-OE.png);
    width: 97px;
    height: 90px;
    z-index: 0;
    left: -6%;
    background-repeat: no-repeat;
    top: -10%;
    animation: moveleftbounce 4s linear infinite;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg);
}
@keyframes movebounce {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0px);
    }
}
@keyframes moveleftbounce {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(20px);
    }
    100% {
        transform: translateX(0px);
    }
}
@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes movescale {
    0% {
        transform: scale(.9);
    }
    50% {
        transform: scale(.8);
    }
    100% {
        transform: scale(.9);
    }
}
.row-second-ab .text h2 {
    margin-bottom: 5px;
}
.sec-teacher .box-image {
    border-radius: 8px 8px 0 0;
    margin-bottom: -8px;
}
.sec-teacher .box-text {
    padding: 15px 10px;
    border-radius: 0 0 8px 8px;
}
.box-blog-post .box-text {
    padding: 15px;
}
.box-blog-post {
    box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2);
    border-radius: 0 0 8px 8px;
}
.blog-ct .post-meta.is-small.op-8 {
    position: absolute;
    top: -48px;
    right: 0;
    background: #f8be29;
    opacity: 1;
    color: #fff;
    padding: 15px 10px;
    font-weight: 600;
}
ul li.bullet-arrow:before {
    color: #fff;
}
.social-icons.follow-icons a {
    background: #fff;
    color: #0404fb;
    padding: 5px 8px;
}
.portfolio-summary .row .col-fit {
    display: none;
}
.header-main .nav > li > a {
    font-size: 18px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    display: inline-block;
    margin-left: auto auto auto 0;
    z-index: 99999;
    position: absolute;
    left: 14%;
    background: #8bc34a;
    color: white;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{  
    display: inline-block;
    margin-left: auto auto auto 0;
    z-index: 99999;
    position: absolute;
    left: 10%;
    background: #ffb900;
    color: white;}
a.back-to-top{background: #0404fb !important;
    color: white !important;
    border: none !important;}
.header-main {
    height: 90px;
    background: #fff;
}
.home .transparent .header-main {
    background: transparent;
    height: 150px;
}

.section1 .row1 .col.large-7 p.text-top-1,.section1 .row1 .col.large-7 p.text-top-3{
		font-size: 32px;
		line-height: 60px;
    margin-bottom: 10px;
    line-height: 35px;
    font-weight: 500;
}
.section1 .row1 .col.large-7 p.text-top-2{
		font-size: 36px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 0;
}
.section1 .row1 .col.large-7 p.copy{
		font-size: 32px;
    background: url(/wp-content/uploads/2021/01/right-icon.png) no-repeat left;
    padding-left: 30px;
}
.section1 .row1 a.button{
    font-size: 20px;
    font-weight: normal;
    padding: 0 20px;
		box-shadow: none;
}
.button-1:hover{
    background-color: transparent !important;
    color: #fff !important;
    border-color: #fff !important;
}
.section1 .row1 a.button-2:hover{
		background-color: #0404fb !important;
    border-color: #0404fb !important;
		color: #fff !important;
}
.section1 .row1 .col.large-5 .slider-wrapper{
		border: 10px solid #fff;
    border-radius: 20px;
		background: #fff;
}
.section1 .row1 .col.large-5 .slider-wrapper .img .img-inner{
		height: 100%;
    border-radius: 10px;
}
.section1 .row1 .flickity-page-dots {
    bottom: -40px;
}
.section1 .row1 .flickity-page-dots .dot {
    border: 2px solid #fff;
    opacity: 0.6;
}
.section2 .title-home h2 {
    background: #fff;
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.title-home h2 {
    font-size: 45px;
    text-transform: uppercase;
    background: linear-gradient(45deg, #0404fb, #49f6ff);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: moveGradient 6s ease infinite;
}
@keyframes moveGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.section2 .row2 .col.large-4 .box.box-text-bottom{
    border-radius: 8px;
    box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2);
}
.section2 .row2 .col.large-4 .box.box-text-bottom:hover{
		cursor: pointer;
		transform: translateY(-10px);
		box-shadow: 0px 5px 20px #0404fb66;
}
.section2 .row2 .col.large-4 .box.box-text-bottom .box-image{
    border-radius: 8px 8px 0 0;
    box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2);
}
.section2 .row2 .col.large-4 .box.box-text-bottom .box-text{
    padding: 30px 15px;
    background: #fff;
    border-radius: 0 0 8px 8px;
}

.section2 .row2 .col.large-4 .box.box-text-bottom .box-text h4{
	background: url('http://localhost/edu9/wp-content/uploads/2021/01/cake-icon.png') no-repeat left top;
    background-size: 17px;
    display: inline-block;
    width: auto;
    font-size: 22px;
}
.section2 .row2 .col.large-4 .box.box-text-bottom .box-text p{
		font-size: 15px;
}

.section3 .row1 .col.large-6 .icon-box{
		background: #fff;
		padding: 15px;
    border-radius: 20px;
    box-shadow: 0px 5px 20px #8c8c8c9e;
}
.section3 .row1 .col.large-6 .icon-box p{
		font-size: 17px;
    font-weight: 600;
    line-height: 25px;
}
.section3 .row1 .col.large-6 .icon-box:first-child{
		margin-bottom: 25px;
}
.section3 .row1>.cot1>.col-inner{
		background: url(/wp-content/uploads/2021/01/bg-section3.png) center no-repeat;
}
.section3 .row1 .cot2>.col-inner{
		padding: 20px;
    background: #fff;
    box-shadow: 0px 5px 20px #8c8c8c9e;
    border-radius: 20px;
}
.section4 .row2 .icon-box .icon-box-text{
		padding: 120px 20px 20px 20px;
    background: #fff;
    border-radius: 20px;
    margin-top: -125px;
    z-index: 9999;
}
.section4 .row2 .icon-box .icon-box-text p.des{color: #ff8822;
		width: fit-content;
    margin: auto;
    padding: 0 0px 10px;
    line-height: 20px;
    border-bottom: 2px solid #103ac4;
    margin-bottom: 10px;
}
.section4 .row2 .icon-box .icon-box-text p{
		margin-bottom: 0;
}
.section4 .row1 .col.large-8{
		margin-top: -150px;
    padding-bottom: 0px;
}
.section4 .flickity-prev-next-button {
		opacity: 1;
}
.section4 .slider-nav-light .flickity-prev-next-button svg,.section4 .slider-nav-light .flickity-prev-next-button .arrow {box-shadow: 2px 2px 10px #00000038;
    fill: #0404fb !important;
    background: #fff;
    border-color: #fff;
}
.section4 .row-slide .col.large-4{
		padding-bottom: 0px;
}
.section5 .row2 .cot1 .gallery-col{
    padding: 0 2px 4px;
}

.section5 .row2 .cot2 .icon-box{
	padding: 10px;
    margin-bottom: 12px;
}

.section5 .row2 .cot2 .icon-box .icon-box-img{
		align-self: center;
}
.section5 .row2 .cot2 .icon-box .icon-box-text p.ngay-dang{
		margin-bottom: 0;
    font-weight: bold;
    background: url(/wp-content/uploads/2021/01/calendar-icon.png) no-repeat left center;
    padding-left: 28px;
    background-size: 20px;
}
.form-lien-he:before{
		content:"";
		display: block;
		width: 150px;
		height: 315px;
		background:url(/wp-content/uploads/2021/01/rocket-icon.png) no-repeat;
		position: absolute;
    top: -130px;
    left: -22px;
}
.form-lien-he{
		padding: 80px 100px;
    background: url(/wp-content/uploads/2021/01/bg-form-2.png) no-repeat;
    border-radius: 20px;
    border: 5px solid #fff;
    box-shadow: 0px 5px 20px #8c8c8c9e;
		background-size: cover;
}
.form-lien-he .row1,.form-lien-he .row2{
		display: flow-root;
}
.form-lien-he .row1 input[type='text'],.form-lien-he .row2 input[type='number']{
		width: 32%;
    float: left;
    margin-right: 1%;
}
.form-lien-he .row1 input[type='email']{
		width: 33%;
    float: left;
    margin-right: 1%;
}
.form-lien-he .row1 input[type='tel']{
		width: 33%;
    float: right;
}
.form-lien-he .row2 select{
		width: 67%;
    float: right;
}
.form-lien-he .row3 input[type='submit']{
		margin-top: 25px;
		padding: 8px 39px;
    font-size: 16px;
    background-color: #0404fb;
    border-radius: 15px;
		margin-bottom: 0px;
		box-shadow: none;
}
.wpcf7 .wpcf7-not-valid-tip {
    margin-top: 0px;
    position: absolute;
    opacity: .8;
    background-color: unset;
}
.form-lien-he input[type='email'],.form-lien-he input[type='search'],.form-lien-he input[type='number'],.form-lien-he input[type='url'],.form-lien-he input[type='tel'],.form-lien-he input[type='text'],.form-lien-he textarea,.form-lien-he select,.form-lien-he select option{
    appearance: none;
    box-shadow: none;
    border: none;
    padding: 5px 39px;
    height: 56px;
    border-radius: 15px;
}
.section6 form:after{
		content: "";
    display: block;
    width: 650px;
    height: 285px;
    background: url(/wp-content/uploads/2021/01/bg-children.png) no-repeat;
    position: absolute;
    bottom: -135px;
    right: -235px;
    z-index: -1;
}
.form-lien-he:after{
		    content: "";
    display: block;
    width: 369px;
    height: 321px;
    background: url(/wp-content/uploads/2021/01/children-bg.png) no-repeat;
    position: absolute;
    bottom: -135px;
    right: 88px;
    z-index: 0;
}
.section6{
		margin-bottom: 100px;
}
.footer-section{
		background-color: transparent !important;
		padding-top: 230px !important;
    padding-bottom: 0px !important;
		background: url(/wp-content/uploads/2021/01/ft-bg.png) no-repeat top;
}
.footer-section .footer-title{
		text-transform: uppercase;
		font-weight: bold;
}
.footer-section .button.icon.circle {
    border-radius: 10px !important;
    margin-right: 10px;
}
.footer-section ul{
		margin-bottom: 0px;
}
.footer-section ul li{
		list-style: none;
		margin-left: 0px;
}
.footer-section ul li i{
		padding-right: 5px;
    color: #0404fb;
    font-size: 14px;
}
.post-sidebar.large-3.col{
		padding: 0 10px 10px;
}
.c-course-detail {
    padding: 30px;
    position: fixed;
    z-index: 3;
    margin-top: -30px;
    min-height: 490px;
    width: 300px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.c-course-detail__row {
    padding-bottom: 10px;
}
.c-course-detail__row .btn-top{
		display: block;
		color: #fff;
    background-color: #0404fb;
    border-color: #0404fb;
    margin-bottom: 10px;
    box-shadow: 0 4px 0 #0404fb;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5;
    border-radius: .3rem;
		text-align: center;
}
.c-course-detail__row .btn-bottom{
		display: block;
		margin-bottom: 10px;
    box-shadow: 0 4px 0 #0404fb;
    background-color: #0404fb;
    border-color: #0404fb;
    color: #000;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 700;
    text-transform: uppercase!important;
    line-height: 1.5;
    border-radius: .3rem;
		text-align: center;
}
.c-course-detail__row .btn-top i{
		padding-right: 5px;
}
.c-course-detail__row.is-icon {
    padding-left: 30px;
}
.c-course-detail__row.is-icon [class*="icon24"] {
		width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin: 0 0 0 -30px;
}
.icon24-newspaper {
    background-image: url(/wp-content/uploads/2021/01/icon24-newspaper.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.icon24-age {
    background-image: url(/wp-content/uploads/2021/01/icon24-age.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.icon24-books {
    background-image: url(/wp-content/uploads/2021/01/icon24-books.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.icon24-rewind-time {
    background-image: url(/wp-content/uploads/2021/01/icon24-rewind-time.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.icon24-student {
    background-image: url(/wp-content/uploads/2021/01/icon24-student.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.icon24-warning {
    background-image: url(/wp-content/uploads/2021/01/icon24-warning.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.icon24-manual {
    background-image: url(/wp-content/uploads/2021/01/icon24-manual.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.c-course-detail__row label {
    display: block;
    font-weight: 700;
    margin: 0;
}
.c-course-detail__row p {
    margin: 0;
    color: #999;
    line-height: 1.3;
    font-size: 15px;
}
.is-divider{
		display: none;
}
.entry-header-text-top{
		padding-bottom:0;
}
#sub-menu{
	 	position: absolute;
    width: 280px;
    min-width: 280px;
    background-color: #fff;
    padding: 20px;
    margin-top: -2px;
    top: 105%;
    left: 0%;
    border-radius: 20px;
}
#sub-menu ul li{
		list-style: none;
    margin-left: 0px;
}
.btn-contact{
		color:#fff;
		font-weight: bold;
    letter-spacing: 2px;
		cursor: pointer;
		border-radius: 100px;
    background-color: #0404fb;
    padding: 0 30px;
    opacity: 1;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    transition: all .3s;
    border:none;
}
#sub-menu ul li a{
		display: block;
		font-weight: bold;
}
#sub-menu ul li:hover a{
		color:#0404fb;
}
#sub-menu ul li a img{
		width: 40px;
		height: 40px;
		margin-right: 5px;
}
.btn-lienhe #sub-menu{
		opacity: 0;
		display: none;
}
.btn-lienhe:hover #sub-menu{
		opacity: 1;
		display: block;
}
.absolute-footer{
    color: #fff !important;
    background: linear-gradient(45deg, #0404fb, #49f6ff);
    font-size: 13px;
}
.copyright-footer p {
    margin-bottom: 0;
}
.archive .box.box-text-bottom .box-image{
		border-radius: 10px 10px 0 0;
}
.archive .box.box-text-bottom .box-text{
		padding: 10px;
}
.form-dang-ky-hoc .modal-title{
		font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 15px;
    position: relative;
    z-index: 1;
		margin-bottom: 0px;
}
.form-dang-ky-hoc .modal-title span{
		display: block;
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
}
.form-dang-ky-hoc .modal-title:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 5px;
    height: 50px;
    background-image: url(/wp-content/uploads/2021/01/box-dot.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.form-dang-ky-hoc .modal-header{
		position: relative;
    z-index: 1;
		padding-bottom: 20px;
		margin-bottom: 20px;
}
.form-dang-ky-hoc .modal-header:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 15px;
    right: 15px;
    bottom: 0;
    height: 1px;
    border-bottom: 1px dashed #333;
}
.form-dang-ky-hoc input[type='email'],.form-dang-ky-hoc input[type='search'],.form-dang-ky-hoc input[type='number'],.form-dang-ky-hoc input[type='url'],.form-dang-ky-hoc input[type='tel'],.form-dang-ky-hoc input[type='text'],.form-dang-ky-hoc textarea,.form-dang-ky-hoc select {
    height: 62px;
    box-shadow: none;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 5px;
}
.form-dang-ky-hoc .btn-dang-ky{
		text-align: right;
}
.form-dang-ky-hoc .btn-dang-ky input[type='submit']{
		padding: 1.125rem .75rem;
    min-width: 155px;
    box-shadow: 0 4px 0 #0404fb;
    color: #fff;
    background-color: #0404fb;
    border-color: #0404fb;
    line-height: 1.5;
    border-radius: .3rem;
    margin-right: 0;
}
.form-dang-ky-hoc .modal-supporter{
		text-align: right;
    padding: 20px 0 0;
}
.lightbox-content{
		border-radius: 10px;
}
.thong-tin-khoa-hoc-single{
		display:none;
}
.nut-xem-them:hover{
		box-shadow: none;
    border-color: #0404fb;
    background: #0404fb !important;
}
.entry-content hr{
    margin: 36px 0 0 0;
    border-width: 0;
    border-top: 1px dashed #ababab;
    opacity: 1;
}
.entry-content hr:before{content: "";
    position: absolute;
    left: 25px;
    margin-top: -6px;
    width: 11px;
    height: 11px;
    border: 1px solid #999;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    display: block;
    background: white;}
.entry-content hr:after{content: "";
    position: absolute;
    z-index: 7 !important;
    left: 96%;
    width: 11px;
    height: 11px;
    border: 1px solid #999;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: white;
    display: block;
    margin-top: -6px;
}.nav-dropdown-default {
    padding: 0;
}.nav-dropdown li.active>a, .nav-dropdown>li>a:hover{ color: #0404fb; padding-left: 10px;}
.entry-content h2{font-size:20px}
.entry-content h3{font-size:20px}
.entry-content h4{font-size:20px}
.entry-content h5{font-size:20px}
.entry-content h6{font-size:20px}
.section4 .icon-box-img img{border:none; padding:0}

.section3 .col-inner {
    height: 100%;
}

.wpcf7-submit {
    width: 100%;
    border-radius: 6px !important;
    background: linear-gradient(45deg, #0404fb, #49f6ff);
    border: none !important;
    height: 50px;
}

.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    background: #f5f5f5 !important;
    border: none !important;
}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
body, html {
    width: 100%;
    overflow-x: hidden;
}.header-main{background:white}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
		background-color: #0404fb;
}.slider-wrapper .flickity-prev-next-button{display:block}
.section1 .section-bg.bg-loaded{    background: #00158a !important;}
.section4 .flickity-prev-next-button.next{right: -6%;}
.section4 .flickity-prev-next-button.previous{left:-6%}

.stuck .header-inner .icon-menu:before{color:#0b2385}
.off-canvas .nav-vertical>li>a {
    color: #fff;
    font-size: 15px;
    text-transform: inherit;
}
.nav-sidebar.nav-vertical>li+li {
    border-top: 1px solid #051a69;
}
.mfp-content input[type='search']{
		box-shadow: none;
    border: none;
    padding: 5px 39px;
    height: 40px;
    border-radius: 15px;
    background: #fff;
}
.header-main li.html.custom {
    display: block;
}
.logo a {
		font-size: 16px;
}
.btn-contact {
    letter-spacing: 0px;
    border-radius: 100px;
    padding: 0 5px;
    width: 80px;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
#sub-menu {
    position: absolute;
    width: 210px;
    min-width: 210px;
    background-color: #fff;
    padding: 20px;
    margin-top: -2px;
    top: 105%;
    left: -82%;
    border-radius: 20px;
}
.home .transparent .header-main{
		height: 90px;
}
.section1 .row1 .col.large-7 p.text-top-1, .section1 .row1 .col.large-7 p.text-top-3 {
    font-size: 25px;
    line-height: 30px;
}
.section1 .row1 .col.large-7 p.text-top-2 {
    font-size: 30px;
    line-height: 45px;
    padding: 5px 0;
}
.section1 .row1 .col.large-7 p.copy {
    font-size: 20px;
    background-size: 15px;
    padding-left: 25px; margin-bottom:0
}.entry-content hr:before{left:4px}
.section1 .row1 a.button {
    margin-right: 0;
    width: 100%;
}
.section1{
		padding-top: 100px !important;
    padding-bottom: 0px !important;
}
.section1 .row1 .flickity-page-dots .dot {
    border: 2px solid #0404fb;
    opacity: 0.6;
    background: #0404fb !important;
}
.section .cot-tieu-de h2 {
    font-size: 30px;
}

.section2 .row2 .col.large-4 .box.box-text-bottom .box-text {
    padding-left: 0px;
    padding-right: 0px;
}
.section2 .row2 .col.large-4 .box.box-text-bottom .box-text h4 {
    margin-bottom: 8px;
}
.section2 .row2 .col.large-4 .box.box-text-bottom .box-text p {
    font-size: 16px;
}
.section5 .row2 .cot2 .icon-box {
    padding: 15px;
}
.section5 .row2 .cot2 .icon-box .icon-box-img {
    width: 25% !important;
}
.section5 .row2 .cot2 .icon-box .icon-box-text p{
		font-size: 15px;
}
.form-lien-he {
    padding: 15px;
		margin-top: 70px;
}
.form-lien-he .row1 input[type='text'], .form-lien-he .row2 input[type='number'] {
    width: 100%;
    margin-right: 0;
}
.form-lien-he .row1 input[type='email'] {
    width: 100%;
    margin-right: 0;
}
.form-lien-he .row1 input[type='tel'] {
    width: 100%;
}
.form-lien-he .row2 select {
    width: 100%;
}
.form-lien-he:before {
    background-size: 80px;
    top: -80px;
    left: -10px;
}
.form-lien-he:after {
    width: 161px;
    height: 150px;
    bottom: -150px;
    right: 53px;
    z-index: -1;
    background-size: 160px;
}
.section6 form:after {
    width: 100%;
    height: 285px;
    position: absolute;
    bottom: -220px;
    right: -50%;
    z-index: -1;
}
.footer-section .col.large-3{
		max-width: 100%;
    flex-basis: 100%;
		padding-bottom: 10px;
}
.footer-section {
    padding-top: 190px !important;
    padding-bottom: 0px !important;
    background: #081e7e url(/wp-content/uploads/2021/01/ft-bg.png) top;
    background-position: initial;
    background-size: cover;
}
.footer-section ul li{
		font-size: 14px;
}
.footer-section ul li br{
		display: none;
}
.thong-tin-khoa-hoc-single{
		display:block;
}
.section3 .row {
    margin-top: 0;
}
.banner-ct:before {
    display: none;
}
.row-email:before, .row-email:after, .sec-email:before, .sec-email:after {
    display: none;
}
 
}