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


@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic);


body {
	font-family: 'Source Sans Pro', sans-serif;
}
#body-bg {
	background:#6D6E71;
	overflow-x: hidden;
}
.body-cont {
	max-width:1368px;
	margin:0 auto;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Source Sans Pro', sans-serif;
}
::-webkit-input-placeholder {color:#4D4D4D !important;}
::-moz-placeholder {color:#4D4D4D !important;} /* firefox 19+ */
:-ms-input-placeholder {color:#4D4D4D !important;} /* ie */
input:-moz-placeholder {color:#4D4D4D !important;}

.head-logo {
	width:100%;
	max-width:183px;
	float:left;
}
.head-logo img {
	width:100%;
}
.top-strip {
	width:100%;
	background:#B2D234;
	padding:11px 25px 0;
	text-align:center;
	margin:0 auto;
	max-width:1368px;
}
.top-strip p {
	font-size:16px;
	font-weight:600;
	color:#fff;
	text-transform:uppercase;
}
.top-strip a {
	color:#fff;
	text-decoration:none;
}
.container-fluid>.navbar-header {
	 margin-right:0px;
	 margin-left:0px;
}
.navbar {
	width:100%;
	margin:0 auto;
	max-width:1368px;
	clear:both;
}
.navbar-brand {
	height:auto;
	padding: 7px 7px;
}
.nav>li>a {
    padding: 10px 16px;
}
.navbar-nav>li>a {
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover {
	color: #B2D234;
    background:none;
}
.navbar-default {
    background: #fff;
    border:none;
}
@media (min-width: 768px) {
.navbar-nav>li>a {
    padding-top: 61px;
    padding-bottom: 61px;
}
}
.navbar {
	margin-bottom:0;
	border-radius:0;
}
.body-cont {
	width:100%;
	position:relative;
}
/* =====================================================================
				MAIN HOME SLIDER CSS
===================================================================== */
.slider-cont {
	width:100%;
	float:left;
	height:731px;
	overflow:hidden;
	position:relative;
}
* {
  margin: 0;
  padding: 0;
}

.pic-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  /*animation*/
  
  animation: slideShow 24s linear infinite 0s;
  -o-animation: slideShow 24s linear infinite 0s;
  -moz-animation: slideShow 24s linear infinite 0s;
  -webkit-animation: slideShow 24s linear infinite 0s;
}

figurecaption {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
}

.pic-1 {
  opacity: 1;
  background:url(../img/bg-3.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-2 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url(../img/bg-4.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-3 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url(../img/blog-4.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-4 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url(../img/slide-three.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* keyframes*/

@keyframes 
slideShow {  0% {
 opacity: 0;
 transform:scale(1);
 -ms-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 transform:scale(1.1);
 -ms-transform:scale(1.1);
}
 100% {
 opacity: 0;
 transform:scale(1);
 -ms-transformm:scale(1);
}
}
 @-o-keyframes 
slideShow {  0% {
 opacity: 0;
 -o-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -o-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -o-transformm:scale(1);
}
}
 @-moz-keyframes 
slideShow {  0% {
 opacity: 0;
 -moz-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -moz-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -moz-transformm:scale(1);
}
}
 @-webkit-keyframes 
slideShow {  0% {
 opacity: 0;
 -webkit-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -webkit-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -webkit-transformm:scale(1);
}
}


.banner-text {
	width:100%;
	float:left;
	max-width:584px;
	padding:16px 16px;
	background:rgba(0,0,0,0.8);
	position:absolute;
	top:61px;
	left:88px;
}
.banner-text h2 {
	font-size:27px;
	font-weight:600;
	color:#fff;
	margin:0 0 10px 0;
}
.banner-text a {
	text-decoration:none;
	color:#000;
}
.banner-text p {
	font-size:16px;
	font-weight:400;
	color:#fff;
}
.banner-text .view-button {
	background:#B2D234;
}
.banner-text .hvr-sweep-to-right:before {background:#333;}

/* =====================================================================
				MAIN HOME SLIDER CSS  END
===================================================================== */

.content-cont {
	width:100%;
	float:left;
	border:4px solid #EDEDED;
	background:#EDEDED;
	position:relative;
	top:-105px;
	min-height:100px;
}
.about-section {
	width:100%;
	float:left;
	padding:80px 50px;
}
.about-image {
	width:100%;
	float:left;
	height:316px;
	overflow:hidden;
}
.about-image img {
	width:100%;
	min-height:316px;
}
.about-text {
	width:100%;
	float:left;
	padding:25px 0;
}
.about-text p {
	font-size:15px;
	color:#4D4D4D;
}
.about-text a {
	text-decoration:none;
}
.about-text .view-button {
	margin-right:16px;
}
.about-text .hvr-sweep-to-right:before {background:#B2D234; color:#000;}
.about-text .hvr-sweep-to-right:hover {color:#000;}
.view-button {
	min-width:155px;
	min-height:50px;
	float:left;
	text-align:center;
	padding:14px 15px;
	background:#333;
	color:#fff;
	font-size:17px;
	font-weight:700;
	margin-top:16px;
	border:none;
}
.about-form {
	width:100%;
	float:left;
	background:#B2D234;
	padding:25px 0 43px 0;
}
.about-form h2 {
	font-size:25px;
	font-weight:600;
	color:#fff;
	padding:0 15px;
	margin-top:0;
	margin-bottom:25px;
}
.about-form .form-control {
	height:43px;
	border-radius:0;
	border:none;
	margin-bottom:22px;
	color:#000;
}
.about-form textarea.form-control {
	height:116px;
}
.about-form .hvr-sweep-to-right:before {background:#fff;}
.about-form .hvr-sweep-to-right:hover {color:#000;}

.home-services-cont {
	width:100%;
	float:left;
	padding:77px 25px;
	background:url(../img/service-paralax.jpg) 0 0 fixed;
	background-size:cover;
	position:relative;
}
.home-services-cont:after {
	content:"";
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	position:absolute;
	top:0;
	left:0;
}
.home-services {
	width:100%;
	float:left;
	position:relative;
	z-index:1;
	text-align:center;
}
.home-services h2 {
	color:#B2D234;
	text-transform:uppercase;
	text-align:center;
	margin-top:0;
	font-weight:600;
}
.home-services h3 {
	font-size:16px;
	font-weight:700;
	color:#B2D234;
	text-align:center;
	margin-top:25px;
	display:block;
	text-transform:uppercase;
}
.home-services a {
	text-decoration:none;
}
.home-service-padding-bottom {
	padding-bottom:100px;
}
.black-color {
	color:#000;
}
.white-color {
	color:#fff;
}
.head-line {
	width:100%;
	float:left;
	border:2px solid #B2D234;
	margin-top:14px;
}
.padding-zero {
	padding-left:0 !important;
	padding-right:0 !important;
}
.home-service-head-padding {
	padding-top:10px;
	padding-botom:43px;
}
.home-services-image {
	width:197px;
	height:197px;
	overflow:hidden;
	border-radius:50%;
	border:4px solid #B2D234;
	text-align:center;
	margin:0 auto;
}
.home-services-image img {
	width:100%;
	min-height:197px;
}
.gallery-cont {
	width:100%;
	float:left;
	padding-top:88px;
}
.gallery-col-left-img {
	width:100%;
	height:390px;
	float:left;
	overflow:hidden;
}
.gallery-col-left-img img {
	width:100%;
	min-height:390px;
}
.gallery-col-right-img {
	width:100%;
	height:187px;
	float:left;
	overflow:hidden;
}
.gallery-col-right-img img {
	width:100%;
	min-height:185px;
}
.padding-left-zero {
	padding-left:0 !important;
}
.padding-right-zero {
	padding-right:0 !important;
}
.gallery-padding-top {
	padding-top:15px;
}
.padding-left-7 {
	padding-left:7px !important;
}
.padding-right-7 {
	padding-right:7px !important;
}
.gallery-show-more {
	width:100%;
	float:left;
	padding:25px 0 16px 0;
	text-align:center;
}
.gallery-show-more a {
	background:#B2D234;
	padding:10px 25px;
	color:#fff;
}
.gallery-show-more .hvr-sweep-to-right:before {
    background:#333;
}
/* =====================================================================
				MAIN HOME GALLERY CSS  END
===================================================================== */



.gal-container{
	padding: 12px;
}
.gal-item{
	overflow: hidden;
	padding: 3px;
}
.gal-item .box{
	height: 350px;
	overflow: hidden;
}
.box img{
	height: 100%;
	width: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}
.gal-item a:focus{
	outline: none;
}
.gal-item a:after{
	content:"\f00e";
	font-family:'FontAwesome';
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	bottom: 3px;
	text-align: center;
    line-height: 350px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.gal-item a:hover:after{
	opacity: 1;
}
.modal-open .gal-container .modal{
	background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
	padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
	outline: none;
}
.modal-open .gal-item button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
}
.gal-container .modal-dialogue{
	width: 80%;
}
.gal-container .description{
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
}
.gal-container .description h4{
	margin:0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}
@media (min-width: 768px) {
.gal-container .modal-dialog {
    width: 55%;
    margin: 50 auto;
}
}
@media (max-width: 768px) {
    .gal-container .modal-content{
        height:250px;
    }
}


#map-canvas {height: 100%; margin: 0px; padding: 0px;}


footer {
	background:#333;
	padding:7px;
    width: 100%;
    color: #fff;
	max-width:1368px;
	margin:0 auto;
	clear:both;
}
footer p {
    padding: 10px 0;
}
footer a {
	text-decoration:none;
	color:#fff;
}
footer a:hover {
	color:#fff;
}
.social {
	width:100%;
	float:left;
}
.social a {
	text-decoration:none;
	color:#fff;
}
.social a:hover {
	text-decoration:none;
	color:#fff;
}
.social ul {
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:right;
}
.social ul li {
	list-style-type:none;
	display:inline-block;
	margin-right:7px;
}
.social ul li {
	font-size:15px;
	text-align:center;
}
.social ul li i {
	font-size:16px;
}
.social ul li a .fa-facebook {
	border:2px solid #3b5998;
	background:none;
	padding:9px 0;
	border-radius:50%;
	width:34px;
	height:34px;
}
.social ul li a .fa-facebook:hover {
	border:2px solid #3b5998;
	background:#3b5998;
}
.social ul li a .fa-twitter {
	border:2px solid #1DCAFF;
	background:none;
	border-radius:50%;
	width:34px;
	height:34px;
	padding:9px 0;
}
.social ul li a .fa-twitter:hover {
	border:2px solid #1DCAFF;
	background:#1DCAFF;
}
.social ul li a .fa-google-plus {
	border:2px solid #dd4b39;
	background:none;
	border-radius:50%;
	width:34px;
	height:34px;
	padding:9px 0;
}
.social ul li a .fa-google-plus:hover {
	border:2px solid #dd4b39;
	background:#dd4b39;
}
.social ul li a .fa-linkedin {
	border:2px solid #007bb6;
	background:none;
	border-radius:50%;
	width:34px;
	height:34px;
	padding:9px 0;
}
.social ul li a .fa-linkedin:hover {
	border:2px solid #007bb6;
	background:#007bb6;
}
.social ul li a .fa-pinterest {
	border:2px solid #cb2027;
	background:none;
	border-radius:50%;
	width:34px;
	height:34px;
	padding:9px 0;
}
.social ul li a .fa-pinterest:hover {
	border:2px solid #cb2027;
	background:#cb2027;
}
.company-bannner {
	width:100%;
	float:left;
	position:relative;
	height:419px;
	overflow:hidden;
	background:url(../img/bg-3.jpg) no-repeat;
	background-position:bottom;
	background-size:cover;
}
.company-paralax {
	width:100%;
	float:left;
	padding:61px 25px;
	background:url(../img/service-paralax.jpg) 0 0 fixed;
	background-size:cover;
	position:relative;
}
.company-paralax a {
	text-decoration:none;
	color:#B2D234;
}
.company-paralax a:hover {
	text-decoration:none;
	color:#fff;
}
.company-paralax:after {
	content:"";
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	position:absolute;
	top:0;
	left:0;
}
.company-content {
	width:100%;
	float:left;
	position:relative;
	z-index:1;
}
.company-content h2 {
	font-size:43px;
	font-weight:700;
	color:#fff;
	margin:0 0 25px 0;
	padding:0;
}
.company-content h3 {
	font-size:34px;
	font-weight:700;
	color:#fff;
	margin:0 0 25px 0;
	padding:0;
}
.company-content h4 {
	font-size:25px;
	font-weight:400;
	color:#fff;
	margin:0 0 25px 0;
	padding:0;
}
.company-content h5 {
	font-size:16px;
	font-weight:700;
	color:#B2D234;
	margin:25px 0 4px 0;
	padding:0;
}
.process-margin-top {
	margin-top:43px;
}
.company-content p {
	font-size:14px;
	color:#fff;
	padding:25px 0;
	line-height:1.6;
}
.company-content ul {
	list-style-type:disc;
	margin-left:15px;
}
.company-content ul li {
	list-style-type:disc;
	font-size:14px;
	color:#fff;
	margin-bottom:4px;
}
.company-paralax-image {
	width: 50%;
    float: right;
    margin: 25px 0 16px 25px;
}
.company-paralax-image img {
	width:100%;
}

.breadcrumb {
	text-align:right;
	margin-top: 25px;
    background: rgba(0,0,0,0.85);
    padding: 16px 52px 16px 10px;
	float:right;
	border-radius:0;
	font-size:24px;
}
.breadcrumb a {
	color:#B2D234;
}
.breadcrumb>li+li:before {
    color:#fff;
}
.breadcrumb>.active {
    color:#fff;
}
.contact-bannner {
	width:100%;
	float:left;
	position:relative;
	height:419px;
	overflow:hidden;
	background:url(../img/Contact-Us-Header-01.jpg) no-repeat;
	background-position:0px 0px;
	background-size:cover;
}

.contact {
	width:100%;
	float:left;
	margin-bottom:16px;
}
.contact h2 {
	font-size:16px;
	font-weight:700;
	color:#000;
	text-transform:uppercase;
	margin-top:0;
}
.contact ul {
	list-style-type:none;
	padding:0;
}
.contact ul li {
	list-style-type:none;
	font-size:14px;
	color:#000;
	margin-bottom:10px;
}
.contact ul li a {
	text-decoration:none;
	color:#000;
}
.contact ul li span {
	width:25px;
	float:left;
	display:block;
	margin-right:7px;
}
.contact ul li span i {
	font-size:16px;
	color:#000;
}
.home-contact {
	width:100%;
	float:left;
	padding:0 25px 52px 25px;
}
.home-contact h2 {
	font-size:16px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	margin-top:0;
}
.home-contact ul {
	list-style-type:none;
	padding:0;
	margin-left: 25px;
}
.home-contact ul li {
	list-style-type:none;
	font-size:14px;
	color:#fff;
	margin-bottom:10px;
}
.home-contact ul li a {
	text-decoration:none;
	color:#fff;
}
.home-contact ul li span {
	width: 25px;
    float: left;
    display: block;
    position: relative;
    margin-left: -25px;
}
.home-contact ul li span i {
	font-size:16px;
	color:#fff;
}
.projects-image {
	width:100%;
	float:left;
	height:350px;
	overflow:hidden;
}


/*    Services               */
.services-paralax {
	width:100%;
	float:left;
	padding:61px 25px;
	background:url(../img/service-paralax.jpg) 0 0 fixed;
	background-size:cover;
	position:relative;
}
.services-paralax:after {
	content:"";
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	position:absolute;
	top:0;
	left:0;
}
.services-content {
	width:100%;
	float:left;
	position:relative;
	z-index:1;
}
.services-content h2 {
	font-size:43px;
	font-weight:700;
	color:#fff;
	margin:0 0 25px 0;
	padding:0;
}
.services-content p {
	font-size:14px;
	color:#fff;
	padding:25px 0;
	line-height:1.6;
}
.services-paralax-image {
	width: 50%;
    float: right;
    margin: 25px 0 16px 25px;
}
.services-paralax-image img {
	width:100%;
}

.service-gallery {
	width:100%;
	float:left;
	position:relative;
	z-index:1;
}
.career-form {
	width:100%;
	float:left;
	padding:43px 25px;
	position:relative;
	z-index:1;
}
.career-form label {
	width:100%;
	float:left;
	color:#fff;
	font-size:16px;
}
.career-form label span {
	color:red;
}
.career-form .form-control {
	height:43px;
	margin-bottom:10px;
}
.career-form textarea.form-control {
	height:150px;
	margin-bottom:10px;
}
.career-form button {
	width:auto;
	background:#B2D234;
	border:none;
	color:#000;
	font-size:16px;
	font-weight:700;
}
.career-form .hvr-sweep-to-right:before {
    background:#2098d1;
	border-radius:4px;
}
.contact-form {
	width:100%;
	float:left;
	background:#999;
	padding:25px 0 43px 0;
	margin-top:25px;
}
.contact-form h2 {
	font-size:25px;
	font-weight:600;
	color:#fff;
	padding:0 15px;
	margin-top:0;
	margin-bottom:25px;
}
.contact-form p {
	font-size:16px;
	font-weight:600;
	color:#fff;
	margin-top:0;
}
.contact-form a {
	color:#000;
	text-decoration:none;
}
.contact-form .form-control {
	height:43px;
	border-radius:0;
	border:none;
	margin-bottom:22px;
	color:#000;
}
.contact-form textarea.form-control {
	height:171px;
}
.contact-form .hvr-sweep-to-right:before {background:#fff;}
.contact-form .hvr-sweep-to-right:hover {color:#000;}
p.message_captcha {
    color: #fff;
}
.gallery-bannner {
	width:100%;
	float:left;
	position:relative;
	height:419px;
	overflow:hidden;
	background:url(../img/GalleryPage/Gallery-Image-12.jpg) no-repeat;
	background-position:bottom;
	background-size:cover;
}
.thumbnail {
    padding:0;
    background:none;
    border:none;
}
.float-right {
	float:right;
}
.home-contact-padding-left {
	padding-left:43px;
}























@media screen and (min-width: 768px) and (max-width: 992px){
	
	.navbar-nav {width:77%;}
	.nav>li>a {padding-left:7px; padding-right:7px;}
	.navbar-nav>li>a {font-size: 15px;}
	.padding-right-7 {padding:0 !important; margin-bottom:7px; float:left;}
	.padding-left-7 {padding:0 !important; margin-bottom:7px; float:left;}
	.padding-left-7:last-child {padding:0 !important; margin-bottom:0px; float:left;}
}






@media screen and (max-width: 767px){
	
	.slider-cont {height:460px;}
	.banner-text {position:absolute; left:0; bottom:0; top:inherit;}
	.content-cont {position: inherit; margin-top: 50px;}
	.about-section {padding:40px 10px;}
	.about-section .col-md-7, .about-section .col-md-12, .col-md-5 {padding:0px;}
	.about-section .about-form .col-md-12 {padding:0px 15px;}
	.about-image {height:auto;}
	.about-image img {min-height:inherit;}
	.head-line {display:none;}
	.home-service-padding-bottom {padding-bottom:25px;}
	.gallery-col-left-img {height:auto;}
	.gallery-col-left-img img {min-height:inherit;}
	.gallery-col-right-img {height:auto;}
	.gallery-col-right-img img {min-height:inherit;}
	.padding-right-7 {padding:0 !important; margin-bottom:7px; float:left;}
	.padding-left-7 {padding:0 !important; margin-bottom:7px; float:left;}
	.padding-left-7:last-child {padding:0 !important; margin-bottom:0px; float:left;}
	.contact {padding:25px 0px 25px 0px;}
	.contact .col-sm-6 {padding-left:0; padding-right:0; padding-top:25px;}
	.company-content h2 {font-size:43px}
	.contact-bannner {background-position: 0px 0px;}
	.contact {padding-top:16px; padding-bottom:16px;}
}
}


@media screen and (max-width: 601px){
	
.company-paralax-image {width:100%;}


}