/*
Theme Name: 	Lighthouse Partners
Description: 	The Lighhouse Partners Wordpress theme!
Version: 		1.0
Author: 		Start Marketing
*/

@font-face {
    font-family: 'roboto_slabregular';
    src: url('fonts/RobotoSlab-Regular-webfont.eot');
    src: url('fonts/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoSlab-Regular-webfont.woff') format('woff'),
         url('fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'),
         url('fonts/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'roboto_slabbold';
    src: url('fonts/RobotoSlab-Bold-webfont.eot');
    src: url('fonts/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoSlab-Bold-webfont.woff') format('woff'),
         url('fonts/RobotoSlab-Bold-webfont.ttf') format('truetype'),
         url('fonts/RobotoSlab-Bold-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*@import "css/reset.css";*/

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
/*::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }*/

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body {
	position: relative;
}

body,
input,
textarea 			{ font-family: 'robotoregular'; color: #292838; /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ 
	font-weight:normal; 
	font-family: 'roboto_slabregular';

}

strong {
	font-family: 'robotobold';
}

h1 strong, 
h2 strong, 
h3 strong, 
h4 strong, 
h5 strong, 
h6 strong {
	font-weight: normal;
	font-family: 'roboto_slabbold';
}

.btn {
	border-radius: 0;
}

hr {
	float: left;
	width: 100%;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

.alignright {
	float: right;
	margin-left: 15px;
}

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

header .navbar {
	background: #fff;
	border: none;
	border-radius: 0;
	min-height: 40px;
}

.navbar-default .navbar-nav li {
	position: relative;
}

.navbar-default .navbar-nav li a {
	color: #232635;
	font-size: 16px;
	text-transform: uppercase;
	padding: 12px 30px;
}

.navbar-default .navbar-nav li.current-menu-item a,
.navbar-default .navbar-nav li a:hover {
	background: #ECECEC;
}

.navbar-default .navbar-nav li .sub-menu {
	position: absolute;
	padding-left: 0;
	background: #fff;
	display: none;
	z-index: 999;
}

.navbar-default .navbar-nav li:hover .sub-menu {
	display: block;
}

.navbar-default .navbar-nav li .sub-menu li {
	list-style: none;
}

.navbar-default .navbar-nav li .sub-menu li a {
	font-size: 14px;
	padding: 8px 20px;
    display: block;
    background: #fff;
}

.navbar-default .navbar-nav li .sub-menu li a:hover {
	text-decoration: none;
	background: #ECECEC;
}

header {
	/*background: #212030 url('img/banner-bg.jpg') no-repeat center center;*/
	/*background-size: cover;*/
	background: #292838; /* Old browsers */
	background: -moz-linear-gradient(left,  #292838 0%, #292838 42%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #292838 0%,#292838 42%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #292838 0%,#292838 42%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292838', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

header .header-phone {
	color: #fff;
	background: #5a5968;
	height: 100%;
	padding: 10px 20px 9px;
	font-size: 18px;
}

header .logo {
	margin-top: -25px;
    margin-bottom: 25px;
}

header h1 {
	color: #fff;
    font-family: 'robotoregular';
    font-size: 46px;
    line-height: 1.8em;
    margin-top: 25px;
    letter-spacing: 40px;
}

#block1 h1 {
	text-align: center;
	font-size: 32px;
	margin-bottom: 30px;
}

#block1 .text-inner {
	border-left: 1px solid #292838;
	font-size: 14px;
	padding: 15px;
	background: url('img/block1-gradient.png') repeat-y top left;
}

#block1 .text-inner .btn {
	color: #fff;
	background: #292838;
	font-size: 18px;
	font-family: 'roboto_slabregular';
	margin-top: 15px;
}

#block1 img {
	max-width: 100%;
	height: auto;
}

#block2 {
	background: #f0f0f1 url('img/block2-bg.png') no-repeat center;
	padding: 25px 0 50px;
}

#block2 h1 {
	text-align: center;
	font-size: 32px;
	margin-bottom: 30px;
}

#block2 .introduction {
	text-align: center;
	font-size: 16px;
	margin-bottom: 20px;
	display: block;
	float: left;
}

#block2 .services-row .service-item {
	color: #fff;
	text-align: center;
	background: #292838;
}

#block2 .services-row .service-item h4 {
	font-size: 19px;
	margin: 25px 0;
}

#block2 .services-row .service-item h4.double-line {
	margin: 15px 0;
}

#block2 .services-row .service-item .image-wrap {
	background: #201f2e;
	margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
    padding: 15px 0;
}

#block2 .services-row .service-item .text {
	font-size: 12px;
	line-height: 1.8em;
}

#block2 .services-row .service-item .btn {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 15px;
	display: block;
	border: none;
	padding: 15px;
	background: #201f2e;
	text-transform: uppercase;
	color: #fff;
}

#block2 .services-row .service-item:nth-child(even) {
	background: #3f3e50;
}

#block2 .services-row .service-item:nth-child(even) .image-wrap,
#block2 .services-row .service-item:nth-child(even) .btn {
	background: #353445;
}

#block3 {
	padding: 50px 0;
	color: #fff;
	text-align: center;
}

#block3 h2 {
	font-size: 46px;
	text-shadow: 5px 5px 10px #353535;
	line-height: 1.2em;
}

#block3 .divider {
	width: 50%;
    margin: 10px auto 30px;
}

#block3 .divider .top {
	border: 3px solid #fff;
	border-top: 0;
	width: 100%;
	height: 32px;
	margin-bottom: 5px;
}

#block3 .divider .bottom {
	border: 3px solid #fff;
	border-bottom: 0;
	width: 100%;
	height: 32px;
}

#block3 .seperate {
	font-size: 40px;
	text-shadow: 5px 5px 10px #828181;
	font-family: 'roboto_slabbold';
	margin: 0 30px;
}

#block3 .section-img {
	margin-top: -10px;
}

#block4 {
	color: #333333;
}

#block4 .bg-overlay {
	background: #cdcbcb url('img/block4-bg.png') no-repeat center center;
	background-size: cover;
	border-top: 10px solid #0090bb;
	height: 245px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

#block4 h1 {
	color: #333333;
	margin-bottom: 15px;
}

#block4 h2 {
	font-size: 32px;
	margin-bottom: 0;
	color: #333333;
	margin-top: 50px;
	margin-left: -50px;
}

#block4 h3 {
	margin-top: 0;
	font-size: 23px;
	color: #333333;
	margin-bottom: 30px;
	margin-left: -50px;
}

#block4 .btn {
	background: #0090bb;
	color: #fff;
	font-size: 18px;
	font-family: 'roboto_slabregular';
}

#block4 .text {
	padding: 25px 0;
}

#block5 h1 {
	font-size: 40px;
	color: #333;
	margin-top: 25px;
	margin-bottom: 35px;
}

#block5 .testimonial-image {
	border-radius: 50%;
	margin: 25px auto;
	display: block;
}

#block5 .wrap-top {
	height: 10px;
	border: 1px solid #0090bb;
	border-bottom: 0;
	display: block;
	width: 100%;
}

#block5 .wrap-bottom {
	height: 10px;
	border: 1px solid #0090bb;
	border-top: 0;
	display: block;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 40px;
}

#block5 .testimonial {
	text-align: center;
	color: #333;
	line-height: 1.5em;
}

#block5 .testimonial:nth-child(even) {
	background: #f3f3f3;
}

#block5 .testimonial h4 {
	font-size: 18px;
}

footer {
	background: #212130;
	color: #fff;
}

footer h3 {
	font-size: 18px;
	border-bottom: 1px solid #5d5d6a;
	text-transform: uppercase;
	padding-bottom: 10px;
}

footer .fb1 {
	background: #353445;
	height: 287px;
}

footer .fb1 ul {
	padding-left: 0;
}

footer .fb1 ul li {
	list-style: none;
	margin: 8px 0;
}

footer .fb1 ul li a {
	color: #fff;
}

footer .fb2 {
	background: #191928;
	font-size: 12px;
	padding-bottom: 15px;
}

footer .fb2 h4 {
	font-size: 16px;
	margin-top: 20px;
}

footer .fb2 a {
	color: #fff;
	font-size: 14px;
}

footer .fb3 {
	background: #2b2941;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 12px;
}

footer .fb3 p.copyright {
	font-family: 'roboto_slabregular';
	font-size: 14px;
}

footer .fb3 .footer-logo {
	margin: 15px auto;
}

footer .fb3 .attribution {
	margin-top: 50px;
	font-size: 14px;
}

.main-content {
	margin: 5px 0 50px;
	position: relative;
}

.main-content h1 {
	padding-bottom: 10px;
	border-bottom: 1px solid #292838;
	margin-bottom: 15px;
	font-family: 'roboto_slabbold';
}

.main-content a {
	color: #444351;
}

.main-content iframe {
	max-width: 100%;
}

.sidebar .nav {
	background: #292838;
}

.sidebar .nav li {
	margin: 0;
}

.sidebar .nav li a {
	border-radius: 0;
	color: #fff;
}

.sidebar .nav li.active a,
.sidebar .nav li a:hover {
	background: #3f3e50;
}

.form-control {
	border-radius: 0;
	border-color: #292838;
}

form .btn {
	border-color: #292838;
	text-transform: uppercase;
}

@media (max-width: 1200px) {

	.navbar-default .navbar-nav li a {
		padding: 12px 25px; 
	}

	header h1 {
		font-size: 40px;
		margin-left: 25px;
	}

	#block4 h2,
	#block4 h3 {
		margin-left: -20px;
	}

	footer .fb1,
	footer .fb3 {
		height: 320px;
	}

}

@media (max-width: 992px) {

	.navbar-default .navbar-nav li a {
		font-size: 14px;
		padding: 12px 17px;
	}

	header h1 {
		font-size: 40px;
		letter-spacing: 28px;
		margin-left: 65px;
	}

	header .header-phone {
		font-size: 14px;
		padding: 12px 15px 12px
	}

	#block1 .text-inner {
		font-size: 13px;
		margin-bottom: 20px;
	}

	#block4 h2, #block4 h3 {
		margin-left: 0;
	}

	#block4 img {
		margin-left: -50px;
	}

	#block4 h3 {
		font-size: 20px
	}

	#block4 .text {
		font-size: 13px;
	}

	#block5 h1 {
		font-size: 36px;
	}

	#block5 .testimonial {
		font-size: 12px;
	}

	footer .fb2 {
		font-size: 11px;
	}

	footer .fb1, footer .fb3 {
		height: 310px;
	}

}


@media (max-width: 768px) {

	header .header-phone {
		display: block;
	    width: 100%;
	    text-align: center;
	    margin-bottom: 10px;
	    font-size: 18px;
	}

	.navbar-toggle {
		border-radius: 0;
		border-color: #292838 !important;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #292838 !important;
	}

	.navbar-default .navbar-collapse {
		width: 100%;
		margin-left: 0;
		overflow: hidden;
	}

	.navbar-default .navbar-nav li {
		margin-left: 15px;
	}

	.navbar-default .navbar-nav li .sub-menu {
		display: none !important;
	}

	header .logo {
		display: block;
   	 	margin: 0 auto;
	}

	header h1 {
		font-size: 30px;
	    letter-spacing: 10px;
	    margin-left: 0;
	    text-align: center;
	    line-height: 1.1375em;
	}

	#block2 .services-row .service-item {
		padding-top: 1px;
	}

	#block3 h2 {
		font-size: 30px;
		margin-bottom: 22px;
	}

	#block4 img {
		margin-left: 0;
	}

	#block4 h3 {
		margin-bottom: 12px;
	}

	#block4 .text {
		padding: 5px 0 10px;
	}

	#block5 h1 {
		font-size: 30px;
	}

	#block5 .testimonial {
		padding-top: 1px;
		padding-bottom: 1px;
	}

	footer .fb1, footer .fb2, footer .fb3 {
		height: auto;
		padding-top: 1px;
		padding-bottom: 15px;
	}

	.nav-wrap.affix {
		position: relative !important;
		margin-bottom: 15px;
	}

	body.our-team .content-area img {
		width: 40%;
		height: auto;
	}
}

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}