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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* Header Start */

.header{
background: rgba(102,204,255,1);
background: -moz-linear-gradient(left, rgba(102,204,255,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(102,204,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(102,204,255,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(102,204,255,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(102,204,255,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(102,204,255,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ccff', endColorstr='#ffffff', GradientType=1 );
width:100%;
}

.navbar-default  ul{
	position: relative;
    z-index: 10000;
}

.header .logo1{
float:left;
}

.header .logo1 img {
	width:85%;
	padding-top:10px;
	padding-left:20px;
}

.header .logo2 {
float:left;
}

.header .logo2 img {
	margin-top:-10px;
	padding-bottom:10px;
	padding-left:100px;
	
}

.navbar-collapse ul{
	background: rgba(97,175,235,1);
background: -moz-linear-gradient(top, rgba(97,175,235,1) 0%, rgba(106,173,225,1) 44%, rgba(106,173,225,1) 77%, rgba(207,248,244,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(97,175,235,1)), color-stop(44%, rgba(106,173,225,1)), color-stop(77%, rgba(106,173,225,1)), color-stop(100%, rgba(207,248,244,1)));
background: -webkit-linear-gradient(top, rgba(97,175,235,1) 0%, rgba(106,173,225,1) 44%, rgba(106,173,225,1) 77%, rgba(207,248,244,1) 100%);
background: -o-linear-gradient(top, rgba(97,175,235,1) 0%, rgba(106,173,225,1) 44%, rgba(106,173,225,1) 77%, rgba(207,248,244,1) 100%);
background: -ms-linear-gradient(top, rgba(97,175,235,1) 0%, rgba(106,173,225,1) 44%, rgba(106,173,225,1) 77%, rgba(207,248,244,1) 100%);
background: linear-gradient(to bottom, rgba(97,175,235,1) 0%, rgba(106,173,225,1) 44%, rgba(106,173,225,1) 77%, rgba(207,248,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61afeb', endColorstr='#cff8f4', GradientType=0 ); 
	width:100%;
}

.navbar-collapse ul li{
	border-right:1px solid #004684;
}

.navbar-collapse ul li:last-child{
	border-right:none;
}

.navbar-collapse ul li a{
padding-left:30px;
padding-right:30px;
}

.active > a {
    color: #fff;
background: rgba(0,70,132,1);
background: -moz-linear-gradient(top, rgba(0,70,132,1) 0%, rgba(21,99,166,1) 44%, rgba(48,133,207,1) 77%, rgba(207,248,244,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,70,132,1)), color-stop(44%, rgba(21,99,166,1)), color-stop(77%, rgba(48,133,207,1)), color-stop(100%, rgba(207,248,244,1)));
background: -webkit-linear-gradient(top, rgba(0,70,132,1) 0%, rgba(21,99,166,1) 44%, rgba(48,133,207,1) 77%, rgba(207,248,244,1) 100%);
background: -o-linear-gradient(top, rgba(0,70,132,1) 0%, rgba(21,99,166,1) 44%, rgba(48,133,207,1) 77%, rgba(207,248,244,1) 100%);
background: -ms-linear-gradient(top, rgba(0,70,132,1) 0%, rgba(21,99,166,1) 44%, rgba(48,133,207,1) 77%, rgba(207,248,244,1) 100%);
background: linear-gradient(to bottom, rgba(0,70,132,1) 0%, rgba(21,99,166,1) 44%, rgba(48,133,207,1) 77%, rgba(207,248,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004684', endColorstr='#cff8f4', GradientType=0 );
}

.navbar-collapse ul li a:hover{
   
background: rgba(0,70,132,1);
background: -moz-linear-gradient(top, rgba(0,70,132,1) 0%, rgba(21,99,166,1) 44%, rgba(48,133,207,1) 77%, rgba(207,248,244,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,70,132,1)), color-stop(44%, rgba(21,99,166,1)), color-stop(77%, rgba(48,133,207,1)), color-stop(100%, rgba(207,248,244,1)));
background: -webkit-linear-gradient(top, rgba(0,70,132,1) 0%, rgba(21,99,166,1) 44%, rgba(48,133,207,1) 77%, rgba(207,248,244,1) 100%);
background: -o-linear-gradient(top, rgba(0,70,132,1) 0%, rgba(21,99,166,1) 44%, rgba(48,133,207,1) 77%, rgba(207,248,244,1) 100%);
background: -ms-linear-gradient(top, rgba(0,70,132,1) 0%, rgba(21,99,166,1) 44%, rgba(48,133,207,1) 77%, rgba(207,248,244,1) 100%);
background: linear-gradient(to bottom, rgba(0,70,132,1) 0%, rgba(21,99,166,1) 44%, rgba(48,133,207,1) 77%, rgba(207,248,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004684', endColorstr='#cff8f4', GradientType=0 );
}

/* Footer Styling */

.footer{
	background:#383838;
	width:100%;
	padding-top:30px;
	color:#FFFFFF;
	border-top:6px solid #004684;
}

.footer h4{
font-size:2em;

}

.footer p{
font-size:1.2em;
line-height:24px;
}

.footer .aboutf img{
padding-right:30px;
padding-top:10px;

}


.footer .aboutf a{
 
   color:#ffde00;
}

.footer .aboutf a:hover{
 
color:#fff;
 text-decoration:none;
  
}

.footer .info ul li{
padding-bottom:20px;

  
}

.footer .info ul li a{
 font-size:1.2em;
 color:#fff;
  
}

.footer .info ul li a:hover{
 
 color:#ffde00;
 text-decoration:none;
  
}

.cl-change{
color:#ffde00;
}

.footer .fcontact ul li {
 font-size:1.2em;
 color:#fff;
 padding-bottom:20px;
  
}

.lower-footer{
background-color:#ccc;
width:100%;
color:#000;
padding-top:10px;
padding-bottom:10px;
font-size:1.1em;
}

.lower-footer .right{
text-align:right;
}

.lower-footer .left{
text-align:left;
}

.lower-footer .right a{
color:#004684;
}


.lower-footer .right a:hover{
color:#ffde00;
text-decoration:none;
}

/* footer end */

/* Services */
.services {
 padding-top:2em;
 padding-bottom:3em;
 
}

.services p{
	padding-top:1em;
	padding-bottom:1em;
	
}

.button{
	background-color:#b3e6ff;
	color:#000;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	font-size:1.2em;
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #004684;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #000;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #b3e6ff;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -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-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
  text-decoration:none;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
/* Services End */

/* About Us */
.aboutus{
width:100%;
background-color:#292731;
 padding-top:3em;
 padding-bottom:3em;
 color:#fff;
}

.aboutus h1{
font-family: 'Lato', sans-serif;
 font-size: 2em;
 font-weight: 400;
}

.aboutus h2{
font-family: 'Courgette', cursive;
 font-size: 1.6em;
 font-weight: 400;
}

.aboutus p{
	padding-top:1em;
	padding-bottom:1em;
	font-size:1.3em;
}

.aboutus ul li {
	font-size:1.3em;
}


.separator {
	position: relative;
}

.separator.top::before,
.separator.bottom::after {
	z-index: 2;
	left: 0;
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	background-image: url('../images/separator.jpg');
	background-position: center;
	background-repeat: repeat-x;
}

.separator.top::before {
	top: 0;
}

.separator.bottom::after {
	bottom: -20px;
}

.arrow-separator {
	top: 0;
    width: 100%;
    height: 42px;
    position: absolute;
    z-index: 5;
    background-image: url('../images/direction-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

/* About Us End */

/* Our Services */
.ourservices{
   padding-bottom:2em;
}

.ourservices h1{
font-family: 'Lato', sans-serif;
 font-size: 3em;
 font-weight: 400;
 text-align:center;

}

.ourservices h2{
font-family: 'Courgette', cursive;
 font-size: 1.6em;
 font-weight: 400;
 text-align:center;
}

.ourservices p{
	padding-top:0.5em;
	padding-bottom:0.5em;
	background-color:#292731;
	font-size:1.3em;
	color:#fff;
	text-align:center;
}
/* Our Services end */

/* More Details */
.moredetails {
    padding-top:3em;
	padding-bottom:3em;
	background-color:#ececec;
}
.client, .vision{
	font-size:1.3em;
}

.client h2{
	
}

.client span{
	background-color:#004684;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;

}

.client .clientn{
	background-color:#fff;
	padding-top:8px;
	padding-bottom:8px;
		
}

.client .clientn p{
	
		
}

/* More Details End */

/*------ contact -----*/
.contact{
	
	padding-bottom:2em;
}

.contact h2, .contact p{
	text-align:center;
}

.contact-form div input[type="text"]{
	width:100%;
	padding:0.5em;	
	border:1px solid #9d9696;
	-webkit-appearance:none;
	outline:none;
	color:#777;
	transition:border-color 0.4s;
	-webkit-transition:border-color 0.4s;
	-moz-transition:border-color 0.4s;
	-o-transition:border-color 0.4s;
	-ms-transition:border-color 0.4s;
	
}

.contact-form textarea{
	width:100%;
	padding:1em;	
	font-family: 'Droid Sans', sans-serif;
	border:1px solid #9d9696;
	-webkit-appearance:none;
	outline:none;
	color:#777;
	min-height:120px;
	resize:none;
	transition:border-color 0.4s;
	-webkit-transition:border-color 0.4s;
	-moz-transition:border-color 0.4s;
	-o-transition:border-color 0.4s;
	-ms-transition:border-color 0.4s;
}

.contact-form input[type="submit"]{
	display: block;
	background:#6aade1;
	padding: 0.7em 3em;
	font-size:1.2em;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 400;
	display: inline-block;
	margin-top: 1em;
	text-decoration: none;
	border:none;
	outline:none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.contact-form input[type="submit"]:hover{
	background: #004684;
}

.contacth{
	font-size:1.3em;
	padding-bottom:10px;
}
/*------ end contact -----*/ 

.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
		  margin-bottom: 20px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
		  margin-bottom: 20px;
}