/*
Colors + Untiliy classes 
===========================*/
.white				{ color: white;}
.light-blue 		{ color: #3fa7f3;}
.navy-blue 			{ color: #0c5e90;}
.dark-navy 			{ color: #112f3f;}
.dark-navy-tonal 	{ color: #092735;}
.meyers-red 		{ color: #e72026;}
.blood-red 			{ color: #c50513;}
.blood-red-tonal 	{ color: #9d0416;}

.light-blue-bg 		{ background-color: #3fa7f3;}
.navy-blue-bg 		{ background-color: #0c5e90;}
.dark-navy-bg 		{ background-color: #112f3f;}
.dark-navy-tonal-bg { background-color: #092735;}
.meyers-red-bg 		{ background-color: #e92026;}
.blood-red-bg 		{ background-color: #c50513;}
.blood-red-tonal-bg { background-color: #9d0416;}

.drop-shadow {
-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.25);
}

.temp-bg-1 {
	display: block;
	min-height: 600px;
	background: url(../_img/temp-bg-1.jpg) top center no-repeat white;
}

.temp-bg-2 {
	display: block;
	min-height: 400px;
	overflow: hidden;
/*	background: url(http://placehold.it/1600x400) top center no-repeat white;
*/	background-color: #efefef;
}

.block-section {
	display: block;
	width: 100%;
}

/* Global Styles
===========================*/

* {
  font-family : 'GothamRounded-Book', arial, sans-serif;
/*  font-size : 14px;
  line-height : 23px;*/
  color: #112f3f;
}

p {
	font-size: 16px;
}

blockquote p {
	font-size: 18px;
}

ul {
	padding-top: 15px;
}

ul li {
	font-size: 16px;
	padding-bottom: 7px;
}

footer ul,
header ul {
	padding-top: 0;
}

header ul li {
	padding-bottom: 0px;
}

body {
	background-color: #efefef;
}

.navbar-collapse a {
	font-family: 'GothamRounded-Bold', arial, sans-serif;
} 

.hero-text {
	font-family: 'valentinaregular', serif;
	font-size: 5em; /* 80px */
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'valentinaregular', serif;
}

.f1,
.f2,
.f3,
.f5,
.fancy-font {
	font-family: 'valentinaregular', serif;
	color: #112f3f;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

.f1 { font-size: 5.5em; 	/* 0px */}
.f2 { font-size: 3.5em;}
.f3 { font-size: 2em; 		/* 0px */}
.f5 { font-size: 1.5em; 	/* 0px */}

/*h1 {
	margin: 1em 0 .2em 0 !important;
}*/

.white-text-shadow {
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

.icons {
	font-family : 'ModernPictogramsNormal', arial, sans-serif;
	font-size : 42px;
	color : #9B0416;
	color : rgb(155, 4, 22);
}

.cool-button-1 {
	display: inline-block;
	width: 125px;
	font-size: 14px;
	line-height: 20px;
	padding: 12px 18px 13px;
	background-color: transparent;
	border: 5px solid #0c5e90;
	color: #0c5e90 !important;
/*	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
	-webkit-border-radius: 110px;
	-moz-border-radius: 110px;
	border-radius: 110px;
}

.cool-button-1:hover {
	color: #092735 !important;
	text-decoration: none;
	background-color: #3fa7f3;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2); 
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

.cool-button-2 {
	font-family: 'GothamRounded-Bold', arial, sans-serif;
	margin-top: 25px;
	display: inline-block;
	text-align: center;
	width: 250px;
	font-size: 14px;
	line-height: 20px;
	padding: 12px 18px 13px;
	background-color: #3fa7f3;
	border: 5px solid #0c5e90;
	color: #fff;
/*	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
	-webkit-border-radius: 110px;
	-moz-border-radius: 110px;
	border-radius: 110px;
}

.cool-button-2:hover {
	color: #fff !important;
	text-decoration: none;
	background-color: #0c5e90;
	border-color: #3fa7f3;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2); 
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

.cool-button-3 {
	display: block;
	padding: 15px 40px;
	font-size: 18px;
	background-color: #FFF100 !important;
	color: #20955B;
	border-radius: 25px;
	text-align: center;
	max-width: 250px;
/*	margin-left: auto;
	margin-right: auto;*/
}

.cool-button-3:hover {
	background-color: #EAD90A !important;
	transition: ease .1s;
}


blockquote {
	border-left: 5px solid #e72026;
	margin-left: 20px !important;
}

blockquote.pull-right {
	border-right: 5px solid #e72026;
	margin-right: 20px !important;
}

.meyers-icons-1 {
	font-family: 'icomoon';
	font-size: 100px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, .07);
}

.content-page-header {
	padding-bottom: 50px;
}

/* Header
===========================*/
#header-block-1 {
	height: 100px;
	background-color: #fff;
	display: block;
	position: relative;
	z-index: 15;
}

.navbar-right a {
	font-size: 15px;
	text-transform: uppercase;
}

.active,
.active:active {
	text-decoration: underline;
}

#navi-logo {
	float: left;
	margin-left: 20px;
}

.navbar-default {
	background-color: transparent;
	border-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: transparent;
}

.navbar {
	margin-bottom: 5px;
}

#header-links a,
#header-links p {
	display: inline-block;
	padding-right: 5px;
}



/* index.php
===========================*/

#service-section h2,
#service-section h4, 
#service-section p {
	color: white;
	text-shadow: none;
}

#hero-section {
	display: block;
	position: relative;
	height: 600px;
	background: url(../_img/hero-image-3.jpg) top center no-repeat white;
	overflow: hidden;
}

.meyers-icons-1 {
	color: #092735;
}

/*Carousel*/

.carousel {
	height: 600px;
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	max-width: none;
}

.carousel-caption {
	position: absolute;
	left: 15%;
	right: 15%;
	bottom: 135px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: none;
}

.carousel-caption h1 {
	color: #e72026; /* red */
	color: #112f3f; /* navy-blue */
	margin: 0 auto 25px;
	font-size: 5.5em;	
	font-family: 'valentinaregular', serif;
}

.carousel-caption p {
	color: #e72026; /* red */
	color: #112f3f;
}

/* END .carousel */

#estimate-block {
  	font-size : 14px;
  	line-height : 23px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 275px;
	background-color: #e92026;
	padding: 20px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
}

#estimate-block .f3 {
	text-shadow: none;
}

#service-section {
	display: block;
	background-color: #112f3f;
}

#service-section .cool-button-1 {
	margin-top: 15px;
	border: 5px solid #092735;
}

#service-section .glyphicon {
	font-size: 6em;
	color: #092735;
}

.home-service-block-links-deck2 .glyphicon {
	margin-bottom: 35px;
}

#service-section {
	padding: 50px 0;
}

#service-section h2 {
	margin-bottom: 50px;
}

#service-section h4 {
	font-family: 'GothamRounded-Bold';
}

.home-service-block-links {
	margin-bottom: 50px;
}

/* about.php
===========================*/



/* process.php
===========================*/


#process-section-1 {
	background-color: #112f3f;
	min-height: 500px;
}

#process-section-1 h1.f1 {
	color: white;
	margin: 100px 0 10px;
	text-shadow: none;
}

#process-section-1 #process-overview {
	display: block;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#process-section-1 .meyers-icons-1 {
	height: 100px;
	width: 100px;
	text-align: center;
/*	border: 1px solid #092735;*/
}

#process-section-1 .icons {
	margin: 0 20px;
	font-size: 24px;
	line-height: 100px;
	vertical-align: text-bottom;
	text-align: center;
	color: #092735;
}

#process-section-1 p {
	max-width: 700px;
}

#process-section-1 .icon-special-1 {
	margin-right: 25px;
}

#process-section-1 .icon-special-2 {
	margin-left: 25px;
}

#process-section-1 p {
	color: white;
	margin-top: 15px;
}

.process-element {
	display: block;
	min-height: 600px;
	border-bottom: 10px solid #112f3f;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.75);
}

#process-section-7 {
	border-bottom: none;
}

.process-element-content {
	display: block;
	max-width: 650px;
	margin-top: 100px;
	padding: 25px;
	background-color: rgba(255, 255, 255, 0.7);
	background: rgba(255, 255, 255, 0.7);
}

.process-element-content div {
	max-width: 450px;
	padding: 20px; 
	border-top: 1px solid #112f3f;
}


#process-section-2 { 
	background: url(../_img/process-bgs/estimates-1600x400-1.jpg) top center no-repeat white; 
}

#process-section-3 { 
	background: url(../_img/process-bgs/schedule-1600x400-1.jpg) top center no-repeat white; 
}

#process-section-4 { 
	background: url(../_img/process-bgs/colors-1600x400-1.jpg) top center no-repeat white; 
}

#process-section-5 { 
	background: url(../_img/process-bgs/prepping-1600x400-1.jpg) top center no-repeat white; 
}

#process-section-6 { 
	background: url(../_img/process-bgs/painting-1600x400-1.jpg) top center no-repeat white; 
}

#process-section-7 { 
	background: url(../_img/process-bgs/cleaning-1600x400-1.jpg) top center no-repeat white; 
}


/* testimonials.php
===========================*/

#testimonials-section-1 .row {
	margin: 50px 0;
}


#testimonials-section-1 img {
	border: 10px solid white;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}


/* service pages
===========================*/

.service-hero h1 {
	margin: 0 auto;
}

.service-hero {
	display: block;
	min-height: 400px;
	overflow: hidden;
	box-shadow: inset 0px -3px 3px 0px rgba(50, 50, 50, 0.1);
}

.service-hero .container {
	padding-top: 60px;
}

.service-info h2 {
	margin: 50px 0 35px;
}

#residential-section-1 {
	background: url(../_img/service-bgs/residential-painting-1600x600-1.jpg) top center no-repeat white;
}

#pressure-washing-section-1 {
	background: url(../_img/service-bgs/pressure-washing-1600x400-1.jpg) top center no-repeat white;
}

#interior-section-1 {
	background: url(../_img/service-bgs/interior-painting-1600x600-1.jpg) top center no-repeat white;
}

#graffiti-section-1 {
	background: url(../_img/service-bgs/graffiti-1600x600-1.jpg) top center no-repeat white;
}

#exterior-section-1 {
	background: url(../_img/service-bgs/exterior-painting-1600x400-1.jpg) top center no-repeat white;
}

#do-it-yourself-section-1 {
	background: url(../_img/service-bgs/do-it-yourself-1600x600-1.jpg) top center no-repeat white;
}

#commercial-section-1 {
	background: url(../_img/service-bgs/commercial-painting-1600x600-1.jpg) top center no-repeat white;
}

#water-fire-section-1 {
	background: url(../_img/service-bgs/water-fire-damage-1600x600-1.jpg) top center no-repeat white;
}



/* Contact
===========================*/

#contact-section-1 span a {
	display: block;
	color: #112f3f;
	margin-bottom: 7px;
}


/* 1000 Promo
===========================*/

#promo-1000 {
	background: url(../_img/1000-bg.jpg) top center no-repeat #20955B;
	min-height: 350px;
}

.promo-1000-logo {
	padding-top: 50px;
}

#promo-1000 h2 { 
	color: #FFF100;
}

#promo-1000 p {
	color: white;
	margin-bottom: 30px;
}

.promo-1000-text {
	padding-top: 50px;
	padding-bottom: 50px;
}

@media (max-width: 768px) {
	#promo-1000 .cool-button-3 {
		margin-left: auto;
		margin-right: auto;
	}
}

#promo-1000 a {
	color: #FFF100;
	text-transform: uppercase;
}

#promo-1000 b {
	color: white;
	text-decoration: underline;
}

#promo-1000 .cool-button-3 {
	color: #20955B;
}

/* Green Section 
===========================*/

#green-section {
	background: url(../_img/envi-3.jpg) top center no-repeat white;
	min-height: 275px;
	-webkit-box-shadow:inset 0 4px 7px 0 rgba(0,0,0,.3);
	box-shadow:inset 0 4px 7px 0 rgba(0,0,0,.3);
}

#green-section h5 {
	font-size: 42px;
}


/*
Vertical Algin Technique v1
---> Must use height class
======================= 
MUST BE LAST IN POSTION !!!!!!!!
^^^^^^^^^^^^^^^^^^^^^^^
*/

.valign-parent {
	text-align: center;
	font: 0/0 a;	
}

.valign-parent:before {
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.valign-child {
	display: inline-block;
	vertical-align: middle;
}

.ht100 {height: 100px;}
.ht275 {height: 275px;}
.ht400 {height: 400px;}
.ht600 {height: 600px;}

#estimate-block .checkbox {
	text-align: left;
}



/* Footer
===========================*/

footer {
	background-color: #eb2026;
	min-height: 375px;
}

#footer-contact {
	display: block;
	max-width: 400px;
	margin-top: 50px;
	margin-bottom: 50px;
}

#footer-contact ul {
	display: block;
	height: 60px;
	border-bottom: 1px solid #c50513;
}

#footer-contact ul:last-child {
	border-bottom: none;
}

footer ul {
 	display: block;
 	list-style-type: none;
	-webkit-padding-start: 0px;
}

footer ul li  {
	line-height: 60px;
	display: inline-block;
}

#footer-contact .icons {
	line-height: 60px; /* must match .footer-contact-block height */
	vertical-align: top;
	margin-right: 25px;
	padding-left: 15px;
}

#footer-contact a {
	font-size : 27px;
	color : #FFFFFF;
	color : rgb(255, 255, 255);
}




/* Media Queries
===========================*/

/*-------- < 992 -------*/
@media (max-width: 992px) {

	#footer-contact {
		margin-top: 0;
	}

	.service-hero .f1 {
		font-size: 4.5em !important;
	}

	.content-page-hero .f1 {
		font-size: 4.5em !important;
	}

	.content-page-header .f1 {
		font-size: 4.5em !important;
	}

	.process-element .row {
		margin-top: 75px;
	}

	#process-section-1 {
		min-height: 400px;
	}

	#process-section-1 h1.f1 {

	}

}

/*-------- < 768 -------*/
@media (max-width: 768px) {
	

	.navbar-toggle {
		margin-top: 30px;
		margin-right: 15px;
	}

	.navbar-toggle .icon-bar {
		height: 4px;
	}

	.navbar-collapse {
	 	max-height: none; 
	}
	
	.navbar-nav .open .dropdown-menu>li>a {
		line-height: 25px;
	}

	.navbar-nav .open .dropdown-menu>li>a:hover {
		color: #0c5e91;
	}

	.navbar-right {
		background-color: #7CC2F5;
	}

	.navbar-default .navbar-nav>li>a {
		color: #FFF;
	}

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
		color: #000;
		background-color: transparent;
	}

	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	/* background-color: #e7e7e7; */
	/* color: #555; */
		background-color: transparent;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #FFF;
	}

	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
		background-color: #e7e7e7;
	}

	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color: transparent;
	}

	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	color: #000;
	}

	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #000;
	/* background-color: transparent; */
	}

	.navbar-collapse {
		border-top: 3px solid transparent;
	}

	.container-fluid>.navbar-collapse {
		margin-right: 0px;
		margin-left: 0px;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #000;
		background-color: transparent;
	}

	.carousel-caption h1 {
		font-size: 4em;	
	}

	h1,
	h2,
	h3,
	h4,
	h5 {text-align: center;}

/*	.service-hero .f1 {
		margin-top: 135px !important;
	}*/

	.content-page-hero .f1 {
		margin-top: 135px !important;
	}

/*	.content-page-header .f1 {
		
	}*/

	#testimonials-section-1 img {
		margin-bottom: 35px;
	}

}

/*-------- < 480 -------*/
@media (max-width: 480px) { 

	.service-hero .f1 {
		font-size: 3.5em !important;
	}

	.content-page-hero .f1 {
		margin-top: 130px !important;
		font-size: 3.5em !important;
	}

	#process-section-1 .f1 {
		margin-top: 85px !important;
	}

	.content-page-header .f1 {
		font-size: 3.5em !important;
	}

	.process-element-content {
		margin-top: 60px;
	}

}

/*-------- 481 < 768 -------*/
@media (min-width: 481px) and (max-width: 768px) {



}

/*-------- 769 < 992 -------*/
@media (min-width: 769px) and (max-width: 992px) { 

	#navi-logo img {
		height: 80px;
	}

	.navbar-right a {
		font-size: 11px;
	}

	#navi-logo{
		margin-left: 0px;
	}

}


/*-------- > 992-------*/
@media (min-width: 992px) {
	
	#service-section .valign-parent {
		height: 100px;
	}

	.ht375 {height: 375px;}

	.home-service-block-links > p {
		min-height: 70px;
	}

}


/*-------- > 769 -------*/
@media (min-width: 768px) {

	.navbar-nav>li>a {
		color: #004063 !important;
	}

		.navbar-nav>li>a:hover {
		text-decoration: underline;
		}


	.dropdown-menu>li>a {
		padding: 3px 20px;
		color: #004063;
	}

	.dropdown-menu>li>a:hover, 
	.dropdown-menu>li>a:focus {
		text-decoration: underline;
		color: #004063;
		background-color: #f5f5f5;
	}


	.dropdown-menu>li>a {
		padding: 7px 20px;
	}

	.header-block-1 {
		display: block;
		height: 100px;
	}

/*	.navbar-nav li a {
		line-height: 75px;
	}*/

	.navbar-right {
		margin-top: 25px;
	}


	.navbar-default .navbar-nav>.active>a, 
	.navbar-default .navbar-nav>.active>a:hover, 
	.navbar-default .navbar-nav>.active>a:focus {
		color: black;
		text-decoration: underline;
		background-color: transparent;
	}


	.hm-service-links-tops {
	margin-bottom: 30px;
	}

	#green-helper-1 #green-section {
		margin-top: 0px;
	}


}