@charset "utf-8";

.second-menu-area-box .content-width{position:relative;margin:auto ; display:table;padidng-top:0px !important;margin-top:0 !important;}
.scolltopbutton{font-size: 28px;font-weight:bold;color:#ffffff;border:1px solid #1c3c6e; background-color:#1c3c6e;padding:10px 15px; border-radius:5px;}
.scolltopbutton:hover{ background-color:#f3e04e;color:#000;border:1px solid #f3e04e;}


.clear {
    clear: both;
}
.red{color:#ff0000;}


.indexfoot{width:100%;padding-top:0;padding-bottom:78px; bottom:0px;color:#666666;font-size:13px !important;}
.indexfoot a{color:#666666;}
.indexfoot a:hover{color:#000000;}
.indexfoot div[class*="col-md-9"]{padding-top:30px;}

@media (min-width: 1280px){	
.indexfoot div[class*="col-md-3"]{ text-align:right;}
}
@media (min-width: 769px) and (max-width: 1279px){
.indexfoot div[class*="col-md-3"]{ text-align:left;}
}
@media (max-width: 768px){	
.indexfoot div[class*="col-md-3"]{ text-align:left;}
}

/***==================== Table Css style begin========***/

.inquiry_btn {
	padding:0.3em 0.8em;
	clear: both;
	color: #FFF;
	background-color:#3399cc;
	text-decoration: none;
	border-radius:10px 0 10px 0;
	font-size:14px;
	display:inline-block;
}

.inquiry_btn:hover {
	color:#FFF;
	transition: background-color .3s;
	border-radius:10px 0 10px 0;
	background:#3399cc;
	}
.inquiry-button {
	border-radius: 5px !important;
	background-color: #f3e04e !important;
	color: #000 !important;
	padding: 2px 8px 2px 8px !important;
	text-align: center;
	cursor: pointer;
}

.inquiry-button  i {
	font-size: 28px;
	margin-right: 5px
}

.inquiry-button:hover {
	background-color: #1c3c6e !important;
	color: #fff !important;
	transition: color .5s
}
/***==================== Table Css style end========***/

/***====================right_nav begin====================***/
.right_nav{width:100%; height:auto; overflow:hidden; /*border-radius:60px 0 60px 0; background:#f6f6f6;*/ margin:0; }
/*right nav css*/
.list_dl h1{font-size:22px;/*padding-left:20px;*/color:#000000;font-family:"Open Sans"; padding-top:20px;}
.list_dl h2{font-size:18px;/*padding-left:20px;*/color:#6b8d00; font-weight:bold; padding-top:10px;}
.list_dt{color:#555; padding:0px; line-height:22px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;position:relative;margin:0;}
.list_dt p{color:#555; padding:10px 20px 10px 10px !important;border-bottom:1px solid #e8e8e8;}
.list_dt p a{color:#000000 !important;text-decoration:none;}
.list_dt p a:hover,.list_dt p:hover a{color:#3399cc !important;}
.list_dt:hover ._after{display:block;width:3px;height:100%;position:absolute;left:0;top:0;}
#open ._after{display:block;width:3px;height:100%;position:absolute;left:0;top:0;background:#3399cc;}
.list_dt_icon{position:absolute;right:10px;top:16px;display:block;width:16px;height:16px;background:url("../images/off.png") no-repeat;}
#open .list_dt_icon{background:url("../images/open.png") no-repeat;}
.list_dd{display:none;margin-left:20px;margin-right:20px;padding-top:10px;padding-bottom:10px;}
.list_li{list-style-type:none; padding:8px 0; line-height:22px;  padding-right:10px;}
.list_li a{color:#706f6f;text-decoration:none;}
.list_li a:hover{color:#3399cc;text-decoration:none;}
@media (min-width: 769px) and (max-width: 1279px){	
.right_nav{width:100%; height:auto; overflow:hidden; margin:0;}
/*right nav css*/

.list_dt{color:#555; padding:0 20px; line-height:22px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;position:relative;}
.list_dt:hover ._after{display:block;width:3px;height:100%;position:absolute;left:0;top:0;}
#open ._after{display:block;width:3px;height:100%;position:absolute;left:0;top:0;background:#3399cc;}
.list_dt_icon{position:absolute;right:20px;top:16px;display:block;width:16px;height:16px;background:url("../images/off.png") no-repeat;}
#open .list_dt_icon{background:url("../images/open.png") no-repeat;}

.list_li{list-style-type:none; padding:8px 0; line-height:22px; font-size:14px;}

}
@media (max-width: 768px){
.right_nav{width:100%; height:auto; overflow:hidden; margin:0; }
/*right nav css*/
.list_dt{color:#555; padding:0px; line-height:22px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;position:relative;}
.list_dt:hover ._after{display:block;width:3px;height:100%;position:absolute;left:0;top:0;}
#open ._after{display:block;width:3px;height:100%;position:absolute;left:0;top:0;background:#3399cc;}
.list_dt_icon{position:absolute;right:20px;top:16px;display:block;width:16px;height:16px;background:url("../images/off.png") no-repeat;}
#open .list_dt_icon{background:url("../images/open.png") no-repeat;}
.list_li{list-style-type:none; padding:8px 0; line-height:22px; font-size:14px;}

	}
  
/***====================right_nav end====================***/
	
/*----page list div(ul) begin------*/
.pro_list{width:100%; height:auto; overflow:hidden; border-bottom:1px #e6e6e6 solid; padding:10px 0; margin:5px 0;}
.pro_list_title{display:block; font-size:18px; position:relative;font-family:"open-sans-bold";}
.pro_list_title a{color:#2751a3; text-decoration:none;}
.pro_list_title span{font-size:14px; font-weight:normal;}
.pro_inquriy_btn{display:inline-block; width:140px; }
.pro_inquriy_btn a{vertical-align:top; font-size:14px; padding-left:10px;}
.pro_inquriy_btn .inquiry_btn {margin-left:10px;border-radius:5px;}
.pro_inquriy_btn img{margin-top:5px;}
.inquiry_btn:hover {
	color:#FFF;
	transition: background-color .3s;
	border-radius:5px;
	background:#ff9900;
	}

.pro_list ul{ display:table;width:100%;position:relative;padding-top:2px;padding-bottom:2px}
.pro_list ul li:first-child {font-weight:bold; }
.pro_list ul li:last-child{word-break:break-all;}
@media (min-width: 1280px){	
.pro_list ul li:first-child {width:24%;float:left;}
.pro_list ul li:last-child{width:76%;float:left;}
.pro_list_title{padding-right:140px;}
.pro_inquriy_btn{position:absolute;right:0;top:0; text-align:right;}
}
@media (min-width: 769px) and (max-width: 1279px){
.pro_list ul li:first-child {width:24%;float:left;}
.pro_list ul li:last-child{width:76%;float:left;}
.pro_list_title{padding-right:140px;}
.pro_inquriy_btn{position:absolute;right:0;top:0; text-align:right;}
}
	
@media (max-width: 768px){	
.successinfo .iconarea{margin-right:15px;}
.pro_list ul li:first-child {width:100%;}
.pro_list ul li:last-child{width:100%;}
.pro_list_title{}
.pro_inquriy_btn{position: relative; display:block;margin-top:10px;}
}
/*----page list div(ul) end------*/

/*related begin*/
.related_title{ font-size:18px; font-weight:bold; padding:20px 0;}
.related_services li{width:48%; display:inline-block; float:left; padding:5px 0; font-size:14px; background:url(../images/content.png); background-repeat:no-repeat; padding-left:20px;background-position:0 10px;}	
.related_services li a{color:#2751a3;text-decoration:none;}
.related_services li a:hover{color:#3399cc; text-decoration:none;}
@media (min-width: 769px) and (max-width: 1279px){
.related_title{ font-size:18px; font-weight:bold; padding:20px 0;}
.related_services li{width:100%; display:inline-block; float:left; padding:5px 0; font-size:14px; background:url(../images/content.png); background-repeat:no-repeat; padding-left:20px;background-position:0 10px;}	
.related_services li a{color:#2751a3;text-decoration:none;}
.related_services li a:hover{color:#3399cc; text-decoration:none;}
	}
@media (max-width: 768px){	
.related_title{ font-size:18px; font-weight:bold; padding:20px 0;}
.related_services li{width:100%; display:inline-block; float:left; padding:5px 0; font-size:14px; background:url(../images/content.png); background-repeat:no-repeat; padding-left:20px;background-position:0 10px;}	
.related_services li a{color:#2751a3;text-decoration:none;}
.related_services li a:hover{color:#3399cc; text-decoration:none;}
.faqnavsite::after {top: -4px !important;}
.fontbacktop {top: -4px !important;}
}
/*related end*/

.pro_datesheets{width:100%; height:auto; overflow:hidden; display:inline-block; margin:0;}
.pro_datesheets a{color:#333; text-decoration:none; padding-left:10px; vertical-align:top;}
.pro_datesheets a:hover{color:#6b8d00;}
#groupfiltercontents{display: block;}
#groupfiltercontents span{display: inline-block;margin-bottom:10px;}

/*----page beign--------------*/
.pagenav{text-align:right; font-size:14px; text-decoration:none; margin-top:20px; height:auto; overflow:hidden; padding:10px 0;}
.pagenav a{margin-left:8px; color:#333; text-decoration:none; border:1px #d3d3d3 solid; padding:2px 10px; border-radius:5px;}
.pagenav a:hover{color:#fff; text-decoration:none; background:#3399cc; border:1px #3399cc solid;}
/*----page end------------------*/

/*--------------Car form begin------------*/
.cart-inquiry ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;}
.cart-inquiry li{position:relative;display:inline-block;padding-right:3%;}
.cart-inquiry label{display:inline-block;text-align:left;padding:10px 0; }
.cart-inquiry input{height:38px;width:100%; border:1px solid #cccccc; padding-left:10px;outline:none;}
.cart-inquiry select{border:1px solid #cccccc;height:38px;width:100%;}
.cart-inquiry textarea{padding-left:10px;width:100%;  border:1px solid #cccccc;outline:none;}
.cart-inquiry .scolltopbutton{display:inline-block;text-align:center;padding:0.5em 1.5em 0.5em 1.5em;clear:both;color:#000;text-decoration:none;background-color:#f3e04e;border:0px;cursor:pointer;/*border:2px #3399cc solid;*/  margin-top:10px;font-size:24px;font-family:"Open Sans Light";}
.cart-inquiry .submit:hover{background:#f3e04e;color:#000;transition:background-color .3s;/*border:2px #3399cc solid; */}
.cart-inquiry .Code{width:50%;}
.cart-inquiry textarea{font-family:'Raleway', sans-serif; padding-top:10px;}
@media (min-width: 1280px){
	.cart-inquiry li{width:25%;float:left;}
	}
@media (min-width: 769px) and (max-width: 1279px){
.cart-inquiry li{width:100%;}
.cart-inquiry label{width:100%;}
	}
@media (max-width: 768px){
.cart-inquiry li{width:100%;}
.cart-inquiry label{width:100%;display:inline-block;text-align:left;padding:10px 0; }
	}

/*----bottom beign--------------*/
.footer{background-color:#ffffff !important;width:100%; height:auto; position:relative;overflow:hidden;color:#969797; margin:0 auto;font-size:0.9em;line-height:1.6em;padding-top:20px;height:70px;}
.contact_bottom{width:100%; height:auto; position:relative;overflow:hidden;color:#444; margin:0 auto; 
padding-top:20px;padding-bottom:20px;font-size:0.9em;line-height:1.6em;
background-image: url(../images/bottom-bg.png);background: -webkit-image-set(url(../images/bottom-bg.webp) 1x);background: image-set(url(../images/bottom-bg.webp) 1x);
background-color: #f2f2f2;
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
} 
.contact_bottom .contentbottom,.footer .contentbottom{width:88%;margin:auto; display:table; }

.contact_bottom .bottom_colum{ background-position:center top;min-height:369px;}
.contact_bottom a{color:#1d3560;}
.contact_bottom a:hover{color:#0061cd;transition:background-color .3s;}
.contact_container{max-width:90%;margin:40px auto; padding:0; position:relative; height:auto; }
.contact_item p{font-weight:bold; margin:0;}
.contact_item input{border:0px #727f1c solid; line-height:35px; width:90%; margin:10px 0; padding-left:10px; background-color:#eaeaea;}
.contact_item .btn{padding:0.5em 2em;clear:both;color:#FFF;background-color:#1d3c6f;text-decoration:none; font-size:14px;margin-bottom:10px;display:inline-block;}
.contact_item select{padding:10px;width:90%; display:block;margin-top:10px;font-family: 'Open Sans', sans-serif;font-size:16px;}
.contact_bottom .row{margin-left:15px;margin-right:15px;margin-top:15px;}
.contact_item .btn:hover{color:#FFF;transition:background-color .3s; background:#3399cc;}


.contact_bottom .bottom_colum ul{padding:0px;margin:0px;}
/*.contact_bottom .bottom_colum  ul > li > ul{display: table;padding-bottom:20px;}*/
.contact_bottom .bottom_colum  ul > li > ul li{padding:0px;margin:0px;display:block; width:100%;}

.bottom_colum h3{color:#000000;margin-bottom:10px;}
.bottom_colum strong{color:#000000; display:block;}

.bottom_colum ul > li{float:left;width:25%;padding:0px 8px 0px 8px;line-height:26px;}
.bottom_colum li a{display:block;color:#444444;}
.bottom_colum li a:hover{
	color:#000;background-color:#f3e04e;
	text-decoration: none;
}

.contact_bottom .contentbottom div[class*="col"] i{margin-right:5px;}
.contact_bottom .row div[class*="col"] img{ max-width:100%;height:auto;}
.customer_bottom img{margin:auto;}
.customer_bottom p{text-align:center; font-size:14px;}
@media (min-width: 1280px){	
.contact_bottom .bottom_colum  ul > li{float:left;width:25%;}
}
@media (min-width: 769px) and (max-width: 1279px){
.contact_bottom .bottom_colum  ul > li{float:left;width:50%;}
}
	
@media (max-width: 768px){	

.contact_bottom .bottom_colum  ul > li{float:left;width:100%;}

 .contact_bottom .row div[class*="col"]{padding-bottom:20px;margin-bottom:20px;border-bottom:0px solid #5b6498;}
}
@media (max-width: 992px){
.bottom_colum li a{padding-top:5px;padding-bottom:5px;}	
}
.bottom_colum li.bottom_contac_info a{display: inline-block !important;}

.bottom_tit{
	font-size:18px;
	/*margin-top:10px;*/
	margin-bottom:10px;
	display: block;
    position: relative;
    
}
.bottom_colum .bottom_tit span{width:50px;height:26px; display: inline-block; text-align: center; position: absolute;right:0;top:0; cursor: pointer;font-size:22px;}
.bottom_colum .bottom_tit span::after{
	content:"+";
}
.bottom_colum .bottom_tit span.arrw::after{
	content:"-";
}
@media(min-width:1280px){

	.bottom_colum .bottom_tit span{
		display: none;
	}
}
@media(min-width:993px) and (max-width:1279px){

	.bottom_colum .bottom_tit span{
		display: none;
	}
}
@media(max-width:992px){

	.bottom_colum .bottom_tit span{
		display: block;
	}
    .bottom_colum  ul > li ul{display: none;}
    .adv-infographic {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

}
.bottom_cop{width:100%;  padding:10px 0; text-align:center; font-size:14px;}
.promisebottom{ background:#444;color:#fff; text-align:center;padding-top:15px;padding-bottom:15px;line-height:24px;padding-left:15px;padding-right:15px;}
.letterinput{ border-radius:5px;border:1px solid #cccccc;height:35px;padding-left:5px;line-height:35px;color:#000000;margin-top:15px;}
.signup{border:1px solid #f3e04e;padding:0px 8px; border-radius:5px;color:#000 !important; background-color:#f3e04e;height:30px;display: inline-block;line-height:30px;}
.signup:hover{color:#fff !important;border:1px solid #1c3c6e; background-color:#1c3c6e; text-decoration:none;}
.newsletterbutton{border:1px solid #f3e04e;padding:2px 5px 2px 5px; border-radius:5px;color:#000 !important; background-color:#f3e04e;height:35px;}
.newsletterbutton:hover{border:1px solid #1c3c6e;padding:2px 5px 2px 5px; border-radius:5px;color:#fff !important; background-color:#1c3c6e;height:35px;}

@media (min-width: 1280px){	
.subscdiv{display:inline-block;}
}
@media (min-width: 769px) and (max-width: 1279px){
.subscdiv{display:inline-block;}
}
	
@media (max-width: 768px){	
.subscdiv{display:block;margin-top:15px;}
.signup{margin-top:5px !important;}
}
.iso{padding-top:20px;padding-bottom:20px;
}
.iso img{max-width:100%;}
/*----bottom end--------------*/

/*---------------services page ---------------*/

.second-container ul li{line-height:28px;}

.inpage_left{height:auto; overflow:hidden; display:inline-block;}
.inpage_left img{ max-width:100%;}
.inpage_right{height:auto; overflow:hidden; display:inline-block;}

.service_list{ display:block;}
.service_list div[class*="col"] strong{font-size:20px; display: block;margin-top:10px;margin-bottom:10px;}
.service_list div[class*="col"] img{margin:auto;max-width: 100%;}

@media (min-width: 1280px){	
.inpage_left{float:left;width:400px;padding-right:20px;}
.inpage_right{float:left;width:780px;padding-left:20px;}
/*.inpage_left{float:left;width:345px;padding-right:20px;}
.inpage_right{float:left;width:835px;padding-left:20px;}*/
}
@media (min-width: 769px) and (max-width: 1279px){
.inpage_left{float:left;width:30%; height:auto; overflow:hidden; display:inline-block;padding-right:20px;}
.inpage_right{float:left;width:70%;}
}
	
@media (max-width: 768px){	
 .inpage_left{width:100%; height:auto; overflow:hidden; display:inline-block;padding:15px;}
 .inpage_right{width:100%; height:auto; overflow:hidden; display:inline-block;padding:15px;}
}


/*--------------search result begin--------------*/
.Searchresult li{padding-bottom:5px !important;}
.Searchnoresult{line-height:30px;line-height:22px;color:#888888;padding-right:20px;padding-bottom:20px; }
.Searchnoresult table{border:0 !important;}
.Searchnoresult .iconarea{}
.Searchnoresult .iconarea .iconunit{text-align:center;display:block; width:40px;height:40px; border-radius:40px; background-color:#ff0000;color:#ffffff;line-height:40px;font-weight: bolder;font-size:22px; position:relative;z-index:9;}
.Searchnoresult .tit{font-size:20px;font-weight:bold;color:#ff0000; display:block;}
.Searchnoresult .iconarea .iconunit img{top:10px;left:5px;position:absolute; z-index:10;}

.search-div .skeylist {position: absolute;top:40px;left:0px;z-index: 10; background-color: #1c3c6e;border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:100%;padding-top:10px;padding-bottom:10px;padding:15px;color:#fff;}
.skeylist{display: none;}
.skeylist img{margin-right:4px;}
.skeylist strong{display: block;margin-bottom:10px;font-size:14px;}
.skeylist ul {padding:0px;margin:0px auto 0px auto;}
.skeylist ul li{list-style: none;border-bottom:1px solid #405a84;padding-top:5px;padding-bottom:5px;padding-left:0px;font-size:14px;cursor: pointer;position: relative;}
.skeylist ul li:hover{color:#f3e04e;}
.skeylist ul li i{margin-right:5px; position: absolute;top:5px;right:10px;}
.skeylist span{ border-radius: 20px;padding:0px 10px 0px 20px;border:1px solid #ccc; background-color: #fff; cursor: pointer;font-size:12px;position: relative;color:#000;height:30px !important;line-height:30px !important; display: inline-block;}
.skeylist span i{margin-left:10px;font-size:12px;}
.skeylist span:hover{background-color: #5967c1;color:#fff;border:1px solid #5967c1;}
.delete-icon{cursor:pointer;padding:5px 10px}
/*#fullsearchkeys:focus{border:2px solid #5967c1 !important;}*/
#popular-list{margin-top:10px;position: relative;}
#popular-list a{cursor: pointer;font-size:12px;position: relative;color:#000; display: inline-block;margin-right:8px;padding:5px;}
#popular-list a:hover{background-color: #f3e04e;color:#000;}
#popular-list .load_{position: absolute;width:20%;top:45%;left:40%; text-align: center;}
@media (min-width: 1280px){        
#popular-list{min-height:50px;}
}
@media (min-width: 769px) and (max-width: 1279px){
#popular-list{min-height:50px;}
}
        
@media (max-width: 768px){        
#popular-list{height:130px;overflow-y:scroll;}
}

.error-correction .errorwords{background-color: #1c3c6e;color:#fff;padding:10px;font-weight:bold;margin-bottom:20px;}
.error-correction .errorwords a{margin-left:8px;color:#f3e04e;margin-right:8px;}
.error-correction .errorwords a:hover{color:#fff;}
.error-correction .errortit{background-color: #efefef; padding:10px;}
.error-correction .errorelite{margin-bottom:10px;margin-top:10px;}
.error-correction .errorelite a{padding:0px 5px 0px 5px;margin-left:5px;margin-right:5px; display: inline-block;}
.error-correction .errorelite a:hover{background-color: #535fb0;color:#fff;}
.error-correction .errorelite p{font-size:16px !important;}

.web-popup-cont{top:0px;left:0px;width:100%;height:100%;position:fixed;text-align:center;z-index:1000; background-color: rgba(0,0,0,0);display: flex; align-items:flex-start; justify-content: center;padding-top:5%;}
.web-popup-cont > div{background-color:#f2f2f2;padding:10px 25px 10px 25px;border-radius:10px;border:1px solid #ccc;display: inline-block;}
.web-popup-cont > div.green{color:#7b9d3c}
.web-popup-cont > div.yellow{color:#f3e04e}
.web-popup-cont > div.blue{color:#5967c1}
.web-popup-cont > div.red{color:#ff0000}

/*--------------search result end--------------*/

/*-------------- icon begin--------------*/
.social-icon-two{padding-top:0;list-style-type:none; margin:15px 0 10px 0; padding:0; height:auto; overflow:hidden;display:block; }
/*.social-icon-two {margin-right:20px;margin-left:0px; float:left;}*/
.social-icon-two a{color:#1d3560;font-size:24px;/*margin-left:5px;margin-right:5px;*/display:inline-block !important;width:48px;height:48px;line-height:48px;}
.social-icon-two a:hover{color:#f3e04e; text-decoration: none;}
/*-------------- icon end--------------*/
/*--------------contact us icon begin--------------*/
.list-style-two{position:relative;list-style-type:none; margin:0; padding:0;}
.list-style-two li{position:relative;font-size:16px;font-weight:400;padding-left:40px;margin-bottom:10px;color:#1d1d1d; line-height:36px;}
.list-style-two li .icon{position:absolute;left:0px; width:30px; height:30px; color:#384278;font-size:26px;line-height:1em;text-align:center;/* background-color:#727f1c; border-radius:100%;*/ padding-top:5px; }
.list-style-two li a{color:#1d1d1d; text-decoration:none;}
/*--------------contact us icon ens--------------*/

/* addcart css start*/
.cd-add-to-cart {
    display: inline-block;
    font-weight: 700;
    -webkit-transition: all .2s;
    transition: all .2s;
    /*width: 100%;*/
}

/*    .cd-add-to-cart:active {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }*/

.cd-cart-container::before {
    content: '';
    position: fixed;
    z-index: 1;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s,visibility .4s;
    transition: opacity .4s,visibility .4s;
}

.cd-cart-container.cart-open::before {
    opacity: 1;
    visibility: visible;
}

.cd-cart, .cd-cart-trigger {
    position: fixed;
    top: 27%;
    right: 14px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;

    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: transform;
    backface-visibility: hidden;
}

.empty .cd-cart, .empty .cd-cart-trigger {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.cd-cart-trigger {
    z-index: 16;
    height: 55px;
    width: 55px;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    background: #fff;
}

    .cd-cart-trigger::after, .cd-cart-trigger::before {
        content: '';
        position: absolute;
        left: 33%;
        top: 35%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        height: 90%;
        width: 90%;
        /*background: url(../images/cd-icons-cart-close.svg) no-repeat 0 0;*/
        -webkit-transition: opacity .2s,-webkit-transform .2s;
        transition: opacity .2s,-webkit-transform .2s;
        transition: opacity .2s,transform .2s;
        transition: opacity .2s,transform .2s,-webkit-transform .2s;
    }

    .cd-cart-trigger::after {
        background-position: -72px 0;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
        transform: translateX(-50%) translateY(-50%) rotate(90deg);
    }

.cart-open .cd-cart-trigger::before {
    opacity: 0;
}

.cart-open .cd-cart-trigger::after {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.cd-cart-trigger .count {
    position: absolute;
    top: -10px;
    right: -10px;
    height: 20px;
    width: 20px;
    background: #e94b35;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 50%;
    text-indent: 0;
    -webkit-transition: -webkit-transform .2s .5s;
    transition: -webkit-transform .2s .5s;
    transition: transform .2s .5s;
    transition: transform .2s .5s,-webkit-transform .2s .5s;
}

    .cd-cart-trigger .count li {
        position: absolute;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

        .cd-cart-trigger .count li:last-of-type {
            visibility: hidden;

        }

    .cd-cart-trigger .count.update-count li:last-of-type {
        -webkit-animation: cd-qty-enter .15s;
        animation: cd-qty-enter .15s;
        -webkit-animation-direction: normal;
        animation-direction: normal;
    }

    .cd-cart-trigger .count.update-count li:first-of-type {
        -webkit-animation: cd-qty-leave .15s;
        animation: cd-qty-leave .15s;
        -webkit-animation-direction: normal;
        animation-direction: normal;
    }

.cart-open .cd-cart-trigger .count {
    -webkit-transition: -webkit-transform .2s 0s;
    transition: -webkit-transform .2s 0s;
    transition: transform .2s 0s;
    transition: transform .2s 0s,-webkit-transform .2s 0s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.empty .cd-cart-trigger .count {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.cd-cart-trigger:hover + div .cart-wrapper {
    box-shadow: 0 6px 40px rgba(0,0,0,.3);
}

.cart-open .cd-cart-trigger:hover + div .cart-wrapper {
    box-shadow: 0 4px 30px rgba(0,0,0,.17);
}

.cd-cart {
    z-index: 10;
    width: 90%;
    max-width: 400px;
    height: 350px;
    max-height: 90%;
    pointer-events: none;
}

    .cd-cart .cart-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 20;
        height: 55px;
        width: 55px;
        border-radius: 6px;
        -webkit-transition: height .4s .1s,width .4s .1s,box-shadow .3s;
        transition: height .4s .1s,width .4s .1s,box-shadow .3s;
        -webkit-transition-timing-function: cubic-bezier(.67,.17,.32,.95);
        transition-timing-function: cubic-bezier(.67,.17,.32,.95);
        background: #fff;
        box-shadow: 0 4px 30px rgba(0,0,0,.17);
        pointer-events: auto;
    }

    .cd-cart .cart-foot, .cd-cart .cart-head {
        position: absolute;
        z-index: 2;
        left: 0;
        width: 100%;
    }

    .cd-cart .cart-content, .cd-cart .cart-head {
        opacity: 0;
    }

    .cd-cart .cart-head {
        top: 0;
        border-radius: 6px 6px 0 0;
        padding: 0 1.4em;
      /*  line-height: 40px;*/
        background-color: #fff;
        -webkit-transition: opacity .2s 0s;
        transition: opacity .2s 0s;
        border-bottom: 1px solid #e6e6e6;
    }

        .cd-cart .cart-head::after {
            clear: both;
            content: "";
            display: block;
        }

    .cd-cart .cart-foot {
        bottom: 0;
        background: #fff;
        overflow: hidden;
    }

    .cd-cart h2 {
        text-transform: uppercase;
        display: inline-block;
       /* font-size: 1.4rem;*/
		font-size: 1rem;
        font-weight: 700;
        letter-spacing: .1em;
    }

    .cd-cart .undo {
        font-size: 1.2rem;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .2s,visibility .2s;
        transition: opacity .2s,visibility .2s;
        color: #808b97;
    }

        .cd-cart .undo a {
            text-decoration: underline;
            color: #2b3e51;
        }

            .cd-cart .undo a:hover {
                color: #6f7ac2;
            }

        .cd-cart .undo.visible {
            opacity: 1;
            visibility: visible;
        }

    .cd-cart .checkout {
        display: block;
        height: 40px;
        background: #77bf37;
        text-align: center;
/*        font-size: 1.8rem;*/
		font-size: 1.1rem;
        font-weight: 600;
        border-radius: 0;
    }

        .cd-cart .checkout em {
            position: relative;
            display: inline-block;
            -webkit-transform: translateX(40px);
            -ms-transform: translateX(40px);
            transform: translateX(40px);
            -webkit-transition: -webkit-transform 0s .2s;
            transition: -webkit-transform 0s .2s;
            transition: transform 0s .2s;
            transition: transform 0s .2s,-webkit-transform 0s .2s;
        }

            .cd-cart .checkout em::after {
                position: absolute;
                top: 50%;
                bottom: auto;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 0;
                content: '';
                height: 20px;
                width: 20px;
               /* background: url(../images/cd-icon-arrow-next.svg) no-repeat center center;*/
                opacity: 0;
            }

    .cd-cart .cart-content {
        position: relative;
        z-index: 1;
        height: calc(100% - 40px);
        padding: 20px 0 10px;
        margin: 40px 0 10px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
    }

        .cd-cart .cart-content ul {
            overflow: hidden;
            padding: 0 10px;
            position: relative;
            padding-bottom: 90px;
            padding-left: 0;
            list-style: none;
        }

        .cd-cart .cart-content li {
            position: relative;
            opacity: 0;
            margin-bottom: 6px;
            padding-bottom: 4px;
            border-bottom: 1px solid #ddd;
            -webkit-transform: translateX(80px);
            -ms-transform: translateX(80px);
            transform: translateX(80px);
            -webkit-transition: opacity 0s .2s,-webkit-transform 0s .2s;
            transition: opacity 0s .2s,-webkit-transform 0s .2s;
            transition: opacity 0s .2s,transform 0s .2s;
            transition: opacity 0s .2s,transform 0s .2s,-webkit-transform 0s .2s;
        }

            .cd-cart .cart-content li::after {
                clear: both;
                content: "";
                display: block;
            }

            .cd-cart .cart-content li.deleted {
                position: absolute;
                left: 1.4em;
                width: calc(100% - 2.8em);
                opacity: 0;
                -webkit-animation: cd-item-slide-out .3s forwards;
                animation: cd-item-slide-out .3s forwards;
            }

                .cd-cart .cart-content li.deleted.undo-deleted {
                    -webkit-animation: cd-item-slide-in .3s forwards;
                    animation: cd-item-slide-in .3s forwards;
                }

                .cd-cart .cart-content li.deleted + li {
                    -webkit-animation: cd-item-move-up-mobile .3s;
                    animation: cd-item-move-up-mobile .3s;
                    -webkit-animation-fill-mode: forwards;
                    animation-fill-mode: forwards;
                }

            .cd-cart .cart-content li.undo-deleted + li {
                -webkit-animation: cd-item-move-down-mobile .3s;
                animation: cd-item-move-down-mobile .3s;
                -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
            }

    .cd-cart .product-details {
        padding: .3em 0 0 .5em;
        width: 100%;
    }

        .cd-cart .product-details::after {
            clear: both;
            content: "";
            display: block;
        }

    .cd-cart p {
        width: 100%;
        margin: 0;
        padding-bottom: 5px;
    }

        .cd-cart p a {
            color: #297dbe;
            font-size: 16px;
        }

    .cd-cart .price {
        float: right;
        width: 25%;
        text-align: right;
    }

    .cd-cart .actions {
        font-size: 1rem;
        height: 1.6em;
        line-height: 1.6em;
        display: inline-block;
    }

        .cd-cart .actions::after {
            clear: both;
            content: "";
            display: block;
        }

    .cd-cart .delete-item, .cd-cart .quantity {
        float: left;
        color: #808b97;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .cd-cart .delete-item {
        margin-right: 1em;
    }

        .cd-cart .delete-item:hover {
            color: #e94b35;
        }

    .cd-cart .quantity label {
        display: inline-block;
        margin-right: .3em;
    }

    .cd-cart .select {
        position: relative;
    }

        .cd-cart .select::after {
            content: '';
            position: absolute;
            z-index: 1;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            display: block;
            width: 12px;
            height: 12px;
            /*background: url(../images/cd-icon-select.svg) no-repeat center center;*/
            pointer-events: none;
        }

    .cd-cart select {
        position: relative;
        padding: 0 1em 0 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: 0 0;
        border: none;
        border-radius: 0;
        font-size: 1.4rem;
        margin: 0;
        color: #808b97;
    }

        .cd-cart select:focus {
            outline: 0;
            color: #2b3e51;
            box-shadow: 0 1px 0 currentColor;
        }

        .cd-cart select::-ms-expand {
            display: none;
        }

.cart-open .cd-cart .cart-wrapper {
    height: 100%;
    width: 100%;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.cart-open .cd-cart .cart-content, .cart-open .cd-cart .cart-head {
    opacity: 1;
}

.cart-open .cd-cart .cart-head {
    -webkit-transition: opacity .2s .2s;
    transition: opacity .2s .2s;
}

.cart-open .cd-cart .cart-content {
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
}

    .cart-open .cd-cart .cart-content li {
        -webkit-transition: opacity .3s .2s,-webkit-transform .3s .2s;
        transition: opacity .3s .2s,-webkit-transform .3s .2s;
        transition: transform .3s .2s,opacity .3s .2s;
        transition: transform .3s .2s,opacity .3s .2s,-webkit-transform .3s .2s;
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

        .cart-open .cd-cart .cart-content li:nth-of-type(2) {
            -webkit-transition-duration: .4s;
            transition-duration: .4s;
        }

        .cart-open .cd-cart .cart-content li:nth-of-type(3) {
            -webkit-transition-duration: .5s;
            transition-duration: .5s;
        }

        .cart-open .cd-cart .cart-content li:nth-of-type(4), .cart-open .cd-cart .cart-content li:nth-of-type(5) {
            -webkit-transition-duration: .55s;
            transition-duration: .55s;
        }

.cart-open .cd-cart .checkout {
    color: #fff;
    -webkit-transition: color .2s .3s;
    transition: color .2s .3s;
}

    .cart-open .cd-cart .checkout em {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: padding .2s 0s,-webkit-transform .2s .3s;
        transition: padding .2s 0s,-webkit-transform .2s .3s;
        transition: transform .2s .3s,padding .2s 0s;
        transition: transform .2s .3s,padding .2s 0s,-webkit-transform .2s .3s;
        font-style: normal;
    }

    .cart-open .cd-cart .checkout:hover em {
        padding-right: 30px;
    }

        .cart-open .cd-cart .checkout:hover em::after {
            opacity: 1;
        }

@media only screen and (min-width:768px) {
    .cd-cart .cart-content li.deleted + li {
        -webkit-animation: cd-item-move-up .3s;
        animation: cd-item-move-up .3s;
    }

    .cd-cart .cart-content li.undo-deleted + li {
        -webkit-animation: cd-item-move-down .3s;
        animation: cd-item-move-down .3s;
    }

    .cd-cart .product-details {
        padding: 0 10px 0 20px;
    }
}

@-webkit-keyframes cd-qty-enter {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);

        transform: translateX(-50%) translateY(-50%);
    }
}

@keyframes cd-qty-enter {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

@-webkit-keyframes cd-qty-leave {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%);
    }
}

@keyframes cd-qty-leave {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%);
    }
}

@-webkit-keyframes cd-item-move-up-mobile {
    0% {
        padding-top: 70px;
    }

    100% {
        padding-top: 0;
    }
}

@keyframes cd-item-move-up-mobile {
    0% {
        padding-top: 70px;
    }

    100% {
        padding-top: 0;
    }
}

@-webkit-keyframes cd-item-move-up {
    0% {
        padding-top: 104px;
    }

    100% {
        padding-top: 0;
    }
}

@keyframes cd-item-move-up {
    0% {
        padding-top: 104px;
    }

    100% {
        padding-top: 0;
    }
}

@-webkit-keyframes cd-item-move-down-mobile {
    0% {
        padding-top: 0;
    }

    100% {
        padding-top: 70px;
    }
}

@keyframes cd-item-move-down-mobile {
    0% {
        padding-top: 0;
    }

    100% {
        padding-top: 70px;
    }
}

@-webkit-keyframes cd-item-move-down {
    0% {
        padding-top: 0;
    }

    100% {
        padding-top: 104px;
    }
}

@keyframes cd-item-move-down {
    0% {
        padding-top: 0;
    }

    100% {
        padding-top: 104px;
    }
}

@-webkit-keyframes cd-item-slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0;
    }
}

@keyframes cd-item-slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0;
    }
}

@-webkit-keyframes cd-item-slide-in {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    0% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0;
    }
}

@keyframes cd-item-slide-in {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    0% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0;
    }
}
/* addcart css end*/
.ShoppingCarqiansebg td{
    background-color: #f2f2f2;
    font-weight: bold;
	font-family: "open-sans-bold", Arial, Helvetica, sans-serif;
}

.shoppoingNote {
    padding: 10px 10px 10px 30px;
    background-color: #fcf6ee;
    font-size: 16px;
    margin-bottom: 15px;
    border: 1px solid #f4dec0;
    font-family: "conduitWebL", Arial, Helvetica, sans-serif;
    font-weight: lighter;
    position: relative;
}
.dellink {
    color: #000000;
    cursor: pointer;
}

.docare:hover,.dellink:hover {
    color: #ff0000;
}

/* navMenu */
.leftmenu{position:relative;display:table;width:100%;margin-bottom:30px;border-radius:8px;border:1px solid #dbdbdb;margin-top:20px;padding-top:20px;padding-bottom:20px;}
.leftmenu>li { display: block; margin: 0; padding: 8px 15px 8px 0; border: 0px; position:relative;font-weight:400;}
.leftmenu>li .line{height:1px; background-color:#eeeeee; position: absolute;bottom:0;left:6%;width:88%;margin:auto; display:block;}
.leftmenu>li>a {display: block; overflow: hidden; padding-left:20px; color:#444444; line-height:24px; border-left:#ffffff 3px solid;   position: relative; text-decoration: none; }
.leftmenu>li>a>i { font-size: 20px; float: left; font-style: normal; margin: 0 5px; }
.leftmenu li .arrow:before { display: block; float: right; margin-top: 1px; margin-right: 15px;  font-size: 16px;padding-left:10px;content: "\f107";font-family: "Font Awesome 5 Free"; color: #444;text-shadow: none;font-weight:bold;position:absolute;top:5px;right:0;
 width:20px;
 z-index:1000;
}
.leftmenu li .arrow.open:before { margin-top: 1px; margin-right: 15px; display: inline-block; font-family: "Font Awesome 5 Free"; height: auto; 
font-size: 16px; content: "\f107"; font-weight: 300;text-shadow: none;font-weight:bold;position:absolute;top:5px;right:0;
 padding-left:10px;width:20px;
 }
.leftmenu>li>a.active, .leftmenu>li>a:hover {  border-left:#1d3560 3px solid;color:#1d3560;font-weight:bold;}
.leftmenu>li>ul.sub-menu, .leftmenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 8px 0px 0px 10px; padding-bottom: 5px; }
.leftmenu>li.active > ul.sub-menu, .leftmenu>li>ul.sub-menu>li.active >ul.sub-menu { }
.leftmenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }
.leftmenu>li>ul.sub-menu li>a { display: block; font-size: 14px; line-height: 36px; padding-left: 20px; color: #5e5d61; clear: both; }
.leftmenu>li>ul.sub-menu li>a.active, .leftmenu>li>ul.sub-menu li>a:hover, .leftmenu>li>ul.sub-menu>li.active >a { background: #ddd; border-color:#ddd;}




.pagenav{text-align:right; font-size:14px; text-decoration:none; margin-top:20px; height:auto; overflow:hidden; padding:10px 0;}
.pagenav a{margin-left:8px; color:#333; text-decoration:none; border:1px #d3d3d3 solid; padding:2px 10px; border-radius:5px;}
.pagenav a:hover{color:#fff; text-decoration:none; background:#3399cc; border:1px #3399cc solid;}
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}


.related-sections{padding-top:25px;padding-bottom:30px;border-top:1px solid #efefef;margin-top:25px; display:table;width:100%;}
.related-sections b:first-child{font-size:20px;}
.related-sections b{ display:block;margin-bottom:10px;margin-top:10px;}
.related-sections-ul{margin:0px 0px 20px 0px;padding:0px; display: table;width:100%;}
.related-sections-ul li{padding:5px;}
@media (min-width: 1280px){	
.related-sections-ul li{width:48%;float:left;}
}
@media (min-width: 769px) and (max-width: 1279px){
.related-sections-ul li{width:48%;float:left;}
}
@media (max-width: 768px){
.related-sections-ul li{width:100%;}
	}
.related-sections-ul li:hover{
	background-color: #f3e04e;
}
.related-sections-ul li:hover a{
	color:#000; text-decoration: none;
}

.contact_bgcolor{ background-color:#f4f3f3;}
.pronote{ background-color:#f5f5f5;font-size:0.9em;padding:10px !important; display:block;margin-bottom:20px;margin-top:20px;color:#666666;}
.pronote i{color:#ff0000;margin-right:5px;}

.grecaptcha-badge{z-index:10;}

#topcontrol{z-index:20;}

.ServiceShowPic {font-size:0.75em;text-align:center;line-height:1.7em !important;color:#666666;}
.ServiceShowPic img {margin:auto;}
.ServiceShowleftPic {float:left;margin-right:15px;text-align:center;color:#666666;display:inline-block;}
.ServiceShowrightPic {float:right;margin-left:15px;text-align:center;color:#666666;display:inline-block;}
.ServiceShowPic,.ServiceShowrightPic,.ServiceShowleftPic {font-size:0.75em;text-align:center;line-height:1.7em !important;}
.ServiceShowPic img,.ServiceShowrightPic img,.ServiceShowleftPic img {display:block;max-width:100%;height:auto;margin-bottom:8px;margin-left:auto;margin-right:auto;}

@media (min-width: 769px) and (max-width: 1279px){
.ServiceShowleftPic,.ServiceShowrightPic {width:100%;text-align:center;margin-bottom:10px;}
.ServiceShowleftPic img,.ServiceShowrightPic img {margin-bottom:15px;}
}
@media (max-width: 768px){
.ServiceShowleftPic,.ServiceShowrightPic {width:100%;text-align:center;margin-bottom:10px;}
.ServiceShowleftPic img,.ServiceShowrightPic img {margin-bottom:15px;}
	}


/*-------------------2024-6-28 public css begin-----------------------------------*/
.box-radius{
	border-radius:5px;
	padding:10px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}
.bluebg,.yellowbg,.light-bluebg{
	text-align: center;
	font-weight:bold;
}
.bluebg{
	background-color:#1a3a6f;
	color:#fff;
}
.yellowbg{
	background-color:#f3e04e;
	color:#000;
}
.light-bluebg{
	background-color:#c7daf1;
	color:#000;
}
.entrance-list div[class*="col"],.blue-entrance-list div[class*="col"],.light-blue-entrance-list div[class*="col"]{
	margin-bottom:15px;
}
.entrance-list,.blue-entrance-list,.light-blue-entrance-list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:15px;
}

.entrance-list a,.blue-entrance-list a,.light-blue-entrance-list a,
.entrance-list span,.blue-entrance-list span,.light-blue-entrance-list span{
	display: flex;
	border:1px solid #ccc;
	padding:10px;
	width:100%;
	align-items: center;
	justify-content:center;
	text-align: center;
	line-height:1.4em;
	border-radius: 5px;

}
.blue-entrance-list a,.blue-entrance-list span{background-color:#1a3a6f;color:#fff;}
.light-blue-entrance-list a,.light-blue-entrance-list span{background-color:#c7daf1;color:#000;}
.entrance-list a:hover,.blue-entrance-list a:hover,.light-blue-entrance-list a:hover,
.light-blue-entrance-list span:hover,.entrance-list span:hover,.blue-entrance-list span:hover{
	background-color:#f3e04e;
	color:#000;
}

.text-box-style,.text-box-style-blue{
	border-radius:5px;
	padding:20px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	border:1px solid #ccc;
}
.text-box-style-blue{
	border:2px solid #1a3a6f;
}
.text-box-style p,.text-box-style-blue p{
	padding-bottom:8px;
}



.textboxstyle-area{
	display: flex;
	flex-wrap: wrap;
}
.textboxstyle-area .doarea_box{
	height:100%;
    padding-bottom:20px;
}
.textboxstyle-area .doarea_box .textbox-border{
	color:#000;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.textboxstyle-area .doarea_box .textbox-border span strong,
.textboxstyle-area .doarea_box .textbox-border span a{
    display: block;
    padding:10px;
}
.textboxstyle-area .doarea_box span,.textboxstyle-area .doarea_box .textbox-border span a{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; 
    text-align: center; 
	display: block;
    margin:auto !important;
}

.textboxstyle-area .box-radius_titarea{
	padding:15px 15px 10px 15px; 
    display: block;
    margin-bottom:10px; 
    position: relative;

	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	height:100%;
}
.textboxstyle-area .box-radius_titarea a{display: inline-block !important;}
.textboxstyle-area .box-radius_titarea span.inquiry-button{padding-top:20px;padding-bottom:20px;margin:auto;width:200px;height:40px; display: block;line-height:35px;}
.process-n .fcunit{padding-bottom:45px;}
/*---yellow begin---*/
.textboxstyle-area-yellow span{
	background-color: #f3e04e;
	color:#000;
	font-weight:bold;
}
.textboxstyle-area-yellow .box-radius_titarea{
    border:1px solid #f3e04e;
}
.textboxstyle-area-yellow .textbox-border > span a{
	display: block;
	color:#000;
}
.textboxstyle-area-yellow:hover .textbox-border > span a{
	background-color: #1d3c6f;
}
.textboxstyle-area-yellow:hover .textbox-border > span a{
   color:#fff; 
}
/*---yellow end---*/
/*---blue begin---*/
.textboxstyle-area-blue span{
	background-color: #1d3c6f;
	color:#fff;
	font-weight:bold;
}
.textboxstyle-area-blue .box-radius_titarea{
    border:1px solid #1d3c6f;
}
.textboxstyle-area-blue .textbox-border > span a{
	display: block;
	color:#fff;
}
.textboxstyle-area-blue:hover .textbox-border > span a{
	background-color: #f3e04e;
}
.textboxstyle-area-blue:hover .textbox-border > span a{
   color:#000; 
}

/*---blue end---*/

@media (min-width: 993px){
.textboxstyle-area .textbox-border span{
	width:70%;
	}
}
@media (max-width: 992px){
.textboxstyle-area .textbox-border span
{
	width:100%;
	}
}

p.doarea{
	text-align: center;
	
}
p.doarea span{
	display: inline-block !important;
	padding:3px 10px 3px 10px !important;
	margin:5px!important;
	background-color: #efefef;
	border-radius: 5px;
	color:#000;
	width:auto !important;
	font-weight:normal;
	text-align: center;
	
}


.process-area{
	display: flex;
	flex-wrap: wrap;
}

.process-area .doarea_box{
	height:100%;
    padding-bottom:20px;
    padding-left:20px;
}
.process-area .doarea_box .textbox-border{
	color:#000;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    border:1px solid #f3e04e;
    border-radius: 8px;
    padding:20px 20px 20px 30px;
    position: relative;
}
.process-area .doarea_box .textbox-border .num{position: absolute;width:35px;height:35px;top:38%;left:-18px; background-color: #f3e04e;color:#000;border-radius: 5px;  display: flex; align-items: center;justify-content: center;font-weight: bold;}
.process-area .doarea_box .textbox-border p{padding:0px;margin:0px;}

.textboxstylecont.doarea_box p.doarea,
.flow-chart.doarea_box p.doarea{
	position: absolute;
	bottom:0px;
	width:100%;
	left:0px;
}
/*
.textboxstylecont.doarea_box .cont_area,
.flow-chart.doarea_box .fcunit
{padding-bottom:50px;}
*/



.textboxstyle3{
	margin-bottom:15px;
}
.textboxstyle3 .box_r_con{
	display: block;
	border-radius:5px; 
	padding:20px;
	height:100%;
}
.blue3 .box_r_con{
	background-color: #c7daf1;
}
.yellow3 .box_r_con{
	background-color: #f3e04e;
}

.textboxstyle-45{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:15px;
}
.textboxstyle-45 div[class*="col"]{
	margin-bottom:25px;
	padding-top:25px;
}

.textboxstyle-45 .textboxstylecont{
	display: block;
	border-radius:5px; 
	height:100%;
	position: relative;
	padding:10px 15px 10px 15px;
}
.textboxstyle-45 .textboxstylecont span{
	display: block;
	border-radius:5px; 
	padding:10px;
	text-align:center;
	font-weight:bold;
	width:80%;
	margin:-30px auto auto auto !important;
}
.textboxstyle-45 .col-md-4 .textboxstylecont.doarea_box span a {color:#000;}
.textboxstyle-45 .col-md-4 .textboxstylecont.doarea_box span a:hover {text-decoration: underline;}
.textboxstyle-45 .textboxstylecont span a {color:#f3e04e;}
.textboxstyle-45 .textboxstylecont span a:hover{color:#000;}
.textboxstyle-45 .textboxstylecont.doarea_box span a {color:#000;}
.textboxstyle-45 .textboxstylecont.doarea_box span a:hover{text-decoration: underline;}
.textboxstyle-45 .textboxstylecont .inquiry-button{
	font-size:14px;
	margin-top:10px !important;
	margin-bottom:10px !important;
}
.textboxstyle-45 .textboxstylecont div{
	padding-top:5px;
	margin:0px !important;
}
.textboxstyle-45 .textboxstylecont div p{
	margin:0px;
	padding:0px;
}
.doarea_box .cont_area{padding-bottom:45px;}

.blue45 span{
	background-color:#1c3c6e;color:#fff;
}
.blue45 .textboxstylecont{
	border:1px solid #1c3c6e;
}
.yellow45 span{
	border:1px solid #f3e04e;background-color:#f3e04e;color:#000;
}
.yellow45 .textboxstylecont{
	border:1px solid #f3e04e;
}

.textboxstyle-7{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:15px;
}
.textboxstyle-7 .box_r_con{
	height:100%;
	border-radius: 5px;
}
.textboxstyle-7 .bluecolor{
	background-color: #c7daf1;
}
.textboxstyle-7 .light-yellowcolor{
	background-color: #ebf1de;
}

.why-choose-container-css {
    display: flex;
    flex-wrap: wrap;
}
.why-choose-container-css .doarea_box {
    height: 100%;
    padding-bottom: 20px;
    padding-left: 20px;
    min-height: 230px;
}
.why-choose-container-css .doarea_box .textbox-border {
    color: #000;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    border: 1px solid #f3e04e;
    border-radius: 8px;
    padding: 20px 20px 20px 30px;
    position: relative;
}
.why-choose-container-css .doarea_box .textbox-border .num {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 38%;
    left: -18px;
    background-color: #f3e04e;
    color: #000;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.why-choose-container-css .doarea_box .textbox-border p {
    padding: 0px;
    margin: 0px;
    line-height: 30px;
    word-wrap: break-word;
    margin-top: 5px;
}


.list_number div[class*="col-md"] span.bgcolor-green{background-color: #00b050;}
.list_number div[class*="col-md"] span.bgcolor-yellow{background-color: #eadf00;color:#000;}
.list_number{ text-align:left;}
.list_number div[class*="col-md"]{padding-left:55px;margin-top:10px;margin-bottom:10px; position: relative;}
.list_number div[class*="col-md"] span{background-color: #1c3c6e;color:#fff;width:30px;height:30px; text-align: center;line-height:30px; display: inline-block;top:5px;margin-right:10px; position: absolute;left:15px;}

.section_site {
	cursor: pointer;
	position: relative;
	font-size: 16px !important;
	background-color: #efefef;
	display: block;
	border-radius: 5px;
}

.faqnavsite {
	cursor: pointer;
	display: block;
	padding: 15px 95px 15px 15px;
	position: relative;
        line-height: 2rem;
}

.fontbacktop {
	display: inline-block;
	cursor: pointer;
	color: #0E62CC;
	margin-left: 10px;
	position: absolute;
	width: 60px;
	height: 50px;
	z-index: 100;
	line-height: 50px;
	top: 0;
	right: 0;
}

.faqnavsite::after {
	content: "›";
	display: inline-block;
	width: 40px;
	height: 50px;
	line-height: 45px;
	position: absolute;
	top: 0;
	right: 60px;
	text-align: center;
	font-size: 30px;
}

.faqlist {
     padding-left:5px;
	}
.faqlist p,.faqlist ul,.faqlist ol{
	display: none;
	}
.faqlist > li{
	list-style-position: outside;
    list-style: none;
	border-bottom:1px solid #efefef;
	padding-top:8px;
	padding-bottom:8px;
				}
.faqlist > li > ul{
	margin-top:8px;
}
.faqlist ul li,.faqlist ol li{
	border:0;
	list-style-type: disc !important;
}

.sFAQTit {
	display: block;
	position: relative;
	padding-right: 60px;
	font-weight: bold;
}

.sFAQTit::after {
	content: "›";
	display: inline-block;
	width: 40px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	font-size: 26px;
}

.flow-chart{margin-bottom:15px; display: flex;flex-wrap: wrap;}
.flow-chart .fcunit span.bgcolor-green{background-color: #00b050;}
.flow-chart .fcunit span.bgcolor-yellow{background-color: #eadf00;color:#000;}
.flow-chart .fcunit span.bgcolor-yellow a{color:#000;}
.flow-chart .fcunit{border:1px solid #1c3c6e;border-radius: 5px;height:100%;}

.flow-chart div[class*="col"]{position: relative;margin-bottom:20px;}
.flow-chart .fcunit{display: block; position: relative;}
.flow-chart .fcunit span{background-color: #1c3c6e;color:#fff;padding:10px 10px 10px 80px;line-height:22px; display: flex; align-content: center; align-items: center;border-top-left-radius: 5px;border-top-right-radius: 5px;position: relative;}
.flow-chart .fcunit span a{color:#fff;display: inline-block;}
.flow-chart .fcunit span b{width:60px;height:60px; position: absolute;left:10px;bottom:0; display: inline-block; line-height:60px;font-size:60px;vertical-align: bottom;color:#d5e3fa; letter-spacing:-4px;font-style: italic;}
.flow-chart .fcunit p{padding:10px;margin-bottom:0;/*border:1px solid #ddd;*/border-radius: 5px;margin-top:15px;}
.flow-chart .fcunit ul{padding:10px;}
.flow-chart .fcunit ul li{margin-bottom:0px; margin-left:15px;}

.flow-chart div[class*="col"]:hover .fcunit{
	border:1px solid #f3e04e;
}
.flow-chart div[class*="col"]:hover .fcunit span{
	background-color: #f3e04e;
	color:#000;
}
.flow-chart div[class*="col"]:hover span a,.flow-chart div[class*="col"]:hover .fcunit span b{
	color:#000;
}
/*@media (min-width: 993px){
.flow-chart .fcunit{width:88%;}
.flow-chart div[class*="col"]:after{content:"→"; position: absolute;top:100px;right:0;width:50px;}
}
@media (max-width: 992px){
.flow-chart .fcunit{width:100%;}
.flow-chart div[class*="col"]:after{content:"↓"; position: relative; display: block; text-align: center;width:100%;margin-top:10px;}
}*/

.box_r_con{border-radius:15px;padding:20px}
.table_td_padd td{padding:10px;margin:auto !important}

.inquirybutton {
	border-radius: 5px;
	background-color: #f3e04e;
	color: #000;
	padding: 10px;
	font-size: 24px;
	text-align: center;
	cursor: pointer;
	height: 50px;
}

.inquirybutton i {
	font-size: 28px;
	margin-right: 5px
}

.inquirybutton:hover,.page_inquiry_btn:hover {
	background-color: #1c3c6e;
	color: #fff;
	transition: color .5s
}

@media(max-width:767px) {
	.inquirybutton {
		display: none
	}
}

.inquirybutton:hover{background-color:#1d3c6f;transition: background-color 0.5s;color:#fff;}
.inquirybutton.inquiry_pagebut {
	font-size: 15px !important;
	padding: 5px !important;
}

.featuresunit{
	margin-bottom:15px;
}
.featurestit{display: block; text-align: center; }
.featurestit img{border-radius: 100px;margin-bottom:10px;border:4px solid #fff;}
.featurescont{display: none; position: absolute;top:100%;left:15px;width:100%; background-color: #f3e04e;padding:15px;z-index: 100;}
.featurescont::after{
	content:"▲";
	color:#f3e04e;
	position: absolute;
	top:-18px;
	left:44%;
	width:30px;
	height:25px;
	font-size:30px;
	text-align: center;
	
}
.featuresunit:hover .featurestit {color:#f3e04e;}
.featuresunit:hover .featurestit img{border:4px solid #f3e04e;}
.featuresunit:hover .featurescont{display: block;}
.contheight{overflow: hidden; height: 160px;}
.sym_more{position:relative}
.sym_more{ display: flex; align-items: center; justify-content: center; width:100%;padding-top:20px;height:50px;margin-bottom:20px;text-align:center;z-index:10;  }
.sym_more span{border:1px solid #aaa;color:#aaa;padding:5px 25px 5px 10px;border-radius:5px;cursor:pointer;position: relative;background-color: #fff;}
.sym_more span:after{content:"▼";position: absolute;right:8px;top:5px;}
.sym_more span.showicon:after{content:"▲" !important;position: absolute;right:8px;top:5px;}
.sym_more span:hover{background-color:#f3e04e;color:#000;border:1px solid #f3e04e}

.pub-big-pic-area{
	display: none;
	width:100%;
	height:100%;
	position: fixed;
	background-color:rgba(0,0,0,0.8);
	z-index: 100000;
	top:0px;
	left:0px;
	text-align: center;
}
.pub-big-pic-area .bigimgarea{
	display: flex;
	width:100%;
	height:100%;
	align-items: center;
	justify-content: center;
	z-index: 100000;
}
.pub-big-pic-area .bigimgarea img{
	max-width:100% !important;
	max-height:100% !important;
	object-fit: contain;
}
.pub-big-pic-area .close{
	display: inline-block;
	position: absolute;
	color:#fff !important;
	width:48px;
	height:48px;
	text-align: center;
	line-height:48px;
	top:0px;
	right:0px;
	font-size:20px;
	cursor: pointer;
	opacity: 1 !important;
	font-family: Arial, "sans-serif";
	font-weight:lighter;
}
.pub-big-pic-area .close:hover{
	background-color: #f3e04e;
	color:#000 !important;
	opacity: 1 !important;
}

.tabpro_show ul{padding:0;margin:0;display:table;width:100%;}
.tabpro_show ul li{padding:8px;margin:0;word-break:break-all;word-wrap:break-word}
.tabpro_show ul:nth-child(odd){background-color: #fafafa;}
.tabpro_show ul li a{color:#1856b2}
.tabpro_show ul li a:hover{color:#ff0000}
.tabpro_show ul li:first-child{font-weight:bold;}
.tabpro_show ul li:last-child{}
@media (min-width:1280px){
.tabpro_show ul li:first-child{width:30%;float:left}
.tabpro_show ul li:last-child{width:70%;float:left}
.tabpro_show li{float:left;width:33%}
}@media (min-width:769px) and (max-width:1279px){
.tabpro_show ul li:first-child{width:30%;float:left}
.tabpro_show ul li:last-child{width:70%;float:left}
.tabpro_show li{float:left;width:33%}
}
@media (max-width:768px){ 
.tabpro_show ul li:first-child,
.tabpro_show ul li:last-child
	{width:100%;float:left}
.tabpro_show li{width:100%}
}
.sitealign img{cursor: pointer;}
.text-center{ text-align: center;}

.turn-block{border-radius: 10px;padding:20px;border:1px solid #ccc; background-color:#fafafa;margin:auto auto 50px auto;}
.turn-block-unit{margin-bottom:20px;padding-left:30px;padding-right:30px;}
.turn-block-unit p{font-style: italic;}
.turn-block-unit .turn-block-unit-name{margin-bottom:0px;padding-bottom:0px;text-align: right;}
@media (min-width: 1200px) {
	.turn-block{width:70% !important;}
}
@media (max-width: 1199px){
	.turn-block{width:100% !important;}
}
.adves{display: flex;flex-wrap: wrap; align-content: center;justify-content: center;margin-bottom:20px;}
.adves .lcon,.adves .rcon,.adves .mcon{align-content: center;justify-content: center;}
.adves .lcon{text-align: right;}
.adves .adves-unit{padding:10px;border:1px solid #ccc; border-radius: 8px;margin-bottom:20px;margin-top:20px;min-height:140px; background-color: #fcfcfc;}
.adves .mcon img{border-radius: 10px;}

/*---------------------2024-6-28 public css end----------------------------------*/

.owl-nav{position:absolute;width:100%;z-index:10000;top:40%;left:0px;height:1px}
.owl-nav button{width:30px;height:40px;font-size:20px !important;font-weight:bold !important;background-color:rgba(150,150,150,0.3) !important;color:#fff !important;}
                    .owl-nav button span{line-height:34px; display:block;height:100%;}
.owl-nav button:hover{background-color:#f3e04e !important;color:#000 !important;}
.owl-nav button.owl-prev{float:left}
.owl-nav button.owl-next{float:right}
.owl-dots .owl-dot span{ width:12px !important;height:12px !important;}
.owl-dots .owl-dot.active span{background-color:#f3e04e !important;}
#topcontrol {
    bottom: 280px !important;
}
.product_content_add_css h2 > a {
	color: #0061cd;
    text-decoration: none;
}
.product_content_add_css h2 > a:hover {
    color: #000;
    background: #f3e04e;
    text-decoration: none;
}

.product_content_add_css ul.ullist li > a {
	color: #0061cd;
}
.product_content_add_css ul.ullist li > a:hover {
    color: #000;
    background: #f3e04e;
    text-decoration: none;
}
.input-add-css {
    margin-top: 5px;
    width: 90%;
    padding: 5px;
    position: relative;
}
.input-add-css input {
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 13px;
    padding: 5px;
    width: 90%;
}
.input-add-css.input-hide {
    display: none !important;
}
.filter-container-res {
    display: none;
    background: #fff;
    position: absolute;
    border: 1px solid #f3e04e;
    width: 100%;
    top: 35px;
    left: 4px;
    padding: 5px;
    z-index: 999;
    max-height: 400px;
    overflow: auto;
    box-shadow: 0px 0px 30px 10px rgba(200, 200, 200, 0.85);
}
.filter-container-res a {
    display: block;
    padding: 3px;
    margin-bottom: 3px;
}
#groupframe2 .filter-box .filter-one > b > i, #groupframe2 .filter-box .filter-one > b > span {
    /* vertical-align: middle; */
    cursor: pointer;
}
#groupframe2 .filter-box .filter-one > b > i {
    margin-right: 3px;
    font-size: 18px;
    position: relative;
    top: 2px;
}
#groupframe2 .filter-box .filter-one > b:hover {
    color: #337ab7;
}
#groupframe2 .filter-box .filter-one {
    margin-bottom: 0;
}
#groupframe2 .filter-box .filter-u {
    display: none;
    margin-top: 5px;
}
#groupframe2 .filter-box.filter-box-target .filter-u {
    display: block;
}
#groupframe2 ::-webkit-scrollbar {
    width: 7px;
}
 
#groupframe2 ::-webkit-scrollbar-track {
    background: #e6e6e6;
}
#groupframe2 ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}
 
#groupframe2 ::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.product_content_show .navi-menu-2.leftmenu .navi-menu-3 {
    display: none;
    padding-left: 35px;
}
.product_content_show .navi-menu-2.leftmenu .navi-menu-li-2 {
    position: relative;
}
.product_content_show .navi-menu-2.leftmenu .navi-menu-li-2 > i {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 20px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 999;
}
.product_content_show .navi-menu-2.leftmenu .navi-menu-li-2 > i:hover {
    color: #337ab7;
}
.product_content_show .navi-menu-2.leftmenu .navi-menu-3 {
    margin-top: 5px;
}
.product_content_show .navi-menu-2.leftmenu .navi-menu-li-3 {
    padding: 3px 0;
}
.adv-infographic {
    width: 93%;
    margin: 70px 0;
    display: flex;
    border: 1px solid #efefef;
}
.adv-infographic .adv-infographic-left > img {
    padding: 15px;
    width: 390px;
}
.adv-infographic .adv-infographic-right {
    margin-left: 30px;
    padding: 20px 30px;
    background: #f0e067;
}
.adv-infographic .adv-infographic-right .adv-submit {
    background-color: #0a1f44;
    color: #fff !important;
    border: none;
    padding: 0.5rem 2rem;
    cursor: pointer;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
}
.adv-infographic .adv-infographic-right .adv-submit:hover {
    background: linear-gradient(to right, #c45160, #f0924c) !important;
    color: #fff !important;
}