@charset "utf-8";

@font-face {
    font-family: 'DB Heavent';
    src: url('fonts/DBHeavent-Med.woff2') format('woff2'),
        url('fonts/DBHeavent-Med.woff') format('woff'),
        url('fonts/DBHeavent-Med.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DB Heavent';
    src: url('fonts/DBHeavent.eot');
    src: url('fonts/DBHeavent.eot?#iefix') format('embedded-opentype'),
        url('fonts/DBHeavent.woff2') format('woff2'),
        url('fonts/DBHeavent.woff') format('woff'),
        url('fonts/DBHeavent.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DB Heavent';
    src: url('fonts/DBHeavent-Bold.eot');
    src: url('fonts/DBHeavent-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/DBHeavent-Bold.woff2') format('woff2'),
        url('fonts/DBHeavent-Bold.woff') format('woff'),
        url('fonts/DBHeavent-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DB Heavent Cond';
    src: url('fonts/DBHeavent-BlackCond.eot');
    src: url('fonts/DBHeavent-BlackCond.eot?#iefix') format('embedded-opentype'),
        url('fonts/DBHeavent-BlackCond.woff2') format('woff2'),
        url('fonts/DBHeavent-BlackCond.woff') format('woff'),
        url('fonts/DBHeavent-BlackCond.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'DB Heavent Cond';
    src: url('fonts/DBHeavent-MedCond.eot');
    src: url('fonts/DBHeavent-MedCond.eot?#iefix') format('embedded-opentype'),
        url('fonts/DBHeavent-MedCond.woff2') format('woff2'),
        url('fonts/DBHeavent-MedCond.woff') format('woff'),
        url('fonts/DBHeavent-MedCond.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

html{
    font-size: 22px;
}
body{
    font-family: 'DB Heavent', sans-serif;
    color: #333;
    overflow-x: hidden;
}
.container-fluid{
overflow-x: hidden;
margin-top: 0 !important ;
}

.row {margin-left: 0; margin-right: 0;}
p {  margin-bottom: .1rem;}

a {color: #EA545A;}
a:hover {color: #EA545A; }

.w100 img{width: 100%;}
figure{
    margin-bottom: 0;
}

.flot_r{float: right;}
.float_l{float: left;}

.text_top_heder{
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
}
.text_top_heder p{
    padding-top: 7px;
    margin: 0;
}
.text_comment{
    color:#D8D8D8;
    font-size: 16px;
    font-weight: 300;
    padding: 15px;
}
.text_top_about{
    color: #fff;
    font-size: 1em;
}

.bg-aboutus {
    background: url(../images/about_us_Vision.jpg) fixed center;
    background-size: cover;
    width: 100%;
    padding: 15% 0;
}
.bg-aboutus h1{ 
    color: #fff;
    text-shadow: 0.05em 0.05em rgba(0, 0, 0, 0.5);
    letter-spacing: 5px
}

.bg-contactus {
    background: url(../images/contact_us.png) fixed top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    opacity: .8;
}
	
.icon-about .header-center{ margin-bottom: 5%; margin-top: 3%;}
.about-icon {text-align: center;}
.about-icon img { width: 200px;}

.abouthistory{padding: 3% 0;}
.abouthistory p {text-indent: 50px;}
.abouthistory p>span {font-size: 1.2rem; font-weight: bold;}

.about-structure{
    background-image: url(../images/header_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 3%;
}
.about-structure .header-center h3 {color: #fff; padding-top: 3%;}

.about-structure2 {background-color: #555658;}

.text08{font-size: .8em;line-height: 1.5;}

.right{text-align: right;}
.center{text-align: center;}

.red_f {color: #D04B50;}

.gray-bg {background-color: #F5F3F2;padding: 10px ; margin-bottom: 15px;border-radius: 5px;}

.no-bd {border: none !important;border-bottom:none;}
/*icon*/
.cart_icon_top{
    padding-bottom: 30px;
    background-image: url(../images/shopping-cart.svg);
    background-repeat: no-repeat;
    background-position: left center;
}
.cart_text_top{
    background: #ea545ad9;
    padding: 0px 15px;
    border-radius: 30px;
    color: #fff;
    font-size: 24px;
    margin-left: 20px;
}

.cart_icon_mobile{ padding-bottom: 30px;
    background-image: url(../images/cart-mobile.svg);
    background-repeat: no-repeat;
    background-position: left center;
}

.icon_fav{
    background-image: url(../images/icon-fav.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 15px;
}
.icon_compare{
    background-image: url(../images/icon-compare.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 15px;
}
.icon_signin{
    background-image: url(../images/icon-sign-in.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 15px;
}
.icon_regis{
    background-image: url(../images/icon-regis.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 15px;
}

.item_detail_price .fa-heart , .fa-cart-arrow-down {color:#707070 ; }
.item_detail_pricel .fa-heart:active , .item_detail_price .fa-heart:hover ,.item_detail_price.fa-heart::selection ,
.fa-cart-arrow-down:active , .fa-cart-arrow-down:hover ,.fa-cart-arrow-down::selection   {
    color: #D04B50;

    }

.iconpro{
    background-repeat: no-repeat;
    background-position: center;
    padding: 5px;
    padding-right: 40px; 
}
.icon-prodetail{background-image: url(../images/icon-prodetail.svg);}
.icon-profuture{background-image: url(../images/icon-profuture.svg);}
.icon-prosent{background-image: url(../images/icon-prosent.svg);}
.icon-propay{background-image: url(../images/icon-propay.svg);}
.icon-proreview{background-image: url(../images/icon-proreview.svg);}

.fas { padding: 0px 5px;}

.fa-window-close{ font-size: 16px;color: #999999;}

.fa-ticket-alt {color: #D04B50;}


.banner_fp{
    padding: 0;
}


/*botton*/
.button_mainmenu{
    display: none;
    padding: 5px;
}
.button_mainmenu span{
    background-color: #fff;
    width: 30px;
    height: 4px;
    display: block;
    margin: 5px auto;
}
.button_sidebarmenu{
    display: none;
    padding: 5px;
}

.button_login{
    min-width: 300px;
    padding: 10px 0px;
    border-radius: 30px;
    margin-bottom: 10px;
}

.button_login>i{vertical-align: middle;}

.button_google{ color: #D04B50;border: 1px solid #dadada;}

.login_border {border-right: 1px solid #D8D8D8;}

.bgnav{
    background-image:url("../images/header_bg.svg");
   /*     position: fixed;
    top: 0;
    left: 0;
    
    height: auto;
    margin: 0;
overflow: hidden;
    z-index: 12;*/
    width: 100%;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    background-repeat: no-repeat;
    background-color: #333333;
    background-size: cover;
}
.bgnavmobile{
    background-color: #222;
    display: flex;
    position: fixed;
    width: 100%;
    z-index: 99;
}
    

/*nav*/

.nav{
    width: 100%;
    position: absolute;
    z-index: 15;
    
}

.nav li{  
    list-style: none;
    display:  inline-block;
    width: 100%;
    text-align: center;
    
   
}

.mainlogo{
    width: 100%;  
}
.mainlogo img{
    max-width: 100%;
    height: auto;
    display: block;
    width: 250px;
}
.menubar{
    display: flex;
    flex-wrap: wrap;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    background-color: #333;
}  
.menubar_bg{
    background-color: #333;

}


.mainmenu{
    display: inline-flex;
    padding: 0 10px 0 10px;
    margin: 0;
    align-self: flex-end;
    width: calc(100% - 560px);
    justify-content: space-around;
}
.mainmenu > li{
    display: inline-block;
    position: relative;
   
}
.mainmenu > li:hover , .mainmenu > li::selection  {
    background-color: #D04B50;
}
.mainmenu li a{
    display: block;
    color: #FFF;
}
.mainmenu li .submenu{
    width: 100%;
    position: fixed;
    left: 0;
    display: none;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 100% 0;
}
.mainmenu li .submenu .row{
background-color: #F5F3F2;
}

.mainmenu li .submenu p{
    line-height: 1;
    color: #000;
    margin-bottom: 15px;
   
}

  
.mainmenu li .submenu .border_submenu{
    padding-right: 30px;
}
.mainmenu li .submenu .border_submenu img{
    max-width: 100%;
    height: auto;
    margin-top: 25px;
    display: block;
}
.mainmenu li .submenu .border_submenu a{
    display: inline-block;
    background-color: #D04B50;
    line-height: 1;
    padding: 5px 40px;
    border-radius: 5px;
    font-weight: normal;
}
.border_ulmenu{
    border-left: 1px solid #D04B50;
}
.border_ulmenu ul{
    padding: 0px;
}
.mainmenu li .submenu ul{
/*
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
*/
    margin-top: 10px;
}


.mainmenu li .submenu ul.mega_submenu{
    display: none;
}
.mainmenu li .submenu ul li{
    display: block;
    position: relative;
    padding-right: 25px;
/*
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
*/
}
.mainmenu li .submenu ul li a{
    display: block;
    color: #313030;
    text-decoration: none;
}
.mainmenu li .submenu ul li.smhassub a::after{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f054";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 0.5em;
}
.mainmenu li .submenu ul li.active a, .mainmenu li .submenu ul li:hover a{
    display: inline-block;
    color: #D04B50;
    text-decoration: none;
}
.mainmenu li .submenu ul li a::before{
    content: "";
    display: inline-block;
    margin-right: 10px;
}

.submenu_cat{
    padding-left: 0px;
    padding-bottom: 15px;
    margin-top: 0px !important;
    font-size: .8em;
    line-height: 1.3em;
    margin-top: 0;
    border-bottom: 1px solid #D8D8D8;
} 
.header , .best-saler .header {padding: 0; margin-top: 50px;}

.header_up {position: relative;top: -70px;}

.header-flu {width: 100;text-align: center;margin: 50px 0px 0px  20px;}

.header h3 span {
    background-color: #D04B50;
    border-radius: 30px 30px 30px 0px;
    padding: 0px 15px;
    font-size: 1em;
    color: #fff;
    font-weight: 400;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.header h5 span {
    background-color: #D04B50;
    border-radius: 30px 30px 30px 0px;
    padding: 0px 10px;
    font-size: 1em;
    color: #fff;
    font-weight: 400;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.header-center{  text-align: center ; }

.header-center h3 { border-bottom: 1px solid #d8d8d8;}

.header-center h3 span{ border-bottom: 3px solid #D04B50 ;}

.pagelink {
    display: inline;
}

.pagelink ul {padding: 0;}

.pagelink li {
       display: inline;
       font-size: 1em;     
}



.pagelink li::after{
    padding: 0px 10px;
    color: rgb(153, 153, 153);
    font-weight: 900;
    font-size: 0.5em;
}

.breadcrumb { padding: 0;background: none;margin-bottom: 20px;}


.pagelink li:last-child::after {
    content: "";
    padding: 0px 10px;
    background: transparent;
}

.pagelink_bg { 
    color: #ffffff;
    width: 100%;
    padding: 7px;
}

.breadcrumb a{ color: #ccc; font-weight: normal;}

.breadcrumb-item.active a{color: #D04B50;font-weight: bold;}

.item_bg_w{
    background-color: #fff;
    border: 1px solid #F5F3F2;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    padding:15px;
    border-radius: 5px;
    width: 100%;
    min-block-size: max-content;
    height: 100%;
}
.item_pic{
    text-align: center;
    padding: 15px;
    width: 100%;
    height: 150px;
  
}

.item_pic img{    
    max-width: 100%;
    max-height: 300px;
    height: 100%;
    object-fit: contain;
}

.pic-branchs {
    text-align: center;
    padding: 15px;
    width: 100%;
    height:auto;
}

.pic-branchs img{    
    max-width: 100%;
    max-height: 300px;
    height: 100%;
    object-fit: contain;
    object-position: top;
}

.item_pic_content{
    text-align: center;
    padding: 15px 0px;
    width: 100%;
}

.item_pic_content img{    
    width: 100%;
}
.item_detail h3{ 
    color: #333;
    font-size: 1em;
    word-break: break-all;
    padding-bottom: 20px;
    line-height: 1;
}
.item_detail p{color: #000000;margin-bottom: 5px;line-height: 1;}

.item_detail_price {position: absolute;bottom: 0;align-items: flex-end;}

.av-middle {
    display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.av-middle>button{
    padding: 0px 5px;
    font-size: 18px;
}
.pic-workus{ padding: 5px !important;}
.pic-workus img{ 
    border-radius: 5px;
}
.av-bottom{
   text-align: right;
}

.av-bottom>button{padding: 0px 15px;}
.detail-workus{min-height: 180px;}
.price{ 
    color: #000000;
    font-size: 1.2em;
    text-align: left;
    line-height: 1;
}
.piice_sale{color: #EA545A;font-weight: bold;}
.newproduct{
   /* background: rgb(104,38,40);
    background: linear-gradient(0deg, rgba(104,38,40,1) 0%, rgba(208,75,80,1) 100%);*/
    background-image: url("../images/header_bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 10%;
}

/*.newproduct .item_detail_price {
    
    
}*/


.item_cat_product h3 {text-align: center;}
.item_cat_product img{object-fit: cover;}
.item_cat_product {padding: 0px 3px;}


.brand{
    background: rgb(245,242,244);
    background: linear-gradient(0deg, rgba(245,242,244,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
    border-top:1px solid #F5F3F2 ;
    margin-top: 5%;
}

.brand img{height: 60px;width: auto !important;}

.brand .owl-carousel .owl-item img{display: inline-block; text-align: center;}

.other-service {
    background: rgb(51,51,48);
    background: linear-gradient(0deg, rgba(51,51,48,1) 0%, rgba(87,87,87,1) 100%);
    padding-top: 30px;
    margin-top: 30px;
    padding-bottom: 50px;
    
}


.other-service h3 span {
    color: #fff;
    
}
.other-service .item_detail h3 {padding: 0;}
.other-service p { margin-bottom:0.5px;}
.other-service i {width: 40px; font-size: 1em;text-align: center;}
.other-service .item_detail{ border-left: 1px solid #d8d8d8 ; height: auto;}
.other-service .item_pic {height: auto;}
.other-service img {width:100%;}
.other-service .item_bg_w {height:100% ;}
.tab_botbanner{position: relative;top: -30px; text-align: center;}

.sinthnee-brand {border-top: 1px solid #d8d8d8;}

.cat_pro h3 {padding-bottom:30px ;}
.item_body_catg{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    opacity: 1;
    
}
/*.item_body_catg:hover{
opacity: 1;
}*/
.item_body_catg{
    height: 200px;
}


.item_header_catg{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    display: block;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;   
}
.bg_catg{margin-bottom: 5px; width: 100%;} 

.item_bg_catg{
    top: auto;
    bottom: 0;
    position: absolute;
    width: 100%;
    padding-top: 15px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .5);
}

.item_bg_catg h3 {font-size: 1em; padding-bottom:0px;}

.compare_select {padding: 0; margin: 0;text-align: right;font-size: .8em;}
.compare_select .form-check-input {margin-top: 0.1rem;margin-left: -0.8rem;}

#search{
    background-color: transparent;
    display: none;
}
#search .container{
    width: 880px;
    padding: 50px;
    background-color: #FFF;
    border-radius: 34px;
}
.fancybox-slide--html #search .fancybox-close-small{
    color: #FFF;
}
#search .row{
    margin-left: -5px;
    margin-right: -5px;
}
#search .col-12{
    padding-left: 5px;
    padding-right: 5px;
}
#search .form-control{
    border: 1px solid #707070;
    border-radius: 11px;
    background-color: transparent;
    margin-bottom: 30px;
}
.search-icon {    
    position: absolute;
    right: 0;
    padding-right: 40px;
    padding-top: 5px;
}
.btn_search_submit{
    background-color: #ADAD06;
    border-radius: 13px;
    line-height: 1;
    color: #FFF;
    text-align: center;
    padding: 8px 10px;
    width: 180px;
    height: 50px;
    font-size: 1.2rem;
    border: 0;
}
.btn_cancel{
    background-color: #BABABA;
    border-radius: 13px;
    line-height: 1;
    color: #FFF;
    text-align: center;
    padding: 8px 10px;
    width: 180px;
    height: 50px;
    font-size: 1.2rem;
    border: 0;
    margin-left: 15px;
}
#register{
    background-color: transparent;
    display: none;
}
#register .container{
    width: 880px;
    padding: 50px;
    background-color: #FFF;
    border-radius: 34px;
}
#register .row{
    margin-left: -10px;
    margin-right: -10px;
}
#register .col-12{
    padding-left: 10px;
    padding-right: 10px;
}
#register .form-control{
    border: 1px solid #707070;
    border-radius: 11px;
    background-color: transparent;
    margin-bottom: 20px;
}
#register h4{
    font-size: 1.2rem;
}
.head_fp{
    margin-top: 40px;
    margin-bottom: 40px;
}
.head_fp h1{
    font-size: 2.2rem;
    color: #D04B50;
    text-align: center;
}
.row_tab_fp_btn{
    position: relative;
    z-index: 2;
}
.tab_fp_btn{
    display: flex;
    justify-content: space-around;
    padding: 0 8%;
}
.tab_fp_btn div{
    color: #484848;
    position: relative;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
}
.tab_fp_btn div.active{
    color: #005A54;
}
.tab_fp_btn div::before{
    content: "";
    background-color: #005A54;
    height: 6px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    transform: scale(0,1);
    transition: 0.5s all ease;
    transform-origin: left;
}
.tab_fp_btn div:hover::before, .tab_fp_btn div.active::before{
    transform: scale(1,1);
}
.tab_fp:not(:first-child){
    display: none;
}
.search_tab_fp{
    padding: 40px;
    border: 1px solid #BABABA;
    margin-top: 3px;
}
.search_tab_fp .row{
    margin-left: -6px;
    margin-right: -6px;
}
.search_tab_fp .col-12, .search_tab_fp .col-6{
    padding-left: 6px;
    padding-right: 6px;
}
.search_tab_fp .form-control{
    border-radius: 1px;
    border-color: #9F9F9F;
    font-size: 1.2rem;
    height: calc(1.35em + .75rem + 2px);
    padding: .35rem .75rem;
}
.search_tab_fp .form-control.btn_search_fp{
    background-color: #005A54;
    border: 1px solid #005A54;
    color: #FFF;
}
.search_tab_fp .form-control.btn_reset_fp{
    border: 1px solid #ADAD06;
    color: #ADAD06;
    background-color: #FFF;
}
.wrap_list_download_fp{
    background-color: rgba(0, 90, 84, 0.07);
    padding: 30px 15px;
}

.list_download_fp:hover{
    background-color: rgba(134, 170, 66, 0.1);
}
.list_download_fp div{
    padding: 10px 45px;
    text-align: center;
}
.list_download_fp div:first-child{
    font-weight: 500;
    color: #696969;
    text-align: left;
    font-size: 1.1rem;
}
.list_download_fp div:nth-child(2){
    color: #7E7E7E;
}
.list_download_fp div img{
    width: 35px;
    height: auto;
    display: inline-block;
    margin-bottom: 3px;
}
.list_download_fp a{
    display: inline-block;
    color: #005A54;
    text-decoration: none;
    line-height: 1;
    font-weight: 500;
}
.list_download_fp a img{
    display: inline-block;
    width: 17px;
    height: auto;
    margin-right: 5px;
}
.btn_viewall{
    text-align: center;
    margin: 20px 0px;
}
.btn_viewall a{
    display: inline-block;
    background: #D04B50;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 23px;
    padding: 10px 30px 10px 50px;
    line-height: 1;
    color: #FFF;
    text-decoration: none;
    transition: 0.5s;
}
.btn_viewall a:hover{
    background-color:#EA545A;
}
.btn_viewall a img{
    width: 16px;
    height: auto;
    display: inline-block;
    margin-left: 25px;
}
.tab_news_btn{
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #9F9F9F;
    padding: 0 15%;
}
.tab_news_btn div{
    color: #484848;
    position: relative;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
    padding-bottom: 15px;
}
.tab_news_btn div.active{
    color: #005A54;
}
.tab_news_btn div::before{
    content: "";
    background-color: #005A54;
    height: 6px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    transform: scale(0,1) translate(0, -50%);
    transition: 0.5s all ease;
    transform-origin: left;
}
.tab_news_btn div:hover::before, .tab_news_btn div.active::before{
    transform: scale(1,1) translate(0, -50%);
}
.tab_news{
    margin-bottom: 70px;
}
.tab_news:not(:first-child){
    display: none;
}
.hilight_article{
    display: block;
    margin-bottom: 84px;
    padding-left: 15px;
    padding-right: 15px;
}
.hilight_article:hover{
    text-decoration: none;
}
.img_article{
    padding: 0;
    position: relative;
    align-self: flex-start;
}
.img_article::before{
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 62%;
}
.img_article > img, .owl-carousel .owl-item .img_article > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    object-fit: cover;
    object-position: center top;
}
.dateandview{
    color: #7E7E7E;
    font-size: 0.8rem;
}
.dateandview > img, .owl-carousel .owl-item .dateandview > img{
    display: inline-block;
    width: 20px;
    margin-left: 20px;
    margin-right: 3px;
    margin-bottom: 5px;
}
.dateandview > img.icon_calendar, .owl-carousel .owl-item .dateandview > img.icon_calendar{
    display: inline-block;
    width: 16px;
    margin-left: 0px;
    margin-right: 3px;
}
.hilight_article{
    margin-top: 55px;
}
.hilight_article figcaption{
    padding-left: 45px;
}
.hilight_article figcaption h1{
    color: #2B2B2B;
    font-size: 2.2rem;
    line-height: 0.95;
    margin-top: 15px;
    margin-bottom: 20px;
    max-height: 1.9em;
}
.hilight_article figcaption p{
    line-height: 1.25;
    color: #2B2B2B;
    margin-top: 30px;
    margin-bottom: 20px;
    max-height: 6.25em;
}
.hilight_article.hilight_articlevdo figcaption p{
    max-height: 3.75em;
}
.owl-theme .owl-nav [class*=owl-]{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: #989697 !important;
    outline: 0;
    margin: 0;
}
.owl-carousel .owl-nav button.owl-next{
    right: -40px;
    font-size: 22px;
}
.owl-carousel .owl-nav button.owl-prev{
    left: -40px;
    font-size: 25px;
}
.owl-theme .owl-nav [class*=owl-]:hover{
    background-color: transparent;
    color: #231F20;
}
.item_newpro{
    display: block;
    padding: 0 15px;
}
.item_newpro:hover{
    text-decoration: none;
}


.item_newpro h2{
    font-size: 1.15rem;
    margin-top: 0px;
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
    line-height: 1.2;
    height: 3.6em;
    color: #404040;
}
.newproduct p{
    padding: 0;
    margin: 0;
    
}

.item_article_fp{
    color: #3C3B3B;
    display: block;
}
.item_article_fp:hover{
    text-decoration: none;
}
.item_article_fp h1{
    font-size: 1.15rem;
    margin-top: 8px;
    margin-bottom: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; 
    line-height: 1.2;
    color: #404040;
}
.item_article_fp p{
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
    line-height: 1.2;
    color: #404040;
}
.link_download{
    display: inline-block;
    color: #005A54;
    text-decoration: none;
    line-height: 1;
    font-weight: 500;
    font-size: 0.9rem;
}
.link_download:hover{
    text-decoration: none;
}
.link_download img{
    display: inline-block;
    width: 17px;
    height: auto;
    margin-right: 5px;
}

.item_circular{
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 45px;
}
.cc_date{
    display: inline-block;
    width: 80px;
    vertical-align: top;
    background-color: #005A54;
    color: #FFF;
    font-size: 0.8rem;
    text-align: center;
    line-height: 0.75;
    padding: 15px 0;
}
.cc_date span{
    display: block;
    font-size: 2.8rem;
}
.cc_detail{
    display: inline-block;
    width: calc(100% - 80px);
    vertical-align: top;
    padding-left: 15px;
    position: relative;
}
.cc_detail h2{
    color: #525252;
    font-size: 1.2rem;
    margin-bottom: 10px;
    font-weight: normal;
    line-height: 1.2;
    max-height: 2.4em;
}
.item_circular .link_download{
    position: absolute;
    right: 0;
    bottom: 5px;
}

.bg_circular::before{
    content: "";
    position: absolute;
    height: 50%;
    width: 100%;
    background-image: url(../images/bg_circular.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}
.btn_viewall.btn_viewall_margin{
    margin-top: 10px;
    margin-bottom: 80px;
}
.head_circular{
    margin-top: 60px;
    text-align: center;
    color: #FFF;
}
.head_circular h1{
    margin-bottom: 15px;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.head_circular p{
    margin-bottom: 15px;
}
.bgw_circular{
    background-color: #FFF;
    padding-top: 70px;
    margin-top: 50px;
}
.bg_downloadfp{
    background-color: #EDF3F2;
}
.row_info_fp{
    padding-top: 75px;
    padding-bottom: 70px;
    overflow: hidden;
}

.item_info_fp::before{
    content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    bottom: 0;
    transition: 1s all ease;
}
.item_info_fp.item_info_fp_km::before{
    background-color: #005A54;
    border-top: 8px solid #418E89;
    right: 0;
}
.item_info_fp.item_info_fpins::before{
    background-color: #ADAD06;
    border-top: 8px solid #DEDE4E;
    left: 0;
}
.item_info_fp > div{
    position: relative;
    display: flex;
    height: 100%;
}
.item_info_fp > div h3{
    font-size: 1.8rem;
    color: #FFF;
    align-self: center;
    margin-top: 13px;
    margin-bottom: 5px;
    padding-left: 50px;
    font-weight: normal;
    transition: 1s all ease;
    padding-right: 95px;
}
.item_info_fp > div img{
    margin-bottom: -25px;
    margin-top: 25px;
    margin-left: 40px;
    width: 100px;
    height: auto;
    align-self: flex-end;
    transition: 1s all ease;
    object-fit: contain;
}
.item_info_fp > div span{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: #9F9F9F;
    outline: 0;
    background-color: #FFF;
    box-shadow: 0px 11px 35px rgba(0,0,0,0.16);
    border-radius: 50%;
    width: 42px;
    height: 42px;
    line-height: 44px;
    text-align: center;
    font-size: 0.75rem;
    right: 40px;
    transition: 1s all ease;
}


.text_event_fp{
    font-size: 1.2rem;
    line-height: 1.15;
    max-height: 2.3em;
}
.text_event_fp::before{
    content: "";
    width: 6px;
    height: 6px;
    background-color: #FFF;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.wrap_download_fp{
    padding-right: 45px;
}
.wrap_event_fp{
    padding-left: 45px;
}
.wrap_qlink{
    margin-top: 40px;
    margin-bottom: 70px;
    margin-left: -30px;
    margin-right: -30px;
}
.qlink_fp{
    padding-right: 30px;
    padding-left: 30px;
}
.qlink_fp a{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.qlink_fp a:hover{
    text-decoration: none;
}
.icon_qlink{
    flex: 0 0 140px;
    max-width: 140px;
}
.icon_qlink img{
    width: 100%;
    height: auto;
    display: block;
}
.detail_qlink{
    padding-left: 20px;
    flex: 0 0 calc(100% - 140px);
    max-width: calc(100% - 140px);
}
.detail_qlink h2{
    font-size: 1.6rem;
    color: #525252;
    margin-bottom: 5px;
    line-height: 1;
}
.detail_qlink p{
    color: #717171;
    margin-bottom: 0;
    line-height: 1.1;
}
footer.row{
    background-color: #F9F9F9;
    color: #000;
    padding-top: 30px;
    border-top: 2px solid #d8d8d8;
}
.logo_footer{
    max-width: 135px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
.text_footer{
    display: inline-block;
    vertical-align: middle;
}
.text_footer h4{
    margin-bottom: 0;
    font-size: 1.1rem;
}
.text_footer address{
    margin-bottom: 0;
}

.socail-footer{
    color: #EA545A;
    font-size: 2em;
}

.right_footer{
    text-align: right;
}
.footer_stat{
    margin-bottom: 5px;
    border-top: 1px solid #d8d8d8;
}
.footer_stat span{
    border: 1px solid #FFFFFF;
    width: 30px;
    height: 30px;
    line-height: 28px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-left: 8px;
}
.right_footer small{
    font-size: 1rem;
}

footer.row {margin-top: 30px;}

.right_footer a{
    display: inline-block;
    color: #FFF;
    text-decoration: underline;
    margin-left: 15px;
}

.sitemap img{width: 100%;}

.lang_btn a{
    display: inline-block;
    border: 1px solid #C7C7C7;
    padding: 0px 7px;
    text-align: center;
    color: #C7C7C7;
    text-decoration: none;
}
.lang_btn a.active{
    border-color: #D04B50;
    color: #FFF;
}
.lang_btn a:first-child{
    border-radius: 5px 0px 0px 5px;
}
.lang_btn a:last-child{
    border-radius: 0px 5px 5px 0px;
}

.lang_btn{
    display: inline-block;
    margin-left: 25px;
}
.right_menu > a{
    display: inline-block;
    background-color: #ADAD06;
    width: 35px;
    height: 35px;
    color: #FFF;
    text-align: center;
    line-height: 32px;
    font-size: 0.85rem;
    border-radius: 50%;
    margin-left: 5px;
    vertical-align: middle;
}
.right_menu > a img{
    width: 16px;
    height: auto;
    display: inline-block;
}


/*.text_banner input{
    display: block;
    width: 475px;
    max-width: 100%;
    height: 55px;
    border-radius: 35px;
    padding: 5px 15px 5px 45px;
    border: 1px solid #707070;
    background-image: url(../images/search_grey.svg);
    background-size: 14px auto;
    background-position: 25px center;
    background-repeat: no-repeat;
    outline: 0;
}
*/
.search_top{
    display: block;
    width: 475px;
    max-width: 100%;
    height: 50px;
    border-radius: 20px;
    border: none;
    background-color: #fff;
    background-size: 14px auto;
    background-position:25px center;
    background-repeat: no-repeat;
    outline: 0;
   
}
.search_top input{
    border: none;
    width: 100%;
    padding-top: 5px;
    height: 40px;
}

.btn_search_filter{
    text-decoration: underline;
    color: #FFF;
    margin: 15px;
    display: inline-block;
}
.btn_search_filter:hover{
    color: #FFF;
}
.item_banner{
    position: relative;
    
}
.banner-carousel .owl-item .item_banner img{
    width: 100%;
    height: 480px;
    object-fit:cover;
    position: absolute;
    left: 0;
    top: 0;
}
.banner-carousel .owl-item .item_banner{
    width: 100%;
    height: 530px;
}

.custom-nav{
    position: absolute;
    width: 100%;
    top:50%;
    left: 0;
    z-index: 9;

}
.custom-nav [class*=owl-]{
    color: #9F9F9F;
    outline: 0;
    background-color:rgba(255, 255, 255, .5);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    border: 0;
    display: inline-block;
    margin-right: 13px;
    position: static;
    transform: translate(0, 0);
}
.custom-nav .owl-prev {left: 5%; position: relative;}

.custom-nav .owl-next {left: 90%; position: relative;}

.headpage h3 span{
    font-size: 2rem;
    color: #555555;
    display: block;
}
.headpage hgroup > span:first-child{
    font-size: 8rem;
    color: #005A54;
    display: inline-block;
    line-height: 0.5;
}

.cat-banner{padding: 0;}

.cat-banner img{ width: 100%;}
.search_input input, .search_input select{
    max-width: 100%;
    width: 500px;
    display: block;
    height: 50px;
    padding: 5px 15px;
    border: 1px solid #9F9F9F;
    margin-bottom: 30px;
}
.search_input button{
    background-color: #005A54;
    border: 0;
    font-size: 1.2rem;
    height: 50px;
    color: #FFF;
    text-align: center;
    width: 230px;
    position: relative;
    outline: 0;
    padding-right: 50px;
}
.search_input button i{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background-color: #ADAD06;
    font-size: 0.5em;
    line-height: 50px;
}
.img_pageinside{
    padding: 0;
}
.img_pageinside::before{
    content: "";
    display: block;
    padding-bottom: 36%;
}
.img_pageinside img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: right top;
}
.side_bar h2 , .side_bar_profile h2{
    font-size: 1.15rem;
    color: #FFF;
    text-decoration: none;
    line-height: 1.25;   
    font-weight: 400;
}

.side_bar h2 span , .side_bar_profile h2 span{
    border-radius: 30px 30px 30px 0px;
    padding: 0px 15px;
    background-color: #D04B50;
}
.side_bar  , .side_bar_profile{padding: 0;}

.side_bar li, .side_bar_profile li{ list-style: none; border: none;}

.side_bar ul , .side_bar_profile ul {padding: 0 ; margin: 0; }

.side_bar ul li , .side_bar_profile ul li { margin-bottom: 15px;}

.side_bar .list-group li , .side_bar_profile .list-group li{padding: 0;margin: 0;}

.side_bar .list-group .form-check-input  {margin-left:0;}

.side_bar .list-group p , .side_bar_profile .list-group p{    margin-bottom: 0; padding-left: 20px;}

.side_bar .list-group , .side_bar_profile .list-group {border-bottom:1px solid #d8d8d8 ;}

.badge {float:right;}

.side_bar .filter-input , .side_bar_profile .filter-input {width: 100%;}

.side_bar-to {padding: 5px;}

.pagination {
  justify-content: right;
  text-align: right;
  margin-top: 30px;
  margin-bottom: 30px; }

  .pagination .page-item:not(:first-child) {
    margin-left: 14px; 
    
}
  .pagination .page-item .page-link {
    border-radius: 5px;
    min-width: 38px;
    min-height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    padding: 0;
    color: #D04B50;
    border: 0;
    background-color: #fff;
      border: 1px solid #D04B50; 
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
  .pagination .page-item.active .page-link, .pagination .page-item:hover .page-link {
    color: #ffff;
    border: 0;
    background-color: #D04B50;
    border: 1px solid #D04B50;
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link{
    font-size: .8rem;
    line-height: 40px;
    padding: 0px 10px;
    background-color: #D04B50;
    border: 1px solid #D04B50;
    color: #fff;
}
 
.insidepage_btnviewall{
    margin-bottom: 100px;
    text-align: center;
    margin-top: 40px;
}
.insidepage_btnviewall a{
    display: inline-block;
    background: rgba(173, 173, 6, 1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 23px;
    padding: 10px 50px 10px 50px;
    line-height: 1;
    color: #FFF;
    text-decoration: none;
    transition: 0.5s;
}
.insidepage_btnviewall a:hover{
    background-color: #005A54;
}

.owl-dots{position: relative; top: -30px;}

.owl-theme .owl-dots .owl-dot{
    outline: 0;
}
.owl-theme .owl-dots .owl-dot span{
    background-color: #B1B1B1;
    margin: 5px 5px;
    width: 12px;
    height: 12px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background-color:#EA545A;
}

.detail_listhidden{
    padding: 25px;
    background-color: #FAFAFA;
    border-left: 1px solid #B2AEAE;
    border-right: 1px solid #B2AEAE;
    border-bottom: 1px solid #B2AEAE;
}
.detail_listhidden ul{
    padding-left: 25px;
    list-style: none;
    margin-bottom: 0;
}
.detail_listhidden ul > li{
    position: relative;
    font-size: 1.1rem;
}
.detail_listhidden ul > li::before{
    content: "";
    background-color: #859F40;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: -18px;
    top: 14px;
}
.detail_listhidden ul > li a{
    display: block;
    transition: 0.5s;
    color: #333;
}
.detail_listhidden ul > li a:hover{
    color: #005A54;
    text-decoration: none;
}
.list_downloadhidden{
    margin-bottom: 20px;
}
.list_downloadhidden h2{
    background-color: #989898;
    padding: 10px 75px 10px 20px;
    font-size: 1.1rem;
    color: #FFF;
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
}
.viewno{
    font-size: 0.9rem;
    font-weight: normal;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 14px;
}
.viewno i{
    font-size: 0.75em;
    margin-right: 7px;
}
.list_downloadhidden:not(:first-child) .detail_listhidden{
    display: none;
}
.list_downloadhidden h2.active{
    background-color: #005A54;
}
.list_downloadhidden:last-child{
    margin-bottom: 50px;
}
.viewnolistdl{
    font-size: 0.9rem;
    font-weight: normal;
    display: inline-block;
}
.viewnolistdl i{
    font-size: 0.75em;
    margin-right: 7px;
}
.tab_productdetail{
    margin-bottom: 35px;
    border-bottom: 1px solid #d8d8d8;
    display: inline-flex;
    justify-content: space-around;
}
.tab_productdetail div{
    margin-right: 41px;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 500;
    color: #2F2F2F;
    border-bottom: 4px solid #FFF;
    position: relative;
    cursor: pointer;
    transition: 0.5s all ease;
}
/*.tab_productdetail div:not(:first-child)::before{
    content: "";
    width: 1px;
    height: 18px;
    background-color: #5F5F5F;
    position: absolute;
    left: -21px;
    top: 7px;
}*/
.tab_productdetail div.active, .tab_productdetail div:hover{
    color: #333333;
    border-bottom: 2px solid #D04B50;
}
.tab_productcontent:not(:first-child){
    display: none;
}

.content_editor{
    margin-bottom: 100px;
}
.content_editor img{
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
}
.detail_boxview{
    margin: 30px 0;
}
.detail_boxview div{
    display: inline-block;
    margin-right: 30px;
}
.detail_socialshare a{
    display: inline-block;
}
.content_editor .detail_socialshare img{
    width: 30px !important;
    height: auto;
    margin-right: 5px;
}
.detailpage_topic{
    font-size: 1.4rem;
    font-weight: 500;
    color: #000;
    line-height: 1.2;
    margin-bottom: 15px;
}
.row_album{
    margin-left: -23px;
    margin-right: -23px;
    margin-top: 20px;
}
.item_album{
    padding-left: 23px;
    padding-right: 23px;
}
.item_album a{
    display: block;
    text-decoration: none;
    margin-bottom: 70px;
    transition: 1s all ease;
}
.item_album a:hover{
    box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.16);
}
.item_album figure{
    position: relative;
    border: 1px solid #BABABA;
}
.item_album figure > div{
    position: relative;
    padding-bottom: 62%;
    overflow: hidden;
    margin: -1px;
}
.item_album figure > div img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s all ease;
}
.item_album figure:hover > div img{
    transform: scale(1.05);
}
.item_album figure figcaption{
    padding: 25px;
    transition: 0.5s all ease;
}
.item_album figure figcaption h2{
    font-size: 1.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
    overflow: hidden;
    color: #000;
    margin-bottom: 10px;
}
.item_album figure figcaption .date_view{
    font-size: 1rem;
    color: #525151;
}
.item_album figure figcaption .date_view i{
    margin-left: 28px;
    margin-right: 7px;
    font-size: 0.85rem;
}
.item_album a:hover figure figcaption{
    background-color: #005A54;
}
.item_album a:hover figure figcaption h2{
    color: #FFF;
}
.item_album a:hover figure figcaption .date_view{
    color: #FFF;
}
.row_album_small{
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 20px;
}
.item_album_small{
    padding-left: 10px;
    padding-right: 10px;
}
.item_album_small a{
    display: block;
    text-decoration: none;
    margin-bottom: 50px;
    transition: 1s all ease;
}
.item_album_small figure{
    position: relative;
}
.item_album_small figure > div{
    position: relative;
    padding-bottom: 62%;
    overflow: hidden;
}
.item_album_small figure > div img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s all ease;
}
.item_album_small figure:hover > div img{
    transform: scale(1.05);
}
.item_album_small figure figcaption{
    transition: 0.5s all ease;
    margin-top: 15px;
}
.item_album_small figure figcaption h2{
    font-size: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
    overflow: hidden;
    color: #000;
}
.fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }
.fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
}
.fancybox-thumbs-active{
    border: 0;
    opacity: 0.5;
}
.fancybox-thumbs__list a:before{
    display: none;
}
.fancybox-thumbs-x .fancybox-thumbs__list{
    margin: 0 auto;
}
.fancybox-thumbs::-webkit-scrollbar-track{
	background-color: rgba(0,0,0,0.5);
    border-radius: 5px;
}
.fancybox-thumbs::-webkit-scrollbar{
	width: 6px;
    height: 10px;
	background-color: rgba(0,0,0,0.5);
    border-radius: 5px;
}
.fancybox-thumbs::-webkit-scrollbar-thumb{
	background-color: #ADAD06;
    border-radius: 5px;
}
.googlemap{
    display: block;
    padding-bottom: 33%;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin-bottom: 50px;
}
.googlemap iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.contact_info{
    text-align: center;
}
.contact_info:not(:last-child){
    border-right: 1px solid #9F9F9F;
}
.contact_info img{
    width: 60px;
    height: auto;
    display: block;
    margin: 15px auto;
}
.contact_info h2{
    font-size: 1.4rem;
    color: #005A54;
    margin-bottom: 15px;
}
.contact_info p{
    font-size: 1.2rem;
    line-height: 1;
    margin-bottom: 0;
}
.bg_contact{
    background-image: url(../images/aaaa.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.form_enquiry{
    margin: 75px auto 55px auto;
    width: 100%;
    max-width: 625px;
    background-color: #005A54;
    padding: 40px 110px;
}
.form_enquiry h2{
    font-size: 1.6rem;
    color: #FFF;
    text-align: center;
    margin-bottom: 40px;
}
.form_enquiry input, .form_enquiry select{
    width: 100%;
    border: 1px solid #707070;
    margin-bottom: 30px;
    height: 48px;
    padding: 5px 15px;
}
.form_enquiry textarea{
    width: 100%;
    border: 1px solid #707070;
    margin-bottom: 30px;
    padding: 5px 15px;
    display: block;
}
.form_enquiry .btn_submit{
    background-color: #ADAD06;
    border-radius: 23px;
    padding: 5px 40px;
    margin-top: 30px;
    color: #FFF;
    border: 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.form_enquiry .btn_submit i{
    font-size: 0.6em;
    margin-left: 15px;
}
.row_department_link{
    margin-top: 20px;
    margin-left: -30px;
    margin-right: -30px;
}
.item_department_link{
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    margin-bottom: 60px;
}

.head_search{
    text-align: center;
}
.head_search h3{
    color: #005853;
    font-size: 1.75rem;
    margin-bottom: 20px;
}
.fancybox-bg{
    background-color: rgba(0, 42, 39, 0.95);
}

.wrap_newspro-carousel .item_bg_w {height: 350px;}

.item_detail_price { width: 87%; }

.web-product {display: none;}




/*responsive*/
@media (min-width: 1400px){
    .container{
        max-width: 1300px;
    }
    .search_top{ 
        margin-top:15px ;
        padding: 5px 10px 5px 10px;
    }
  
    .mainmenu > li{padding: 9px 30px;}
    
    
}
@media (min-width: 1680px){
    .container{
        max-width: 1500px;
    }
    .item_cat_product img{width: 100%;display: inline-block;}
    .cat_pro {margin-top: 50px;margin-bottom: 50px;}
}


.web {display: none;}
.mobile {display: block;}

.indexweb{display: none;}
.indexmoblie{display: flex;}

@media (min-width: 1280px){
 
    .text_top_heder {font-size: 20px;}
    .web {display: block;}
    .mobile {display: none;}
    .web-product {display: inline-block;}


    .item_detail h3{ font-size: 1.1em;}

    .item_pic{ height: 200px;}

    .item_body_catg{height: 300px;}
    .item_bg_catg h3 {font-size: 1.2em;}
    .wrap_newspro-carousel .item_bg_w {height: 400px;}

    .rating-pd{text-align: right;}
    .review-pd{padding: 15px 0px;}
 
}
@media (min-width: 1920px){
   
}
@media (min-width: 992px){
    .wrap_newspro-carousel .item_bg_w {height: 400px;}
    .container-fluid  {padding: 0;}

    .indexweb{display: flex;}
    .indexmoblie{display: none;}

    /*.mainmenu li .submenu ul.mega_submenu{
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        
    }*/

    .nav{ background-color: #333;}
    .item_info_fp:hover{
        text-decoration: none;
    }
    .item_info_fp:hover > div h3{
        font-size: 2rem;
        transform: translate(0, -25%);
    }
    .item_info_fp:hover > div span{
        transform: translate(0, -75%);
    }
    .item_info_fp:hover::before{
        height: 120%;
    }
    .item_info_fp:hover > div img{
        transform: scale(1.2);
    }
    .mainmenu{width: 100%;}

    .mainmenu > li{padding: 9px 0px;}
    
    .container-fluid {margin-top: 0px;}
    .row{
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

 
    .item_pic{ height: 200px;}

    .newproduct{margin-top: 3%;}
    
    
}

li.list-group-item i {
    padding-top: 10px;
    font-size: .7em;
    padding-right: 10px;
}

@media (min-width: 769px){

   

}


@media (min-width: 768px){
    .md-right{ text-align: right;}
    .item_pic{ height: 250px;}
    .item_detail_price { text-align: right;width: 75%; }
    .wrap_newspro-carousel .item_bg_w {height: 420px;}
    .wrap_newspro-carousel  .item_detail_price {width: 75%;}
    .web-side{display: inline-block;}

    .r_btn{
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 15px;
        margin-right: 15px;
    }
    
}

@media (max-width: 1599px){
    
}
@media (max-width: 1399px){
    .mainmenu{
      
        padding-right: 0;
        justify-content: space-between;
    }
    .right_menu{
        position: absolute;
        right: 15px;
        top: 15px;
    }
 
    .search_tab_fp .form-control{
        font-size: 1rem;
    }
    .list_download_fp div {
        padding: 10px 15px;
    }
    .head_fp h1{
        font-size: 2rem;
    }
    
}
@media (max-width: 1199px){
    .mainlogo{
        width: 300px;
    }
    .mainmenu {
        width: 100%;
    }
    .owl-carousel .owl-nav button.owl-next{
        right: -25px;
    }
    .owl-carousel .owl-nav button.owl-prev{
        left: -25px;
    }
  
 
    .search_tab_fp .form-control{
        font-size: 1rem;
        padding: .35rem .25rem;
    }
    .tab_fp_btn div{
        font-size: 1rem;
    }
    .item_info_fp > div h3{
        font-size: 1.25rem;
    }
    .head_fp{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .rating-pd{padding-top: 15px;}
    
}

.nav_web {display: block;}
.nav_mobile {display: none;}

.mobile-pd{ padding-top: 10%;}


@media (max-width: 991px){

    .h3, h3 {font-size: 1.2em ;}
    .nav_web {display: none;}
   .nav_mobile {display: flex;}
    .mobilelogo img {height: 50px;}
    .menubar{
        height: 50px;
    }
    .mainmenu {
        width: calc(100% - 300px);
        position: absolute;
        right: 0;
        top: 100%;
        background-color: #333;
        width: 100%;
        display: none;
        padding: 10px 0;

    }

    
    .cart-mobile{ padding-top: 12%;}
    .nav {background:#333;}
    .search_top  {
        margin-top: 15px;
    }
    .button_mainmenu{
        display: block;
        align-self: flex-end;
    }
    .mainmenu > li{
        display: block;
        padding-bottom: 0;
    }
    .mainmenu > li > a{
        padding: 10px 20px;
        line-height: 1;
        color: rgb(255, 255, 255);
    }

    .item_banner{
        height: 300px;
       }
   
    .banner-carousel .owl-item .item_banner img {height: auto;}

    .banner-carousel .owl-item .item_banner {height: 300px;}

    .owl-theme .owl-dots, .owl-theme .owl-nav {display: none;}

    .best-saler .header {margin-top: 0px;}

    .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{ padding: 0;}

    .breadcrumb {margin-bottom: 0;}
    .search_tab_fp{
        padding: 15px;
    }
    .search_tab_fp .form-control.btn_reset_fp{
        line-height: 0.75;
    }
    
    .banner-carousel .owl-item .item_banner img{
        object-position: center;
    }
    .headpage hgroup {
        margin-bottom: 20px;
        margin-top: 40px;
    }
    .headpage h3{
        font-size: 1.85rem;
    }
    .headpage h3 span{
        font-size: 1.25rem;
    }

    .side_bar_profile .list-group-item li {font-size: 1em;}
    /* .side_bar_profile  .list-group-item{display: inline;} */

    

    .headpage hgroup > span:first-child{
        font-size: 6rem;
    }
    .bg_toppage .row{
        height: 75px;
    }
    .toppage_left::before{
        height: 80px;
    }
    .toppage_left h5{
        font-size: 1.25rem;
    }
   
    .side_bar > ul > li > a , .side_bar_profile > ul > li > a{
        font-size: 1.15rem;
    }
    .side_bar > ul > li::before , .side_bar_profile>ul>li::before{
        width: 7px;
        height: 7px;
        top: 15px;
    }
    .side_bar > ul > li , .side_bar_profile > ul > li{
        padding-left: 20px;
    }
    .side_bar > ul > li.sbhassub::after , .side_bar_profile > ul > li.sbhassub::after{
        font-size: 0.5em;
        top: 12px;
    }
    .search_input input, .search_input select{
        height: 40px;
        margin-bottom: 20px;
    }
    .search_input button{
        height: 40px;
        width: 180px;
    }
    .search_input button i {
        width: 40px;
        height: 100%;
        line-height: 40px;
    }
    .bg_headpage{
        margin-bottom: 40px;
    }
    .side_bar > ul > li > ul , .side_bar_profile > ul > li > ul {
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
    }
    .head_table_inside{
        display: none;
    }
    .head_table_mobile{
        background-color: #005A54;
        color: #fff;
    }
    .list_download_inside{
        text-align: left;
        padding-bottom: 15px;
    }
    .list_download_inside div[class*="head_table_mobile"]{
        padding: 5px 15px;
    }
    .list_download_text span{
        display: inline-block;
        padding-right: 10px;
    }
    .list_download_inside div[class*="col-"]{
        padding: 5px 15px 0 15px;
    }
    .search_input input, .search_input select{
        width: 100%;
    }
    
    .board_leader.item_board figcaption h2{
        font-size: 1.2rem;
        line-height: 1;
    }
    .board_leader.item_board figcaption > div > div{
        font-size: 1.1rem;
    }
    .board_leader.item_board figcaption > div > div::before{
        width: 50px;
        height: 3px;
    }
    .board_leader.item_board figcaption p{
        font-size: 0.9rem;
    }
    .item_board{
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 70px;
    }
    .item_board figcaption h2{
        line-height: 1;
    }
    .item_board figcaption > div > div::before{
        width: 35px;
        height: 2px;
    }
   
    .row_album{
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 20px;
    }
    .item_album{
        padding-left: 15px;
        padding-right: 15px;
    }
    .item_album a{
        margin-bottom: 45px;
    }
    .item_album figure figcaption{
        padding: 15px;
    }
    .item_album figure figcaption h2{
        font-size: 1rem;
    }
    .item_album figure figcaption .date_view{
        font-size: 0.85rem;
    }
    .item_album figure figcaption .date_view i{
        font-size: 0.7rem;
    }
    .item_album_small a{
        margin-bottom: 30px;
    }
   
    .contact_info:not(:last-child){
        border-bottom: 1px solid #eee;
        border-right: 0;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .form_enquiry h2{
        margin-bottom: 25px;
    }
    .googlemap{
        padding-bottom: 66%;
        margin-bottom: 30px;
    }
    .row_department_link{
        margin-left: -15px;
        margin-right: -15px;
    }
    .item_department_link{
        padding-left: 15px;
        padding-right: 15px;
    }
    #search .container{
        width: 700px;
        padding: 30px;
    }
    #register .container{
        width: 700px;
        padding: 30px;
    }
    .head_search h3{
        font-size: 1.4rem;
    }
    .btn_search_submit{
        font-size: 1rem;
    }
    .btn_cancel{
        font-size: 1rem;
    }
    #search.fancybox-content, #register.fancybox-content{
        padding: 40px 15px;
    }
    .mainmenu li .submenu{
        background-image: none;
        position: static;
        border-top: 0;
        border-bottom: 2px solid #D04B50;
        padding-top: 0px;
        padding-bottom: 15px;
    }
    .mainmenu li .submenu h1{
        font-size: 1.1rem;
    }
    .mainmenu li .submenu ul{
        padding-left: 15px;
    }

    .login_border {border-bottom: 1px solid #D8D8D8; margin-bottom: 30px;border-right: none;}

    .dropdown-submenu {
        position: relative;
      }
      
      .dropdown-submenu a::after {
        transform: rotate(-90deg);
        position: absolute;
        right: 6px;
        top: .8em;
      }
      
      .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: .1rem;
        margin-right: .1rem;
      }

      .sv-all .col-12 {margin-bottom: 20px;}
   
    
   
}
@media (max-width: 767px){
    .head {padding: 0;}
    .mainlogo{
        align-self: flex-start;
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }
    .mainlogo img {
        display:inline-block;
        width: 100%;
    }
    .right_menu{
        text-align: right;
        top: 10px;
    }
    .search_top  {
        margin-top: 15px;
        margin-bottom: 5%;
    }

    .container{width: 100% !important;}
    .lang_btn{margin: 0px 15px;}

    .cart-mobile{padding-top: 15%;}
    .text_comment{margin-bottom: 4%;padding: 15px 0;}

    .sm-none{display: none;} 
    .lang_btn{
        display: block;
        text-align: center;
        
    }
    .right_menu > a:last-child{
        margin-right: 50px;
    }
    .button_mainmenu{
        margin-bottom: 5px;
        position: relative;
        z-index: 10;
    }
    .item_banner{
     height: 200px;
    }

    .banner-carousel .owl-item .item_banner img {height: auto;}
    .banner-carousel .owl-item .item_banner {height: 200px;}
   
    .owl-theme .owl-dots, .owl-theme .owl-nav{display: none;}

    .best-saler .header {margin-top: 15px;}

    .tab_oder p{font-size: 13px;}
    .tab_fp_btn{
        display: block;
        padding: 0 15px;
    }

    
    .tab_fp_btn div::before{
        height: 2px;
    }
    .tab_fp_btn div{
        background-color: #eee;
        padding: 10px;
        margin-bottom: 3px;
    }
    .tab_fp_btn div.active{
        background-color: #005A54;
        color: #FFF;
    }
    .head_fp h1{
        font-size: 1.5rem;
        margin-bottom: 0;
    }
    .wrap_toplink_fp{
/*        position: static;*/
        padding: 0 15px;
        bottom: 0;
    }
    .list_download_fp div:first-child{
        padding-bottom: 0;
        padding-top: 0;
    }
    .btn_viewall{
        margin-top: 10px;
    }
    .item_info_fp > div h3{
        padding-left: 5px;
        padding-right: 50px;
    }
    .tab_news_btn{
        display: block;
        padding: 0 15px;
    }
    .tab_news_btn div{
        background-color: #eee;
        padding: 10px;
        margin-bottom: 3px;
        font-size: 1rem;
    }
    .tab_news_btn div::before{
        height: 2px;
    }
    .tab_news_btn div.active{
        background-color: #005A54;
        color: #FFF;
    }
    .item_info_fp > div span{
        width: 32px;
        height: 32px;
        line-height: 35px;
        font-size: 0.7rem;
        right: 15px;
    }
    .hilight_article figcaption h1{
        font-size: 1.25rem;
    }
    .item_news_fp h2{
        font-size: 1rem;
    }
    .hilight_article{
        margin-bottom: 20px;
        margin-top: 15px;
    }
    .qlink_fp a{
        margin-bottom: 15px;
    }
    .detail_qlink h2{
        font-size: 1rem;
    }
    .item_circular {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
    }
    .head_circular h1{
        font-size: 1.25rem;
    }
    .search_tab_fp .form-control{
        margin-bottom: 10px;
    }
    .tab_news{
        margin-bottom: 30px;
    }
    .bgw_circular{
        margin-top: 20px;
        padding-top: 30px;
    }
    .cc_detail h2{
        font-size: 1rem;
    }
    .item_download{
        padding-right: 130px;
    }
    .tab_botbanner_btn > div{
        padding: 10px 15px;
        font-size: 1rem;
    }
    .owl-carousel .owl-nav button.owl-next{
        right: -25px;
        font-size: 22px;
    }
    .owl-carousel .owl-nav button.owl-prev{
        left: -25px;
        font-size: 22px;
    }
    .tab_botbanner_btn {
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .tab_botbanner{
        margin-bottom: 30px;
    }
    .text_footer{
        display: block;
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }
    .right_footer{
        text-align: left;
        margin-top: 10px;
    }
    .right_footer a{
        margin-left: 0;
    }
    .detail_event_fp a .date_event_fp{
        font-size: 1rem;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    .detail_event_fp a .date_event_fp span{
        font-size: 2rem;
    }
    .detail_event_fp a{
        padding: 0 5px;
    }
    footer.row{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .btn_viewall.btn_viewall_margin{
        margin-bottom: 30px;
    }
    .text_banner hgroup h1{
        font-size: 1.3rem;
    }
    .text_banner hgroup h1 span{
        font-size: 3rem;
    }
    .text_banner hgroup h2, .text_banner hgroup h3{
        font-size: 1.2rem;
        margin-bottom: 5px;
    }
    .text_banner p{
        margin-bottom: 15px;
        line-height: 1.2;
    }
 
    .container-fluid{
        overflow-x: hidden;
    }
    .item_info_fp > div img{
        margin-left: 0;
    }
    .tab_botbanner{
        padding-left: 30px;
        padding-right: 30px;
    }
    .list_download_fp{
        border-bottom: 2px solid #FFF;
        margin-bottom: 10px;
    }
    .list_download_fp div:nth-child(2){
        text-align: left;
    }
    .hilight_article figcaption h1{
        margin-bottom: 5px;
        font-size: 1.15rem;
    }
    .hilight_article figcaption p{
        margin-top: 5px;
    }
    .wrap_newpro-carousel{
        padding-left: 30px;
        padding-right: 30px;
    }
    .bg_circular::before{
        background-attachment: scroll;
    }
    .head_circular{
        margin-top: 30px;
    }
    .head_circular p{
        line-height: 1.25;
    }
    .row_info_fp{
        padding-bottom: 0;
    }
    .wrap_qlink{
        margin-bottom: 30px;
    }
    .toppage_left{
        display: none;
    }
    .bg_toppage .row{
        height: auto;
    }
    .toppage_right{
        text-align: left;
        font-size: 0.95rem;
    }
    .toppage_right .fa-home{
        font-size: 0.65rem;
    }
    .headpage hgroup {
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .headpage{
        order: 2;
    }
    .headpage h3{
        font-size: 1.5rem;
    }
    .headpage h3 span{
        font-size: 1rem;
    }
    .headpage hgroup > span:first-child{
        font-size: 4.5rem;
    }
    .search_input input, .search_input select{
        margin-bottom: 10px;
    }
    .search_input button{
        font-size: 1rem;
        width: 140px;
    }
    .bg_headpage{
        margin-bottom: 20px;
    }
    
    .side_bar > ul{
        margin-bottom: 30px;
        display: none;
        padding: 0 15px 0 15px;
    }

    .side_bar_profile{padding: 0 15px 0 15px;margin-bottom: 30px;}

    .r_btn button { width: 100%;margin-bottom: 10px}

    .web-side{display: none;}
    
    .button_sidebarmenu{
        display: block;
        right: 10px;
        top: 5px;
        position: absolute;
    }
    .button_sidebarmenu span{
        background-color: #FFF;
        width: 24px;
        height: 3px;
        display: block;
        margin: 4px auto;
    }
    .side_bar > ul > li > a{
        font-size: 1.05rem;
    }
    .side_bar > ul > li::before{
        top: 13px;
    }
    .list_download_inside{
        margin: 0;
    }
    .right_content{
        padding-left: 15px;
    }
    .img_pageinside img{
        object-position: center top;
    }
    .img_sidebar img{
        width: 60%;
        height: auto;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .img_sidebar{
        padding-bottom: 80%;
        padding-top: 30px;
    }
    .headpage{
        margin-top: 20px;
    }
    .item_hl_km figure > div::after{
        display: none;
    }
    .item_hl_km figure figcaption{
        position: static;
        width: 100%;
        background-color: #005A54;
    }
    .tab_productdetail div{
        font-size: 1rem;
        margin-right: 30px;
    }
    .tab_productdetail{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .row_board{
        margin-left: -15px;
        margin-right: -15px;
    }
    .wrap_topicsearchresult{
        margin-top: 0;
    }
    .mainmenu li .submenu .border_submenu{
        display: none;
    }
    .mainmenu li .submenu ul{
        padding-left: 0;
    }
    .border_ulmenu:not(:last-child){
        border: 0;
    }

    .piclist li img{
        width: 100px;
        height: auto;
    }
 


    .text_review{
        margin-left: 0;
        width: 100%;
        display: inline;
        margin-bottom: 10px;
    }

    .cart-r {float: right; text-align: right;}

    .side_bar_profile .list-group li{ border: 1px solid #f5f5f5;}


    
}
@media (max-width: 575px){
    .mobile-pd{ padding-top: 20%; }
    .cart-mobile{ padding-top: 20%;}
    .text_top_heder{font-size: 13px;}
    .head_inside{
        display: block;
    }
    .head_inside h1{
        margin-bottom: 15px;
    }
    .btn_headinside > a{
        margin-left: 0;
        margin-right: 5px;
    }
    .board_leader.item_board figcaption::before{
        padding-bottom: 90%;
        
    }  
    .board_leader.item_board figure > div.img_board::before{
        padding-bottom: 100%;
    }
    .item_board figcaption::before{
        padding-bottom: 65%;
        
    }
    .item_board figure > div.img_board::before{
        padding-bottom: 80%
    }
    .item_board{
        margin-bottom: 55px;
    }
    .topic_searchresult{
        font-size: 1.4rem;
    }
    .topic_searchresult2{
        font-size: 1.1rem;
        line-height: 1.2;
    }
    .staff_typename{
        font-size: 1.2rem;
        padding: 5px 15px;
    }
    .detailpage_topic{
        font-size: 1.2rem;
    }
    .content_editor .detail_socialshare img{
        width: 25px !important;
    }
    .detail_boxview{
        margin: 20px 0;
    }
    .datepicker-inline{
        width: 100%;
    }
    .datepicker table tr td.day{
        height: 45px;
    }
    .wrap_calendar {
        padding: 10px 5px 5px 5px;
    }
    
    .contact_info h2{
        font-size: 1.2rem;
    }
    .contact_info p{
        font-size: 1rem;
    }
    .form_enquiry {
        padding: 20px;
    }
    .form_enquiry h2{
        font-size: 1.2rem;
    }
    .form_enquiry input, .form_enquiry select{
        margin-bottom: 10px;
    }
    .form_enquiry textarea{
        margin-bottom: 10px;
    }
    .form_enquiry .btn_submit{
        margin-top: 10px;
    }
    .row_department_link{
        margin-left: -10px;
        margin-right: -10px;
    }
    .item_department_link{
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 30px;
    }
    .item_department_link a:not(.item_botbanner){
        font-size: 1rem;
        margin-top: 10px;
    }
    #search.fancybox-content{
        padding: 40px 15px;
    }
    #search .container{
        width: 300px;
        padding: 20px;
        border-radius: 15px;
    }
    .head_search h3{
        margin-bottom: 15px;
    }
    #search .form-control{
        height: calc(1em + .75rem + 2px);
        border-radius: 5px;
        margin-bottom: 15px;
    }
    .btn_search_submit, .btn_cancel{
        height: 40px;
        width: 130px;
    }
    #register .container{
        width: 300px;
        padding: 20px;
        border-radius: 15px;
    }
    #register .form-control{
        height: calc(1em + .75rem + 2px);
        border-radius: 5px;
        margin-bottom: 15px;
    }
    .item_detail h3 {padding-bottom: 40px;}

    .wrap_newspro-carousel  .item_detail_price {width: 80%;max-width: 100%;}

   
    

}



.gray-bg .input-group-text {
    background: none;
    border: none;
    padding: 0 5px;
    margin: 0;
    font-size: .9em;}
    
.gray-bg .form-select{
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    color: #333333;
    font-size: .9em;
}

/* css product detail*/

.picZoomer{
	position: relative;
    padding: 15px;
}
.picZoomer-pic-wp{
	position: relative;
	overflow: hidden;
    text-align: center;
}
.picZoomer-pic-wp:hover .picZoomer-cursor{
	display: block;
}
.picZoomer-zoom-pic{
	position: absolute;
	top: 0;
	left: 0;
}

.picZoomer-zoom-wp{
	display: none;
	position: absolute;
	z-index: 999;
	overflow: hidden;
    border:none;
    height: 50px;
    
}
.picZoomer-cursor{
	display:block;
	cursor: zoom-in;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0 ;
	left: 0 ;
	
}


.my_img {
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: auto;
    max-height: 500px;
}
.piclist li{
    display: inline-block;
    border: 1px solid #D8D8D8;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    border-radius: 5px;


}
.piclist li img{
    width: 100%;
    height: auto;
    border-radius: 5px;
}

/* custom style */

._boxzoom .zoom-thumb {
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
}
.zoom-thumb {text-align: center;}
._boxzoom .zoom-thumb ul.piclist {
    padding-left: 0px;
    top: 0px;
}
._boxzoom ._product-images {

    display: inline-block;
}
._boxzoom ._product-images .picZoomer {
    width: 100%;
    
}
._boxzoom ._product-images .picZoomer .picZoomer-pic-wp img {
    left: 0px;
    right: 0px;
}
._boxzoom ._product-images .picZoomer img.my_img {
    width: auto;
    max-width: 350px;
}
.piclist li img {
    height:100px;
    object-fit:cover;
}
.product-detail  h5{ margin-bottom: 0;vertical-align: middle; height: 60px;}

.color_pd {
    height: 40px;
    width: 40px;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
}

.color_pd:hover  { 
    scale: 1.2;
    border: 1px solid #333333;
}
.color_pd::selection { 
    scale: 1.4;
    border: 1px solid #333333;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.red_bg {background-color: #EA545A;}
.gray_bg {background-color:#D8D8D8;}
.black_bg {background-color: #000000;}
.green_bg{background-color: #C4F8CC;}

.size_pd {border: 1px solid #999999; color: #333333;padding: 5px 5px; border-radius: 3px;vertical-align: middle;}

.size_pd:hover , .size_pd::selection  { border: 1px solid #EA545A; color: #EA545A;}

.input-group-spinner .form-control , .input-group-prepend .btn , .input-group-append .btn
    {
        height: 40px;
        padding: 0;
        line-height: 1;
        vertical-align: middle;
        min-width: 2em;
    }
.btn-outline-secondary {background-color: #fff;}
.btn-outline-secondary:active , .btn-outline-secondary:hover {background-color: #D04B50; border: #D04B50;}
 

.fa-star {font-size: .6em;color: #d8d8d8;}
.checked {color:#EA545A;}
.rating {font-size: .8em;color: #989898;}

.btn-danger{text-align: center;}
.btn-danger i {padding-left: 0;}

.clear-border{border-bottom: 1px solid #D8D8D8; width: 100%; margin:15px;margin-top: 15px;margin-left: 0 ;}
.clear-2border {border: 1px solid #D8D8D8; width: 100%; margin:1px;margin-top: 1px; margin-left: 0 ;}

.fav-btn {background: none; border: none;}
.fav-btn:hover ,.fav-btn:active, .fav-btn::selection {color: #D04B50;}
.rounded-start {border-radius: 50%;}

.cart-heder {border-bottom: 1px solid #d8d8d8;}
.cart-heder span {border-bottom: 3px solid #EA545A}
.cart-mobile{
    position: fixed;
    top: 3%;
    right: 0;
    z-index: 99;
   
}

.coupon-code {width: 100%;height: 40px;border: 1px solid #d8d8d8;border-radius: 5px;}
.coupon-code input { border: none;height: 40px;padding: 0;background: none;}
.coupon-code a { vertical-align: -webkit-baseline-middle;}

.tab_processcart{
    margin-bottom: 20px;
    display: inline-flex;
    justify-content: space-around;
    margin-top: 50px;
}
.tab_processcart div{
    margin-right: 41px;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 500;
    color: #999999;
    border-bottom: 4px solid #FFF;
    position: relative;
    cursor: pointer;
    transition: 0.5s all ease;
    text-align: center;
}

.tab_processcart::before{
    top: 20px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
}

.tab_processcart div span{background: #D8D8D8; padding: 10px 20px; border-radius: 10px;vertical-align: middle;}

.tab_processcart div.active span{background: #D04B50;color: #fff;}

.tab_processcart div.active, .tab_processcart div:hover{
    color: #333333;
}
.tab_processcontent:not(:first-child){
    display: none;
}
.tab_processcontent .col-form-label{ padding-left: 0px ; padding-right: 0px;}

.setdef{ font-size: 13px; color: #ffffff; padding: 5px; border-radius: 5px;background: #EA545A;}


.tab_processcontent .form-check-label img {width: 100%;}

.cart-comp .fa-check-circle {font-size: 50px;color: #50A844;}

.content-text p { font-size: .8rem; color: #333333;}
.content_detail img {width: 100%;}
.content_detail .form-check {line-height: 1.2em;}
.gray {color: #999999;}

.bd-dash{border-bottom: 1px dashed #d8d8d8;padding-bottom: 20px;}


.tab_profileedit>.row>form {    border-left: 1px solid #D8D8DB;}

.coupon.bd-coupon{background: radial-gradient(circle at 0,at .375rem,transparent 0,rgba(0,0,0,.03) .1875rem,#D04B50,#e8e8e8 .25rem,#fff 0);
background: radial-gradient(circle at 0 0.375rem,transparent 0,rgba(0,0,0,.03) 0.1875rem,#D04B50 ,#e8e8e8 0.25rem,#fff 0);
background-size: 0.25rem 0.625rem;
background-repeat: repeat-y;
}
.coupon{
    position: absolute;
    top: 0.1875rem;
    left: 0;
    width: 0.25rem;
    height: calc(100% - 0.375rem);
    background: radial-gradient(circle at 0,at .375rem,transparent 0,transparent .125rem,#D04B50, .1875rem,transparent .25rem,#fff 0);
    background: radial-gradient(circle at 0 0.375rem,transparent 0,transparent 0.125rem,#D04B50, 0.1875rem,transparent 0.25rem,#fff 0);
    background-size: 0.25rem 0.625rem;
    background-repeat: repeat-y;
}
.bd-coupons {    
    border: 1px solid  #D04B50;
    border-left: none;
}

/* compare */


.comparison-table {
    width: 100%;
    font-size: .875rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.comparison-table table {
    min-width: 41rem;
    table-layout: fixed
}

.comparison-table table tbody+tbody {
    border-top-width: 1px
}

.comparison-table .table-bordered thead td {
    border-bottom-width: 1px
}

.comparison-table .comparison-item {
    position: relative;
    padding: .875rem .75rem 1.125rem;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    text-align: center
}

.comparison-table .comparison-item .comparison-item-thumb {
    display: block;
    width: 5rem;
    margin-right: auto;
    margin-bottom: .75rem;
    margin-left: auto
}

.comparison-table .comparison-item .comparison-item-thumb>img {
    display: block;
    width: 100%
}

.comparison-table .comparison-item .comparison-item-title {
    display: block;
    width: 100%;
    margin-bottom: 14px;
    color: #222;
    font-weight: 600;
    text-decoration: none
}

.comparison-table .comparison-item .comparison-item-title:hover {
    text-decoration: underline
}

.comparison-table .comparison-item .btn {
    margin: 0
}

.comparison-table .comparison-item .remove-item {
    display: block;
    position: absolute;
    top: -.3125rem;
    right: -.3125rem;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    background-color: #f44336;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.comparison-table .comparison-item .remove-item .feather {
    width: .875rem;
    height: .875rem
}
.table-bordered th, .table-bordered td {
    border: 1px solid #D8D8D8;
}
.hd-compare {
    background-color: #F9F9F9 ;
   
}
.pro-compare {
    background-color: #FAFAFA ;
}

/*compare*/

/*order*/

.tab_oder{
    margin-bottom: 20px;
    display: inline-flex;
    justify-content: space-around;
    
}
.tab_oder div{
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 500;
    color: #999999;
    position: relative;
    cursor: pointer;
    transition: 0.5s all ease;
    text-align: center;
    width: 100%;
}



.tab_oder div p{   vertical-align: middle;border-bottom: 4px solid #d8d8d8;}

.tab_oder div.active p{color: #D04B50; border-bottom: 4px solid #D04B50;}

.tab_oder div.active, .tab_processcart div:hover{
    color: #333333;
}
.tab_odercontent:not(:first-child){
    display: none;
}
.tab_odercontent .col-form-label{ padding-left: 0px ; padding-right: 0px;}

/*discout*/
.discoutbg{
    top: 0;
    right: 30px;
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    background: #d04b50;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    line-height: 1;
}

.discouttext{
    width: 100%;
    text-align: left;
    line-height: .5;
    color: #888;
    text-decoration-line: line-through;
}

.brandtag img{
    width: 100px; 
    height:auto;border: 1px solid #f5f5f5;
    margin-bottom: 15px;
    /* background: #e5e5e5; */
    padding: 0;
}

.footer-logo img{ height: 40px;width: auto;padding:1px;}



.head{ width: 100%;}

.banner{background-color:rgb(25,222,248);}

.banner h1{font-size: 60px;
    color: Orgb(11, 1, 153);
    padding: epx 208px;
    line-height: 200px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}

.discounttab {
        background: #ff0000;
        padding: 10px;
        position: absolute;
        top: 0px;
        right: 15%;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
}

.discounttab p {
    text-align: center;
    line-height: 1;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
}
  
.btn-group-lg>.btn, .btn-lg   {
    padding: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
    height: 60px;
    width: 60px;
    text-align: center;
}



/* teble profile */

.profileedit-data table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
  }
  

  .profileedit-data  table tr {
    padding: .35em;
  }
  
  .profileedit-data table th,
  .profileedit-data table td {
    padding: .625em;
    text-align: center;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
  }
  
  .profileedit-data table th {
    font-size: .85em;
    text-transform: uppercase;
   
  }
  
  @media screen and (max-width: 991px) {
    .profileedit-data table {
      border: 0;
    }
  
 
    .profileedit-data table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    
    .profileedit-data table tr {
      border-bottom: 1px solid #ddd;
      display: block;
      margin-bottom: .625em;
    }
    
    .profileedit-data table td {
      
      display: block;
      font-size: .8em;
      text-align: right;
    }
    
    .profileedit-data table td::before {
      /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }
    
    .profileedit-data  table td:last-child {
      border-bottom: 0;
    }
  }
  
  
  .back-to-top {z-index: 999;}
  
  /* general styling */