@charset "utf-8";
/* CSS Document */

/**for main**/
@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,600,700,900');
body{padding:0px; margin:0px;  font-size:16px; font-family: 'Poppins', sans-serif;   color:#666; background:url(../images/bg.jpg) repeat-y center; line-height: 1.5;}
ul,li{ list-style:none; margin:0px; padding:0px;}
a{text-decoration:none;}
h1,h2,h3,h4,h5,h6,p{ margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{font-weight: 400; color:#333;}
h1{font-size:60px;}
h2{font-size:45px;}
h3{font-size:26px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
.about{padding:50px 0;}
.about h4{font-weight:700;}
.outer{ margin: 0 auto;width:1040px;}
.clear{ clear:both;}
.red{color:#14376d;}
.blue{color:#1273EB;;}
.about ul li{padding-top:30px; padding-bottom:30px; border-bottom:1px solid #e3e3e3;}
.about ul li:hover{background:#fafafa;}
.about ul li:last-child{border:none;}
.head2{margin:30px 0;}
.line{background:#14376d; width: 50px; margin: 5px 0 20px; height: 4px;}
.lineR{background:#14376d; width: 50px; margin: 20px 0; height: 8px;}
.lineB{background:#1273EB;; width: 50px; margin: 20px 0; height: 8px;}
.btn{ background:#81a3e6; padding: 10px 20px; border-radius: 5px;  color:#fff; font-weight: 600; text-decoration: none;}
.btnR{ background:#14376d; padding: 10px 20px; border-radius: 5px;  color:#fff; font-weight: 600; text-decoration: none;}
.btnB{ background:#1273EB;; padding: 10px 20px; border-radius: 5px;  color:#fff; font-weight: 600; text-decoration: none;}
.labelR{background:#14376d; color:#fff; padding:10px 5px; font-size: 20px; position: absolute; width: 98%;
bottom: 4px; }
.labelB{background:#1273EB;; color:#fff; padding:10px 5px; font-size: 20px; position: absolute; width: 98%;
bottom: 4px;}
.btntxt{ color:#AFABAB;font-weight: 900; text-decoration: underline;}
.btntxt:hover{text-decoration:none;}
ul.link{ float:left; width: 100%; margin-top: 55px;}
.calltoaction ul.link{ margin-top:20px;}
ul.link li{ float:left; width: 100%; margin-bottom: 15px; color:#14376d; font-weight: 400; font-size:20px;}
ul.link li .fa{ margin-right:20px; font-size: 25px;}

/**Header section page**/
header{padding:20px 0; border-bottom:1px solid #f5f5f5; background:#fff;}
.logo{float:left; width: 24%; padding:7px 0 0; font-size:40px; font-weight:700;}
.logo img{width:100%;}
nav{float:right; width: 70%; padding-top:25px;}
nav ul li { float:right; margin-left: 5%;}
nav ul li a{font-size:14px; font-weight: 500; color:#666; text-decoration: none; text-transform: uppercase;}
nav ul li a:hover{color:#4d3087;}
.banner{background:#f5f5f5 url(../images/banner.jpg); padding:0; background-size:100%; min-height:550px; color:#fff; }
.banner .left{float:left; width: 86%; padding-top:100px;}
.banner .right{float:right; width: 35%; padding-top:70px;}
.banner .right img{width:100%;}
.banner .left h1{ margin-bottom:10px; color:#fff; font-weight:900; line-height:1.3}
.banner .line{background:#fff}
.banner ul {     margin: 4px 0 27px;
    float: left;
    padding-left: 25px;}
.banner ul li{ font-size:24px; margin-bottom: 10px; list-style: decimal;}
.banner ul li .fa{ color:#666; margin-right: 10px;}
.officesolutions .banner{background:url(../images/banner1.jpg); min-height: 300px;}
.inner-page .banner{background:#00baff url(../images/header-bg1.jpg); min-height: 300px; background-size:cover;  }
.inner-page .banner h1{color:#fff;padding-top:10%;}
.office{ padding:50px 0;}
.inner-page .para{ font-size:22px; font-weight: 400}
.office ul{ margin-top:50px;}
.office h1{}
.office ul li {float: left;
border: 1px solid #e3e3e3;
padding: 20px; min-height:188px;
width: 29%;
text-align: center;
margin: 0 0 -1px -1px;}
.calltoaction ul li{float: none;
border: none;
padding: 10px;
width: auto;
text-align: left;
margin: 0 0 -1px -1px;}
.office ul li .left{float:none;}
/*.inner-page .div1 ul li .left .circle-round{border: 1px solid #666;float: left;border-radius: 50%;width: 100px;height: 100px;text-align: center;line-height: 65px;}*/
.office ul li .left .circle-round{width: 100px;height: 100px;text-align: center;line-height: 65px;}
.office ul li .fa {color: #666;font-size: 30px;}
/*.office ul li .right{float:left;padding-left:30px; width: 80%;}*/
.office ul li h4{font-size:17px; margin-bottom: 2px;}




/**home page**/
.home .div1{padding:60px 0; }
.home .div1 .left{float:left; width: 48%;}
.home .div1 .img{ position: relative}
.home .div1 .img  img{width:100%;}
.home .div1 .right{float:right; width: 48%;}
.home .div1 p{margin:30px 0;}
.home .div2{padding:60px 0; }
.home .div2 ul { margin-top:30px; float: left; width: 100%;}
.home .div2 ul li{float:left; width:240px; height:250px; margin: 5px;}
.home .div2 ul li img{width:100%;}
.calltoaction {padding-top:50px;}
.calltoaction .inner{ border-top:2px solid #B5B5B5;  padding: 80px 0 80px 0; margin-bottom: 50px; }
.calltoaction .left{float:left;width:55%;}
.calltoaction .left img{width:100%;}
.calltoaction .right{float:right; width: 42%;}

.contact .calltoaction .inner{ border:none;  padding: 10px 0 80px 0; margin-bottom: 50px; }
.contact{padding:50px 0;}
footer{background:#F3F2F0; padding: 60px 0;}
footer .centr { width: 100%; padding: 20px 0;}
footer .col-1{ float:left; width:15%; margin-right: 2%;}
footer .col-1.widt{ width:10% !important;}
footer .col-1 img{ width:100%;}
footer .centr ul li{ float:left; width: 100%; margin-bottom:12px;  font-size:14px; }
footer .centr ul li .head{font-weight:900; color:#555 !important;text-transform: uppercase; font-size:16px;}
footer .centr ul li a { color:#666; font-weight: 400;}
footer .centr ul li a:hover{ color:#555; text-decoration:underline; }
footer .copy{ padding-top:2%; font-size:13px; text-align: center; color:#868686;}
footer .copy b{ font-weight:900;}
footer .copy a{ color:inherit;}
footer .copy a:hover{color:#14376d;}
.responsive{width:100%;}
.left50{width:48%; float:left;}
.right50{width:48%; float:right;}
.prolist li{list-style:none; border-bottom:1px solid #ccc; padding:15px 0;}
.row{padding:40px 0;}
.responsive80{width:80%;}
.right50 .responsive80{float:right;}
.sucribe{background:#232091 url(../images/dotted.png); padding:50px 0; text-align-last: center; margin-bottom:50px;}
.sucribe h2,.sucribe p{color:#fff;}
.sucribe p{margin-bottom:20px;}
.sucribe .btn {background-color: #fff;color: #2f4f4f;display: inline-block;font-size: 15px;height: 45px;line-height: 42px;padding: 0 30px;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;border-radius: 50px;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;border: 2px solid transparent;}
.sucribe .btn:hover {border: 2px solid #fff;background-color: transparent;color: #fff;}
.digital{padding:50px 0;}
.numbers{float:left; margin-right:20px; width:50px;}
.numbers span{border:2px solid #e3e3e3; border-radius:50%; display:inline-block; padding:10px 15px; font-size:15px; font-weight:bold; }
.listcontent{float:left; width:85%;}
/**********************************************************************/
.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 18px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}
		.digital ul{margin-left:-2%;}
		.digital ul li{width:48%; float:left; margin-left:2%; margin-bottom:2%;}
		.digitalrow{border-radius:15px; overflow: hidden; position:relative; margin-bottom:20px; min-height:400px;}
		.digitalrow h2{font-size:44px; color:#fff;}
		.ditext{width:40%; color:#fff; padding:5%; float:left;}
.ditext p{margin-top:20px; font-size:25px;}
		.imgs{width:55%; float:right; position:absolute; right:0; bottom:0;}
		.imgs img{width:100%; float:right;}
		.color1{background:#e23155;}
		.color2{background:#00a652;}
		.color3{background:#B76B8C;}
		.color4{background:#25c3f2;}
.clients ul li{margin-right:30px; display:inline-block; margin-bottom:30px;}
.clients ul li img{ vertical-align:middle;}
.width200{width:200px}
.width100{width:100px;}
.width300{width:300px;}
.menu{display:none;}
.menu img{width:40px; margin-top:9px;}
.btntop{border-radius: 30px;
text-transform: uppercase;
border: 1px solid #A2A2A2;
padding: 10px 20px }
.width80{width:60%;}
.fabric{background:url(../images/slide3.jpg); min-height: 200px;
padding: 15% 0;
color: #fff; text-align:center;}
.fabric .line { background:#fff;
margin: 5px auto 20px;}
.fabric h2{color:#fff;}
.fabric-list ul li{width:31%; float:left; margin-right:2%; padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e3e3e3;}
.fabric-list ul li img{width:100%;}