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

#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:324px; float:left; margin:150px 0 0 30px}

.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; width:150px;}

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

.top-right h4 {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 h4 {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}

.quick-contact #captcha {text-transform:lowercase}

#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 h3 {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 h5 {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 .price {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 .price {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:415px; 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 40px}

.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; width:130px; margin:0 auto}

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

#header p {display:none}

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

.video iframe {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 h4 {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:block}

.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; padding-top: 5px
}

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

#left h3 {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 h5 {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:block; padding-right:50px; padding-top:80px;}

.bottom h4 {color:#c30c13; font-size:17px; padding:13px 0 0 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:570px; 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; background-size:300px 300px; 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:224px;}

.top-left .social img {height:25px}

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

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

.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 h4 {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}
}