.content_home{width: 68%;margin:0 auto}
#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}

.contenttype_detail{color:#494a4a;line-height: 155%;width: 100%;float:left;}
.css_content h2{line-height: 155%;font-size:30px;font-family: var(--mainFont); color: var(--theme);}
.contenttype_detail h2{line-height: 125%;font-family: var(--mainFont);margin-bottom: 10px; color: var(--theme);font-size: 200%;}
.contenttype_detail h3 {width: 100%;float:left;margin-top: 20px;margin-bottom: 10px; line-height:150%;}
.contenttype_detail h3 img{vertical-align: middle;margin-right: 5px;}
.contenttype_detail p{color:#494a4a;line-height: 155%;}
.contenttype_detail span{line-height: 155%;}
.contenttype_detail a{color:#494a4a;line-height: 155%;}
.contenttype_detail img{max-width: 100%;height: auto !important;}
.contenttype_detail ul li{margin-left: 2%}
/*why*/
.quymocon{width: 85%;margin: 0 auto}
.anhquymo{width: 100%;float: left}
.anhquymo img{width: 100%;}
.ten_quymo{width: 100%;float:left;text-align: center;margin-top:30px;}
.ten_quymo a{font-size: 22px;color:#000000;font-family:var(--mainFont);text-transform: uppercase;font-family: var(--mainFont);}
.mota_quymo{width: 100%;float:left;text-align: center;margin-top:20px;}
.mota_quymo p{font-size: 15px;color:#121212;line-height: 25px}

.dktuvan{width: 100%;float:left;text-align: center;margin-top: 30px;cursor: pointer;}
.dktuvan a{display:inline-block;padding:10px 25px;color:white;font-size: 15px;border-radius: 5px;margin-right: 20px}

/*Animation*/
@keyframes rotate{
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
    10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
    20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
    30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
    40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
    50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
    100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
/*End Animation*/

/*sldier text*/
.box_slidertext{width: 100%;float:left;position: relative;overflow: hidden;}
.khungdenmo{width: 100%;float:left;position: absolute;top:0px;left:0px;height: 1000px;background: rgba(0, 0, 0, 0.1);z-index: 999}
.khungtext{
    width: 64%;
    float:left;
    text-align: center;
    position: absolute;
    left: 50%; 
    top: 40%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    z-index: 9999;
}
.textslider1{color:#fff;font-size: 60px;font-family:var(--mainFont);float:left;width: 100%;line-height: 120%; text-transform: uppercase; font-family: var(--mainFont);}
.textslider3{color:#fff;font-size: 60px;font-family:var(--mainFont);float:left;width: 100%;line-height: 120%; text-transform: uppercase; font-family: var(--mainFont);}
.textslider2{color:#fff;font-size: 18px;float:left;margin-top: 30px;width: 100%;line-height: 180%;}
.noidung_slidertext{width: 100%;float:left;margin-top: 60px;}
.noidung_slidertext a{display: inline-block;padding:20px 50px;background: white;font-size: 18px;font-family:var(--mainFont);color:#604219;border-radius: 30px;margin-right: 50px;transition: all 0.5s; width: 220px;}
.noidung_slidertext a:hover{background: #e1c26d;transition: all 0.5s;color:black}

.showcatelist{width: 100%;float:left;}
.showcatelist p{text-transform: uppercase;font-size: 40px;font-family:var(--mainFont);color:#000000}
    
/*icon*/
.title_slider{width: 100%;float:left;}
.title_slider p{font-size: 71px;font-family:var(--mainFont);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;font-family:var(--mainFont);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{}

/*producthoidap*/
.infohoidap{width: 96%;float:left;background: #f7f7f7;border-bottom: 1px solid #f7f7f7;padding:2%;cursor: pointer;}
.infohoidap p{font-size: 15px;font-family:var(--mainFont);float:left }
.infohoidap i{float:right;}
.answerhoidap{width: 96%;float:left;border: 1px solid #f7f7f7;padding:2%;display: none;}
.answerhoidap p{line-height: 25px;margin-bottom: 10px;color:#636363;font-size: 13px}
.answerhoidap a{line-height: 25px;margin-bottom: 10px;color:#636363;font-size: 13px}
.answerhoidap span{line-height: 20px;}
.answerhoidap img{max-width: 100% !important;height:auto !important;}
.answerhoidap ol{padding-left: 20px;}

/*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-family:var(--mainFont);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;font-family:var(--mainFont);margin-top: 5px}
.text_right2{color:#ffffff;font-size: 18px;font-family:var(--mainFont);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;font-family:var(--mainFont);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}

/*product1*/
.khungsp{width: 84%;float:left;padding:8%;background: white}


.baotensp1{float:left;width:100%;margin:20px 0px;text-align: left;height: 36px;overflow: hidden;}
.baotensp1 a{color:#000000;font-size:.9rem;transition:all .5s;font-family:var(--mainFont); text-transform: uppercase;}
.baotensp1:hover a{color:#90191f;transition:all 0.5s;}
.baogia1{width:100%;float:left;text-align:left;}
.baogia1 a{color:#ff0000;font-size: 14px;display: inline-block;margin-right: 5px}
.baoanhsp1{
    width:100%;
    float:left;
    line-height:0px;
    overflow:hidden;
    text-align: center;
    border-radius: 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    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*/
}
.baoanhsp1 img{
    width: 100%;
    transition:all 1s;
    
}
.product1:hover .baoanhsp1 img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.tinhphantram{position: absolute;top:2%;left:0%;text-align: center;z-index: 99}
.tinhphantram a{font-family:var(--mainFont);font-size: 13px;color:#ffffff;display: inline-block;padding:15px 15px;background: #d3953f;}


/*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;font-family:var(--mainFont);transition: all 0.5s}

.productcon{padding:0px 15px;float:left;box-sizing : border-box;position: relative;}
.productcon:hover .baoanhsp img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
@media(max-width: 800px){
    .boxproduct{grid-template-columns: repeat(2,1fr) !important;}
    .css_content span{font-size: 25px!important;}
}
@media(max-width: 420px){
    .boxproduct{grid-template-columns: repeat(1,1fr) !important;}
}

.baoanhsp{
    width:100%;
    float:left;
    line-height:0px;
    overflow:hidden;
    border-radius: 25px;
    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;
    
}
.baoanhsp img:hover{width:100%;height:auto;-moz-transition:all 1s;-webkit-transition:all 1s;transition:all 1s;}
.info_product{width:100%;float:left;margin-top:20px;text-align:center}
.baotensp{float:left;width:100%;margin:20px 0px;text-align: left;font-family:var(--mainFont)}
.baotensp a{color:var(--mainColor);font-size:1.1rem;transition:all .5s;line-height:150%;}
.baotensp:hover a{color:var(--theme1);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:center;margin-top:10px;}
.baogia p{line-height:20px;}
.baogia a{color:#ff0000;font-size: 18px;display: inline-block;}
.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 .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:var(--mainFont)}
.giacheck{width: 100%;float:left;margin:10px 0px}
.giacheck p{color:#cd1110}

.viewmoresp{width: 100%;float:left;border-radius: 30px;text-align: center;background: #e1c570;margin-top: 20px}
.viewmoresp a{display: inline-block;padding:15px 0px;color:black;font-family:var(--mainFont);font-size: 14px;width:100%}
.cssformsl{width: 100%;float:left;background: white}
.viewmoresp1{width: 66%;float:left;text-align: center;background: #d1c8c1;margin-top: 20px;padding:2% 4%;margin-left: 15%}
.viewmoresp1 a{display: inline-block;padding:8px 0px;color:black;font-family:var(--mainFont);font-size: 14px;width:100%}
/*news*/
.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: 100%;position: relative;display: flex;align-items: center ;justify-content: center;overflow: hidden;border-radius: 25px;}
.imgbox1 img{transition: all 2s;vertical-align: center;width: 100%}
.imgbox1:hover img{transform:scale(1.2);}

/*viewdetail*/
.viewdetail2 {display: inline-block;padding: 15px 80px;transition: all .3s;color: #000000;border: 1px solid #000000;}
.viewdetail2:hover{background: #e1c570;color:black;transition: all .3s}

.khungtoptrong_detail{width: 1170px;margin:0 auto}


/*-------------------icon-----------------------*/
.iconcon{background: white;padding:4%;text-align: center;height: 295px; overflow: hidden;}
.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: 50%}
.nameiconhover{font-size: 1.1rem;color:var(--mainColor);margin-top: 20px;display: inline-block;font-family: var(--mainFont)}
.mota_icon{width: 100%;float:left;margin-top: 20px}
.mota_icon p{color:var(--mainColor);font-size: var(--fontSize);line-height: 150%;}

/*-------------------icon-----------------------*/
.iconcon2{padding:0%;}
.baoanh_icon2{
    width:32%;
    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*/
}
.imgname_icon2{width: 100%}
.info_icon2{width: 64%;float:right}
.nameiconhover2{font-size: 15px;color:#fff;margin-top: 20px;display: inline-block;text-align: left;line-height: 24px}
.mota_icon2{width: 100%;float:left;margin-top: 20px}
.mota_icon2 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: center; /* 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%;width: 100%;float:left;margin-top: 50px}
.noidung_content h2{line-height: 155%;font-size:30px; font-family:var(--mainFont);}
.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%;}
.noidung_content span{line-height: 155%;}
.noidung_content a{color:#494a4a;line-height: 155%;}
.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;}

/*-------------------news-----------------------*/
.homecathover2{height:48px;overflow:hidden;color:#222222;margin-top:5px;margin-bottom: 13px;display: block;line-height: 23px;font-size: 1.1rem;font-family:var(--mainFont);box-sizing: border-box;width: 100%;text-align: left;transition: all .3s}
.homecathover2:hover{color:var(--theme);transition: all .3s}


.homecathover a{color:#000;display: block;line-height: 26px;box-sizing: border-box;width: 100%;transition: all .3s;margin-top: 10px;text-align: center;text-transform: uppercase;font-family: var(--mainFont);}
.homecathover a:hover{color:var(--theme1);transition: all .3s;}



.homecathover1{color:#051647;margin-top:20px;margin-bottom: 13px;display: block;line-height: 23px;font-size: 16px;box-sizing: border-box;width: 100%;text-align: left;transition: all .3s}
.homecathover1:hover{color:var(--theme);transition: all .3s}

.homecathover3{color:#333333;margin-top: 20px;display: block;line-height: 23px;font-size: 16px;transition: all .3s;font-weight: normal;}
.homecathover3:hover{color:#FFC62D;transition: all .3s;}

/*-------------------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:180%;}
.nd_tonghop p{line-height: 25px;margin-bottom: 10px;}
.nd_tonghop span{line-height: 180%;}
.nd_tonghop a{line-height: 25px; color: var(--theme1); transition: all .5s;font-family: var(--mainFont);}
.nd_tonghop a:hover{color: var(--theme); transition: all .5s;}
.nd_tonghop ul{padding-left: 20px;}
.nd_tonghop h2, h3, h4, h5 {font-family:var(--mainFont);}
.nd_tonghop h2 {font-size: 1.5rem;}
.nd_tonghop h3 {font-size: 1.3rem;}
.nd_tonghop h4 {font-size: 1.2rem;}
.nd_tonghop h5 {font-size: 1.1rem;}
.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: var(--theme1);color:#fff;font-size: 12px;border-radius: 3px;}

.section-heading {
    font-family: var(--mainFont);
    font-size: var(--fontSmallTilte);
    float: left;
    width: 100%;
    line-height: 1.2em;
    color: var(--theme);
    border-bottom: 1px solid var(--theme1);
    padding-bottom:10px;
    position: relative;
    margin-top: 0px !important;
    
}
.section-heading h2{
    font-size: var(--fontTilte);
    color:#1c568e;
    display: inline-block;
    line-height: 150%;
    font-family:var(--mainFont);
    text-transform: uppercase;
}
.section-heading:before {
    content: '';
    border-bottom: 2px solid var(--theme1);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150px;
}
.section-heading h1{
    font-family:var(--mainFont);
    font-size: var(--fontTilte);
    text-transform: uppercase;
    color:#1c568e;
    display: inline-block;
    line-height: 150%;
}