@charset "utf-8";
#klistsp{width:100%;float:left;height:auto;background: #fff;
    overflow: hidden;
    padding: 30px 10px;border-radius: 15px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);}
#kdssph{width:100%;float:left;height:auto;margin-bottom:10px}
#trkdssph{width:260px;float:left;padding-right:10px;border-right: 1px solid #F8F8F8;}
#hetha{width:100%;float:left;height:auto;padding:15px 0px 13px 0px;background:#333;color:#fff;text-align:center;border-radius:5px}
.sanpham{width:235px;float:left;height:auto;border:1px solid #095689;overflow: hidden;
    background: #fff;border-radius: 5px;margin-right:20px;margin-bottom:20px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.sanpham:hover{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}	
.sanpham1{float:right;margin-right:0px}	
.hispham{width:100%;float:left;height:auto;position:relative;overflow:hidden}
.hispham 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;}
.hispham: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);}
.duspham{width:100%;float:left;height:auto;padding:10px;}
.tespham{width:100%;float:left;height:auto;margin-bottom:5px}
.tespham h3{margin:0px;padding:0px}
.tespham h3 a{width:100%;float:left;height:46px;line-height:23px;color:#373737;font-size:15px;font-family:Roboto-Bold;   display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.tespham h3 a:hover{color:#095689}	

.ttsp{width:100%;float:left;height:auto;margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #F0F0F0;}
.mtrdsspt{width:100%;float:left;height:auto;border-bottom: 1px solid #F8F8F8;margin-bottom:10px}
.tdbldm{width:100%;float:left;height:auto;font-weight: 700;
    font-size: 15px;margin-bottom:12px}
.tdbldmhoa{text-transform:uppercase}	
.ndbldm{width:100%;float:left;height:auto;}
.ndbldm ul{margin:0px;padding:0px}
.ndbldm ul li{margin:0px;padding:0px;list-style:none;float:left;width:100%;margin-bottom:8px}
.ndbldm ul li h2{margin:0px;padding:0px;font-size: 13px;}
.ndbldm ul li a{font-size: 13px;
    font-weight: 300;color:#000;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.ndbldm ul li a:hover{color:red}		
.ndbldm ul li a.active{color:#005DAC;font-weight:700}
.ndbldm ul li a i{font-size:11px;margin-right:5px;position:relative;top:-1px}
#tdclchon{width:100%;float:left;height:auto;color:#000;margin-bottom:10px}
#ndclchon{width:100%;float:left;height:auto}	
#ndclchon ul{margin:0px;padding:0px}	
#ndclchon ul li{margin:0px;padding:0px;list-style:none;width:32%;float:left;height:auto;margin-right:2%;margin-bottom:10px}
#ndclchon ul li.clchon1{float:right;margin-right:0px}
#ndclchon ul li a{width:100%;float:left;height:auto;border: 1px solid #E5E5E5;
    border-radius: 10px;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;color: #000;
    padding: 7px 0px;text-align:center;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}	
#ndclchon ul li.active a{border:1px solid #FF0000;font-weight:700}	
#ndclchon ul li:hover a{border:1px solid #FF0000;}	
#ndclchon ul li.active a .giaclc{color:#FF0000}
#ndclchon ul li a *{display:block}	
#phkdssph{width:1020px;float:right;height:auto;}
#bloctk{width:100%;float:left;height:auto;padding-bottom:10px;padding-left:10px;border-bottom:1px solid #F8F8F8;margin-bottom:5px}
#ksphamt{width:100%;float:left;height:auto;margin-bottom:10px}
#xemtsp{width:100%;float:left;height:auto;margin-bottom:10px;text-align:center}
#xemtsp a{line-height:40px;padding:12px 50px 12px 50px;    background: #FFF;
    border: 1px solid #005DAC;
    border-radius: 5px;
    color: #005DAC;
    font-weight: 300;
    font-size: 13px;}
#bloctk ul{margin:0px;padding:0px}
#bloctk ul li{margin:0px;padding:0px;list-style:none;float:left;margin-right:30px}

#bloctk ul li a{color: #C4C4C4;
    font-size: 12px;
    text-transform: uppercase;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#bloctk ul li a:hover{color:#000;}		
#bloctk ul li a.active{color:#005DAC;font-weight:700}	
#kspctmo{width:100%;float:left;height:auto;margin-bottom:10px;background: #FFF;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
    border-radius: 5px;padding:10px}
#trkspctmo{width:412px;float:left;height:auto;margin-right:13px}
#image-gallery li.active{ border: 1px solid #E5E5E5;
    }
#image-gallery li img{width:100%!important;float:left!important;height:auto!important}	
#image-gallery li.active img{float:left}	
#gikspctmo{width:480px;float:left;height:auto;}
#tenspct{width:100%;float:left;height:auto;margin-bottom:10px}
#tenspct h1{margin:0px;padding:0px;    font-weight: 600;
    color:#000;    font-family:Roboto-Bold;}
#mlxdctsp{width:100%;float:left;height:auto;margin-bottom:10px;padding-bottom:5px;border-bottom: 1px solid #F0F0F0;}
#mlxdctsp ul{margin:0px;padding:0px}	
#mlxdctsp ul li{margin:0px;padding:0px;list-style:none;float:left;margin-right:15px;font-size:13px;line-height:26px}
#mlxdctsp ul li:last-child{margin-right:0px}
#masp{color:#FE7801}	
#mtnctsp{width:100%;float:left;height:auto;margin-bottom:10px}
#mtnctsp p{position:relative;margin:0px;padding:0px;margin-bottom:5px;padding-left:20px;font-size:13px}
#mtnctsp p:before{     font-family: "Font Awesome 6 Free";      content: '\f058';
    
    font-weight: 900;
    color: #005DAC;
    position: absolute;
    left: 0;}
#gbhtdctsp{width:100%;float:left;height:auto;margin-bottom:20px;   background: -webkit-gradient(linear, right top, left top, color-stop(50%, #FE7801), color-stop(67.91%, #FE4D01));
    background: linear-gradient(270deg, #FE7801 50%, #FE4D01 67.91%);
    border-radius: 10px;color:#fff;    padding: 17px 15px 17px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
#gbhctsp{width:65%;float:left;height:auto}	
.mgbhctsp{width:100%;float:left;height:auto;margin-bottom:5px}
.mgbhctsp label{width:107px;margin-right:10px;
    display: inline-block;}
#gcctsp{text-decoration:line-through;margin-right:10px;
    display: inline-block;}
#ggctsp{line-height: 16px;
    font-weight: 500;
    color: #FE7801;
    background: #FFF;
    border-radius: 3px;
    text-align: center;
    width: 30px;
    display: inline-block;
    font-size: 12px;
    vertical-align: top;}
#gmctsp{font-size:20px;}	
#phtgdbct{width:29%;float:right;height:auto;text-align:center;font-size:10px;line-height:20px}
#tgclctsp{margin:0px;padding:0px;font-size:15px;font-weight:700}
#mncvg{width:100%;float:left;height:auto;margin-bottom:10px}
.btn-cart1{width:49%;float:right;height:56px;    background: #10723A;border:1px solid #005DAC;cursor:pointer;
    border-radius: 10px;
    color: #fff;text-align:center;line-height: 19px;}
.btn-cart1 b{font-size:16px}
.btn-cartmn{width:49%;float:left;height:56px;    background: #FE7801;border:1px solid #FE7801;cursor:pointer;
    border-radius: 10px;
    color: #fff;text-align:center;line-height: 19px;}
.btn-cartmn b{font-size:16px}
#slctsp{width:100%;float:left;height:auto;margin-bottom:10px}
#slctsp span{float:left;margin-top:5px;margin-right:10px}	
.kslctsp{width:136px;height:32px;float:left;border:1px solid #e8e8e8;margin-bottom:10px}
.kslctsp i{width:32px;height:32px;float:left;line-height:32px;text-align:center;cursor:pointer}
.kslctsp svg{    float: left;
    position: relative;
    margin-left: 6px;
    margin-top: 6px;margin-right:6px;cursor:pointer}
.kslctsp input{width:70px;text-align:center;float:left;height:30px;border:1px solid #e8e8e8;border-bottom:0px solid #e8e8e8;border-top:0px solid #e8e8e8}
#phkspctmo{width:290px;float:right;height:auto}
#tttsp{width:100%;float:left;height:auto;margin-bottom:15px;color:#10723a;font-size:16px;font-family:Roboto-Bold;border-bottom:1px solid #F0F0F0;padding-bottom:20px;padding-top:15px}
#slomsi{width:100%;float:left;height:auto;color:#858383;font-size:14px;margin-bottom:10px}
#ndmsi{width:100%;float:left;height:auto;}
#gdisp{width:48%;float:left;height:auto;background:#10723A;padding: 7px 0px 5px 0px;color:#fff;font-size:14px;text-align:center}
#zalosp{width:48%;float:right;height:auto;background:#3578e5;padding: 7px 0px 5px 0px;color:#fff;font-size:14px;text-align:center}

#kmttsct{width:100%;float:left;height:auto;margin-bottom:10px}
#trmtsp{width:863px;float:left;height:auto;}
#kmtsp{width:100%;float:left;height:auto;background: #FFF;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
    border-radius: 5px;margin-bottom:10px}	
#tdkmtsp{width:100%;float:left;height:auto;font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #F8F8F8;
    line-height: 60px;
    padding: 0 10px;
    font-weight: 600;color:#000;margin-bottom:10px;font-family:Roboto-Bold;}	
#ndkmtsp{width:100%;float:left;height:auto;margin-bottom:20px;padding:10px}
#phtskttlq{width:355px;float:right;height:auto}	
.mtskt{width:100%;float:left;height:auto;background: #FFF;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    margin-bottom: 10px;}
.tdmtskt{width:100%;float:left;height:auto;font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #F8F8F8;
    line-height: 60px;
    padding: 0 10px;font-family:Roboto-Bold;
    color:#000;margin-bottom:10px}	
#ndtskt{width:100%;float:left;height:auto;word-break: break-word;}
#ndtskt table{width:100%!important}
#ndtskt table td,#ndtskt table th{width:auto!important}
#ndtskt table tr:nth-child(even){background:#F8F8F8}
#ndtskt table td{padding:10px 12px;line-height:18px}
#ndtskt table td:nth-child(1){width:120px}
#ndtskt table tr:nth-child(n+11){display:none}
#ndtskt p{margin:0}
#ndtskt table {border-color: transparent;}	

#fancy_tskt{width:100%;float:left;height:auto;word-break: break-word;}
#fancy_tskt table{width:100%!important}
#fancy_tskt table td,#ndtskt table th{width:auto!important}
#fancy_tskt table tr:nth-child(even){background:#F8F8F8}
#fancy_tskt table td{padding:10px 12px;line-height:18px}
#fancy_tskt table td:nth-child(1){width:120px}
#fancy_tskt p{margin:0}
#fancy_tskt table {border-color: transparent;}	
#xttskt{width:100%;float:left;height:auto;padding:10px 0px;text-align:center;font-weight:700;color:#000;cursor:pointer;font-size:18px}
#ndttlq{width:100%;float:left;height:auto;padding:10px}
#ndttlq ul{margin:0px;padding:0px;}
#ndttlq ul li{margin:0px;padding:0px;list-style:none;width:100%;float:left;height:auto;margin-bottom:10px;    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
#ndttlq ul li img{width:70px;height:auto;margin-right:10px;border-radius:4px}
#kdgctsp{width:100%;float:left;height:auto;margin-bottom:10px;background: #FFF;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
    border-radius: 5px;}
#tdkdgctsp{width:100%;float:left;height:auto;font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #F8F8F8;
    line-height: 60px;
    padding: 0 10px;
    font-family:Roboto-Bold;color:#000;margin-bottom:10px}	
#ndkdgctsp{width:100%;float:left;height:auto;padding:10px}
#ksplq{width:100%;float:left;height:auto;margin-bottom:10px;}
#tdksplq{width:100%;float:left;height:auto;font-size: 20px;
    text-transform: uppercase;
    font-family:Roboto-Bold;color:#000;margin-bottom:10px}	
#ndksplq{width:100%;float:left;height:auto;}	
#kspdx{width:100%;float:left;height:auto;margin-bottom:10px;background: #FFF;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
    border-radius: 5px;}
#tdkspdx{width:100%;float:left;height:auto;font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #F8F8F8;
    line-height: 60px;
    padding: 0 10px;
    font-weight: 600;color:#000;margin-bottom:10px}	
#ndkspdx{width:100%;float:left;height:auto;padding:10px}
#bldmobi{width:100%;float:left;height:auto;margin-bottom:10px;display:none}
#nutblmobi{width:49%;float:left;height:35px;margin-bottom:10px;line-height:35px;padding-left:10px;cursor:pointer;border-radius:4px;background:#F8F8F8;border:1px solid #ddd}
#kgiase{width:49%;float:left;height:35px;border-radius:4px;padding-left:10px;background:#F8F8F8;border:1px solid #ddd}
#thsxse{width:49%;float:right;height:35px;margin-bottom:10px;padding-left:10px; border-radius:4px;background:#F8F8F8;border:1px solid #ddd}
#sortse{width:49%;float:right;height:35px;border-radius:4px;padding-left:10px;background:#F8F8F8;border:1px solid #ddd}
#nutblmobi i.fa-chevron-down{    float: right;
    margin-right: 4px;
    font-size: 10px;
    line-height: 35px;}
#dmcahmobi{width:100%;float:left;height:auto;margin-bottom:10px;display:none}
#dmcahmobi ul{margin:0px;padding:0px;}	
#dmcahmobi ul li{margin:0px;padding:0px;list-style:none;width:49%;float:left;margin-bottom:10px;}
#dmcahmobi ul li:nth-child(n+5) {display:none}

#dmcahmobi ul li.liph{float:right}
	
#dmcahmobi ul li a{float:left;width:100%;background:#005DAC;color:#fff;font-size:15px;padding:5px;border-radius:4px;line-height:23px;height:46px;text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;text-align:center;display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;}
#xthemdmh{width:100%;float:left;height:auto;text-align:center;border-top:1px solid #005DAC;position:relative}
#xthemdmh:before{    display: block;
    content: "";
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 43px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);}
#xthemdmh span{padding:8px 10px;background:#005DAC;color:#fff;cursor:pointer;display: inline-block;-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;}
.hiendmch ul li:nth-child(n+5) {display:block!important}
.hiendmch #xthemdmh {display:none!important}	
#tdspds span{font-size: 14px;
    font-weight: 300;
    margin-left: 10px;
    color: #333;
    position: relative;
    top: 6px;}
#tdudhhnto{width:100%;float:left;height:auto;    background: #FE7801;
    padding: 20px 10px 25px 10px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    border-radius: 15px; text-align:center}
#tdudhhnto h1{color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 36px;
    line-height: 56px;}	
#tdudhhnto i{    color: yellow;
    position: relative;
    font-size: 50px;
    top: 0px;    -webkit-animation: tada 1.5s infinite ease-in-out;
    animation: tada 1.5s infinite ease-in-out;}	
@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) }
 10%,20%{-webkit-transform:scale(.9) rotate(-8deg);-ms-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg) }
 30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);-ms-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg) }
 40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);-ms-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg) }
 100%,80%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0) }
}
#ndudhhnto{width:100%;float:left;height:auto}	
@media only screen and (min-width : 1px) and (max-width : 1200px) {
#bldmobi{display:block}
#bloctk{display:none}	
#trkdssph{width:100%;float:left;height:auto;display:none}
#phkdssph{width:100%;float:left;height:auto}	
.fancybox-slide--current #trkdssph{width:100%}
#klistsp{    padding: 0px 0px;border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);background:none}
#dmcahmobi{display:block}	
#trkspctmo{width:100%;float:left;margin-right:0px;margin-bottom:10px}
#gikspctmo{width:100%;float:left;margin-right:0px;margin-bottom:10px}
#gbhctsp{width:100%;float:left;margin-right:0px;margin-bottom:10px}
#phkspctmo{width:100%;float:left;margin-right:0px;}
#phtgdbct{width:100%;float:left;margin-right:0px;}
#image-gallery li.active img{width:100%!important}
#trmtsp{width:100%;float:left;margin-bottom:10px}
#phtskttlq{width:100%;float:left}
#tdudhhnto h1{font-size:20px}
#tdudhhnto i{font-size:30px}
#tdudhhnto{    padding: 3px 0px 3px 0px;}
}