body {
background:#f9f9f9 url(https://www.paintingcraftsmen.com/wp-content/uploads/2015/07/img_bg.jpg) repeat top center; 
padding:0px;
font-size:16px;
font-family: 'Puritan', sans-serif;
color:#666666;
margin:0px auto;
}
#body {background: url(//www.paintingcraftsmen.com/wp-content/themes/ThePaintingCraftsman/images/bg.png) repeat-x top center;}
@font-face {
font-family: 'museo_slab500';
src: url(//www.paintingcraftsmen.com/wp-content/themes/ThePaintingCraftsman/fonts/MuseoSans_500-webfont.eot);
src: url(//www.paintingcraftsmen.com/wp-content/themes/ThePaintingCraftsman/fonts/MuseoSans_500-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.paintingcraftsmen.com/wp-content/themes/ThePaintingCraftsman/fonts/MuseoSans_500-webfont.woff) format('woff'),
url(//www.paintingcraftsmen.com/wp-content/themes/ThePaintingCraftsman/fonts/MuseoSans_500-webfont.ttf) format('truetype'),
url(//www.paintingcraftsmen.com/wp-content/themes/ThePaintingCraftsman/fonts/MuseoSans_500-webfont.svg#museo_slab500) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'antique';
src: url(//www.paintingcraftsmen.com/wp-content/themes/ThePaintingCraftsman/fonts/cas_antn.eot);
src: url(//www.paintingcraftsmen.com/wp-content/themes/ThePaintingCraftsman/fonts/cas_antn.eot?#iefix) format('embedded-opentype'),
url(//www.paintingcraftsmen.com/wp-content/themes/ThePaintingCraftsman/fonts/cas_antn.woff) format('woff'),
url(//www.paintingcraftsmen.com/wp-content/themes/ThePaintingCraftsman/fonts/cas_antn.ttf) format('truetype'),
url(//www.paintingcraftsmen.com/wp-content/themes/ThePaintingCraftsman/fonts/cas_antn.svg#cas_antn) format('svg');
font-weight: normal;
font-style: normal;
}
img a {border:0px;}
.aligncenter {
}
.alignleft{float:left;padding:6px;}
.alignright{float:right;padding:6px;}
a {color:#ddac4d; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {
margin: 5px 0;
font-family: 'antique', Arial, sans-serif;
font-weight: 400;
font-size: 2em;
color:#dcab4c;
}
h1 a{text-transform: uppercase;color:#dcab4c;text-decoration: none;}
h2 {margin:0px 0px 6px 0px;color:#537375;font-family: 'antique', Arial, sans-serif;}
.wrap {width:980px; margin:0px auto;}
#wrap {width:980px; margin: 0px auto;}
#topbar {
background:#1E2C38;
height:20px;
padding:7px 0px 2px 0px;
color:#FFF;
}
a#topbar-button {padding:4px 10px;color:#FFF;background:#6D6D6D;}
#header {
height:140px;
}
#logo {
padding: 20px 30px 0px 15px;
float: left;
}
#logo img {width: 90% !important; max-width: 350px;}
#header-middle {float: left; width: 250px; margin: 15px 0px 0px 0px;}
#contact {
float: right;
width: 250px;
text-align: right;
margin:20px 20px 0px 0px;
font-size: 2.2em;
color:#537375;
}
#contact h2 {font-size:.5em;}
#contact img {padding:0px 5px;}
#nav {
height: 55px;
background: url(//www.paintingcraftsmen.com/wp-content/themes/ThePaintingCraftsman/images/navbg.png) center top no-repeat;
}
#nav ul {
list-style: none;
z-index:100;
margin: 0px;
padding: 0px;
}
#nav ul li {
float: left;
padding: 3px 9px;
border-right: 1px #5D6E57 solid;
}
#nav ul li a {
display:block;
padding:8px 5px;
font-size: 15px;
color: #FFF;
text-decoration:none;
font-weight: bold;
transition: background 0.5s;
text-transform: uppercase;
text-shadow: 1px 1px 1px #3D634F;
font-weight: lighter;
}
#nav ul li a:hover {
background: #628b79;
text-decoration: none;
}
.fa-lock {color: #eacd6a;}
ul.sub-menu{
position:absolute;    
display:none; 
background:none; 
z-index:1000;      
}
.sub-menu li{
background:transparent; 
float:none !important;
display:block !important;
padding: 0px 15px !important;
border-right: 0px !important;
}
.sub-menu a {
text-align:left; 
border-bottom:1px solid #7f7e7e;
background:#628b79; 
width:142px; 
color:#fff; 
text-decoration:none; 
padding:8px !important;
}
.sub-menu a:hover, .sub-menu a:active{
background:#444; 
}
ul.sub-menu ul.sub-menu {
position: absolute;
top: 0px;
left: 158px;
}
#content {padding:10px 0px;
background:#FFF;}
#left-col {
width:670px;
padding:0px 10px;
float:left;
}
#right-col {
width:260px;
padding:0px 10px;
float:right;
}
h1.bloghead { clear:both; }
#right-col h3 {font-size:1.9em;margin:6px 2px;}
#newsletter {
margin-right: -20px;
text-align: right;
}
#content-footer {clear:both;background:#1E2C38;text-align:center;padding:4px 0px;;color:#FFF;margin-top:16px;}
.footer-box {
float:left;
width:45%;
padding:10px;
text-align:left;
}
.footer-box ul {list-style:none;padding-left:3px;}
.footer-box ul li:before {content: "\00BB";padding-left:10px;}
.footer-box ul li a {padding-left:7px;}
#footer {
padding:10px;
border-bottom: 6px #1E2C38 solid;
}
.footer-angies{ display:none;}
#footer ul {list-style:none;padding:0px; margin:0px;}
#footer ul li {float:left;padding:1px 20px;border-right:2px #666666 solid;}
.clear {clear:both;height:1px;}
.review-btn {
padding: 5px 6px;
border: 2px solid #537375;
box-shadow: 0px 0px 5px 0px #537375;
border-radius: 5px;
margin-top: 10px
} @media handheld, only screen and (max-width: 730px) {
h1 {line-height: 36px;}
h1, h2, h3, h4 {margin-top: 15px;}
#header-middle {float:left;width:250px;margin: 50px 0px 0px 20px; display:none !important}
#content img {height: auto;width: 100% !important;margin: 15px 0;}
#right-col{ display:block !important; float:left;} .footer-angies{ display:block !important;}
.footer-social{
display:block !important;
width: 200px;
margin-top: 20px;
}
#right-col img {display:none !important;}
#contact h2 {display: none;}
p {font-size: 16px; line-height: 24px;}
.footer-social img {padding: 0 5px;}
#contact img {
display: none;
}
#logo {
padding: 20px 0 0 50px;
}
body {width:98%;}
.wrap {width:96% !important; padding:0px !important;}
#wrap {width:96% !important; padding:0px !important;}
#header{height:auto !important;}
#logo {float:none !important;margin: 0px auto;width: 90%;}
#logo img {width: 90% !important;}
#slogan{float:none !important;margin: 0px auto;}
#contact {
margin: 0px auto;
width: 100%;	
text-align: center;}
#nav {height:auto !important;}
#nav ul li {float:none !important;padding:0px !important;}
#nav ul li a {
padding: 15px 20px;
display:block;
font-size: 21px;
color: #FFF;
font-weight: bold;
border-bottom:2px solid #617DA0;
background:#3B4654;
margin-bottom:5px;
}
.sub-menu {display:none !important;}
#content-home img {width:60%; height:auto;}
#content img {width:100%; height:auto;}
#banner {display:none !important;}
.feature-box{display:none !important;}
#left-col {width:100% !important;float:none !important;padding: 0px;}
#right-col {}
}
.from {
display: none;
}
.button.product_type_variable {
display: none;
}
.images {
width: 350px;
float: left;
}
.woocommerce-tabs {
clear: both;
}
.summary {
width: 280px;
float: left;
}
.amount {
font-size: 0.9em;
background: #515D68;
padding: 2px;
color: white;
position: relative;
margin-left: -4px;
}
#nav ul li:last-child {
border: medium none;
}
.single_variation .amount {font-size:2em;font-weight:bold;}
ul#services {list-style:none;padding:0px;margin:0px; width:auto;}
#services li {float:left;margin-right:5px; margin-bottom:20px; display:inline; width:190px;}
#services li img {width:180px;height:auto;padding:0px;}
#services li p {font-size:18px;text-align:center;color: #537375;font-family: 'antique', Arial, sans-serif;}
#services li p a{color: #537375;text-decoration:none;}
#main_body li.phone .phone_1, #main_body li.phone .phone_2 {
#header-middle {float:left;width:250px;margin: 50px 0px 0px 20px; display:none !important}
width: 30% !important;}
@media only screen and (max-width : 480px) {
#body {background: none;}
p {font-size: 16px; line-height: 24px; text-align: justify; margin: 0 10px;}
h1, h2, h3, h4, h5, h6 {margin: 15px 10px 0;}
.wrap {width: 90%;}
#header-middle {float:left;width:250px;margin: 50px 0px 0px 20px; display:none !important}
.contact{ left:0 !important; width:100% !important;}
#contact h2 {display: none;} #Image-Maps-Com-image-maps {display: none;}
#right-col{ display:block !important; float:left;}
.footer-angies{ display:block !important;}
.footer-socialbox {display: none;}
.footer-social{
display:block !important;
width: 200px;
margin-top: 20px;
}
.footer-box {width: 100%; text-align: center; padding:0;}
#nav {background: none;}
.footer-social img {padding: 0 5px;}
#contact img { display: none;}
.hbspt-form {}
#logo {
padding: 20px 0 0 30px;
}
#content .review-logo img {display: block !important; width: 100% !important;}
#pcr-logo {display: none;}
#main_body input.text {
padding: 0px !important;
}}
.farraw {
left: 304px;
position: relative;
top: -141px;
}
.small-pic {
//height: 11%;
//width: 31%;
margin-left: -8px;
}
.hs-form.stacked{ padding-left:16px !important; background-color: #78A08F; padding-top: 10px; border-radius: 10px;}
.hs-form .hs-button {
border-color: #E3BD5C !important;
background-color:#E3BD5C !important;
background-image:none !important;
text-shadow:none !important;
box-shadow: none !important;
}
.hs-form .hs-button.hovered{ box-shadow:none !important; text-shadow:none !important;}
.hs-form .hs-button:hover {
box-shadow: none !important;
}
.hs-form.stacked label{ color:#FFF;}
.hs-form.stacked .actions {
margin-left: 0px  !important;
padding-left: 0px !important;
text-align: center !important;
}
.footer-social{
display:none;
}
.textwidget #pcr-logo {
left: 353px;
position: relative;
top: -15px;
width: 154px;
}
.click-to-call, .livechat {display: none;}
.review-logos-top {
padding: 20px;
display: block;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.review-logos-top-last {
padding: 20px;
display: block;
border-bottom: 1px solid #ccc;
border-right: 0px;
}
.review-logos {
padding: 20px;
display: block;
border-right: 1px solid #ccc;
}
.review-logos-last {
padding: 20px;
display: block;
border-right: 0px;
}
@media (min-width: 320px) and (max-width: 767px) {
p, body {font-size: 16px; line-height: 24px;}
.click-to-call {
position: fixed;
bottom: 0px;
margin-right: auto;
margin-left: auto;
width: 100%;
text-align: center;
padding: 12px;
z-index: 99999;
display: block;
font-style:italic;
font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
font-weight:700;
font-size: 21px;
text-transform: uppercase;
background: -webkit-linear-gradient(#88ad9e, #66917e);
background: -o-linear-gradient(#88ad9e, #66917e);
background: -moz-linear-gradient(#88ad9e, #66917e);
background: linear-gradient(#88ad9e, #66917e);
}
.click-to-call a {
color: #fff !important;
}
}