/*
Theme Name: Khai Xuan
Description: Giao diện chính của website
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root{
    --main-color:#7d0000
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.bg-gradient-position{
    margin-top: -200px!important;
    position: relative;
    z-index: 999;
    height: 200px;
    padding-bottom: 0!important;
    background: linear-gradient(to top,#fff, rgba(255,255,255,0));
}
.bang-gia table{
    background: #f5eee4;
    border: 1px solid #dbd2c6;
    max-width: 500px;
    margin: auto;
}
.bang-gia table tr td{padding: 10px;border: 1px solid #dbd2c6;}
#masthead ul li a{font-size: 1rem;padding-left: 10px; padding-right: 10px; color: #fff;}
.home h2{font-size: 3rem; color: var(--main-color); position: relative;margin-bottom: 80px;}
.home h2:before{
    content: "";
    width: 200px;
    height: 30px;
    background: url("images/decor.png") no-repeat center center;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.home .ky-luc h2:before{background: url("images/decor-yl.png") no-repeat center center;}
section.tong-quan ul li{position: relative; list-style: none;}
section.tong-quan ul li:before {
    top: 0;
    left: -30px;
    background-image: url("data:image/svg+xml;utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%20%20width%3D%22100%25%22%20height%3D%22100%25%22%20class%3D%22%22%20fill%3D%22rgba(231%2C%20163%2C%2049%2C%201.0)%22%3E%3Cpath%20d%3D%22M74.383%2C49.456c-0.004-0.01-0.004-0.02-0.008-0.029c-0.019-0.045-0.05-0.079-0.072-0.121%20%20c-0.033-0.062-0.057-0.127-0.099-0.186l-7-9.666c-0.013-0.018-0.03-0.031-0.044-0.048c-0.045-0.056-0.094-0.108-0.146-0.159%20%20c-0.031-0.029-0.062-0.058-0.095-0.084c-0.018-0.014-0.031-0.031-0.05-0.044c-0.04-0.028-0.083-0.048-0.125-0.073%20%20c-0.034-0.02-0.067-0.042-0.104-0.059c-0.082-0.041-0.167-0.07-0.253-0.094c-0.018-0.006-0.034-0.014-0.052-0.018%20%20c-0.106-0.025-0.215-0.037-0.323-0.039c-0.008%2C0-0.016-0.003-0.023-0.003H34.011c-0.007%2C0-0.014%2C0.003-0.021%2C0.003%20%20c-0.109%2C0.001-0.22%2C0.013-0.327%2C0.039c-0.015%2C0.003-0.027%2C0.01-0.043%2C0.014c-0.089%2C0.024-0.176%2C0.057-0.262%2C0.098%20%20c-0.035%2C0.017-0.067%2C0.039-0.102%2C0.059c-0.042%2C0.025-0.086%2C0.044-0.126%2C0.073c-0.019%2C0.013-0.032%2C0.03-0.05%2C0.044%20%20c-0.033%2C0.027-0.063%2C0.055-0.094%2C0.084c-0.054%2C0.051-0.103%2C0.104-0.146%2C0.158c-0.014%2C0.018-0.031%2C0.031-0.045%2C0.049l-7%2C9.666%20%20c-0.041%2C0.058-0.064%2C0.122-0.098%2C0.184c-0.021%2C0.042-0.055%2C0.077-0.073%2C0.123c-0.004%2C0.01-0.004%2C0.02-0.008%2C0.029%20%20c-0.036%2C0.094-0.055%2C0.191-0.071%2C0.29c-0.008%2C0.042-0.024%2C0.083-0.027%2C0.126c-0.013%2C0.14-0.007%2C0.281%2C0.021%2C0.42%20%20c0.002%2C0.014%2C0.01%2C0.025%2C0.013%2C0.038c0.027%2C0.12%2C0.064%2C0.239%2C0.122%2C0.353c0.002%2C0.004%2C0.005%2C0.006%2C0.007%2C0.01%20%20c0.021%2C0.039%2C0.052%2C0.07%2C0.075%2C0.107c0.055%2C0.086%2C0.109%2C0.17%2C0.178%2C0.24c0.006%2C0.006%2C0.01%2C0.016%2C0.016%2C0.021L48.94%2C74.05%20%20c0.001%2C0.002%2C0.002%2C0.002%2C0.004%2C0.004c0.053%2C0.053%2C0.111%2C0.096%2C0.172%2C0.141c0.014%2C0.01%2C0.025%2C0.023%2C0.04%2C0.033%20%20c0.004%2C0.002%2C0.007%2C0.006%2C0.011%2C0.008c0.002%2C0.002%2C0.004%2C0.004%2C0.006%2C0.004c0.045%2C0.029%2C0.096%2C0.053%2C0.144%2C0.078%20%20c0.041%2C0.02%2C0.079%2C0.045%2C0.122%2C0.062c0.006%2C0.002%2C0.01%2C0.006%2C0.016%2C0.008c0.01%2C0.004%2C0.02%2C0.002%2C0.029%2C0.006%20%20c0.012%2C0.004%2C0.024%2C0.006%2C0.037%2C0.01c0.029%2C0.01%2C0.059%2C0.02%2C0.089%2C0.027c0.127%2C0.035%2C0.257%2C0.059%2C0.391%2C0.059h0.001l0%2C0l0%2C0h0.001%20%20c0.134%2C0%2C0.264-0.023%2C0.39-0.059c0.031-0.008%2C0.061-0.018%2C0.09-0.027c0.014-0.004%2C0.025-0.006%2C0.038-0.012%20%20c0.009-0.002%2C0.019%2C0%2C0.027-0.004c0.006-0.002%2C0.01-0.006%2C0.016-0.008c0.046-0.02%2C0.09-0.045%2C0.134-0.07%20%20c0.044-0.021%2C0.091-0.043%2C0.131-0.068c0.003-0.002%2C0.006-0.004%2C0.008-0.006c0.004-0.002%2C0.007-0.006%2C0.012-0.008%20%20c0.02-0.014%2C0.037-0.033%2C0.056-0.047c0.054-0.041%2C0.107-0.08%2C0.154-0.127c0.001%2C0%2C0.003-0.002%2C0.005-0.004L74.05%2C51.062%20%20c0.006-0.006%2C0.009-0.014%2C0.015-0.021c0.071-0.072%2C0.128-0.158%2C0.183-0.246c0.022-0.035%2C0.052-0.064%2C0.07-0.102%20%20c0.003-0.004%2C0.006-0.006%2C0.008-0.01c0.059-0.115%2C0.098-0.237%2C0.125-0.36c0.002-0.011%2C0.008-0.02%2C0.01-0.03%20%20c0.028-0.139%2C0.034-0.281%2C0.021-0.421c-0.003-0.041-0.019-0.081-0.026-0.122C74.438%2C49.649%2C74.42%2C49.552%2C74.383%2C49.456z%20%20%20M63.051%2C41.834l-4.205%2C5.808l-5.401-5.808H63.051z%20M55.548%2C48.501H44.454l5.547-5.965L55.548%2C48.501z%20M46.558%2C41.834l-5.402%2C5.809%20%20l-4.206-5.809H46.558z%20M34.011%2C42.892l4.062%2C5.609h-8.124L34.011%2C42.892z%20M30.632%2C51.501h9.355l6.007%2C15.361L30.632%2C51.501z%20%20%20M50.001%2C68.87l-6.793-17.369h13.584L50.001%2C68.87z%20M54.008%2C66.862l6.006-15.361h9.354L54.008%2C66.862z%20M61.928%2C48.501l4.062-5.609%20%20l4.062%2C5.609H61.928z%20M71.593%2C39.834c0.368%2C0%2C0.737-0.134%2C1.026-0.406l1.396-1.31c0.604-0.566%2C0.635-1.516%2C0.067-2.121%20%20c-0.566-0.604-1.518-0.635-2.12-0.066l-1.396%2C1.31c-0.604%2C0.566-0.635%2C1.516-0.067%2C2.12C70.794%2C39.675%2C71.193%2C39.834%2C71.593%2C39.834z%20%20%20M27.381%2C39.428c0.29%2C0.272%2C0.658%2C0.406%2C1.026%2C0.406c0.399%2C0%2C0.799-0.159%2C1.094-0.474c0.566-0.604%2C0.537-1.554-0.067-2.12%20%20l-1.396-1.31c-0.604-0.568-1.556-0.537-2.12%2C0.066c-0.566%2C0.605-0.537%2C1.555%2C0.067%2C2.121L27.381%2C39.428z%20M60.904%2C34.454%20%20c0.225%2C0.119%2C0.467%2C0.176%2C0.705%2C0.176c0.536%2C0%2C1.055-0.288%2C1.324-0.795l2.07-3.883c0.39-0.73%2C0.113-1.639-0.617-2.029%20%20c-0.73-0.389-1.641-0.112-2.029%2C0.619l-2.07%2C3.883C59.897%2C33.155%2C60.174%2C34.063%2C60.904%2C34.454z%20M37.065%2C33.835%20%20c0.271%2C0.507%2C0.789%2C0.795%2C1.326%2C0.795c0.237%2C0%2C0.479-0.057%2C0.703-0.176c0.731-0.391%2C1.008-1.299%2C0.619-2.029l-2.07-3.883%20%20c-0.391-0.731-1.299-1.008-2.029-0.619c-0.731%2C0.391-1.008%2C1.299-0.619%2C2.029L37.065%2C33.835z%20M50%2C33.394c0.828%2C0%2C1.5-0.671%2C1.5-1.5%20%20v-4.883c0-0.828-0.672-1.5-1.5-1.5c-0.829%2C0-1.5%2C0.672-1.5%2C1.5v4.883C48.5%2C32.723%2C49.171%2C33.394%2C50%2C33.394z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
}
.vien-vang .img .img-inner{border: 4px solid #eeea66;display: flex; height: 100%;}
.vien-vang .col{padding-bottom: 0!important;}
.vien-vang .col.medium-7 .col-inner,#footer .top-footer .col.medium-8 .col-inner{display: flex; height: 100%;}
.vien-vang{margin-bottom: 50px;}
.tien-ich .icon-box{margin-bottom: 30px;}
.tien-ich .icon-box h3{
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: "Inter";
    font-size: 1.1rem;
}
.tien-ich .icon-box{color: var(--main-color);}
.tien-ich .icon-box-text{display: flex; flex-direction: column; justify-content: center;}
.mat-bang .gallery-col .col-inner{border: 1px solid #ccc;}
.tin-tuc .box-blog-post{background-color: #fff; border: 1px solid #eee;}
.tin-tuc .box-blog-post h5{font-family: "Inter"; height: 65px; overflow: hidden;}
.tin-tuc .box-blog-post .is-divider{display: none;}
section.tin-tuc{padding-bottom: 0px!important;}
#footer .top-footer{margin-bottom: 40px;}
#footer .top-footer .col.medium-8 .col-inner,#footer .top-footer .col.medium-8 .col-inner .img-inner{display: flex; height: 100%; position: relative;}
#footer .top-footer .col.medium-8 .col-inner .img-inner::before{
    content: "";
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, var(--main-color),rgba(125,0,0,0));
}
#footer h3{font-family: "Inter"; font-weight: bold;}
#footer h2,.dang-ky-tai-lieu h2{color: #fff; font-size: 2rem; margin-bottom: 10px;}
#footer h2::before .dang-ky-tai-lieu h2:before{display: none;}
#footer .banner .res-text{font-size: 16px;}
#footer .banner input{border-radius: 10px;}
#footer .banner p{margin-bottom: 0;}
#footer .banner form{margin-top: 15px;}
#footer .banner form input[type=submit],.dang-ky-tai-lieu .banner form input[type=submit]{
    background-color: #eeea66;
    color: #333;
    width: 100%;
    text-transform: uppercase;
}
.dang-ky-tai-lieu{max-width: 360px!important; position: fixed;z-index: 9999;bottom: 0; right: 0;}
.dang-ky-tai-lieu .banner{border-radius: 180px 180px 0 0; overflow: hidden;}
.dang-ky-tai-lieu .bt-close{margin: 0; position: absolute;top: 0; left: 0;z-index: 99999;}
#call-action{position: fixed; bottom: 50px; left: 20px; z-index: 9999; border-radius: 40px; width: 80px; height: 80px; border: 1px solid #fff; padding: 7px;animation: zoominout 2s linear infinite;}
#call-action a{width: 100%; height: 100%; margin: 0; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
#call-action a span{display: none;}
#call-action a i{margin: 0;font-size: 1.5rem;}
@keyframes zoominout {
    0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
}
100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}
}