@font-face {
	font-family: 'OpenSansSemibold';
	src: url('../font/opensans-semibold_0.eot');
	src: url('../font/opensans-semibold_0.eot') format('embedded-opentype'), url('../font/opensans-semibold_0.woff') format('woff'), url('../font/opensans-semibold_0.ttf') format('truetype'), url('../font/opensans-semibold_0.svg#OpenSansSemibold') format('svg');
}
@font-face {
	font-family: 'OpenSansRegular';
	src: url('../font/opensans-regular_0.eot');
	src: url('../font/opensans-regular_0.eot') format('embedded-opentype'), url('../font/opensans-regular_0.woff') format('woff'), url('../font/opensans-regular_0.ttf') format('truetype'), url('../font/opensans-regular_0.svg#OpenSansRegular') format('svg');
}


* {
	outline:0;
}
a:hover{text-decoration:none !important;}
a{ display:block; text-decoration:none !important; }
ul{ list-style:none; margin:0px; padding:0px;}
.clear-both, .clear { clear:both;}
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; }
p{ font-family:'OpenSansRegular'; font-size:14px; line-height:25px; padding:0px; margin:0px;}
h1, h2, h3, h4, h5, h6 { display:block; font-weight:normal; font-family:'OpenSansSemibold'; padding:0px; margin:0px;}

::-webkit-input-placeholder { /* Chrome */
  color:#848484;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#848484;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#848484;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color:#848484;
  opacity: 1;
}






.topbar { background-color:#00afef; padding:3px 0px; }


.top-cont-info ul{ margin:0px;}
.top-cont-info ul li{font-family: 'OpenSansSemibold'; font-size:12px; color:#fff; padding:0px 0px 0px 25px; float:left; margin:0px 20px 0px 0px;}
.top-cont-info ul li a{ color:#fff;}
.top-cont-info ul li a:hover{ color:#CCFF33;}
.top-cont-info ul li.top-call{ background:url(../images/top-call.png) left center no-repeat; }
.top-cont-info ul li.top-mail{ background:url(../images/top-mail.png) left center no-repeat; }


.social-link{ float:right; margin:0px;}



.social-link li {
	float:left;
	margin:0px 3px 0px 0px;
	padding:0px;
	background:none !important;
}
.social-link li a {
	float:left;
	width:26px;
	height:22px;
	font-size:0px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background:url(../images/top-icon.png);
}
.social-link li a.fb:hover {
	background:url(../images/top-icon.png) left top -22px no-repeat;
}
.social-link li a.twt {
	background:url(../images/top-icon.png) -28px top no-repeat;
}
.social-link li a.twt:hover {
	background:url(../images/top-icon.png) -28px -22px no-repeat;
}
.social-link li a.gp {
	background:url(../images/top-icon.png) -56px top no-repeat;
}
.social-link li a.gp:hover {
	background:url(../images/top-icon.png) -56px -22px no-repeat;
}
.social-link li a.inst{
	background:url(../images/top-icon.png) -84px top no-repeat;
}
.social-link li a.inst:hover {
	background:url(../images/top-icon.png) -84px -22px no-repeat;
}

.social-link li a.in{
	background:url(../images/top-icon.png) -110px top no-repeat;
}
.social-link li a.in:hover {
	background:url(../images/top-icon.png) -110px -22px no-repeat;
}

.social-link li a.blog{
	background:url(../images/top-icon.png) -138px top no-repeat;
}
.social-link li a.blog:hover {
	background:url(../images/top-icon.png) -138px -22px no-repeat;
}

.social-link li a.pint{
	background:url(../images/top-icon.png) -164px top no-repeat;
}
.social-link li a.pint:hover {
	background:url(../images/top-icon.png) -164px -22px no-repeat;
}


/*top-header close*/

.fixed-header, .inn-nav-box {
  position: fixed;
  top:0; left:0;
  width: 100%; 
  z-index:100000000000;
}


.header{background:#ffffff; box-shadow:0px 3px 3px RGBA(0, 0, 0, 0.36);}
.logo {margin:11px 0px 7px 0px; }
.logo2{ display:none; margin:11px 0px 7px 0px; }






/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/*header close*/

.body-1{ background-color:#f2f3ee; padding:80px 0px;}
.first-heading{ text-align:center;}
.first-heading h1{color:#0b3b71; font-family:'OpenSansSemibold'; font-size:55px; margin-bottom:50px; text-transform:uppercase;}
.side-image img{ max-width:100%;}
.about-short-text{ margin:20px 0px 0px 0px;}
.about-short-text p{ font-size:14px; font-family:'OpenSansRegular'; color:#343434; margin-bottom:25px; text-align:justify;}
.about-short-text p span{ color:#1c1c1c; font-family:'OpenSansSemibold';}
.about-short-text a{ display:inline-block;  padding:10px 25px 10px 30px; border:2px solid #747473; border-radius:8px; background:url(../images/anchor.png) left 10px center no-repeat; color:#3b3b3b; font-family:'OpenSansSemibold'; margin-top:20px; }
.about-short-text a:hover{ transition:All 2s ease;
-webkit-transition:All 2s ease;
-moz-transition:All 2s ease;
-o-transition:All 2s ease;
border:2px solid #fe8a32;
color:#fe8a32;}











.scroll-top{ width:30px; height:30px; background:url(../images/top.png) top center no-repeat; background-size:100% 100%; position:fixed; bottom:50px; right:10px; float:right; text-align:center; display:none;}
.scroll-top a{ display:block; padding:12px 10px;}
.scroll-top:hover{ background:url(../images/top-hov.png) top center no-repeat; background-size:100% 100%; transition:All 2s ease;
-webkit-transition:All 2s ease;
-moz-transition:All 2s ease;
-o-transition:All 2s ease;}
.scroll-top a{ color:#FFF; font-family:'OpenSansSemibold'; font-size:12px; }





/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #5292da solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius:5px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.submit:before{border: #ffb62f solid 6px;}
.view-more:before{border: #325969 solid 6px;}
.send-enq:before{border: #1a526a solid 6px;}
.cont-submit:before{ border: #0f62ac solid 6px;}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}







.body-2{ background:#fff; padding:74px 0px 54px 0px; }
.second-heading{ text-align:center;}
.second-heading h2, .second-heading h1{ font-size:40px; color:#414141; font-family:'OpenSansRegular'; }
.second-heading p{ color:#868686; }
.second-heading h3{ color:#ff6e1f; font-size:20px; font-family:'OpenSansSemibold'; border:2px solid #ff6e1f; padding:8px 25px; border-radius:8px; display:inline-block; margin:50px 0px 30px 0px;}

.src-bg{ background:url(../images/src-rgt-line.png) right bottom no-repeat; padding:0px 10px;}
.no-src-bg{padding:0px 10px;}
.service-icon{ width:100%; min-height:104px; text-align:center;}
.service-text{ text-align:center; min-height:200px; width:100%;}
.service-text h3{ color:#333333; font-size:32px; margin:10px 0px 20px 0px;}
.service-text p{ color:#343434;}
.service-text a{ font-size:14px; color:#ff6e1f; font-family:'OpenSansSemibold'; padding:15px 0px; }


.body-3{ width:100%; background:#3e4095 url(../images/right-image.jpg) center center fixed;

-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  }



.internet-box{ width:50%; float:left; background:url(../images/internetbox-bg.jpg) left repeat; padding:55px 0px 76px 0px;}
.int-net{ float:right; width:90%; text-align:center; }
.int-net h3{ color:#ececf5; font-size:20px; display:inline-block; padding:8px 30px; border:2px solid #ececf5; border-radius:8px; margin-bottom:50px;}
.int-detail{ width:48%; float:left; text-align:center; padding:0px 10px;}
.int-icon{ text-align:center;}
.int-icon img{}
.int-detail h4{ color:#ececf5; font-size:26px; text-transform:uppercase; margin:15px 0px;}
.int-detail p{ color:#ececf5;}
.int-detail a{ font-size:11px; font-family:'OpenSansRegular'; display:inline-block; border-bottom:1px solid #fff; color:#ececf5;}


.body-4{ background:#fff; padding:40px 0px 39px 0px;}
.clients-box h3{ font-size:18px; color:#4f4f4f; text-transform:uppercase; margin:0px 0px 22px 0px;}

.marquee, .marquee-with-options, .marquee-vert-before, .marquee-vert { width: 100%; overflow: hidden; }
.marquee-vert { height: 300px;}

.cllogo { float:left; margin:0px 10px; background-color:#fff; width:182px; height:81px; border:1px solid #dac2a8; text-align:center; position:relative;}
.cllogo a img{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; margin:auto; }






.footer{
	padding: 50px 0px 30px 0px; 	
	background:#000000; margin-top:0px;
}
.foot-1 h3{ font-size:17px; color:#fff; margin-bottom:20px; font-family:'OpenSansRegular'; border-bottom:dotted 1px #fff; padding:0px 0px 10px 0px;}
.foot-1 h3 span{ border-bottom:3px solid #f98321; padding:0px 0px 10px 0px;}
.foot-1 .adrs-list li{ background:none;}
.foot-1 .adrs-list li a{ display:inline-block;}
.foot-1 ul li{ background:url(../images/foot-arr.png) left center no-repeat; color:#ababab; font-size:12px; font-family:'OpenSansRegular';}
.foot-1 ul li a{color:#ababab; font-size:12px; line-height:30px; padding:0px 0px 0px 13px; }
.foot-1 ul li a:hover{color:#f98321; }



.social{
	margin:0px;
	padding:0px;
	list-style:none;
}
.social li {
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px;
	background:none !important;
}
.social li a {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity:1;
	padding:0px !important;
}

.social li a:hover{ -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity:0.5;}


.copyright{background-color:#e3621c; padding:10px 0px; border-top:1px solid #2d2f31;}
.powered{ text-align:right;}
.copy{ color:#f4cabb; font-size:12px; font-family:'OpenSansRegular';}
/*home-page css close*/

.inner-banner{ width:100%; }
.inner-banner img{ width:100%;}

.body-inn-1{ padding:69px 0px 30px 0px; background-color:#fff;}
.inn-service-box{float:left; width:49.5%; margin:1px; background-color:#f7f7f7;}
.full-wdh{ width:100% !important;}
.src-content{ padding:30px;}
.src-heading h3{ font-size:30px; text-transform:uppercase; color:#ff6e1f;}
.src-text{ min-height:200px;}
.src-text img{ float:left; margin:0px 20px 0px 0px;}
.src-text p{ margin:10px 0px 0px 0px; text-align:justify;}

.inn-body-2{ padding:68px 0px 80px; background:#0e688d url(../images/inn-src-bg.jpg) center center fixed;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; width:100%;
  }



.inn-heading2{ text-align:center;}
.inn-heading2 h3{ color:#ffa058; font-size:20px; display:inline-block; padding:8px 40px; border:2px solid #ffa058; border-radius:8px; margin-bottom:50px;}

.inn-platform-box{ background:rgba(0, 0, 0, 0.3); padding:30px; border-radius:8px;}
.inn-interbox img{ float:left; margin:0px 25px 0px 0px;}

.inn-interbox h3{ font-size:26px; text-transform:uppercase; color:#e1e6ea;}
.inn-interbox p{color:#e1e6ea; text-align:justify;}
/*service-css-end*/


.body-abt-1 { background-color:#fff; padding:40px 0px 60px 0px;}
.inheading{ text-align:left; margin-bottom:20px;}
.inheading h1{ font-size:35px; color:#414141; font-family:'OpenSansRegular'; }
.inheading p{color:#868686;}
.about-image img{ max-width:100%; margin-bottom:25px;}
.about-text{ margin:15px 0px;}
.about-text p{ color:#545050; margin-bottom:25px; text-align:justify;}
.about-text p span{ font-family:'OpenSansSemibold';}
/*about-css-end*/

.catalogue-box{ padding:50px 0px 0px 0px;}

/*content-catelouge css end*/

.clients{ padding:40px 0px;}
.client-box{ float:left; max-width:222px; width:100%; height:114px; box-shadow:0px 0px 3px #fe8a32; margin:15px 15px; position:relative; background:#fff;}
.client-box img{ position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto; max-width:100%;}
/*client-css-end*/


.contact-info{ padding:50px 0px 0px 0px;}
.cont-mail-box{ width:100%; background:url(../images/cont-mail-bg.jpg) top center fixed no-repeat; background-size:cover; padding:40px 0px; min-height:352px;}
.cont-mail-text{ width:50%; margin:0px auto; background:url(../images/cont-inn-bg.png) left repeat; text-align:center; padding:0px 0px 70px 0px; }
.cont-mail-text h3{ color:#fff; font-size:35px; display:inline-block; background:url(../images/con-ml-icon.png) left top 78px no-repeat; padding:70px 0px 30px 35px; font-family:'OpenSansRegular';}
.cont-mail-text a{ font-size:35px; color:#fff; font-family:'OpenSansRegular';}


.cont-call-text{margin:0px 40px; background:url(../images/cont-inn-bg.png) left repeat; text-align:center; min-height:263px; }
.cont-call-text h3{color:#fff; font-size:35px; display:inline-block; background:url(../images/con-call-icon.png) left top 83px no-repeat; padding:70px 0px 30px 40px; font-family:'OpenSansRegular';}
.cont-call-text p{font-size:35px; color:#fff;}


{background: rgba(0, 175, 239, 0.71);}

figure.effect-bubba {
	background:#fff;
	min-height:114px;
}

figure.effect-bubba:hover {
	background: rgba(0, 175, 239, 0.71);
}
figure.effect-bubba:hover img {
	opacity: 0.3;
}

figcaption{text-align:center; min-height:114px;}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	
	-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;	
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
	-ms-transition: opacity 0.35s, -ms-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1); 
	-o-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
}
figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	-moz-transform: scale(1,0);
	-o-transform: scale(1,0);
	-ms-transform: scale(1,0);
	transform: scale(1,0);
}
figure.effect-bubba h4,figure.effect-bubba h2 {
	padding-top: 22%;
	-webkit-transition: transform 0.35s;
	-moz-transition: transform 0.35s;
	-o-transition: -o-transform 0.35s;
	-ms-transition: -ms-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	-moz-transform: translate3d(0,-20px,0);
	-o-transform: translate3d(0,-20px,0);
	-ms-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	opacity:0;
	color:#fff;
	font-size: 1.8em;
    font-family: 'BreeSerif-Regular';
}
figure.effect-bubba h4.gal {
	padding-top: 21%;
}
figure.effect-bubba p {
	padding: 0px 3.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
	-ms-transition: opacity 0.35s, -ms-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	-moz-transform: translate3d(0,20px,0);
	-o-transform: translate3d(0,20px,0);
	-ms-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	color:#fff;
	font-size: 1em;
	font-family: 'Lato-Regular';
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
figure.effect-bubba:hover h4,
figure.effect-bubba:hover p,figure.effect-bubba:hover h2 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


.set-anchor{padding:10px 0px;}



/*reponsive css start*/


@media (max-width:1319px) {
	.client-box {margin: 10px;}

}

@media (max-width:1269px) {
	.client-box {margin: 5px;}

}

@media (max-width:1220px) {
	.client-box {max-width:265px;}

}

@media (max-width:1160px) {
	.client-box {max-width:290px;}

}


@media (max-width:1167px) {
	.src-text{ min-height:250px;}
}

@media (max-width:991px) {
.side-image{ text-align:center;}
.fixed-header, .inn-nav-box {position: relative;}

.inn-interbox img{ margin:0px 25px 20px 0px;}
}

@media (max-width:960px) {
	.client-box {max-width:none; width:30%;}

}

@media (max-width:908px) {
	.src-text{ min-height:300px;}
	.full-wdhh{ width:100% !important;}
}

@media (max-width:780px) {
	.src-text img {float:none; margin: 0px 0px 10px 0px;}
	.src-text{ min-height:430px;}
}

@media (max-width:767px) {
	.internet-box { width: 80%;}
	.inn-service-box{float:none; width:100%; margin:0px 0px 10px 0px;}
	.src-text{ min-height:240px; height:100%;}
	.inn-interbox{ width:100%; clear:both; margin-bottom:20px;}
	.inn-interbox img{ float:none; margin:0px 0px 20px 0px;}
	.cont-mail-text{ width:100%; }
}

@media (max-width:480px) {
	.go-full{ width:100% !important;}
	.social-link{ float:left;}
	.internet-box { width: 100%; margin-bottom:200px; padding: 20px 0px 0px 0px;}
	.body-3{ background:#3e4095 url(../images/right-image.jpg) bottom center no-repeat; background-size:100% 50%;}
	.int-detail { width: 98%; float:none; margin-bottom:20px;}
	.client-box {margin:15px 0px; width:100%;}
}




@media (max-width: 387px) {
.logo img{ width:100%;}
.scroll-top{overflow:hidden;}
p, a, h1, h2, h3, h4, h5, h6{word-break:break-strict}
.first-heading h1 {font-size:35px;}

}