@charset "utf-8";

/* CSS Document */

@media only screen and (max-width: 1215px){
	#nav ul li{
		margin:0;
	}
	#nav ul > li a{
		font-size:14px;
		padding:5px;
	}
}
@media only screen and (max-width: 1034px){
	#fullwidth .slide{
		/*height:auto;*/
	}
	#fullwidth .slide .caption img{
		width:100%;	
	}
	#fullwidth .slide > img{
		width:auto;
		height:100%;	
	}
	#featured-nav{
		margin-top:10px;
	}
	#featured-nav .col2{
		text-align:center;	
	}			
	#featured-nav .col2 li{
		width:45% !important;
		display:inline-block;
	}
	#featured-nav .col2 li:last-child .butt2{
		margin:0 !important;	
	}
	#locationnav {
		display:none;		
	}
}

@media only screen and (max-width: 1034px){
	body[page=contact-us] #body{
		padding:0;	
	}
	#header{
		height:auto;
		position:relative;
		padding:0;
		background-size: auto 100%;
		padding-bottom:10px;
		background:#1d4e81;
	}
	#header > .wrapper{
		height:auto;
		overflow:inherit;
	}
	#header #logo,
	#topnav #callus,
	#header #social-links,
	#header #offer2,
	#quote-cont,
	#owner-photo{
		float:none;
		margin:auto;
		/*padding:0 10px;*/
		text-align:center;
	}
	#header #offer2 h2{
		margin:0;
	}
	#topnav #callus{
		display:none;
		margin-bottom:20px;	
	}
	#header #logo{
		padding-top:60px;
		position:relative;
	}
		#header #logo img{
			padding-left:0px;
			/*
			max-width:250px;
			width:40%;
			*/
		}
	#header #nav a{
		padding:5px;
		/*
		padding-top:0;
		padding-bottom:5px;
		*/
	}
		#header #nav > li:first-child a{
			padding: 5px 0 10px 5px;
		}
		#header #nav > li:last-child a{
			padding-bottom:15px;
		}
	#header #social-links{
		text-align:center;
		margin-top:0;
	}
	#header #social-links a{
		display:inline-block;
	}

	.notmobile{
		display:none;	
	}
	#footer ul.col2 li,
	#footer .col2 li:last-child{
		width:100%;
		text-align:center;
	}
	ul.col2.alt > li,
	ul.col2.alt > li:first-child,
	ul.col2.alt > li:last-child{
		width:50%;
	}
	.section > .wrapper > .padding{
		padding:20px;	
	}
	
	.section.heading.alt{
		text-align:center;	
	}
	.section.heading.alt img{
		margin:0;
		float:none;
	}
	
	ul.col5#specials > li:nth-child(3){
		display:none;
	}
	
	ul.col4#specials > li,
	ul.col5#specials > li{
		height:auto;
		width:25%;
		vertical-align:top;
	}
	ul.col4#specials > li:hover,
	ul.col5#specials > li:hover{
		transition: none;
		background:none;
	}
		ul.col4#specials > li:hover h2,
		ul.col4#specials > li:hover a p,
		ul.col5#specials > li:hover h2,
		ul.col5#specials > li:hover a p{
			color:inherit;
		}
		ul.col4#specials > li:hover img,
		ul.col5#specials > li:hover img{
			visibility:inherit;
		}
		ul.col4#specials > li:hover a,
		ul.col5#specials > li:hover a{
			transition: none;
			margin-top: inherit;
		}
	.section.heading{
		padding:5px;
		background:#1d4e81;
	}
	.section.heading h3,
	.section.heading h1{
		font-size:18px;	
		font-weight:normal;
		font-family:'Open Sans Bold', sans-serif;
	}

	#topnav{
		display:none;
	}
	
	#mobilemenu{
		display:block;
		padding:10px 0;
		text-align:right;
		background:#f55e90;
		background:#111;
		color:#FFF;
		font-weight:bolder;
		letter-spacing:2px;
		cursor:pointer;
		border-bottom: 3px solid #1d4e81;
		position:fixed;
		top:0;
		width:100%;
		z-index:6001;
		
	}
		#mobilemenu .mobilemenubutton{
			margin-right:10px;	
		}
	#header #nav{
		position:fixed;
		padding:0;
		top:0;
		
		display:none;

		width:100%;

		/*

		background:#ffdae6;

		background:#222;

		*/

		margin-bottom:0;

		margin-top:47px;
		z-index:6000;

	}

		#header #nav ul li{

			border-bottom:1px solid rgba(255,255,255,0.1);	

		}

		#header #nav ul:not(.sub_menu) > li.selected > a{

			color:#FFF !important;

		}

		#header #nav ul:not(.sub_menu) li{

			display:block !important;

			/*padding-bottom:10px;*/

			font-size:20px;

			text-align:left;

			background:rgba(0, 0, 0, 0.9);

		}

			#header #nav ul:not(.sub_menu) li a{

				font-size:20px;

				color:#FFF;

				padding-left:10px;

			}

			#header #nav ul li:hover{

			}

		#header #nav ul:not(.sub_menu) > li:not(.selected):nth-child(2n+2) a{

			/*background:#000;*/

		}

		.sub_menu{

			width:auto !important;

			visibility:visible !important;

			position:relative !important;

			box-shadow:none !important;

			border:0 !important;

			background:none !important;

			padding-bottom:10px !important;

		}

			.sub_menu li{

				height:auto !important;

				border:0 !important;

				padding:0 !important;

				display:block !important;

				background:none !important;

				/*margin-top:-20px !important;*/

			}

			.sub_menu li a{

				margin-bottom:0 !important;

				padding-bottom:0 !important;

				padding:5px 20px !important;

				text-align:left !important;

				color:rgba(255,255,255,0.8) !important;

			}

				.sub_menu li.selected a{

					/*

					background-color:rgba(0, 0, 0, 0.8) !important;

					color:#FFF !important;

					*/

				}

				

	#quote-cont{

	}
	.testimonial > div{
		width:90%;
	}
}
@media only screen and (max-width: 960px){
	ul.col4#specials li a{
		padding:20px 10px;
	}
}
@media only screen and (max-width: 815px){
	.gallery{
		text-align:center;
	}
	#body_body .wrapper > .col2.alt .padding{

		padding:20px;	

	}

	ul.col2.alt > li,

	ul.col2.alt > li:first-child,

	ul.col2.alt > li:last-child,

	ul.col2.alt2 > li,

	ul.col2.alt2 > li:first-child,

	ul.col2.alt2 > li:last-child{

		width:100%;

	}

	ul.col2 > li > .padding{

		padding:0;

	}

	ul.col2 > li:nth-child(2) > .padding{

		padding-top:10px;	

	}

	ul.col3 > li:nth-child(2) ul.bullet,
	ul.col3 > li:nth-child(3) ul.bullet{
		float:none;
		display:block;
	}
	
	ul.col4:not(#specials){
		margin:0;
		padding:0;
	}
	ul.col4:not(#specials) > li{
		width:100%;
		float:none;
	}
	
	ul.col4#specials > li{
		width:49%;
		float:none;
		display:inline-block;
	}
	ul.col4#specials > li a{
		padding:20px;
	}
	ul.col4#specials > li:nth-child(2){
		box-shadow:none;	
	}
	ul.col4#specials > li:nth-child(1),
	ul.col4#specials > li:nth-child(2){
		border-bottom:1px solid rgba(0,0,0,0.1);	
	}
	

	#footer .col.col4 li:nth-child(2n+1){
		background:rgba(0,0,0,0.25);	
	}
	#footer2{
		padding-top:0;	
	}
}

@media only screen and (max-width: 640px){
	ul.col3{
		margin:0;	
	}
	ul.col4 > li,
	ul.col3 > li,
	ul.col2 > li{

		width:100%;	

		float:none;
	}
	
	#footer .col li{
		text-align:center !important;
	}
	#footer .col.col3 li:nth-child(2){
		background:rgba(0,0,0,0.25);	
	}


	ul.col2 > li:nth-child(2) .padding{

		/*padding-top:0;*/

	}

	.thumb1.left,

	.thumb1.right{

		float:none;

		margin:0;

		margin-bottom:10px;
	}
	.section .image .wrapper > div{
		width:auto;
		padding:0px 20px;
	}
	.section > .wrapper > .padding{
		padding:20px;
	}
	.parallax .padding{
		padding:20px;
		/*background-attachment:local;*/

	}
	
	.fullwidth h4{
		font-size:3vw;
		line-height:3vw;
	}

	ul.col4#specials > li {
		width:45%;
	}
	.mobile-view{
		display:block;
	}
	#footer{
		position:relative;	
	}
	

	#header{
		padding:0;
	}
	#testimonials .padding{
		padding:5px;
	}
	#testimonials .testimonial{
		padding:0;	
	}
	
	h1,
	.section.heading h3{
		font-size:20px;	
	}
	
	#specials p,
	#specials .butt1{
		display:none !important;
	}
	
	#specials .round-image img{
		max-width:50px;
		height:50px;
	}
	#specials h2{
		font-size:12px !important;
		font-weight:bolder;
		margin:0 !important
	}
	
	ul.col4#specials > li{
		width:24%;
		border-bottom:0 !important;
	}
	ul.col4#specials > li:nth-child(2){
		box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1) !important;
	}
	ul.col4#specials > li a{
		padding:10px;	
	}
	
	.padding2,
	.padding3{
		padding:20px;
	}
}

@media only screen and (max-width: 550px){

	#callus{
		padding-top:10px !important;
	}
	#callus h2,
	#callus h3{
		font-weight:900;

		font-size:18px;	

		line-height:18px;

	}
	.parallax.fullscreen h3,
	.parallax h3.big{
		font-size:30px;
		line-height:30px;
	}
	.parallax.fullscreen h2,
	.parallax h2{
		font-size:20px;
		line-height:20px;
	}
}
@media only screen and (max-width: 480px){
	#photo_uploader li{
		padding-bottom:30px !important;	
	}
	.text_group span{
		margin:0;
	}
	/*
	ul.col4#specials > li:nth-child(2n){
		background:rgb(250,250,250);
		border-top:1px solid rgb(240,240,240);
		border-bottom:1px solid rgb(240,240,240);
	}
	*/
	/*
	.call-to-action{
		display:block;	
	}
	*/

			
}

@media only screen and (max-width: 410px){
	#callus h2, #callus h3{
		font-size:14px;	
		line-height:14px;
	}
	h2{
		text-shadow:none;	
	}
	ul.col4#specials{
		text-align:center;
		padding:20px 0;
	}
	ul.col4#specials > li{
		width:45%;
		box-shadow:none;
		border-bottom:0;
	}
	ul.col4#specials > li:nth-child(2){
		box-shadow:none !important;	
	}
	ul.col4#specials > li a,
	ul.col4#specials > li:hover a{
		margin:5px;
		padding:20px;
		background:rgba(0,0,0,0.05);
		box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05);
		border-radius:10px;
	}
	.gallery a{
		margin:2px;
		width:100%;
		background:none;
	}
}
@media only screen and (max-width: 320px){
	ul.col4#specials{
		text-align:center;
		padding:0;
	}
	ul.col4#specials > li a,
	ul.col4#specials > li:hover a{
		padding:10px;
	}
}