/* Basic start */

body {
	font-family: 'Montserrat', sans-serif;
	padding: 0;
	margin: 0;
	font-size: 16px;
}

h1, h2, h3, h4 {
	font-weight: 700;
}

h5, h6 {
	font-weight: 600;
}

p {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	word-spacing: 1.2px;
	letter-spacing: 0.1px;
}

a {
	text-decoration: none;
	color: #5DA2D5;
}

a:hover, a:focus {
	color: #90CCF4;
}


.btn {
	outline: none;
	text-decoration: none;
	border-radius: 0;
	border: none;
	color: white;
	background-color: #5DA2D5;
}

.btn:hover {
	background-color: #90CCF4;
	border: none;
	outline: none;
}

img {
	width: 100%;
	height: auto;
}

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

.caption h2 {
	letter-spacing: 1.5px;
	font-size: 2.2em;
}

.caption .divider {
	height: 2px;
	background-color: #5DA2D5;
	width: 8%;
	margin: 15px auto 0;
}

.bg-light {
	background-color: #f7f7f7 !important;
}

.p-middle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	color: white;
	background-color: inherit;
}

.bg-padding {
	padding: 100px 0;
}

.bg-padding-2 {
	padding: 80px 0;
}

.bg-margin {
	margin: 100px 0;
}

.bg-margin-2 {
	margin: 80px 0;
}

.bg-image {
	background-color: rgba(0,0,0,0.40);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-blend-mode: color-burn;
	text-align: center;
	color: white;
}

.bg-image-2 {
	background-color: rgba(144,204,244,0.30);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-blend-mode: color-burn;
	color: white;
}

textarea, input, .form-control {
	outline: none;
	text-decoration: none;
	border-radius: 0;
	background-color: transparent;
	border: 0;
}

input.form-control:hover, input.form-control:focus, textarea.form-control:hover, textarea.form-control:focus {
	box-shadow: none;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #5DA2D5;
	color: white;
}

.form-control::-webkit-input-placeholder, 
.form-control::placeholder  {
	color: white;
}

textarea::-webkit-input-placeholder,
textarea::placeholder {
	color: white;
}

.footer-title {
	font-size: 2em;
	font-weight: 400;
}

.footer-divider {
	height: 2px;
	background-color: #90CCF4;
	width: 8%;
	margin-bottom: 15px;
}

/* Basic end */

/* Header start */

header {
	background-image: url(../images/header.jpeg);
	background-blend-mode: color-burn;
	background-color: rgba(0,0,0,0.30);
	background-size: cover;
	background-position: center;
	text-align: center;
	color: white;
}

/* Navbar start */

.navbar {
	padding-top: 15px;
}

.navbar .navbar-brand {
	font-weight: 600;
	font-size: 38px;
	color: white;
}

.navbar-brand img {
	min-height: 80px;
	height: auto;
}

.navbar .navbar-brand:hover {
	color: #5DA2D5;
}

.navbar-nav li {
	margin-left: 20px;
	margin-right: 20px;
}

.navbar-nav .nav-item .nav-link{
	color: white;
	font-weight: 400;
	text-transform: uppercase;
}

.navbar-nav .nav-item.active .nav-link {
	color: white;
} 

.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item.active .nav-link:hover {
	color: white;
} 

.navbar-fixed .navbar-nav .nav-item .nav-link {
	color: white;
}

.navbar-fixed{
    background-color: #90CCF4;
    margin-bottom: 5px;
    position: fixed;
    top:0;
	left: 0;
	right: 0;
	padding-top: 2px;
	z-index:1040;
    width: 100%;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;			
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
}

.navbar-fix .btn-outline {
	background-color: transparent;
	border: 1px solid white;
	color: white;
}

/* Navbar end*/

/* Section Header start */

.section-header .caption-home {
	margin: 160px 0;
	padding: 10px;
}

.caption-home h1 {
	margin: 20px 0;
	font-size: 4em;
	font-weight: 500;
}

.caption-home h6 {
	letter-spacing: 2px;
}

.caption-home p {
	padding: 0 20%;
	margin-bottom: 20px;
}

.caption-home .btn-head {
	margin: 10px 5px;
}

/* Section Header end */

/* Header end */

/* About start */

.about .aleft {
	margin-bottom: 30px;
}

.about .aleft h5 {
	color: #5DA2D5;
}

.aimage {
	position: relative;
}

.aimage .image-hoverlay {
	opacity: 0;
}

.aimage:hover .image-hoverlay {
	opacity: 1;
	background-color: rgba(236,236,236,0.30);
	transition: all 0.5s;
}

.aimage .image-hoverlay .text-hover {
	position: absolute;
	top: 40%;
	left: 0;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}

/* About Feature  */

.afture {
	background-color: white;
	padding: 15px 10px;
	border-radius: 2.5px;
	text-align: center;
}

.afture i {
	color: #5DA2D5;
	font-size: 5.2em;
	padding: 20px;
}

.afture h5 {
	margin: 0 0 10px;
}

/* About end  */

/* Services start */

.services .item {
	padding: 0;
	margin: 0;
}

.ser-image {
	position: relative;
}

.ser-image img {
	min-height: 230px;
	height: auto;
	width: 100%;
}

.ser-image .image-hoverlay {
	opacity: 0;
}

.ser-image:hover .image-hoverlay {
	opacity: 1;
}

.ser-image .image-hoverlay .text-hover {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10% 10%;
}

.bg-color-b {
	background-color: #2979FF;
	color: white;
	text-align: center;
}

.bg-color-g {
	background-color: #00BFA5;
	color: white;
	text-align: center;
}

.bg-color-r {
	background-color: #FF1744;
	color: white;
	text-align: center;
}

.bg-color-l {
	background-color: #F78888;
	color: white;
	text-align: center;
}

/* Services end */

/* Portfolio start */

.portfolio .filtering {
	margin: 40px 0;
}

.portfolio .filtering span {
	border: 1px solid #5DA2D5;
	padding: 10px;
	margin: 2px;
	color: #5DA2D5;
	cursor: pointer;
	display: inline-block;
}

.portfolio .filtering span.active {
	background-color: #5DA2D5;
	color: white;
	cursor: pointer;
}

.portfolio .grid {
	padding: 0;
	margin: 0;
}

.portfolio .grid img {
	min-height: 300px;
	height: auto; 
}

/* Portfolio end */

/* Conflex start */

.conflex {
	background-image: url(../images/conflex.jpeg);
	background-color: rgba(0,0,0,0.60);
}

.conflex .conflex-box {
	padding: 20px;
	margin: 10px;
	background-color: rgba(0,0,0,0.40);
}

/* Conflex end */

/* Review start */

.review-item {
	padding: 10px;
}

.review-upper {
	display: inline-flex;
}

.owl-review .review-image img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.review-head {
	margin-top: 18px;
	margin-left: 10px;
}

.review-head h4 {
	color: #5DA2D5;
}

.review-head h6 {
	font-weight: 400;
}

.review-text {
	margin-top: 20px;
	background-image: linear-gradient(35deg, rgba(93,162,213,1.00), rgba(144,204,244,1.00));
	color: white;
	padding: 10px 20px;
}

.review-text p {
	margin-bottom: 0;
}

/* Review end */

/* Action start */

.action {
	background-image: url("../images/action.jpeg");
}

.action h2 {
	margin-bottom: 20px;
	font-size: 2.5em;
	padding: 0 40px;
}

.action p {
	padding: 0 10%;
}

.action .btn {
	margin: 15px 10px 0 10px;
}

/* Action end  */

/* Blog start */

.blog-post {
	background-color: white;
	min-height: 480px;
	height: auto;
	margin-top: 20px;
}

.blog-thumbs {
	position: relative;
}

.blog-thumbs img {
	min-height: 250px;
	height: auto;
}

.blog-date {
	position: absolute;
	top: 0;
	left: 0 20px;
	color: white;
	display: block;
	padding: 5px;
	background-color: #5DA2D5;
	border-radius: 0 0 30px 0;
}

.blog-title h6 {
	font-size: 1.2em;
	margin-bottom: 10px;
}

.blog-text {
	padding: 20px 10px;
}

/* Blog end */

/* Contact start */

.contact {
	background-image: url("../images/contact.jpeg");
	text-align: inherit;
	background-color: rgba(0,0,0,0.80);
}

/* Team */

.team-post {
	display: inline-flex;
}

.team-thumbs img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	margin-right: 25px;
	margin-bottom: 25px;
}

.team-text {
	margin-top: 20px;
}

.team-text h5 {
	color: #5DA2D5;
}

/* Contact */

textarea {
	width: 100%;
	border-bottom: 1px solid #5DA2D5;
	color: white;
	margin-bottom: 20px;
	padding: 13px;
}

.form-control {
	border-bottom: 1px solid #5DA2D5;
	color: white;
	background-color: transparent;
	margin-bottom: 20px;
}

.touch form .btn {
	text-align: center;
	margin: auto;
	display: block;
}

/* Contact end */

/* Footer start */ 

footer {
	color: white;
}

/* Footer Top */ 

section.top {
	background-color: #18181a;
	padding: 60px;
}

.top .subscribe form, .subscribe .btn {
	border: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.top .ffollow {
	margin-top: 10%;
}

.top .ffollow i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50px;
	background-color: #5DA2D5;
	font-size: 1em;
	margin: 5px;
	color: white;
    text-align: center;
}

/* footer bottom */

section.bottom {
	background-color: #3378a5;
	text-align: center;
	padding: 10px;
}

/* Footer end */

/* Responsive start */

/* Responsive Max Width 480px */

@media screen and (min-width: 320px) and (max-width: 480px) {
	
	.aimage .image-hoverlay .text-hover {
	position: absolute;
	top: 28%;
	left: 0;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
	.aimage .image-hoverlay .text-hover p {
	font-size: 14px;		
}
	
}

/* Responsive Max Width 780px */

@media screen and (min-width: 480px) and (max-width: 780px) {
	
	.afture {
	margin-top: 20px;
}
	
	.ser-image .image-hoverlay .text-hover {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20% 10%;
}
	
}

/* Responsive Max Width 980px */

@media screen and (min-width: 780px) and (max-width: 980px) {
	
	.ser-image .image-hoverlay .text-hover {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15% 10%;
}
	
}

/* Responsive end  */