@charset "utf-8";
/* CSS Document */


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

}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('Raleway-SemiBold-webfont.eot');
    src: url('Raleway-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Raleway-SemiBold-webfont.woff2') format('woff2'),
         url('Raleway-SemiBold-webfont.woff') format('woff'),
         url('Raleway-SemiBold-webfont.ttf') format('truetype'),
         url('Raleway-SemiBold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('roboto-bold-webfont.eot');
    src: url('roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-bold-webfont.woff2') format('woff2'),
         url('roboto-bold-webfont.woff') format('woff'),
         url('roboto-bold-webfont.ttf') format('truetype'),
         url('roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

@font-face {
    font-family: 'robotoitalic';
    src: url('roboto-italic-webfont.eot');
    src: url('roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-italic-webfont.woff2') format('woff2'),
         url('roboto-italic-webfont.woff') format('woff'),
         url('roboto-italic-webfont.ttf') format('truetype'),
         url('roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium_italic';
    src: url('roboto-mediumitalic-webfont.eot');
    src: url('roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-mediumitalic-webfont.woff2') format('woff2'),
         url('roboto-mediumitalic-webfont.woff') format('woff'),
         url('roboto-mediumitalic-webfont.ttf') format('truetype'),
         url('roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1
{
	font-size:90px;
	font-family: 'ralewaysemibold';
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	margin-top:20%;
	padding-bottom:30px;
}

h2
{
	font-size:39px;
	font-family: 'ralewaysemibold';
	text-transform:uppercase;
	padding-bottom:20px;
}

h3
{
	font-size:35px;
	font-family: 'ralewaysemibold';
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	padding-bottom:10px;
}

h4
{
	font-size:30px;
	font-family: 'robotoregular';
}

h5
{
	font-size:25px;
	font-family: 'robotoregular';
}

h6
{
	font-size:17px;
	font-family: 'ralewaysemibold';
	text-transform:uppercase;
}

p
{
	font-size:15px;
	font-family: 'robotoregular';
}

footer p
{
	font-size:13px;
	font-family: 'robotoregular';
}

b
{
	font-weight:700;	
}

.navbar-brand
{
	padding:10px !important;	
}

section.module.parallax 
{
  	background-position: 50% 50%;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-size: cover;
}

section.module.parallax-1 
{
  	background-image:url(../images/stockvault-pylons103460.jpg);
  	background-size:cover;
  	border-bottom:5px #333 solid;
	border-top:5px #333 solid;
	height:100vh; 
}

.navbar-header img
{
	width:150px;	
}

#head .button a
{
	background-color:transparent !important;
	color:#fff !important;
	width:210px;
	border-color:white !important;
	padding:5px 30px 5px 30px !important;
	margin-right:auto !important;
	margin-left:auto !important;
	display:block !important;	
	border:2px solid #fff !important;
	border-radius:0 !important;
}

#head .button a:hover
{
	color:#afe0e8 !important;
	border-color:#afe0e8 !important;
}

/* ABOUT */

#about
{
	padding-top:60px;	
}

#about img
{
	width:90%;
}	

/* AREAS */

#areas
{
	background-color:#568c95;
	margin-top:60px;
	padding:30px;
}

#areas h6
{
	text-align:center;
	color:#fff;
	font-size:19px !important;	
}

/* CONTACT */

#contact
{
	padding-top:60px;	
}

#contactUs input, textarea
{
	border:#2e2e2e 1px solid !important;
	margin-bottom:12px;
	color:#2e2e2e !important;
	padding:10px;
	box-shadow:none !important;
	width:80%;
	float:left;
}

.formreturn p
{
	margin-top:-10px;
	margin-bottom:10px;
	color:#5e929a;
}
::-webkit-input-placeholder {
   text-transform:uppercase; 
}

:-moz-placeholder { /* Firefox 18- */
   text-transform:uppercase;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-transform:uppercase;   
}

:-ms-input-placeholder {  
	text-transform:uppercase; 
}

#contact p a
{
	color:#2e2e2e;
	text-decoration:none;
}

#contact p a:hover
{
	color:#2e2e2e;
	text-decoration:underline;
}

#contactUs button
{
	background-color:#2e2e2e !important;
	color:#fff !important;
	border-color:white !important;
	padding:10px 30px 10px 30px !important;
	margin-right:20%;
	display:block !important;	
	border:1px solid #fff !important;
	border-radius:0 !important;
}

#contactUs button:hover
{
	color:#2e2e2e !important;
	background-color:transparent !important;
	border-color:#2e2e2e !important;
}

/* SERVICE */

#services
{
	padding-top:60px;
	padding-bottom:60px;
	background-color:#2e2e2e;
	margin-top:60px;
}

.three p
{
	text-align:left !important;	
}

#services img
{
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
	display:block;	
}

#services h2
{
	color:#afe0e8 !important;
	padding-bottom:10px !important;
}

#services h2, #services h3, #services h5, #services h6,  #services p
{
	text-align:center;
	color:white;	
}

#services button h6
{
	color:#2e2e2e;
}

#services button:hover h6
{
	color:#fff;
}

#services button
{
	margin-top:20px;
	background-color:#afe0e8 !important;
	color:#2e2e2e !important;
	padding:5px 30px 5px 30px !important;
	margin-right:auto !important;
	margin-left:auto !important;
	display:block !important;	
	border:2px solid #afe0e8 !important;
	border-radius:0 !important;
	margin-bottom:10px;
}

#services button:hover
{
	color:#fff !important;
	border-color:#fff !important;
	background-color:#2e2e2e !important;
}

#services .well h5, #services .well p
{
	color:#2e2e2e !important;	
}


/* SPECIALS */

#specials
{
	padding-top:60px;	
}

#specials h2
{
	padding-bottom:8px !important;	
}

#specials h2, #specials p, #specials h4, #specials h5
{
	text-align:center;	
}

.bg
{
	padding:20px;
}

.special
{
	border:2px solid #AFE0E8;
	padding:30px;	
}


#specials button h6
{
	color:#2e2e2e;
}

#specials button:hover h6
{
	color:#fff;
}

#specials button
{
	margin-top:20px;
	background-color:#afe0e8 !important;
	color:#2e2e2e !important;
	padding:5px 40px 5px 40px !important;
	margin-right:auto !important;
	margin-left:auto !important;
	display:block !important;	
	border:2px solid #afe0e8 !important;
	border-radius:0 !important;
	margin-bottom:10px;
}

#specials button:hover
{
	color:#fff !important;
	border-color:#2e2e2e !important;
	background-color:#2e2e2e !important;
}

/* TESTIMONIALS */

#testimonials
{
	margin-top:60px;	
}

#carousel-testimonials
{
	background-color:#568d96;
	padding:40px 40px 15px 40px;	
}

#carousel-testimonials h6
{
	color:#fff;
	font-family: 'robotomedium_italic';
	text-transform:none;
}

.testimonial-section-name h6
{
	font-family: 'robotoitalic' !important;
	text-align:right !important;
	padding-right:30px;
}

.carousel-indicators
{
	bottom:0 !important;	
}

/* TIPS */

#tips
{
	margin-top:60px;	
}

#tips h2
{
	text-align:center;	
}

#tips a h4
{
	color:#2e2e2e  !important;
	text-align:center;
	font-size:27px;
	padding-top:15px;
}

.lights img
{
	width:90%;
	margin-right:auto;
	margin-left:auto;
	display:block;	
}

/* FOOTER */

#footer
{
  	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-color:#2d2d2d;
  	width:100%;
	margin-top:60px;
	padding-top:30px;
}

#footer .button a
{
	background-color:transparent !important;
	color:#fff !important;
	width:150px;
	border-color:white !important;
	padding:5px 30px 5px 30px !important;
	margin-right:auto !important;
	margin-left:auto !important;
	display:block !important;	
	border:2px solid #fff !important;
	border-radius:0 !important;
}

#footer .button a:hover
{
	color:#afe0e8 !important;
	border-color:#afe0e8 !important;
}

.info
{
	padding-left:17%;	
	margin-top:30px;
	margin-bottom:30px;
	
}

.info p a
{
	color:#CCCCCC;
	text-decoration:none;
}

.info p a:hover
{
	color:#CCCCCC;
	text-decoration:underline;
}

.info p
{
	color:#CCCCCC;	
}

.info h6
{
	text-transform:uppercase;
	color:#afe0e8;
	font-family: 'robotobold';
}

.copyr
{
	padding:10px 10px 5px 10px !important;
	margin:0 !important;
	width:100%;
	background-color:#000;	
	bottom:0;
	color:#999999;
	text-align:center;
}


.2col b
{
	opacity: .4 !important;	
}

@media all and (max-width: 996px) 
{
	
	h1
	{
		font-size:60px;	
	}
	
	h2
	{
		font-size:34px;	
	}
	
	h3
	{
		font-size:30px;	
	}
}

@media all and (max-width: 768px) 
{
	#footer p, #footer h6
	{
		text-align:center;	
	}
	.info
	{
		padding:10px !important;
		margin-top:15px;	
		margin-bottom:15px;
	}
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-header
	{
		height:70px !important;	
	}
	.navbar-toggle
	{
		margin-top:20px !important;	
	}
	#tips img
	{
		margin-top:40px;
		width:70%;
	}
	.desc
	{
		width:60%;	
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
}

@media all and (max-width: 480px) 
{
	.desc
	{
		width:95%;	
	}
	
	h1
	{
		font-size:40px;	
		margin-top:40%;
	}
	
	#about, #contact, specials
	{
		padding-top:40px;
	}
	
	h2
	{
		text-align:center;	
	}
	
	#contact p
	{
		text-align:center;	
	}
	
	#about img
	{
		margin-right:auto;
		margin-left:auto;
		display:block;	
	}
	
	#contactUs input, textarea
	{
		margin-right:auto !important;
		margin-left:auto !important;
		display:block !important;
		float:none !important;	
	}
	
	#contactUs button
	{
	
		margin-right:auto !important;
		margin-left:auto !important;
	}

	section.module.parallax-1 
	{
		
		height:600px !important; 
	}
		
	
}

#printableArea1
{
	display:none;	
}

#printableArea2
{
	display:none;	
}