@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;	
	}
	#location {
		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:#fff;
	}
	#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.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:#cd9934;
	}
	.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 #45adec;
		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: 1024px){
	#hometext{
		top:10px;	
	}
}
@media only screen and (max-width: 960px){
	ul.col4#specials li a{
		padding:20px 10px;
	}
}

@media only screen and (max-width: 865px){
	.section.alt .wrapper .padding h3 {
		font-size: 4vw;
		line-height: 7vh;
		color: #cd9934;
		text-shadow: rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(0, 0, 0) 3px 3px 5px;
		transform: scale(1);
		opacity: 1;
	}
} 
@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: 768px){
	
	#hometext #hometext-peek{
		width: 60%;
	}
	#hometext h3 {
    	font-size: 20px;
	}
	
	#hometext ol.fa-ul {
    	font-size: 16px;
	}
	
}
@media only screen and (max-width: 665px){
	.section.alt .wrapper .padding h3 {
		font-size: 5vw;
		line-height: 7vh;
		color: #cd9934;
		text-shadow: rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(0, 0, 0) 3px 3px 5px;
		transform: scale(1);
		opacity: 1;
	}
}


@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: 515px){
	.section.alt .wrapper .padding h3 {
		font-size: 6vw;
		line-height: 7vh;
		color: #cd9934;
		text-shadow: rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(0, 0, 0) 3px 3px 5px;
		transform: scale(1);
		opacity: 1;
	}
} 
@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: 425px){
	#hometext{
		top:5px;
	}
	#hometext #hometext-peek{
		padding:0;
		width: auto;
	}
	#hometext h3 {
    	font-size: 18px;
	}
	
	#hometext ol.fa-ul {
    	font-size: 16px;
	}
	
}


@media only screen and (max-width: 415px){
	.section.alt .wrapper .padding h3 {
		font-size: 8vw;
		line-height: 7vh;
		color: #cd9934;
		text-shadow: rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(0, 0, 0) 3px 3px 5px;
		transform: scale(1);
		opacity: 1;
	}
} 

@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;
	}
}
@media only screen and (max-width: 300px) {
.section.alt .wrapper .padding h3 {
    font-size: 10vw;
    line-height: 7vh;
    color: #cd9934;
    text-shadow: rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(255, 255, 255) 0px 0px 3px, rgb(0, 0, 0) 3px 3px 5px;
    transform: scale(1);
    opacity: 1;
}