@charset "utf-8";
@font-face{font-family:Quicksand-Bold;src:url(fonts/Quicksand-Bold.ttf);font-display:swap;}
@font-face{font-family:Quicksand-Regular;src:url(fonts/Quicksand-Regular.ttf);font-display:swap;}
h1,h2,h3,h4,h5,h6,b,strong{font-family:Quicksand-Bold;}
*{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
a{text-decoration:none;color:#333}	
input,select,textarea{transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
input:focus,select:focus, textarea:focus{
  color: #495057;
  background-color: #fff;
  border-color: #024A9F;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 93, 172, 0.25);
}
#ktkiem input:focus,#txtGuiThu,input[type="radio"]{border-color: none; box-shadow:none}
	
body {
	       
      font-family:Quicksand-Regular;
	  font-size:15px;
	margin: 0px;
	padding: 0px;
	color: #000;
	    font-weight: normal;
	background:#fff ;
	    line-height: 1.5;
   
}
.lazy{opacity: 1;
    transition: opacity 300ms;}
input,select,textarea{font-family:Quicksand-Regular;}
#khead{width:100%;float:left;height:auto;}
#khead1{width:100%;float:left;height:auto;background:#fff;}
#khead2{width:1240px;height:auto;margin:auto;}
#logotc{height:70px;float:left;margin-top:5px;margin-bottom:5px;margin-right:20px}
#ktkiem{width:499px;float:right;margin-top:20px;height:40px;position:relative;padding-right:50px;background: #FFF; -webkit-box-shadow: 0 0 0 1px #F0F0F0; box-shadow: 0 0 0 1px #F0F0F0; border-radius: 5px; overflow: hidden;}
#ktkiem input{width:100%;float:left;height:40px;border:0px solid #000;outline:none;padding-left:10px;}
#ktkiem button{position:absolute;width:40px;height:40px;border:0px solid #000;outline:none;background:#024A9F;color:#fff;font-size:15px;top:0px;right:0px;line-height:40px;text-align:center;cursor:pointer;border-radius:5px}
#ktkiem button svg{position:relative;top:4px}
#phbnergi{width:350px;float:right;margin-left:30px;height:auto;margin-top:18.5px}
#phbnergi ul{margin:0px;padding:0px;}
#phbnergi ul li{margin:0px;padding:0px;list-style:none;float:right;margin-left:10px;}
#phbnergi ul li:last-child{margin-left:0px}
#phbnergi ul li a{text-align:center;float:left;line-height:18px;position:relative}
#phbnergi ul li a i{color:#024A9F;font-size:21px;}
#phbnergi ul li a i.fa-cart-shopping{position:relative}
#phbnergi ul li a #sogh{border-radius: 50%;
    background: #006F3C;    font-family: Quicksand-Bold;
    color: #fff;
    font-size: 13px;
    position: absolute;
    top: -6px;
    right: 19px;
    width: 17px;
    height: 17px;
    line-height: 17px;}
#phbnergi ul li a .cduoi{color:#000;width:100%;float:left;font-size:14px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#phbnergi ul li a:hover .cduoi{color:#024A9F}
#menu1{width:100%;float:left;height:40px;background:#024A9F}
body .stuck{    animation: stuckMoveDown .6s;webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);}
.stuck{top: 0!important;
    position: fixed!important;
    left: 0!important;
    right: 0!important;
    margin: 0 auto!important;z-index:1111111111;background:#fff}
@keyframes stuckMoveDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes stuckMoveUp{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes stuckFadeIn{0%{opacity:0}100%{opacity:1}}

#menu2{width:1240px;height:40px;margin:auto;}
#menu2 ul{margin:0px;padding:0px}
#menu2 ul li{margin:0px;padding:0px;list-style:none;float:left;position:relative;z-index:11}
#menu2 ul li.liccha:after{    bottom: -2px;
    z-index: 10;
    opacity: 0;
    left: 50%;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
	    border-color: rgba(221, 221, 221, 0);
		    border-width: 8px;
    margin-left: -8px;
	    border-bottom-color: #FFFFFF;
}
#menu2 ul li.liccha:hover:after{opacity:1;transition:opacity .25s}
#menu2 ul li a{color:#fff;line-height:40px;float:left;padding:0px 5px;font-family:Quicksand-Bold;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#menu2 ul li a#acmn{background:#006F3C}
#menu2 ul li a:hover{background:#006F3C;color:#fff}
#menu2 ul li ul{position:absolute;width:300px;height:auto;top:40px;left:0px;display:none;
box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
    background:#fff;    padding: 20px 0 20px;
}
#menu2 ul li:hover ul{display:block!important;-webkit-animation: fadeIn .4s;
    animation: fadeIn .4s;}
#menu2 ul li ul li{background:none;padding:0px 0px;width:100%;float:left;height:auto}
#menu2 ul li ul li a{transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;width:100%;float:left;height:auto;    padding: 10px 20px;
    line-height: 1.3;color:#444}
#menu2 ul li ul li:last-child a{border-bottom:0px solid #000}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

#kslider{width:100%;float:left;height:auto}
.mucflexslide{width:100%;float:left;height:auto}
.mucflexslide img{width:100%;float:left;height:auto}
#kdsli1{width:100%;float:left;height:44px;margin-bottom:30px}
#kdsli2{width: 1240px;
    position: relative;
    top: -44px;
    height: auto;
    z-index: 1;
    margin: auto;
    padding: 10px 0px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .08);}
.mdsli{flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    padding:10px 18px;
    text-decoration:none;
    color:#333;
    border-right:1px solid #ececec;
    transition:.3s;}
#kdsli2 .mdsli:last-child{border-right:none;}
#kdsli2 .mdsli img{width:48px;
    height:48px;}
#kdsli2 .mdsli span{line-height:1.5;
    font-size:14px;font-family: Quicksand-Bold;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;
    }	
#kdsli2 .mdsli:hover span{color:#000}	
#khungchinh1{width:100%;float:left;height:auto}
#khungchinh2{width:1240px;height:auto;margin:auto}
.kdmsp{width:100%;float:left;height:auto;margin-bottom:30px}
.tdkdmsp{width:100%;float:left;height:auto;margin-bottom:30px;position: relative;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.tdkdmsp h2{margin:0px;padding:0px;border: 2px solid rgba(0, 0, 0, 0.1);
    padding: .3em .8em;text-transform: uppercase;color:#024A9F;font-size:21px}
.tdkdmsp .linedm{    display: block;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: .1;
    background-color: currentColor;}	
.tdkdmsp .xtcdm{display: block;
    padding-left: 15px;
    font-size: 16px;
    margin-left: auto;color:#024A9F;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;font-family: Quicksand-Bold;}
.tdkdmsp .xtcdm:hover{color:#000}	
.tdkdmsp .xtcdm svg{position:relative;top:2px}	
.ndkdmsp{width:100%;float:left;height:auto;}	
.sanpham{width:232px;float:left;height:auto;margin-bottom:20px;box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);margin-right:20px;padding-bottom:20px}
.sanpham1{float:right;margin-right:0px;}
.hinhsp{width:100%;float:left;height:auto;margin-bottom:10px;position:relative;overflow:hidden}
.hinhsp img{width:100%;float:left;height:auto;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.hinhsp:hover img{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.tensp{width:100%;float:left;height:auto;text-align:center;margin-bottom:0px}
.tensp h3{margin:0px;padding:0px}
.tensp h3 a{font-family:Quicksand-Bold;font-size:15px;text-transform:uppercase;color:#024A9F;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;    height: 46px;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;}
.tensp h3 a:hover{color:#000}
.giasp{width:100%;float:left;height:auto;text-align:center;color:#EC2028;font-family:Quicksand-Bold;font-size:15px;margin-bottom:5px}
.giasp span{color:#333}
.mngaysp{width:100%;float:left;height:auto;text-align:center}
.mngaysp button{padding:5px 10px;font-family:Quicksand-Bold;background:#006F3C;color:#fff;font-size:13px;text-transform:uppercase;border-radius:5px;border:0px solid #000;outline:none;cursor:pointer}
#ktsao{width:100%;float:left;height:auto;border:1px solid #ddd;padding:10px 5px;background:#F7FBFE;margin-bottom:30px;border-radius:5px}
#tdktsao{width:100%;float:left;height:auto;text-align:center;margin-bottom:15px}
#tdktsao h2{color:#024A9F;font-size:21px;}
#tdktsao h2 span{color:#006F3C}
#ndktsao{width:100%;float:left;height:auto;display: flex;
    justify-content: center;
    align-items: stretch;    gap: 5px;}

.mtsao{border-radius:5px;flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:10px 5px;
    text-decoration:none;
    color:#333;
    border:1px solid #ececec;
    transition:.3s;background:#fff}
#ndktsao .mtsao:last-child{}
#ndktsao .mtsao img{width:41px;
    height:41px;}
#ndktsao .mtsao h3{margin:0px;padding:0px;font-size:14px}	
#ndktsao .mtsao p{margin:0px;padding:0px;line-height:1.2;
    font-size:13px;color:#333;
    }
#kgockt{width:100%;float:left;height:auto;margin-bottom:30px;}	
#tdkgockt{width:100%;float:left;height:auto;margin-bottom:30px;position: relative;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;}
#tdkgockt h2{margin:0px;padding:0px;border: 2px solid rgba(0, 0, 0, 0.1);
    padding: .3em .8em;text-transform: uppercase;color:#024A9F;font-size:21px}
#tdkgockt .linedm{    display: block;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: .1;
    background-color: currentColor;}	
#tdkgockt .xtcdm{display: block;
    padding-left: 15px;
    font-size: 16px;
    margin-left: auto;color:#024A9F;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;font-family: Quicksand-Bold;}
#tdkgockt .xtcdm:hover{color:#000}	
#tdkgockt .xtcdm svg{position:relative;top:2px}
#ndkgockt{width:100%;float:left;height:auto;}	
.mgockt{    width: 295px;
    float: left;
    height: auto;
    margin-right: 20px;
    padding: 8px 8px;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 7px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .03), 0 8px 20px rgba(0, 0, 0, .06), 0 20px 50px rgba(0, 0, 0, .08);}
.mgockt1{float:right;margin-right:0px;}
.mgockt img{width:150px;height:auto;margin-right:10px}
.hinhgkt{width:100%;float:left;height:auto;margin-bottom:20px}
.hinhgkt img{width:100%;float:left;height:auto;border-radius:5px}
.duoigkt{width:100%;float:left;height:auto;padding:0px 20px}
.tengkt{width:100%;float:left;margin-bottom:5px;height:auto}
.tengkt h3{margin:0px;padding:0px}
.tengkt h3 a{color:#333;font-size:16px;height: 46px;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;}
.mtgkt{width:100%;float:left;color:#444;font-size:14px;margin-bottom:5px;height: 46px;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;}
.ngaygkt{width:100%;float:left;color:#444;font-size:13px;font-style:italic}
.ngaygkt svg{position:relative;top:2px}
#kfter1{width:100%;float:left;height:auto;}
#kfttr1{width:100%;float:left;height:auto;padding-top:70px;padding-bottom:30px;background:#024A9F;}
#kfttr2{width:1240px;height:auto;margin:auto;}
#ftermot{width:470px;float:left;height:auto;margin-right:30px}
#logoft{width:100%;float:left;height:auto;text-align:center;margin-bottom:5px}
#logoft img{height:65px;width:auto;margin:auto}
#slolo{width:100%;float:left;height:auto;color:#f1f1f1;text-transform:uppercase;font-size:18px;text-align:center;margin-bottom:20px;font-family:Quicksand-Bold;}
#tthue{text-align: justify;width:100%;float:left;height:auto;color:#f1f1f1;margin-bottom:10px}
#lkmxh{width:100%;float:left;height:auto;text-align:center;margin-bottom:10px}
#lkmxh img{height:30px;width:auto;margin-left:3px;margin-right:3px}
#bct{width:100%;float:left;height:auto;text-align:center}
#bct img{height:70px;width:auto;max-width:100%}
#fterhai{width:250px;float:left;height:auto;margin-right:30px}
.tdfter{width:100%;float:left;height:auto;    border-bottom: 2px solid #ececec;border-color: rgba(255, 255, 255, 0.2);padding-bottom:7px;margin-bottom:15px}
.tdfter b{color:#fff;font-size:18px;text-transform:uppercase;position:relative}
.tdfter b:before{width:50px;height:2px;background:rgba(255, 255, 255, 0.4);bottom:-11px;position:absolute;left:0px;content:""}
.ndfter{width:100%;float:left;height:auto}
.ttft{text-align: justify;color:#f1f1f1}
#fterba{width:230px;float:left;height:auto;margin-right:30px}
.lift ul{margin:0px;padding:0px}
.lift ul li{margin:0px;padding:0px;list-style:none;width:100%;float:left;height:auto;margin-bottom:10px}
.lift ul li a{color:#f1f1f1;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.lift ul li a:hover{color:#fff}
#fterbon{width:200px;float:right;height:auto}
#kcop1{width:100%;float:left;height:auto;background:#08448b}
#kcop2{width:1240px;margin:auto;height:auto;text-align:center;padding:13px 0px;color:rgba(255,255,255,0.5)}
.success-checkmark {
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.success-checkmark .check-icon {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box;
    border: 4px solid #005dac;
}
.success-checkmark .check-icon::before {
    top: 3px;
    left: -2px;
    width: 30px;
    transform-origin: 100% 50%;
    border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
    top: 0;
    left: 30px;
    width: 60px;
    transform-origin: 0 50%;
    border-radius: 0 100px 100px 0;
    animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before,
.success-checkmark .check-icon::after {
    content: "";
    height: 100px;
    position: absolute;
    background: #fff;
    transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
    height: 5px;
    background-color: #0083ff;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
    top: 46px;
    left: 14px;
    width: 25px;
    transform: rotate(45deg);
    animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
    top: 38px;
    right: 8px;
    width: 47px;
    transform: rotate(-45deg);
    animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
    top: -4px;
    left: -4px;
    z-index: 10;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    box-sizing: content-box;
    border: 4px solid #0083ff80;
}
.success-checkmark .check-icon .icon-fix {
    top: 8px;
    width: 5px;
    left: 26px;
    z-index: 1;
    height: 85px;
    position: absolute;
    transform: rotate(-45deg);
    background-color: #fff;
}
@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
    }
}
@keyframes icon-line-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}
@keyframes icon-line-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}
.success-form {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11111111111;
    background: #00000080;
    display: block;
}
.content-container {
    background: #fff;
    max-width: calc(100% - 40px);
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 310px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 12px;
    width: 500px;
}
.content-text {
    font-family: Roboto-Bold;
    font-size: 24px;
    line-height: 1.6;
}
#menumb1{width:100%;float:left;height:50px;position:fixed;top:0px;left:0px;z-index:111111;display:none;    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px #0000001a;}
#menumb2{width:100%;float:left;height:auto;position:relative}
#knutdungp{position:fixed;bottom:55px;right:10px;z-index:1111111;border:1px solid #ddd;width:80px;height:auto;padding:10px 5px;background:#fff;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}#knutdungp ul{margin:0px;padding:0px;}#knutdungp ul li{margin:0px;padding:0px;list-style:none;width:100%;float:left;height:auto;margin-bottom:5px;}.hmndph{width:100%;float:left;height:auto;text-align:center;margin-bottom:0px;}.hmndph img{height:36px;margin:auto}.tmndph{width:100%;float:left;height:auto;text-align:center;font-family:Roboto-Bold;color:#000;font-size:13px;font-weight:initial}
#page{ display: none;
    float: left;
    z-index: 11111111;
    top: 0px;
	left:0px;
    width: 40px;
    position: absolute;
    height: 40px;}

#logodt{    z-index: 1111111;
    position: absolute;
  
    display: none; top: 5px;
    height: 40px;
    left:36px;
    width: auto;
   }
#menurere{width: 100%;
    float: left;
    height: 50px;
    background: #fff;
    z-index: 111111;
    position: absolute;
    display: none;top:0px;}
#cachtopre{width:100%;float:left;height:auto;display:none;margin-top:50px}	
.mmt-container{    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    z-index: 10000000000000000;}	
#metu .mmt-app{position: relative;
    display: flex;
    flex-direction: row;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    justify-content: center;
    box-sizing: border-box;
    min-height: 56px;
    -webkit-transition: all .24s;
    transition: all .24s;
    }
.mt-tooltip{    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;}
#metu .mmt-button:not(.mmt-button--mobile){justify-content: flex-start;
    border-radius: 3px;
    height: 40px;
    background-color: hsla(0,0%,100%,.2);
    margin: 10px 5px;
}
#metu .mmt-button__icon{width: 20px;
    height: 20px;
    margin-right: 10px;
    box-sizing: border-box;}
#metu .mmt-button__label{    font-size: 14px;
    line-height: 20px;}
.mt-tooltip__text{    position: absolute;
    visibility: hidden;
    z-index: 1;
    background: #232f34;
    color: #fff;
    text-align: center;
    padding: 4px 8px;
    border-radius: 4px;
    min-width: 120px;
    max-width: 240px;
    bottom: calc(100% + 5px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    box-sizing: border-box;}
#metu .mmt-button:not(.mmt-button--mobile):hover{    background-color: rgba(27,27,27,.2);}
#metu .mmt-button{    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 0 10px;
    flex-direction: row;
    cursor: pointer;}
#metu{display:none}
#ghre{position:fixed;z-index:111111;top:20px;right:14px;display:none}
#flexvi{width:100%;float:left;height:auto}
#dongdkk{position:absolute;top:0px;right:0px;}
#ndctspdknt1{width:100%;float:left;height:auto}
#hientkre{width:100%;float:left;height:0px;overflow:hidden;position:fixed;top:50px;left:0px;z-index:1111111}
#nuttkre{display:none;position:fixed;top:14px;right:43px;z-index:1111111;cursor:pointer; font-size: 15px;
    padding: 6px;
    border-radius: 50%;
    color: #fff;


    background: #d8211e;}
#kngangre{width:100%;float:left;height:auto;position:fixed;left:0px;bottom:0px;z-index:11111;padding:5px 0px;    background: linear-gradient(270deg, #024A9F, #053a67, #024A9F);display:none;padding-top:7px}
#kngangre ul{margin:0px;padding:0px}
#kngangre ul li{margin:0px;padding:0px;list-style:none;width:25%;float:left;height:auto;text-align:center;line-height: 9px;}
#kngangre ul li img{height:26px;width:auto;margin:auto}
#kngangre ul li i{font-size:21px;color:#fdfdfd;}
#kngangre ul li a{color:#fff;font-size:13px}
#kngangre ul li a span{color:#fff}	
#bmcre{width:100%;float:left;height:auto;padding:0px 0px;padding-top:15px;display:none}
#bmcre ul{margin:0px;padding:0px}
#bmcre ul li{margin:0px;padding:0px;list-style:none;width:25%;float:left;height:auto;text-align:center;padding:0px 5px}
#bmcre ul li a{color:#333;font-size:14px}
#bmcre ul li a i{width:35px;height:35px;line-height:35px;text-align:center;color:#fff;background:#4cb551;border-radius:50%;margin-bottom:5px;font-size:18px}
#akghangre{right:5px;position:absolute;top:10px;z-index: 1111111; display: none;}
#kghangre{width: 40px;
    height:auto;
    font-size: 21px;
   
    color: #024A9F;position:relative}
#kghangre span{ border-radius: 50%;
    background: #FE7801;
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: -2px;
    right: 4px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
}	
#ktkire1{width:30%;position:absolute;top:10px;right:55px;height:auto;z-index:1111111;display:none;}
#ktkire2{position:relative;width:100%;float:left;height:30px;padding-right:30px;  background: #FFF;
    -webkit-box-shadow: 0 0 0 1px #F0F0F0;
    box-shadow: 0 0 0 1px #F0F0F0;
    border-radius: 5px;
    overflow: hidden;}	
#ktkire1 input{
	    width: 100%;
    float: left;
    height: 30px;
    border: 0px solid #000;
    outline: none;
    padding-left: 10px;
}
#ktkire1 button{position:absolute;width:30px;height:30px;border:0px solid #000;outline:none;background:#024A9F;color:#fff;font-size:15px;top:0px;right:0px;line-height:30px;text-align:center;cursor:pointer;border-radius:5px}
#ktkire1 button svg{position:relative;top:3.5px}

#dmcmre{width:100%;float:left;height:auto;margin-bottom:10px;display:none}
#dmcmre ul{margin:0px;padding:0px}
#dmcmre ul li{margin:0px;padding:0px;list-style:none;width:19%;margin-bottom:10px;float:left;height:auto;margin-right:1.2%;border:1px solid #ddd;border-radius:4px;padding:10px 0px}
#dmcmre ul li.lidmc1re1{float:right;margin-right:0px}
#dmcmre ul li.lidmc1re:nth-child(n+10) {display:none}
.hinhc1re{margin:0px;padding:0px;width:100%;float:left;height:auto;text-align:center;margin-bottom:5px;text-align:center}
.hinhc1re img{height:30px;width:auto;margin:auto}
.tenc1re{width:100%;float:left;margin:0px;padding:0px 2px;text-align:center;font-size:12px;color:#000}
#xtcdmc1re{cursor:pointer;}
.tenc1rextc{color:#024A9F;margin-top: 7px}
.hinhc1re i{color:#024A9F;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;border:1px solid #024A9F;font-size:20px}
.hiendmc1re ul li.lidmc1re:nth-child(n+10) {display:block!important}
.hiendmc1re #xtcdmc1re{display:none!important}
.success-checkmark{margin:0 auto;width: 100%;display: flex;align-items: center;justify-content: center;}
.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #024A9F;}
.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px;}
.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in;}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after{content:'';height:100px;position:absolute;background:#FFFFFF;transform:rotate(-45deg);}
.success-checkmark .check-icon .icon-line{height:5px;background-color: #0083FF;display:block;border-radius:2px;position:absolute;z-index:10;}
.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip 0.75s;}
.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long 0.75s;}
.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border: 4px solid rgba(0, 131, 255, 0.5);}
.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#FFFFFF;}
@keyframes rotate-circle{0%{transform:rotate(-45deg);}
5%{transform:rotate(-45deg);}
12%{transform:rotate(-405deg);}
100%{transform:rotate(-405deg);}
}
@keyframes icon-line-tip{0%{width:0;left:1px;top:19px;}
54%{width:0;left:1px;top:19px;}
70%{width:50px;left:-8px;top:37px;}
84%{width:17px;left:21px;top:48px;}
100%{width:25px;left:14px;top:45px;}
}
@keyframes icon-line-long{0%{width:0;right:46px;top:54px;}
65%{width:0;right:46px;top:54px;}
84%{width:55px;right:0px;top:35px;}
100%{width:47px;right:8px;top:38px;}
}
.success-form {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 11111111111;background: rgba(0,0,0,0.5);display: block;}
.content-container {background: #ffffff;max-width: calc(100% - 40px);height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-height: 310px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 20px;border-radius: 12px;width: 500px;}
.content-text {font-family:Roboto-Bold;font-size:24px;line-height: 1.6;}

@media only screen and (min-width : 1px) and (max-width : 1200px) {
.content-container{max-height:250px}	
.content-text{font-size:16px}
#dmcmre{display:block}	
#menumb1{display:block}	
#ktkire1{display:block}	
#tdktoptc h2 span{font-size:16px}	
#tdktoptc h2 i{font-size:20px;top:2px}
#akghangre{display:block}	
#bmcre{display:block}	
#kngangre{display:block}		
#nuttkre{display:block}	
#hientkre{display:block}	
#menurere{display:block}
#logodt{display:block}		
#ghre{display:block}	
#cachtopre{display:block}
#menudung{display:none}
#page{        display: block;}	
nav:not(.mm-menu)
{
	display: none;
}
#khungchinh2{width:96%;float:left;margin-left:2%}
#ghre i{font-size:21px;color:#ed1f24}
#ghre span{position:absolute;top:-10px;right:-10px;font-size:13px;background:#ed1f24;color:#fff;width:20px;height:20px;text-align:center;line-height:20px;border-radius:50%;}
.noidungtrong table{width:100%!important}
.noidungtrong td{width:auto!important}
#chatzalotr{display:none}
#ktktc{width:100%;margin-left:0px;margin-top:0px}	
#kfttr2{width:96%;float:left;margin-left:2%}
#kcop2{width:96%;float:left;margin-left:2%}
#kcop1{padding-bottom:70px}
.social-button{display:none!important}
#top{bottom:70px!important;right:10px!important}
#khead{display:none}
#kdsli1{height:auto;}
#kdsli2{width:96%;float:left;margin-left:2%;top:-20px; flex-wrap: wrap;}
#flexslide .owl-dots{bottom:50px!important}
#ndktsao{flex-wrap: wrap;}
#ndktsao .mtsao{width: 100%; flex: 0 0 100%;    align-items: left;
    justify-content: left;}
.tdkdmsp h2{font-size:16px}	
.mgockt{margin-bottom:20px}
#tdkgockt h2{font-size:16px}
#ftermot{width:100%;float:left;margin-right:0px;margin-bottom:20px}
#fterhai{width:100%;float:left;margin-right:0px;margin-bottom:20px}
#fterba{width:100%;float:left;margin-right:0px;margin-bottom:20px}
#fterbon{width:100%;float:left;margin-right:0px;margin-bottom:20px}
}	
@media only screen and (min-width : 800px) and (max-width : 1200px) {
.mgockt{width:24.2%!important;margin-right:1%!important;float:left!important}	
.sanpham{width:24.2%!important;margin-right:1%!important;float:left!important}	
.mcmot  {width:23%!important;margin-left:1%!important;margin-right:1%!important;float:left}	
.sanphamre4{float:right!important;margin-right:0px!important}
.tenc1re{text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;line-height:20px;height:40px}

}


@media only screen and (min-width : 600px) and (max-width : 799px) {
.mgockt{width:32.6%!important;margin-right:1%!important;float:left!important}	
.sanpham{width:32.6%!important;margin-right:1%!important;float:left!important}	
.mcmot  {width:31%!important;margin-left:1%!important;margin-right:1%!important;float:left}	
.sanphamre3{float:right!important;margin-right:0px!important}
.tenc1re{text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;line-height:20px;height:40px}
}

@media only screen and (min-width : 301px) and (max-width : 599px) {
.mgockt{width:49.5%!important;margin-right:1%!important;float:left!important}
.sanpham{width:49.5%!important;margin-right:1%!important;float:left!important}
.mcmot  {width:48%!important;margin-left:1%!important;margin-right:1%!important;float:left}
.sanphamre2{float:right!important;margin-right:0px!important}
.tenc1re{text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;line-height:20px;height:60px;}
}

@media only screen and (min-width : 0px) and (max-width : 300px) {
.mgockt{width:100%!important;margin-left:0%!important;margin-right:0%!important;float:left!important}	
.sanpham {width:98%!important;margin-left:1%!important;margin-right:1%!important;float:left}
.mcmot {width:98%!important;margin-left:1%!important;margin-right:1%!important;float:left}
.tenc1re{text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	line-height:20px;height:60px;
	}
}