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

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

body {background:url(../images/background.jpg) repeat; font-family:Arial, Helvetica, sans-serif}

#wrapper {background:#f0f0f0; margin:30px auto; padding:13px 1%; max-width:1170px; width:98%}

#header {width:100%; height:auto; background: url(../images/header.jpg) no-repeat; }

.left-header {float:left; width:70%; max-width:790px; text-align:center}

.left-header .logo {display:block; margin:20px auto 0 auto; width:80%; max-width:505px;}

.left-header .social {margin:20px 0 0 0}

.left-header .social img {margin:0 5px;}

.left-header .bullets {margin-top:27px; width:100%; max-width:763px}

.left-header .call {margin:15px 0 0 0; width:100%; max-width:790px}

.right-header {float:left; width:28.4%; padding:10px 0.8%; max-width:365px; background:rgba(165,1,1,0.87)}

.right-header-int {width:96%; padding:0 2%; background:rgba(255,255,255,0.12); padding-bottom:20px; }

.right-header h2 {font-size:18px; color:#fff; text-transform:uppercase; text-align:center; font-weight:100; padding:15px 0 0 0}

.right-header label span {float:left; clear:left; color:#fff; font-size:14px; text-transform:uppercase; padding:5px 0 0 0}

.right-header input, .right-header textarea {float:left; clear:left; width:96%; border:1px solid #000; padding:0.3em 2%; font-size:13px; font-family:Arial, Helvetica, sans-serif; margin:5px 0 0 0;
background: #fdfdfd; /* Old browsers */
background: -moz-linear-gradient(top,  #fdfdfd 0%, #cfcece 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#cfcece)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdfdfd 0%,#cfcece 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdfdfd 0%,#cfcece 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdfdfd 0%,#cfcece 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdfdfd 0%,#cfcece 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#cfcece',GradientType=0 ); /* IE6-9 */
}

.right-header textarea {height:80px}

.right-header .submit {width:84px; height:30px; padding:0; border:0; background:none; margin:20px 0 0 0 }

.right-header .code {margin:20px 0 0 0}

.right-header .d-none {display:none}

.right-header .g-recaptcha {margin-top:10px}

#content {width:48%; background:#c1b9b9; margin:20px 0 0 0; padding:0 1% 13px 1%; float:left}

#content h3 {font-size:18px; font-weight:100; color:#d51513; text-transform:uppercase; padding:10px 0 0 0}

#content p {font-size:12px; color:#181818; line-height:20px; padding:12px 0 0 0}

#content img {float:right; margin:15px 0 0 10px; width:40%; max-width:212px}

#content .view-full-site {float:none; margin:20px 0 0 0; width:100%; max-width:244px}

#coupons {background:#c1b9b9; width:48%; float:left; margin:20px 0 0 1%; padding:20px 0 10px 1%}

#coupons img {margin:0 1% 0 0; float:left; width:49%; max-width:268px;}

#coupons p {font-size:16px; color:#000; text-align:center; padding:15px 0}

#services {border:3px solid #fff;
background: #ff3131; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3131 0%, #ac0909 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3131), color-stop(100%,#ac0909)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff3131 0%,#ac0909 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff3131 0%,#ac0909 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff3131 0%,#ac0909 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff3131 0%,#ac0909 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3131', endColorstr='#ac0909',GradientType=0 ); /* IE6-9 */
margin:10px 0 0 0;
-webkit-box-shadow: 2px 2px 2px #848484;
-moz-box-shadow: 2px 2px 2px #848484;
box-shadow: 2px 2px 2px #848484;
width:95.5%; padding:0 2%; padding-bottom:20px;
}

#gallery {border:3px solid #fff;
background: #1812f0; /* Old browsers */
background: -moz-linear-gradient(top,  #1812f0 0%, #1c05b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1812f0), color-stop(100%,#1c05b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1812f0 0%,#1c05b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1812f0 0%,#1c05b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1812f0 0%,#1c05b1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1812f0 0%,#1c05b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1812f0', endColorstr='#1c05b1',GradientType=0 ); /* IE6-9 */
margin:10px 0 0 0;
-webkit-box-shadow: 2px 2px 2px #848484;
-moz-box-shadow: 2px 2px 2px #848484;
box-shadow: 2px 2px 2px #848484;
width:95.5%; padding:0 2%; padding-bottom:20px; padding-top:20px;
}

#gallery img {float:left; width:24%; max-width:271px; margin-right:1.2%}

#gallery img + img + img + img {margin-right:0}

#services h2 {font-size:20px; color:#fff; padding:15px 0 0 0}

#services ul {float:left; width:23%; padding:0 2% 0 0; margin:15px 0 0 0}

#services ul li {list-style-type:none; font-size:15px; color:#fff; font-weight:bold; background:url(../images/points.png) no-repeat 0 5px; padding:3px 0 3px 20px; margin:10px 0 0 0}

#footer {background:#c3c3c3; width:96%; padding:20px 2%; font-size:11px; color:#363636;  margin:15px 0 0 0}

#footer h1 {font-size:11px; font-weight:100; padding:5px 0 0 0; line-height:18px}

#footer p { line-height:20px;}

#footer h6 {font-size:11px; font-weight:100}

#footer img {margin:7px 0 0 0}

.left-footer {width:65%; padding-right:5%; float:left}

.right-footer {width:30%; float:left}

#footer a {color:#15058a}

#footer a:hover {color:#4b3bc0}

/* WRAPPER */


@media all and (min-width:0px) and (max-width:1024px) {
#wrapper {width:95%}
}

@media all and (max-width:240px) {
#wrapper {min-width:240px;}
}

@media all and (min-width:0px) and (max-width:980px) {
.right-header h2 {font-size:12px; font-weight:bold}
.right-header-int {padding-bottom:20px}
.right-header label span {font-size:11px; padding:5px 0 0 0}
.right-header input, .right-header textarea {margin:2px 0 0 0}
}

@media all and (min-width:0px) and (max-width:780px) {
.left-header {width:100%; float:none; padding-top:5px;}
.left-header .logo {margin-top:0}
.right-header {width:98.5%; float:none; max-width:780px;}
#wrapper {padding-top:5px; padding-bottom:5px}
.right-header h2 {font-size:16px; font-weight:bold}
#services ul li {font-size:13px; font-weight:100}
#services h2 {font-size:18px}
}

.bullets-mobile {display:none}
.call-mobile {display:none}
@media all and (min-width:0px) and (max-width:500px) {
.bullets {display:none;}
.bullets-mobile {display:block; margin:15px auto 0 auto; width:90%; max-width:377px}
.right-header label span {font-size:13px;}
.call-mobile {display:block}
.call {display:none}
.call-mobile img {margin:10px 0 0 0; width:100%; max-width:300px}
#header {background-color:#52514f}
.right-header {margin-top:20px}
}

@media all and (min-width:0px) and (max-width:380px) {
.left-header .logo {width:95%}
.left-header .social img {width:10%; max-width:55px;}
}

@media all and (min-width:0px) and (max-width:880px) {
#content img {float:none; margin:10px 0 0 0; width:90%}
#content p {padding-left:3%; padding-right:3%}
#coupons img {float:none; width:90%; margin:0 auto 10px auto; display:block}
}

@media all and (min-width:0px) and (max-width:500px) {
#content img {margin:10px auto 0 auto; display:block; float:none}
#content h3 {text-align:center;}
#content .view-full-site {margin:15px auto 0 auto}
}

@media all and (min-width:0px) and (max-width:580px) {
#wrapper {margin-top:10px;margin-bottom:10px}
#content {width:98%; float:none}
#coupons {width:99%; float:none; margin-left:0; margin-top:10px}
}

@media all and (min-width:0px) and (max-width:600px) {
#services ul {width:96%; margin:0 }
#services ul li {font-size:18px;}
#services ul li {background:url(../images/points.png) no-repeat 0 7px;}
#gallery {padding-top:5px; padding-bottom:10px}
#gallery img {width:48%; margin:10px 1% 0 1%}
#gallery img:nth-child(2n) {float:right}
#gallery img + img + img + img {margin-right:1%}
}

@media all and (min-width:0px) and (max-width:400px) {
#services ul {width:96%; margin:0 }
#services ul li {font-size:15px;}
#services ul li {background:url(../images/points.png) no-repeat 0 4px;}
#gallery img {width:100%; margin:10px auto 0 auto; float:none; display:block}
#gallery img:nth-child(2n) {float:none}
#gallery img + img + img + img {margin-right:auto}
}

@media all and (min-width:0px) and (max-width:980px) {
#footer {text-align:center}
.left-footer {width:100%; padding-right:0; float:none}
.right-footer {width:100%; float:none}
#footer h6 {padding-top:15px}
}