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


 /* font-family: 'Open Sans', sans-serif; */ 
 /* font-family: 'Roboto Condensed', sans-serif; */
 /* font-family: 'Rokkitt', serif; */




body {
	background:#ffffff;
	font-family: 'Open Sans', sans-serif;
	color:#333333;
	font-size:14px;
	line-height:23px;
}
a{
}
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif; font-weight:800; text-transform:uppercase;}
img{ max-width:100%; height:auto;}
div.outer-wrapper{
	height:auto;
	overflow:hidden;
	margin:0px auto;
	max-width:1200px\9;
}

.top-contact{ text-align:right; padding-top:12px; padding-bottom:12px;}
.top-contact a{ margin-left:15px; color:#515151; font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:400;}
.top-contact a:hover{ text-decoration:none; color:#0d78bd;}
.top-contact a i{ margin-right:3px;}
a[disabled="disabled"] {
        pointer-events: none;
    }

.menu-wrapper{
	background:#0d78bd;
	width:100%;
	min-height:52px;	
	box-shadow:0px 2px 2px rgba(0,0,0,.2);
	position:relative; z-index:2;
	border-bottom:1px solid rgba(255,255,255,.1);
}
.logo-wrapper{
	width:100%;
	height:auto;
    text-align: left;
    
}
.logo-wrapper a{ display:block;}
.logo-wrapper a img{transition:.6s;}
.fixme .logo-wrapper a img{ height:35px; width:auto;}
.fixme .top-contact .top-contact-left a, .fixme .top-contact .top-contact-right a{ top:0px;}
.menu-wrapper  nav{  background:none; border:none; box-shadow:0px 0px 0px rgba(0,0,0,0); margin-bottom:0px;}
.menu-wrapper  nav .navbar-collapse{ padding-right:0px;}
.menu-wrapper  nav ul{ width:100%; text-align:center; margin-top:2px;}
.menu-wrapper  nav ul li{ float:none; display:inline-block;}
.menu-wrapper  nav ul li a{ font-size:20px; font-weight:700; text-transform:uppercase; color:#fff!important; text-shadow:0px 0px 0px rgba(0,0,0,0); font-family: 'Rokkitt', serif; padding:15px 45px;}
.menu-wrapper  nav ul li a:hover{color:#75c9ff!important}
.menu-wrapper  nav ul li.active a,.menu-wrapper  nav ul li.open a{ background:none!important;  box-shadow:0px 0px 0px rgba(0,0,0,0)!important; color:#75c9ff!important}
.menu-wrapper  nav ul li:last-child a{ padding-right:0px;}
.menu-wrapper  nav ul li ul{ text-align:left;}
.menu-wrapper  nav ul li ul li{ clear:both; }
.menu-wrapper  nav ul li ul li a,.menu-wrapper  nav ul li.open ul li a{ font-size:15px; color:#014a79!important;}
.fixme{ position:fixed;z-index:2000; transition:.4s;}


.navbar-brand{ text-shadow:0px 0px 0px rgba(0,0,0,0); color:#fff!important; font-family: 'Rokkitt', serif; font-size:16px; font-weight:700; text-transform:uppercase;}
.navbar-default .navbar-toggle{ border-color:#fff;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:#fff;}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{background-color:#36a8ff;}

/*map*/
#map{ width:100%; height:260px; position:relative; }

/*Banner*/
.homeSlider{ position:relative; top:-8px; z-index:0;}
.homeSlider img{ width:100%; height:auto;}
.homeSlider .slider-caption{ position:absolute; width:100%; top:20%; text-align:left; left:120%; transition:1s; z-index:20;}
.homeSlider .slider-caption h1{
	font-size:40px;
	text-transform:uppercase;
	font-weight:700!important;
	color:#fff;
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom:0px; transition:.5s;
	transition: all .2s ease-in-out; 
	transform: scale(.5);
	background:rgba(0,0,0,.5);
	display:inline;
	padding:6px 12px;
}
.slick-active .slider-caption h1{ transform: scale(1);transition: all .9s ease-in-out 0.5s; }
.homeSlider .slider-caption h1 span{ color:#ed2624;}
.homeSlider .slider-caption p{ color:#fff; font-size:16px; background:rgba(13,120,189,.6); margin-top:16px; padding:15px; display:block; max-width:670px; height:auto; overflow:hidden;
font-weight:300;}
.homeSlider .slider-caption p span{ display:block; font-size:25px; padding-bottom:10px;}
.slick-active .slider-caption{
	  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  left:0; 
 }
.banner-wrapper .slick-arrow{ display:none!important}
.pattern-overlay{ position:absolute; width:100%; height:100%; left:0px; top:0px; right:0px; bottom:0px; background:url(../images/pattern.png) repeat;}
.slick-dots{ position:absolute; list-style:none; margin:0px; padding:0px; width:100%; text-align:center; bottom:15px;}
.slick-dots li{ display:inline-block;}
.slick-dots li button{ font-size:0px; width:18px; height:18px; background:url(../images/slider-nav.png) no-repeat -33px 0px ; border:none; margin-right:8px;}
.slick-dots .slick-active button{ background-position:0px 0px;}
.slick-arrow{ display:none!important;}

.slick-dots{}
.slick-dots li button{}
.slick-dots li{ position:relative; cursor:pointer;}
.slick-dots li::after{ content:"\f10c"; position:absolute; left:0px; top:0px; font-family:'FontAwesome'; font-size:23px;}
.slick-dots li.slick-active::after{ content:"\f192"; color:#009bff; }


.our-groups{ padding:60px 0px; background:url(../images/logo-color.png) no-repeat 10% bottom ;}

.our-group-left{ text-align: inherit;  width:100%; height:100%;}
.our-group-left h2{ margin-top:0px; margin-bottom:35px;}
.our-group-left .data-box{  width:100%; height:100%; vertical-align:middle;}
.our-group-left  h2 span{ display:block; font-size:14px; font-weight:300; font-style:italic; text-transform:none;}

/*About Us*/
#about-us { 
  background:url(about-us-bg.jpg) /*no-repeat fixed */;
  height:auto; 
  margin: 0 auto; 
  width: 100%; 
  position: relative; 
  height:auto; overflow:hidden;
  padding:60px 0px;
}
 
#about-us article { 
  height:auto; 
  position: relative; 
  text-align: inherit; 
  width: 100%; 
}
#about-us article h2{ color:#fff; font-weight:800; font-size:30px; text-transform:uppercase; }
#about-us article p{ color:#fff;}

/*our services*/
.our-services{ width:100%; height:auto; overflow:hidden; padding:60px 0px;}
.our-services  h2{ text-align:center; margin-bottom:15px; margin-top:0px;}
.our-services  h2 span{ display:block; font-size:14px; font-weight:300;text-transform:none;}

.service-box{ position:relative;}
.service-box::before{  position:absolute; left:10px; top:10px; bottom:10px; right:10px; border:1px solid #fff;content:" "; }
.service-box span{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background:rgba(0,0,0,.3);	
	text-align:center;
	
}
.service-box span a{ background:#20bed3;}
.service-box span h3{ text-transform:uppercase; color:#fff; font-size:27px;margin-top:28%; transition:.4s;}
.service-box span p{font-weight:400; padding:0px 15px;  transition:.4s; color:#fff;  font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;}
.service-box .data{position:absolute; bottom:0px; transition:.6s; width:100%; text-align:center;}
.service-box span a{ color:#fff; font-size:13px; opacity:0;  transition:.5s; background:#ec242a; text-transform:uppercase; border-radius:0px;}
.service-box img{ width:100%; height:auto;}
.service-box:hover span{ background:rgba(0,0,0,.6);}
.service-box:hover h3{ margin-top:10%;}
.service-box:hover .data{ bottom:30px;}
.service-box:hover a{ opacity:1; margin-top:5px;}
.services  .slick-dots{ position:static; margin-top:15px;}
.services .slick-dots li::after{ content:"\f111"; position:absolute; left:0px; top:0px; font-family:'FontAwesome'; font-size:16px; color:#d0d0d0;}
.services .slick-dots li.slick-active::after{ color:#ec242a; }



/*testimonials*/
#testimonials{ 
  background:url(../images/testimonials-bg.jpg) /*no-repeat fixed*/;
  height:auto; 
  margin: 0 auto; 
  width: 100%; 
  position: relative; 
  height:auto; overflow:hidden;
  padding:60px 0px;
}
 
#testimonials article { 
  height:auto; 
  position: relative; 
  text-align: center; 
  width: 100%; 
}
#testimonials article h2{ color:#fff; font-weight:800; font-size:30px; text-transform:uppercase; }
#testimonials article p{ color:#fff;}
#testimonials article h6{ color:#fff;}

/*Awards*/
.awards{ padding:60px 0px; background:url(../images/logo-color.png) no-repeat 90% bottom ;}
.awards.inner{ padding-bottom:120px;}

.awards-right{ text-align:left; display:table; width:100%; height:100%;}
.awards-right h2{ margin-top:0px; margin-bottom:35px;}
.awards-right .data-box{ display:table-cell; width:100%; height:100%; vertical-align:middle;}
.awards-right  h2 span{ display:block; font-size:14px; font-weight:300; font-style:italic; text-transform:none;}

/*Footer*/
footer{ background:#ffffff; padding:60px 0px;}
footer img{ margin-top:30px;}
footer p{ color:#ff0000;}
footer p a{ font-size:14px; color:#ff0000;}
footer p a:hover{ color:#ec242a}
footer h4{ color: #ff0000;}

footer ul{ list-style:none; margin:0px; padding:0px;}
footer ul li{ margin-bottom:6px;}
footer ul li a{ font-size:14px; color:#ff0000;}
footer ul li a:hover{color:#ec242a}
footer form input[type="text"]{ background:none; border-radius:0px; border:2px solid #fff; height:36px; line-height:36px; width:48%; float:left; padding:0px 10px; color:#fff;}
footer form input[type="email"]{ background:none; border-radius:0px; border:2px solid #fff; height:36px; line-height:36px; width:48%; float:right;  padding:0px 10px;  color:#fff;}
footer form textarea{ background:none; border-radius:0px; border:2px solid #fff; height:70px; width:100%; margin-top:20px; resize:none;  padding:0px 10px;  color:#fff;}
footer form input[type="submit"]{ background:#0d78bd; border-radius:0px; border:none; height:36px; line-height:26px;  float:right; color:#fff; text-transform:uppercase;
margin-top:20px; padding-left:25px; padding-right:25px;}
::-webkit-input-placeholder {
    color:#000000;
}
:-moz-placeholder {
    color:#000000;
}
::-moz-placeholder {
    color:#000000;
}
:-ms-input-placeholder {
    color:#000000;
}
input.white-input::-moz-placeholder, textarea.white-input::-moz-placeholder{ color:#000!important}

.copy-right{ background:#1a1a1a; width:100%; height:auto; overflow:hidden; padding:12px 0px;}
.copy-left-align{ text-align:left;}
.socialmedia a{ font-size:18px; margin-right:12px;}
.socialmedia a.facebook{ color:#407de7; }
.socialmedia a.twitter{ color:#33ccff; }
.socialmedia a.googleP{ color:#dc4a38; }

.copy-right-align{ text-align:right; color:#fff; font-size:13px;}
.md-content h3{ font-weight:normal!important;}
.innerpage{ max-height:300px; overflow:hidden;}
.innerpage .slider-caption{ top:20%}
.serviceOdd{ width:100%; height:auto; overflow:hidden;background:#36a8ff; color:#fff!important; }
.serviceEven{ width:100%; height:auto; overflow:hidden;background:#fff; }
.serviceOdd img,.serviceEven img{ width:100%; height:auto;}
.serviceEven .col-md-6{ padding-right:0px;}
.serviceOdd .col-md-6{ padding-left:0px;}
.md-content{ padding:30px;}

.contact-box{
background-color: #f9f9f9;
    border-bottom: 2px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-radius: 5px;
    border-right: 1px solid #e5e5e5;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;	
	overflow:hidden;
}
.contact-box h4{
	background:#36a8ff;
	color:#fff;
	padding:15px 0px;
	margin-top:0px;	
}
.contact-box p{ line-height:25px;}
.contact-box p a{ color:#36a8ff;}

.contact-form{ width:100%; padding:40px 0px; background:#0d78bd; text-align:center;}
.contact-form h3{ font-size:26px; color:#fff; margin-bottom:5px;}
.contact-form p{ font-size:12px; color:#fff; line-height:18px; margin-bottom:50px;}
#contact-form {
    margin: 0 auto 10px;
    max-width: 960px;
    text-align: center;
    width: 100%;
}
input.contact-input {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #aaa;
    float: left;
    font-size: 14px;
    height: 55px;
    margin-bottom: 20px;
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
	color:#333;
}
textarea {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #aaa;
    float: left;
    font-size: 14px;
    height: 205px;
    margin-bottom: 20px;
    padding: 10px 2%;
    width: 100%;
	resize:none;
	color:#333;
}
input.contact-submit {
    background-color: #36a8ff;
    border: 2px solid #36a8ff;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 14px 30px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
	float:left;
	width:100%;
}
input.contact-submit:hover {
    background-color: transparent;
    border: 2px solid #36a8ff;
    color: #36a8ff;
    transition: all 0.5s ease-in-out 0s;
}
input.white-input:-moz-placeholder, textarea.white-input:-moz-placeholder {
    color: #aaa;
}
input.white-input::-moz-placeholder, textarea.white-input::-moz-placeholder {
    color: #aaa;
}
#contact-form input.contact-input:focus, #contact-form textarea.contact-commnent:focus {
    border-color: #fff;
    outline: medium none;
}



.our-projects{  padding-top:30px;}
.our-projects h2{ margin-top:0px; margin-bottom:35px;}
.our-projects  h2 span{ display:block; font-size:14px; font-weight:300; font-style:italic; text-transform:none;}
.our-projects a:hover{ text-decoration:none;}
.our-projects label{ cursor:pointer;}
.captchaText{ font-size:12px; color:#fff; text-align:right;}
.captchaText a { color:#00deff;}

#contact-form .col-md-6 img{ border:1px solid rgba(0,0,0,.3);}
.slick-dots li button,.slick-dots  li,.slick-dots li.slick-active,.slick-dots li.slick-active button{ outline:none!important; border:none!important;}
.copy-right-align a{ color:#ec242a;}
.top-contact-left{ text-align: left; left:60px;}
.top-contact .top-contact-left a,.top-contact .top-contact-right a{ font-size:18px; color:#ec242a; font-family: 'Roboto Condensed', sans-serif; position:relative; top:25px;}
.top-contact{ padding-bottom:15px; height:auto; overflow:hidden;}
.top-contact-mob a{ text-align:center; color:#ec242a;}
.top-contact a:hover{ color:#0d78bd;}
.top-contact-mob{ display:none; position:relative; top:-12px;}
.menu{ width:100%; background:#fff; border-top:10px solid #ec242a; padding-top:15px; z-index:2010;}

.paddingZ{ padding:0px!important;}
.box{ margin-bottom:15px; height:auto; overflow:hidden;}
.box img{ border-radius:4px; margin-bottom:10px; width:100%; height:auto;}
.box h2{ font-size:18px; color:#202020; font-weight:600;}
.certificates{ width:100%; height:auto; background:#0d78bd; padding:50px 0px; margin:15px 0px;}
.certificates h3{ color:#fff; margin-top:0px; font-weight:400; margin-bottom:25px;}
.certificates a{ display:block; position:relative; overflow:hidden; margin-bottom:15px;}
.certificates a span{ transition:.5s; position:absolute; width:100%;top:110%; color:#fff; font-size:25px; text-align:center; left:0px;}
.certificates a img{ transition:.4s;}
.certificates a:hover span{ top:45%;}
.certificates a:hover img{ opacity:.4;}


/* Mediaquery ----------- */
@media only screen 
and (max-width : 1199px) {
	.our-group-left,.awards-left,.awards-right{ text-align:center;}
	.our-group,.awards{ height:auto!important; padding-bottom:120px;}
	.awards-left img{ margin-bottom:20px;}
	.award{height:auto!important; }
}
@media only screen 
and (min-width : 992px) {
	.menu-wrapper{ height:50px;}
	
}

@media only screen 
and (max-width : 991px) {
	.top-contact{ text-align:center;}
	.menu-wrapper{ background-image:none;}
	.menu-wrapper nav ul{ text-align:center;}
	.menu-wrapper nav .navbar-collapse{ padding-left:0px;}
	.menu-wrapper nav ul li:first-child a{ padding-left:0px;}
	.homeSlider .slider-caption h1{ font-size:25px;}
	.homeSlider .slider-caption p{ font-size:12px;}
	.homeSlider .slider-caption p span{ font-size:15px;}
	 footer .col-sm-12{ clear:both;}
	 .serviceEven .col-md-6{ padding-right:15px;}
.serviceOdd .col-md-6{ padding-left:15px;}
.serviceOdd ,.serviceEven { margin-bottom:30px;}
.top-contact-mob{ display:block;}
.top-contact .top-contact-left,.top-contact .top-contact-right{ display:none;}
.grid figure{ width:50%; margin:0px;}
.homeSlider .slider-caption p span{ padding-bottom:0px;}
	
}

@media only screen 
and (max-width : 640px) {
	.homeSlider .slider-caption p span{ line-height:18px;}
	.homeSlider .slider-caption{ top:5%;}
}




/* max-width: 767 (landscape) ----------- */
@media (max-width: 767px) {
 .menu-wrapper  nav ul{ text-align:left;}
 .menu-wrapper  nav ul li{ width:100%; clear:both;}	
 .menu-wrapper nav ul li  a{ padding-left:30px!important;}
 .menu-wrapper  nav{ margin-bottom:0px;}
 .homeSlider .slider-caption{ top:5%;}
 .innerpage .slider-caption{ top:20%;}
 .socialmedia,.copy-right-align{ text-align:center;}
 footer{ text-align:center;}
 footer h4{ margin-top:20px;}
 .fixme .top-contact-mob{ display:none;}
 .fixme .top-contact{ padding-top:0px; padding-bottom:5px;}
  
}
/* max-width : 1200 (landscape) ----------- */
@media (min-width: 768px) {
	.navbar-brand{ display:none;}
 
}
@media (max-width: 480px) {
	.homeSlider img{ min-height:186px;}
	.homeSlider .slider-caption p{ position:static!important; left:0px!important; }
	
	.homeSlider .slider-caption{ position:static; width:100%; margin:0px; text-align:center; padding-bottom:30px; min-height:200px;}
	.innerpage .slider-caption{ min-height:0px!important; height:auto!important; position:absolute;}
	.homeSlider .slider-caption .col-md-12{ padding:0px;}
	.homeSlider .slider-caption h1{ font-size:17px; position:relative; top:8px;}
	.homeSlider img{min-height:0px;}
	.grid figure{ width:100%!important; float:none!important;}
	
}

/* max-width : 400 (landscape) ----------- */
@media (max-width: 420px) {
	.top-contact-mob a{ display:inline-block; clear:both;}
}
/* max-width : 640 (landscape) ----------- */
@media (max-width: 600px) {
.grid figure{ width:100%;}
}


@media (max-width: 800px) {
.grid figure{ width:50%; float:left;}
}


/* min-width : 1999 (landscape) ----------- */
@media only screen 
and (max-width : 991px) and (min-width : 768px){
	.menu-wrapper nav ul li a{ padding:15px 36px;}
}



  
@media (max-width: 992px) {

}

@media (min-width: 991px) {
	
	 
	  
}

/* iPads (portrait) ----------- STARTS */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
	
}
/* iPads (landscape) ----------- STARTS */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
	
}