@import url('font-awesome.css');
@charset "utf-8";
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/Open Sans.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Open Sans.eot?#iefix') format('Open Sans'), /* IE6-IE8 */
    url('../fonts/Open Sans.woff') format('woff'),
    url('../fonts/Open Sans.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Open Sans.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Open Sans.svg#Poppins-Light_1') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('../fonts/Open Sans Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Open Sans Light.eot?#iefix') format('Open Sans Light'), /* IE6-IE8 */
    url('../fonts/Open Sans Light.woff') format('woff'),
    url('../fonts/Open Sans Light.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Open Sans Light.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Open Sans Light.svg#CenturyGothicbold') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'open-sans-bold';
    src: url('../fonts/open-sans-bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-bold.eot?#iefix') format('Open Sans Light'), /* IE6-IE8 */
    url('../fonts/open-sans-bold.woff') format('woff'),
    url('../fonts/open-sans-bold.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/open-sans-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-bold.svg#CenturyGothicbold') format('svg'); /* Legacy iOS */
}


ul,li{list-style:none;padding:0px;margin:0px;}
a{ text-decoration:none;}
a:hover{transition:color .3s;}
input,textarea,select,a:focus {
   outline: none;
}
sub,sup {
            font-size: 75%;
           line-height: 0;
         position: relative;
            vertical-align: baseline;
}
sup {    top: -0.5em; }
sub {    bottom: -0.25em; }
.inquiry-button{ cursor: pointer;}
.scolltopbutton{font-size: 28px;font-weight:bold;color:#ffffff;border:1px solid #444444; background-color:#444444;padding:10px 15px; border-radius:5px;}
.scolltopbutton:hover{ background-color:#333333;color:#ffffff;border:1px solid #333333;}
body {
    margin: 0px;
    padding: 0px;
	font-family: 'Open Sans', sans-serif;
    background-position: top center;
    background-repeat: no-repeat;
    font-weight: normal;
    font-size: 16px;
    -webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #444;
}
.clear {
    clear: both;
}
.red{color:#ff0000;}

/***==================== nav Css style begin========***/

.auto-header{max-width:1200px;margin:0 auto; position:relative;}
.nav{ z-index:9999; width:100%; /*margin-top:30px;*//*background-color:#666666;*//*background-color:#ffffff;*/}
.logo{width:320px; /*height:70px; */ border:0px; margin:10px 0;}
.fixed{z-index: 999; display:inline-block;  width:100%; margin:0 auto;background-color:#f2f2f2;}
@media (min-width: 1280px){	
.auto-header{max-width:1200px;margin:0 auto;}
.logo{float:left; }
.nav{position:fixed; z-index:9999; width:100%;}
}
@media (min-width: 769px) and (max-width: 1279px){	
.auto-header{max-width:98%;margin:0 auto;}
.nav{position: relative; z-index:9999; width:100%; /*margin-top:30px;*/background-color:#ffffff;}
.fixed{position:relative; z-index: 999; display:inline-block;  width:100%; margin:0 auto; background-color:#ffffff; }
.logo{float:left; }
}
@media (max-width: 768px){
.auto-header{max-width:100%;margin:0 auto; display:block;}
.auto-header a{ display:block;}
.nav{position:relative;z-index:9999; width:100%; background-color:#ffffff;}
.logo{margin:10px 0 10px 0; max-width:100%;height:auto;}
.fixed{position:relative; z-index: 999; display:inline-block;  width:100%; margin:0 auto; background-color:#ffffff; }
.logo{}
}

#cssmenu{font-family: 'Open Sans', sans-serif; margin-top:23px; float:right; font-size:18px; font-weight:700;}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index:199;
}

#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button{display:none;}
#cssmenu{width:auto;}
#menu-line{position:absolute;top:0;left:0;}
#cssmenu > ul > li{float:left;}
#cssmenu.align-center > ul{font-size:0;}
#cssmenu.align-center > ul > li{display:inline-block;float:none;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul > li{float:right;}
#cssmenu.align-right ul ul{text-align:right;}

#cssmenu > ul > li > a {
  padding: 20px 15px;
  text-decoration: none;
  color: #1d3c6f;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

#cssmenu > ul > li.active > a {
  color: #3399cc; 
}
#cssmenu > ul > li:hover > a{
  color:#3399cc;}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px; 
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 28px;
  right: 12px;
  width: 4px;
  height: 4px;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  border-color: #1d3c6f;
}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:#3399cc;}
#cssmenu > ul > li.has-sub.active > a::after{border-color:#3399cc;}
#cssmenu ul ul{position:absolute;left:-9999px;}
#cssmenu li:hover > ul{left:auto;}
#cssmenu.align-right li:hover > ul{right:0;}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}

#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height:auto;
  background:#f6f6f6;
}
#cssmenu ul ul li a {
  padding:10px 0 10px 20px;
  width:280px;
  line-height:22px;
  text-decoration: none;
  color: #444;
  font-size:14px;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #FFF;
  background:#343b6d;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  border-color: #444;
}

#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #fff;
}
@media all and (max-width: 768px)/*, 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), 
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)*/ {
 #cssmenu{width:100%;background:#444;margin:0;}
#cssmenu ul{width:100%;display:none;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,0.15);}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;color:#FFF;}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{padding:16px 20px 16px 30px;font-size:16px;color:#fff; background:#666;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#f97425; border:0;}
#cssmenu ul ul ul li a{padding-left:40px;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none;}
#menu-line{display:none;}

  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    /*text-transform: uppercase;*/
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #fff;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index:299;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}
/***==================== nav Css style end========***/

/*===========nav css begin for example:Peptides==================*/
.menu-container{ position:relative;}
.menu-container .menu_inquiry{ position:absolute; display:inline-block;right:0;top:0;width:170px;color:#ffffff;padding:1em; z-index:1000; cursor:pointer;font-size:16px; text-align:center;}
.menu-container .menu_search{position:absolute; right:170px;top:0;width:80px;color:#ffffff;padding:0.2em 1em 0.5em 0.9em; z-index:1000; cursor:pointer;font-size:16px; text-align:center; display:none;}
.menu-container .menu_search i{margin-top:8px;}
.menu-container .menu_search img{margin-top:5px;}
.menu_inquiry:hover,.menu_search:hover{ background-color:#3399cc;}
@media (min-width: 769px) and (max-width: 1024px){
	.menu-container {
    width: 100%;
    margin: 0 auto;
}

.menu-container .menu_inquiry{ display:inline-block;}
}
@media (min-width: 1366px){
.menu-container {
    width: 100%;
    margin: 0 auto;
}
.menu-container .menu_inquiry{ display:inline-block;}
}
@media (max-width: 768px){
.menu-container {
    width: 100%;
    margin: 0 auto;
}
.menu-container .menu_inquiry{ display:none;}
.menu-container .menu_search{display:none;}
}
.menu-mobile {display: none; padding: 20px;color:#FFF; text-decoration:none;}

.menu-mobile:after {
    content: "\f0c9";
    font-family: "Font Awesome 5 Free";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
	color:#FFF;
	font-weight:bold;
}

.menu-dropdown-icon:before {
    content: "\f107";
    font-family: "FontAwesome";
    cursor: pointer;
    float: right;
    padding: 0.6em 1em 0 0;
    color: #fff; 
	display: block;
	font-size:24px;
font-weight:bold;	
}

.navi-submenu:before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    display: none;
    cursor: pointer;
    float: right;
    color: #444;
    display: block;
    padding: 0.5em 1em 0 0;
	font-weight:bold;
}

.navi-menu-2 li{ position:relative;}
.navi-menu-2 strong{color:#195ea3;}
.navi-menu-2 .strong a{font-weight:bold;color:#195ea3 !important;}
.navi-menu-2 .navi-submenu{ position: absolute;right:0;top:0;display:inline-block; z-index:10000;width:40px;height:40px;}

.menu-dropdown-icon-2:before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    display: none;
    cursor: pointer;
    float: right;
    color: #444; 
	display: block;
	padding: .5em 0 0 0;
	font-weight:bold;
	
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    /*position: relative;*/
/*    box-sizing: border-box; font-family: 'Poppins Light', sans-serif;*/
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table; 
	}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;	/*font-weight:bold;*/


}

.menu > ul > li > a:first-child{
font-family: 'Open Sans', sans-serif;

}

.menu > ul > li a {
    text-decoration: none;
    padding: 1em 1em 1em 1em;
     color:#FFF;
	display:inline-block; 
}

.menu > ul > li:hover {
    background: #3399cc;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #fff;
    padding: 10px;
    position: absolute;
    z-index: 9999;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";  /* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 5.5 - 7 */
	/*-moz-box-shadow: 2px 2px 10px #909090; for firefox 
	-webkit-box-shadow: 2px 2px 10px #909090; for safari or chrome 
	box-shadow:2px 2px 10px #909090; for opera or ie9 
	border-radius: 0 0 5px 5px;*/
	height:auto; overflow:hidden;
}


.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}
.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 24%;
	float:left; 
            }

.menu > ul > li > ul > li a {
    
    padding: .3em 0 .3em 0;
    width: 100%;
   /* border-bottom: 1px solid #ccc; */
	color: #195ea3;
}

.menu > ul > li > ul > li a span{float:right; text-align:right;}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin:0;
    list-style: none;
    box-sizing: border-box;

/*position: absolute;top:40;left:0; background-color:#ffffff;
z-index:10000;*/
	
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    margin: 0;
    font-size: .875em;
	}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
	color:#444;  width:auto;
}
.menu > ul > li > ul > li > ul > li a:hover {
    border: 0;
	color:#195ea3;
}

.menu > ul > li > ul.normal-sub {
    width: 22%;
   left: auto;
   padding: 0px 0px 0px 20px; font-size:15px;
	
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 0.5em 0;
	color:#252623;}
.menu > ul > li > ul.normal-sub > li a:hover{
	color:#195ea3;}
.menu > ul > li:first-child{margin-left:2%;}
.menu > ul > li > ul li{margin-left:1%;}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 768px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
		padding: 0.8em 2em;

    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
.menu > ul > li:first-child{margin-left:0%;}
.menu > ul > li > ul li{margin-left:0%;}	
}


.navi-menu-4{padding-left:10px; font-weight:normal; width:95%;
position: absolute;top:40;left:0; background-color:#ffffff;
z-index:10000;}
.navi-menu-4 a{font-weight:normal; }
.navi-menu-4 li a:hover{font-weight:normal;}

/*===========nav css end for example peptides====================*/

/***==================== search-css style begin========***/
#header{ margin:0 auto;}
#logo{ display:inline-block; border:0px; margin-top:10px;}
.header_right{height:auto; overflow:hidden; border:0px red solid; float:right; font-family:"Open Sans";}
.top-search{width:100%; float:right; position:relative;margin-top:10px;}
.search-input{border:0px; line-height:52px; padding-left:10px; width:100%; outline:none; height:52px;font-family:"Open Sans";font-size:14px;border:0; background-color:#f4f4f4;}
.search_title{width:100%;  margin-top:5px; display:block;}
.search_title label{color:#444; padding-right:10px;}
.search{width:100%; height:auto; overflow:hidden; margin-top:8px;}
.search_btn{background-color:#1b3b6b; position:absolute;top:0;right:0;height:52px;line-height:52px;display:inline-block;width:80px;color:#ffffff; text-align:center;font-size:28px; cursor:pointer;}
.search_btn i,.search_btn img{margin-top:6px;}
.search_btn:hover{background-color:#3399cc; -webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out
	}
.navi-main{width:100%; margin:auto;background: #1b3b6b; position:relative;}

@media (min-width: 1366px){	
#header{width:95%; height:116px; margin:0 auto;}
#logo{width:360px; height:96px; display:inline-block; border:0px; margin-top:10px;}
.header_right{width:30%;}
.fixed{
    position: fixed;
    top: -40px;
    z-index: 99;
/*	filter:alpha(opacity=95);  
	-moz-opacity:0.95;  
	-khtml-opacity: 0.95;  
	opacity: 0.95;*/  
}
}
@media (min-width: 1280px)and (max-width: 1366px){
#header{width:95%; height:116px; margin:0 auto;}
#logo{width:360px; height:96px; display:inline-block; border:0px; margin-top:10px;}
.header_right{width:30%;}
.fixed{
    position: fixed;
    top: -40px;
    z-index: 99;
/*	filter:alpha(opacity=95);  
	-moz-opacity:0.95;  
	-khtml-opacity: 0.95;  
	opacity: 0.95;*/  
}
}
@media (min-width: 769px) and (max-width: 1279px){
#header{width:95%; height:auto; overflow:hidden; margin:0 auto 20px auto;}
#logo{width:260px; height:75px; display:inline-block; border:0px; margin-top:15px;}
.header_right{width:30%;}
.fixed{
    position: fixed;
    top: -40px;
    z-index: 99;
/*	filter:alpha(opacity=95);  
	-moz-opacity:0.95;  
	-khtml-opacity: 0.95;  
	opacity: 0.95;*/  
}
}
@media (max-width: 768px){
#header{width:95%; height:auto; overflow:hidden; margin:0 auto;}
#logo{max-width:100%; height:auto; display:inline-block; border:0px; margin-top:10px;}
.header_right{width:100%;padding-bottom:15px;}
}
  
/***==================== search-css style end========***/
/***==================== Banner Css style begin========***/
.banner{
	position:relative;
	width:100%;
	height:923px;
	background-color:#e6e6e6;
	overflow:hidden;
}
.banner ul.flicks {
	width:10000%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none;
}
.banner ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table; 
}
.banner ul.flicks>li .flick-inner {
	height:100%;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
}
.banner ul.flicks>li .flick-inner .flick-content {
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
}
.banner ul.flicks>li .flick-inner .flick-content h1 {
	color:#000000; font-size:60px; width:100%; font-family:"open-sans-bold"; margin-bottom:0;
}
.banner ul.flicks>li .flick-inner .flick-content p {
	color:#000000; line-height:28px;font-size:20px; width:100%;font-weight:lighter;
}
.banner-page .btn {
	padding:0.5em 2.2em;
	clear: both;
	color: #FFF;
	background-color:#3399cc;
	text-decoration: none;
/*	border-radius:30px;*/
	font-size:18px;
/*	margin-top:10px;*/
	display:inline-block;
	font-weight: bold;
}
.banner-page .btn:hover {
	color:#FFF;
	transition: background-color .3s;
/*	border-radius:30px;*/
	background:#0c6d9e;
	}

.banner .arrow-navigation {
	position:absolute;
	height:80%;
	width:5%;
	top:10%;
	z-index:100;
	overflow:hidden;
}
.banner .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:100%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.banner .arrow-navigation:hover, .banner .arrow-navigation .arrow:hover {
	cursor:pointer;
}
.banner .arrow-navigation.left {
	left:0%;
}
.banner .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url("../images/arrow-left-light.png");
	background-repeat:no-repeat;
	background-position:left
}
.banner .arrow-navigation.right {
	right:0%
}
.banner .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url("../images/arrow-right-light.png");
	background-repeat:no-repeat;
	background-position:right
}
.banner .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 0px;
}
.banner .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 0px;
}
.banner.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.6s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
}
.banner.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
}
.banner .dot-navigation {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	z-index:100;
	
}
.banner .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px;
}
.banner .dot-navigation ul li {
	display:inline-block;
	float:none
}
.banner .dot-navigation .dot {
	width:14px;
	height:14px;
	margin:0px 6px;
	background-color:rgba(255, 255, 255, 0.5);
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out
}
.banner .dot-navigation .dot:hover {
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.6);
}
.banner .dot-navigation .dot.active {
	background-color:#3399cc;
}
.bannercontent{ background-color:rgba(255,255,255,0);padding:25px;}
.bannercontent .bancontit{font-size:36px; display: block;margin-bottom:15px;color:#000;font-family:"open-sans-bold";}
.banner-page ul li:nth-child(2) p,.banner-page ul li:nth-child(2) h1{color:#ffffff !important; }
@media (min-width: 1280px){	

.banner{top:0;height:595px;}
.banner ul.flicks>li .flick-inner .flick-content{max-width:90%;margin-left:auto;margin-right:auto;}
.banner ul.flicks>li .flick-inner .flick-content h1{font-size:36px;width:100%;}
.banner ul.flicks>li .flick-inner .flick-content p{line-height:30px;font-size:18px;width:100%;}
.bannercontent{width:45%;margin-left:3%;}

}
@media (min-width: 769px) and (max-width: 1279px){	

.banner{top:0;height:500px;}
.banner ul.flicks>li .flick-inner .flick-content{max-width:90%;margin-left:auto;margin-right:auto;}
.banner ul.flicks>li .flick-inner .flick-content h1{font-size:36px;width:100%;}
.banner ul.flicks>li .flick-inner .flick-content p{line-height:30px;font-size:18px;width:100%;}
.bannercontent{width:80%;margin-left:10%;}
}
@media (max-width: 768px){
.banner{top:0;height:500px;}
.banner ul.flicks>li .flick-inner .flick-content{max-width:90%;margin-left:auto;margin-right:auto;}
.banner ul.flicks>li .flick-inner .flick-content h1{font-size:24px;width:100%;}
.banner ul.flicks>li .flick-inner .flick-content p{line-height:30px;font-size:18px;width:100%;}
.bannercontent{width:100%;}
}
/***==================== Banner Css style end========***/

/***==================== Table Css style begin========***/
table {
  border-collapse: collapse; margin: 1.25em 0 0; width: 100%; border: 1px solid #ddd;}

table tr,
table th,
table td {
  border: none;
  border-bottom: 1px solid #ddd;
  font-size: .875rem;
}

table th,
table td {
  padding: 10px 12px;
  text-align: left;
}

table th {
  background: #3399cc;
  color: #fff;
  text-transform: uppercase;
}

table tr td {
  background: #fff;
  color: #333;
}

table tr td a{
  color:#6b8d00;
  text-decoration:none;
}

table tr:nth-of-type(2n+2) td {
  background: #f9f9f9;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  font-size: .875rem;
  padding: 0;
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
  padding:10px;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  display: inline-block;
  padding: 2px 5px;
}

table.bt tfoot th:first-of-type:before,
table.bt tfoot th:first-of-type .bt-content,
table.bt tfoot td:first-of-type:before,
table.bt tfoot td:first-of-type .bt-content,
table.bt tbody td:first-of-type:before,
table.bt tbody td:first-of-type .bt-content {
  padding-top: 10px;
}

table.bt tfoot th:last-of-type:before,
table.bt tfoot th:last-of-type .bt-content,
table.bt tfoot td:last-of-type:before,
table.bt tfoot td:last-of-type .bt-content,
table.bt tbody td:last-of-type:before,
table.bt tbody td:last-of-type .bt-content {
  padding-bottom: 10px;
}


table.bt thead,
table.bt tbody th {
  display: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  border: none;
  display: block;
  vertical-align: top;
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 30%;
  display: inline-block; 
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
  display: none;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  vertical-align: top; width:55%; display: inline-block; padding-top:10px;
}

.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;
	}
/***==================== 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:#00000;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:0px;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:0px;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;}
}
/*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;}


/*----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------------*/
.Inquiry_container{width:100%; height:auto; overflow:hidden; margin-top:30px;}
.Inquiry_container h1{font-size:36px; color:#3399cc; font-family:"Open Sans Light";}
.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 .submit{display:inline-block;text-align:center;padding:0.5em 1.5em 0.5em 1.5em;clear:both;color:#fff;text-decoration:none;background-color:#1d3d6f;border:0px;cursor:pointer;/*border:2px #3399cc solid;*/  margin-top:10px;font-size:24px;font-family:"Open Sans Light";}
.cart-inquiry .submit:hover{background:#3399cc;color:#ffffff;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; }
	}

/*--------------Inquiry begin------------*/
.Inquiry_container{width:100%; height:auto; overflow:hidden; margin-top:30px;font-family:"Open Sans";}
.Inquiry_container h1{font-size:36px; color:#3399cc;}
.Inquiry_form ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;}
.Inquiry_form li{position:relative;display:inline-block;padding-right:3%;}
.Inquiry_form label{display:inline-block;text-align:left;padding:10px 0; }
.Inquiry_form input{height:38px;width:100%; border:1px solid #cccccc; padding-left:10px;outline:none; font-size:14px;font-family:"Open Sans";}
.Inquiry_form textarea{padding-left:10px;width:100%;  border:1px solid #cccccc;outline:none;}
.Inquiry_form .submit{display:inline-block;text-align:center;padding:0.5em 2em;clear:both;color:#fff;text-decoration:none;background-color:#3399cc;border:0px;cursor:pointer;/*border:2px #3399cc solid;*/ font-weight:bold; margin-top:10px;font-size:16px;font-family:"Open Sans";margin-bottom:30px;}
.Inquiry_form .submit:hover{background:#fc6654;color:#ffffff;transition:background-color .3s;/*border:2px #3399cc solid; */font-weight:bold;}
.Inquiry_form .Code{width:50%;}
.Inquiry_form textarea{font-family:"Open Sans"; padding-top:10px;}
.Inquiry_form .submitli{width:100%;}
@media (min-width: 1280px){
	.Inquiry_form li{width:100%;float:left;}
	.Inquiry_form .Interest{width:64%;}
	.Inquiry_form .ProjectDescription{width:96%;}
	
	}
@media (min-width: 769px) and (max-width: 1279px){
.Inquiry_form li{width:100%;}
.Inquiry_form label{width:100%;}
.Inquiry_form .Interest{width:64%;}
.Inquiry_form .ProjectDescription{width:96%;}
	}
@media (max-width: 768px){
.Inquiry_form li{width:100%;}
.Inquiry_form label{width:100%;display:inline-block;text-align:left;padding:10px 0; font-size:14px;}
.Inquiry_form .Interest,.Inquiry_form .ProjectDescription{width:100%;}
	}
	
.successinfo{line-height:30px;line-height:22px;color:#888888;padding-right:20px;padding-bottom:20px; }
.successinfo table{border:0 !important;}
.successinfo .iconarea{}
.successinfo .iconarea .iconunit{text-align:center;display:block; width:40px;height:40px; border-radius:40px; background-color:#3399cc;color:#ffffff;line-height:40px;font-weight: bolder;font-size:22px; position:relative;z-index:9;}
.successinfo .tit{font-size:20px;font-weight:bold;color:#3399cc; display:block;}
.successinfo .iconarea .iconunit img{top:10px;left:5px;position:absolute; z-index:10;}
.Inquiry_success strong{ display: inline-block;width:22%;}
.Inquiry_success li{padding-bottom:5px;padding-top:5px;}

/*--------------Inquiry end------------*/

/*----bottom beign--------------*/
.contact_bottom{width:100%; height:auto; overflow:hidden;color:#ffffff; margin:0 auto; line-height:29px; border:0px solid #efefef;padding-top:40px;padding-bottom:20px; background-color:#444444;font-size:0.9em;line-height:1.6em;}
.contact_bottom .contentbottom{width:95%;margin:auto;}
.contact_bottom a{color:#efefef;}
.contact_bottom a:hover{color:#ffffff;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_bottom strong{font-size:20px; margin-bottom:10px; display:block;}
.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;}
.contact_item .btn:hover{color:#FFF;transition:background-color .3s; background:#3399cc;}

.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){	
}
@media (min-width: 769px) and (max-width: 1279px){
}
	
@media (max-width: 768px){	

 .contact_bottom .row div[class*="col"]{padding-bottom:20px;margin-bottom:20px;border-bottom:0px solid #5b6498;}
}
.bottom_cop{width:100%;  padding:10px 0; text-align:center; font-size:14px;}
/*----bottom end--------------*/

/*---------------services page ---------------*/
.services-container{ max-width:1400px; margin:auto; padding-bottom:20px;font-size:16px;line-height:26px;width:100%;}
.services-container strong, .services-container b, .services-container h1,.services-container h2, .services-container h3, .services-container h4,.services-container h5,.services-container h6{font-family: 'open-sans-bold', sans-serif !important;}
.services-container p,.second-container p{line-height:28px; margin:0; padding-bottom:15px;}
.second-container ul li{line-height:28px;}
.services-container a,.second-container a{color:#0991c9; text-decoration:none;}
.inpage_left{height:auto; overflow:hidden; display:inline-block;position: relative;}
.inpage_left h3{font-weight:500;line-height:36px;}
.inpage_left strong{font-weight:500;line-height:36px;font-size:24px;margin-top:40px;margin-bottom:10px; display:inline-block;}
.inpage_left img{ max-width:100%;}
.inpage_right{height:auto; display:inline-block;} 
.inpage_section_title{margin:0 auto; text-align:left; position:relative;}
.inpage_section_title .inquiry{background:#1f3687;padding:10px 15px 10px 15px;font-weight:bold; display:inline-block;}
.inpage_section_title .inquiry a{color:#ffffff; display:block;}
.inpage_section_title .inquiry:hover{background:#3399cc;transition:background-color .3s;}
.inpage_section_title .share{display:inline-block;}
.inpage_section_title > hr{height:1px;width:100%;text-align:left;background:#dbdbdb;margin:0 auto;margin-bottom:20px;border:0; }
.second-container hr{height:1px;width:100%;text-align:left;background:#dbdbdb;margin:40px auto 40px auto;border:0; }

.inpage_section_title h1,.inpage_right h1,.services-container h1{color:#1f3687;line-height:1.2em;margin-top:0px;}
.services-container h2{
	font-size:20px;
}
.services-container h3{
   font-size:16px;
}
.services-container h4,
.index_container h5{
   font-size:14px;
}
.services-container h6 
{
	font-size:12px;
}

@media (min-width: 1280px){	
.inpage_section_title h1{}
.inpage_section_title .inquiry{ position:absolute; right:0;top:0;}
.inpage_section_title .share{ position:absolute; right:0;top:10px;}
/* .inpage_left{float:left;width:400px;padding-right:20px;height:100%;border:1px solid #fff;}
.inpage_right{float:left;width:980px;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_section_title h1{padding-right:15px;padding-left:15px;}
.inpage_section_title .inquiry,.inpage_section_title .share{ position:absolute; right:0;top:0;}
/* .inpage_left{float:left;width:30%; height:auto; overflow:hidden; display:inline-block;padding-right:20px;position: relative;}
.inpage_right{float:left;width:70%;} */
}
	
@media (max-width: 768px){	

 .inpage_section_title .inquiry,.inpage_section_title .share{ position: relative;}
 .inpage_section_title hr{margin-top:20px;}
 /* .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;} */
}
.inpage_content_right{padding-top:40px;padding-bottom:40px;}
.tac_preclinical_unit > a{display: inline-block;/*height:90px;*/}
.inpage_content_right .row{padding-left:0px !important;margin-left:0px !important;}
.inpage_content_right .row div[class*="col"]{padding-left:0px !important;margin-left:0px !important;}

 .inpage_left .filter.pos_site{
	 background-color: #fff;
	 position: absolute;
	 z-index: 1;
	 
}
/*--------services begin------------*/
.services-container h2{
	font-size:18px;
}
.services-container h3,.services-container h4,
.index_container h5{
   font-size:14px;
}
.services-container h6 
{
	font-size:12px;
}
.services-container h3,.services-container h4,.services-container h5, .services-container h6{margin-top:0px;margin-bottom:10px;} 
.ServiceShowPic {text-align:center;color:#666666;}
.ServiceShowPic img {margin:auto; max-width:100% !important; display:block;}
.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.9em;text-align:center;line-height:1.8em !important;}
.ServiceShowPic img,.ServiceShowrightPic img,.ServiceShowleftPic img {display:block;max-width:100%;height:auto;margin-bottom:8px;margin-left:auto;margin-right:auto;}
.services-container p a{color:#1856b2; text-decoration:none;}
.services-container a:hover{color:#1f3687 !important; text-decoration:none;}
.ullist {padding:0px 0px 15px 19px;margin:0px;}
.ullist li{list-style: disc !important;}
.ollist {padding:0px 0px 15px 19px;margin:0px;}  
.ollist li{list-style: decimal !important;}
.other-box{margin-top:20px;}

.disc li{list-style: disc !important;}
.decimal li{list-style: decimal !important;}
.roman li{list-style: lower-roman !important;}
.greek li{list-style: lower-greek !important;}
.latin li{list-style: lower-latin !important;}
.upper-latin li{list-style: upper-latin !important;}
.block-table{ display:table;width:100%;}

.Reference{padding-bottom:0px;font-size:14px !important;line-height:20px !important;color:#888888 !important; }
.Referencemargin{margin-top:0 !important;margin-bottom:0 !important;padding-bottom:0px !important;}
.Referencemargin strong{font-size:14px !important;}
.Referencemargin li{padding-bottom:8px !important;}

.tablecontentshow{margin:auto auto 15px auto;}
.tablecontentshow td{padding:5px;}
.tablecontentshow .servicetheadbg{ background-color:#1b3b6b;color:#ffffff;}

.table-responsive{min-height:.01%;overflow-x: auto;}
.noresult b{ font-size:18px; font-weight:normal; color:#0c5277; display:block; margin-top:10px;}
.mb-0{ margin-bottom:0;}
.list-style-disc{ padding-left:15px;}
.list-style-disc li{ list-style:disc;}
ul.ls-dot {
	padding-left: 16px;
	margin-bottom: 10px;}
ul.ls-dot li {
	list-style: disc;}
ul.ls-square {
	padding-left: 16px;
	margin-bottom: 10px;}
ul.ls-square li {
	list-style: square;}

ol.ls-decimal {
	padding-left: 16px;
	margin-bottom: 10px;}
ol.ls-decimal li {
	list-style: decimal;}
.img-right {
	float: right;
	margin-left: 15px;}
.img-left {
	float: left;
	margin-right: 15px;}
.inpage_content_right h3{font-weight:bold;font-size:16px !important;}
.inpage_content_right h2{font-weight:bold;font-size:20px !important;}


@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;}
.other-box li{float:left;width:49%;}
}


@media (max-width: 768px){

.ServiceShowleftPic,.ServiceShowrightPic {width:100%;text-align:center;margin-bottom:10px;}
.ServiceShowleftPic img,.ServiceShowrightPic img {margin-bottom:15px;}
.img-right {
	float: none;margin: auto; display:block;}
.img-left {
	float: none;margin: auto;display:block;}
	}


@media (min-width: 769px) and (max-width: 1279px){
.services-container{position:static; max-width:95%; margin:40px auto;}
.services-container p{line-height:30px; margin:0; padding-bottom:20px;}
.services-container p a{color:#1856b2; text-decoration:none;}

.ServiceShowleftPic,.ServiceShowrightPic {width:100%;text-align:center;margin-bottom:10px;}
.ServiceShowleftPic img,.ServiceShowrightPic img {margin-bottom:15px;}
.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;}
}
@media (max-width: 768px){
.services-container{position:static; max-width:95%; margin:0px auto;}
.services-container p{line-height:30px; margin:0; padding-bottom:20px;}
.services-container p a{color:#1856b2; text-decoration:none;}
.ServiceShowleftPic,.ServiceShowrightPic {width:100%;text-align:center;margin-bottom:10px;}
.ServiceShowleftPic img,.ServiceShowrightPic img {margin-bottom:15px;}
.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;}
	}

/*---------------services end ---------------*/


/*--------------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 result end--------------*/

/*------------Distributors begin--------------*/
.select{padding:10px; display:block;margin-top:10px;font-family: 'Open Sans', sans-serif;font-size:16px;}
.Country{padding:15px;margin-bottom:30px;margin-top:30px; background-color:#efefef;position:relative;}
.Country img{margin-top:10px;}
.Country .triangle{border-bottom:30px solid transparent;border-left:30px solid transparent;border-right:30px solid transparent;border-top:30px solid #efefef; position:absolute;bottom:-50px;left:10%;}
.DistributorsUnit{padding:20px 0;line-height:26px;width:90%;border-bottom:1px solid #efefef;margin-top:20px;}
.DistributorsUnit img{margin-bottom:20px;}
@media (min-width: 1280px){	
.select,.Country{width:90%;}
}
@media (min-width: 769px) and (max-width: 1279px){
.select,.Country{width:90%;}
}
@media (max-width: 768px){
.select,.Country{width:100%;}
	}
/*------------Distributors end--------------*/

/*--------------404 page begin--------------*/
.E404{line-height:26px;}
.E404 img {
    display: block;
    max-width: 100%;
    height: auto;
}

.E404 {
    width: 510px;
    margin: 70px auto auto auto;
    border: 0px solid #ff0000;
}

.E404 .Etit {
        font-size: 25px;
        line-height: 35px;
        color: #525151;
    }

    .E404 .content {
        color: #767676;
    }

    .E404 a {
        color: #525151;
        text-decoration: none;
    }
.E404 .btn{ border:1px solid #dddddd;padding:5px 10px 5px 10px; border-radius:5px;margin-right:10px; background-color:#efefef;}
.E404 .btn:hover{background-color:#3399cc;color:#ffffff;}

@media only screen and (max-width: 1024px) {
    .E404 {
        width: 90%;
        margin: 0px auto auto auto;
        padding-left: 20px;
        padding-right: 20px;
    }
}
/*--------------404 page end--------------*/

/*--------------second banner begin--------------*/
.products_bg{background:url(../images/products-bg-pic.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
.services_bg{background:url(../images/service-bg-pic.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
.contact_bg{background:url(../images/contact-bg-pic.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
.aboutus_bg{background:url(../images/about-us-bg-pic.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
.inquiry_bg{background:url(../images/inquiry-bg-pic.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
.job_bg{background:url(../images/job_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
/*.inquiry_bg h1,.inquiry_bg p,.inquiry_bg .bread-crumb,.contact_bg h1,.contact_bg p,.contact_bg .bread-crumb,
.aboutus_bg h1,.aboutus_bg p,.aboutus_bg .bread-crumb,.job_bg .bread-crumb，.job_bg p
{ text-align:center !important;}*/

.banner_inpage{width:100%;margin:0 auto;  position:relative;min-height:180px;}
.auto-container{ text-align:left;padding-top:3%;max-width:1200px;margin:auto;padding-bottom:5%;}
.auto-container h2{padding:10px 15px;color:#ffffff; background-color:#205585;font-size:20px; display:inline-block;margin-bottom:0;}
.auto-container h1{font-weight:bold;color:#ffffff;position:relative;}
.auto-container h1 .inquiryBtn,.inpage_section_title .inquiryBtn{border-radius:5px; background-color:#e10000;color:#ffffff;padding:8px 15px;font-family: 'Open Sans Light', sans-serif;font-size:24px; display:inline-block;}
.auto-container h1 .inquiryBtn:hover,.inpage_section_title .inquiryBtn:hover{background-color:#3399cc;color:#ffffff;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.auto-container p{margin:0 0 15px 0; padding:10px 0; font-size:18px;  padding-top:5px;line-height:28px;color:#ffffff;font-size:25px;}
@media (min-width: 1280px){	

.auto-container{width:94%;top:13%;left:3%;}
.auto-container h1{font-size:40px;}
.auto-container h1 .inquiryBtn,.inpage_section_title .inquiryBtn{float:right;}
}
@media (min-width: 769px) and (max-width: 1279px){
.auto-container{width:80%;top:15%;left:10%;}
.auto-container h1{font-size:30px;}
.auto-container h1 .inquiryBtn,.inpage_section_title .inquiryBtn{float:right;}
	}
@media (max-width: 768px){

.auto-container{width:90%;top:5%;left:5%;}
.auto-container h1{font-size:32px;}
.auto-container h1 .inquiryBtn,.inpage_section_title .inquiryBtn{margin-top:10px;}
	}
/*--------------second banner end--------------*/
/*--------------Breadcrumb navigation begin--------------*/
.bread-crumb{position:relative;font-size:15px;margin:auto auto 15px auto;width:100%;}
.bread-crumb li{position:relative;display:inline-block;font-size:14px;margin-right:30px;color:#dddddd;line-height:24px;}
.bread-crumb li:last-child{margin-right:0px;}
.bread-crumb li:after{content:'/';position:absolute;right:-22px;width:10px;line-height:26px;font-size:14px;color:#b4b4b5;}
.bread-crumb li:last-child:after{display:none;}
.bread-crumb li a{color:#dddddd;font-weight:400;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease; text-decoration:none;}
.bread-crumb li a:hover{color:#ffffff;}
	
	
/*--------------Breadcrumb navigation end--------------*/

/*-------------- icon begin--------------*/
.social-icon-two{padding-top:0px;list-style-type:none; margin:5px 0 10px 0; padding:0; height:auto; overflow:hidden; display:inline-block;}
/*.social-icon-two {margin-right:20px;margin-left:0px; float:left;}*/
.social-icon-two a{/*color:#1d3c6f;*/font-size:22px;margin-left:5px;margin-right:5px;}
.social-icon-two a:hover{color:#ffffff;}
/*-------------- 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 */
.navMenu>li { display: block; margin: 0 0 10px 0; padding: 5px 30px 5px 0; position:relative;}
.navMenu>li>a { display: inline-block; overflow: hidden; padding-left:20px; color:#2f57a6; line-height: 24px; border-left:#f2f2f2 4px solid;   position: relative; text-decoration: none;}
.navMenu>li>a>i { font-size: 20px; float: left; font-style: normal; margin: 0 5px; }
.navMenu 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;*/
}
.navMenu 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"; text-shadow: none;font-weight:bold;/*position:absolute;top:5px;right:0;
 padding-left:10px;width:20px;*/
 }
.navMenu>li>a.active, .navMenu>li>a:hover {  border-left:#04003d 4px solid; }
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 8px 0px 0px 10px; padding-bottom: 5px; }
.navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu { }
.navMenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }
.navMenu>li>ul.sub-menu li>a { display: inline-block; font-size: 14px; line-height: 36px; padding-left: 20px; color: #5e5d61; clear: both; }
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { /*background: #ddd; */font-weight:bold;}



/**2021-09-15*/

.search-tab {
    padding-bottom: 120px;
}
.search_fiter li{
	width:100% !important;
}


.leftsearchclear {
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    background-color: #1b3b6b;
}

    .leftsearchclear a, .leftsearchclear:hover a {
        color: #ffffff !important;
    }

    .leftsearchclear:hover {
        background-color: #1b3b6b;
    }

.leftsearch {
    position: relative;
    width: 100%;
}

    .leftsearch input {
        border-bottom: 1px solid #ccc;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        padding: 10px;
        width: 100%;
        outline: none;
        position: relative;
        padding-right: 45px;
        background-color: #f2fce8;
    }

    .leftsearch .sbutton {
        position: absolute;
        width: 45px;
        height: 45px;
        line-height: 45px;
        color: #000000;
        z-index: 100;
        text-align: center;
        top: 3px;
        right: 0;
        cursor: pointer;
    }

        .leftsearch .sbutton:hover {
            color: #ff0000;
        }

.search-tab > li {
    width: 100%;
    /* text-align: right; */
    position: relative;
    padding: 10px;
    border: 1px solid #afd0c5;
    margin-right: 20px;
    margin-bottom: 10px;
    float: left;
    list-style: none;
    background-color: #1b3b6b;
}

    .search-tab > li select {
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        padding: 5px;
        height: 40px;
        border: 0;
        width: 50px;
        box-sizing: border-box;
    }

.search-tab input {
    outline: none;
    border: none;
    width: 100%;
	color:#ffffff;
}

select:focus {
    outline: none;
}

select option:hover {
    outline-color: rgba(0, 0, 0, 0) !important;
}

select:focus option:selected {
    background: #fff;
    color: #000;
    border: 0 !important;
    outline: none !important;
}

.search-tab {
    padding-bottom: 120px;
}

    .search-tab > li {
        width: 30%;
        /* text-align: right; */
        position: relative;
        padding: 10px;
        border: 1px solid #afd0c5;
        margin-right: 20px;
        margin-bottom: 10px;
        float: left;
    }

        .search-tab > li select {
            position: absolute;
            left: 0;
            top: 0;
            color: #fff;
            padding: 5px;
            height: 40px;
            border: 0;
            width: 50px;
            box-sizing: border-box;
        }

    .search-tab input {
        outline: none;
        border: none;
        width: 100%;
        background: #1b3b6b;color:#ffffff;
    }

    .search-tab li select option {
        /* background-color: #fff; */
    }


.select-item-box {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 500px;
    background-color: #bbd3f8;
    /*top: 40px;
	margin-top: 10px;*/
    border: 1px solid #b5cef4;
    overflow: auto;
    opacity: 0;
    z-index: -1;
    transition: all 0.2s linear 0s;
}

    .select-item-box li {
        padding: 10px;
        cursor: pointer;
        text-align: left !important;
    }

    .select-item-box .choose, .select-item:hover {
        background-color: #416cac;
        color: #fff !important;
    }


.select-item:first-child {
    display: block !important;
    color: #ffffff !important;
}

.select-active .select-item-box {
    opacity: 1;
    z-index: 100;
}


.list-button {
    position: absolute;
    display: block;
    font-size: 27px;
    text-align: right;
    right: 0px;
    top: 0px;
	
	width:100px;
	
}

    .list-button .list-inquiry {
        display: inline-block;
		float:left;
		padding:0px 3px 3px 3px;
    }

    .list-button i {
        padding-right: 10px;
    }

    .list-button .fa-file-pdf-o {
        font-size: 24px;
    }
 .proshow-list .pro_tit {
	    display: block;
		padding-right: 100px;
	    font-size:17px;
	    margin-bottom:10px;
	}
.proshow-list .pro_tit{color:#1b3b6b !important;}
.proshow-list .pro_tit:hover{color:#0991c9 !important;}
.proshow-list .row .col-md-6,.proshow-list .row .col-md-12{padding-left:0px;margin-left:0px;}
.proshow-list .row{margin-bottom:10px;}
.proshow-list>li{border-bottom:1px solid #cccccc;padding-top:15px;padding-bottom:15px;display: table;}
a.pdf-abox{margin-bottom:20px;display: inline-block;font-size:20px;border:1px solid #1b3b6b;padding:8px;color:#1b3b6b;}
a.pdf-abox:hover{background-color: #1b3b6b;border:1px solid #1b3b6b;color:#ffffff !important;}
.container-row-a li{padding-top:5px;padding-bottom:5px;border-bottom:1px solid #efefef;}
.cap-title{padding-top:30px;}

@media (max-width: 768px) {
    .proshow-list .pro_tit {
        padding-right: 0px;
    }

    .list-button {
        position: relative;
        padding-left: 0px;
        /*right: 20px;
        top: 5px;*/
    }
}
.select-box input::-webkit-input-placeholder{color:#ffffff;}   
.select-box input:-moz-placeholder{color:#ffffff;}                  
.select-box input::-moz-placeholder{color:#ffffff;}                 
.select-box input:-ms-input-placeholder{color:#ffffff;}      

.inqunotice .google-policies{color:#000;}
.inqunotice .price-con,.inqunotice .price-con a,
.salearea .price-con,.salearea .price-con a{color:#000;}
.salearea{margin-bottom:20px; }