/********************
* Base
********************/

html, body 
{
	font-size:1em;
	font-family: 'Roboto Condensed', sans-serif;
}



h1, h2, h3, h4
{

}
h1 
{
	font-size:2.4rem;
	font-weight:bold;
}
p 
{
	font-family: 'PT Sans', sans-serif;
}
p.large 
{
	font-size:1.8em !important;
}

.spacer
{
	height:15px;
}
.spacer-lg 
{
	height:30px;
}
.relative
{
	position:relative;
}
section.padded, section.padding
{
	padding:25px 0;
	position:relative;
}

.content
{
	word-wrap: break-word;
}

.content p 
{
	color:#222;
	font-size:1.1em;
}
.content h1, .content h2, .content h3
{
	font-weight:500;
	text-transform:uppercase;
}
.content h1 
{
	font-size:2.4em;
	margin-bottom:0.5em;
}

a[href^="tel:"]
{
	color:#FFF;
}


/********************
* Header
********************/
header .header-dark
{
	padding:1em 0;
	padding-bottom:0;
	background:#212121;
	color:#FFF;
	position: relative;
}
header .header-dark > .container 
{
	position:relative;
}
header .logo 
{
	margin:0.25em 0;
	margin-bottom:1em;
}
header .logo img 
{
	height:90px;
	display:block;
	margin:0 auto;
	margin-bottom:1em;
}
header .phone-alert
{
	font-family: 'PT Sans', sans-serif;
	background:#bb2319;
	padding:0.25em 1em;
	font-size:1.2em;
	text-align:center;
	font-weight:bold;
	margin-bottom:0.5em;
}
header .phone-alert > *
{
	margin:0;
}


/********************
* Nav
********************/
nav.navbar 
{
	background:#0d0d0dee;
	display:block;
}
nav.navbar li a 
{
	color:#FFF;
	text-transform:uppercase;
	padding:0 1em;
	font-size:1.4em;
	display:block;
}
.navbar-toggler
{
	color:#FFF;
	background: rgba(0,0,0,0.9);
}
.navbar-nav
{
	margin:1em 0;
}
.subnav
{
	display:none;
	margin-left: -2em;
}



/********************
* Hero
********************/
.hero 
{
	height:80vh;
	min-height:450px;
	background:#dfdfdf;
	background-image:url("/assets/frontend/img/hero.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:bottom;
}
.cut 
{
	-webkit-clip-path: polygon(0 93%, 100% 15%, 100% 100%, 0% 100%);
	clip-path: polygon(0 93%, 100% 15%, 100% 100%, 0% 100%);
    position: absolute;
    bottom: -120px;
    z-index: 2000;
    background: #fff;
    height: 100px;
    width: 100%;
	display:none;
}
.hero > .overlay 
{
	height:100%;
	width:100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.hero .container 
{
	height:100%;
}
.hero .vertical-align-container
{
	display:table;
	height:100%;
	width:100%;
}
.hero .vertical-align-container .virtical-align
{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}
.hero h1 
{
	color:#FFF;
	margin-bottom:1em;
}
.btn-call-to-action 
{
	background:#bb2319;
	color:#FFF;
	font-size:1.6em;
	border-radius:0;
	padding:0.8em 3em;
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
.btn-call-to-action:hover, .btn-call-to-action:focus, .btn-call-to-action:focus:active
{
	color:#FFF;
	opacity:0.8;
}



/********************
* Primary Boxes
********************/
.primary-boxes-container 
{
	min-height:280px;
	margin-top:-30px;
}
.primary-boxes-container:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.primary-boxes
{
	display:table-cell;
	width:100%;
	margin-top:-100px;
	z-index:2001;
	width:100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}


.primary-boxes .red-box 
{
	background:#e82b1f;
	padding:1.5em;
	display:block; 
	color:#FFF !important;
}

.primary-boxes .red-box a 
{
	text-decoration:none !important;
}
.primary-boxes .red-box img 
{
	display:block;
	margin:1em auto;
	height:75px;
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
.primary-boxes .red-box:hover img
{
	opacity:0.6;
}
.primary-boxes div[class^="col-"]:first-child .red-box 
{
	background:#f35449;
}
.primary-boxes div[class^="col-"]:nth-child(2) .red-box 
{
	background:#f43a2e;
}
.primary-boxes .red-box h1, .primary-boxes .red-box h2, .primary-boxes .red-box h3
{
	font-size:1.8em;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}
.primary-boxes .red-box p 
{
	color:#FFF;
	text-align:center;
	font-size:1.1em;
	font-weight:300;
}



/********************
* Hero - small
********************/
.hero.small 
{
	height:auto;
	min-height:200px;
	text-align:center; 
	padding:2em 0;
	margin:0;
}
.hero.small h1 
{
	text-align:center; 
	display:block;
	max-width:500px;
	margin:0.25em auto;
	font-weight:400;
}
.hero.small .btn-feature
{
	font-size:1.8em;
	color:#FFF;
	border:2px solid #bb2319;
	padding:0.5em 1em;
	border-radius:0;
	margin:0em; 
	outline:none !important;
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
.hero.small .btn-feature:hover, .hero.small .btn-feature:focus 
{
	background:rgba(0,0,0,0.5);
}

.hero-header 
{
	height:400px;
	padding:4em 0;
}
.hero-header .container 
{
	height:100%;
}
.hero-header .container .inner
{
	height:100%;
	display:table;
	width:100%;
}
.hero-header .container .inner .middle-content 
{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}
.hero-header h1 
{
	font-size:3em;
}


section.image-heading
{
	background-size:100%;
	background-repeat:no-repeat;
	height:300px;
	margin-bottom:1.5em;
	display:table;
	width:100%;
	background-position:bottom;
}
section.image-heading .container 
{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	text-align:center;
}
section.image-heading .container h1 
{
	font-weight:bold;
	font-size:3.5em;
	color: #FFF;
    text-shadow: 1px 1px 35px #000;
}




/********************
* Btn
********************/
.btn 
{
	font-family: 'PT Sans', sans-serif;
	border-radius:0;
}
.btn:hover, .btn:active, .btn:focus 
{
	box-shadow: 0 0 0 0.2rem rgba(187, 35, 25, 0.35);
}
.btn-primary
{
	background:#bb2319 !important;
	border:1px solid #bb2319;
}



/********************
* Forms
********************/
.contact-split 
{
	margin-bottom:1em;
}
.contact-split .shaded-content 
{
	background:rgba(0,0,0,0.7);
	padding:2em;
	color:#FFF;
}
.contact-split .shaded-content  p, .contact-split .shaded-content p a
{
	color:#FFF;
}

.form-control 
{
	border-radius:0;
}
.form-control:hover, .form-control:focus 
{
	box-shadow: 0 0 0 0.2rem rgba(187, 35, 25, 0.35);
	border:1px solid #bb2319;
}
form .btn-primary
{
	font-size:1.4em;
}



/********************
* Misc
********************/
.testimonials
{
	
}
.testimonials .message 
{
	padding-bottom:1em;
}
.see-more 
{
	background:#dfdfdf;
	color:#333; 
	padding:0.5em 1em;
	font-weight:bold;
	display:inline-block;
}




/********************
* Footer
********************/
.phone-strip 
{
	font-family: 'PT Sans', sans-serif;
	background:#bb2319;
	padding:1em;
	margin-bottom:1.2em;
}
.phone-strip h2 
{
	color:#ee8b8b;
	margin:0;
}
.phone-strip h2 .white 
{
	color:#FFF !important;
	display:block;
}


footer 
{
	font-family: 'PT Sans', sans-serif;
	background:#262626;
	color:#FFF;
}
footer a 
{
	color:#FFF;
}
footer .top-bar 
{
	padding:2em 0;
}
footer .bottom-bar
{
	background:#171717;
	padding:1em 0;
	font-size:0.9rem;
}

footer h4 
{
	font-size:1.8em;
	text-transform:uppercase;
	text-align:center; 
	font-weight:bold;
}
footer .socials
{
	list-style:none;
	margin:1em 0;
	padding:0;
	text-align:center;
}
footer .socials li 
{
	display:inline-block;
	padding:0 0.25em;
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
footer .socials li a:hover 
{
	opacity:0.7;
}
footer .info 
{
	font-size:1.3em;
	font-weight:bold;
}
footer .info a 
{
	color:#bb2319;
}
footer .info p 
{
	margin:0;
}

footer .secondary-menu 
{
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:1em;
}
footer .secondary-menu li 
{
	text-align:center;
	font-size:1.4em;
}
footer .secondary-menu li a:hover, footer .secondary-menu li a:focus 
{
	color:#bb2319;
	text-decoration:none;
}