/* styles.css */


/* Global
==============================*/
body {
}

#wrap {
}

.clear{
	clear: both;
}

.banner-overlay{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: rgba(0, 0, 0, 0.25);
}

.no-transition {
  -webkit-transition: height 0;
  -moz-transition: height 0;
  -ms-transition: height 0;
  -o-transition: height 0;
  transition: height 0;
}

h1{font-family: 'Roboto', sans-serif; font-weight: 600; color:#030202; font-size: 40px;}
h2{font-family: 'Roboto', sans-serif; font-weight: 600; color:#030202; font-size: 40px;}
h3{font-family: 'Roboto', sans-serif; font-weight: 600; color:#030202; font-size: 30px;}
h4{font-family: 'Roboto', sans-serif; font-weight: 500; color:#030202; font-size: 22px;}
h5{font-family: 'Roboto', sans-serif; font-weight: 500; color:#030202; font-size: 20px;}
p {font-family: 'Roboto', sans-serif; font-weight: 400; color:#404040; font-size:16px;}
a {text-decoration: none;}

p.large{
	font-size: 18px;
}

p.padded-bottom{
	padding-bottom: 25px;
}

h1.mt-5, h1.my-5{
	margin-top: 0px!important;
}

h2.mt-5{
	margin-top: 0px!important;
	margin-bottom: 25px!important;
}

h5.lead{
	font-weight: 500!important;
}

h4.sub-text{
	color: #08b2e8;
	margin: 20px 0px 15px 0px;
}

.padded{
	padding: 75px 0px;
}

.padded-small{
	padding: 10px 0px;
}

.bg-blue{
	background-color: #08b2e8;
}

.bg-blue p, h5, h4, h3, h2, h1{
	color: #fff;
}
.bg-blue h2{
	color: #fff;
}

.bg-grey p, h5, h4, h3, h2, h1{
	color: #030202;
}
.bg-grey h2{
	color: #030202;
}

.bg-grey{
	background-color: #fff;
}

.bg-navy{
	background-color: #00476a;
}

.bg-black{
	background-color: #030202;
}

.lead{
	font-weight: 400;
}

.navbar{
	top: 0;
	z-index: 999;
	margin: 0px;
	width: 100%;
	padding: 30px 15px;
	position: absolute;
	background-color: transparent!important;
}

.navbar.navbar-scroll{
	/*background-color: rgba(12, 176, 255, 0.85)!important;*/
}

.navbar .navbar-brand{
	/*color: #030202;*/
	font-weight: 600;
	font-size: 20px;
}

.navbar .navbar-brand:hover{
	color: #08b2e8;
}

.navbar .navbar-brand i{
	margin-right: 5px;
}
.navbar .navbar-brand svg{
	margin-right: 5px;
}

.navbar-dark .navbar-nav .nav-link{
	font-size: 20px;
	color: #fff;
	transition: 0s;
}

.navbar-dark .navbar-nav .nav-link:hover{
	color: #08b2e8;
	transition: 0s;
}

.nav li{

}

.nav li a{
	font-family: 'Roboto', sans-serif;
	color:#555555;
	font-size:16px;
	text-decoration: none;
	padding: 25px 35px;
	text-transform: uppercase;
}

.nav .active a{
}

.navbar-default{
	background-color: #fff;
}

.nav-left img{
	max-width: 100%;
	padding: 2px 0px;
}

.banner{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	margin: 0;
	padding: 0px;
	margin: 0 auto;
	position: relative;
	background-attachment: unset;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover !important;
	background-image: url('images/banner-new.jpeg');
}

.banner-overlay{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  transition: 0s;
  background-color: rgba(0, 0, 0, 0.25);
}

.banner-inner{
	position: relative;
	padding: 175px 0px 75px 0px;
	z-index: 99;
}

.banner img.logo{
	max-width: 100%;
	width: 350px;
	height: auto;
}
.banner h1.mt-5{
	color: #fff;
	margin-top: 20px!important;
}
.banner p.lead{
	color: #fff;
	margin-top: 15px!important;
}

.services{
	overflow: hidden;
	position: relative;
}

.services .our-services{
	position: relative;
	z-index: 99;
}

.services img.tri-dark{
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 50%;
}

.services img.tri-light{
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 50%;
}

.services .services-list .service{
	padding: 15px 15px;
}

.services .services-list .service .service-inner{
	background-color: #fff;
	padding: 10px 10px;
	display: block;
}

.services .services-list .service p{
	font-size: 18px;
	font-weight: 600;
	margin: 0px;
	background-color: #fff;
	color: #030202;
	padding: 5px 25px;
	display: block;
}

.contact a.action{
	color: #030202;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 5px;
	text-decoration: none;
}

.contact a.action i{
	color: #08b2e8;
	margin-right: 5px;
}
.contact a.action svg{
	color: #08b2e8;
	margin-right: 5px;
}

footer p{
	margin: 0px;
	color: #fff;
}




/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

	h1{
		font-size: 35px;
	}

	h2{
		font-size: 30px;
	}

	h4.sub-text{
		margin: 20px 0px 30px 0px;
	}

	.banner img.logo{
		width: 250px;
		margin: 0 auto;
		display: block;
	}

	.banner .banner-inner .text-right{
		text-align: unset!important;
	}

	.services .services-list .service{
		padding: 10px 15px;
	}

	.contact a.action{
		font-size: 22.5px;
	}

	.navbar-nav{
		max-width: 540px;
		margin: 0 auto;
		display: block;
	}

	.navbar-dark .navbar-toggler{
		border: none!important;
	}

	.navbar-dark .navbar-nav .nav-link{
		color: #030202;
		text-align: right;
	}

	.navbar-dark .navbar-nav .active > .nav-link{
		color: #030202;
	}

	.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{
		color: #030202;
	}

	.navbar-dark .navbar-nav .active > .nav-link:hover{
		color: #030202;
	}

	.navbar-collapse{
		width: 100%;
		position: absolute;
		top: 60px;
		right: 0;
		padding: 15px 0px;
		background-color: #fff;
	}

	.navbar-dark .navbar-nav .nav-link{
		font-weight: 500;
		padding: 5px 30px;
	}

	.navbar{
		padding: 10px 15px;
		background-color: #08b2e8!important;
	}

	.contact .contact-row .cont-first{
		padding-bottom: 5px;
	}

}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

	h1{
		font-size: 35px;
	}

	h2{
		font-size: 35px;
	}

	h4.sub-text{
		margin: 20px 0px 30px 0px;
	}

	.banner img.logo{
		width: 250px;
		/*margin: 0 auto;
		display: block;*/
	}

	/*.banner .banner-inner .text-right{
		text-align: unset!important;
	}*/

	.services .services-list .service{
		padding: 10px 15px;
	}

	.contact a.action{
		font-size: 25px;
	}

	.navbar-nav{
		max-width: 540px;
		margin: 0 auto;
		display: block;
	}

	.navbar-dark .navbar-toggler{
		border: none!important;
	}

	.navbar-dark .navbar-nav .nav-link{
		color: #030202;
		text-align: right;
	}

	.navbar-dark .navbar-nav .active > .nav-link{
		color: #030202;
	}

	.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{
		color: #030202;
	}

	.navbar-dark .navbar-nav .active > .nav-link:hover{
		color: #030202;
	}

	.navbar-collapse{
		width: 100%;
		position: absolute;
		top: 60px;
		right: 0;
		padding: 15px 0px;
		background-color: #fff;
	}

	.navbar-dark .navbar-nav .nav-link{
		font-weight: 500;
		padding: 5px 15px;
	}

	.navbar{
		padding: 10px 15px;
		background-color: #08b2e8!important;
	}

	.contact .contact-row .cont-first{
		padding-bottom: 5px;
	}

}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}