/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : Corporate - Business Consulting & Finance Bootstrap Template
* File          : CSS file
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */

/************************************/
/***** 	     General css		 ****/
/************************************/

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

h1,
h2,
h3,
h4,
h5,
h6{
	margin-top:0;
	font-weight: 700;
}

img{
	max-width: 100%;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

.preloader{
    background: #24292f;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.browser-screen-loading-content {
    text-align: center;
    height: 2em;
    max-width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 3em;
    left: 0;
    margin: auto;
}

.red{
	color: #FB0200 !important;
}

.blue{
	color: #27387E !important;
}

.black{
	color: #262626 !important;
}

.double-underline{
	text-decoration: double;
    text-decoration-line: underline;
}

.underline{
/*	text-decoration: double;*/
    text-decoration-line: underline;
}

.justify,
.banner p, 
.about-us p, 
.services p{
	text-align: justify;
}

/************************************/
/*****    Navigation area css   *****/
/************************************/

header{
/*	height: 97px;*/
	background: #81b441;
	background: #27387E;
}

.navbar{
	margin-bottom: 0;
	transition: all 0.3s;
	top: 0;
}

.navbar-default{
	background: #81b441;
	background: #27387E;
}

.navbar-brand{
	padding: 0 15px;
	margin-top: 0px;
}

.navbar-nav{
	padding: 9px 0;
}

.navbar-brand img{
	transition: all 0.3s;
}

.navbar-brand h1{
	font-size: 30px;
	margin: 0;
	color: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	font-family: 'Graduate', cursive;
	text-transform: uppercase;
}

.navbar-brand img{
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	height: auto;
	padding: 0;
/*	border-radius: 8px;*/
}

.navbar-brand h1 i{
	position: relative;
	top: 3px;
	color: #ecae1a;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.navbar-default{
	border: none;
	border-bottom: 1px solid transparent;
/*	padding: 15px 0;*/
	padding: 0;
	border-radius: 0;
	z-index: 12;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.navbar-default .navbar-nav>li>a:hover{
	color: #000;
	color: #ccc;
}

.navbar-default .navbar-nav>li>a:focus{
	color: #000;
	color: #FB0200;
}

.navbar-default .navbar-nav>li>a{
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.04em;
	padding: 15px 15px 13px; 
	position: relative;
}

.active a{
	background: none !important;
/*	color: #000 !important;*/
	color: #FB0200 !important;
}

.navbar-default .active a:after{
	transform: scale(1) !important;
	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
}

.navbar-default .navbar-toggle{
	border-radius: 0;
	border-color: #fff;
	padding: 0;
}

.navbar-default .navbar-toggle .icon-bar{
	background: #fff;
}

/*.sticky-header.navbar-default{
	padding: 7px 0;
}*/

.sticky-header .navbar-brand img{
	padding: 4px 0;
	height: 70px;
/*	border-radius: 12px;*/
}

.navbar-default .navbar-toggle:hover{
	background: none;
}

.slicknav_icon-bar{
	background: #fff;
}

.sticky-header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

/************************************/
/*****     Slider area css      *****/
/************************************/

.banner{
	padding: 160px 0;
	background: url(../images/banner.jpg) no-repeat left top;
	background-size: auto 100%;
	position: relative;
}

.banner-desc h2{
	color: #81b441;
	color: #27387E;
	font-size: 40px;
	font-weight: 900;
	line-height: 1.2em;
	margin-bottom: 26px;
}

.banner-desc p{
	color: #262626;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: 400;
	margin-bottom: 2em;
}

.btn-readmore{
	display: inline-block;
	color: #fff;
	background: #81b441;
	background: #FB0200;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding: 14px 20px 12px;
	transition: all 0.3s;
}

.btn-readmore:hover{
	background: #262626;
	background: #27387E;
	color: #fff;
}

.btn-play i{
	width: 50px;
	height: 50px;
	display: inline-block;
	background: #262626;
	background: #FB0200;
	color: #81b441;
	color: #27387E;
	font-size: 22px;
	text-align: center;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	padding-top: 14px;
	padding-left: 6px;
	margin-right: 10px;
}

.btn-play{
	display: inline-block;
	color: #81b441;
	color: #27387E;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: 500;
	margin-left: 40px;
	vertical-align: middle;
	transition: all 0.3s;
}

.btn-play:hover i{
	background: #81b441;
	background: #27387E;
	color: #262626;
	color: #FB0200;
}	

.btn-play:hover{
	color: #81b441;
	color: #27387E;
}

.top-bar{
	padding: 15px 0;
	background: #262626;
	background: #FB0200;
	background: #CCC;
}

.top-bar-social a{
	color: #fff;
	font-size: 22px;
	padding-right: 10px;
}

.top-bar-info{
	text-align: right;
	padding-top: 6px;
}

.top-bar-info p{
	display: inline-block;
	color: #fff;
	font-weight: 300;
	margin-left: 10px;
	margin-bottom: 0;
}

.top-bar-info i{
	color: #81b441;
	color: #FB0200;
	margin-right: 8px;
}

.sponser{
	padding: 30px 0;
}

.sponser-single{
	text-align: center;
}

/************************************/
/***** 	     About us css		 ****/
/************************************/

.about-us{
	background: #27387E;
	padding: 100px 0;
	background-image: url(../images/about3.png);
    background-repeat: no-repeat;
    
	background-position: left bottom;
}

.main-title{
	text-align: center;
	max-width: 750px;
	margin: 0 auto 80px;
}

.main-title h2{
	color: #fff;
	font-size: 40px;
	margin-bottom: 20px;
}

.main-title p{
	color: #fff;
	font-size: 14px;
}

.about-info-single,
.about-why-us{
	padding: 30px;
	background-color: #262626;
}

.about-info-single h3{
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 1.5em;
}

.about-info-single p{
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

.about-info-single ul li{
	color: #fff;
	font-size: 14px;
}

.about-why-us h3{
/*	color: #262626;*/
	color: #FB0200;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 1.5em;
}

.about-why-us ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.about-why-us ul li{
	color: #262626;
	color: #FB0200;
	font-size: 14px;
	padding: 6px 0 6px 30px;
	position: relative;
}

.about-why-us ul li:before{
	content: '\f00c';
	font-family: FontAwesome;
	position: absolute;
	top: 5px;
	left: 0;
}

/************************************/
/***** 	   Services Area css	 ****/
/************************************/

.services{
	background: #f0f1f3;
	padding: 100px 0 20px;
}

.services .main-title h2{
	color: #81b441;
	color: #27387E;
}

.services .main-title p{
	color: #5f6062;
}

.services-box{
	background: #fff;
	padding: 40px;
}

.services-single{
	text-align: center;
	padding: 30px;
}

.services-single .icon-box{
	font-size: 80px;
	color: #81b441;
	color: #27387E;
	line-height: 1em;
}

.services-single h3{
	font-size: 18px;
	color: #262626;
	color: #FB0200;
	font-weight: 500;
	margin: 1.2em 0;
}

.services-single p{
	color: #5f6062;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: 300;
}

/************************************/
/***** 	   Our Team Area css	 ****/
/************************************/

.ourteam{
	background: #f0f1f3;
	padding: 100px 0 0;
}

.ourteam .main-title h2{
	color: #81b441;
	color: #27387E;
}

.ourteam .main-title p{
	color: #5f6062;
}

/************************************/
/***** 	   Testimonial Area css	 ****/
/************************************/

.testimonial{
	padding: 100px 0;
}

.testimonial .main-title h2{
	color: #81b441;
	color: #27387E;
}

.testimonial .main-title p{
	color: #5f6062;
}

.testimonial-single p{
	font-size: 16px;
	color: #5f6062;
	font-style: italic;
	line-height: 1.5em;
}

.testimonial-author-info{
	margin-top: 30px;
}

.testimonial-author-image{
	display: inline-block;
	max-width: 90px;
	border-radius: 50%;
	overflow: hidden;
	vertical-align: middle;
}

.testimonial-author-info h3{
	color: #5f6062;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	font-weight: 500;
	margin: 0;
	margin-left: 10px
}

.testimonial-author-info span{
	color: #fff;
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
	font-weight: 500;
	background: #81b441;
	background: #27387E;
	padding: 8px 12px;
	margin-left: 30px;
	position: relative;
	max-width: 250px;
}

.testimonial-author-info span:before{
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	background: #262626;
	background: #FB0200;
	left: -30px;
	top: 0px;
	bottom: 0px;
	transform: rotate(10deg);
	margin-left: 10px;
}

.testimonial-slider .owl-dots{
	text-align: center;
	margin-top: 80px;
}

.testimonial-slider .owl-dots .owl-dot{
	display: inline-block;
	padding: 0 6px;
}

.testimonial-slider .owl-dots .owl-dot span{
	display: inline-block;
	width: 34px;
	height: 10px;
	background: #262626;
	background: #FB0200;
	border-radius: 6px;
}

.testimonial-slider .owl-dots .owl-dot.active span{
	background: #81b441;
	background: #27387E;
}

/****************************************/
/***** 	   Our Project Area css	     ****/
/****************************************/

.our-project{
	background: #f0f1f3;
	padding: 100px 0;
}

.our-project .main-title h2{
	color: #81b441;
	color: #27387E;
}

.our-project .main-title p{
	color: #5f6062;
}

.project-single{
	position: relative;
	margin-bottom: 30px;
}

.project-info-box{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.47);
}

.project-info{
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
}

.project-info h3{
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	line-height: 1.3em;
	margin-bottom: 0;
	min-height: 48px;
}

.project-info p{
	font-size: 14px;
	color: #fff;
	font-weight: 300;
}

.project-overlay{
	position: absolute;
	top: 20px;
	left: 20px;
	bottom: 20px;
	right: 20px;
	background: #81b441;
	background: #27387E;
	padding: 20px;
	overflow: hidden;
	transform: scale(0);
	transition: all 0.3s;
}

.project-overlay h3{
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 1em;
}

.project-overlay p{
	color: #fff;
	font-size: 14px;
	margin-bottom: 1.5em;
	line-height: 1.5em;
	font-weight: 300;
}

.project-single:hover .project-overlay{
	transform: scale(1);
}

/************************************/
/***** 	   Pricing Area css	     ****/
/************************************/

.pricing{
	background: linear-gradient(45deg, #fb0200, gray, #d5dae4, #fb0200);
	padding: 100px 0;
}

.pricing .main-title p{
	color: #5f6062;
}

.free-trial{
	padding: 30px 0;
}

.free-trial h3{
	font-size: 30px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 1.5em;
}

.free-trial p{
	font-size: 14px;
	color: #6c6a6a;
	color: #000;
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

.btn-freetrial{
	display: block;
	background: #81b441;
	background: #27387E;
	color: #fff;
	padding: 20px 10px 18px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 0.1em;
	margin-top: 40px;
	transition: all 0.3s;
}

.btn-freetrial:hover{
	background: #000;
	color: #fff;
}

.free-trial ul{
	padding: 0;
	margin: 0;
	margin-top: 30px;
	list-style: none;
}

.free-trial ul li{
	display: inline-block;
}

.free-trial ul li a{
	display: block;
	padding: 0 4px;
	font-size: 14px;
	color: #6c6a6a;
}

.free-trial ul li a:hover{
	color: #fff;
}

.free-trial ul li a:after{
	content: '|';
	margin-left: 10px;
}

.free-trial ul li:last-child a:after{
	display: none;
}

.price-single{
	padding: 30px 20px;
	text-align: center;
}

.price-header h3{
	font-size: 30px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 1.5em;
}

.price-header h4{
	color: #fff;
	font-size: 46px;
	font-weight: 500;
	margin-bottom: 0.5em;
}

.price-header h4 span{
	color: #6c6a6a;
	font-size: 18px;
}

.price-header p{
	font-size: 14px;
	color: #6c6a6a;
	color: #000;
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

.price-body ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.price-body ul li{
	font-size: 14px;
	color: #6c6a6a;
	color: #000;
	border-bottom: 1px solid #1a1818;
	padding: 16px 0;
}

.price-footer{
	margin-top: 30px;
}

.price-footer a{
	display: inline-block;
	background: #1a1818;
	color: #fff;
	padding: 14px 30px;
}

.recommended .price-footer a:hover,
.price-footer a:hover{
	background: #81b441;
	background: #27387E;
	color: #fff;
}

.recommended{
	background: #1a1818;
	background: gray;
}

.recommended .price-body ul li{
	border-bottom: 1px solid #6c6a6a;
}

.recommended .price-footer a{
	background: #fff;
	color: #1a1818;
}

/****************************************/
/***** 	   Contact us Area css	     ****/
/****************************************/

.contactus{
	background: #f2f3f5;
}

.google-map{
	min-height: 460px;
	width: 100%;
	max-width: 1592px;
	background-image: url(../images/map.png);
	background-position: center center;
	margin: 0 auto;
}

.contact-box{
	background: #fff;
	margin-top: -140px;
	padding: 80px 60px;
}

.contact-box .main-title h2{
	color: #81b441;
	color: #27387E;
}

.contact-box .main-title p{
	color: #5f6062;
}

.contact-form{
	text-align: center;
	max-width: 380px;
	margin: 0 auto;
}

.contact-form .form-control{
	box-shadow: none;
	border-radius: 0;
	border: none;
	background: #f2f3f5;
	height: auto;
	padding: 16px;
	resize: none;
}

.btn-contact{
	background: #262626;
	background: #FB0200;
	color: #fff;
	padding: 18px 30px;
	border: none;
	text-transform: uppercase;
	margin-top: 30px;
	outline: 0;
	box-shadow: none;
	transition: all 0.3s;
	line-height: 1em;
}

.btn-contact:hover{
	background: #81b441;
	background: #27387E;
	color: #fff;
}

.contact-info-single{
	margin-bottom: 60px;
}

.contact-info-single h3{
	font-size: 25px;
	color: #81b441;
	color: #27387E;
	font-weight: 500;
	margin-bottom: 1em;
}

.contact-info-single p{
	color: #5f6062;
	line-height: 1.5em;
}

/************************************/
/***** 	   Footer Area css	     ****/
/************************************/

footer{
	background: #f2f3f5;
	padding: 100px 0;
	text-align: center;
}

.footer-logo{
	margin-bottom: 30px;
}

.footer-menu{
	padding-bottom: 14px;
}

.footer-menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-menu ul li{
	display: inline-block;
}

.footer-menu ul li a{
	display: block;
	padding: 0 4px;
	color: #b3b3b4;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 300;
}

.footer-menu ul li a:hover{
	color: #81b441;
	color: #27387E;
}

.footer-menu ul li a:after{
	content: '|';
	padding-left: 10px;
}

.footer-menu ul li:last-child a:after{
	display: none;
}

.site-info p{
	font-size: 14px;
	color: #b3b3b4;
	font-weight: 300;
	text-transform: uppercase;
}

.site-info a{
	color: #b3b3b4;
}

/************************************/
/*****       Media Screens      *****/
/************************************/

@media only screen and (max-width: 1200px) {
	.navbar-default .navbar-nav>li>a{
		padding: 15px 8px 13px;
	}
	
	.services-box{
		padding: 0;
	}
}

@media only screen and (min-width: 992px) {
	.banner{
		background-attachment: fixed;
		background-position-x: -20%;
	}

	.banner .banner-desc{
		background: rgba(255,255,255,0.8);
    	padding: 15px 0px 15px 15px;
	}

	.about-us{
		animation: about .15s linear;
	}

	@keyframes about {
		to {
			background-position: -338px bottom;
		}
	}

	.about-info-single{
		animation: about-bkg 0.3s linear;
	}

	@keyframes about-bkg{
		to{
			background-color: #FFFFFF33;
		}
	}

	.about-why-us{
		animation: about-why 0.3s linear;
	}

	@keyframes about-why{
		to{
			background: #FB020033;
		}
	}
}

@media only screen and (max-width: 991px) {
	#responsive-menu{
		display: block;	
	}
	
	header{
		height: 82px;
	}
	
	.sticky-header.navbar-default{
		padding: 15px 0;
	}
	
	.sticky-header .navbar-brand img{
		height: 54px;
		padding-top: 0;
	}
	
	.navbar-header{
		width: 100%;
	}
	
	.navbar-collapse.collapse{
		display: none !important;
	}
	
	.navbar-toggle{
		display: block;
	}
	
	.navbar-brand img{
		height: 54px;
	}
	
	.slicknav_menu{
		margin-left: -15px;
		margin-right: -15px;
		padding: 0;
		background: none;
	}

	.slicknav_menu ul{
		background: #81b441;
		background: #27387E;
		position: relative;
		top: 16px;
	}
	
	.sticky-header .slicknav_menu ul{
		top: 16px;
	}
	
	.slicknav_menu li{
		padding: 0 10px;
	}

	.slicknav_menu .active a{
		color: #24292f;
	}
	
	.slicknav_menu a{
		color: #fff;
		padding-top: 6px;
		padding-bottom: 6px;
		text-transform: uppercase;
		border: 1px solid transparent;
	}

	.slicknav_menu a a{
		border: none !important;
	}
	
	.slicknav_nav .slicknav_row:hover,
	.slicknav_nav a:hover{
		color: #24292f;
	}
	
	.slicknav_menu  .active a{
		color: #24292f !important;
	}
	
	.slicknav_btn{
		padding: 4px 4px;
		background: none;
	}
	
	.slicknav_icon-bar{
		box-shadow: none;
		border-radius: 0;
		margin: 2px 0;
	}
	
	.top-bar-social,
	.top-bar-info{
		text-align: center;
	}
	
	.banner{
		padding: 100px 0;
		background-size: cover;
	}

	.banner:before{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(255,255,255,0.8);
	}
	
	.sponser-single{
		margin: 15px 0;
	}

	.about-us{
	    background-position: center bottom;
    	background-size: 73%;
	}
	
	.about-info-single{
		margin-bottom: 40px;
		background-color: #FFFFFF33;
	}

	.about-why-us{
    	background-color: #FB020033;
	}

	/*.about-info-single p{
		text-shadow: 1px 1px black;
	}

	.about-info-single ul li{
		text-shadow: 1px 1px black;
	}*/
	
	.google-map{
		min-height: 300px;
	}
	
	.contact-form{
		margin-bottom: 80px;
	}
	
	.contact-box{
		padding-bottom: 0;
	}	
}

/* Mobile Layout */
@media only screen and (max-width: 767px){
	.navbar-header{
		width: auto;
	}
	
	.top-bar-info{
		display: none;
	}
	
	.top-bar{
		padding: 8px 0;
	}
	
	.banner,
	.about-us,
	.services,
	.testimonial,
	.our-project,
	.pricing,
	footer{
		padding: 60px 0;
	}
	.banner{
		background-size: cover;
	}
	.banner-desc h2,
	.main-title h2{
		font-size: 24px;
	}
	
	.main-title p{
		font-size: 12px;
	}
	
	.main-title{
		margin-bottom: 60px;
	}
	
	.btn-play{
		margin: 20px 0;
	}
	
	.project-single{
		max-width: 480px;
		margin: 0 auto 30px;
	}
}

/* Small Mobile Layout */
@media only screen and (max-width: 480px) {
	
	.testimonial-single{
		text-align: center;
	}
	
	.testimonial-author-info{
		text-align: center;
	}
	
	.testimonial-author-image{
		display: block;
		margin: 0 auto 20px;
	}

	.testimonial-author-image img{
		width: auto;
	}
	
	.testimonial-author-info h3{
		display: block;
		text-align: center;
	}
	
	.testimonial-author-info span{
		margin-left: 0;
		margin-top: 10px;
	}
	
	.testimonial-author-info span:before{
		display: none;
	}
	
	.testimonial-slider .owl-dots{
		margin-top: 40px;
	}
	
	.contact-box{
		padding: 60px 20px 0;
	}
}


/************************************/
/*****       Animation      *****/
/************************************/
:root *{
	/* Pause the animation */
	animation-play-state: paused;
	/* Bind the animation to scroll */
	animation-delay: calc(var(--scroll) * -1s);
	/* These last 2 properites clean up overshoot weirdness */
	animation-iteration-count: 2;
	animation-fill-mode: both;
}