@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;	
	}

	body[page=contact-us] #body{
		padding:0;	
	}
	#header{
		height:auto;
		position:relative;
		padding:0;
		background-size: auto 100%;
		padding-bottom:10px;
		background:#111;
	}
	#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{
			/*
			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.col3#specials > li,
	ul.col5#specials > li{
		height:auto;
		width:32%;
		vertical-align:top;
	}
	ul.col3#specials > li:hover,
	ul.col5#specials > li:hover{
		transition: none;
		background:none;
	}
		ul.col3#specials > li:hover h2,
		ul.col3#specials > li:hover a p,
		ul.col5#specials > li:hover h2,
		ul.col5#specials > li:hover a p{
			color:inherit;
		}
		ul.col3#specials > li:hover img,
		ul.col5#specials > li:hover img{
			visibility:inherit;
		}
		ul.col3#specials > li:hover a,
		ul.col5#specials > li:hover a{
			transition: none;
			margin-top: inherit;
		}
	.section.heading{
		padding:5px;
		background:#111;
	}
	.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:left;
		background:#f55e90;
		background:#111;
		color:#FFF;
		font-weight:bolder;
		letter-spacing:2px;
		cursor:pointer;
		border-bottom: 3px solid #B10815;
		position:fixed;
		top:0;
		width:100%;
		z-index:6001;
	}
		#mobilemenu .mobilemenubutton{
			margin-right:10px;	
		}
		
	#mobilemenu-bottom{
		display:table;
		position:fixed;
		bottom:0;
		width:100%;
		z-index:6001;
		background:#cf000f;
	}
		#mobilemenu-bottom a{
			padding:8px 0;
			margin:0;
			width:33%;
			display:table-cell;
			color:#FFF;
			text-align:center;
			letter-spacing:1px;
			font-weight:bolder;
			font-family:'Open Sans Bold';
			
			cursor:pointer;
			text-shadow:1px 1px 4px rgba(0,0,0,0.8);
		}
			#mobilemenu-bottom a:hover{
				background:#111;	
			}
			#mobilemenu-bottom a:nth-child(2){
				box-shadow:
							-1px 0 0 rgba(255,255,255,0.25),
							inset -1px 0 0 rgba(255,255,255,0.25),
							1px 0 0 rgba(0,0,0,0.25),
							inset 1px 0 0 rgba(0,0,0,0.25)
							;
			}
		
	#header #nav{
		position:fixed;
		padding:0;
		top:0;
		display:none;
		width:100%;
		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;
			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;
			}

		.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;
			}

				

	#quote-cont{

	}
	.testimonial > div{
		width:auto;
	}
	#footer{
		position:relative !important;	
	}
	body{
		margin-bottom:50px !important;
	}
	
	/** TWO LOCATIONS **/
	/*
	#mobilemenu .left {
		font-size: 12px;
		margin-top: -5px;
		margin-left: 10px;
	}
	#mobilemenu .left img {
		display: none;
	}
	*/
	/** /TWO LOCATIONS **/
}
@media only screen and (max-width: 960px){
	ul.col3#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.col3#specials > li{
		width:32%;
		float:none;
		display:inline-block;
	}
	ul.col3#specials > li a{
		padding:20px;
	}
	ul.col3#specials > li:nth-child(2){
		box-shadow:none;	
	}
	ul.col3#specials > li:nth-child(1),
	ul.col3#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.col3#specials > li {
		width:32%;
	}
	.mobile-view{
		display:block;
	}

	

	#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.col3#specials > li{
		width:32%;
		border-bottom:0 !important;
	}
	ul.col3#specials > li:nth-child(2){
		box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1) !important;
	}
	ul.col3#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;
	}	
}

@media only screen and (max-width: 410px){
	#callus h2, #callus h3{
		font-size:14px;	
		line-height:14px;
	}
	h2{
		text-shadow:none;	
	}
	ul.col3#specials{
		text-align:center;
		padding:20px 0;
	}
	ul.col3#specials > li{
		width:32%;
		box-shadow:none;
		border-bottom:0;
	}
	ul.col3#specials > li:nth-child(2){
		box-shadow:none !important;	
	}
	ul.col3#specials > li a,
	ul.col3#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.col3#specials{
		text-align:center;
		padding:0;
	}
	ul.col3#specials > li a,
	ul.col3#specials > li:hover a{
		padding:10px;
	}
}