body {	
	font: 14px/24px 'Roboto', sans-serif;
	color: #333;
	background: #fff;
}

/* Standard Styles Starts */

a { color: #0356a4; }
a:hover, 
a:focus {
	color: #333;
}
a:focus { outline: none; }

.hr-1 {
	margin: 20px 0;
	width: 110px;
	height: 4px;
	background-color: #0356a4;
	border: none;
}
.hr-1.text-center {
	margin-left: auto;
	margin-right: auto;
}
.hr-1.inverse {
	background-color: #fff;
}
.hr-1.small {
	width: 70px;
	height: 2px;
}

/* Heading Styles Starts */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: 'Roboto', sans-serif;
}
h1 { font-size: 56px; }
h2 { font-size: 48px; }
h3 { font-size: 36px; }
h4 { font-size: 24px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

.main-heading-1 {
	margin-bottom: 30px;
	color: #333;
}
.main-heading-1.inverse {
	color: #fff;
}
	.main-heading-1:after {
		content: "";
		margin-top: 20px;
		display: block;
		width: 110px;
		height: 4px;
		background-color: #0356a4;
	}
	.main-heading-1.inverse:after {
		background-color: #fff;
	}
	.main-heading-1.text-center:after {
		margin-left: auto;
		margin-right: auto;
	}

/* Form & Buttons Styles Starts */

.btn-outline {
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
}
.btn-outline:hover, 
.btn-outline:focus, 
.btn-outline:active, 
.btn-outline.active {
	color: #0356a4;
}

.btn-outline:hover, 
.btn-outline:focus, 
.btn-outline:active, 
.btn-outline.active {
	background-color: #fff;
}

.btn-secondary {
	background-color: #0356a4;
}
.btn-secondary, 
.btn-secondary:hover, 
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
	color: #fff;
}
.btn-secondary:hover, 
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
	background-color: #014789;
}

/* Top Bar Styles Starts */

.top-bar {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #fff;
}
	.top-sm-links {
		margin-bottom: 0;
	}
		.top-sm-links li + li {
			margin-left: 10px;
		}
		 .top-sm-links li a {
			 color: #7c7c7c;
			 font-size: 16px;
		 }
		  .top-sm-links li a:hover, 
		  .top-sm-links li a:focus {
			  color: #0356a4;
		  }
		  
/* Main Header Styles Starts */

.main-header {
	padding-top: 22px;
	padding-bottom: 40px;
}	
	.main-header > .row > .col-xs-12 + .col-xs-12 {
		margin-top: 5px;
	}
		.main-header .fa {
			margin-right: 20px;
			padding-top: 7px;
			padding-right: 20px;
			padding-bottom: 7px;		
			font-size: 36px;
			border-right: 1px solid #d7d7d7;
		}
		.main-header h6 {
			margin-top: 4px;
			margin-bottom: 4px;
		}
		.main-header a {
			color: #6c6c6c;
		}
		.main-header a:hover, 
		.main-header a:focus {
			color: #0356a4;
		}
		
/* Navigation Styles Starts */

#main-menu-wrap {
	position: absolute;
	top: 150px;
	left: 0;
	right: 0;
	z-index: 9999;
}
	#main-menu {
		position: relative;
		z-index: 1000;	
	}	
	#main-menu-wrap.static-nav {
	}
	#main-menu-wrap.sticky-nav {
		position: fixed;	
		top: 0;
		width: 100%;
		background-color: #0356a4;
	}
	#main-menu-wrap .navbar {
		margin-bottom: 0;
	}
	#nav.navbar-default {
		padding: 0 20px;
		background-color: #0356a4;
		border: none;
	}
		#nav .navbar-nav > li > a {
			color: #fff;
			font-size: 16px;
			font-weight: 500;
		}
		#nav .navbar-nav > li > a:hover, 
		#nav .navbar-nav > li > a:hover {
			background-color: #0068c9;
		}
		#nav .navbar-nav > li.current > a {
			background-color: #023565;
		}		
	
/* Main Slider Styles Starts */

#main-slider {
	background: rgba(0, 0, 0, 0.8);
}
	#main-slider .carousel-caption {
		top: 8%;
		left: 15%;
		right: 15%;
		color: #fff;
		text-align: left;
		text-shadow: none;
	}
		#main-slider .carousel-caption h1 {
			margin-top: 0;
			margin-bottom: 40px;
			line-height: 82px;
		}
		#main-slider .carousel-caption p {
			font-size: 18px;
		}
		#main-slider .carousel-caption p + p {
			margin-top: 10px;
		}
		#main-slider .carousel-caption ul {
			margin-bottom: 0;
		}
			#main-slider .carousel-caption li + li {
				margin-left: 30px;
			}
			#main-slider .carousel-caption .btn {
				margin-top: 30px;
				padding: 12px 30px;
				font-size: 18px;
			}
				#main-slider .carousel-caption .btn .fa {
					margin-right: 10px;
					font-size: 22px;
					vertical-align: text-bottom;
				}

	#main-slider .carousel-control {
		padding: 8px 12px;
		top: 45%;
		bottom: auto;
		width: auto;
		height: auto;
		font-size: 20px;
		opacity: 1;
		text-shadow: none;		
		background: none;
		border: 1px solid #fff;
	}
	#main-slider .carousel-control:hover, 
	#main-slider .carousel-control:focus {
		color: #0356a4;
		background: #fff;
	}
	#main-slider .carousel-control.left {
		left: 5%;
	}
	#main-slider .carousel-control.right {
		right: 5%;
	}

	#main-slider.carousel-fade .carousel-inner .item {
	  -webkit-transition-property: opacity;
		 -moz-transition-property: opacity;
			  transition-property: opacity;
	}
	#main-slider.carousel-fade .carousel-inner .item,
	#main-slider.carousel-fade .carousel-inner .active.left,
	#main-slider.carousel-fade .carousel-inner .active.right {
		opacity: 0;
	}
	#main-slider.carousel-fade .carousel-inner .active,
	#main-slider.carousel-fade .carousel-inner .next.left,
	#main-slider.carousel-fade .carousel-inner .prev.right {
		opacity: 1;
	}
	#main-slider.carousel-fade .carousel-inner .next,
	#main-slider.carousel-fade .carousel-inner .prev,
	#main-slider.carousel-fade .carousel-inner .active.left,
	#main-slider.carousel-fade .carousel-inner .active.right {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		   -moz-transform: translate3d(0, 0, 0);
			    transform: translate3d(0, 0, 0);
	}
	#main-slider.carousel-fade .carousel-control {
		z-index: 2;
	}	

/* Section Styles Starts */

.section {
	padding-top: 75px;
	padding-bottom: 75px;
}
	.section h3 {
		margin-top: 0;
	}
	.section p {
		margin-bottom: 0;
	}
	.section p + p {
		margin-top: 20px;
	}
	
/* About Section Styles Starts */

.about-section {
}
	.about-section ul.list-style-1 {
		margin-top: 20px;
	}
		.about-section ul.list-style-1 li + li {
			margin-top: 10px;
		}
	
/* Services Section Styles Starts */

.services-section {
	background-color: #f4f4f4;
}	
	.services-list {
		margin-top: 20px;
	}
		.services-list li {
			margin-top: 70px;
		}
		.services-list li .fa {
			margin-bottom: 15px;
			font-size: 48px;
		}
	
/* Clients Section Styles Starts */

.clients-section {
	padding-top: 0;
	padding-bottom: 0;
	background-color: #2474bf;
	overflow: hidden;
}
	.clients-section .container-fluid, 
	.clients-section .row-fluid > .col-sm-3 {
		padding-left: 0;
		padding-right: 0;
	}
	.clients-list {
		margin-bottom: 0;
	}
		.clients-list li:nth-child(even) {
			background-color: #0356a4;
		}
		.clients-list li, 
		.clients-list li a {
			color: #fff;
		}		
		.clients-list li .inner {
			padding: 50px;
		}
			.clients-list li .inner h2 {
				margin-top: 15px;
			}
			.clients-list li .inner h3 .fa {
				width: 60px;
				height: 60px;
				line-height: 60px;
				color: #0356a4;
				background-color: #fff;
			}
			.clients-list li .inner h5 {
				line-height: 28px;
			}
	
/* Blog Section Styles Starts */

.blog-section {
}
	.blog-post-box {
		margin-top: 50px;
		margin-right: 40px;
	}
		.blog-post-box p + p {
			margin-top: 15px;
		}
		.blog-post-title {
			margin-top: 30px;
			margin-bottom: 8px;
			font-weight: normal;
		}
			.blog-post-title a {
				color: #333;
			}
		ul.blog-post-meta {
			margin-bottom: 15px;
		}
			ul.blog-post-meta li + li {
				margin-left: 5px;
			}
			.blog-post-meta, 
			.blog-post-meta a {
				color: #6c6c6c;
			}
			.blog-post-meta .fa {
				margin-right: 5px;
				font-size: 13px;
			}
			.blog-post-box a.more-link {
				padding-bottom: 4px;
				color: #333;
				font-size: 13px;
				border-bottom: 2px dotted #999;			
			}
			.blog-post-box a.more-link:after {
				content: "\f101";
				margin-left: 8px;
				font-size: 14px;
				font-style: normal;
			}
			.blog-post-box a.more-link:hover, 
			.blog-post-box a.more-link:focus {
				text-decoration: none;
				border-color: #0356a4;
			}		
			.blog-post-title a:hover, 
			.blog-post-title a:focus, 
			.blog-post-meta a:hover, 
			.blog-post-meta a:focus, 
			.blog-post-box a.more-link:hover, 
			.blog-post-box a.more-link:focus {
				color: #0356a4;
			}
	#blog-post-carousel .owl-controls, 
	#team-carousel .owl-controls {
		margin-top: 40px;
	}
		#blog-post-carousel .owl-controls .owl-buttons div, 
		#team-carousel .owl-controls .owl-buttons div {
			padding: 5px 15px;
			color: #646464;
			font-size: 24px;
			background-color: #e9eaec;
			border: 1px solid #cacaca;
			opacity: 1;
		}
		#blog-post-carousel .owl-controls .owl-buttons div + div, 
		#team-carousel .owl-controls .owl-buttons div + div {
			margin-left: 15px;
		}
		#blog-post-carousel .owl-controls .owl-buttons div:hover, 
		#blog-post-carousel .owl-controls .owl-buttons div:focus, 
		#team-carousel .owl-controls .owl-buttons div:hover, 
		#team-carousel .owl-controls .owl-buttons div:focus {
			color: #fff;
			background-color: #0356a4;
			border-color: #0356a4;
		}
	
/* Work Section Styles Starts */

.work-section {
	padding-top: 0;
	padding-bottom: 0;
	background-image: url(../images/section-bg1.jpg);
	overflow: hidden;	
}
	.work-section .container-fluid, 
	.work-section .row-fluid > .col-sm-6 {
		padding-left: 0;
		padding-right: 0;
	}
	.work-section-box {
		padding: 60px 80px 60px 120px;
		background-color: #262626;
	}
	.work-section-box, 
	.work-section-box a {
		color: #fff;
	}
	
/* Accordions Styles Starts */

#accordion {
	margin-top: 50px;
}
	#accordion.panel-group .panel {
	}
	#accordion .panel {
		border: 1px solid #4d4d4d;
	}
	#accordion.panel-group .panel + .panel {
		margin-top: 20px;
	}
		#accordion .panel-heading {
			padding: 15px 20px;
		}
		#accordion .panel, 
		#accordion .panel-heading, 
		#accordion .panel-heading:hover, 
		#accordion .panel-heading:focus, 
		#accordion .panel-heading:active, 
		#accordion .panel-heading.active {
			background: none;
		}
		#accordion .panel-title {
			font-weight: normal;
		}
		#accordion .panel-title .fa {
			font-size: 18px;
		}
		#accordion .panel-heading, 
		#accordion .panel-title a, 
		#accordion .panel-heading.active .panel-title a, 
		#accordion .panel-title a:hover, 
		#accordion .panel-title a:focus {
			color: #fff;
			text-decoration: none;
		}
		#accordion.panel-group .panel-heading + .panel-collapse > .panel-body {
		}
		#accordion .panel-collapse > .panel-body {
			border-color: #4d4d4d;
		}
	
/* Portfolio Section Styles Starts */

.portfolio-section {	
}	
	.portfolio-item {
		margin-top: 30px;
		position: relative;
		overflow: hidden;
	}
	.portfolio-item, 
	.portfolio-item a {
		color: #fff;
	}
		.portfolio-item img {
			-webkit-transform: scale(1.0);
			   -moz-transform: scale(1.0);
					transform: scale(1.0);
		}
		.portfolio-item:hover img, 
		.portfolio-item:focus img {
			-webkit-transform: scale(1.3);
			   -moz-transform: scale(1.3);
					transform: scale(1.3);			
		}
		.portfolio-item .overlay {
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			bottom: 0;
			height: 100%;
			text-align :center;
			cursor: auto;
			background: rgba(3, 86, 164, 0.8);
			-webkit-transform: translateY(72%);
			   -moz-transform: translateY(72%);
			        transform: translateY(72%);
		}
		.portfolio-item:hover .overlay, 
		.portfolio-item:focus .overlay {
			background: rgba(3, 86, 164, 0.9);
			-webkit-transform: translateY(0);
			   -moz-transform: translateY(0);
			        transform: translateY(0);
		}
			.portfolio-item .overlay .inner {
				padding: 15px 30px;
			}
				.portfolio-item .overlay h5 {
					margin-bottom: 20px;
					text-transform: uppercase;
				}
				.portfolio-item .overlay p {
					margin-bottom: 20px;
				}
				.portfolio-item .overlay .fa {
					font-size: 24px;
					cursor: pointer;
				}
	
/* Why Us Section Styles Starts */

.why-us-section {
	background-image: url(../images/section-bg2.jpg);
}	
	.why-us-list {
		margin-bottom: 20px;
	}
		.why-us-list li {
			margin-top: 50px;
		}
		.why-us-list li .fa {
			margin-top: 30px;
			margin-right: 30px;
			color: #9e9e9e;
			font-size: 60px;
		}
		.why-us-list li h5 {
			margin-top: 0;
			margin-bottom: 15px;
		}
	
/* Team Section Styles Starts */

.team-section {
	border-top: 1px solid #e9e9e9;
}
	.bio-box {
		margin-top: 50px;
		margin-right: 30px;
	}
		.bio-box .thumbnail {
			border-color: #d1d1d1;
		}
		.bio-box h4 {
			margin-top: 25px;
			margin-bottom: 5px;
		}
		.bio-box p + p {
			margin-top: 14px;
		}
		.bio-sm-links {	
		}
			.bio-sm-links li {
				margin-left: 5px;
				margin-right: 5px;
				font-size: 15px;
			}
				.bio-sm-links li a {
					color: #6c6c6c;
				}
				.bio-sm-links li a:hover, 
				.bio-sm-links li a:focus {
					color: #0356a4;
				}

/* Testimonial Section Styles Starts */

.testimonials-section {
	background-image: url(../images/section-bg3.jpg);
}
	.testimonials-section, 
	.testimonials-section a {
		color: #fff;
	}
	#carousel-testimonials {
		margin-top: 30px;
		margin-bottom: 80px;
	}
		#carousel-testimonials h5 {
			margin-top: 30px;
			margin-bottom: 30px;
		}
			#carousel-testimonials h5 img {
				margin-right: 15px;
			}
			#carousel-testimonials h5 span {
				font-size: 14px;
			}
		#carousel-testimonials p {
			font-size: 18px;
			font-weight: bold;
			font-style: italic;
		}
		#carousel-testimonials p + p {
			margin-top: 15px;
		}
		#carousel-testimonials .carousel-indicators {
			bottom: -100px;
		}
			#carousel-testimonials .carousel-indicators li {
				background-color: #fff;
			}
			#carousel-testimonials .carousel-indicators li.active {
				background-color: #0356a4;
			}
			#carousel-testimonials .carousel-indicators li, 
			#carousel-testimonials .carousel-indicators li.active {
				margin: 0 4px;
				width: 13px;
				height: 13px;
				border: none;
			}
		#carousel-testimonials .carousel-control {
			top: 45%;
			bottom: auto;
			width: auto;
			font-size: 36px;
			background: none;
			opacity: 1;
			text-shadow: none;
		}
		
/* Contact Section Styles Starts */

.contact-section {
}
	.contact-list {
		margin-top: 45px;
		margin-bottom: 45px;
	}
		.contact-list li, 
		.contact-list li a {
			color: #6c6c6c;
		}
		.contact-list li a:hover, 
		.contact-list li a:focus {
			color: #0356a4;
		}
			.contact-list li .fa {
				margin-right: 15px;
				width: 42px;
				height: 42px;
				line-height: 42px;
				color: #fff;
				font-size: 24px;
				text-align: center;
				background-color: #0356a4;
			}
			.contact-list li h5 {
				margin-top: 0;
				margin-bottom: 0;
				color: #272727;
			}
	.contact-form {
		margin-top: 20px;
	}
		.contact-form .form-control {
			margin-bottom: 20px;
			padding: 15px 20px;
			color: #6c6c6c;
			border-color: #cecece;
		}
		.contact-form input[type=text].form-control, 
		.contact-form input[type=email].form-control {
			height: 54px;
		}
		.contact-form .form-control:focus {
			border-color: #868686;
		}
		.contact-form .btn {
			margin-top: 10px;
			padding: 10px 30px 9px;
			font-size: 16px;
			font-weight: 500;
		}

/* Footer Styles Starts */

.main-footer {
	padding-top: 35px;
	padding-bottom: 35px;
	font-size: 15px;
	background-color: #1c1c1c;
}
	.main-footer, 
	.main-footer a {
		color: #fff;
	}
	.main-footer ul, 
	.main-footer p {
		margin-bottom: 0;
	}
		.main-footer ul > li + li {
			margin-left: 10px;
		}
		
/* List Styles Starts */

.list-style-1 {
}
	.list-style-1 li:before {
		content: "\f00c";
		margin-right: 16px;
	}

/* Generic Styles Starts */

.parallax {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

.spacer-tiny 	{ height: 20px;  }
.spacer-small 	{ height: 40px;  }
.spacer			{ height: 60px;  }
.spacer-medium 	{ height: 80px;  }
.spacer-big		{ height: 150px; }

.no-margin-top		{ margin-top: 0; 	}
.no-margin-bottom	{ margin-bottom: 0; }

.text-thin		 	{ font-weight: 100; }
.text-extra-light	{ font-weight: 200; }
.text-light		 	{ font-weight: 300; }
.text-normal 	 	{ font-weight: 400; }
.text-medium 	 	{ font-weight: 500; }
.text-bold		 	{ font-weight: 700; }
.text-ultra-bold 	{ font-weight: 900; }

.text-spl-color		{ color: #0356a4;	}
.text-grey-color	{ color: #6c6c6c;	}
.text-lite-color    { color: #fff;      }


.img-center {
	margin-left: auto;
	margin-right: auto;
}

.no-border-radius, 
.flat, 
#blog-post-carousel .owl-controls .owl-buttons div, 
#team-carousel .owl-controls .owl-buttons div, 
#accordion .panel, 
#accordion .panel-heading {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.circle {
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
			border-radius: 100%;
}

.br-3 {
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

.br-5, 
.portfolio-item, 
.portfolio-item:hover .overlay {
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}

.portfolio-item .overlay {
	-webkit-border-radius: 0 0 5px 5px;
	   -moz-border-radius: 0 0 5px 5px;
			border-radius: 0 0 5px 5px;	
}

.no-boxshadow, 
.contact-form .form-control, 
.contact-form .form-control:focus {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.main-header-wrap {
	-webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.2);
	        box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.2);
}

.why-us-section {
	-webkit-box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.2);
}

.font-awesome, 
.list-style-1 li:before, 
.blog-post-box a.more-link:after {
	font-family: 'FontAwesome';
	src: url('../font-awesome/fonts/fontawesome-webfont3295.eot?v=4.5.0');
	src: url('../font-awesome/fonts/fontawesome-webfontd41d.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../font-awesome/fonts/fontawesome-webfont3295.woff2?v=4.5.0') format('woff2'), url('../font-awesome/fonts/fontawesome-webfont3295.woff?v=4.5.0') format('woff'), url('../font-awesome/fonts/fontawesome-webfont3295.ttf?v=4.5.0') format('truetype'), url('../font-awesome/fonts/fontawesome-webfont3295.svg?v=4.5.0#fontawesomeregular') format('svg');
}

.animation, 
.animation a {
	-webkit-transition: all 0.5s ease 0s;
	   -moz-transition: all 0.5s ease 0s;
		    transition: all 0.5s ease 0s;
}

.animation-1, 
.animation-1 a {
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
		    transition: all 1s ease;	
}


