/* CSS Document */

* {  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;}
html{ overflow-x:hidden;}
body{ margin:0; padding:0; font-family: 'Titillium Web', sans-serif; overflow-x:hidden; position:relative;}
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
.clearfix{ clear:both; float:none;}

.h20{ height:20px;}.h40{ height:40px;}.h60{ height:60px;}.h10{ height:10px;}

.mainMenu{display:inline-block; width:auto; margin: 9px 35px 0 0; float:right;}
.mainMenu ul{margin:0; padding:0; list-style: none;}
.mainMenu ul li{ font-size:14px; font-weight: 600; color:#0058a3; float:left; padding: 0;}
.mainMenu ul li.smallM{ position:relative;}
.mainMenu ul li ul{width:220px; position:absolute; margin:0; top:160px; left:30px; background:#fff; border-top:3px solid #0058a3; padding:0; height:auto; opacity:0; visibility:hidden; z-index:500; transition:all .5s;}

.mainMenu ul li .lastu{ width:220px; position:absolute; margin:0; top:164px; left:0; background:#fff; border-top:3px solid #0058a3; padding:0; height:auto; opacity:0; visibility:hidden; z-index:500; transition:all .5s;	}
.mainMenu ul li ul li > ul{ width:320px; position:absolute; margin:0; top:-5px; left:272px !important; background:#fff; border-top:5px solid #233e7b; padding:0; height:auto; opacity:0; visibility:hidden; z-index:500; transition:all .5s;	}
.mainMenu ul li ul li{ padding:0; width:100% !important; line-height:40px; border-right:none;}
.mainMenu ul li ul li a{ width:100%; display:block; float:none; font-weight:400; height:40px; border-bottom:1px solid #efefef; line-height:40px; color:#000; border-right:none; font-size:13px; text-align:left; transition:all .5s; margin:0 auto; letter-spacing:0.3px; padding:0 20px;}
.mainMenu ul li ul li a:hover{color:#fff; background:#0058a3;}
.mainMenu ul li ul li a.mshover{color:#fff; background:#0058a3;}

.mainMenu ul li a.mMenu{position: relative;	display: inline-block;	margin:15px 0 0 25px; outline: none; color: #000; text-decoration: none; font-weight: 400; font-size: 14px;	padding-bottom: 45px; transition:all .5s;}
a.mMenu {overflow: hidden;	padding: 4px 0 3px 15px;	height: 20px;}
a.mMenu:hover,a.mMenu:focus{ color: #0058a3;}
.mainMenu ul li a.mhover{color:#0058a3;}

.sub-menu2{ position:absolute; margin:0; top:89px; left:0; right:0; width:100%; background:#fff; border-top:3px solid #0058a3; padding:20px 0; height:auto; opacity:1; visibility:hidden; z-index:500; transition:all .5s;}
.sub-menu2 a{ width:100%; display:block; float:none; font-weight:400; height:auto; border-bottom:1px solid #efefef; line-height:24px; color:#000; border-right:none; font-size:13px; text-align:left; transition:all .5s; margin:0 auto; letter-spacing:0.3px; padding:5px 7px;}
.sub-menu2 a:hover{color:#0058a3;}

.subMTitle{width:100%; height:35px; line-height:35px; font-size:18px; font-weight:600; background:#fff; border-bottom:1px solid #efefef; color:#0058a3; padding:0 7px; margin-bottom:5px;}

a.facebook{ display:block; width:40px; height:40px; font-size:14px; line-height:40px; text-align:center; color:#333; float:left; transition: all 0.3s ease-in-out;}
a.facebook:hover{ background:#016bb6; color:#fff;}
a.twitter{ display:block; width:40px; height:40px; font-size:14px; line-height:40px; text-align:center; color:#333; float:left; transition: all 0.3s ease-in-out;}
a.twitter:hover{ background:#08c1e2; color:#fff;}
a.linkedin{ display:block; width:40px; height:40px; font-size:14px; line-height:40px; text-align:center; color:#333; float:left; transition: all 0.3s ease-in-out;}
a.linkedin:hover{ background:#4875b4; color:#fff;}
a.instagram{ display:block; width:40px; height:40px; font-size:14px; line-height:40px; text-align:center; color:#333; float:left; transition: all 0.3s ease-in-out;}
a.instagram:hover{ background:#316699; color:#fff;}

.sldsbg{padding-top: 60px !important;    padding-bottom: 30px !important; /*background: #efefef url(../../bg-services.svg?id=58) !important;*/ background-position: center !important; /*background-repeat: no-repeat !important;*/background-size: cover !important;}
.sldsbg2{background: #efefef url(../../bg-services.svg?id=58) !important; background-position: center !important; background-repeat: no-repeat !important;    background-size: cover !important;}
a.moreLinkC2{ display:block; width:150px; height:44px; color:#0058a3; text-align:center; line-height:40px; transition:all .3s; font-weight:500; border:2px solid #0058a3;}
a.moreLinkC2:hover{ background:#0058a3; color:#fff; border-color:#0058a3;}

.contactT{width:100%; height:40px; border:1px solid #878787; background:#fff; float:left; padding:0 10px; margin-bottom:15px; font-size:13px; line-height:40px;  transition: all 0.4s ease-in-out;} 
.contactT:focus{border:1px solid #0058a3;}
.contactTA{width:100%; height:120px; border:1px solid #878787; background:#fff; padding:10px 10px; resize:none; margin-bottom:15px; font-size:13px; transition: all 0.4s ease-in-out;}
.contactTA:focus{border:1px solid #0058a3;}
.contactTA{width:100%; height:95px;}

.formSMit{ padding:10px 5px; font-size:13px; color:#fff; float:right; background:#0058a3; border:1px solid #0058a3; transition: all 0.3s ease-in-out; cursor:pointer; margin-top:0; border-radius:5px; width:100%; height:42px;}
.formSMit:hover{ background:#fff; color:#0058a3;}
a.new2L{display:block; width:100%; height:auto; position:relative; margin-bottom:30px; color:#353535; transition: all .3s ease-in-out;}
.nDateC{width:65px; height:93px; float:left; border:2px solid #353535; border-radius:2px; transition: all .3s ease-in-out;}
.nDateC2{width:100%; text-align:center; font-size:30px; padding:15px 0 5px 0; font-weight:600;}
.nDateC3{width:100%; text-align:center; font-size:13px;}
.nDateC4{width:100%; text-align:center; font-size:14px; padding-top:4px;}
.nTc{margin:0 0 0 80px;}
.nTc2{font-size:13px; color:#898989; padding:3px 0; letter-spacing:1px;}
.nTc3{width:100%; padding:5px 0 0 0; font-size:18px; font-weight:500;}
.nTc5{width:100%; padding:5px 0; font-size:14px; color:#757575; line-height:18px;}
.nTc4{width:100%; padding:0 0 0 0; font-size:14px; font-weight:500;}

a.new2L:hover{ color:#0058a3;}
a.new2L:hover .nDateC{ border-color:#0058a3; background:#0058a3; color:#ffF; }
.customNavigation a {	position:absolute; 	top:0;	width:40px;	height:40px;	line-height:36px;	text-align:center;	cursor:pointer;	color:#353535;	font-size:28px;	border:2px solid #353535;	opacity:1;	-webkit-transition: all 200ms linear;    -moz-transition: all 200ms linear;    -o-transition: all 200ms linear;    -ms-transition: all 200ms linear;    transition: all 200ms linear;	z-index:2000;}

.customNavigation a:hover {	opacity:1;	border:2px solid #0058a3;	color:#0058a3;}
.customNavigation  a.next-slide {	right:-60px;}
.customNavigation a.prev-slide {	left:-60px;}
.fhsln{ top:-305px; position:absolute; width:100%; height:40px;}


.iNBox2{width:100%; height:128px; margin:0; text-align:center;}



.iNBox2 img {
	height:auto !important;
	width:auto !important;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	transition:.5s;
	-o-transition:.5s;
	-ms-transition:.5s;

	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	filter:grayscale(100%);

	opacity: .6;
	display: inline-block;
	vertical-align: middle;
	margin:auto;
}

.iNBox2:hover img {
	opacity: 1;
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
}


.fnLogoI{ position:absolute; left:0; top:0; opacity:0.7; transition: all 0.3s ease-in-out;}
.fnLogoI2{ position:absolute; left:0; top:0; opacity:0; transition: all 0.3s ease-in-out;}
.logoMsk2{width:100%; height:50px; position:absolute; left:0; top:0; background:rgba(255,255,255,0.5); opacity:1; transition: all 0.3s ease-in-out;}
.logoName2{width:100%; text-align:center; position:absolute; left:0; bottom:65px; font-size:0px; color:#fff; transition: all 0.3s ease-in-out; transition-delay: 0.2s; font-weight:300;}

.inCon{width:100%; display:table; float:left;}
.inCLeft{width:50%; display: table-cell; vertical-align:bottom; text-align:right; background:url(../images/busines11.jpg); background-size:cover; background-position:top;}
.inCRight{width:50%; display: table-cell; text-align:left; background:#fbf8f6; vertical-align:middle; padding:50px 0;}
.inCSig{display:inline-block; text-align:left; padding:30px 60px 30px 20px; bottom:0; min-height:200px;}
.incSrT{width:100%; max-width:800px; padding-left:80px;}
.incSrT1{width:100%; margin-bottom:30px; text-align:left; font-size:40px; color:#333333; font-weight:700;}
.incSrT2{height:150px; line-height:28px; color:#717171; font-size:16px; font-weight:300;}
.incSrT3{font-weight:300; color:#333333; font-size:22px; padding-bottom:20px;}

a.moreLink{ display:block; width:173px; height:46px; background:#0058a3; color:#fff; text-align:center; line-height:48px; transition:all .3s; font-weight:600;}
a.moreLink:hover{ background:#333333;}
a.moreLink > i{ transition:all .2s; padding-right:20px; float:right; line-height:48px;}
a.moreLink:hover > i {padding-right:15px; padding-left:5px;}
.hexagon {  position: relative;  width: 56px;   height: 32px;  background-color: #0058a3;  margin: 16px auto; transition: all 0.3s ease-in-out; }

.hexagon:before,.hexagon:after {  content: "";  position: absolute;  width: 0;  border-left: 28px solid transparent;  border-right: 28px solid transparent;}
.hexagon:before {  bottom: 100%;  border-bottom: 16px solid #0058a3; transition: all 0.3s ease-in-out; }
.hexagon:after {  top: 100%;  width: 0;  border-top: 16px solid #0058a3; transition: all 0.3s ease-in-out; }


a.ibox{width:100%; height:100%; position:relative; background:#fff; border-top:6px solid #0058a3; padding:15px 0 0 0; display:block; transition: all 0.3s ease-in-out; }
.hicon{width:100%; height:43px; color:#fff; line-height:35px; text-align:center; font-size:22px; transition: all 0.3s ease-in-out; }
.iTitle{width:100%; text-align:center; color:#0058a3; padding:15px; font-size:22px; font-weight:800; text-transform:uppercase; transition: all 0.3s ease-in-out; }
.iTxt{font-size:14px; padding:5px 15px; line-height:20px; color:#565872; text-align:center; transition: all 0.3s ease-in-out; }
.itnt{width:100%; height:50px; background:#fff; position:relative; bottom:0; left:0; font-weight:800; color:#0058a3; transition: all 0.3s ease-in-out; }
.itnt1{display:inline-block; float:left; padding:0 15px; line-height:50px; font-size:14px; letter-spacing:1px; transition: all 0.3s ease-in-out; }
.itnt2{display:inline-block; float:right; padding:0 15px; line-height:50px; font-size:16px; transition: all 0.3s ease-in-out; }
a.ibox:hover{ background:#0058a3;}
a.ibox:hover .hicon{ color:#0058a3;}
a.ibox:hover .iTitle{ color:#fff;}
a.ibox:hover .iTxt{ color:#fff;}
a.ibox:hover .itnt{ background:#0058a3; color:#fff;}
a.ibox:hover .hexagon {background-color: #fff;}
a.ibox:hover .hexagon:before {border-bottom-color: #fff;}
a.ibox:hover .hexagon:after {border-top-color: #fff;}


a.card-item {    background: #fff;    position: relative;	display:block;    margin: 0 auto 30px;    padding-bottom: 15px;    overflow: hidden;}
.card-image{position:absolute; opacity:0; top:-100%; bottom:0; left:0; right:0; margin:auto; width:50px; height:50px; border-radius:100%; line-height:50px; z-index:1; transition: all 0.3s linear; text-align: center;}
.card-image > i{ width:auto; margin: 0 auto 0 auto; color: #fff; font-size: 30px; line-height: 50px;}
.cardImg{width:100%; height:100%; position:relative; overflow: hidden;}
.cardImg img{ display:block;}
.cardMsk{background: rgba(0,0,0,0.7); position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 0; transition: all 0.4s ease-in-out;}
.cardTitle{width:100%; height:auto; padding:10px 5px 10px 5px; color:#333; font-weight:600; font-size:18px; transition:all .3s;}
.cardTitle2{width:100%; height:auto; padding:15px 5px 5px 5px; color:#686868; font-weight:300; font-size:14px; transition:all .3s;}
.cardText{width:100%; height:auto; padding:5px 5px 0 5px; color:#666; font-weight:300; font-size:15px; line-height:17px; transition:all .3s;}
a.card-item:hover .cardTitle{ color:#0058a3;}
a.card-item:hover .cardText{ color:#0058a3;}
a.card-item:hover .cardMsk{ opacity:1; }
a.card-item:hover .card-image{top:0%; opacity:1;}


a.btnWhite{ width:auto; height:auto; padding:10px 15px; border:1px solid #fff; font-weight:400; margin:auto; font-size:14px; letter-spacing:1px; color:#fff; transition: all 0.4s ease-in-out;}
a.btnWhite:hover{ background:#083f88; color:#fff; border:1px solid #083f88; }


/*********/


ul.breadCrumb{ float:left; margin:0; padding:15px 0; list-style:none;}
ul.breadCrumb li{ float:left; margin:0; padding:0 5px;}
ul.breadCrumb li.first{ float:left; margin:0; padding:0 10px 0 0; text-align:left;}
ul.breadCrumb li a{ color:#333; font-size:14px;}
ul.breadCrumb li a:hover{ color:#0058a3;}
ul.breadCrumb li a > i{ padding-left:10px;}

.contentY{ margin-bottom:25px;}
.contentY p{ font-size:18px ; color:rgba(0,0,0,0.8); line-height:26px; font-weight:300; padding-bottom:20px; text-align:justify;}

.contentY p span{ color:#0058a3;}
.contentY ul{ font-size:18px; color:rgba(0,0,0,0.8); line-height:26px; font-weight:300; padding-bottom:5px; text-align:justify; list-style: circle; padding-left:20px; margin-bottom:25px;}
.contentY h3{ font-size:22px; color:#0058a3; line-height:26px; font-weight:600; padding-bottom:10px; padding-top:15px; text-align:justify;}
.contentY br {
   display: block;
   margin: 16px 0 0 0;
   content: " ";
   line-height:44px;
}




/****/

.contentCover{width:100%; height:auto; display:inline-block; background:#000; padding:0;}
.contentCover img{ display:block; width:100%; margin-top:-5px;}
.contentTitleC{width:100%; margin-top:20px;}
.contentTitle{width:100%; padding:25px 0 15px 0; font-size:35px; color:#333; text-align:left; letter-spacing:1px; font-weight:700;}
.contentTitleS{width:10%; height:4px; background:#0058a3; margin:10px 0 10px 0;}


.proTitleS{width:10%; height:3px; background:#0058a3; margin:0 0 15px 0;}


.contentTitleC1{width:100%; margin-top:20px;}
.contentTitle1{width:100%; padding:25px 0 5px 0; font-size:28px; color:#696969; text-align:left; letter-spacing:1px; font-weight:700;}
.contentTitleS1{width:100%; height:2px; background:#0058a3; margin:10px 0 10px 0;}


.contentTitleC2{width:100%; margin-top:30px;}
.contentTitle2{width:100%; padding:25px 0 5px 0; font-size:20px; color:#696969; text-align:left; letter-spacing:1px; font-weight:700;}
.contentTitleS2{width:100%; height:2px; background:#0058a3; margin:5px 0 10px 0;}



/* **/


.leftMenu{ margin: 0 0 0 0;}
.leftMenu a{
  position: relative;
  display: block;
  color:#696969;
}
.leftMenu .navbar-nav {margin:0; float:left; list-style: none; padding: 0; width: 100%;}
.leftMenu .navbar-nav > li{
  width: 100%;
  float: left;
  position: relative;
  -webkit-transition: all 0.35s ease-out 0s;
  -o-transition: all 0.35s ease-out 0s;
  transition: all 0.35s ease-out 0s;
}
.leftMenu .navbar-nav > li:before {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  top: 0;
  background: transparent;
  -webkit-transition: all 0.35s ease-out 0s;
  -o-transition: all 0.35s ease-out 0s;
  transition: all 0.35s ease-out 0s;
}
.leftMenu .navbar-nav > li:hover > a {
  color: #FFF;
}

.leftMenu .navbar-nav > li.letNTitle:hover > a {
  color: #696969;
}

.leftMenu .navbar-nav > li:hover i {
  opacity: 1;
  filter: alpha(opacity=100);
}
.leftMenu .navbar-nav > li:hover:before {
  background: #0058a3;
  width: 100%;
}
.leftMenu .navbar-nav > li.letNTitle:hover:before {
  background: none;
  width: 100%;
}
.leftMenu .navbar-nav > li > a {
  padding: 12px;
  font-size: 16px; line-height: 20px;
  border-bottom: 1px solid #f0f0f0;
}


.leftMenu .navbar-nav > li > a .caret {
  position: absolute;
  right: 2px;
  top: 40%;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 0;
  border-left: 0;
  width: 7px;
  height: 7px;
  background: transparent;
  padding: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}



.leftMenu .navbar-nav > li .dropdown-menu {
  padding: 30px;
  background: #FFF;
  min-width: 250px;
  visibility: hidden;
  display: block;
  top: 0;
  margin-left: 130%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.35s ease-out 0s;
  -o-transition: all 0.35s ease-out 0s;
  transition: all 0.35s ease-out 0s;
}




.leftMenu .navbar-nav > li:hover > .dropdown-menu {
  display: block;
  margin-left: 100%;
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}



.textCenter{text-align:center;}
.footerInfoIcon{display:inline-block; font-size:30px; color:#333; height:40px; line-height:40px;}


.sFormText{padding:20px 0 15px 0; font-size:15px; font-family: 'Open Sans', sans-serif; font-weight:500; color:#444;}
.sFormTbox{width:100%; height:40px; background:#fff; padding:0 10px; font-size:13px; font-weight:300; color:#444; border:1px solid #999;}
.sFormTArea{width:100%; height:97px;  background:#fff; padding:10px; font-size:13px; font-weight:300; color:#444; resize:none; border:1px solid #999;}
.sFormTboxS{width:100%; height:40px;  background:#fff; padding:0 10px; font-size:13px; font-weight:300; color:#444; border:1px solid #999;}

.sbBtn{ padding:10px 13px; font-size:13px; color:#aaaaaa; float:left; background:#e3e3e3; transition: all 0.3s ease-in-out; cursor:pointer; margin-top:21px;}
.sbBtn:hover{ background:#0058a3; color:#fff;}

a.sbBtnNNN{ padding:10px 13px; font-size:13px; color:#aaaaaa; float:left; background:#e3e3e3; transition: all 0.3s ease-in-out; cursor:pointer; margin-top:6px;}
a.sbBtnNNN:hover{ background:#0058a3; color:#fff;}




/* */

.nice {
  /*border: solid #999 1px;*/
  background: #fff;
  font-size: 12px;
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 0 0 2px #fff;
  cursor:pointer;
  margin-top:4px;
}
.nice:hover {
  /*border: solid #125EC4 1px;*/
}
.nice .NFI-button {
  height: 45px;
  line-height:45px;
  background: #0058a3;
  color: #fff;
  border:1px solid #0058a3;
  width: 125px;
  font-weight: 400;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor:pointer;
}
.nice:hover .NFI-button {
  background: #fff;
  color:#0058a3;
}
.nice .NFI-button:hover {
  background: #fff;
  color:#0058a3;
}
.nice .NFI-filename {
  width: -moz-calc(100% - 125px);
  width: -webkit-calc(100% - 125px);
  width: calc(100% - 125px);
  background:#fff;
  border:1px solid #999;
	
  height: 45px;
  margin: 0;
  padding: 0;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-left:none;

}

/**/



.ctDocListCon{width:100%; height:60px; float:left; border-bottom:1px solid #f0f0f0; margin:0 0 0 0;}
.ctDocListIcon{width:40px; height:40px; float:left; margin:10px 10px;}
.ctDocName{height:40px;; font-size:15px; color:#696969; line-height:40px; margin-left:40px; margin-top:10px;}


a.docDownload{width:40px; height:40px; float:right; background:#0058a3;  color:#fff; font-size:17px; text-align:center; margin:0 5px 7.5px 0; display:block;}
a.docDownload i{ line-height:40px;}




.ctDocListIcon2{width:40px; height:40px; margin:10px 10px 10px 0px; float:left;}
.ctDocName2{height:40px; font-size:15px; color:#696969; line-height:40px; margin-left:90px; margin-top:10px; background:#efefef; padding-left:10px;}


a.docDownload2{width:40px; height:40px; float:left; background:#0058a3;  color:#fff; font-size:17px; text-align:center; margin:10px 5px 7.5px 0; display:block;}
a.docDownload2 i{ line-height:40px;}


.documentBox{width:100%; height:100%; position:relative; overflow:hidden; padding:0 0 12px 0; margin:15px 0 0 0;  border-bottom:1px dotted rgba(0,0,0,0.3);}

.documentMItitle{width:100%; text-align:center; font-size:17px; font-weight:600; letter-spacing:1px; padding-bottom:5px; padding-top:5px; height:75px; color:rgba(0,0,0,0.8);}
.documentMISep{width:20%; height:2px; background:#0058a3; margin:0 auto;}
.documentMItxt{width:100%; text-align:center; font-size:14px; font-weight:300; letter-spacing:1px; height:40px; padding-top:15px; color:rgba(0,0,0,0.8);}
.newsMInfoCon{width:100%; position:relative; margin:5px 0 0 0;}


a.docImgCon{width:100%; height:auto; text-align:center; position:relative; transition: all 0.3s ease-in-out; display:block; /*border:2px solid #0058a3;*/}
a.docImgCon img{ display:block;}
.docImgMask{width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.0); left:0; top:0; opacity:1; transition: all 0.3s ease-in-out; text-align:center;}
a.docImgCon:hover .docImgMask{ background:rgba(0,88,163,0.7); opacity:1;}
.docImgMask i{ font-size:34px; color:#fff; opacity:0; transition: all 0.3s ease-in-out;}
a.docImgCon:hover i{ opacity:1;}

.docImgICon{width:100%; height:35px; position:absolute; top:50%; margin-top:-17px;}






.docLink2 {
  position: relative;
  z-index: 1;
  width:100%; display:block; transition: all 0.3s ease-in-out; padding:10px 0; margin-top:19px; font-size:13px; text-align:center; color:#fff; border:#0058a3; background:#0058a3;}

.docLink2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
   transition: all 0.3s ease-in-out;}

.docLink2:hover::before { right: 0;background:rgba(255,0,0,1); transition: all 0.3s ease-in-out; }
.docLink2:hover{ border-color:rgba(255,0,0,1); color:#fff;}

.proLRmoreCn{width:100%; height:30px; position:absolute; left:0; bottom:25px;}

a.projectDet{ display:block; width:160px; height:30px; font-weight:600; margin:0 5px 0 0; color:#696969; text-align:center; float:right; line-height:30px; transition:all .3s; font-size:13px; }
a.projectDet:hover{ background:#0058a3; color:#fff;}
a.projectDet > i{ transition:all .2s; padding-right:20px; float:right; line-height:32px;}
a.projectDet:hover > i {padding-right:15px; padding-left:5px;}



.pDetailimg{width: 100%; margin: 31px 0 31px 0;}
.pDetailimg img{ width:100%;}


.projectDCon{width:100%; height:auto; padding-top:10px; position:relative; margin-bottom:40px;}
.projectDCon p{color:#4f4f4f; font-size: 15px; line-height: 22px; margin-bottom: 20px;}

.projectDLcon{width: 100%; padding: 10px 0; border-bottom: 1px solid #e5e6e6; margin-bottom: 0;}


.pDListL{width: 230px; height: 40px; line-height: 40px; border-right: 1px solid #e5e6e6; font-weight: 600; color: #4f4f4f; float: left; padding-left: 5px;}
.pDListR{margin-left: 245px; height: 40px;  padding-right: 10px; font-weight: 300; color: #4f4f4f;}
.pDListRr{width:100%; height:40px; vertical-align:middle; display:table-cell;}

.proGalleryCon{width: 100%; padding:0; border-bottom: 1px solid #e5e6e6; margin:15px 0 10px 0; }

.paddingGallery{padding-left: 2px !important; padding-right: 2px !important;}
.paddingGallery img{ width:100%;}
#gridList{ padding:2px 0;}



.productDetailT{ font-size:15px; color:#696969; line-height:20px; padding:20px 0 15px 0; text-align:justify; font-weight:300;}
.productDetailT p{ padding-bottom:10px;}
.productDetailT ul{ list-style: disc; padding-left:25px; padding-bottom:5px;}

.showM{ display:none;}
.showW{ display:block;}

.whatsApp{position:fixed; bottom:20px; right:15px; z-index:3000;}
.whatsAppImg{width:50px; height:50px;}
.whatsAppImg img{ width:50px;}





.teambox{float:left; width:100%; position:relative; line-height:0; z-index:1; margin-bottom:30px;}
.teamImg{width:100%; height:100%; position:relative; overflow: hidden;  box-shadow: 0 0 0 2px #efefef;}
.teamImg img{ width:100%; display:block;  transition:all 0.3s linear;}
.teamMsk{background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 80%, rgba(255, 255, 255, 0.9) 100%); position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 0; transition: all 0.4s ease-in-out;}


.vicon-image{position:absolute; top:-34px; left:0; right:0; margin:auto; width:68px; height:68px; border-radius:100%; line-height:50px; z-index:1; transition: all 0.3s linear; background: #0058a3; text-align: center; border:8px solid #fff;}
.vicon-image > i{ width:auto; margin: 0 auto 0 auto; color: #fff; font-size: 20px; line-height: 52px;}
.teamDt{width: 100%; height: auto; padding: 15px 0 0 0; color: #0058a3; font-size: 14px; font-weight: 500; text-align: center; line-height: 16px;}
.teamTitle{width: 100%; height: auto; padding: 10px 0; color: #333; text-align: center; line-height: 24px; font-size: 17px; font-weight: 700; transition: all 0.4s ease-in-out;}
.teamTitle2{width: 100%; height: auto; padding: 0 0; color: #333; text-align: center; line-height: 20px; font-size: 17px; font-weight: 400; transition: all 0.4s ease-in-out;}
.teamTitle3{width: 100%; height: auto; padding: 10px 0 0 0; color: #333; text-align: center; line-height: 20px; font-size: 15px; font-weight: 300; transition: all 0.4s ease-in-out;}

.teambox:hover .teamMsk{ opacity:1; }
.teambox:hover .teamTitle{ color: #0058a3; }



a.forumL{ color:#333;}
a.forumL:hover{color:#0058a3; transition: all 0.4s ease-in-out; }






/***************/

.logomobile{ width:179px; float:left; height:70px; padding:10px 0 10px 14px; background:#fff;}

.mobileheader{
	width:100%; min-height:70px;
	background-color:#fff;
	display:none;
	position:relative;
	z-index:5000;
	
}


a.mobileLink{ width:100%; height:40px; display:inline-block; font-size:17px; text-align:center; border-bottom:1px solid #e3e3e3; color:#404040; font-weight:300; line-height:40px;}
a.mobileLink:hover{ background:#0058a3; color:#fff;}
a.smobileLink{ width:100%; height:40px; display:inline-block; font-size:17px; text-align:center; border-bottom:1px solid #e3e3e3; color:#404040; font-weight:300; line-height:40px;}
a.smobileLink:hover{ background:#0058a3; color:#fff;}

a.ssmobileLink{	font-size:13px;
	display:block;
	border-bottom:1px solid #e3e3e3;
	margin:2px 0;
	padding:10px 0 10px 8px;
	color:#242424;
	text-decoration:none;
	text-align:center;
	font-weight:300;	
}
a.ssmobileLink:hover{	color:#0058a3;
	text-decoration:none;
	text-align:center;
	font-weight:300;
}


a.mobileActive{background:#0058a3; color:#fff;}
a.mobileActive2{color:#0058a3;}

a.mobileLink2{
	font-size:13px;
	display:block;
	border-bottom:1px solid #e3e3e3;
	margin:2px 0;
	padding:10px 0 10px 8px;
	color:#242424;
	text-decoration:none;
	text-align:center;
	font-weight:300;	
}
a.mobileLink2:hover{
	color:#0058a3;
	text-decoration:none;
	text-align:center;
	font-weight:300;
}


#mobile #toggle-bar {
	line-height:70px;
	height:70px;
	
}

.mobileMenuSub ul li {
	clear:both;
	list-style:none;
	position:relative;
	z-index:5000;
}

.mobileMenuSub ul li a {
	font-size:13px;
	display:block;
	border-bottom:1px solid #e3e3e3;
	margin:0 0;
	padding:10px 0 10px 8px;
	color:#242424;
	text-decoration:none;
	text-align:center;
	font-weight:300;
}
.mobileMenuSub ul li a:hover {
	color:#0058a3;
	text-decoration:none;
	text-align:center;
	font-weight:300;
}


.btn11 {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0px;
  right: 20px;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.btn11 .icon-left {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  height: 4px;
  width: 15px;
  top: 30px;
  background-color: #212121;
}
.btn11 .icon-left:before {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 15px;
  height: 4px;
  background-color: #212121;
  content: "";
  top: -10px;
}
.btn11 .icon-left:after {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 15px;
  height: 4px;
  background-color: #212121;
  content: "";
  top: 10px;
}
.btn11 .icon-left:hover {
  cursor: pointer;
}
.btn11 .icon-right {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  height: 4px;
  width: 15px;
  top: 30px;
  background-color: #212121;
  left: 15px;
}
.btn11 .icon-right:before {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 15px;
  height: 4px;
  background-color: #212121;
  content: "";
  top: -10px;
}
.btn11 .icon-right:after {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 15px;
  height: 4px;
  background-color: #212121;
  content: "";
  top: 10px;
}
.btn11.open .icon-left {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  background: transparent;
}
.btn11.open .icon-left:before {
  -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
          transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
}
.btn11.open .icon-left:after {
  -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
          transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
}
.btn11.open .icon-right {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  background: transparent;
}
.btn11.open .icon-right:before {
  -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
          transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
}
.btn11.open .icon-right:after {
  -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
          transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
}
.btn11:hover {
  cursor: pointer;
}	


.siteErr{width:100%; height:50px; background:#d00000; color:#fff; margin:30px auto; text-align:center; line-height:50px;}
.siteOk{width:100%; height:50px; background:#77ab13; color:#fff; margin:30px auto; text-align:center; line-height:50px;}





a.iconUp{
  width: 50px;
  height: 50px;
  margin: 0 3px;
  background-color: #0058a3;
  border: none;
  float:left;
  color:#fff;
  outline:none;
  text-decoration:none;
  text-align:center; line-height:48px;
  font-size:36px;
  position:fixed; bottom:80px;right:15px;display:none;
  z-index:3000;
  border-radius:50px;
}

a.iconUp:hover{
  background-color: #f2f2f2;
  -o-transition:color .2s ease-out, background 0.3s ease-in, border 0.3s ease-in;
  -ms-transition:color .2s ease-out, background 0.3s ease-in, border 0.3s ease-in;
  -moz-transition:color .2s ease-out, background 0.3s ease-in, border 0.3s ease-in;
  -webkit-transition:color .2s ease-out, background 0.3s ease-in, border 0.3s ease-in;
  transition:color .2s ease-out, background 0.3s ease-in;
  color:#0058a3;
  padding-top:0;
}


.pmlink{ color: #878787; transition: all 0.3s ease-in-out;}
.pmlink:hover{ color: #0058a3;}

.pmlink2{ color: #333; transition: all 0.3s ease-in-out;}
.pmlink2:hover{ color: #0058a3;}



.catalogCo{width:100%; padding:35px 50px; height:271px; background:#0b3868;}





#docDiv{width:100%; height:52px; float:left; background:#e2e2e2; padding:10px;}
.docIcon{width:32px; height:52px; float:left;}
.docText{width:562px; height:52px; float:left; line-height:32px; margin-left:15px; font-size:14px;}
#docDiv a{ color:#333; text-decoration:none; transition: all 0.3s ease-in-out;}
#docDiv a:hover{ color:#0058a3; text-decoration:underline;}



.iNBox3{width:100%; height:100%; float:left; margin:0 0 0 0; position:relative; border:1px solid #efefef;}
.iNBox3 a {
  display: block;
  position:relative;
  width:100%; height:100%; padding:20px;
  opacity: 1;
}
.iNBox3 a img{
  width:100%; position:relative; transition: all 0.3s ease-in-out;
  opacity:0.6;
}
.iNBox3 a:hover img{opacity:1}
.logoName3{ width:100%; padding:20px 0 10px 0; margin-bottom:20px; font-size:24px; color:#333; font-weight:400;}


.layerMh{}



/***/


.cbp-spmenu {
	background: #fff;
	position: fixed;
}


.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}


/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */


/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s easse;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */