/* Main */
:root {
    --tw-text-opacity: 1;
  --color-main: #11528D;
    --color-static: rgb(75 85 99 / var(--tw-text-opacity, 1));
  --color-red: #ec2d3f;
  --color-medium-red: #cc2c32;
  --color-dark-red: #c31829;
  --color-green: #28a745;
  --color-dark-green: #207d36;
  --color-black: #212529;
  --color-gray: #6c757d;
  --background-static: #11528D;
  --background-hover: #eceb1b;
  --color-hover: #ec2d3f;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
}
@font-face {
    font-family: 'Audi Type';
    src: url('../fonts/audifont/AudiType-Bold.woff2') format('woff2'),
        url('../fonts/audifont/AudiType-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Audi Type';
    src: url('../fonts/audifont/AudiType-Normal.woff2') format('woff2'),
        url('../fonts/audifont/AudiType-Normal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {
  font-size: 14px;
  font-family: "Audi Type","Noto Sans", sans-serif;
  line-height: 1.7;
  color: #fff;
  background: #070506;
}
h1, h2, h3, h4, h5, h6, form, body {margin: 0px;padding: 0px;}
.relative{position: relative;}
a{text-decoration: none}
ul {padding-inline-start: 15px;}
.content-detail figure {text-align: center;outline: solid 1px #ccc;background: rgba(0,0,0,0.05);padding: 10px;margin: 10px 20px;display: inline-block;}
.content-detail figure > figcaption {text-align: center;display: block;}
.content-detail blockquote {font-style: italic;padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;}
.content-detail blockquote {padding-left: 20px;padding-right: 8px;border-left-width: 5px;}
ul:not(.info-pro-detail ul):not(.content-detail ul):not(.toolbar ul) {list-style: none;margin: 0px;padding: 0px;border: none;}
@-webkit-keyframes stuckMoveDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes stuckMoveDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
video,iframe{max-width: 100% !important;height: auto;width: 100%;}
.row-0 {margin-left: 0px;margin-right: 0px;}
.mg-col-0 {padding-left: 0px;padding-right: 0px;}
.row-10 {margin-left: -5px;margin-right: -5px;}
.row-20 {margin-left: -10px;margin-right: -10px;}
.row-30 {margin-left: -15px;margin-right: -15px;}
.col-30 {padding-left: 15px;padding-right: -15px;}
.col-20 {padding-left: 10px;padding-right: 10px;}
.mg-col-10 {padding-left: 5px;padding-right: 5px;}
.wrap-about {padding: 2rem 0;font-size: 18px;}
.wrap-about .title{font-weight: 700;font-size: 44px;}
.wrap-about .title span{color:#D82E2E}
.box_why{position: relative;}
.why-item {position: relative;border-radius: 10px;}
.why-item:first-child:before{content:'';height: 1px;background: #fff;position: absolute;left: 90%;bottom: 70px;width: 100px;}
.why-item:last-child:before{content:'';height: 1px;background: #fff;position: absolute;right: 90%;bottom: 70px;width: 100px;}
.why-item .why-item_text{position: relative;}
.why-item .why-item_text h3 {font-size: 20px;margin-bottom: 10px;font-weight: 300;min-height: 62px;}
.contact-form{background: linear-gradient(to bottom, #444344, rgba(0, 0, 0, 0.9));padding: 40px;font-size: 17px;}
.contact-form .title{font-size: 38px; text-align: center;}
.contact-form input[type="checkbox"]{width: 20px;height: 20px;}
.contact-form input[type="checkbox"]:after{content:'';width: 20px;height: 20px;background: #fff;position: absolute;left: 0px;border: solid 1px #ddd;}
.contact-form input[type="checkbox"]:checked:after{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);background-repeat: no-repeat;background-position: center;}
.btn-default{background:#D9D9D9;text-transform: uppercase;padding: 10px 25px;min-width: 200px;}
img {max-width: 100%;height: auto;vertical-align: top;}
a,
input,
textarea {outline: none;padding: 0px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.clear {clear: both;}
.hidden-seoh {visibility: hidden;height: 0px;margin: 0px;overflow: hidden;}
.container {max-width: 1200px;margin: auto;}
.title_index{margin-bottom: 10px;position: relative;font-size: 22px;}
.title_index a{font-weight: normal;font-size: 14px;text-transform: none;color: var(--color-static);border: solid 1px #ddd;border-radius: 15px;padding: 7px 15px;transition: all 0.5s ease;}
.title_index a:hover{background:var(--color-main); color: #fff;}
.description{text-align: center;max-width: 800px;margin: auto;font-size: 19px;line-height: 30px;}

/* Lazyload */
img.lazy {opacity: 0;}
img:not(.initial) {-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
img.initial,
img.loaded,
img.error {opacity: 1;}
img:not([src]) {visibility: hidden;}
/* Partner */
.wrap-partner .title{text-align: center;margin-bottom: 30px;color: var(--color-main);text-transform: uppercase;position: relative;}
.wrap-partner .title span{display: inline-block;background:#fff;padding: 0px 20px;position: relative;font-weight: bold;}
.wrap-partner .title:before{content:'';width: 100%;height: 1px;background: #ddd;position: absolute;left: 0px;top: 50%;}
.wrap-partner p{max-width: 200px;color: #c7c6c6;}
.wrap-partner .wrap-content {position: relative;}
.partner {display: block;border: 1px solid #eee;max-width: 175px;margin: 0px auto;}

/* Contact */
.form-floating.form-floating-cus>input,.form-floating-cus>select{height: 40px;border-radius: 0px;margin-bottom: 10px;background: none;color: #fff;padding: 0px;}
.form-floating.form-floating-cus>input::placeholder{color:#fff;}
.form-floating.form-floating-cus>textarea{height: 100px;}
.form-floating.form-floating-cus>label{padding: 13px 10px;color: var(--color-gray);}
.contact-article {margin-bottom: 3rem;font-size: 20px;height: 100vh;}
.contact-article p{font-size: 38px;font-weight: 700;max-width: 500px;margin: auto;}
.contact-input {position: relative;margin-bottom: 35px;}
.contact-input input, .contact-input textarea{border-radius: 0;border-top: none;border-left: none;border-right: none;}
.contact-input input:focus, .contact-input textarea:focus{box-shadow: none;outline: none;}
.contact-input textarea {resize: none;height: 150px;}
.contact-input .custom-file-label::after {content: attr(title);}
.contact-map {position: relative;height: 250px;}
.contact-map iframe {position: absolute;top: 0px;left: 0px;width: 100% !important;height: 100% !important;}

/* Like Share */
.social-plugin {margin-top: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.social-plugin .at-share-btn {margin-bottom: 0px !important;}
.social-plugin .zalo-share-button {margin-left: 3px;z-index: 4;}

/* Paging */
.pagination-home .pagination .page-item .page-link {color: #555555;font-size: 0.875rem;}
.pagination-home .pagination .page-item.active .page-link {color: #ffffff;background-color: #555555;border-color: #555555;}
/* Paging Ajax */
.pagination-ajax {text-align: center;}
.pagination-ajax a {display: inline-block;vertical-align: top;margin: 0px 3px 3px 3px;width: 35px;height: 35px;line-height: 33px;color: #666 !important;border: 1px solid #e6e6e6;font-size: 13px;cursor: pointer;text-decoration: none !important;background-color: #ffffff;}
.pagination-ajax a.current,
.pagination-ajax a:hover {color: #ffffff !important;border-color: #ec2d3f;background-color: #ec2d3f;}
.pagination-ajax a.first,
.pagination-ajax a.last,
.pagination-ajax a.prev,
.pagination-ajax a.next {text-indent: -9999px;position: relative;background-color: #ffffff !important;}
.pagination-ajax a.first:before,
.pagination-ajax a.last:before,
.pagination-ajax a.prev:before,
.pagination-ajax a.next:before {content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 2;background-color: transparent;background-repeat: no-repeat;background-position: center;}
.pagination-ajax a.first:before {background-image: url(../images/page-first.png);}
.pagination-ajax a.last:before {background-image: url(../images/page-last.png);}
.pagination-ajax a.prev:before {background-image: url(../images/page-prev.png);}
.pagination-ajax a.next:before {background-image: url(../images/page-next.png);}

/* Popup */
#popup .modal-body {padding: 0px;}
/* Hidden Google Captcha */
.grecaptcha-badge {display: none !important;width: 0px !important;height: 0px !important;visibility: hidden !important;overflow: hidden;}

/* Hidden Check Grammar Coccoc */
coccocgrammar {
  display: none;
}

/* Scroll Top */
.scrollToTop {width: 41px;height: 41px;text-align: center;font-weight: bold;color: #444;text-decoration: none;position: fixed;bottom: 65px;right: 25px;display: none;z-index: 10;cursor: pointer;}

/* Text Hide */
.text-split {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}

/* Transition All */
.transition,
.control-owl button,
.carousel-comment-media .carousel-control a span,
.menu ul li a.has-child:after,
.menu ul li ul,
.menu ul li:hover > ul,
.scale-img img,
.scale-img:hover > img,
.btn-frame .kenit-alo-circle-fill,
.support-online .kenit-alo-circle-fill {-webkit-transition: 0.3s all;transition: 0.3s all;}
/* Scale IMG */
.scale-img {overflow: hidden;display: block;}
.scale-img img {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.scale-img:hover > img {-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
/* Blink */
.video {
  position: relative;
  padding-bottom: 0px;
  overflow: hidden;
  width: 100%;
}

.video video {
  width: 100%;
  height: 100%;
}
.was-validated input[type=checkbox]:invalid:after{border-color: #dc3545;}
.wrap-partner img{max-height: 120px;}
.clickDown{position: absolute;bottom: 15px;left: calc(50% - 15px);z-index: 101;animation: moveLeftBounceRight 2s linear infinite;cursor: pointer;}
.clickDown img{width: 30px;}
@keyframes moveLeftBounceRight{0%{-webkit-transform:translateY(5px);transform:translateY(5px);}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px);}100%{-webkit-transform:translateY(5px);transform:translateY(5px);}}
@media only screen and (max-width: 767px) {
  .wrap-about, .contact-form{font-size: 13px;}
  .description{font-size: 13px;}
  .wrap-about .title{font-size: 24px;}
  .why-item .images img{max-height: 63px;}
  .why-item .why-item_text h3{font-size: 12px;min-height: 30px;}
    .why-item:first-child:before{width: 60px;bottom: 50px;}
  .why-item:last-child:before{width: 60px;bottom: 50px;}
  .contact-form .title{font-size: 24px;}
  .wrap-partner img{max-height:80px;}
}