/*#012f5c - top
#fdd415   - yellow

#012243 
#00152a*/
@font-face{
   font-family: 'bahnschrift';
   src:url('../fonts/bahnschrift.ttf') format('truetype');
}

@font-face{
   font-family: 'montserrat.regular';
   src:url('../fonts/montserrat.regular.ttf') format('truetype');
}

body{
	
	 font-family: 'bahnschrift';
}

.top-bar{
	background: #00152a;
	color:#fff;
	padding-top: 15px;
	padding-bottom: 15px;
}

.top-bar .col-md-4 i{
	position: absolute;
	color:#fdd415 ;
	left:0
	
}

.top-bar .contact-info{
	padding-left: 45px;
}

.top-bar .logo{
	color:#fff;
	font-weight: bold;
	font-size: 28px;
	text-decoration: none;
}

.logo img{width: 100px;}

.navigation-bar{
	background: #012f5c;
	border-radius: 0;
	margin:0;
	position: sticky;
	z-index: 11;
}

.navigation-bar .nav li a{
	color:#fff;
	font-size: 15px;
}

.navigation-bar .nav li a:hover{
	background: none;
	color:#fdd415;
}

.dropdown-menu{
color: #012f5c;
border:0;
background: #fff;

}

.navigation-bar .dropdown-menu li a{
padding-top: 10px;
padding-bottom: 10px;
color: #012f5c;
}

.navigation-bar .dropdown-menu li a:hover{
background:  #012f5c;
color:#fff;
}


.dropdown:hover .dropdown-menu{
	display: block;
}

.navbar-header i{

	color:#fff;
}

.banner{
	padding: 0;
	background: url('../images/banner2.png');
	background-size: 100% 100%;
	height: 300px;
	background-position: center top;
}

 .tag{
	/*position: relative;*/
	margin-top: 50px;
	color:#fff;
}

.banner  h1{
	font-weight: bolder;
	font-size: 60px;
	letter-spacing: 2px;
	color:#fff;
}


.s{margin-top: 0px; padding: 0;}

.s img{
	/*box-shadow: 0 6px 30px rgba(0, 0, 0, .2);*/
	/*border:2px solid #012f5c;*/
}

.ser{
	/*box-shadow: inset 0 0px rgba(253, 212, 21,.9);*/
	background: rgba(255, 255, 255,.8);
	position: absolute;
	height: 70px;
	width: 100%;
	transition: .5s;
	color:#012f5c;
	overflow: hidden;
	padding: 20px;
	box-sizing: border-box;
	
}

.s1 .ser{
	background: #012f5c;
	height: 253px;
	color:#fff;
}

.s:hover .ser{
	/*box-shadow: inset 0 233px rgba(253, 212, 21,.9);*/
	background: rgba(253, 212, 21,.9);
	height: 253px;
	color:#012f5c;
}



.srs{
	box-shadow: 0 6px 30px rgba(0, 0, 0, .2);
	padding: 15px;
	margin-top: 25px;
}

.srs ul{
	padding-left: 0;
	list-style: none;
}

.srs ul li{display: block; margin-bottom: 3px;}

.srs ul li a{
	display: block;	
	padding: 15px 20px;
	border: 1px solid #999;
	padding-left: 50px;
	position: relative;
	transition: .3s;
	font-size: 16px;
	text-decoration: none;
	color:#012f5c;
}

.srs ul li a:hover{
	background: #012f5c;
	color:#ffffff;
}

.srs ul li a > i{
   position: absolute;
   left:10px;
   top:15px;
   font-size: 22px;
   transition: .5s;
}

.srs ul li a:hover i{
  left:15px;
  color:#fdd415;
}

.srs-cont p{
	color:#666;
	font-weight: 300;
}

.btn1{
	background: #012f5c;
	color:#fff;
	padding: 10px 10px;
	text-decoration: none;
	font-size: 16px;
	display: inline-block;
}
.btn1:hover{
	color:#fff;
	text-decoration: none;
}

.btn2{
	background: #fdd415;
	color:#012f5c;
	padding: 10px 10px;
	text-decoration: none;
	font-size: 16px;
	display: inline-block;
}
.btn2:hover{
	color:#012f5c;
	text-decoration: none;
}


.heading{
	font-weight: bold;
	color:#012f5c;
	
}

.heading span{
	display: block;
	width:50px;
	height: 10px;
	border-bottom: 4px solid #fdd415;
	margin-left: auto;
	margin-right: auto;
}

.intro{
	margin-top: 50px;
}

.intro h3{
	color:#012f5c;
}
.intro p{
	line-height: 25px;
	color: #333;
	font-size: 15px;
	letter-spacing: 1px;
}

.features .fi::before{
	font-size: 30px;
		margin-left: 15px;
}

.features i{
	position: absolute;
	left:10px;
	color:#012f5c;
	top:35px;
	height: 60px;
	width: 60px;
	border:2px solid #fdd415;
	border-radius: 50%;
	padding-top: 8px;
}


.features .feature{
	padding-left: 85px;
	margin-bottom: 25px;
	margin-top: 50px;
}

.features .feature h3{
	color:#012f5c;
}

.features .feature p{
	color:#666;
}

.intro2{
	color:#fff;
	margin-top: 50px;
	background: url('../images/bg2.jpg');
	padding-top: 50px;
	padding-bottom: 50px;
	background-position: center;
}

.features1 .fi::before{
	font-size: 45px;
}

.features1 i{
	position: absolute;
	left:0;
	color:#012f5c;
	top:40px;
	height: 85px;
	width: 85px;
	background:  #fdd415;
	border-radius: 50%;
	padding-top: 10px;
}


.features1 .feature1{
	padding-left: 100px;
	margin-bottom: 25px;
	margin-top: 50px;
}

.features1 .feature1 h1{
	color:#fff;
	font-weight: bold;
	font-size: 40px;
}

.features1 .feature1 p{
	color:#fff;
}


.banner1{
	padding: 0;
}
.banner1 img{
	width: 100%;
}

.our-services .col-md-4{
	margin-top: 25px;
	margin-bottom: 25px;
}


.services{
	border:1px solid #ccc;
	background: none;
	overflow: hidden;
	padding: 15px;
	box-shadow: inset 0 0 rgba(1,47,92,.8);
	transition: .5s;
	width: 100%;
	float: left;
}



.services .img{
	position: absolute;
	z-index: -1000;
	opacity: 0;
	
	transition: .5s;
	
	width:93%;
	background: url('../images/bg5.jpg');
	background-size: 100% 100%;
	height: 100%;
	left: 15px;
	right: 15px;
	top:0;	
}

.service{
	padding: 50px 50px;
	text-align: center;
}

.service p{
	color:#666;
}

.service i{
	display: inline-block;
	text-align: center;
	padding-top: 15px;
	color:#fdd415;
	background: #012f5c;
	height: 85px;
	width: 85px;
	border-radius: 50%;

}
.service .fi::before{
	font-size: 45px;
	margin-left: 0;

}
.services h3{
	font-weight: bold;
}

.services:hover{
	box-shadow: inset 0 500px rgba(1,47,92,.85);
}
.services:hover .img{
	opacity: .5;
}

.services:hover p{
	color:#fff;
}

.services:hover h3{
	color:#fff;
}

.clients img{
 	width:100%; 
	margin: 15px;  
	/*box-shadow: 0 6px 30px rgba(0, 0, 0, .2);*/
	border: 1px solid #012f5c;
}

.form input{
	width: 100%;
	height: 40px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.form textarea{
	width: 100%;
	height: 150px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.form input[type="submit"]{
	background: #012f5c;
	color: #fff;
	border:0;
	font-size: 18px;
	
}

.form input[type="submit"]:hover{
background:#fdd415;
}

.gallery img{
	width:100%; 
	max-height: 200px; 
	min-height: 200px;
	margin-top: 15px;
	margin-bottom: 15px;
	border:1px solid #012243;
	/*box-shadow: 0 6px 30px rgba(0, 0, 0, .2);*/
}

.gallery .col-md-3 span {
  position: absolute;
  display: block;
  width: 80%;
  box-sizing: border-box;
  left: 10%;
  bottom: 0;
  padding: 10px;
  background: #fdd415;
  opacity: 0;
  transition: .5s;
  color: #012243;
  text-align: center;
}

.gallery .col-md-3:hover span{
	bottom: 100px;
	opacity: .9;
}

.footer{
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
	background: #012243;
}
.footer a{
	color:#fff;
	text-decoration: none;
}
.footer h3{
	margin-bottom: 25px;
}

.footer i{
	color:#fdd415;
}

.copy{
	padding-top: 15px;
	padding-bottom: 15px;
background: #00152a;
color:#fff;	
font-size: 13px;
text-align: center;
}


.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
  }

  .affix + .container-fluid {
    padding-top: 70px;
  }



.touch i{
	color:#fdd415;
}


#mobile{
	display: none;
}

#nett{
	margin-top: 80px;
}
 @media(max-width: 768px)
 {

 	.top-bar .container-fluid{padding: 0;}
	.top-bar .col-md-8{padding: 0;}

	.top-bar .col-xs-6{font-size: 12px; padding-left: 10px; padding-right: 10px;}

	.navigation-bar .nav li a{
		color:#fff;
		text-align: center;
		font-size: 15px;
	}

	.banner{
		padding: 0;
		background: url('../images/banner.jpg');
		height: 350px;
		background-size: 120% 100%;
	}

	.banner .tag{
		position: absolute;
		margin-top: 100px;
		color:#fff;
	}

	.banner .tag h1{
		font-weight: bolder;
		font-size: 30px;
		letter-spacing: 2px;
	}

 	.services .img{
		width:91.5%;
	}

	.service{
		padding-left: 20px;
		padding-right: 20px;
	}
 } 


@media(max-width: 428px)
 {
 	#mobile{display: block;}
 	#desktop{display: none;}
 	.top-bar .col-md-8{display: none;}

 	.logo img{width: 150px;}
	.banner{
		padding: 0;
		background: url('../images/banner.jpg');
		height: 250px;
		background-size: 120% 100%;
	}

	#nett{
		margin-top: 100px;
	}

	.banner .tag h1{
		font-weight: bolder;
		font-size: 30px;
		letter-spacing: 2px;
	}

	.heading{font-size: 26px;}

 	/*.our-service .col-md-4, .col-xs-6{width: 100%; float: left;}*/

 	.services .img{
		width:93%;
	}

	.features i {
  
		  left: 10px;
		  color: #012f5c;
		  top:0;
  
		}

		.features1 .feature1 {
		  padding-left: 70px;
		  margin-bottom: 25px;
		  margin-top: 50px;
		}

		.features1 i {
		  position: absolute;
		  left: 10px;
		  color: #012f5c;
		  top: 40px;
		  height: 55px;
		  width: 55px;
		  font-size: 15px;
		  background: #fdd415;
		  border-radius: 50%;
		  padding-top: 10px;
		  text-align: left;
		  	}

		  	.features1 .fi::before {
			  font-size: 30px;
			  margin-left: 15px;
			}
	
 } 

 @media(max-width: 360px)
 {


	.banner{
		padding: 0;
		background: url('../images/banner.jpg');
		height: 250px;
		background-size: 120% 100%;
	}

	.banner .tag{
		position: absolute;
		margin-top: 50px;
		color:#fff;
	}

	.banner .tag h1{
		font-weight: bolder;
		font-size: 30px;
		letter-spacing: 2px;
	}


 	.our-service .col-md-4, .col-xs-6{width: 100%; float: left;}

 	.services .img{
	
	width:91%;
	
		}

	

	
 }