:root{
    --theme:#152e2b;
    --theme1:#ffffff;
}
.imgcheckslider68{display: none}
#content69 .owlnav .owl-nav .owl-next{top:23% !important;right:-7% !important;width: 56px}
#content69 .owlnav .owl-nav .owl-prev{top:23% !important;left:-7% !important;width: 56px}
/*icon*/
.title_slider{width: 100%;float:left;}
.title_slider p{font-size: 71px;color:white}
.registernow{width: 100%;float:left;margin-top: 40px;cursor: pointer;}
.registernow a{display: inline-block;padding:20px 60px;color:white;font-size: 18px;background:#ff9e1b;border:4px solid #99bad7;border-radius: 20px;transition: all 0.5s}
.registernow a:hover{transition: all 0.5s;background:#06559d;border:4px solid #ff9e1b;}
.checkslider{}

/*genaral*/
.header_right{width: 26%;float:right;padding: 0.5%;border:1px solid silver;border-radius: 10px;margin-right: 4%;transition: all 0.5s}
.header_right a{display: inline-block;width: 100%;padding-bottom: 10px;padding-top:10px;color:#ff9e1b;background: white;border-radius: 10px;text-align: center;font-size: 16px;transition: all 0.5s}
.header_right:hover{border:1px solid #ff9e1b;transition: all 0.5s}
.header_right:hover a{color:#ffffff;background: #ff9e1b;transition: all 0.5s}
.header_right2{width: 26%;float:right;transition: all 0.5s}
.text_right1{color:#faa736;font-size: 16px;margin-top: 5px}
.text_right2{color:#ffffff;font-size: 18px;margin-top: 2px}
#checkslider69{box-shadow: 0px 0px 15px 1px #cdcdcd;border-radius: 50px;z-index: 9999;margin-top: -60px;background: white;position: relative;padding:20px 3%;width: 94% !important}


/*tab*/
.showcap{width: 100%;float:left;text-align: center;margin-bottom: 40px}
.showcap a{font-size: 15px;border:1px solid #517a00;color:#517a00;display: inline-block;padding:10px 25px;text-transform: uppercase;transition: all 0.5s;margin:0px 1%}
.showcap a:hover{background :#517a00;color:white;transition: all 0.5s}
.activeshowcap{background :#517a00 !important;color:white !important;transition: all 0.5s}
.mota_slider{width: 100%;float:left;margin-top: 30px}
.mota_slider p{color: #fff5e7;font-size: 18px;line-height: 30px}


/*product temp*/
.prochuyen12{width: 96%;float: left;transition:all 1s;position: relative;text-align: left;margin-right: 0%;margin-bottom: 30px;padding: 2%;background: white}
.prochuyen12:nth-child(3n){margin-right: 0px;}
.baoanh_prochuyen12{width: 23%;float: left;overflow: hidden;transition:all 1s;margin-right: 2%;}
.baoanh_prochuyen12 img{width: 100%;transition:all 1s;}
.prochuyen12:hover .baoanh_prochuyen12 img{moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);transition: all 1s;}
.info_prochuyen12{width: 68%;float: left;transition: all 1s;position: relative;background: none;padding: 0px}
.prochuyen12:hover .info_prochuyen12{background: none;transition: all 1s;}
.baoten_prochuyen12{width: 100%;float: left;margin-bottom: 10px;}
.baoten_prochuyen12 a{font-size: 20px;color: black;transition: all 0.5s}


.productcon{float:left;background: white;box-sizing : border-box}
.showimg_pro{
/*    filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);*/
    cursor: pointer;width: 100%;transition: all 1s}
.productcon:hover .showimg_pro{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);filter: grayscale(0%);transition: all 1s}

.imgcheckslider{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);cursor: pointer;transition: all 1s;display: none}
.productcon:hover .imgcheckslider{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);filter: grayscale(0%);transition: all 1s}



.baoanhsp{
    width:100%;
    float:left;
    line-height:0px;
    overflow:hidden;
    position:relative;
    text-align: center;
    display: flex;
    flex-direction: column; /* Thiết lập chiều flex theo cột */
    justify-content: center; /* Căn giữa nội dung theo chiều flex*/
}
.baoanhsp img{
/*    width: 100%;*/
    transition:all 1s;
    
}
.info_product{width:100%;float:left;margin-top:20px;text-align:center}
.baotensp{float:left;width:100%;margin-top:10px;text-align: center;}
.baotensp a{color:#222222;font-size:18px;transition:all .5s;}
.baotensp:hover a{color:var(--theme);transition:all 0.5s;}
.baomotasp{float:left;width:100%;margin-top:10px;}
.baomotasp p{color:#2b2a2a;font-size:14px;transition:all .5s;}
.baogia{width:100%;float:left;text-align:left;margin-top:10px;height: 20px;overflow: hidden;}
.showlistpro{width: 100%;float:left;text-align: center;margin-top: 5px;opacity: 0;transition: all 0.5s}
.showlistpro p{font-size: 14px;color:silver;font-weight: normal;}
.baogia p{line-height:20px;}
.baogia a{color:#373737;font-size: 16px;}
.showaddcart{width: 84%;text-align: center;background: #f64a5f;position: absolute;bottom:-30%;left:8%;border-radius: 10px;cursor: pointer;transition: all 0.5s}
.productcon:hover .showlistpro{opacity: 1;transition: all 0.5s}
.productcon:hover .showaddcart{width: 84%;text-align: center;background: #f64a5f;position: absolute;bottom:10px;left:8%;border-radius: 10px;transition: all 0.5s}
.thongtinduan{width: 100%;float:left;text-align: center;margin-top: 10px}
.ttduancon{width: 28%;float:left;margin-right: 2%;padding:2%;background: #f7f7f7}
.ttduan_text2{font-size: 12px;color:silver}
.ttduan_text1{font-size: 13px;color:#0e587b;margin-bottom: 5px;font-family:'raleway-bold'}
.giacheck{width: 100%;float:left;margin:10px 0px}
.giacheck p{color:#cd1110}

/*news*/
.productcon_box{float:left;background: white;padding:4% 0px;box-sizing : border-box;border-bottom: 1px solid #efefef}
.newscon{float:left;margin-right: 2%;background: white;border-radius: 5px;margin-bottom: 30px;padding:4%;box-sizing : border-box}
.imgbox1{overflow: hidden;position: relative;width: 30%;float:left;display: flex;align-items: center;justify-content: center;}
.imgbox1 img.imgname{height:auto;transition: all 1s;vertical-align: middle;}
.showimg{width: 100%;transition: all 1s;}
.productcon_box:hover .showimg{transform:scale(1.1);transition: all 1s;}
.infobox1{width: 66%;float:right}
.homecathover2{color:#222222;display: block;line-height: 23px;font-size: 18px;box-sizing: border-box;width: 100%;text-align: left;transition: all .3s;font-weight: bold;}
.homecathover2:hover{color:var(--theme);transition: all .3s}
.datetext{margin-top: 10px;font-size: 14px;color:#b5b3b3;}
.mota_box1{margin-top: 20px;font-size: 16px;color:#797979;line-height: 23px;text-align: left;}

/*viewdetail*/
.viewdetail2 {display: inline-block;padding: 9px 40px;transition: all .3s;color: #cd1110;border: 1px dashed #cd1110;border-radius: 40px;font-size: 15px;font-family: Arial;font-style: italic;}
.viewdetail2:hover{background: #cd1110;color:white;transition: all .3s}

.khungtoptrong_detail{width: 68%;margin:0 auto}


/*-------------------icon-----------------------*/
.iconcon{background: white;padding:10%;text-align: center;}
.baoanh_icon{
    width:100%;
    float:left;
    line-height:0px;
    overflow:hidden;
    position:relative;
    border-radius: 5px;
    text-align: center;
    display: flex;
    flex-direction: column; /* Thiết lập chiều flex theo cột */
    justify-content: center; /* Căn giữa nội dung theo chiều flex*/
}
.baoanh_icon img{max-width: 100%}
.nameiconhover{font-size: 18px;color:#222222;margin-top: 20px;display: inline-block;}
.mota_icon{width: 100%;float:left;margin-top: 20px}
.mota_icon p{color:#222222;font-size: 16px;line-height: 25px}



/*-------------------photo-----------------------*/
.row_photo{width: 100%;line-height: 0px}
.photoicon{
    width:100%;
    float:left;
    line-height:0px;
    overflow:hidden;
    position:relative;
    border-radius: 5px;
    text-align: center;
    display: flex;
    flex-direction: column; /* Thiết lập chiều flex theo cột */
    justify-content: center; /* Căn giữa nội dung theo chiều flex*/
}
.photoicon img{width: 100%;}

/*-------------------aboutus-----------------------*/
.right_content{
    line-height:0px;
    overflow:hidden;
    position:relative;
    border-radius: 5px;
    text-align: center;
    display: flex;
    flex-direction: column; /* Thiết lập chiều flex theo cột */
    justify-content: center; /* Căn giữa nội dung theo chiều flex*/
}
.noidung_content{color:#494a4a;line-height: 155%;font-size:16px;width: 100%;float:left;margin-top: 50px}
.noidung_content h2{line-height: 155%;font-size:30px; font-family: 'montserratb';}
.noidung_content h3 {width: 100%;float:left;margin-top: 20px;margin-bottom: 10px}
.noidung_content h3 img{vertical-align: middle;margin-right: 5px;}
.noidung_content p{color:#494a4a;line-height: 155%;font-size:16px;}
.noidung_content span{line-height: 155%;}
.noidung_content a{color:#494a4a;line-height: 155%;font-size:16px;}
.noidung_content img{max-width: 100%;height: auto !important;}
.noidung_content ul li{margin-left: 2%}
.buttonbiewall{width: 100%;float:left;margin-top:60px}
.buttonbiewall a{display: inline-block;padding:15px 40px;background: #453f3a;color:white;border-radius: 30px;font-size: 22px;font-family:'raleway-bold'}

/*-------------------news-----------------------*/




/*-------------------contact-----------------------*/
.row_boxcenter{
    width:100%;
    float:left;
    text-align: center;
    padding:60px 0px 200px 0px;
    box-shadow: 4px 1px 15px -1px #e9e9e9;
    background: white;
}
.tt_boxcenter{
    width: 80%;
    padding-left:10%;
    padding-right:10%;
    float:left;
    margin-top:80px;
}


/*--------------------news---------------------*/

.nd_tonghop img{max-width:100% !important;height:auto !important;}
.nd_tonghop{line-height: 25px;font-family: Arial;}
.nd_tonghop p{line-height: 25px;text-align: justify;margin-bottom: 10px;}
.nd_tonghop span{line-height: 25px;text-align: justify;}
.nd_tonghop a{line-height: 25px;text-align: justify;}
.nd_tonghop ul{padding-left: 20px;}
.othernews ul{padding: 0px;}
.othernews ul li a{color:#696a6d;transition: all 0.5s}
.othernews ul li a:hover{color:#070c32;transition: all 0.5s}
.othernews ul li{margin-top:10px;}
.keywords{display: inline-block;margin:0px 2px;padding:3px 5px;background: #414141;color:#fff;font-size: 12px;border-radius: 3px;}

.section-heading {
    float: left;
    width: 100%;
    line-height: 1.2em;
    //letter-spacing: -.05em;
    color: #ccc;
    //margin-bottom: 20px;
    border-bottom: 1px solid var(--theme);
    padding-bottom:10px;
    position: relative;
    margin-top: 0px !important;
    
}
.section-heading h2{
    font-size: 20px;

/*  font-family: 'icielpanton-bold';*/
    color:#1c568e;
    display: inline-block;
    line-height: 150%;
    
    text-transform: uppercase;
}
.section-heading:before {
    content: '';
    border-bottom: 2px solid var(--theme);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150px;
}
.section-heading h1{
    
    font-size: 18px;
    text-transform: uppercase;
    color:#1c568e;
    display: inline-block;
    line-height: 23px;
}