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

/*	ck yellow color: rgba(255,204,0,1);
	ck green color: rgba(0,154,0,1);
	ck gold color: rgba(217,189,102,1);
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,700italic,300,700);
@import url(http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext,400,700);



/* Media Queries ====================================================================================*/

@media screen and (min-width:1920px) {
	#page {
		max-width: 1920px;
		margin: 0 auto;
	}

}

@media screen and (max-width:1300px) {
	.borderm { border: 2px dashed blue !important; }
	.borderc { border: 2px solid cyan !important; }
	header div.hero {	width: 425px;	top: 150px; }
	header div.hero h1 {
		font-size: 1.8em;
		line-height: 1.05em;
		max-width: 450px;
	}

	section.quick-quote div.catch {
	float: none;
	display: block;
	position: relative;
	width: 625px;
	margin: 0 auto;
	padding-right: 10px;
	}

	section.quick-quote div.quote {
		display: block;
		float: none;
		margin: 0 auto;
	
	}

	a.btn{
		max-width: 200px;
		font-size: 1.2em;
		font-weight: 700;
		padding: 4px 15px;
		margin: 0 auto;
	}
	
	a.ex{
		padding: 6px 10px;
		font-size: 1.3em;
	}

}


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

	.borderm { border: 2px solid blue !important; }
	.borderc { border: 2px solid cyan !important; }
	header div.hero {	width: 425px;	top: 100px; }
	header div.hero h1 {
		font-size: 1.5em;
		line-height: 1.05em;
		max-width: 400px;
	}

	/* Services page */
	section.services .serve { 	padding-left:400px; background-size: 375px auto;}
	section.services .labor .tabs ul li {	width: 200px; text-align: center; }

}


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

	.borderm { border: 2px dashed green !important; }
	.borderc { border: 2px solid cyan !important; }

	h1{ font-size: 2.2em; }
	
	/* Header */
	header div.hero {	width: 425px;	top: 100px;}
	
	/* Section - easy-move */
	section.easy-move article{	padding-left: 400px; background-size: 375px auto; }

	/* Section - Pre-footer */
	section.foot aside .content.logo {
		background-size: 70%;
	}

}


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

	.borderm { border: 2px solid green !important; }
	.borderc { border: 2px solid cyan !important; }
	
	h1{ font-size: 2em; }
	h2 { font-size: 1.4em; }
	h3 { font-size: 1.1em; }
	a.btn { font-size: 1em; }
	
	/* Navigation */
	.navbar-default {
		height: 70px;
  		padding-left: 150px;
	}

	.nav.navbar-nav{ /* Adjust menu to fit in smaller nav */
		margin-top: -35px;
	}


	/* Header */
	header a.logo {	width: 145px; height: 60px;}
	header div.hero {	width: 300px; top: 30px; }
	a.btn{	max-width: 280px;}

	header div.content {
		margin-top: 0px;
		margin-right: 10px;
		width: 50%;
		height: 28px;
	}

	header div.content h1{
		display:inline-block;
		float: right;
		padding: 5px 10px 0 0;
		font-size: 1.15em;
	}

	header div.content a.facebook{
		margin: 5px 0px 5px 5px;
		width: 22px;
		height: 22px;
		background-size: 22px 22px;
	}

	header div.content a.instagram{
		margin: 5px 0px 5px 5px;
		width: 22px;
		height: 22px;
		background-size: 22px 22px;
	}

	/* update */

		header div.content a.linkedin{
			margin: 5px 0px 5px 5px;
			width: 22px;
			height: 22px;
			background-size: 22px 22px;
		}

		header div.content a.twitter{
			margin: 5px 0px 5px 5px;
			width: 22px;
			height: 22px;
			background-size: 22px 22px;
		}

		header div.content a.paypal{
			display:inline-block;
			float: right;
			margin: 5px -0px 5px 5px;
			height: 22;
			background-size: 75px 22px;
		}

	header div.content a.phone{
		margin: 8px 5px 10px 15px;
		width: 18px;
		height: 18px;
		background: url(../images/phone3b.png) no-repeat 2px 1px;
		background-size: 16px 16px;
	}

	/* Section - easy-move */
	section.easy-move article{	padding-left: 325px; background-size: 300px auto; }
	
	/* Section - How To */
	section.how-to blockquote p.quote {	font-size: 1.1em; line-height: 1.2em; }
	section.how-to blockquote p.credit {	font-size: .85em; }

	/* Services page */

	section.services { 	padding-top: 100px;	}

	section.services .serve { 	padding-left: 325px; background-size: 300px auto;}
	section.services .labor .tabs ul li {	width: 200px; text-align: center; }

	/* Contact Us Page */
	section.contact-us div.contact-window { 	margin-top: 80px;	}
	
	/* Testimonial Page */
	section.testimonials { 	padding-top: 100px;	}

	/* About Us Page */
	section.about-us { 	padding-top: 100px;	}

	/* Tips Page */
	section.tips { 	padding-top: 100px;	}

	/* FAQ Page */
	section.faq { 	padding-top: 100px;	}


	.navbar-default ul.nav.navbar-nav li a  { font-size: .8em;}
/*	.navbar-default ul.nav.navbar-nav li a.last { font-size: .75em; margin-right: 0px; padding-right: 0px;}*/

} 


@media screen and (max-width:767px) {
	.borderm { border: 1px solid magenta !important; }
	.borderc { border: 1px solid cyan !important; }
	
	h1 { font-size: 1.8em; }
	h2 { font-size: 1.4em; }
	h3 { font-size: 1.1em; }
	a.btn { font-size: 1em; }
	
	/* Navigation */
	button.navbar-toggle.collapsed{
		margin-top: -3px;
		margin-right: 15px;
	}

	button.navbar-toggle {
		margin-top: -3px;
		margin-right: 15px;
	}


	ul.nav.navbar-nav {
		padding-top: 35px;
	} 

	#collapsemenu ul { background-color: rgba(0,0,0,.65); }


	#collapsemenu ul > li > a { 
		margin-top:0;
		margin-bottom:0;
	}

	#collapsemenu ul > li > ul > li > a { 
		background-color: rgba(0,0,0,0); 
		width:85% !important; 
		margin-top:0;
		margin-bottom:0;
	}


	/* Header */
	header a.logo {	width: 145px; height: 60px;}
	header div.hero {	width: 300px; top: 0px; }
	a.btn{	max-width: 280px;}
	a.ex{ padding: 4px 15px; }
	
	header div.content {
		margin-top: 15px;
		margin-right: 80px;
		width: 60%;
		height: 40px;
	}

	header div.content h1{
		display:inline-block;
		float: right;
		padding: 5px 10px 0 0;
		font-size: 1.5em;
	}

	header div.content a.paypal{
		margin: 8px -0px 10px 10px;
		height: 25px;
		background-size: 75px 25px;
	}

	header div.content a.facebook{
		margin: 8px -0px 10px 10px;
		width: 25px;
		height: 25px;
		background-size: 25px 25px;
	}

	header div.content a.instagram{
		margin: 8px 0px 10px 10px;
		width: 25px;
		height: 25px;
		background: url(../images/instagram-icon.png) no-repeat 0 0;
		background-size: 25px 25px;
	}

	/* update */
	
		header div.content a.linkedin{
			margin: 8px -0px 10px 10px;
			width: 25px;
			height: 25px;
			background-size: 25px 25px;
		}

		header div.content a.twitter{
			margin: 8px -0px 10px 10px;
			width: 25px;
			height: 25px;
			background-size: 25px 25px;
		}

	header div.content a.phone{
		margin: 8px 8px 10px 20px;
		width: 26px;
		height: 26px;
		background: url(../images/phone3b.png) no-repeat 4px 2px;
		background-size: 20px 20px;
	}

	/* Section - Main */
	section.main {	margin-top: 10px; margin-bottom: 10px; }
	section.main aside div.content {	background-size: 55px 55px; padding-top: 60px; }
	
	/* Section - How To */
	section.how-to aside div.content img {width: 85%; } 
	
	/* Navigation */
	nav {	position: static; 	width: auto;	padding: 20px 15px;	background-color: #4b0a0c;}
	
	nav #collapsemenu {
		border:none;
		margin-top: 11px;
	}


	nav #collapsemenu ul,
	nav #collapsemenu ul li a,
	nav #collapsemenu ul li ul li a {
		display: block;
		position: static;
		width: 100%;	
		border: none;	
	}
	
	nav #collapsemenu ul li ul li a:hover {
		background-color: rgba(0,0,0,.3);
		padding-bottom: 3px;
	}


	nav > ul {	padding: 0;}
	nav > ul > li {	float: none;	margin-top: 25px; }
	
	nav #collapsemenu ul li:hover {	
		background-color: rgba(0,0,0,.5);
	}
	
	nav ul li a {
		width: auto;
		display: block;
		margin: 8px 10px;
		padding: 8px 15px;
		
	}
	
	nav ul li a:hover {
		background-color: rgba(0,0,0,.2);
	}
	
	nav ul ul {	background: none; }
	
	nav ul ul li a {	margin-left: 30px; }
	
	nav ul ul ul li a {	margin-left: 60px; }
	
	nav a[aria-haspopup="true"]::after {display: none; }


	/* Section - quick-quote */

	section.quick-quote div.catch {
		width: 100%;
	}

	section.quick-quote div.quote {
		width: 100%;
	}

	section.quick-quote div.quote span .textbox {

	}

	section.quick-quote div.quote span .textbox.zip {
		display: block;
		width: 100%;
		margin: 8px auto;
	}


	section.quick-quote div.quote span .textbox.zip.to {
		display: block;
		width: 100%;
		margin: 8px auto;
		margin-bottom: 0;
	}

	section.quick-quote div.quote span .selectbox {
		display: block;
		width: 100%;
		margin: 8px auto;
	}

	section.quick-quote div.quote .date-holder {
		display: block;
		width: 100%;
		margin: 8px auto;
		-webkit-appearance: none;
  		-moz-appearance: none;
	}

	.selectline {
		padding: 0px;
		margin: 0px;
	}

	section.quick-quote div.quote div.selectline div.captchabox {
		display: block;
		float: none;
		width: 302px;
		margin: 0px auto;	
		margin-bottom: 10px;
	}

	section.quick-quote div.quote .btn500 {
		display: block;
		width: 100%;
		min-height: 76px;
		margin: 10px auto;
	}

	/* Services page */
	section.services .serve { 	
		padding: 200px 20px 0px 0px; 
		background-position: left 5px;
		background-size: 400px auto; 
		min-height: initial;
	}

	section.services .labor .tabs ul li {	width: 200px; text-align: center; }



}


@media screen and (max-width:655px) {	
	.borderm { border: 1px dashed red !important; }
	.borderc { border: 1px dashed cyan !important; }

		/* Header */
		a.btn{	max-width: 280px;}
		a.ex{ padding: 4px 15px; }

		header div.content a.facebook{
			margin: 10px 0px 5px 5px;
			width: 23px;
			height: 23px;
			background-size: 23px 23px;
		}

		header div.content a.instagram{
			margin: 10px 0px 5px 5px;
			width: 23px;
			height: 23px;
			background-size: 23px 23px;
		}

		/* update */
		
			header div.content a.linkedin{
					margin: 10px 0px 5px 5px;
			width: 23px;
			height: 23px;
			background-size: 23px 23px;
			}

			header div.content a.twitter{
					margin: 10px 0px 5px 5px;
			width: 23px;
			height: 23px;
			background-size: 23px 23px;
			}

}

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

	.borderm { border: 1px dashed magenta !important; }
	.borderc { border: 1px dashed cyan !important; }

	h1 { font-size: 1em; }
	h3 { margin-bottom: 0px; }
	a.btn { font-size: .9em; }
	#bk-img { display: none; }
	
	/* Header */
	header a.logo {	margin-top: -10px; }
	header div.hero {	display: none;}
	header a.btn {display: none; }

	header div.content {
		margin-top: 10px;
		margin-right: 80px;
		width: 60%;
		height: 28px;
	}

	header div.content h1 {
		display:inline-block;
		float: right;
		padding: 5px 10px 0 0;
		font-size: 1.15em;
	}

	header div.content a.paypal{
		margin: 5px -0px 5px 5px;
		height: 23px;
		background-size: 75px 23px;
	}

	header div.content a.facebook {
		margin: 5px 0px 5px 5px;
		width: 23px;
		height: 23px;
		background-size: 23px 23px;
	}

	header div.content a.instagram {
		margin: 5px 0px 5px 5px;
		width: 23px;
		height: 23px;
		background-size: 23px 23px;
	}

		/* update */
	
			header div.content a.linkedin{
				margin: 5px 0px 5px 5px;
			width: 23px;
			height: 23px;
			background-size: 23px 23px;
			}

			header div.content a.twitter{
				margin: 5px 0px 5px 5px;
				width: 23px;
				height: 23px;
				background-size: 23px 23px;
			}


	header div.content a.phone {
		margin: 8px 5px 10px 15px;
		width: 18px;
		height: 18px;
		background: url(../images/phone3b.png) no-repeat 2px 1px;
		background-size: 16px 16px;
	}

	
	/* Section - Main */
	
	section.main {	padding-top: 70px;	}
	
	section.main .wrapper{
	}

	section.main aside {display: block; width: 100%;	float: none;	text-align: left; }
	section.main aside div.content {
		margin: 8px 20px 8px 0;
		padding: 5px 0px 10px 85px;
		background-size: 50px 50px;
		background-position: 20px 5px;
	}
	
	/* Section - easy-move */
	
	section.easy-move article {	padding: 160px 20px 0px 0px;	background-size: 300px auto; min-height: initial; }
	
	/* Section - How-to */
	
	section.how-to aside {	width: 100%;	float: none;	margin: 0;	position: relative; }
	section.how-to aside div.content {	padding: 20px 20px 20px 150px;	}
	section.how-to aside div.content p {	font-size: .9em; }
	section.how-to aside div.content img {
		display: inline-block;
		width: 125px;
		position: absolute;
		top: 30px; left: 0px;
	}
	
	section.how-to blockquote {	
		margin: 0 20px 0 40px;
		width: 90%;
		padding: 1px 0px 20px 0px;
		position: relative;
	}
	
	section.how-to blockquote p.credit {	margin-bottom: 0; }
	
	
	/* Navigation */
	
	.navbar-default {
		margin: -10px 0 0 0;
		background-color: rgba(0,0,0,.65);
	}
	
	/* Section - Pre Footer */
	
	section.foot aside .content.logo h3 {
		display: block;
		width: 100%;
		margin: 0px;
		float: none;	
	}

	section.foot aside .content.logo {	background-size: 40% auto; }

	section.foot aside .content.social {
		margin: 0px;
		margin-top: 50px;
		width: 100%;
		text-align: center;
	}

	section.foot aside .content.social a.instagram {
		margin-right: 10px;

	}


	/*section.main aside .content.stars {	background-image: url(../images/star2.svg);}*/

	section.foot {	padding-top: 30px;	}
	section.foot aside {	width: 100%;	float: none; }
	
	/* Footer */
	
	footer div.content {	display: block; 	margin-top: 15px; }
	
	footer div.content a {	margin: 0 20px 0 0; }

	/* CONTACT PAGE ====================================================================================*/

	section.contact-us div.contact-window {
		width: 100%;
		margin: 70px auto;
	}

	section.contact-us div.contact-window h1 { font-size: 2em; padding-left: 0px;}
	section.contact-us div.contact-window span .textbox { width: 100%; margin-left: 0px;	}
	section.contact-us div.contact-window span .textareabox { width: 100%;	margin-left: 0px; }

	section.contact-us div.contact-window div.captchabox {
		display: inline-block;
		margin: 6px 10px 10px 0px;
		width: 100%;
	}

	section.contact-us div.contact-window .btn500 {
		display: block;
		clear: right;
		width: 100%;
		height: 50px;
		margin: 10px auto;
		font-size: 1.3em;
	}

	/* CONTENT PAGES: TESTIMONIAL - ABOUT - SERVICES  ====================================================================================*/

	section.content-page h2 {}

	section.content-page h3 { }

	.window { width:100%;}

	.window p.upper {padding: 10px 10px 0px 0px;	}

	.window h1 { padding-left: 0px; 	}


	/* Services Page */
	section.services { 	padding-top: 90px;	}
	
	section.services .service {  margin: 0; width:100%; padding-left: 0px }
	section.services .service .serve {  margin: 0; width:100%; }
	section.services .area .tabs li {	width: 145px; text-align: center; }	

	/* Contact Us Page */
	section.contact-us div.contact-window { 	margin-top: 70px;	}
	
	/* Testimonial Page */
	section.testimonials { 	padding-top: 90px;	}
	
	/* About Us Page */
	section.about-us { 	padding-top: 90px;	}
	section.about-us .content img {width: 100%; }
	section.about-us .about {width: 100%; padding-left: 0px;}

	/* Tips Page */
	section.tips { 	padding-top: 90px;	}

	/* FAQ Page */
	section.faq { 	padding-top: 90px;	}
	
}
	
@media screen and (max-width:550px) {

	header div.content a.instagram { display: none;}

		/* update */
	
			header div.content a.linkedin{ display: none;}

}


@media screen and (max-width:486px) {
	
	header div.content {
		margin-top: 12px;
		margin-right: 80px;
		width: 45%;
		height: 28px;
		/*border: 1px solid magenta; */
	}

	header div.content h1{
		padding: 5px 0px 0 0;
		font-size: .85em;
	}

	header div.content a.facebook{
		margin: 4px 0px 5px 5px;
		width: 18px;
		height: 18px;
		background-size: 18px 18px;
	}

	header div.content a.twitter{
		margin: 4px 5px 5px 3px;
		width: 18px;
		height: 18px;
		background-size: 18px 18px;
	}

	header div.content a.phone{
		display: none;
	}

	section.services .offerings {	background-size: 100% auto; }
	section.services .labor { 	background-size: 100% auto; }
	section.services .area {	background-size: 100% auto; }
	section.services .payment {	background-size: 100% auto; }
	section.services .terms {	background-size: 100% auto; }
	
	.services article.serve ul { margin-top: 0px; }

	.borderm { border: 1px dotted magenta !important; }
	.borderc { border: 1px dotted cyan !important; }

}


@media screen and (max-width:425px) {
	
	/* Header */
	
	header a.logo {width: 110px;}

	header div.content {
		margin-top: 12px;
		margin-right: 80px;
		width: 45%;
		height: 28px;
		/*border: 1px solid magenta; */
	}

	header div.content h1{
		padding: 5px 0px 0 0;
		font-size: .85em;
	}

	header div.content a.facebook{
		margin: 4px 0px 5px 5px;
		width: 18px;
		height: 18px;
		background-size: 18px 18px;
	}

	header div.content a.instagram{
		margin: 4px 5px 5px 3px;
		width: 18px;
		height: 18px;
		background-size: 18px 18px;
	}

	header div.content a.phone{
		display: none;
	}

		
	nav #collapsemenu {
		min-width: 250px;
	}


	header div.hero {	width: 100%;	left: 0px;	top: 46px;	text-align: center; }
	
	header div.hero h1 {	font-size: 1em;	margin-bottom: 10px; }
	
	header div.hero a.btn {	padding: 2px 30px; font-size: .8em; }
	
	header div.hero a.btn span {	display: none; }



	
	/* Section - How To */
	
	section.how-to aside div.content {	padding: 140px 20px 20px 0px; }
	
	section.how-to aside div.content img {	width: auto;	height: 100px;	top: 30px; }
	
	section.how-to blockquote { margin: 10px 40px 0 20px; }
	

	/* Section - Pre-Footer */

	section.foot aside .content.logo {	background-size: 60% auto; }


	/* Footer */
	
	footer::after {	content:''; 	display: block;	clear: both; }
	
	footer div.content a { 
		display: inline-block;	margin: 0 0 10px 0;
		float: left;
		clear: both;
	}
	

	/* Services page */

	section.services .serve { 	
		background-position: left 5px;
		padding-top: 170px; 
	}

	/* About Us page */
	.carousel-indicators{ display: none; }

	/* Testimonial page */
	.testimonials .window {padding-right: 0px !important; }
	.testimonials p.upper {width: 100%; }
	.testimonials .attest {width: 100% !important; margin-left: 0px !important; margin-right: 0px !important;}

	.borderm { border: 1px solid magenta !important; }
	.borderc { border: 1px solid cyan !important; }

}

@media screen and (max-width:370px) {
	
	/* Header */
	header a.logo {width: 90px; }

	header div.content {
		margin-top: 12px;
		margin-right: 80px;
		width: 45%;
		height: 28px;
	}

	header div.content h1{
		padding: 5px 0px 0 0;
		font-size: .85em;
	}

	header div.content a.facebook{ display: none; }
	header div.content a.twitter {display: none; }
	header div.content a.phone{	display: none; }

	/* Section - easy-move */
	
	section.easy-move article {	background-size: 100% auto; min-height: initial; }
	
	section.services .serve {	padding-top: 140px; 	}

	.borderm { border: 1px dashed red !important; }
	.borderc { border: 1px dashed red !important; }

	section.quick-quote div.quote div.selectline div.captchabox,
	section.contact-us div.contact-window div.captchabox .g-recaptcha
	{
		margin-left: -20px;
	}

	


}