.popup, .popup-black, .popup-wrap{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.popup{position: fixed; display: none; color: #fff; z-index: 99992;}
.popup-black{background-color: rgb(0 0 0 / 50%); cursor: pointer; z-index: 1;}
.popup-wrap{height: 550px; z-index: 2;}
.popup-close{position: absolute; top: 0; right: 0; width: 40px;}
.popup-close i{display: block; font-size: 18px; text-align: center; line-height: 40px; cursor: pointer;}
.popup-title{margin-bottom: 30px; font-size: 30px; font-weight: 700; text-transform: uppercase;}
.popup-form .form-item:nth-child(5){margin-bottom: 0; text-align: center;}
.popup-form .form-item:nth-child(5) input[type=submit]{width: 100px;}
@media (min-width:320px){
    .popup-wrap{width: calc(100% - 10px);}
    .popup-form{width: calc(100% - 60px); margin: auto; padding-top: 60px;}
}
@media (min-width:768px){
    .popup-form{float: right; width: 370px; margin: 0; padding: 60px 30px 0 0;}
}
@media (min-width:970px){
    .popup-wrap{width: 800px;}
}.slide{position: relative;}
.slide-item img{width: 100%;}
.slide .owl-nav{display: block; transition: all 0.3s ease 0s;}
.slide .owl-nav button{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; background-color: transparent; margin: auto; transition: all 0.3s ease 0s;}
.slide .owl-nav button.owl-prev{left: 40px;}
.slide .owl-nav button.owl-next{right: 40px;}
.slide .owl-nav button i{display: block; font-size: 40px; color: #fff; transition: all 0.3s ease 0s;}
.slide .owl-nav button:hover i{color: #de4d30;}
.slide .owl-dots{position: absolute; right: 0; bottom: 30px; left: 0; height: 15px; text-align: center; line-height: 1;}
.slide .owl-dots button{display: inline-block; width: 15px; height: 100%; margin: 0 5px; background-color: #fff; vertical-align: top; transition: all 0.3s ease 0s;}
.slide .owl-dots button.active{background-color: #de4d30;}.camket{padding: 50px 0; background: url(/theme/images/camket1.png) no-repeat center right, url(/theme/images/camket2.png) no-repeat top right 100px, url(/theme/images/camket2.png) no-repeat bottom 50px left 50px;}
.camket-left{float: right; width: calc(50% - 25px);}
.camket-right{box-sizing: border-box; float: left; width: calc(50% - 25px); padding: 35px; background: no-repeat center / 100% auto;}
.camket-right img{width: 100%; border-radius: 75px 5px;}
.camket-title{margin-bottom: 30px; font-size: 30px; font-weight: 800; color: #ca0405;}
.camket-content{margin-bottom: 20px;}
.camket-content ul{list-style: none; counter-reset: count;}
.camket-content ul li{box-sizing: border-box; position: relative; float: left; width: calc(50% - 15px); margin-bottom: 30px; padding: 15px 15px 15px 34px; box-shadow: 7px 7px 7px -7px rgb(0 0 0 / 25%); transition: all 0.3s ease 0s;}
.camket-content ul li:hover{box-shadow: 7px 7px 7px -7px rgb(0 0 0 / 75%);}
.camket-content ul li:before{content: counter(count)". "; counter-increment: count; position: absolute; top: 13px; left: 15px; font-size: 16px; font-weight: 800; color: #ca0405;}
.camket-content ul li:nth-child(2){margin-top: 30px;}
.camket-content ul li:nth-child(2n){float: right;}
.camket-special p:nth-child(1){margin-bottom: 30px; font-size: 20px; font-weight: 700; color: #777;}
.camket-special p:nth-child(1) strong{display: block; font-size: 30px; font-weight: 800; color: #ca0405;}
.camket-special p:nth-child(2){padding: 15px; background-color: #fff; border-left: 3px solid #ca0405; box-shadow: 7px 7px 7px -7px rgb(0 0 0 / 25%); font-size: 16px; transition: all 0.3s ease 0s;}
.camket-special p:nth-child(2):hover{box-shadow: 7px 7px 7px -7px rgb(0 0 0 / 75%);}
@media all and (max-width: 768px){
    .camket-left{float: none; width: auto; margin-bottom: 50px;}
    .camket-right{float: none; width: auto;}
}
@media all and (max-width: 414px){
    .camket-right{padding: 15px;}
}.conso{position: relative; padding: 100px 0 70px; background: no-repeat center fixed;}
.conso:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 25%);}
.conso-title{margin-bottom: 50px; text-align: center;}
.conso-title p{position: relative; display: inline-block; font-size: 20px; color: #ca0405;}
.conso-title p:after{content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 145px; height: 2px; background-color: #fff;}
.conso-title p strong{font-size: 30px; font-weight: 800; text-transform: uppercase; color: #fff;}
.conso ul{list-style: none;}
.conso ul li{box-sizing: border-box; float: left; width: 25%; margin-bottom: 30px; text-align: center;}
.conso ul li img{width: 75px; margin: 0 auto;}
.conso ul li p{position: relative; display: inline-block; font-size: 40px; font-weight: 800; color: #ca0405;}
.conso ul li p strong{position: absolute; top: 3px; right: -20px; font-size: 20px; color: #fff;}
.conso ul li:nth-child(2) p strong{font-size: 25px;}
.conso ul li h2{font-size: 20px; font-weight: 400; text-transform: uppercase; color: #fff;}
@media all and (max-width: 768px){
    .conso{padding: 50px 0 20px; background-position: center bottom;}
    .conso ul li{width: 50%;}
}
@media all and (max-width: 414px){
    .conso{background-position: center; background-attachment: initial; background-size: auto 100%;}
    .conso ul li h2{font-size: 14px;}
}
@media all and (max-width: 375px){
    .conso ul li{width: 100%;}
}.dangky{padding-top: 50px; background: #f9f9f9; overflow: hidden;}
.dangky-picture{float: left; width: 250px;}
.dangky-text{position: absolute; top: 0; right: 0; bottom: 0; display: flex; width: calc(100% - 300px); margin: auto; align-items: center; justify-content: center;}
.dangky-left{float: left; width: calc(50% - 25px);}
.dangky-title{margin-bottom: 30px; font-size: 20px; color: #777;}
.dangky-title strong{display: block; font-size: 30px; font-weight: 800; color: #ca0405;}
.dangky-content{margin-bottom: 30px; font-size: 16px;}
.dangky-count ul{list-style: none; font-size: 40px; font-weight: 800; text-align: center; color: #fff;}
.dangky-count ul li{float: left; width: calc((100% - 45px)/4); margin-right: 15px; padding: 15px 0 30px; background: linear-gradient(180deg, #fb4c4d 0%, #ca0405 100%); border-radius: 5px;}
.dangky-count ul li:nth-child(4){margin-right: 0;}
.dangky-count ul li span{display: block; font-size: 20px; font-weight: 700;}
.dangky-right{float: right; width: calc(50% - 25px);}
.dangky-right .dangky-title{padding-top: 30px;}
.dangky-form .form-item{float: left; width: calc(50% - 15px);}
.dangky-form .form-item:nth-child(2n){float: right;}
.dangky-form .form-item input::placeholder{color: #333;}
.dangky-form .form-item input[type=text],
.dangky-form .form-item select{height: 50px; border: none;}
.dangky-form .form-item input[type=submit]{height: 50px;}
.dangky-form .form-item:nth-child(6){float: none; width: 100%;}
.dangky-form .form-item:nth-child(7){float: none; width: 125px;}
@media all and (max-width: 768px){    
    .dangky-picture{display: none;}
    .dangky-text{position: relative; width: auto;}
}
@media all and (max-width: 580px){
    .dangky-left{float: none; width: auto;}
    .dangky-right{float: none; width: auto;}
    .dangky-right .dangky-title{padding-top: 50px;}
}.daotao{padding: 50px 0; background: url(/theme/images/daotao.png) no-repeat top 150px left 50px;}
.daotao-left{float: left; width: calc(50% - 25px);}
.daotao-right{float: right; width: calc(50% - 25px);}
.daotao-right img{width: 100%;}
.daotao-title{margin-bottom: 30px; color: #777;}
.daotao-title p:nth-child(1){margin-bottom: 5px; font-size: 20px;}
.daotao-title p:nth-child(2){font-size: 40px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: #fff; text-shadow: 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405;}
.daotao-title p:nth-child(3){font-size: 20px;}
.daotao-title p:nth-child(3) strong{font-size: 30px; font-weight: 800; color: #ca0405;}
.daotao-content{margin-bottom: 50px;}
.daotao-content ul{list-style: none;}
.daotao-content ul li{position: relative; padding: 20px 0 20px 50px; box-shadow: 0 7px 7px -7px rgb(0 0 0 / 25%); transition: all 0.3s ease 0s;}
.daotao-content ul li:hover{box-shadow: 0 7px 7px -7px rgb(0 0 0 / 75%);}
.daotao-content ul li:before{content: '\f058'; position: absolute; top: 16px; left: 11px; font-family: 'Font Awesome 6 Pro'; font-size: 22px; font-weight: 400; color: #ca0405}
.daotao-signup{position: relative; display: inline-block; background: linear-gradient(180deg, #fb4c4d 0%, #ca0405 100%); border-radius: 25px; overflow: hidden; transition: all 0.3s ease 0s;}
.daotao-signup:hover{filter: brightness(115%);}
.daotao-signup a{position: relative; padding: 0 30px; font-size: 20px; font-weight: 700; line-height: 50px; color: #fff; cursor: pointer;}
@media all and (max-width: 768px){
    .daotao-left{float: none; width: auto; margin-bottom: 50px;}
    .daotao-right{float: none; width: auto;}
}.hinhanh{padding: 50px 0;}
.hinhanh ul{display: grid; grid-gap: 15px; list-style: none;}
.hinhanh ul li{position: relative; border-radius: 5px; overflow: hidden;}
.hinhanh ul li a{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; margin: auto; align-items: center; justify-content: center; background-color: rgb(0 0 0 / 50%); opacity: 0; transition: all 0.25s ease 0s;}
.hinhanh ul li a > span{display: block; font-weight: 700; text-align: center; color: #fff;}
.hinhanh ul li a > span span{display: block; padding: 0 15px 15px; transform: translateY(-15px); transition: all 0.25s ease 0s}
.hinhanh ul li a i{display: block; transform: translateY(15px); font-size: 25px; transition: all 0.25s ease 0s;}
.hinhanh ul li a:hover{opacity: 1;}
.hinhanh ul li a:hover > span span{transform: translateY(0);}
.hinhanh ul li a:hover i{transform: translateY(0);}
.hinhanh-title{position: relative; margin-bottom: 30px; text-align: center;}
.hinhanh-title i{position: absolute; top: -13px; right: 0; bottom: 0; left: 0; margin: auto; font-size: 100px; color: rgb(0 0 0 / 10%)}
.hinhanh-title h2{position: relative; font-size: 30px; text-transform: uppercase; color: #ec1a23;}
.hinhanh-title h3{position: relative; max-width: 580px; margin: auto; font-weight: 400;}
@media (min-width:320px){
    .hinhanh ul{grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: minmax(auto,auto);}
}
@media (min-width:410px){
    .hinhanh ul li a > span{font-size: 16px; text-transform: uppercase;}
}
@media (min-width:768px){
    .hinhanh ul{grid-template-columns: repeat(3,minmax(0,1fr));}
}.lophoc{padding: 50px 0; background: no-repeat center bottom / 100% auto;}
.lophoc-wrap{max-width: 768px; margin: 0 auto; padding: 30px; background-color: #fff; border-radius: 15px; box-shadow: 0 0 30px rgb(0 0 0 / 25%);}
.lophoc-title{margin-bottom: 30px; font-size: 30px; font-weight: 800; color: #ca0405;}
.lophoc-content ul, .lophoc-content ol{margin-left: 28px;}
.lophoc-content p u{display: block; margin-bottom: 5px;}
.lophoc-content p em{display: block; padding-top: 5px;}
.lophoc-content a:hover{text-decoration: underline; text-decoration-color: #ca0405;}.lotrinh{position: relative; padding: 50px 0 20px;}
.lotrinh:before, .lotrinh:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 75%;}
.lotrinh:before{background: url(/theme/images/lotrinh1.png) no-repeat top 50px left 90px / 150px auto;}
.lotrinh:after{background: url(/theme/images/lotrinh2.png) no-repeat right bottom / 300px auto;}
.lotrinh .wrap{z-index: 1;}
.lotrinh-title{margin-bottom: 50px; text-align: center;}
.lotrinh-title p{position: relative; display: inline-block; font-size: 20px; color: #777;}
.lotrinh-title p:after{content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 128px; height: 2px; background-color: #ca0405;}
.lotrinh-title p strong{font-size: 30px; font-weight: 800; text-transform: uppercase; color: #ca0405;}
.lotrinh ul{list-style: none; display: flex; flex-flow: row wrap;}
.lotrinh ul li{box-sizing: border-box; float: left; width: calc((100% - 100px)/3); margin-bottom: 30px; padding: 30px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 15px rgb(0 0 0 / 25%); transition: all 0.3s ease 0s;}
.lotrinh ul li:nth-child(2){margin: 0 50px 30px;}
.lotrinh ul li:hover{box-shadow: 0 0 15px rgb(0 0 0 / 50%);}
.lotrinh ul li span{font-size: 30px; color: #fff; text-shadow: 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405, 0 0 2px #ca0405;}
.lotrinh ul li h2{margin-bottom: 15px; font-size: 20px; color: #777;}
.lotrinh ul li img{width: 75px;}
.lotrinh ul li p{position: relative; text-align: justify;}
.lotrinh ul li p:before{content: ''; display: block; width: 35px; height: 1px; margin: 15px 0 30px 20px; background-color: #ca0405;}
@media all and (max-width: 1169px){
    .lotrinh:before{background-position: top 30px left 15px;}
}
@media all and (max-width: 768px){
    .lotrinh ul li{float: none; width: auto;}
    .lotrinh ul li:nth-child(2){margin: 0 0 30px;}
}
@media all and (max-width: 414px){
    .lotrinh:before, .lotrinh:after{opacity: 25%;}
}