﻿@charset "utf-8";

@import url('fontawesome-all.min.css');
@import url('icomoon.css');
@font-face {

    font-family: 'gilroy-regular';
    src: url('../fonts/gilroy-regular-3.eot'); /* IE9 Compat Modes */
    src: url('../fonts/gilroy-regular-3.eot?#iefix') format('gilroy-regular-3'), /* IE6-IE8 */
    url('../fonts/gilroy-regular-3.woff') format('woff'),
    url('../fonts/gilroy-regular-3.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/gilroy-regular-3.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/gilroy-regular-3.svg#Poppins-Light_1') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Gilroy-Light';
	font-weight:normal;
    src: url('../fonts/Gilroy-Light-11.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Gilroy-Light-11.eot?#iefix') format('Boing_Thin'), /* IE6-IE8 */
    url('../fonts/Gilroy-Light-11.woff') format('woff'),
    url('../fonts/Gilroy-Light-11woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Gilroy-Light-11.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Gilroy-Light-11.svg#CenturyGothicbold') format('svg'); /* Legacy iOS */
    font-display: swap;
}

@font-face {
    font-family: 'gilroy-bold';
    src: url('../fonts/gilroy-bold-4.eot'); /* IE9 Compat Modes */
    src: url('../fonts/gilroy-bold-4.eot?#iefix') format('gilroy-bold-4'), /* IE6-IE8 */
    url('../fonts/gilroy-bold-4.woff') format('woff'),
    url('../fonts/gilroy-bold-4.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/gilroy-bold-4.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/gilroy-bold-4.svg#CenturyGothicbold') format('svg'); /* Legacy iOS */
    font-display: swap;
}
@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#Open Sans') format('svg'); /* Legacy iOS */
    font-display: swap;
}
@font-face {
    font-family: 'GOTHIC';
    src: url('../fonts/GOTHIC.eot'); /* IE9 Compat Modes */
    src: url('../fonts/GOTHIC.eot?#iefix') format('GOTHIC'), /* IE6-IE8 */
    url('../fonts/GOTHIC.woff') format('woff'),
    url('../fonts/GOTHIC.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/GOTHIC.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/GOTHIC.svg#Open Sans') format('svg'); /* Legacy iOS */
    font-display: swap;
}
@font-face {
    font-family: 'GoogleSansRegular';
    src: url('../fonts/GoogleSansRegular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/GoogleSansRegular.eot?#iefix') format('GoogleSansRegular'), /* IE6-IE8 */
    url('../fonts/GoogleSansRegular.woff') format('woff'),
    url('../fonts/GoogleSansRegular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/GoogleSansRegular.svg#GoogleSansRegular') format('svg'); /* Legacy iOS */
    font-display: swap;
}

body,html{
	padding:0px;margin:0px;
background-position: top center;
    background-repeat: no-repeat;
    font-size: 16px;
    -webkit-text-size-adjust: none;

   }
.yellow{color:#f5e928;}

ul,li{/*list-style:none;*/padding:0px;margin:0px;}
a{ text-decoration:none;}
a:hover{transition:color .3s;text-decoration:none;}
input,textarea,select,a:focus {
   outline: none;
}
.clear {
    clear: both;
}
.red{color:#ff0000;}

input::-webkit-input-placeholder {
	color: #888;/*font-size:14px;*/font-size:12px;
}
input:-ms-input-placeholder {
	color: #888;/*font-size:14px;*/font-size:12px;
}
input:-moz-placeholder {
	color: #888;/*font-size:14px;*/font-size:12px;
}
input::-moz-placeholder {
	color: #888;/*font-size:14px;*/font-size:12px;
}


textarea[id='I_Message']::-webkit-input-placeholder,textarea[name='I_Message']::-webkit-input-placeholder {
	color: #888;/*font-size:14px;*/font-size:12px;
}
textarea[id='I_Message']:-ms-textarea-placeholder,textarea[name='I_Message']:-ms-textarea-placeholder {
	color: #888;/*font-size:14px;*/font-size:12px;
}
textarea[id='I_Message']:-moz-placeholder,textarea[name='I_Message']:-moz-placeholder {
	color: #888;/*font-size:14px;*/font-size:12px;
}
textarea[id='I_Message']::-input-placeholder,textarea[name='I_Message']::-input-placeholder {
	color: #888; /*font-size:14px;*/font-size:12px;
}
.nav_search input::-webkit-input-placeholder {
	color: #cccccc;/*font-size:14px !important;*/font-size:12px !important;
}
.nav_search input:-ms-input-placeholder {
	color: #cccccc;/*font-size:14px !important;*/font-size:12px !important;
}
.nav_search input:-moz-placeholder {
	color: #cccccc;/*font-size:14px !important;*/font-size:12px !important;
}
.nav_search input::-moz-placeholder {
	color: #cccccc;/*font-size:14px !important;*/font-size:12px !important;
}

h2,h3,h4,h5,h6 { margin:10px 0 20px 0;}

.gilroy{font-family: 'gilroy-regular', sans-serif !important;}
.gilroy-light{font-family: 'Gilroy-Light',sans-serif !important;}
.gilroy-bold{font-family: 'gilroy-bold', sans-serif !important;}

.videobutton{color:#444444; cursor: pointer;}
.videobutton{background-color:#f5e928;padding:10px 15px 10px 15px;}
.videobutton:hover{background-color:#e6d90e;transition: color .5s;}

.videoShare{ position:absolute;top:38%;right:30px;width:40px; text-align:center;/*font-size:17px;*/font-size:16px; z-index:3;}
.videoShare a{ display:block;margin-top:10px;margin-bottom:10px;color:#ffffff;transition: color .5s;}
.videoShare a:hover{color:#ffffff;}

.content-width{position:relative;margin:auto; display:block;}
@media (min-width: 1280px){
.content-width{width:88%;}
.small_content-width{width:80%;;margin:auto; position:relative;display:block;}
	.autoheader .small_content-width{width:94%;}
}
@media (min-width: 769px) and (max-width: 1279px){
.content-width{width:88%;}
.small_content-width{width:88%;margin:auto;position:relative;display:block;height:auto;}
	.autoheader .small_content-width{width:100%;}
	.autoheader .small_content-width #logo{margin-left:15px;}
	.autoheader .small_content-width .nav_topMenu{margin-right:15px;}
	}
@media (max-width: 768px){
	.content-width{width:100%;}
	.small_content-width{width:98%;margin:auto;position:relative;display:block;}
	.autoheader .small_content-width{width:98%;}
	}

.scolltopbutton{/*font-size: 18px;*/font-size: 16px;font-weight:bold;color:#ffffff;border:1px solid #444444; background-color:#444444;padding:8px 10px; border-radius:5px;}
.scolltopbutton:hover{ background-color:#333333;color:#ffffff;border:1px solid #333333;}
body {
    margin: 0px;
    padding: 0px;
	font-family: 'GoogleSansRegular', sans-serif;
    background-position: top center;
    background-repeat: no-repeat;
 font-weight: normal;
  /*  font-size: 16px;*/
	font-size: 14px;
    -webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
    color: #444;
	letter-spacing: 0.5px !important;
    --baseFontSize: 0.83vw;
}
.clear {
    clear: both;
}
.red{color:#ff0000;}

/***==================== nav Css style begin========***/

.autoheader{width:100%;margin:0 auto; padding-top:10px;/*background-color:rgba(255,255,255,0.8);*/z-index:1000;/*border-bottom:1px solid #eeeeee;*/ position: relative;height:auto; }
.autovideoHeader{width:100%;margin:0 auto;z-index:1000;}

.navMenu{color:#ffffff;text-align: right;padding-top:20px;/*font-size:14px;*/font-size:12px; position: relative;text-align: left;display: inline-block;padding:10px 10px 10px 10px;}
.nav_topMenu{color:#ffffff;/*font-size:14px;*/font-size:12px;right:0px;text-align: center;display: inline-block;padding:12px 0px 12px 10px; z-index: 1000;}
.navMenu span,.nav_topMenu span{display:inline-block; cursor:pointer;font-weight:bold;padding:6px 8px 6px 8px;margin:6px 0px 0px 0px;border:1px solid #16c786;background-color: #16c786;border-radius: 100%;/*width:30px;height:30px;*/color:#fff;}
.navMenu span:hover,.nav_topMenu span:hover{color:#fff;transition: color .3s ease; background-color: #469ad5;border:1px solid #469ad5;}
.nav_search{color:#ffffff;margin:5px auto auto auto !important;padding-top:20px;font-size:12px; position: relative;/*text-align: left !important;*/}
.nav_search input{font-size:12px;}
.nav_search span{display:inline-block;margin-right:10px; cursor:pointer;font-weight:bold;}
.menuShow .menuclosed i,.searchclosed i{margin-right:5px;}
.nav_search span:hover{transition: color .3s ease;}
#logo{/*width:280px;*/margin:0px 0px 10px 0px;}

.left_nav .linenav{ position: absolute;top:15px;height:3px;left:0; background-color: #f5e928;}


.menuShow{ display:none;background-color:rgba(2,29,51,0.8); width:100%;/*height:100%;*/color:#ffffff; }
.menuShow .menuclosed,.searchclosed{ position:fixed;right:6%;top:15px;color:#ffffff;padding:8px 0px;z-index:100000;/*font-size:16px;*/font-size:14px; cursor:pointer;}
.menuShow .mennav{background-color:rgba(2,29,51,1);height:80px;/*padding:20px;*/padding:20px 6% 20px 6%;}
.menuShow .mennav ul{padding:0;/*margin-top:35px;*/}
.menuShow .mennav > ul > li{border-bottom:1px solid #444444; line-height:50px;/*font-size:16px;*/font-size:14px;}
.menuShow .mennav > ul > li > a{color:#ffffff; display:block; position:relative;}
.menuShow .mennav > ul > li:hover{transition: border .3s ease;}
.menuShow .mennav > ul > li:hover a{color:#f5e928;transition: color .3s ease;}
/*.menuShow .mennav > ul > li:hover .secondMenu{ display:block;}*/
.menuShow .mennav > ul > li .secondMenu{left:0;width:100%;/*height:100%;*/ text-align:left; display:none;background-color:rgba(2,29,51,0.8);padding-top:30px;padding-bottom:15px;/*font-size:16px;*/font-size:14px;font-family: 'Gilroy-Light-11', sans-serif}
.menuShow .mennav > ul > li .secondMenu ul li.col-md-6{padding-left:0px;}
.menuShow .mennav > ul > li .secondMenu h2{margin-bottom:8px;padding-bottom:0px;}
.menuShow .mennav > ul > li .secondMenu p{line-height:29px;/*font-size:18px;*/font-size:16px;}
.menuShow .mennav > ul > li > .secondMenu .bannerbutton{/*font-size:16px;*/font-size:14px;color:#ffffff;}
.menuShow .mennav > ul > li > .secondMenu .bannerbutton:hover{color:#f5e928;}
.menuShow .mennav > ul > li .secondMenu .Highlights_tit{color:#666666 !important;margin-left:30px;}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea{padding:0px;margin:0px 0px 0px 30px;}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li{ text-align:left;}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li img{margin-bottom:5px;margin-top:10px; display:block;max-width: 100%;/*margin-left:auto;margin-right:auto;*/}
/*.menuShow .mennav > ul > li .secondMenu .HighlightsArea{padding:0px;margin:0px; position:relative;display:table;width:100%;}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li{ text-align:center; position:relative;}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li a{ position:absolute;width:100%;top:0;left:0px; z-index:10;}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li img{margin-bottom:5px;margin-top:10px; display:block;margin-left:auto;margin-right:auto; position:relative; z-index:9;}*/
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li .bannerbutton{padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;}
.menuShow .mennav > ul > li .secondMenu .MenuList li {margin-bottom:20px;border-left:1px solid #666666;line-height:22px;}
.menuShow .mennav > ul > li .secondMenu .MenuList li > a{color:#ffffff;}
.menuShow .mennav > ul > li .secondMenu .MenuList li:hover{border-left:1px solid #f5e928;}
.menuShow .mennav > ul > li .secondMenu .MenuList li:hover .three_menu{ display:block;}
.menuShow .mennav > ul > li .secondMenu .MenuList li:hover a{color:#f5e928;transition: color .3s ease;}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu{/* font-size:16px;*/font-size:14px;font-family: 'Gilroy-Light-11', sans-serif}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu a{ display:block;color:#ffffff;}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu a:hover{color:#f5e928;}
.second-menu-area-box{display:table;width:100%;}
.menu-dropdown-icon-n:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    display: none;
    cursor: pointer;
    float: right;
    padding: 0em 1em 0 0;
    color: #fff;
	display: block;
	font-size:24px;
font-weight:bold;
position: relative;
right:0px;
top:10px;
z-index:10000;

}

.nav_search,.nav_search_site{ position: relative;}
.search-input_selectItems{ display: inline-block;position: relative;}
.search-input_selectItems .search-input{ line-height:40px; padding-left:10px; outline:none; height:40px;/*font-size:14px;*/font-size:12px; margin-top:10px; background-color: transparent;border:1px solid #ffffff;color:#ffffff; /*position: absolute; top:0;*/}
.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;*/ height:40px;/*right:-30px;*/line-height:40px;display:inline-block;color:#000000 !important;/*font-size:14px;*/font-size:12px; cursor:pointer; text-align: center; background-color: #1dcb8b;border:0px !important;}
.search_btn:hover{color:#ffffff !important;background-color: #1dcb8b;}
.searchShow{display:none;background-color:rgba(32,86,117,0.95); width:100%;height:130px;color:#ffffff; position:fixed; z-index:100000;top:0;left:0;padding:30px;}
.searchShow .searchtopbg{height:120px;background-color:rgba(0,0,0,1);width:100%;}
.searchShow .addsearch{margin:auto;}
/*.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
	}*/

.top-search .radio-inline,.addsearch .radio-inline{margin-bottom:10px;}

.three_menu{margin-top:0px !important;}
.three_menu li{border-left:0 !important;margin-top:0px !important;margin-bottom:0px !important;padding-top:2px !important;padding-bottom:2px !important; position:relative !important;}
.three_menu li a{display:inline-block !important;}
.three_menu li > ul{margin-top:0px !important;padding-top:0px !important;}
.three_menu li > ul > li{padding-left:10px;padding-right:10px;/*font-size:16px;*/font-size:14px;font-style:italic;}
.three_menu li .three_menu_arrow{position:absolute;width:20px;height:20px; text-align:center;font-size:20px;right:15px;top:5px;color:#ffffff;}
.three_menu li:hover .three_menu_arrow{color:#f5e928;}
.three_menu li:hover > a{color:#f5e928 !important;}
.three_menu .totalnum{margin-left:5px;color:#f5e928;}


@media (min-width: 769px){
.autoheader{position: fixed;/*background-color:rgba(255,255,255,0.8);*/}
.autovideoHeader{position: fixed; text-align: right;padding-right:25px;padding-top:15px;}
#header{width:100%; min-height:70px; margin:0 auto; display: flex;}
.nav_search_site{float:right;}
#logo{width:280px;border:0px;}
.header_right{width:30%;}
.fixed{
    position: fixed;
    z-index: 100000;
	left:0;

}
.fixed #logo{width:280px;}
.fixed .navMenu,.fixed .nav_search{}
.fixed #header{height:auto;}
.menuShow{position:fixed;left:0;top:0px; z-index:100000;}
.menuShow .mennav > ul > li{width:10%;float:left; text-align:center;height:60px;}
.menu-dropdown-icon-n:before{ display:none;}
.menuShow .mennav > ul > li .secondMenu{ position: absolute; z-index:10000;}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu{display:block;}
.top-search{width:30%; position: absolute;top:30px;right:6%;}
.addsearch{width:50%;position: absolute;top:150px;left:25%;}
.menuShow .mennav{border-bottom:1px solid #444444;}
.menuShow .mennav > ul > li:hover > a::after{
  position: absolute;
  top:50px;
  left: 40%;
  width: 20px;
  height: 20px;
  border-bottom: 1px solid #444444;
  border-right: 1px solid #444444;
  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: #444444;
  background-color:rgba(2,29,51,1);
	}

	.nav_search{width:800px}
	.search-input{ width:500px;}
	.search_btn {width:50px;}
}
@media (min-width: 1280px)and (max-width: 1365px){
.autoheader{position: fixed; /*background-color:rgba(255,255,255,0.8);*/}
.autovideoHeader{position: fixed; text-align: right;padding-right:25px;padding-top:15px;}
#header{width:100%; min-height:70px; margin:0 auto;}
.nav_search_site{float:right;}
#logo{width:280px;display:inline-block; border:0px; }
.header_right{width:30%;}
.fixed{
    position: fixed;
    z-index: 100000;
	left:0;
}
.fixed #logo{width:280px;margin-top:0;}
.fixed .navMenu,.fixed .nav_search{}
.fixed #header{height:auto;}
.menuShow{position:fixed;left:0;top:0px; z-index:100000;}
.menuShow .mennav > ul > li{width:10%;float:left;/*text-align:center;*/height:65px;}
.menu-dropdown-icon-n:before{ display:none;}
.menuShow .mennav > ul > li .secondMenu{ position: absolute;}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu{ display:none;}
.top-search{width:30%; position: absolute;top:30px;right:2%;}
.addsearch{width:50%;position: absolute;top:60px;left:25%;}
.menuShow .mennav{border-bottom:1px solid #444444;}
.menuShow .mennav > ul > .menu-dropdown-icon-n:hover > a::after{
  position: absolute;
  top:55px;
  left: 44%;
  width: 20px;
  height: 20px;
  border-bottom: 1px solid #444444;
  border-right: 1px solid #444444;
  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: #444444;
  background-color:#000000;
	}
/* 	.nav_search{width:520px}
	.search-input{ width:220px;}
	.search_btn {width:50px;} */

}
@media (min-width: 769px) and (max-width: 1279px){
	.autoheader{position: fixed;/*background-color:#444444;*/}
	.autovideoHeader{position: fixed; text-align: right;padding-right:25px;padding-top:15px;}
#header{width:100%; height:auto;  margin:0 auto;}
.nav_search_site{float:right;}
.header_right{width:30%;}
.fixed{
    position: fixed;
    z-index: 100000;
	left:0;

}

.fixed #logo{width:200px;}
.fixed .navMenu{}
.fixed #header{height:auto;}
.menuShow{position:fixed;left:0;top:0px; z-index:100000;text-align:left;}
.menuShow .mennav > ul > li{width:100%;}
.menu-dropdown-icon-n:before{ display:block;}
.menuShow .mennav > ul > li .secondMenu{ position: relative;}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu{ display:block;}
.top-search{width:100%; position: relative;top:20px;}
.addsearch{width:90%;position: absolute;top:60px;left:5%;}
.menuShow .mennav{}
		.menuShow .mennav > ul > li .secondMenu .HighlightsArea{margin:0px;}
		.menuShow .mennav > ul > li .secondMenu .Highlights_tit{margin:0px;}
	/* .nav_search{width:520px}
	.search-input{ width:220px;}
	.search_btn {width:50px;} */

}
@media (max-width: 768px){
.autoheader{    
    position: sticky;
    top: 0;background-color:#444444;padding-bottom:0px;height:auto;
}
.autovideoHeader{position: relative; text-align: center;padding-bottom:15px;padding-top:15px;background-color:#efefef;}
#header{width:95%;  margin:0 auto; padding: 5px 0 10px 0;}
.nav_search_site{position: relative; text-align: left;}
#logo{width:280px; height:auto; display:inline-block; border:0px;}
	.index_search{width:100% !important; margin: auto;}
.fixed{
    position: relative;

}
	.index_search .nav_search{ text-align: center !important;}
	.menuShow{height:100%;}
.menuShow{position: absolute;left:0;top:0px; z-index:10000;text-align:left;}
.menuShow .mennav > ul > li{width:100%;}
.menu-dropdown-icon-n:before{ display:block;}
.menuShow .mennav > ul > li .secondMenu{ position: relative;max-height:300px; overflow-y:scroll;}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu{ display:block;}
.top-search{width:100%; position: relative;top:20px;}
.addsearch{width:90%;position: absolute;top:60px;left:5%;}
.menuShow .mennav{}
	.menuShow .mennav > ul > li .secondMenu .HighlightsArea{margin:0px;}
	.menuShow .mennav > ul > li .secondMenu .Highlights_tit{margin:0px;}
	.nav_search{width:100%;}
	.search-input{ width:100%; display: block;border:1px solid #cccccc !important;color:#444444;}
	.search_btn{margin-top:10px;width:100%;margin-left:0px !important;margin-right:0px !important;padding:0px !important;}
	.search-input_selectItems{width:100%; display: block;}
}



#cssmenu{/*float:right; *//*font-size:18px;*/font-size:16px; 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;
color:#ffffff;
}

#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: 10px 10px;
  text-decoration: none;
  color: #efefef;
  -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: #efefef;
}
#cssmenu > ul > li:hover > a{
  color:#ffffff !important;}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
	 top: 18px;
  position: absolute;

  right: 12px;
  width: 8px;
  height: 8px;
  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: #dddddd;
}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:#ffffff;}
#cssmenu > ul > li.has-sub.active > a::after{border-color:#ffffff;}
#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{background: #109665;}
#cssmenu ul li:hover > ul > li {
  height:auto;
  background: #109665;
}
#cssmenu ul ul li a {
  padding:10px 0 10px 20px;
  width:300px;
  line-height:22px;
  text-decoration: none;
  color: #ffffff;
  /*font-size:14px;*/
	font-size:12px;
  -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: #ffffff;
  background:#1dcb8b;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 8px;
  height: 8px;
  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: #dddddd;
}

#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: #ffffff;
}
.navi-main{width:100%; margin:auto;background: rgba(51,51,51,0); /*position: fixed;*/ z-index: 10000;bottom:0px;}
/*.submenusite{bottom:50px;}*/
@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)*/ {
.navi-main{width:100%; margin:auto;background: rgba(51,51,51,0); position: relative; z-index: 10000;bottom:0px;}
	/*.submenusite{bottom:0px;}*/
 #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;*/font-size:14px;color:#fff; background:#666;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#ffffff; 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 i{float:right;}
  /*#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;
	  font-weight:bold;
  }*/
  #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: 1000;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 1000;
  }
  #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:1.2em 1em 1.1em 1em; z-index:1000; cursor:pointer;/*font-size:15px;*/font-size:14px; 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:24px;*/font-size:22px; 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: 1279px){
	.menu-container {
   /* width: 73%;*/
margin: 15px 0px auto auto;
		float:right;
		/*background-color:#444444;*/
}

.menu-container .menu_inquiry{ display:inline-block;}
}

	@media (min-width: 1367px) {
		.menu-container {
	    width: 65%;
    margin: 20px 40px auto auto;
	float:right;

		}
		#cssmenu > ul > li > a {padding: 10px 10px;}
		.nav_topMenu{top:8px;}
		#cssmenu > ul > li.has-sub > a::after {
			top: 20px;}
}
@media (min-width: 1280px) and (max-width: 1366px){
.menu-container {
    width: 68%;
    margin: 20px 20px auto auto;
	float:right;
	}
		#cssmenu > ul > li > a {
			padding: 10px 10px;}
	.nav_topMenu{top:9px;}


.menu-container .menu_inquiry{ display:inline-block;}
}
@media (max-width: 768px){
.menu-container {
    width: 100%;
   margin: 0px auto auto auto;
}
.menu-container .menu_inquiry{ display:none;}
.menu-container .menu_search{display:none;}
	.nav_topMenu{top:15px;position: fixed;
        right: 1rem;}
}
.menu-mobile {display: none; padding: 20px;color:#FFF !important; 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: "Font Awesome 5 Free";
    display: none;
    cursor: pointer;
    float: right;
    padding: 0.3em 1em 0 0;
    color: #dddddd;
	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 .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;*/
	/*font-size:18px;*/
	font-size:16px;
}

.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{

}

.menu > ul > li a {
    text-decoration: none;
    padding: 0.5em 1em 0.5em 1em;
     color:#FFF;
	display:inline-block;
}

.menu > ul > li:hover {
    background: #16c786;
}
.menu > ul > li:hover > a{color:#FFF !important;}

.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: #16c786;
}

.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:#16c786;
}

.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: 959px) {
/*    .menu-container {
        width: 100%;
    }*/
    .menu-mobile {
        display: block;
		color:#ffffff;
		font-size:20px;
    }
    .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; position: relative;}
#logo{ display:inline-block; border:0px; }
.header_right{height:auto; overflow:hidden; border:0px red solid; float:right; font-family:"Open Sans";}



/***==================== 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;*/font-size:44px; 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;*/font-size:18px; 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:16px;
	/*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;}
.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;*/font-size:32px;width:100%;}
.banner ul.flicks>li .flick-inner .flick-content p{line-height:30px;/*font-size:18px;*/font-size:16px;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;*/font-size:32px;width:100%;}
.banner ul.flicks>li .flick-inner .flick-content p{line-height:30px;/*font-size:18px;*/font-size:16px;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;*/font-size:22px;width:100%;}
.banner ul.flicks>li .flick-inner .flick-content p{line-height:30px;/*font-size:18px;*/font-size:16px;width:100%;}
.bannercontent{width:100%;}
}
/***==================== Banner Css style end========***/

/***==================== 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;*/
	font-size:12px;
	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;*/font-size:20px;/*padding-left:20px;*/color:#00000;font-family:"Open Sans"; padding-top:20px;}
.list_dl h2{/*font-size:18px;*/font-size:16px;/*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;*/font-size:12px;}

}
@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;*/font-size:12px;}

	}

/***====================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;*/font-size:16px; position:relative;font-family:"open-sans-bold";}
.pro_list_title a{color:#2751a3; text-decoration:none;}
.pro_list_title span{/*font-size:14px;*/font-size:12px; font-weight:normal;}
.pro_inquriy_btn{display:inline-block; width:140px; }
.pro_inquriy_btn a{vertical-align:top; /*font-size:14px;*/font-size:12px; 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-size:16px; font-weight:bold; padding:20px 0;}
.related_services li{width:100%; display:inline-block; float:left; padding:5px 0;/* font-size:14px;*/font-size:12px; 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-size:16px; 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;*/font-size:12px; 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 .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-size:22px;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{height:auto;width:100%;  overflow:hidden; margin-top:30px;padding-top:30px;padding-bottom:10px; position:relative;/*font-size:14px;*/margin-bottom:30px;}
.Inquiry_container h2{/*font-size:24px;*/font-size:22px;margin:0px 0px 10px 0px;/*font-weight:bold;*/font-family: 'gilroy-bold', sans-serif !important;}
.Inquiry_form ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;}
.Inquiry_form li{position:relative;display:inline-block;width:32.9%;padding-right:3%;padding-top:15px;padding-bottom:15px;}
.Inquiry_form label{display:block;text-align:left;padding:10px 0 0 0; }
.Inquiry_form input{/*height:48px;*/width:100%;  padding-left:10px;padding:10px;outline:none; font-family:"gilroy-Light", Arial, Helvetica, sans-serif;background-color: transparent;border:1px solid #cccccc;color:#000000;}
.Inquiry_form textarea{width:100% !important;padding-left:10px;;outline:none;font-family:"gilroy-Light", Arial, Helvetica, sans-serif;background-color: transparent;border:1px solid #cccccc;color:#000000;}
.Inquiry_form .submit{font-size:1.2em;display:inline-block;text-align:center;padding:10px 50px 10px 50px;clear:both;color:#ffffff;text-decoration:none;background-color:#15aa73;border:0px;cursor:pointer;/*border:2px #3399cc solid;*/ font-weight:bold; margin-top:10px;}
.Inquiry_form .submit:hover{background:#1f6a91;color:#ffffff;transition:background-color .3s;/*border:2px #3399cc solid; */font-weight:bold;}
.Inquiry_form .Code{width:30%;}
.Inquiry_form textarea{padding-top:10px;}
.Inquiry_form .submitli{width:100%;}
.inquiryPicbg{ position: absolute;bottom:0;right:0; z-index:-1;}
.Inquiry_form select{
    position: relative;
    padding-bottom: 5px;
    padding-right: 5px;
    display: block;
    min-height: 45px;
    width: 100%;
    border: 1px solid #ccc;
    color: #000;
    font-size: 1em;
}
.Inquiry_form input[type="checkbox"] {
    display: inline-block;
    width: max-content;
}


.Inquiry_container{}
.middle_content_bg .Inquiry_form_color,.middle_content_bg .Inquiry_form_color li,.middle_content_bg .Inquiry_form_color li input,.middle_content_bg .Inquiry_form_color li textarea{color:#000000 !important;}
.middle_content_bg .Inquiry_form_color li input,.middle_content_bg .Inquiry_form_color li textarea{border:1px solid #cccccc !important;}



@media (min-width: 1280px){
	.inquiry_width{width:100%;}
	.Inquiry_form > ul > li{width:50%;float:left;}
	.Inquiry_form .Interest{width:64%;}
	.Inquiry_form .ProjectDescription{width:96%;}
	.Inquiry_form textarea{width:50%;}
	.Inquiry_container{height:auto;}

	}
@media (min-width: 769px) and (max-width: 1279px){
	.inquiry_width{width:100%;}
.Inquiry_form li{width:100%;}
.Inquiry_form label{width:100%;}
.Inquiry_form .Interest{width:64%;}
.Inquiry_form .ProjectDescription{width:96%;}
.Inquiry_form textarea{width:100%;}
.Inquiry_container{height:auto;padding-bottom:300px;}
	}
@media (max-width: 768px){
	.inquiry_width{width:100%;}
.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%;}
.Inquiry_form textarea{width:100%;}
.Inquiry_container{padding-bottom:300px;}
	}
.Inquiry_form div[class*="col"]{padding-top:15px;padding-bottom:15px;}



.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-size:18px;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--------------*/
.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:#ffffff; margin:0 auto;
padding-top:40px;padding-bottom:40px; line-height:1.6em; background-color:#1f6a91;/*font-size:16px;*/font-size:14px;letter-spacing: 1px;}
.contact_bottom .contentbottom,.footer .contentbottom{margin:auto; display:table;width:100%;}

.contact_bottom .bottom_colum{ background-position:center top; display:table;width:100%;}
.contact_bottom a{color:#ffffff;}
.contact_bottom a:hover{color:#1dcb8b;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; margin-bottom:10px;display:inline-block;}
.contact_item select{padding:10px;width:90%; display:block;margin-top:10px;font-family: 'Open Sans', sans-serif;f/*ont-size:16px;*/font-size:14px;}
.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%; list-style: none;}

.bottom_colum h3{color:#ffffff;margin-bottom:10px;font-size:19px;}
.footer-title {
    color:#ffffff;margin-bottom:10px;
    font-size: calc(0.989 * var(--baseFontSize));
}
.bottom_colum strong{color:#ffffff; display:block;}

.bottom_colum ul > li{float:left;width:25%;padding:10px 8px 10px 8px;line-height:26px;list-style: none;}
.bottom_colum li a{display:block;color:#ffffff;}

.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;}
}

.Subscribe{}

.bottom_cop{width:100%;  padding:10px 0; text-align:center; /*font-size:14px;*/font-size:12px;}
.promisebottom{ background:#3b3838;color:#ffffff; 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,.newsletterbutton{border:1px solid #0061cd;padding:2px 5px 2px 5px; border-radius:5px;color:#ffffff !important; background-color:#0061cd;height:35px;}
.signup:hover,.newsletterbutton:hover{border:1px solid #0b72e5; background-color:#0b72e5; text-decoration:none;}
@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;}
}
/*----bottom end--------------*/

/*---------------services page ---------------*/
.services-container{position:static; padding-top:20px;padding-bottom:20px;font-size:16px;line-height:28px !important; display: block !important;font-family: 'GoogleSansRegular', sans-serif; letter-spacing:0.2px !important;}
/*.services-container strong, .services-container b, .services-container h1,. .services-container h2, .services-container h3, .services-container h4,.services-container h5,.services-container h6{}*/
.services-container p,.second-container p{margin:0; padding-bottom:15px;}
.services-container h3{font-size:1.1em !important;}
.services-container h2{font-size:1.5em !important;}
.second-container ul li{line-height:20px;}
.services-container a,.second-container a{color:#0061cd; text-decoration:none;}
.services-container a:hover,.second-container a:hover{color:#2676d0;}
.inpage_left{height:auto; overflow:hidden; display:inline-block;}
.inpage_left img{ max-width:100%;}
.inpage_right{height:auto; overflow:hidden; display:inline-block;}
.inpage_section_title{margin:0 auto; text-align:left; position:relative;padding-bottom:15px;}
.inpage_section_title h2,.inpage_section_title h1{color:#444444;line-height:36px; /*font-family: 'Gilroy-Light', sans-serif !important;*//*font-weight:lighter;*/}
.inpage_section_title h2 span,.inpage_section_title h1 span{ display:block;width:100px; background-color:#1b3b6a;height:3px;margin-top:10px;font-weight: lighter;}
.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:#1856b2;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; }
.service_list{ display:block;}
.service_list div[class*="col"] strong{/*font-size:20px;*/ font-size:18px;display: block;margin-top:10px;margin-bottom:10px;}
.service_list div[class*="col"] img{margin:auto;max-width: 100%;}
.services-container > .col-md-9,.services-container > .col-md-3{padding-bottom:60px;}
.services-container .pro-descption .row{padding-bottom:15px;}

@media (min-width: 1280px){
.inpage_section_title h1,.inpage_section_title h2{padding-right:150px;}
.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;}
.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_section_title h1{padding-right:15px;padding-left:15px;}
.inpage_section_title h1,.inpage_section_title h2{padding-right:150px;}
.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;}
.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;}


/*--------services begin------------*/
.services-container{position:static; /*max-width:1200px;*/max-width:95%; margin:auto;}
.services-container p a{color:#0d65c7; text-decoration:none;}
.services-container h2,.services-container h3,.services-container h4,.services-container h5,.services-container h6 {font-weight: bolder;}

.inpage_left{width:800px; height:auto; overflow:hidden; display:inline-block;}
.inpage_section_title{margin:0 auto;   text-align:left;}

.inpage_section_title hr{height:4px;width:70px;text-align:left;position:relative;background:#a7c44c;margin:0 auto;margin-bottom:20px;border:0; display:inline-block;}

.ServiceShowPic {font-size:15.5px;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;
    display: flex;flex-direction: column;align-items: center}
.ServiceShowPic,.ServiceShowrightPic,.ServiceShowleftPic {font-size:15.5px;text-align:center;line-height:1.7em !important;}
.ServiceShowPic img,.ServiceShowrightPic img,.ServiceShowleftPic img {display:block;/*max-width:275px;height:384px;*/margin-bottom:8px;height: auto;}
.ServiceShowPic img{
	margin-left:auto;margin-right:auto;

}
.ServiceShowrightPic img{
	/*margin-left:20px;*/
}
.ServiceShowleftPic img{
	/*margin-right:20px;*/
}
.ullist {padding:0px 0px 15px 19px;margin:0px;padding-bottom:10px !important;}
.ollist {padding:0px 0px 15px 30px;margin:0px;}
.ullist li{list-style: disc !important;}
.ollist li{list-style: decimal !important;list-style-positon:inside;}



.fa-disc::before {content:"●"; font-style: normal; font-weight: normal; padding-right:5px;}
.fa-triangle::before {content:"▶"; font-style: normal; font-weight: normal; padding-right:5px; font-size:30%;}
.fa-star::before {content:"★";  font-style: normal; font-weight: normal; padding-right:5px;}

.triangle li{list-style-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNy4zNjEgMTcuMzYxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNy4zNjEgMTcuMzYxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM1RjVGNUYiIHBvaW50cz0iMS45MjgsMTcuMzY1IDEuOTI4LDAuMSAxNS41ODQsOC43MzIgIi8+DQo8L3N2Zz4NCg==) !important;}
.star li{list-style-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTcuNCAxNy40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNy40IDE3LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM1RTVFNUU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcuNCw2LjhsLTUuMiwzLjhsMS43LDYuM2wtNS4zLTMuN2wtNS4yLDMuN2wxLjktNi4yTDAsNi44aDYuNmwyLjEtNi4ybDIuMSw2LjJIMTcuNHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==)!important;}
.disc li{list-style: disc !important;}
.roman li{list-style: lower-roman !important;}
.hollow-disc li{list-style-type:circle !important;}



.decimal li{list-style: decimal !important;}
.greek li{list-style: lower-greek !important;}
.latin li{list-style: lower-latin !important;}
.upper-latin li{list-style: upper-latin !important;}


.Reference{padding-bottom:0px;/*font-size:14px !important;*/font-size:15px !important;line-height:1.8em !important;color:#888888 !important; }
.Referencemargin{margin-top:0 !important;margin-bottom:0 !important;padding-bottom:0px !important;}
.Referencemargin strong{/*font-size:14px !important;*/font-size:12px !important;}
.Referencemargin li{padding-bottom:8px !important;}

.tablecontentshow{margin:auto auto 15px auto;}
.tablecontentshow td{padding:6px 12px;}
.tablecontentshow .servicetheadbg{ background-color:#a7c44c;color:#ffffff;}
.tablecontentshow td.word-break-css{word-break:break-all !important;}
.tablecontentshow thead tr td{background-color:#2d6e94 !important;color:#ffffff;}
.tablecontentshow{
    width:100%;}
.tablecontentshow td
{
    border-bottom: 1px solid rgba(32,103,139,0.2);
    border-left:1px solid rgba(32,103,139,0.2);
}
.tablecontentshow th
{
    border-top: 1px solid rgba(32,103,139,0.2);
    border-left:1px solid rgba(32,103,139,0.2);
    border-bottom: 1px solid rgba(32,103,139,0.2);
    background:#1f6a91;
    color:#fff;
    text-align: center;
}
.tablecontentshow tr>th:last-child
{
    border-right:1px solid rgba(32,103,139,0.2);
}
.tablecontentshow tr:first-child>td
{
    border-top: 1px solid rgba(32,103,139,0.2);
}
.tablecontentshow tr>td:last-child
{
    border-right: 1px solid rgba(32,103,139,0.2);
}
/*.tablecontentshow tr:nth-child(1) td{background-color:#efefef;}*/
/*.tablecontentshow tr:nth-child(2n) td{background-color:#efefef;}*/
@media (min-width: 1280px) and (max-width: 1366px){
	.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;}
}


@media (min-width: 769px) and (max-width: 1279px){
.services-container{position:static; max-width:95%; margin:50px auto;}
.services-container p{margin:0; padding-bottom:20px;}
.services-container p a{color:#2f57a6; text-decoration:none;}
.inpage_left{width:60%; height:auto; overflow:hidden; display:inline-block;}
.inpage_section_title{margin:0 auto; font-family:"Century Gothic"; text-align:left;}
.inpage_section_title h1,.inpage_section_title h2{/*font-size:28px;*/font-size:26px;}
.inpage_section_title hr{height:4px;width:70px;text-align:left;position:relative;background:#a7c44c;margin:0 auto;margin-bottom:20px;border:0; display:inline-block;}
.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:50px auto;}
.services-container p{margin:0; padding-bottom:20px;}
.services-container p a{color:#2f57a6; text-decoration:none;}
.inpage_left{width:100%; height:auto; overflow:hidden; display:inline-block;}
.inpage_section_title{margin:0 auto; font-family:"Century Gothic"; text-align:left;}
.inpage_section_title h1,.inpage_section_title h2{/*font-size:28px;*/font-size:26px;}
.inpage_section_title hr{height:4px;width:70px;text-align:left;position:relative;background:#a7c44c;margin:0 auto;margin-bottom:20px;border:0; display:inline-block;}
.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;}
	}

.ztitle {
    /* background: #f5f5f5; */
    position: relative;
    padding: 0px 10px 5px 10px;
    font-size: 14px;
	/*font-size: 16px;*/
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
    color:#2f57a6
}

.ztitle a {
    width: 95%;
    display: inherit;
}

.ztitle span {
    position: absolute;

    right: 10px;
    top: 3px;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 25px;
        font-size: 22px;
	/*font-size: 24px;*/
    font-weight: bolder;
    padding: 0;
    /* background: #fbb908; */
    border-radius: 50%;
    /* color: #fff; */
}

.product-info-tabs {
    margin-top: 45px;
}

.con_div {
    padding: 0px 15px 0 30px; color:#333
}

.ztitle span:after {
    transition: opacity 0.5s;
    opacity: 0;
}

.ztitle .cshow:after {
    content: "+";
    opacity: 1;
}

.ztitle .chide:after {
    content: "-";
    opacity: 1;
   /* font-size: 26px;*/
	 font-size: 24px;
}

.Fold-box { margin-bottom:20px;}

@media (max-width: 768px){
.ztitle { padding:0px 40px 5px 10px}
}

/*.services-container h2,.services-container h3,.services-container h4,.services-container h5,.services-container h6{margin-top:10px;margin-bottom:10px;}
.ServiceShowPic {text-align:center;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.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;}
.ullist {padding:0px 0px 15px 19px;margin:0px;}
.ullist li{list-style: disc !important;}
.ollist {padding:0px 0px 15px 19px;margin:0px;}
.ullist li{list-style: decimal !important;}

.yaundian li{list-style: disc !important;}
.decimal li{list-style: decimal !important;}
.yingwennun 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:#3399cc;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;}

@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;}
.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:#2f57a6; 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:#2f57a6; 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;}
	}*/

.related-sections{padding-top:25px;padding-bottom:30px;border-top:1px solid #efefef;margin-top:25px; display:block;}
.related-sections b:first-child{/*font-size:20px;*//*ont-size:20px;*/font-size:18px;}
.related-sections b{ display:block;margin-bottom:10px;margin-top:10px;}
.related-sections-ul{margin:0px 0px 20px 0px;padding:0px;}
/*---------------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;*/font-size:20px; position:relative;z-index:9;}
.Searchnoresult .tit{/*font-size:20px;*/font-size:18px;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:0 0 15px 0;margin-bottom:30px;margin-top:30px; position:relative;border-bottom:1px solid #cccccc;}
.Country img{margin-top:10px;}
.company_contenmt{display:table;width:100%;padding-bottom:100px;}
.Country .sanjiao{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;border-bottom:1px solid #efefef;margin-top:20px;}
.DistributorsUnit img{margin-bottom:20px;}
/*@media (min-width: 1280px){
.select,.Country{width:100%;}
}
@media (min-width: 769px) and (max-width: 1279px){
.select,.Country{width:100%;}
}
@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--------------*/
.middle_content_bg{ background-color:rgba(255,255,255,0.95); position: relative;width:100%;margin-top:-15px;}
.distributors_bg{background:url(../images/Distributors-banner.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;background-attachment: fixed;margin-bottom:0px;}
.resources_bg{background:url(../images/Support-banner.jpg);background-position:center;background-repeat:no-repeat; background-size:cover;background-attachment: fixed;margin-bottom:0px;}
.services_bg{background:url(../images/services-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; background-attachment: fixed;margin-bottom:0px;}
.aboutus_bg{background:url(../images/about-us-banner.jpg); background-repeat:repeat-y; background-size:100% 100%; background-position:center center;background-attachment: fixed;margin-bottom:0px;}
.products_bg{background:url(../images/products-banner.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;background-attachment: fixed;margin-bottom:0px;}
.services_bg_2{background:url(../images/Services-banner.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.products_bg_2{background:url(../images/product-banner.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.Platforms_bg_2{background:url(../images/Platforms-banner.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}

.contact_bg{background:url(../images/contact-Distributors-banner.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.Newsletter_bg{background:url(../images/Newslette-banner.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.Support-Documents_bg{background:url(../images/Support-Documents-banner.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.peer-reviewed-publications_bg{background:url(../images/peer-reviewed-publications-banner.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}


.ScholarshipProgram_bg{background:url(../images/Scholarship-Program-right-all.jpg); 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;}
.inquiry_bg_small{ position:relative;padding-bottom:70px;}
/*.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
{ text-align:center !important;}*/
.error_bg{ background-color: #ffff00;color:#444444 !important;}


.banner_inpage{width:100%;margin:0 auto;  position:relative; background-size: cover; }
.banner_inpage .bread-crumb {margin-bottom:10px;font-size:16px;}
.banner_inpage .bread-crumb a:hover{color:#ffffff;}
.banner_inpage #particles-js{ z-index: 10;left:0;top:0;}
.banner_inpage .auto-container{ z-index: 20 !important;}
.auto-container{ /*max-width:1200px;*/margin:auto;}
.auto-container h2,.auto-container h1{/*font-weight:bold;*/color:#ffffff;position:relative;margin:0px 0px 0px 0px; text-align:center;/*font-size:36px;*/font-size:32px;font-family: 'gilroy-regular-3', sans-serif !important;}

.auto-container p{margin:0 0 15px 0; padding:10px 0; /*font-size:16px;*/font-size:14px;  padding-top:5px;line-height:30px;color:#ffffff;text-align:center; }
.bannercontent_site{ }
.bannercontent_site p{margin:0 0 15px 0; padding:10px 0; /*font-size:14px;*/font-size:12px; padding-top:5px;line-height:24px;text-align:left; }
.bannercontent_site div[class*="col"]{min-height:650px;}
.bannercontent_site div[class*="col"]:nth-child(1){background-color: #efefef;padding-top:15px;}
.bannercontent_site div[class*="col"]:nth-child(1) p{color:#444444 !important;}
.bannercontent_site div[class*="col"]:nth-child(2){background-color: #1757b1;padding-left:30px;}
.bannercontent_site h2{ text-align: left;}
.bannercontent_site .inquiry_width{width:100% !important;}

.banner_inpage .bread-crumb{padding-bottom:15px !important;margin-left:0px !important;}
.scroll_icon{/*font-size:14px;*/font-size:12px; border-radius: 20px;padding:3px 8px 3px 8px;border:1px solid #ffffff;color:#ffffff; cursor: pointer; display: inline-block;}
.scroll_icon i{/*font-size:14px !important;*/font-size:12px !important;}
.scroll_icon:hover{ background-color: #f5e928;color:#000000;border:1px solid #f5e928;}
.scroll_site{ position: absolute;bottom:70px;left:10%;}
.about_container{padding-top:40px;padding-bottom:40px;}
.about_container p{text-align:left !important;}
.about_container i{ display:inline-block;margin-top:30px;/*font-size:50px;*/font-size:45px;margin-left:5px;}
/*.small_content-width p,.small_content-width h2{width:100% !important;}*/
.auto-container .video { cursor:pointer;}
.auto-container .video i{position: absolute;left:40%;top:35%;/*font-size:90px;*/font-size:80px;color:#ffffff;}
.graybg{ background-color:#f2f2f2;padding-top:25px;padding-bottom:25px;margin-bottom:25px;}
.graybg_contact{ background-color:#f2f2f2;margin-bottom:25px; display:table;width:100%;}
.whitebg{ background-color:#ffffff;padding-top:25px;margin-top:25px;}
.picbg{ background-image:url(../images/contact-Distributors-bg.png); background-position:bottom;min-height:600px; background-repeat:repeat-x;padding-bottom:330px}
.about-list{padding-bottom:55px;}
.about-list div[class*="col"] p{min-height:150px;}
.about-list div[class*="col"]{padding-bottom:20px;}
.graybg_contact div[class*="col"]{line-height:35px;}
.graybg_contact div[class*="col"] strong{margin-top:40px;/*font-size:20px;*/font-size:18px; display:inline-block;}
.graybg_contact div[class*="col"] i{margin-right:15px;}
.scholarship-tab{ display:table;width:100%;}
.scholarship-tab li{padding:15px 25px 15px 25px;background-color:#dddddd;margin-right:15px;font-weight:bold; cursor: pointer;}
.scholarship-tab li span{ display:inline-block; position: relative;padding-right:40px;}
.scholarship-tab li.choosebg{background-color:#f2f2f2;}
.scholarship-tab li span img{position: absolute;top:-10px;right:-5px;}

@media (min-width: 1280px){
/*.services_bg_2{min-height:280px !important;}*/
.banner_inpage{min-height:550px;}
/*auto-container{width:88%;}*/
.aboutus_bg,.contact_bg,.ScholarshipProgram_bg{min-height:850px;}
.scholarship-tab li{float:left;}
	.auto-container p{width:50%;}
	.bannercontent_site p{width:100%;}
}
@media (min-width: 769px) and (max-width: 1279px){
/*.services_bg_2{min-height:280px !important;}*/
.banner_inpage{min-height:550px;}
/*.auto-container{width:88%;}*/
.aboutus_bg,.contact_bg,.ScholarshipProgram_bg{min-height:850px;}
.scholarship-tab li{float:left;}
	.auto-container p{width:50%;}
	.bannercontent_site p{width:100%;}
	}
@media (max-width: 768px){
/*.services_bg_2{min-height:280px !important;}*/
.banner_inpage{min-height:550px;}
/*.auto-container{width:88%;}*/
.aboutus_bg,.contact_bg,.ScholarshipProgram_bg{min-height:850px;}
.scholarship-tab li{}
	.auto-container p{}
	}
/*--------------second banner end--------------*/
/*--------------Breadcrumb navigation begin--------------*/
.pathbg{ /*background-color:#fdfdfd;*/padding-top:15px;padding-bottom:15px;border-bottom:1px solid #cccccc;font-family: 'GoogleSansRegular', sans-serif;}
.bread-crumb{position:relative;font-size:14px !important;margin:auto;}
.bread-crumb li{position:relative;display:inline-block;margin-right:30px;color:#aaaaaa;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;color:#aaaaaa;}
.bread-crumb li:last-child:after{display:none;}
.bread-crumb li a{color:#aaaaaa;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:#0061cd;}


/*--------------Breadcrumb navigation end--------------*/
/*-------------- icon begin--------------*/
.bottomshare{display:inline-block !important;}
.social-icon-two{padding-top:0px;list-style-type:none; margin:0px 0 10px 0; padding:0; height:auto; }
/*.social-icon-two {margin-right:20px;margin-left:0px; float:left;}*/
.social-icon-two a{color:#efefef;/*font-size:22px !important;*/font-size:20px !important;margin-left:5px;margin-right:5px;display:inline-block !important;}
.social-icon-two a:hover{color:#ffffff;}
@media (min-width: 1280px){
.bottomshare{position: absolute;top:15px;right:0px; z-index: 1000;}
}
@media (min-width: 769px) and (max-width: 1279px){
.bottomshare{position: absolute;top:15px;right:0px; z-index: 1000;}
}
@media (max-width: 768px){
.bottomshare{position: relative;top:0px;right:0px;}
	}
/*-------------- 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:18px;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;*/font-size:24px;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*/
/**car**/

.ShoppingCar {}

.ShoppingCar .carTit {
	/*font-size: 20px;*/
	font-size: 18px;
	font-weight: bold;
}

.ShoppingCarList {
	margin-top: 20px;
	display: table;
	width: 100%;
/*	font-size: 14px;*/
	font-size: 12px;
	padding: 5px;
	background-color: #fafafa;
}

.ShoppingCarqiansebg {
	background-color: #f2f2f2;
	font-weight: bold;
}

.ShoppingCarList td {
	padding: 10px;
}

.ShoppingCarList tr:first-child td,
.ShoppingCarList tr:last-child td {
	background-color: #fafafa;
}

.ShoppingCarList tr td {
	border-bottom: 1px solid #efefef;
	background-color: #fff;
}

.sanjiao {
	border-top: 15px solid #f2f2f2;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	display: inline-block;
	position: relative;
	left: 45%;
}

.ShoppingCarList a:hover {
	color: #ff0000;
}

.ShoppingCarList .docare {
	color: #000000;
	cursor: pointer
}

.ShoppingCarList .docare:hover {
	color: #ff0000;
}

.ShoppingCarList .dellink {
	color: #000000;
	cursor: pointer
}

.shoppoingNote {
	padding: 10px 10px 10px 30px;
	background-color: #fcf6ee;
	/*font-size: 16px;*/
	font-size: 14px;
	margin-bottom: 15px;
	border: 1px solid #f4dec0;
	font-family: "conduitWebL", Arial, Helvetica, sans-serif;
	font-weight: lighter;
	position: relative;
	margin-top: 20px;
}

.ShoppingCarList .clearshoppingbasket:hover {
	color: #ff0000 !important;
}

.buycar {
	position: fixed;
	top: 35%;
	padding: 10px;
	right: 0;
	background-color: #2d6e94;
	line-height: 17px;
	z-index: 100000;
}

.buycar .icon_cart,.buycar .fa-shopping-cart {
	color: #f2f2f2;
	/*font-size: 26px;*/
	font-size: 23px;
	position: relative;
	top: 0px;
	right: 0;
	z-index: 100;
	cursor: pointer;
}

.buycar:hover .carcontent {
	display: block;
	color: #b9e8f7;
}

.buycar:hover .icon_cart,.buycar:hover .fa-shopping-cart {
	color: #ffffff;
}

.buycar a {
	color: #f2f2f2;
}

.buycar:hover a {
	color: #ffffff;
}

.buycar .carcontent {
	z-index: 99;
	position: absolute;
	top: 0px;
	right: 0;
	background-color: #2d6e94;
	display: none;
	color: #fff;
	padding: 15px;
	width: 240px;
}

.buycar .carcontent .Tit {
/*	font-size: 18px;*/
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #ffffff;
}

.buycar .carcontent .CarList {
	font-size: 12px;
	max-height: 275px;
	overflow: hidden;
	overflow-x: auto;
	overflow-y: scroll;
}

.buycar .carcontent .CarList tr td {
	border-bottom: 1px solid #f2f2f2;
	padding: 8px;
}

.buycar .carcontent .CarList tr:last-child td {
	border-bottom: 0px;
}

.buycar .num {
	width: 15px;
	height: 15px;
	display: inline-block;
	background-color: #F00;
	color: #ffffff;
	z-index: 12;
	position: absolute;
	top: -5px;
	right: 0px;
	border-radius: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	z-index: 110;
}

.CarList {
	margin-bottom: 20px;
}

.CarList table tr td {
	font-size: 13px;
	background: #2d6e94;
	color: #fff;
}

/* 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;}

/*product list or product show*/
.product_content_show{display:table;width:100;padding:0px 0px 30px 0px;}
.product_content_show div[class*="col-md-9"] h1{margin-bottom:30px;}
.product_content_show div[class*="col-md-9"]{line-height:26px;}
.product_content_show div[class*="col-md-3"]{padding-top:30px;}
.pro-descption{ display:table;width:100%;}
/*.pro-descption div[class*="col"]{padding:0px;margin:0px;}*/
.pro-descption .col-md-4{padding-left:15px !important;padding-right:15px !important;padding-bottom:15px;}

.product-groups{padding-top:20px;}
.product-groups .product-groups-unit > h4.active{color:#ffffff;background-color:#1856b2; display: block;  position:  relative;}
.product-groups .product-groups-unit > h4:after{content: "\f067";font-family: "Font Awesome 5 Free"; position: absolute;right:40px;font-weight:bold;}
.product-groups .product-groups-unit >.active:after{content: "\f068";font-family: "Font Awesome 5 Free"; position: absolute;right:40px;font-weight:bold;}
.product-groups .product-groups-unit > h4{ background-color:#f2f2f2;padding:10px;font-weight:bold; cursor:pointer; display: block;  position:  relative;}
.product-groups .product-groups-unit{ display:block;width:100%;}
.product-groups .product-groups-unit .product-groups-unit-content{ /*display:none;*/display:block;/*padding-left:10px;padding-right:10px;*/}
.product-groups .product-groups-unit .product-groups-unit-content .proshow-list{/* overflow-y:auto;*//*height:380px;*/}
.product-group-target-list-scoll{height:500px; overflow-y:auto;}
.product-group-target-list{margin-bottom:30px; display:table;width:100%;padding-bottom:30px;}
.product-group-target-list li{padding-top:5px;padding-bottom:5px;}

.proshow-list-specifications_area{padding-bottom:90px;}
.proshow-list-specifications-tit{font-weight:bold;margin-bottom:15px;margin-top:45px;/*font-size:20px !important;*/font-size:18px !important;font-family: 'Gilroy-Bold',sans-serif; /*background-color:#1856b2;*/color:#1f6a91;padding:10px; position: relative;}
.proshow-list-specifications-tit .list-inquiry{ background-color:#5086dc;padding:5px 10px 5px 10px; border-radius:5px; display: inline-block;margin-bottom:10px;/*font-size:16px;*/font-size:14px;/*border:1px solid #cccccc;*/margin-right:10px; }
.proshow-list-specifications-tit .list-inquiry a{color:#ffffff;}
.proshow-list-specifications-tit .list-inquiry:hover{background-color:#ff0000; transition:background-color 0.3s;/*border:1px solid #ff0000;*/}
.proshow-list-specifications-tit .list-inquiry:hover a{color:#ffffff;}

.proshow-list-specifications-tit i{margin-right:10px;}
.proshow-list-specifications{ position:relative;/*font-size:17px !important;*/font-size:15px !important;overflow-x: auto;}
.proshow-list-specifications ul {padding:0px;margin:0px;display:table;width:100%;border-bottom:1px solid #dddddd;font-family: gilroy, Helvetica, Arial," sans-serif" !important; position: relative;min-width: 1080px;}
/*.proshow-list-specifications ul:nth-child(2n+1){ background-color:#fafafa;}*/
.proshow-list-specifications ul:first-child{border-bottom:2px solid #1dcb8b; background-color:#f2f2f2;font-weight:bold; font-family: gilroy-bold, Helvetica, Arial," sans-serif";}
.proshow-list-specifications ul:first-child:hover{background-color:#f2f2f2;}

.proshow-list-specifications ul li{padding:10px 8px 10px 8px;margin:0px; list-style: none;}
.proshow-list-specifications tr td a{color:#1f6a91;}
.proshow-list-specifications ul:hover{ background-color:#f8f8f8;}
.proshow-list-specifications ul li a:hover,.proshow-list-specifications ul:hover a{color:#15a771;}
.proshow-list-specifications tr:hover .inquiry_btn{background-color:#15a771;color:#ffffff !important;}
.proshow-list-specifications tr td i{font-size:26px; cursor: pointer;}
.proshow-list-specifications .inquiry_btn{padding:0px 10px 0px 10px; background-color: #1f6a91; border-radius: 5px !important;color:#ffffff;}
.proshow-list-specifications  .inquiry_btn:hover{background-color:#15a771;color:#ffffff !important;}
.proshow-list-specifications ul .parameter-list{background-color:#eceff3;padding:10px;/*margin-top:50px;*/ display:none;}
.proshow-list-specifications ul .parameter-list .note{/*font-size:14px;*/font-size:12px; font-style: italic;color:#fa9c07; background-color: #f7f8e1;padding:3px 10px 3px 10px; display: inline-block;margin-bottom:10px;}
.proshow-list-specifications ul .parameter-list .download_button{border:1px solid #1f6a91;color:#1f6a91; border-radius:20px;padding:6px 12px 6px 12px;margin-right:15px;font-size:12px !important;/*font-size:14px !important;*/font-weight:bold;display: inline-block;margin-top:10px;}
.proshow-list-specifications ul .parameter-list .download_button:hover{ background-color: #1f6a91;color:#ffffff;}
.proshow-list-specifications ul .parameter-list .request_button{border:1px solid #15a771;color:#15a771; border-radius:20px;padding:6px 12px 6px 12px;/*font-size:14px !important;*/font-size:12px !important;font-weight:bold;display: inline-block;margin-top:10px;}
.proshow-list-specifications ul .parameter-list .request_button:hover{ background-color: #15a771;color:#ffffff;}
.parameter_table{/*font-size:15px !important;*/font-size:13px !important;}
.parameter_table td{padding:4px; vertical-align: top;}
.proshow-list-specifications ul li:nth-child(2){ cursor: pointer;}
.proshow-list-specifications ul:hover li{color:#15a771;}
.proshow-list-specifications ul li img{margin-right:10px;float:left;width:30px;height:30px;}

@media (min-width: 1280px){
	.proshow-list-specifications ul li{float:left;}
.proshow-list-specifications ul li:nth-child(1){width:10%;}
.proshow-list-specifications ul li:nth-child(2){width:30%;}
.proshow-list-specifications ul li:nth-child(3){width:15%;}
.proshow-list-specifications ul li:nth-child(4){width:12%;text-align: center;}
.proshow-list-specifications ul li:nth-child(5){width:10%;text-align: center;}
.proshow-list-specifications ul li:nth-child(6){width:8%; text-align: center;}
.proshow-list-specifications ul li:nth-child(7){width:15%; text-align: center;}
.inquirybuttonWidth{width:60%;}
.product-group-target-list li{float:left;width:33%;}
.proshow-list-specifications-tit .list-inquiry{ position: absolute;right:0px;}
}
@media (min-width: 769px) and (max-width: 1279px){
	.proshow-list-specifications ul li{float:left;}
.proshow-list-specifications ul li:nth-child(1){width:10%;}
.proshow-list-specifications ul li:nth-child(2){width:30%;}
.proshow-list-specifications ul li:nth-child(3){width:15%;}
.proshow-list-specifications ul li:nth-child(4){width:12%;text-align: center;}
.proshow-list-specifications ul li:nth-child(5){width:10%;text-align: center;}
.proshow-list-specifications ul li:nth-child(6){width:8%;text-align: center;}
.proshow-list-specifications ul li:nth-child(7){width:15%;text-align: center;}
.inquirybuttonWidth{width:60%;}
.product-group-target-list li{float:left;width:33%;}
	.proshow-list-specifications-tit .list-inquiry{ position: absolute;right:0px;}
}
@media (max-width: 768px){
.proshow-list-specifications ul li{width:100%;float:left;}
.inquirybuttonWidth{width:100%;}
	.pro-show-area ul li{padding-bottom:30px;}
	.product-group-target-list li{width:100%;}
.proshow-list-specifications-tit .list-inquiry{ position: absolute; right: 0;}
}
.noticefont{ padding:30px 10px 10px 10px;/*font-size:15px;*/font-size:13px;line-height:22px; margin-top:20px; display: block;}
.download_pdf i{/*font-size:75px;*/font-size:67px; display:block;margin-bottom:5px;}
.download_pdf{text-align:center;/*font-size:16px;*/font-size:14px;color:#ff0000;}
.download_pdf a{color:#ff0000;}
.download_pdf:hover a{color:#1856b2;}

.proshow-list{}
.proshow-list > ul{border-bottom:1px solid #efefef;padding-bottom:15px;margin-bottom:15px; position:relative;}
.proshow-list > ul li h4 a{font-weight:bold;}
.proshow-list > ul li h4{line-height:24px;/*font-size:14px !important;*/font-size:12px !important;margin-bottom:5px;}
.proshow-list > ul li > ul{ display:table;width:100%;font-size:12px !important;color:#444444;line-height:25px;}
.proshow-list >ul .list-button{position:absolute;top:0;}
.proshow-list >ul .list-button .list-inquiry{ background-color:#5086dc;padding:8px 15px 8px 15px; border-radius:5px; display: inline-block;margin-bottom:10px;/*font-size:18px;*/font-size:16px;/*border:1px solid #cccccc;*/margin-right:5px;}
.proshow-list >ul .list-button .list-inquiry a{color:#ffffff;}
.proshow-list >ul .list-button .list-inquiry:hover{background-color:#ff0000; transition:background-color 0.3s;/*border:1px solid #ff0000;*/}
.proshow-list >ul .list-button .list-inquiry:hover a{color:#ffffff;}
.proshow-list >ul:hover li h4 a{color:#ff0000;transition:background-color 0.3s;}

@media (min-width: 1280px){
.proshow-list > ul li > ul li{float:left;width:35%;}
	.proshow-list > ul li h4{padding-right:220px;}
.proshow-list >ul .list-button{position:absolute;right:0%;top:0;width:180px; text-align: right;}
}
@media (min-width: 769px) and (max-width: 1279px){
.proshow-list > ul li > ul li{float:left;width:35%;}
	.proshow-list > ul li h4{padding-right:220px;}
.proshow-list >ul .list-button{position:absolute;right:0%;top:0;width:180px;text-align: right;}
}
@media (max-width: 768px){
.proshow-list > ul li > ul li{width:100%;}
	.proshow-list > ul li h4{}
/*.proshow-list > ul li > ul li b{ display:block;width:100%;}*/
.proshow-list >ul .list-button{position: relative;right:0;top:10px; text-align:left;width:100%; display: block;}
}

.FilterTitarea{ position:relative;}
.FilterTitarea span { display:inline-block; border:1px solid #efefef; border-radius:5px;padding-left:6px;padding-right:6px; background-color:#fafafa; cursor:pointer;}
.FilterTitarea span:hover{border:1px solid #0061cd; background-color:#0061cd;color:#ffffff;}
.FilterTitarea span i{/*font-size:15px;*/font-size:13px;}
.FilterTitarea-Tit{font-weight:bold;margin-top:10px;margin-bottom:10px;/*font-size:16px;*/font-size:14px;}
.FilterTitarea-Tit i{/*font-size:15px !important;*/font-size:13px !important;}


.fixMenu{position: relative;height:auto;left:0px;z-index: 100;  /*background-color: rgba(255,255,255,0.9);padding:10px 20px 20px 30px;*/}
.fixMenu .linenav{position: absolute;top:10px;height:3px; background-color: #f5e928;}
.fixMenu h3{font-weight:bold;/*font-size:20px;*/font-size:18px;line-height:26px;}
.fixMenu a{color:#5086dc;/*border-bottom:1px solid #efefef;*/font-size:15px;padding-top:8px;padding-bottom:8px; display:block;line-height:22px; font-family:'MerriweatherSans-Light', serif;}
.fixMenu h3 a{/*font-size:20px;*/font-size:18px;line-height:26px;border-bottom:0;padding-top:0px;padding-bottom:0px;color:#444444;}
.fixMenu a:hover{color:#ff0000;}
.second_fixMenu{padding-top:20px;}
.second_fixMenu span{top:40px !important;}
/*@media (min-width: 1280px){
	.fixMenu{width:13%;top:20%; }
}
@media (min-width: 769px) and (max-width: 1279px){
.fixMenu{width:13%;top:20%; }
	}
@media (max-width: 768px){
.fixMenu{width:70%;top:30%; }
	}*/

/*shopping cart*/
.filter-box {
    padding: 20px 15px 8px 15px;
    background: url("../images/filter-bg.jpg")  center;
    background-size:cover;
}
.filter-one {
    margin-bottom: 15px;
    font-size: .97em;
}
.filter-one ul li{
    display: inline-block;
    margin-right: 20px;
}
.filter-one b {
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 0.94em;
}
.crumbs-all{
    display: inline-block;
    padding: 0 6px 1px 6px;
/*    border: 1px dashed #535fb0;*/
    color: #535fb0;
}

.crumbs-handle {
    display: inline-block;
    padding: 0 30px 1px 6px;
    border: 1px dashed #535fb0;
    position: relative;
    color: #535fb0;
}
.filter-one .checkbox-inline {
    position: relative;
}

.filter-one .input_check{
    position: absolute;
    visibility: hidden;
}
.filter-one .input_check+span.check_span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #c1bfbf;
    position: absolute;
    left: 0;
    top: 5px;
}

.filter-one .input_check:checked+span.check_span:after {
    content: "\f00c";
    position: absolute;
    font-family: "Font Awesome\ 5 Free";
    left: 0;
    top: -5px;
    color: #535fb0
}

.filter-one .input_check:checked+span.check_span {
    border: 1px solid #535fb0
}

.filter-one .checkbox-inline:hover {
    color: #535fb0
}
.filter-one a.filter-close {
    font-size: 1em;
    padding: 1px 7px;
    position: absolute;
    right: -1px;
    top: -1px;
    text-decoration: none;
    color: #333;
}
.filter-one a.filter-close:hover{
    background: #535fb0 ;
    color: #fff;
}
.filter-one ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter-select{
    position: absolute;
    right: 20px;
    top: 0;
}
.filter-select span{
    cursor: pointer;
    padding: 0px 15px 0 5px;
    border: 1px solid #ddd;
    display: inline-block;
    position: relative;
    color: #535fb0;
    font-size: 0.9em;
}
.filter-select span  i:after{
    content: "\f067";
    font-family: "Font Awesome\ 5 Free";
    font-style: normal;
    font-size: 0.4em;
    position: absolute;
    top: 2px;
    right: 3px;
    color: #999;
}
.filter-select span.open  i:after{
    content: "\f068";
    font-family:"Font Awesome\ 5 Free";
    font-style: normal;
    font-size: 0.4em;
    position: absolute;
    top: 2px;
    right: 3px;
    color: #999;
}

.addcart{
    display: inline-block;
    width: 100%;
    font-size: 1.2em;
    color: #f1a707;
}


.product-ag{
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 15px;
}
.product-rec a{
    /*font-size: 20px;*/
	font-size: 18px;
    padding: 10px 15px;
    display: inline-block;
}
.product-tit{
/*    font-size: 24px;*/
	font-size: 22px;
}
.product-page{
    margin: 30px 0;
}

.product-page .pagination>li>a{
    margin-left: 10px;
    background: #c5c4c4;
    border-radius: 3px;
    color: #ffffff;
    border: none;
}
.product-page .pagination>li>a:hover{
    background: #5967c1;
}
.product-page .pagination>li.active>a{
    background: #5967c1;
    border: none;
}
.product-page .pagination>li.active>a:hover{
    background: #c5c4c4;
}
.product-name{
    color: #5967c1;
    font-size: 20px;
	/*font-size: 22px;*/
    margin-bottom: 15px;
    margin-top: 10px;
    word-break: break-all;
}
.product-name span{
    display: inline-block;
    font-size: 0.8em;
    margin-left: 40px;
    color: #595959;
}
.star-box{
    display: inline-block;
    width: 102px;
    height:16px;
    background: url("../images/star-list.png") no-repeat ;
}
.product-data a{
    display: inline-block;
    margin-bottom: 10px;
    padding-right: 10px;
}
.product-data a:hover{
    text-decoration: none;
}
.product-tab{
    margin:20px 0;
}
.product-tab .nav-tabs{
    border-bottom: none;
    background: #f9f9f9;
}
.product-tab .nav-tabs>li>a{
    border-radius: 0;
    background: #e7e7e8;
    color: #45464f;
    font-weight: 600;
    border-right: 5px solid #fff;
    border-left: none;
    border-top: none;
    border-bottom: none;
}
.product-tab .nav-tabs>li>a:hover{
    background:#858bb1 ;
    color: #ffffff;
}
.product-tab .nav-tabs>li.active>a, .product-tab .nav-tabs>li.active>a:hover,.product-tab .nav-tabs>li.active>a:focus{
    background: #6f7ac2;
    color: #ffffff;
    border-right: 5px solid #fff;
    border-left: none;
    border-top: none;
    border-bottom: none;
}
.product-tab .tab-content{
    border: 1px solid #e3e3e3;
    margin: 7px 0 20px 0;
    padding: 2px;
}
.data-box{
    background: #f9f9f9;
    word-wrap:break-word;
}
.data-box .row{
    border-bottom: 1px solid #ffffff;
}
.data-box div[class*="col-md"]{
    padding: 8px 15px 8px 25px;
}
.submit-rq a{
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin:0 7px;
    color: #242424;
    margin-bottom: 10px;
}
.review-box{
    padding: 20px 10px;
}
.submit-rq a:hover{
    background: #e7e7e8;
    text-decoration: none;
}
.submit-rq a.active{
    background: #6f7ac2;
    color: #ffffff;
}

.view-box {
    display: inline-block;
    margin:0 7px;
}
.view-box select{
    padding: 5px;
    outline: none;
    border: 1px solid #c5c5c7;
    border-radius: 3px;
}
.view-qa{
    font-size: 0.9em;
    padding:15px;
    color: #999;
    display: inline-block;
}
.votes-box{
    position: relative;
    text-align: center;
}
.votes-box a,.votes-box span.vote-one{
    display: block;
    height: 35px;
    line-height: 35px;
}

.votes-box span.vote-one{
    font-weight: bold;
    font-size: 1.3em;
}
.votes-box span.vote-two{
    display: block;
    height: 100px;
    line-height: 100px;
    font-weight: bold;
    font-size: 1.3em;

}
.votes-box a .fa{
    color: #dcdcdc;
}
.vote-left{
    position: absolute;
    right: 0;
    top: 37%;
    color: #eee;
}
.vote-content{
    background: #f9f9f9;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #e3e3e3;
}
.comment-title{
    font-size: 21px;
    color: #5967c1;
    line-height: 1.2em;
}
.proImg img{
    margin: 5px 0 10px 0;
}
.comment-icon{
    color: #dddddd;
}
.font-gray{
    color: #6f6e6e;
}
.user-one{
    color: #5967c1;
}
.user-two{
    color: #d1b146;
}
.comment-icon .fa{
    font-size: 30px;

}
.comment-box{
    border: 1px solid #e3e3e3;
}
.comment-box .com-cont{
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
}
.comment-box .com-cont:first-child{
    background: #f9f9f9;
}
.comment-box .com-cont:last-child{
    border-bottom: none;
}
.com-cont .col-md-1{
    width: 11%;
}
.com-cont .col-md-11{
    width: 89%;
}
.votes-two a .fa{
    color: #dcdcdc;
}
.votes-two span.vote-one{
    font-weight: bold;
    display: block;
}
.Refer-box{
    padding: 20px 10px;
}
.refer-icon{
    position: relative;
    padding-left: 25px;
}
.refer-icon:before{
    font-family: "Font Awesome\ 5 Free";
    content: "\f15c";
    color: #dddddd;
    padding-right: 10px;
    position: absolute;
    left: 5px;
    top: 2px;
}

.view-product{
    border: 1px solid #dddddd;
    margin-bottom: 60px;
    margin-top: 20px;
    padding-bottom: 20px;
}
.view-ptitle{
    font-size: 14px;
	/*font-size: 16px;*/
    background: #f9f9f9;
    padding:15px 10px;
    margin-top: 0;
    font-weight:  bold;
    margin-bottom: 30px;
}
.view-name{
    display: block;
    background: #f9f9f9;
    font-weight: bold;
    text-align: center;
    padding: 10px 3px;
    border: 1px solid #eeeeee;
    font-size: 1.1em;
}
.tabsamll-price{
    margin: 50px 0;
    background: #f9f9f9;
    border: 1px solid #eeeeee;
}
.tabsamll-price>thead>tr>th, .tabsamll-price>tbody>tr>th, .table>tfoot>tr>th{
    background: #e5e5e5;
    border: none;
}
.tabsamll-price>thead>tr>th,
.tabsamll-price>tbody>tr>th,
.tabsamll-price>tfoot>tr>th,
.tabsamll-price>thead>tr>td,
.tabsamll-price>tbody>tr>td,
.tabsamll-price>tfoot>tr>td{
    border: none;
    padding: 10px 8px;
    line-height: inherit;
}
.tabsamll-price>tbody>tr:last-child >td{
    background: #6f7ac2;
    padding: 5px;
    color: #ffffff;
    margin-top: 5px;
    text-align: center;
    border: 1px solid #6f7ac2;
}
.tabsamll-price>tbody>tr:last-child >td a{
    padding: 5px;
    color: #ffffff;
}
.tabsamll-price>tbody>tr:last-child >td a:hover{
    color: #e3e3e3;
    text-decoration: none;
}
.minus-icon,.plus-icon{
    cursor: pointer;
}

.minus-icon:before{
    font-family: glyphicons;
    content: "\2212";
    color: #9c9b9b;
}
.plus-icon:before{
    font-family: glyphicons;
    content: "\002b";
    color: #9c9b9b;
}
.delete-icon{
	cursor: pointer;
    padding: 5px 10px;
}
.table-cart .input-sm{
    min-width: 40px;
}
.table-cart select{
    padding: 5px ;
    border: none;
    background: #eeeeee;
}
.table-cart{
    border: 1px solid #dddddd;
}
.table-cart>thead>tr>td,
.table-cart>tbody>tr>td,
.table-cart>tfoot>tr>td{
    padding: 15px 5px;
    vertical-align: middle;
}
.table-cart>thead>tr>th,
.table-cart>tbody>tr>th,
.table-cart>tfoot>tr>th{
    background: #e5e5e5;
    padding: 15px 5px;
    vertical-align: middle;
}
.subtotal:before,.selling-price:before,.price-total:before{
    content: '$';
}
.basket-title{
    margin: 0 0 25px 0;
    background:#eeeff7;
    padding: 13px 10px;
    color: #444;
    font-size: 18px;
}

.price-box div[class*='col-md']{
    margin-top: 10px;
    margin-bottom: 10px;

}
.price-box select,.price-box input[type=text]{
    padding: 3px 5px ;
    height: 33px;
    width: 230px;
    border-radius: 2px;
    border: 1px solid #b2b2b1;
    outline: none;
}

.price-discount{
    display: inline-block;
    width: 150px;
}
.price-box a{
    display: inline-block;
    padding: 7px 15px;
    margin: 10px;
    float: right;
    color: #ffffff;
    background: #5967c1;
    border-radius: 3px;
}
.updata{
    color: #3a3a3a;
    display: inline-block;
    padding-top: 3px;
    font-size: 0.9em;
}
.price-box a.continue-shopping{
    background: #9ea0ab;
}
.cart-summary{
    margin: 15px 0;
}
.cart-summary span{
    color: red;
    display: inline-block;
    padding-right: 20px;
}
.cart-summary  label{
    font-size: 1.2em;

}

.register-title{
    margin-top: 40px;
    margin-bottom: 20px;
}

.name-box{
    font-size: 0.9em;
    margin-top: 20px;
    text-align: right;
}
.search-result{
    border-bottom: 1px solid #d6e9c6;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.search-result>.search-one{
    padding: 3px 10px 5px 3px;
    color: #888787;
    font-size: 0.85em;
}
.search-star .star-box{
    margin: 5px 15px;
}
.search-name{
    margin-bottom: 15px;
}
.search-name a{
    padding-left: 5px;
}
.search-name span.search-ab{
    font-size: 0.8em;
    display: inline-block;
    margin-left: 20px;
    color: #666666;
}
.search-re{
    padding: 20px 10px 0px 10px ;
    border: 1px solid #dddddd;
    margin-bottom: 80px;
}

.demo input, .demo textarea, .demo select {
    border: 1px solid #999;
    border-radius: 5px;
    color: #333;
    display: inline-block;
    height: 27px;
    font-size: 1.5em;
    text-align: center;
    width: 135px;
    vertical-align: middle;
}

.target-demo {
    display: inline-block;
    vertical-align: middle;
}
.write-hint{
    display: inline-block;
}
.write-title{
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 30px;
}
.write-box .form-control{
    box-shadow: none;
    border-radius: 0;
}
.write-box{
    margin-bottom: 60px;
}
.write-note{
    font-size: 0.9em;
    color: #666666;
    margin-top: 8px;
}
.write-file{
    border: 1px solid #ccc;
    width: 100%;
}
.submit-review{
    background: #74778c;
    color: #ffffff;
    border: none;
    padding:6px 10px;
    margin:10px ;
    border-radius: 3px;
    float: right;
}
.submit-review:last-child{
    background: #5967c1;
}
.makeinuiry{
    font-size: 22px;
    margin-bottom: 10px;
    margin-top:0;
}
.write-box label{
    padding-left: 5px;
}

.user-box{
    list-style: none;
    margin-bottom: 40px;
    padding-left: 0;
}
.user-box li{
    margin-bottom: 0;
    border-top:1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.user-box li:before{
    content: "\f2d1";
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);		/* IE 9 */
    -webkit-transform: rotate(90deg);	/* Safari and Chrome */
    -o-transform: rotate(90deg);		/* Opera */
    -moz-transform: rotate(90deg);		/* Firefox */
    font-family: "Font Awesome\ 5 Free";
    color: #dddddd;
    display: inline-block;
    font-size: 14px;
}

.user-box li a{
    font-weight: bold;
    color: #444;
    display: inline-block;
    padding: 14px 8px;
}
.user-box li:hover {
    border-top:1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;

}
.user-box li:hover a{
    color: #f3be3e;
    text-decoration: none;
    display: inline-block;
    padding: 14px 8px 14px 10px;
}
.user-box li:after{
    content: "\f0da";
    font-family: "Font Awesome\ 5 Free";
    color: #dddddd;
    float: right;
    padding: 14px 8px;
    font-size: 14px;
}

.user-box .active{
    border-top:1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;

}
.user-box .active:before,.user-box .active a{
    color: #f3be3e;
}
.user-information{
    font-weight: bold;
    font-size: 1.3em;
    margin-top: 0;
    margin-bottom: 20px;
}
.user-center .edit-icon .fa{
    float: none;
}
.edit-icon .fa{
    color: #f3be3e;
    display: inline-block;
    padding-left: 50px;
    /*font-size: 16px;*/
	font-size: 14px;
    float: right;
    cursor: pointer;
}
.edit-save{
    background: #74778c;
    color: #ffffff;
    border-radius: 3px;
    border: none;
    width: 100%;
    padding: 5px;
    font-weight: bold;
    outline: none;
    display: block;
    text-align: center;
}
.edit-save:hover,.edit-save:focus,.edit-save:active{
    outline: none;
    background:#757cb3 ;
    color: #ffffff;
    text-decoration: none;
}

.table-order{
    border: 1px solid #ebeaea;
    font-size: 0.92em;
}

.table-order>thead>tr>th{
    background: #a0a0a1;
    color: #ffffff;
    padding:12px 6px ;
    vertical-align: middle;
}
.table-order>tbody>tr>td{
    border-bottom: 1px solid #ebeaea;
    padding:15px 6px ;
}
.edit-box{
    margin-bottom: 40px;
}
.edit-box label,.user-edit label,.check-info .modal-content label{
    padding-left: 10px;
    font-size: 15px;
}
.check-order .modal-content .form-control{
    height: 30px;
    padding: 4px 8px;
}
.check-title{
    padding: 5px 0;
    margin-bottom: 10px;
}
.check-title b{
    color: #5967c1;
}


.edit-box span{
    color: red;
}

.check-order{
    border: 1px solid #ddd;
    padding:20px;
    margin: 40px 0;
}

.submit-order{
    width: 100%;
    background: #f3be3e;
    text-align: center;
    border: none;
    outline: none;
    color: #ffffff;
    font-weight: bold;
    border-radius: 3px;
    padding: 6px 10px;
    display: block;
}
.submit-order:hover,.submit-order:focus,.submit-order:active{
    color: #ffffff;
    background: #f3c556;
    text-decoration: none;
}
.order-box{
    padding:0  25px;
}
.order-amount{
    font-size: 1.2em;
    font-weight: bold;
    color: red;
}
.check-order .pencil-icon{
    color: #f3be3e;
    font-size: 17px;
}

.contact-title{
    font-size: 20px;
    margin-bottom: 10px;
}
.modal-open{
    overflow: auto;
}
.p-abbreviation{
    padding: 0 0 20px 0;
    margin-bottom: 40px;
    font-size: 0.8em;

}
.p-abbreviation div[class*='col-md']{
    margin-bottom: 10px;
}
.p-abbreviation span{
    display: inline-block;
    padding:2px 3px;
    border:1px dashed #bbac08;
    margin-right: 5px;
    line-height: 1.3em;
    width:35px;
    position: relative;
}

.table-check{
    margin-bottom: 10px;
}
.table-check>thead>tr>th, .table-check>tbody>tr>th,
.table-check>tfoot>tr>th, .table-check>thead>tr>td,
.table-check>tbody>tr>td, .table-check>tfoot>tr>td{

    border: 1px solid #ddd;
}
.table-check>thead>tr>th, .table-check>tbody>tr>th,
.table-check>tfoot>tr>th{
    background: #f9f9f9;
}
.Abbre-a{
    display: block;
    color: #666;
    font-size: 0.9em;
    margin-bottom: 30px;
}


.search-content .radio-inline+.radio-inline:hover,.radio-box .radio-inline+.radio-inline:hover {
    color: #5967c1
}

.search-content .radio-inline+.radio-inline,.radio-box .radio-inline+.radio-inline{
    margin-left: 25px
}

.search-content .radio-inline,.radio-box .radio-inline {
    position: relative
}

.search-content .radio_check,.radio-box .radio_check {
    position: absolute;
    visibility: hidden
}

.search-content .radio_check+span,.radio-box .radio_check+span{
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid #d3d3d3;
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 20px
}

.search-content .radio_check:checked+span:after,.radio-box .radio_check:checked+span:after{
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background: #5967c1
}

.search-content .radio_check:checked+span,.radio-box .radio_check:checked+span {
    border: 2px solid #5967c1
}


/* shopping cart css end*/

/*2019-7-8*/
@media (min-width: 1280px){
 .small_content-width div[class*="col-md-3"]{padding-right:20px !important;padding-left:0px !important;}
}
@media (min-width: 769px) and (max-width: 1279px){
 .small_content-width div[class*="col-md-3"]{padding-right:20px !important;padding-left:0px !important;}
}
@media (max-width: 768px){
  .small_content-width div[class*="col-md-3"]{}
}
/*index foot*/
.indexfoot{width:100%;/*padding-top:20px;padding-bottom:20px;*/ z-index: 8000; bottom:0px;color:#efefef;/*font-size:16px !important;*/font-size:14px !important;}
.indexfoot a{color:#efefef;}
.indexfoot a:hover{color:#ffffff;}
.indexfoot .small_content-width{padding-top:30px;padding-bottom:30px;border-top:1px solid #4583a4;margin-top:30px;}

.indexfoot div[class*="col-md-9"]{padding-top:4px;}
.indexfoot div[class*="col-md-3"] a{color:#cccccc;font-size:13px;}
.indexfoot div[class*="col-md-3"] a:hover{color:#ffffff;}

@media (min-width: 1280px){
	.indexfoot{ position:relative;}
.indexfoot div[class*="col-md-3"]{ text-align:right;}
}
@media (min-width: 769px) and (max-width: 1279px){
	.indexfoot{ position:relative;display:none;}
.indexfoot div[class*="col-md-3"]{ text-align:left;}
}
@media (max-width: 768px){
	.indexfoot{ position: relative;}
.indexfoot div[class*="col-md-3"]{ text-align:left;}
}

#cartTable input{height:30px;}
.secondContent{padding-bottom:80px;}

.GDUnit {
	margin-top:20px;
}
.GDUnitContent {
	border:1px solid #efefef;
	padding:0px;
	margin:0px;
	min-height:410px !important;
	position:relative;
}
.GDUnitContent h3{margin-bottom:5px;}
.GDUnit ul {
	margin:10px;
	padding:0px 0px 0px 15px;
	min-height:100px;
}
.GDUnit ul li {
	font-size:1em;
	list-style-type: disc;
}
.GDUnit .GD-tit {
	font-size:1.5em;
	line-height:1.2em;
	font-family:'gilroy-regular-3', sans-serif !important;;
	margin-top:10px;
	margin-left:10px;
	min-height:50px;
}
.indexmore {
	display:block;
	background-color:#dedcdc;
	font-size:1em;
	padding:5px 5px 5px 8px;
	position:absolute;
	bottom:5px;
	left:1%;
	right:5%;
	width:90%;
}
.indexmore a {
	color:#2a478a;
	text-decoration:none;
	display:block;
}
.GDUnit:hover .indexmore,.indexmore:hover {
	background-color:#5086dc;
}
.GDUnit:hover .indexmore a,.indexmore:hover a {
	color:#ffffff;
}


/*2019-11-26 menu nav*/
#diag_menu{height:auto;width:100%;/*margin-top:10px;*/}
#diag_menu ul li{color:#ffffff;height:auto;position: relative;line-height:40px; cursor: pointer; list-style: none;}
#diag_menu ul li a{color:#ffffff;display: block;width:100%;padding-left:8px;padding-right:8px;}
#diag_menu ul li a:hover{color:#ffffff !important;}
#diag_menu > ul > li.hovercolor > a{color:#444444 !important;}
#diag_menu > ul > li.hovercolor:hover > a{color:#ffffff !important;}
#diag_menu > ul > li .nomal_css{display: none;}
#diag_menu > ul > li .nomal_css li{/*line-height:22px !important;*/line-height:20px !important;padding-top:8px;padding-bottom:8px;width:100%;}

#diag_menu > ul > li.has-sub > a{padding-right:30px;}
#diag_menu > ul > li .nomal_css li.has-sub > ul{margin-top:10px;}

#diag_menu > ul > li.has-sub > a::after{
  top: 16px;
  position: absolute;
  right: 15px;
  width: 8px;
  height: 8px;
  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: #dddddd;
}
#diag_menu ul li ul li.has-sub > a::after{
  position: absolute;
  top: 15px;
  right: 10px;
  width: 8px;
  height: 8px;
  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: #dddddd;
}
#diag_menu ul li:hover{ background-color: #1a6b95;}
#diag_menu ul li:hover .diag_menu_show{}
.diag_menu_show{ width:100%; background-color:#1a6b95;height:auto;left:0; display: none;}
#diag_menu > ul > li ul li{/*dispaly:block;*/}
#diag_menu > ul > li .diag_menu_left{padding-right:0px !important;margin-right:0px !important;}
#diag_menu > ul > li.has-sub .diag_menu_right{background-color:#2380b0;padding-left:0px;margin-left:0px;}
#diag_menu > ul > li.has-sub .diag_menu_left ul li{clear:both !important;dispaly:block;width:100%;line-height:22px;padding-top:8px;padding-bottom:8px;}
#diag_menu > ul > li.has-sub .diag_menu_right ul li{/*dispaly:block*/;line-height:22px;padding-top:8px;padding-bottom:8px;}
#diag_menu > ul > li.has-sub .diag_menu_right ul li.has-sub ul{margin-left:15px;font-weight:lighter;/*display:none !important;*/margin-top:10px;background-color:#2380b0 !important;margin-right:15px;padding-left:0px;padding-right:0px;}
#diag_menu > ul > li.has-sub .diag_menu_right ul li.has-sub ul li{dispaly:block;width:100%;line-height:22px;padding-top:5px;padding-bottom:5px;border-bottom:1px solid #2b91c6;font-size:12px !important;padding-left:0px !important;padding-right:0px !important;}
#diag_menu > ul > li.has-sub .diag_menu_right ul li.has-sub ul li a{padding-left:10px;padding-right:10px;}
#diag_menu > ul > li.has-sub .diag_menu_left ul li:hover{background-color:#2380b0;}
#diag_menu > ul > li.has-sub .diag_menu_right ul li.has-sub ul li:hover{background-color:#2380b0;}
.choosedbg{background-color:#2380b0;}

#diag_menu #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;
color:#ffffff;
}

#diag_menu #menu-button{display:none;}
#diag_menu #menu-button {
    display: block;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    /*text-transform: uppercase;*/
  }


#diag_menu > ul > li.has-sub .diag_menu_right .menu_right_content{padding-top:10px;max-height:500px;overflow-y: auto;}
@media (min-width: 1151px){
    #diag_menu > ul >li.new-navi>ul>li>ul {
        position: absolute;
        background-color: #1a6b95;
        z-index: 10;
        left: 50%;
        box-shadow: 1px 0 20px rgba(21,21,21,0.2);
        max-height: 70vh;
        overflow-y: auto;
    }
#diag_menu #menu-button{display:none;}
#diag_menu #menu-button i{float:right;display:none;}
	#diag_menu > ul > li{float:left;}
	#diag_menu > ul > li .diag_menu_show{ position:fixed; }
    #diag_menu > ul > li #diag_menu_show_00{ max-height: 80vh;
    overflow-y: auto; }
	#diag_menu > ul > li .diag_menu_show.tabshow{display:none !important;}
/*#diag_menu > ul > li:hover .nomal_css{ display: block !important;}
	#diag_menu > ul > li:hover .diag_menu_show{ display: block !important;}*/
	#diag_menu > ul > li.has-sub .diag_menu_right ul li{float:left !important;}
	#diag_menu > ul > li.has-sub .diag_menu_right .menu_right_content:first-child{display:block;}
	#diag_menu > ul > li.has-sub .diag_menu_right .menu_right_content{display:none;margin-left:15px;margin-right:15px;min-height:300px;}
	#diag_menu > ul > li .nomal_css{float:left !important;width:360px; position: absolute;}
		#diag_menu > ul{float:right;margin-right:20px;}
        #diag_menu_show_01>li>ul>li ul {
            margin-left: 15px;
        }
    #diag_menu_show_01>li>ul>li .submenu-button {
        height: 8px;
        width: 8px;
        cursor: pointer;
        border-bottom: 2px solid #000;
        border-right: 2px solid #000;
        -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: #dddddd;
        top: 15px;
    }
}
@media (min-width: 1280px) and (max-width: 1366px){
#diag_menu #menu-button{display:none;}
#diag_menu #menu-button i{float:right;display:none;}
	#diag_menu > ul > li{float:left;}
/*	#diag_menu > ul > li .diag_menu_show{ position:fixed;overflow-y: auto;}*/
	#diag_menu > ul > li .diag_menu_show.tabshow{display:none !important;}
	/*#diag_menu > ul > li:hover .nomal_css{ display: block !important;}*/
/*	#diag_menu > ul > li:hover .diag_menu_show{ display: block !important;}*/
	#diag_menu > ul > li.has-sub .diag_menu_right ul li{/*float:left !important;*/}
	#diag_menu > ul > li.has-sub .diag_menu_right .menu_right_content:first-child{display:block;}
	#diag_menu > ul > li.has-sub .diag_menu_right .menu_right_content{display:none;margin-left:15px;margin-right:15px;min-height:300px;}
	#diag_menu > ul > li .nomal_css{float:left !important;width:360px; position: absolute;}
		#diag_menu > ul{float:right;margin-right:20px;}


}

@media (min-width: 769px) and (max-width: 1279px){
#diag_menu #menu-button{display:none;}
#diag_menu #menu-button i{float:right;display:none;}
	#diag_menu > ul > li{float:left;}
/*		#diag_menu > ul > li .diag_menu_show{ position:fixed;overflow-y: auto;}*/
	#diag_menu > ul > li .diag_menu_show.tabshow{display:none !important;}
	/*#diag_menu > ul > li:hover .nomal_css{ display: block !important;}*/
	/*#diag_menu > ul > li:hover .diag_menu_show{ display: block !important;}*/
	#diag_menu > ul > li.has-sub .diag_menu_right ul li{float:left !important;}
	#diag_menu > ul > li.has-sub .diag_menu_right .menu_right_content:first-child{display:block;}
	#diag_menu > ul > li.has-sub .diag_menu_right .menu_right_content{/*display:none !important;*/margin-left:15px;margin-right:15px;}
	#diag_menu > ul > li .nomal_css{float:left !important;width:360px; position: absolute;}
	#diag_menu > ul{float:right;margin-right:45px;}

}
@media screen and (min-width: 769px) {
    #diag_menu_show_00 .small_content-width {
        display: flex;
    }
    #diag_menu_show_00 .col-md-3, #diag_menu_show_00 .col-lg-3, #diag_menu_show_00 .col-md-9, #diag_menu_show_00 .col-lg-9 {
        float: none;
    }
}
@media (max-width: 768px){
 #diag_menu #menu-button {
    display: block;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    /*text-transform: uppercase;*/
  }
	#diag_menu > ul{width:100%;}

	#menu-button i{float:right;}
#diag_menu ul li{}
#diag_menu .small_content-width{width:100%}
.diag_menu_show{ position: relative;overflow-y: scroll;}
.diag_menu_left > ul{display:block !important;}
#diag_menu > ul > li.has-sub .diag_menu_right ul li{width:100%;}
/*#diag_menu .submenu-button {
    position: absolute;
    z-index:10000;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }*/
  #diag_menu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 10000;

  }
  #diag_menu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 10000;

  }
 #diag_menu .submenu-button.submenu-opened:after {
    display: none;
  }
	#diag_menu > ul > li.has-sub .diag_menu_right .menu_right_content > ul{display:block !important;}
	#diag_menu > ul > li.has-sub .diag_menu_right .menu_right_content {display:block;margin-left:15px;margin-right:15px;}
	#diag_menu > ul > li.has-sub .diag_menu_right .menu_right_content:first-child {display:block;margin-left:15px;margin-right:15px;}
	#diag_menu > ul > li.has-sub > a::after,#diag_menu ul li ul li.has-sub > a::after{ display: none;}
	#diag_menu > ul > li.has-sub .diag_menu_right ul li{width:100%;}
	#diag_menu > ul > li .nomal_css{width:100%; position: relative;}
	/*#diag_menu > ul > li .nomal_css ul{ display: block;}*/

}


#diag_menu .submenu-button {
    position: absolute;
    z-index:10000;
    right: 0;
    top: 0;
    display: block;

    height: 32px;
    width: 32px;
    cursor: pointer;
  }

@media (max-width: 768px){
 #diag_menu .submenu-button {
    display: block;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    /*font-size: 20px;*/
	 font-size: 18px;
    /*text-transform: uppercase;*/
	 border-left: 1px solid rgba(120, 120, 120, 0.15);
  }
}

 .menu_right_content::-webkit-scrollbar{
    width:10px;
    height:10px;
    }
    .menu_right_content::-webkit-scrollbar-thumb{
    background-color:rgba(255,255,255,0.4);
    border-radius:10px;
    -webkit-box-shadow:inset1px1px0rgba(0,0,0,0.5);
    }

/*    .menu_right_content:hover::-webkit-scrollbar-thumb{
    background-color:rgba(0,0,0,.2);
    border-radius:10px;
    -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);
    }*/

/*    .menu_right_content::-webkit-scrollbar-thumb:hover{
    background-color:rgba(0,0,0,.4);
    -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);
    }*/

    .menu_right_content::-webkit-scrollbar-track{
    border-radius:10px;
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
    background-color:rgba(26,107,164,1);
    }
/*    .menu_right_content::-webkit-scrollbar-track:hover{
    -webkit-box-shadow:inset006pxrgba(0,0,0,.4);
    background-color:rgba(0,0,0,.01);
    }*/


.diag_menu_show::after{
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#diag_menu_show_01 {
    width: 300px!important;
}
#diag_menu_show_01>li>ul {
    position: absolute;
    left: 100%;
    top: -5px;
    background: #1a6b95;
    padding-right: 30px;
    padding-left: 30px;
    width: 300px;
    display: none;
}
#diag_menu_show_01>li:hover>ul {
    display: block;
}
#diag_menu_show_01>li {
    padding-right: 10px;
}
#diag_menu_show_01>li>a {
    position: relative;
 /*   font-weight: bold;*/
   /* font-size: 1.1rem;*/
}

#diag_menu_show_01 li.has-sub>a::before{
    position: absolute;
    content: "";
    top: 8px;
    right: 10px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;

    -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: #dddddd;
}
/*#diag_menu_show_01>li>a::before {
    position: absolute;
    content: "";
    width: 98%;
    height: 1px;
    background: #e8eef14d;
    left: 0;
    bottom: -10px;
}*/
#diag_menu_show_01>li>a::after {
    display: none;
}
#diag_menu_show_01>li:last-child {
    padding-bottom: 30px!important;
}
#diag_menu_show_01>li a[href]:hover {
    color: #D8AD15!important;
}

.contentItem>p:first-child {
    font-size: 1.2rem;
}

.proshow-list-specifications.newsTable {
    padding-left: 0;
    padding-right: 0; }
.proshow-list-specifications.newsTable ul li:last-child {
    text-align: center; }

.proshow-list-specifications.newsTable + h3 {
    margin-top: 60px;
    font-size: 1.3em!important;
}

@media screen and (min-width: 679px) {
    .proshow-list-specifications.newsTable {
        padding-left: 0;
        padding-right: 0; }
    .proshow-list-specifications.newsTable ul {
        display: grid;
        grid-template-columns: 12% 40% 8% 10% 10% 10% 10%; }
    .proshow-list-specifications.newsTable ul li {
        float: unset;
        width: 100%; } }

        .number-box {
            display: flex;
        }
        .dellink {
            display: flex;
            align-items: center;
            i {
                margin-right: 5px;
            }
        }