/* ==========================================================================
   Author's custom styles
   ========================================================================== */


html,body {
    height: 100%;
	font-family: 'AvenirLTStd-Roman', Arial;
/*	font-family: 'AvenirLTStd-Light', Arial;
	font-family: 'Avenir 85 Heavy', Arial;
	font-family: 'Avenir 65 Medium', Arial;
*/
    color: #fff;
    font-weight: 300;
    background: #e7e6e8;
}

body {
}

body:after{
    display:none;
    content: url(../img/banners/_I5K0020.jpg) url(../img/banners/_I5K0375.jpg) url(../img/banners/_I5K9864.jpg) url(../img/banners/Ignition-Photography_3.jpg);
}


.chromeframe{
	display: block;
	position: fixed;
	z-index: 10000;
	background: #f00;
	top: 0;
	text-align: center;
}

.transAll{
	-webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
}

.no-gutter{
	padding-left:0px;
	padding-right:0px;
}


.container.animate{
	opacity: 0;
	margin-top: 50px;
	-webkit-transition:all 300ms ease-out;
    transition:all 300ms ease-out;
    margin-bottom: -50px;
}

	.container.animate.show{
		opacity: 1;
	    margin-bottom: 0px;
		margin-top: 0px;
		-webkit-transition:all 300ms ease-out;
	    transition:all 300ms ease-out;
	    transition-delay: 300ms;
		-webkit-transition-delay: 300ms; /* Safari */
	}

.linkPoint{ /*USED TO OFFSET THE NAV HEIGHT FOR # LINKING*/
	position: relative;
	top: -80px;
}

/* ============================== TYPE ============================================ */

h1{
	font-family: 'AvenirLTStd-Light', Arial;
	margin-bottom: 20px;
}

h2{
	font-family: 'AvenirLTStd-Light', Arial;
	margin-bottom: 20px;
	font-size: 29px;
	line-height: 30px;
}

h3{
	font-family: 'AvenirLTStd-Light', Arial;
	margin-bottom: 20px;
}

h4{
	font-family: 'AvenirLTStd-Light', Arial;
	margin-bottom: 20px;
	font-weight: bold;
}

	h4.header {
		background: #33AE41;
		margin: -10px -40px 10px;
		padding: 10px 40px;
		font-weight: normal;
		text-transform: uppercase;
		color: #fff;
	}

p{
	font-family: 'AvenirLTStd-Roman', Arial;
	font-size: 14px;
	margin-bottom: 30px;
}

a{
	color: #33AE41;
    
}

ul{
	padding-left: 15px;
    
    
}

ul li{
	list-style-type: square;
	margin-bottom: 5px;
}
.list-unstyled li{
    padding-left: 0;
    list-style:none;
}

/* ============================== THEME ============================================ */

.themed{
	padding: 10px 40px;
	z-index: 30;
}

	.bordered{
		border-right: 8px solid #e7e6e8;
		border-bottom: 8px solid #e7e6e8;
	}

	.row .bordered:last-child{
		border-right: none;
	}


.greenTheme{
	background: #33AE41;
	color:#fff;
}

.blueTheme{
	background:#002A38;
	color: #33AE41;
}

.whiteTheme{
	background:#fff;
	color: #002A38;
}

	.whiteTheme h3{
		color: #33AE41;
	}

/* ============================== NAV ============================================ */

.navbar {
	border: none;
	background: transparent;
}

	.navbar-default .navbar-toggle.collapsed{
		border-color: #33AE41;
		background-color: #fff;
	}

	.navbar-default .navbar-toggle.collapsed .icon-bar {
		border-color: #33AE41;
		background-color: #33AE41;
	}

	.navbar-default .navbar-toggle.collapsed:hover, .navbar-default .navbar-toggle.collapsed:focus{background-color: #fff;}


	.navbar .container{
		background: #33AE41;
	}

	.navbar.scrolling .container{
		box-shadow:0 0 10px rgba(0,0,0,0.4);
		position: relative;
	}


	.navbar-toggle{
		margin-top: 20px;
	}

	.navbar-brand,.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
		background: #fff;
		padding: 20px 40px;
	}

		.navbar-brand img{
			height: 40px;
		}

	.navbar-default .navbar-nav>li {
		margin-bottom: 0px;
	}

	.navbar-default .navbar-nav>li>a {
		background: #33AE41;
		color: #fff;
		padding: 30px 56px;
		border-right:1px solid #369424;
	}

    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>li>a:focus{
		color: #fff;
		background-color: #53b640;
		border-right:1px solid #369424;
		-webkit-transition:all 300ms ease-in-out;
    	transition:all 300ms ease-in-out;
	}
		#about .navbar-default .navbar-nav a.nav-about,
		#benefits .navbar-default .navbar-nav a.nav-benefits,
    	#solutions .navbar-default .navbar-nav a.nav-solutions,
		#ignition .navbar-default .navbar-nav a.nav-ignition,
		#contact .navbar-default .navbar-nav a.nav-contact,
        .navbar-default .navbar-nav>.active>a,
        .navbar-default .navbar-nav>.active>a:hover,
        .navbar-default .navbar-nav>.active>a:focus {
			color: #fff;
			border-right:1px solid #369424;
			background-color: #53b640;
			-webkit-transition:all 300ms ease-in-out;
	    	transition:all 300ms ease-in-out;
		}

	.navbar-default .navbar-nav>li:last-child>a {
		padding-right: 60px;
		border-right: none;
		margin-right: -30px;
	}


	.navbar-default .navbar-nav.socialIcons {
		/*border-left: 1px solid #369424;*/
		position: absolute;
		right: 10px;
	}

	.navbar-default .navbar-nav.socialIcons>li {
		overflow: hidden;
		width: 40px;
		margin-bottom: 0px;
	}
		.navbar-default .navbar-nav.socialIcons>li>a {
			width: 150px;
			padding: 28px 10px;
		}
			.navbar-default .navbar-nav.socialIcons>li>a>i {
				font-size: 20px;
			}

	.navbar-default .navbar-nav.socialIcons>li:hover {
		width: 120px;
	}

/* ============================== BANNER IMAGES ============================================ */

	.carousel{
		margin-top: -30px;
		margin-bottom: -100px;
		height: 100%;
	}

	.carousel-caption {
		right: 0%;
		left: 0%;
		padding-bottom: 30px;
		top: 90px;
		text-align: left;
	}

	.carousel-caption .container{
		padding: 0px;
		position: relative;
		height: 100%;
		margin-top: 0%;
		opacity: 1;
		-webkit-transition:all 300ms ease-in-out;
    	transition:all 300ms ease-in-out;

	}

	.carousel-caption .container h2{
		line-height: 35px;
	}

	.item.active .carousel-caption .container{
		margin-top: 0%;
		opacity: 1;
		-webkit-transition:all 300ms ease-in-out;
    	transition:all 300ms ease-in-out;

	}

	.carousel-inner,.carousel-inner .item,.carousel-inner .item img {
		height: 100%;
		width: 100%;
		background-size:cover;
		background-position: top center;
	}

		.carousel-fade .carousel-inner .item {
		      opacity: 0;
		      transition-property: opacity;
		      transition-duration: 1000ms;
		    }

		.carousel-fade .carousel-inner .active {
		      opacity: 1;
		    }

		.carousel-fade .carousel-inner .active.left,
		.carousel-fade .carousel-inner .active.right {
		      left: 0;
		      opacity: 0;
		      z-index: 1;
		    }

		.carousel-fade .carousel-inner .next.left,
		.carousel-fade .carousel-inner .prev.right {
		      opacity: 1;
		  }

		.carousel-fade .carousel-control {
		    display: none;
		}


	.mainBanner1 img { background-image:url(../img/banners/_I5K0020.jpg);}
	.mainBanner1 .themed{ bottom:50px; right: 0px; position: absolute; }
	.mainBanner2 img { background-image:url(../img/banners/_I5K0375.jpg);}
	.mainBanner2 .themed{ bottom:50px; right: 0px; position: absolute; }
	.mainBanner3 img { background-image:url(../img/banners/_I5K9864.jpg);}
	.mainBanner3 .themed{ bottom:50px; right: 0px; position: absolute; }
	.mainBanner4 img { background-image:url(../img/banners/Ignition-Photography_3.jpg);}
	.mainBanner4 .themed{ bottom:50px; right: 0px; position: absolute; }




.mainBanner{

}

.mainBanner .whiteTheme h1{
	color: #33AE41;
}

/* ============================== SECTIONS ============================================ */

.midContentImg img{
	width: 100%;
}

.whoContent.container {
	background: #002A38;
}

#home .themed {
	padding: 30px 40px;
}


.partnership{
	background: #fff;
}

.realBenefits .listSection{
	padding-bottom:20px;
}

	.realBenefits .listSection h4{
		margin-bottom: 25px;
	}


	.realBenefits .tagLine h4{
		font-weight: normal;
		font-size: 20px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

.infoScroller .blueTheme{
	padding: 80px 40px;
}


.infoScroller h2{
	color: #fff;
	font-size: 68px;
	line-height: 60px;
}

	.infoScroller h2 sup{
		font-size: 28px;
		top: -0.9em;
	}

.infoScroller h4{
	color: #fff;
	font-size: 27px;
	font-weight: normal;
}

.infoScroller p.rightAlign{
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	right: 10px;
	bottom:-20px;
}

.drivenResults{
	background: #fff;
}

.solutions .tagLine h4{
	font-weight: normal;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.solutions .listSection{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 30px;
}


.solutions .listSection h4{
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 8px;
}

.testimonials h3{
	line-height: 35px;
}

.testimonials .carousel{
	margin-top: 0px;
	margin-bottom: 0px;
	height: 290px;
}


.testimonials p.rightAlign{
	margin-bottom: 10px;
	color: #002A38;
	text-align: right;
}

.testimonials .themed {
	padding: 40px 80px;
}


.testimonials .carousel-indicators {
	bottom: 20px;
	z-index: 35;
}

	.carousel-indicators li,.carousel-indicators .active {
		border-radius: 0px;
	}


.quoteImg{
	height:50%;
}

.quoteImg .row, .quoteImg .themed{
	height:100%;
	background: url(../img/banners/Ignition-Photography_10.jpg) center;
	background-size:cover;
}

.quoteImg h4{
	display: block;
	position: absolute;
	right: 5%;
	background: #fff;
	bottom: 5%;
	font-size: 28px;
	font-weight: normal;
	width: 300px;
	padding: 30px 40px;
	line-height: 36px;
}

.teamImg{
	background-image:url(../img/banners/Ignition-Photography_25BK.jpg);
	background-size:contain;
	background-position:right center;
    position: relative;
}

.contact p{
	color: #002A38;
}
.contact a{
	color: #fff;
}

.contact h2{
	text-align: left;
}

.footer {
	padding: 20px 40px;
    margin-bottom: 20px;
	background-color: #002A38;
}

.footer ul {
	padding: 0;
	margin: 0;
}

.footer li {
	display: inline-block;
	vertical-align: top;
	line-height: 20px;
	color: #fff;
	margin: 0 10px 0 0;
	padding: 0;
}

.footer li a {
	color: #33AE41;
}

/* ============================== partnership ============================================ */



/* ============================== USP ============================================ */



/* ============================== CONTACT ============================================ */