@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body{font-family: 'Open Sans', sans-serif;}
h1{font-size:42px; color:#222222; font-weight:normal;}
a, a:focus{outline:none;}



nav.navbar.navbar-default.navbar-fixed-top{background:#fff; min-height:90px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{padding-top:0px;}
.navbar-collapse.collapse{margin-top:27px;}
.navbar-nav > li a{border-radius:30px; font-size:18px; padding:10px 25px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background:#0a9cde; color:#fff; border:none;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{border-color:none;}


.sticky-container{/*background-color: #333;*/padding: 0px;margin: 0px;position: fixed;right: -119px;top:35%;	width: 200px; z-index:999;}
.sticky li{list-style-type: none;	background-color: #333;	color: #efefef;	height:43px; padding:0px; margin:0px 0px 0px 0px; -webkit-transition:all 0.25s ease-in-out;	-moz-transition:all 0.25s ease-in-out;	-o-transition:all 0.25s ease-in-out;	transition:all 0.25s ease-in-out;	cursor: pointer; /*-webkit-transform: translateX(-115px); -moz-transform: translateX(-115px); -o-transform: translateX(-115px);
		-ms-transform: translateX(-115px);	transform:translateX(-115px);*/	/*background-color: #8e44ad;*/	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
.sticky li:hover{margin-left: -115px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  filter: gray; -webkit-filter: grayscale(100%);	}
.sticky li img{float: left; margin: 5px 5px; margin-right: 10px;}
.sticky li p{padding: 0px;	margin: 0px;text-transform: uppercase;	line-height: 43px;}
.sticky li.fb{background:#3d6ac9;}
.sticky li.google{background:#ff5444;}
.sticky li.twitter{background:#29c5f6;}
.sticky li.insta{background:#3f4756;}
ul.sticky li i { float: left;  font-size: 24px;  padding: 9px;  text-align: center;   width: 40px;}
ul.sticky li p{font-weight:bold;}



.first-screen{width:100%; float:left; position:relative; background:url(../img/top-bg.jpg) center top; background-size:cover; background-attachment:fixed; padding:150px 0px 20px 0px;}
.first-screen h1{color:#fff; font-size:48px; margin-top:10%;}
.first-screen p{color:#fff; font-size:18px; padding:0px 15%; margin-top:5%; margin-bottom:8%;}
.clear-line{background:#fff; width:3px; height:100px; display:inline-block;}
.scroll{width:100%; text-align:center; color:#fff;}


.our-services{width:100%; float:left; background:#fff; padding:60px 0px 70px 0px;}
.icon-img{float:left; width:20%;}
.service{float:right; width:75%; text-align:left;}
.our-services h1{background:url(../../dist/img/heading-bg.png) repeat-x center; width:auto; display:inline-block; padding:0px 10%;}
.our-services span{background:#fff; padding-left:20px; padding-right:20px;}
.our-services p{font-size:18px; margin-bottom:20px;}
.service h4{font-weight:bold; font-size:18px; color:#222222;}
.service h4 a{color:#000;}
.service p{color:#777777; font-size:15px;}


.all-services{margin-top:20px; display:flex; flex-wrap: wrap;}
.service-list{margin-bottom:40px;}
a.see-more{border:2px solid #0a9cde; cursor:pointer; padding:12px 60px; font-size:18px; color:#0a9cde; border-radius:30px; font-weight:bold; transition:2s; margin: 0 auto;}
a.see-more:hover{text-decoration:none; transition:2s; color:#fff; background:#0a9cde; }

#welcomeDiv{display:none; }


.our-work{width:100%; float:left; background:#f0f0f0; padding:50px 0px;}
.work-list {margin-bottom: 20px; position:relative;}
.work-list img{max-width:100%;}
.our-work h1{color:#4a4a4a; font-size:41px;}
.see-big {background:rgba(51, 153, 198, 0.8) none repeat scroll 0 0; height:90%; margin:5%; position:absolute; top: 0; width:90%;  border:10px solid #3499c6; display:none; transition:2s;}
.see-big a{color:#fff; position:relative; top:43%;}
.see-big a span{width:100%; font-size:28px;}
.work-list:hover .see-big{display:block; transition:2s;}
.row.gallery {margin-top: 30px;}


/**lightbox css**/
.gallery {list-style: none;   overflow: hidden;  padding: 0;  margin: 0;}
.gallery li {float: left; margin: 4px;}
.lightbox {cursor: pointer; position:fixed; width:100%; height:100%;	top:0;	left:0;background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
	background: rgba(0, 0, 0, 0.7);	-webkit-filter: none !important;z-index: 9997;}
.lightbox img {display: block;position: absolute;	border: 5px solid #fff;	box-shadow: 0 0 20px #000;	border-radius: 1px;}
body.blurred > * { -webkit-filter: blur(2px); -webkit-transform: translate3d(0, 0, 0);}
.lightbox__loading {	background: url(../img/loading.gif) center center no-repeat;	width: 32px;height: 32px;margin: -16px 0 0 -16px;position: absolute;top: 50%;left: 50%;}
.lightbox__caption {	display: none;	position: absolute;	left: 0;	bottom: 0;	width: 100%;	text-align: center;	z-index: 9998;	background: #000;
	background: rgba(0,0,0,0.7);}
.lightbox__caption p {margin: 0 auto;max-width: 70%;	display: inline-block;	*display: inline;	*zoom: 1;	padding: 10px;	color: #fff;	font-size: 12px;line-height: 18px;}
.lightbox__button {	position: absolute;	z-index: 9999;	background: no-repeat center center;	width: 32px;	height: 32px;	opacity:0.4;	-webkit-transition: all 0.3s;	-moz-transition:    all 0.3s;	-ms-transition:     all 0.3s;	transition: all 0.3s;}
.lightbox__button:hover,.lightbox__button:focus {opacity: 1;	-webkit-transform: scale(1.4);	-moz-transform: scale(1.4);	-ms-transform: scale(1.4);
	transform: scale(1.4);}
.lightbox__close {right: 10px;top: 10px;	background-image: url('../img/close.png');}
.lightbox__nav {  top: 50%;   margin-top: -16px;}
.lightbox__nav--next {	right: 10px;background-image: url('../img/next.png');}
.lightbox__nav--prev {	left: 10px;	background-image: url('../img/previous.png');}




.about-us{width:100%; float:left; background:#fff; padding:50px 0px 0px 0px;}
.about-text{margin:50px 0px;}
.about-us p{text-align:left; font-size:16px; color:#4a4a4a;}
.about-us p +p{margin-top:20px;}
.about-us img{max-width:100%;}
.about-us h2{font-size:30px; color:#0a9cde; font-weight:bold; text-align:left;}


.quote{width:100%; text-align:left; float:left; position:relative; background:url(../img/top-bg.jpg) center bottom; background-size:cover; background-attachment:fixed; padding:100px 0px 20px 0px; min-height:620px;}
.quote-img{position:absolute; right:0; bottom:0; padding-right:0px;}
.quote-img img{float:right; max-width:100%;}
.quote h1{font-size:42px; color:#fff;}
.quote p{color:#fff; margin:20px 0px 40px 0px;}
.quote .form-group-lg .form-control{border-radius:25px; background:none; border-color:#fff; color:#fff;}
input.btn-block[type="button"], input.btn-block[type="reset"], input.btn-block[type="submit"]{background:#fff; width:auto; color:#242424; border-radius:25px; padding:10px 80px; border:none; font-size:20px;}


.footer{width:100%; float:left; background:#fff; padding:15px 0px;}
.footer p{ margin:20px 0px;}
.footer img{max-width:100%;}
.error {
  color: #e4272d;
  font-size: 13px;
  font-weight: lighter;  
}


/*****************************************************************************
                       **  Responsive CSS **
*****************************************************************************/
@media (max-width:1024px){
.navbar-nav > li a{padding:5px 15px;}
.icon-img{width:100%;}
.service{width:100%; text-align:center;}
.about-us h2{text-align:center;}
.about-us p{text-align:center;}
.quote{min-height:600px; text-align:center;}
input.btn-block[type="button"], input.btn-block[type="reset"], input.btn-block[type="submit"]{float:none; display:inline-block;}
}

@media (max-width:980px){
.navbar-nav > li a{font-size:14px; padding:5px 13px;}
.first-screen{height:auto !important;}
}

@media (max-width:767px){
.work-list:hover .see-big{display:none;}
.quote-img{position:relative; top:20px;}
.footer{text-align:center;}
.certified{text-align:center;}
a.see-more{margin-top:40px;  display:inline-block;}
.navbar-collapse.collapse, .navbar-collapse.collapsing { margin-top: 23px;}
.navbar-toggle{margin-top:30px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{border-radius:0px;}
}