@charset "utf-8";

/* CSS Document */



body, h1, h2, h3, h4, h5, h6, p, ul, li, a, img, form, input, textarea {margin:0; padding:0;}



img, textarea {border:none;}



a {text-decoration:none;}



.clear {clear:both;}



.call, .invisible, #mobile {display:none}



html {-webkit-text-size-adjust:none;}



body {background:url(../images/background.jpg) repeat-y top center; background-color:#000; font-family:Arial, Helvetica, sans-serif}



#wrapper {width:1000px; margin:45px auto 0 auto}

#captcha {text-transform: lowercase}



#top {width:1000px; height:299px; background:url(../images/top.png) no-repeat} 



#interior {width:1000px; background:url(../images/interior.png) repeat-y}



.top-left {width:294px; float:left; margin:150px 0 0 50px}



.top-left p {float:left; font-size:14px; color:#1d1c1c; line-height:20px}



.top-left .social {float:left; clear:left; margin:5px 0 0 0}



.top-left .social img {float:none; margin:0 2px 0 0}



.advisor {float:left}



.top-middle {float:left; width:319px; margin:40px 0 0 0}



.top-right {width:303px; float:left; margin:120px 0 0 20px}



.top-right h2 {font-size:16px; color:#1d1c1c; font-weight:100}



.top-right p {width:232px; height:37px; background:url(../images/phone.png) no-repeat; text-indent:-9999px; margin:5px 0 0 0}



.top-right h3 {width:225px; height:20px; background:url(../images/free-estimates.png) no-repeat; text-indent:-9999px; margin:5px 0 0 3px}



#header {width:973px; height:401px; background:url(../images/header.png) no-repeat; margin:-15px 0 0 13px}



#header p {width:206px; height:359px; background:url(../images/list.png) no-repeat; text-indent:-9999px; margin:25px 0 0 20px; float:left}



.video {width:395px; height:354px; float:left; margin:27px 0 0 20px}



.quick-contact {width:293px; height:477px; background:url(../images/quick-contact.png) no-repeat; float:left; margin:-50px 0 0 12px}

.quick-contact h3 {font-size:24px; color:#edebeb; font-family:Arial Black, Arial, Helvetica, sans-serif; text-align:center; padding:15px 0 }

.quick-contact label span {float:left; clear:left; margin:5px 0 0 28px; font-size:14px; color:#7a7575}

.quick-contact input {background:#fff; border:1px solid #c4c0c0; width:219px;padding:0.3em; float:left; clear:left; margin:3px 0 0 28px; font-size:13px; font-family:Arial, Helvetica, sans-serif} 

.quick-contact textarea {background:#fff; border:1px solid #c4c0c0; width:219px; height:60px;padding:0.3em; float:left; clear:left; margin:3px 0 0 28px ;font-size:13px; font-family:Arial, Helvetica, sans-serif} 

.quick-contact .submit {width:140px; height:36px; background:none; border:0; padding:0; margin:15px 0 0 32px}

.quick-contact .code {margin:7px 0 0 28px}




#content {width:980px; background:url(../images/content.png) repeat-y; margin:0 0 0 36px}



#left {width:656px; float:left; margin:0 0 0 7px}



#left h2 {color:#c30c13; font-size:17px; text-transform:uppercase; padding:15px 0 0 25px}



#left p {font-size:15px; color:#948c8c; padding:15px 25px 0 25px; line-height:23px}



#left h3 {font-size:16px; color:#362122; padding:15px 0 0 25px}



#left img {float:right; margin:20px 30px 0 40px;}



#left .phone {width:232px; height:37px; background:url(../images/phone.png) no-repeat; text-indent:-9999px; margin:10px 0 0 25px}

 

.bottom {width:656px; background:#dcdcdc; margin:15px 0 0 0; padding:0 0 15px 0; height:220px}



.bottom h4 {color:#c30c13; font-size:18px; padding:15px 0 0 0; text-align:center; text-transform:uppercase}



#left .bottom ul {float:left; font-size:16px; color:#948c8c; margin:15px 0 0 40px }



#left .bottom ul li {background:url(../images/arrow.png) no-repeat; list-style-type:none; padding:0 0 0 30px; margin:10px 0 0 0}



.bottom1 {width:669px; height:21px; background:url(../images/bottom.png) no-repeat; margin:0 0 0 36px}



#right {width:268px; float:left}



.coupon {width:268px; height:200px; background:url(../images/coupon.png) no-repeat; margin:30px 0 0 0; text-align:center; padding:1px 0 0 0}



.coupon h3 {width:103px; height:56px; background:url(../images/25.png) no-repeat; text-indent:-9999px; margin:15px 0 0 85px}



.coupon p {font-size:18px; color:#fff; text-transform:uppercase; padding:0 20px 0 20px}



#right h6 {font-size:10px; font-weight:100; padding:10px 0 0 0; color:#000; text-align:center}



.coupon + .coupon h3 {width:78px; height:52px; background:url(../images/0.png) no-repeat; text-indent:-9999px; margin:15px 0 5px 100px;}



.coupon + .coupon p {line-height:22px; font-size:15px; padding:15px 30px 0 30px}



.coupon h4 {font-size:15px; color:#362122; text-transform:uppercase; text-align:center; padding:7px 0 0 0}



.coupon  h5 {width:232px; height:37px; background:url(../images/phone.png) no-repeat; text-indent:-9999px; margin:10px 0 0 15px}



#bottom1 {width:1000px; height:420px; background:url(../images/bottom1.png) no-repeat; padding:10px 0 0 0}



.gallery {width:960px; height:201px; margin: 5px 0 0 40px}



.gallery img {float:left; margin:0 9px 0 0}



.gallery p a {width:457px; height:43px; display:block; outline:0; text-indent:-9999px; background:url(../images/view-full-site.png) no-repeat; float:left; clear:left; margin:3px 0 0 235px}



.footer p {font-size:12px; color:#787171; float:left; margin:20px 0 0 60px; line-height:20px}



.footer a {color:#fc2029}



.footer a:hover {color:#ff5158}



.footer p img {margin:5px 0 0 0}



.footer h1 {float:right; font-size:12px; font-weight:100; color:#787171;  margin:20px 60px 0 0; width:250px; text-align:right; line-height:18px}



.footer h2 img {float:left; margin:0 15px 0 0}



.footer h2 {float:left; clear:left; margin:50px 0 0 100px}

@media only screen and (max-width:480px) {
@-webkit-keyframes fade-in {

0% {

    opacity: 0;

}

60% {

    opacity: 0;

}

100% {

    opacity: 1;

}

}

		

		.fade-in {

			-webkit-animation: slide 1000ms ease-in;

		}

		

		.fade-in {

    -webkit-animation-name: reset, fade-in;

    -webkit-animation-duration: 1s;

    -webkit-animation-timing-function: ease-in;

    -webkit-animation-iteration-count: 1;

	-webkit-animation-delay: 0, 0;

}







#wrapper {width:300px; margin:45px auto 0 auto}



#top {width:300px; height:395px; background:url(../images/top-mobile.png) no-repeat}



.top-middle {display:none}



.top-middle#mobile {display:block}



.top-middle#mobile {float:none; width:300px; height:145px; margin:-30px 0 0 0;}



.top-middle#mobile img {width:200px; margin:0 0 0 55px}



.top-left {width:300px; float:none; margin:0 0 0 0px; text-align:center}



.top-left p {float:none}



.google {display:none}



.top-left .social {float:left; clear:left; margin:5px 0 0 60px}



.advisor {float:left; margin-left:10px;}



.top-right {width:243px; float:left; margin:10px 0 0 30px}



.top-right h2 {font-size:13px; text-align:center}



.call {display:block; margin:15px 0 0 70px}



#interior {width:300px; background:url(../images/interior-mobile.png) repeat-y}



#header {width:300px; margin:0; background:none; height:auto; padding:20px 0 0 0}



#header p {display:none}



.video {width:280px; height:271px; margin:0 0 0 10px; float:none;}



.video iframe {width:280px !important; height:251px !important;}

.video embed {width:280px !important; height:251px !important;}



.quick-contact {width:274px;  background:#ff2d35; float:none; margin:0 0 0 10px; border:3px solid #fff;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
 }

.quick-contact form {background:#edebeb; width:245px; margin:0 0 0 15px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
padding:0 0 20px 0
}

.quick-contact h3 {padding:7px 0 0 0}

.quick-contact label span {float:left; clear:left; margin:4px 0 0 10px; font-size:14px; color:#7a7575}

.quick-contact input {background:#fff; border:1px solid #c4c0c0; width:219px;padding:0.3em; float:left; clear:left; margin:3px 0 0 10px; font-size:13px; font-family:Arial, Helvetica, sans-serif} 

.quick-contact textarea {background:#fff; border:1px solid #c4c0c0; width:219px; height:80px;padding:0.3em; float:left; clear:left; margin:2px 0 0 10px ;font-size:13px; font-family:Arial, Helvetica, sans-serif} 

.quick-contact .submit {width:140px; height:36px; background:none; border:0; padding:0; margin:0 0 0 10px; float:none}




.invisible {display:none}



.quick-contact .invisible {padding:70px 74px 0 0; margin:-60px 0 0 0;}



#content {width:300px; background:none; margin:0}



#left {width:270px; float:none; margin:0 0 0 15px; background:none;}



.left { background:#c6c3c3; margin:20px 0 0 0;

	overflow:hidden;

	-webkit-transition: height 0.75s ease;

	-moz-transition: height 0.75s ease;

	transition: height 0.75s ease;

}







.bottom {width:270px; background:#c6c3c3; margin:15px 0 0 0; padding:0 0 15px 0;

	height:430px;

	overflow:hidden;

	-webkit-transition: height 0.75s ease;

	-moz-transition: height 0.75s ease;

	transition: height 0.75s ease;

}









#left h2 {color:#c30c13; font-size:16px; text-transform:uppercase; padding:0 10px 0 10px; text-align:center; margin:15px 0 0 0}



#left img {float:none; margin:-70px 0 0 10px; padding:90px 75px 0 0;}



#left p {font-size:15px; color:#605b5b; padding:15px 10px 0 10px; line-height:23px}



#left h3 {font-size:16px; color:#362122; padding:15px 0 0 10px}



#left .phone {width:232px; height:37px; background:url(../images/phone.png) no-repeat; text-indent:-9999px; margin:10px 0 0 10px}



#left .bottom ul li {color:#605b5b;}



#left .bottom .invisible {display:none; padding-right:50px; padding-top:80px;}



.bottom h4 {color:#c30c13; font-size:17px; padding:13px 0 15px 0}



#left .bottom ul {margin-top:0}



.coupon {width:268px;  background:#ff2d35; float:none; margin:15px 0 0 13px; border:3px solid #fff;

-webkit-border-radius:8px;

-moz-border-radius:8px;

border-radius:8px;}



.bottom1 {display:none}



.gallery {width:270px; height:201px; margin:0 0 0 15px}



.gallery img {width:130px; float:left; margin:0 0 10px 0}



.gallery img:nth-child(2n) {float:right}



#bottom1 {width:300px; height:600px; background:url(../images/bottom-mobile.png) no-repeat; padding:10px 0 0 0}



.gallery p a {width:280px; height:26px; display:block; outline:0; text-indent:-9999px; background:url(../images/view-full-site.png) no-repeat; background-size:280px 26px; float:left; clear:left; margin:3px 0 0 0px}



.footer {width:280px; background:url(../images/footer-mobile.png) no-repeat; margin:10px 0 0 0; height:300px; float:left; text-align:center; padding:0 10px}



.footer p {font-size:12px; color:#787171; float:none; margin:15px 0 0 0; line-height:20px}



.footer a {color:#fc2029}



.footer a:hover {color:#ff5158}



.footer p img {margin:5px 0 0 0}



.footer h1 {float:none; font-size:12px; font-weight:100; color:#787171;  margin:15px 0 0 0; width:270px; text-align:center; line-height:18px}



.footer h2 {float:none; clear:left; margin:50px 0 0 5px}



.footer h2 img {width:165px}



.footer h2 img + img {width:80px}



.footer h2 img + img + img {margin-top:20px; margin-left:30px}



.footer h2 img + img + img + img {width:100px; margin-left:0}
}

@media only screen and (min-width:481px) and (max-width:768px) {
#wrapper {width:700px; margin:45px auto 0 auto}



#top {width:700px; height:209px; background:url(../images/top.png) no-repeat; background-size:700px 209px}



#interior {width:700px; background:url(../images/interior.png) repeat-y; background-size:700px auto}



.google {display:none}



.top-left {width:214px; float:left; margin:105px 0 0 20px}



.top-middle {float:left; width:229px; margin:20px 0 0 0}



.top-middle img {width:229px}



.top-right {width:223px; float:left; margin:80px 0 0 10px}



.top-left p {float:left; font-size:14px; color:#1d1c1c; line-height:14px; width:204px; font-size:10px}



.top-left .social {width:204px;}



.top-right h2 {font-size:12px; color:#1d1c1c; font-weight:100}



.top-right p {width:200px; height:32px; background:url(../images/phone.png) no-repeat; background-size:200px 32px; text-indent:-9999px; margin:5px 0 0 0}



.top-right h3 {width:200px; height:18px; background:url(../images/free-estimates.png) no-repeat; background-size:200px 18px; text-indent:-9999px; margin:5px 0 0 3px}



#header {width:673px; height:232px;  background:url(../images/header.png) no-repeat; background-size:673px 232px; }



#header p {width:125px; height:210px; background:url(../images/list.png) no-repeat; background-size:125px 210px; text-indent:-9999px; margin:10px 0 0 20px; float:left}



.video {width:234px; height:210px; float:left; margin:10px 0 0 30px; background:#000;}



.video iframe {width:234px !important; height:210px !important;}

.video embed {width:234px !important; height:210px !important;}



.quick-contact {width:230px; height:280px; background:url(../images/quick-contact.png) no-repeat; background-size:230px 280px; float:left; margin:-20px 0 0 20px}

.quick-contact h3 {font-size:14px; color:#edebeb; font-family:Arial Black, Arial, Helvetica, sans-serif; text-align:center; padding:15px 0 0 0 }

.quick-contact label span {float:left; clear:left; margin:9px 0 0 0; font-size:11px; color:#7a7575; width:70px; text-align:right}

.quick-contact input {background:#fff; border:1px solid #c4c0c0; width:193px;padding:0.1em; float:left; clear:none; margin:7px 0 0 5px; font-size:13px; font-family:Arial, Helvetica, sans-serif; width:130px} 

.quick-contact textarea {background:#fff; border:1px solid #c4c0c0; width:193px; height:45px;padding:0.1em; float:left; clear:none; margin:7px 0 0 5px ;font-size:13px; font-family:Arial, Helvetica, sans-serif; width:130px} 

.quick-contact .code {margin:5px 0 0 15px}

.quick-contact .submit {width:97px; height:25px; background:none; border:0; padding:0; margin:0 0 0 75px}


#content {width:650px; background:url(../images/content.png) repeat-y; background-size:650px auto; margin:0 0 0 28px}



.bottom {width:636px; }



.coupon  {background:#ff2d35;margin:15px 0 0 35px; border:3px solid #fff; float:left;

-webkit-border-radius:8px;

-moz-border-radius:8px;

border-radius:8px;}



#right {width:636px; float:left; background:#dcdcdc; margin-left:7px;}



.bottom1 {width:649px; height:20px; background:url(../images/bottom.png) no-repeat; background-size:649px 20px; margin:0 0 0 28px}



#bottom1 {width:700px; height:399px; background:url(../images/bottom1.png) no-repeat; background-size:700px 399px; padding:20px 0 0 0}



.gallery {width:670px; height:201px; margin:0 0 0 30px}



.gallery img {width:155px}



.gallery p a {width:457px; height:43px; display:block; outline:0; text-indent:-9999px; background:url(../images/view-full-site.png) no-repeat; float:left; clear:left; margin:20px 0 0 95px}



.footer p {font-size:11px; color:#787171; float:left; margin:40px 0 0 50px; line-height:20px; width:320px}



.footer h1 {float:right; font-size:11px; font-weight:100; color:#787171;  margin:40px 60px 0 0; width:250px; text-align:right; line-height:18px}



.footer h2 img {float:left; margin:0 15px 0 0; height:70px}



.footer h2 {float:left; clear:left; margin-top:30px; margin-left:85px}
}