/* -------------------------------------------------------

Version: 1.0
Created:September 2018

INDEX:

01. Reset
02. Navbar

------------------------------------------------------*/

/*======== 01.Reset =========== 
=======================================*/	

body {	
	/*font-family: 'Poppins', sans-serif;*/
	/*font-family: 'PT Sans', sans-serif;*/
	font-family: 'Comic Neue', cursive;
  	/*font-size: 16px;*/
	font-size: 18px;
	color: #4e4e51;
	font-weight:400;
	line-height: 1.75;
	letter-spacing: 0.3px;
}
a {
    color: #4e4e51;
    text-decoration: none;
}

a:hover,a:focus,.a:active {
  	color: #1b5fac;
  	text-decoration: none;
  	outline: none !important;
}
h1,h2,h3,h4,h5,h6 {
  	/*font-family: 'Montserrat', sans-serif;*/
	margin-bottom:10px;
	margin-top:0;
	line-height:1.2;
	font-weight:bold;
	
}

h1{
	font-size:48px;
}
h2{
	font-size:32px;
}
h3{
	font-size:28px;
}
h4{
	font-size:24px;
}
h5{
	font-size:20px;
}
h6{
	font-size:16px;
}
p{
	/*margin-bottom:15px;*/		
}


/*====== 02. Navbar ======== 
=============================*/

.navbar{
	height:60px;
}
.navbar-default .navbar-brand {
  	color: #424242;
}
.navbar-inverse .navbar-brand {
  	color: #fff;
}
.navbar-default,.navbar-inverse{
	-moz-transition:all 0.5s ease-in 0s;
	-webkit-transition:all 0.5s ease-in 0s;
	-o-transition:all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s;
}
.navbar-inverse .navbar-nav > li > a::before, .navbar-default .navbar-nav > li > a::before{
 	border-radius: 4px;
    content: "";
    height: 5px;
    position: absolute;
    right: -23px;
    top: 29px;
    width: 5px;
}
.navbar-inverse .navbar-nav > li:last-child > a::before, .navbar-default .navbar-nav > li:last-child > a::before{
	display:none;
}
.navbar-inverse .navbar-nav > li > a,.navbar-default .navbar-nav > li > a {
	padding:20px 0px 3px 0px;
	margin:0px 20px;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
}
.navbar-brand {
    height: auto;	
    line-height: 35px;
    padding: 0px 15px;
	font-family: 'Poppins', sans-serif;
}
.dropdown-menu{ 
	border-radius:0;
	padding: 10px;
}
.dropdown-menu > li > a{
	 padding: 5px 10px;
}
.navbar-inverse.navbar-affix,.navbar-default.navbar-affix{
	padding: 15px 0px;
	height: auto;
	margin-bottom: 0px;
}
.logo-default,.logo-inverse{
	display:none;
}
.logo-default img,.logo-inverse img,.light-version .navbar-brand img{ 
	margin-right:10px; 
	float:left; 
	margin-top: 0px;
}
.navbar-default .navbar-brand.logo-default{ 
	display:block;
}
.navbar-inverse .navbar-brand.logo-inverse{ 
	display:block;
}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {
  	color: #1b5fac;
  	background-color: transparent;
}

/* ---- White Background with  Navbar ---------*/

.navbar-default.navbar-affix {
    background: #fff;
    border-bottom: 0px !important;
    margin-bottom: 0px;
    border: 0px !important;
}

.navbar-default .navbar-nav > li > a::before {
  	background: #2e2e2e;
  	opacity: 0;
}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {
  	background: #fff;
	border-radius: 30px;
}

/* ---- Transparent Background with  Navbar ---------*/
.navbar-inverse.navbar-affix {
  	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  	border-bottom: 1px solid rgba(255, 255, 255, 0);
  	box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
  	z-index:5;
}
.navbar-inverse .navbar-nav > li > a {
  	color: #fff;
}
.navbar-inverse .navbar-nav > li > a::before {
  	background: #fff;
  	opacity: 0.2;
}
.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus,.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus {
  	background-color: transparent;
}
.form-group {
	margin-bottom: 20px;
}

.navbar-inverse .navbar-nav > li > a,.navbar-default .navbar-nav > li > a{
	padding: 7px 20px;
	margin:0;
}
.navbar-inverse .navbar-collapse,.navbar-default .navbar-collapse{
	width:auto;
	min-width:auto;
	background:transparent;
	float: left;	
	border-radius: 8px 0px 0px 8px;
	padding: 15px 15px;
}
.navbar-inverse .navbar-collapse ul li a,.navbar-default .navbar-collapse ul li a{
	color:#fff;
}
.navbar-inverse .navbar-collapse ul li a:hover,.navbar-default .navbar-collapse ul li a:hover{
	color:#092a4c;
	/*font-weight:bold;*/
}


.carousel-fullpage{ 
	min-height: 80vh;
	background-size: cover;
	width: 100%;
}

.slider-wht-txt{
	padding: 0% 0px;
	font-size: 30px;
	font-weight:normal;
}

.slider-wht-txt span{
	font-size:30px;
	font-weight:300;
	width:100%;
	display:inline-block;
}

.carousel-content{
	width: 70%;
	padding:10% 5% 0px 5%;
	color: #fff;
	position:relative;
	z-index:1;	
}

.home-slider{
	position:relative;
}

.nav-rgt,.nav-lft{
	position: absolute;
	font-size: 15px;
	bottom: 15px;
	z-index: 1;
	color: #000;
	background:#fff;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius:30px;
}
.nav-rgt{
	right:15px;	
}

.nav-lft{
	right:65px;	
}

.vl-sh{
	position:relative;
overflow:hidden;	
}
.vl-sh::before{
	position: absolute;
	left:-100px;
	top: 0;
	bottom: 0;
	height: 100%;
	background: rgba(146,46,158,0.9);
	z-index: 0;
	content: "";
	width: 70%;
	transform: skewX(-15deg);
}

.our-services {
	padding: 0px 0px;
	background: #032242;
	position:relative;
}
.our-services::before{
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 0;
	background: url('../images/building-img.jpg') no-repeat;
	top: 0;
	opacity: 0.05;
}

.our-services .main-title.lft {
    text-align: left;
	margin-bottom: 15px;
	padding: 50px 30px 20px 0px;
	width: 100%;
}

.our-services-img{
	width: 100%;
	padding: 40px 0px;
} 

.our-services .main-title h2{
	color: #fff;
	font-size: 36px;
	margin-bottom: 10px;
	width: 100%;
	display: inline-block;
}
.our-services .main-title h2 span{
	color:#3ecf00;
}
.our-services .main-title p{
	color:#fff;
}

.main-title{
	text-align:center;
	margin-bottom: 60px;
}

.main-title h2{
	font-size: 20px;	
	font-weight: normal;
	position: relative;
}
.main-title p{
	margin-top:30px;
}

/*
.main-title h2::before{
	width: 130px;
	height: 2px;
	background: #000;
	content: "";
	z-index: 1;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	bottom: -10px;
}*/
.main-title h2::after{
	width: 80px;
	height: 2px;
	background: #007bfe;
	content: "";
	z-index: 1;
	right: 0;
	position: absolute;
	bottom: -5px;
	margin: 0 auto;
	left: 0;
}

.main-title h2 span{
	color:#3ecf00;
	font-weight: bold;
}

.icon-box {
	padding: 40px 20px;
	text-align: center;
	border-radius: 8px;
	background: transparent;	
	border: 1px solid rgba(0,0,0,0.04);
}
.icon-box.active {
	background:#3ecf00;
	color:#fff;
}

.icon-box.active  h4{
	color:#fff;
}

.icon-box i{	
	color:#3ecf00;
	font-size:40px;
	width:100px;
	height:100px;
	display:inline-block;
	text-align:center;
	line-height:100px;
	border-radius:50%;
	background:#fff;
	box-shadow:0px 5px 5px 1px rgba(0,0,0,0.25);	
}
.icon-box h4{
	font-size: 18px;
	padding: 30px 0px 0px 0px;
	margin-bottom: 15px;	
	color:#fff;
}
.icon-box p{
	margin-bottom:0px;
	color:rgba(255,255,255,0.75);
}

.about-us{
	padding: 60px 0px;
	position: relative;
}

/*
.about-us::before{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:50%;
	z-index:1;
	content:"";
	background: url(../images/aboutus-img.jpg);
	background-size: cover;
	background-position: center;
}
*/
/*
.about-us::after{
	background: rgba(62,207,0,0.9);
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:50%;
	z-index:1;
	content:"";
}*/

.about-us .main-title{
	text-align:left;
	margin-bottom: 15px;
}

.about-us .main-title h2{
	text-align:left;
	
}
.about-us .main-title h2::before {
	margin: 0px;
	left: 0;	
}
.about-us .about-content{
	padding: 15px 45px 0px 45px;
}
.about-us .main-title h2::after {
	margin: 0px;
	left: 0;	
}

.feature-us{
	padding:0px 0px;
	position:relative;
}
.feature-us::before{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	content:"";
	z-index:1;
	background: url(../images/feature-us-bg.jpg);
	background-size: cover;
	width:50%;
	height:100%;	
}
.feature-us .feature-us-content{
	padding:60px 45px;
	display: inline-block;
}
.feature-icon-box{
	margin-top: 30px;
	display: inline-block;
	margin-left: 18px;
}
.feature-icon-box .icon{
	width:80px;
	height:80px;
	border-radius:50%;
	background:#f3f3f3;
	float:left;	
	margin-right:30px;
}
.feature-icon-box .icon img{
margin-left: -15px;
margin-top: 5px;
}

.feature-icon-box .content{
	width:calc(100% - 110px);
	float:left;
}
.feature-icon-box .content h4{
	font-size:16px;
	color:#000;
}
.feature-icon-box .content p{
	font-size:15px;
}

.spl-contactus-bg{
	padding: 60px 0px;
	background: url(../images/call-to-action-img.jpg);    
	background-size: cover;
	position:relative;
	color: #fff;	
}
.spl-contactus-bg h2{
	color: #fff;
	margin-bottom: 20px;
	font-size:26px;
}
.spl-contactus-bg p{
	margin-bottom:0px;
}
.spl-contactus-bg::before{
	position:absolute;
	left:0;
	right:0;
	width:100%;
	height:100%;
	z-index:0;
	content:"";
	background:rgba(62,207,0,0.89);
	top:0;
	bottom:0;
}

.btn-transparent{
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 30px;
	border-radius: 2px;
}
.btn-transparent:hover{
	background:#fff;
}
.mt-lg{
	margin-top:60px;
}

.contact-section{
	padding: 100px 0px;
	background: #007bfe;
	color:#ffffff;
}

.contact-section .section-title h2{
	color:#ffffff;
	font-size: 26px;
}
.contact-section .contact-form{
	padding-right:25px;
}

.contact-form .form-group .form-control{
	border: 0px;
font-size: 14px;
padding: 20px 20px;
height: 60px;
}

.contact-form .form-group{
	margin-bottom: 30px;
}
.contact-section .section-title{
	margin-bottom: 40px;
}
textarea.form-control {
	height: 150px !important;
}
.btn-style-four{	
	font-size: 16px;
color: #fff;
background: #3ecf00;
padding: 15px 40px;
border-color: #3ecf00;
letter-spacing: 1px;
height: 60px;	
font-weight:bold;
}

.btn-style-four:hover{	
	background:#3ecf00;	
	color: #fff;
	border-color:#3ecf00;	
}
.btn-style-one{	
	font-size: 13px;
	color: #103459;
	background: #ffffff;
	padding: 15px 40px;
	letter-spacing:1px;	
}

.btn-style-one:hover{
	background: #103459;
	color: #ffffff;	
}

.text-content-bg{
	background: #3ecf00;
	border-radius: 4px;
}
.text-content-bg .text-content{
	padding: 40px 25px;
	color:#ffffff;
}
.text-content-bg .text-content h3{
	margin-bottom: 15px;
	font-size: 18px;
	color:#ffffff;
}
.text-content-bg .text-content p{
	margin-bottom:15px;
}
.text-content-bg .text-content p span{
	font-weight:bold;	
}

.quick-links-bg{	
	background: rgba(255,255,255,0.1);
	border-radius: 4px;	
}
.quick-links{
	padding: 40px 25px 20px 25px;
}

.quick-links h3{
	margin-bottom: 15px;
	font-size: 18px;
}
.quick-links ul.quicks-item{
	margin-top: 20px;	
}
.quick-links ul.quicks-item li{
	margin-bottom:20px;	
}

.quick-links ul.quicks-item li a{
	background: #fff;
	padding: 5px 20px;
	font-size: 13px;
	border-radius: 4px;
	margin-right: 10px;
}


.footer-section{
	padding: 40px 0px 30px 0px;	
}

.social-links{
	text-align:center;
	margin-bottom: 20px;	
}

.social-links a.btn{
    margin: 0px 10px;
	width: 60px;
	height: 60px;
	padding: 0;
	line-height: 60px;
	font-size:25px;
}
.mr-md{
	margin-right:15px;
}

.navbar-default{
	margin-bottom: 0px;
	border: 0px;
	background: #fff;
	height: auto;
	background: #185ca6; 
	background: -moz-linear-gradient(left, #185ca6 0%, #0d74e4 33%, #2f93ff 100%); 
	background: -webkit-linear-gradient(left, #185ca6 0%,#0d74e4 33%,#2f93ff 100%); 
	background: linear-gradient(to right, #185ca6 0%,#0d74e4 33%,#2f93ff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#185ca6', endColorstr='#2f93ff',GradientType=1 ); 
	padding: 10px 10px;
	border-radius: 16px 16px 0px 0px !important;	
}

.navbar-img{	
	width: 100%;
	display: flex;
	margin: 15px 0px 12px 0px;
	flex-direction: row;
}

.navbar-logo{
	  width: 430px;
}

.navbar-links{
	width: calc(100% - 430px);
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.navbar-content {
 display: flex;
justify-content: start;
flex-basis: auto;
align-items: center;
padding-left: 15px;
}
.navbar-content .lft{
	margin-right: 7px;
}

.navbar-brand > img{
	float:left;
}

.navbar-content .rgt span{
	font-size:14px;
	color:#6e7276;
}


.navbar-content .rgt h3{
	color: #081e34;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}


.intro-carousel .carousel-content{
  width: 50%;
  padding: 30px 30px 15px 30px;
  color: #fff;
  z-index: 1;
  background: #000 !important;
  position: absolute;
  bottom: 0px;
  right: 7%;
  height: auto;
}

.slider-wht-txt b{
  font-size: 14px;
  color: #007bfe;
  padding: 2px 10px;
  border-radius: 30px;
  font-weight: normal;
  border: 1px solid #007bfe;
  margin-bottom: 7px;
	float: left;
}

.slider-wht-txt span{
	font-weight:normal;
}

.sb-txt{
	font-size: 36px;
	font-weight: normal;
	line-height: 40px;
	color:#1e1511;
	margin-bottom: 30px;
}

.sb-txt b{
	color:#007bfe;
}

.ds-txt{
	margin-bottom: 10px;
}

.primary-txt{
	color:#007bfe;
	font-weight:bold;
}

.about-img img{
	width:100%;
	border-radius: 16px;
}

.about-spl-txt{
	background: rgba(0,123,254,0.9);
padding: 20px 30px 15px 30px;
border-radius: 16px;
position: absolute;
bottom: 15px;
left: -20px;
width: 94%;
color: #fff;
font-size: 15px;
font-weight: bold;
}
.about-spl-txt h4{
font-size: 16px;
text-decoration: underline;
}

.main-title.lft {
  text-align: left;
  margin-bottom: 15px;
}

.main-title.lft h2::after {
	opacity:0;
}

.our-services .main-title p {
  margin-top: 10px;
  margin-bottom: 20px;
}

.flex-services{
	display:flex;
	flex-direction:row;
}
.flex-services .lft{
	width: 60%;
}
.flex-services .rgt{
  background: url('../images/rvs-mission-img.jpg');
  background-size: auto;
  width: 40%;
  background-size: cover;
}


.flex-img{
	display: flex;
	flex-direction: row;	
}


.flex-img .lft{
	width: 50%;
	height: auto;
	background-size: cover !important;
	border-radius: 16px;
	margin-right: 15px;
}


.flex-img .rgt{
	width:50%;
	margin-left: 15px;
}

.flex-img .rgt.spl-img img:nth-child(1){
	margin-bottom:15px;		
}
.flex-img .rgt.spl-img img:nth-child(2){
	margin-top:15px;
}

.mt-md{
	margin-top: 30px;
}
.spl-list{
	padding: 0;
	list-style: none;
}

.main-title.spl-tt{
	margin-bottom: 15px;
}
.portfolio .txt{
	/*text-align: center;*/
	padding: 0px 0px;
}
.portfolio .txt h3{
	font-size: 17px;
	margin-bottom: 7px;
	color: #fff;
}

.portfolio .txt p{
	font-size: 15px;
	margin-bottom: 0px;
	color:#d4d4d4;
}

.portfolio .txt ul{
	font-size: 15px;
	margin-bottom: 0px;
	color:#d4d4d4;
}

.portfolio .gallery{
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: left;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-bottom: 30px;
}


.portfolio .gallery img{
	width:33.3%;
	padding:15px;  	
}

.portfolio{
	margin-bottom: 15px;
	border: 1px solid rgba(255,255,255,0.2);
	padding: 30px;
	background: rgba(0,0,0,0.1);
	border-radius: 8px;
}

.portfolio-section .nav-pills > li{
	margin: 0 auto;
	display: inline-block;
	float: none;
}

.portfolio-section .nav-pills > li > a {
  border-radius: 30px;
  padding: 5px 30px;
  border: 1px solid #eee;
  margin: 0px 7px;
  color: #ccc;
}

.portfolio-section .nav {
  text-align: center;
}

.portfolio-section .nav-pills > li.active > a, .portfolio-section .nav-pills > li.active > a:focus, .portfolio-section  .nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #ff6d00;
  border:1px solid #ff6d00;
}

.mb-md{
	margin-bottom:30px;
}

.row.portfolio:last-child{
	border-bottom:0px;
}

.has-error .help-block{
	background: #fff;
	padding: 0px 7px;
	border-radius:4px;
}

.capability{
	background: url('../images/building-img-02.jpg');	
	color: #fff;
	margin-bottom: 0px;
}

.capability::before{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 0;
	background: #000;
	opacity: 0.75;
}

.capability .sb-txt{
	color:#fff;
}


.contact-section{
	position:relative;
}


.contact-section::before{
	position: absolute;
right: 0;
top: 0;
bottom: 0;
width:100%;
content: "";
z-index: 0;
height: 100%;
background: rgba(0,0,0,0.05);
}


.portfolio-section{
	background: #032242;
	color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
}

.portfolio {
  margin-bottom: 15px;
  border: 1px solid rgba(255,255,255,0.2);
  padding: 30px 30px;
  background: rgba(0,0,0,0.1);
}

.portfolio-section .sb-txt{
	color: #fff;
}
.about-spl-img{
height: 130px;
width: 120px;
border-radius: 8px;
background: #fff;
border: 2px solid orange;
text-align: center;
position: absolute;
top: 30px;
left: 50px;
line-height: 20px;
}
.about-spl-img img{
width: 60%;
margin: 10px 0px;
}
.about-spl-img p span{
	font-weight:bold;
	font-size:20px;
}
.navbar-brand .sp-tt{
font-size: 26px;
text-transform: uppercase;
float: left;
margin-top: 35px;
/*margin-left: 10px;*/
font-weight: bold;
color: #0165df;
}

.txt-tks{
	text-align: center;
	color: #444;
	line-height: 40px;
}
.sb-tt{
	color: #0165df;
	text-align: center;
}

.arrow-up {
  width: 50px;
  height: 50px;
  border: 1px solid #000;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  position: fixed;
  bottom: 20px;
  z-index: 1000;
  right: 10px;
  font-weight: bold;
  color: #000;
  transition: all ease-in-out 0.3s;
   
}

.arrow-up:hover{
    transform: scale(1.2);
    
}