@charset "utf-8";

/* Base CSS for Frontend
@import "reset.css";
@import "global.css";
@import "font-awesome.css"; */
body { font: normal 16px/1.8em 'Open Sans', Arial, sans-serif; color: #272727; background: #231f20; }
a { color: #718c8d; transition: color 180ms linear, background 180ms linear, opacity 180ms linear; -webkit-transition: color 180ms linear, background 180ms linear, opacity 180ms linear; -moz-transition: color 180ms linear, background 180ms linear, opacity 180ms linear; }
a:hover { text-decoration: none; color: #8da3a4; }

/* ---Standard headers ---*/
h1 { font: normal 56px/1.2em 'Sanchez', Arial, Helvetica, sans-serif; }
h2 { font: normal 36px/1.2em 'Sanchez', Arial, Helvetica, sans-serif; }
h3 { font: normal 24px/1.2em 'Sanchez', Arial, Helvetica, sans-serif; }
h4 { font: normal 18px/1.2em 'Sanchez', Arial, Helvetica, sans-serif; }
h5 { font: normal 16px/1.2em 'Sanchez', Arial, Helvetica, sans-serif; }
em { font-style: italic; }
.centered { text-align: center; }
.mhide { display: block !important; }
.mshow { display: none !important; }
.nodt { display: none !important; }

/* --- General Layout Settings---*/
.container { width: 1580px; position: relative; margin: 0 auto; }
.container-small { width: 1280px; position: relative; margin: 0 auto; }
#header, #navigation, #content, #footer, #marketing { position: relative; display: block; clear: both; }
.alert { background: #D70505; color: #FFF; font: normal 14px arial, sans-serif; padding: 8px 12px; margin: 10px 0; border-radius: 3px; clear: both; }
.alert-success { background: #3e8f3e; color: #FFF; font: normal 14px arial, sans-serif; padding: 8px 12px; margin: 10px 0; border-radius: 3px }
.arrow-right { background: url('../images/structure/arrow-right.png') center no-repeat; width: 22px; height: 16px; display: inline-block; background-size: 100% auto; }
.arrow-right-blue { background: url('../images/structure/arrow-right-blue.png') center no-repeat; width: 22px; height: 16px; display: inline-block; background-size: 100% auto; }
button, input.btn { border: none; }
.btn { font: normal 16px/1em 'Sanchez', Arial, sans-serif; color: #FFF; cursor: pointer; text-decoration: none; display: block; padding: 15px 30px 15px; background: #718c8d; position: relative; }
.btn:hover { color: #FFF; background: #8da3a4; }
.btn.icl { padding-left: 80px; }
.btn .btn-icon { background: #8da3a4; display: block; height: 100%; width: 50px; position: absolute; top: 0; left: 0; text-align: center; font-size: 22px; line-height: 44px; }
.btn.centered { width: 130px; text-align: center; text-transform: uppercase; margin: 0 auto; }
.btn .arrow-right { background: url('../images/structure/arrow-right.png') center no-repeat; width: 22px; height: 16px; display: inline-block; float: right; background-size: 100% auto; }

/*-- Responsiveness Base Structure -- */
.row { clear: both; }
.row .col { margin-left: 2%; float: left; margin-bottom: 20px; }
.row .col:first-child { margin-left: 0; }
.row .col.split_int { margin-left: 0; clear: both; }
.row .full { width: 100%; }
.row .half { width: 49%; }
.row .third { width: 32%; }
.row .third_2 { width: 66%; }
.row .fourth { width: 23.5%; }
.row .fourth_2 { width: 49%; }
.row .fourth_3 { width: 74.5%; }
.row .fifth { width: 18.4%; }
.row .fifth_2 { width: 38.8%; }
.row .fifth_3 { width: 59.2%; }
.row .fifth_4 { width: 79.6%; }
.row .sixth { width: 15%; }
.row .sixth_2 { width: 32%; }
.row .sixth_3 { width: 49%; }
.row .sixth_4 { width: 66%; }
.row .sixth_5 { width: 83%; }

/* --- Layout ---*/
#wrapper { overflow: hidden; background: #FFF; }
#header { padding: 15px 0; z-index: 10; background: #231f20; background: rgba(35, 31, 32, 0.75); position: fixed; top: 0; left: 0; width: 100%; }
#header #logo { max-width: 230px; float: left; transition: max-width 180ms linear; -webkit-transition: max-width 180ms linear; -moz-transition: max-width 180ms linear; }
#header .switcher { display: block; position: absolute; top: 0; right: 0; padding: 5px 10px; color: #FFF; background: #000; background: rgba(0, 0, 0, 0.5); margin-top: -15px; z-index: 20; cursor: pointer; }
#header .switcher:hover { background: #000; color: #fff200; }
#header .switcher span { font-size: 16px; }
#header .switcher .arrow-right { background: url('../images/structure/arrow-right.png') center no-repeat; width: 22px; height: 16px; display: block; float: right; background-size: 100% auto; margin-top: 6px; }
#header .switcher .fa-user, #header .switcher .fa-home { color: #fff200; }
#header .search-icon { font-size: 28px; position: absolute; right: 20px; top: 10px; cursor: pointer; color: #FFF; z-index: 16; }
#header .search-icon:hover { color: #fff200; }
#header .search { display: none; padding: 20px 0; position: absolute; top: 100%; left: 0; width: 100%; background: #FFF; -webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.2); }
#header .search .search-field { border: none; background: #FFF; border-bottom: solid 2px #e5e2df; color: #272727; padding: 10px 0; margin-bottom: 10px; height: 50px; font: normal 24px/24px  'Sanchez', serif; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#header .search .search-field:focus { outline: none; }
#header .search .search-tag { font: normal 16px/16px  'Sanchez', serif; padding: 5px 0; }
#header .search .container, #header.small .search .container { height: auto; }
#header.small { padding: 8px 0; }
#header.small #logo { max-width: 140px; }
#header.small .search-icon { display: none !important; }
#header.small #navigation ul li.level_1 a { padding: 52px 10px 32px; }
#header.small #mega-drop { top: 98px; }
#header #mega-drop { display: none; padding: 30px 0; position: fixed; top: 165px; left: 0; width: 100%; background: #FFF; z-index: 9; -webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.2); transition: top 180ms linear; -webkit-transition: top 180ms linear; -moz-transition: top 180ms linear; }
#header #mega-drop ul { margin: 0; list-style: none; width: 25%; float: left; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#header #mega-drop ul li a.l1 { font: normal 17px/1.3em  'Sanchez', serif; color: #000; margin: 5px 0 5px; padding: 4px 8px !important; height: auto !important; display: block; border-left: 2px solid #fff; }
#header #mega-drop ul li a.l2 { font: normal 13px/1.3em  'Open Sans', sans-serif; color: #555; display: block; padding: 4px 8px !important; height: auto !important; border-left: 2px solid #fff; }
#header #mega-drop ul li a.l1:hover { background: #e5e2df; border-left: 2px solid #ccc; }
#header #mega-drop ul li a.l2:hover { color: #000; border-left: 2px solid #ccc; }
#header #mega-drop .mega-ctas { width: 25%; float: right; }
#header #mega-drop .mega-ctas .mega-cta a { display: block !important; margin: 0 0 20px !important; font: normal 22px/1.3em  'Sanchez', serif; color: #000; padding: 0 !important; height: auto !important; }
#header #mega-drop .mega-ctas .mega-cta a img { max-width: 130px; margin-right: 15px; }
#header #mega-drop .mega-ctas .mega-cta a span { display: inline-block; vertical-align: middle; }
#navigation { z-index: 15; position: absolute; right: 0; top: -15px; height: 100%; }
#navigation .mobile-menu { display: none; width: 36px; height: 36px; position: absolute; bottom: 8px; right: 0; }
#navigation .mobile-menu .mline { width: 100%; height: 5px; margin-bottom: 6px; background: #FFF; display: block; }
#navigation ul { padding: 0; margin: 0; list-style: none; }
#navigation ul li.level_1 { display: block; float: left; }
#navigation ul li.level_1 a { display: block; z-index: 12; cursor: pointer; position: relative; padding: 105px 25px 40px; font: normal 17px/17px  'Sanchez', serif; color: #FFF; text-transform: uppercase; height: 20px; transition: padding 180ms linear; -webkit-transition: padding 180ms linear; -moz-transition: padding 180ms linear; }
#navigation ul li.level_1 a:hover { color: #fff200; }
#navigation ul li.level_1:hover a.mega-link.open { background: #000; }
#navigation ul li.level_1:hover a.mega-link:after { opacity: 1; }
#navigation ul li.level_1:hover a.mega-link { background: #000; }
#navigation ul li.level_1 a.mega-link:after { opacity: 0; content: ''; position: absolute; top: 100%; left: 50%; margin-left: -86px; width: 0; height: 0; border-top: solid 20px #000; border-left: solid 86px transparent; border-right: solid 86px transparent; }
#navigation ul li.level_1:hover #mega-drop { display: block; }
#navigation ul li.level_1 .subnav { display: none; position: absolute; z-index: 8; background: #FFF; color: #000; border: 1px solid #ededed; }
#navigation ul li.level_1 .subnav li a { display: block; float: none; color: #333; font: normal 14px/1.6em 'Open Sans', sans-serif; text-transform: none; padding: 4px 25px; }
#navigation ul li.level_1 .subnav li a:hover { background: #eee; }
#navigation ul li.level_1 .subnav li.level_3 a { font-size: 11px; }
#navigation ul li.level_1 .subnav.md-links { display: none; }
#navigation ul li.level_1:hover .subnav.md-links { display: none; }
#navigation ul li.level_1 #mega-drop .mega-overview { border-bottom: 2px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }
#navigation ul li.level_1 #mega-drop .mega-overview a { color: #000; display: inline-block; margin-right: 20px; padding: 4px 8px; border-left: 2px solid #FFF; }
#navigation ul li.level_1 #mega-drop .mega-overview a:hover { background: #e5e2df; border-left: 2px solid #ccc; }

/* --- Entrance ---*/
.enter-wide { background: #444; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.enter-wide #logo { position: absolute; top: 50%; left: 50%; width: 380px; margin-top: -111px; margin-left: -190px; z-index: 2; }
.enter-wide .ent-pro { position: absolute; top: 0; left: 0; height: 100%; width: 50%; text-align: center; z-index: 1; }
.enter-wide .ent-home { position: absolute; top: 0; right: 0; height: 100%; width: 50%; text-align: center; z-index: 1; }
.enter-wide .set-visitor { display: block; cursor: pointer; position: absolute; top: 0; right: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); }
.enter-wide .set-visitor:hover { background: transparent; }
.enter-wide .ent-pro .set-visitor .tagline { font: normal 52px/1.2em  'Sanchez', serif; color: #FFF; position: absolute; top: 50%; right: 250px; text-shadow: 3px 3px 6px #000; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.enter-wide .ent-home .set-visitor .tagline { font: normal 52px/1.2em  'Sanchez', serif; color: #FFF; position: absolute; top: 50%; left: 250px; text-shadow: 3px 3px 6px #000; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.enter-wide .set-visitor .hover-info { opacity: 0; background: #718c8d; background: rgba(113, 140, 141, 0.8); color: #FFF; padding: 30px 40px 20px; min-height: 280px; position: absolute; top: 50%; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); transition: opacity 180ms linear; -webkit-transition: opacity 180ms linear; -moz-transition: opacity 180ms linear; }
.enter-wide .set-visitor .hover-info .fa { font-weight: normal; font-size: 28px; color: #fff200; padding: 20px 0; }
.enter-wide .set-visitor:hover .hover-info { opacity: 1; }
.enter-wide .set-visitor:hover .tagline { display: none; }
.enter-wide .ent-pro .hover-info span { padding-right: 180px; display: block; max-width: 420px; float: right; }
.enter-wide .ent-home .hover-info span { padding-left: 180px; display: block; max-width: 420px; float: left; }

/* --- Content ---*/
#marketing { margin: 0; z-index: 8; }
#marketing .pro-caption { position: absolute; top: 50%; left: 50%; font: normal 52px/1.2em  'Sanchez', serif; color: #FFF; width: 1200px; text-align: center; margin-top: 80px; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#marketing .pro-caption .in-bars { padding: 20px 0; border-top: 8px solid #fff200; border-bottom: 8px solid #fff200; text-transform: uppercase; font-size: 96px; line-height: 1.4em; margin-bottom: 30px; }
#marketing .oc-hold { position: absolute; top: 0; left: 50%; width: 1580px; height: 100%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
#marketing .oc-hold .owner-caption { position: absolute; left: 0; top: 50%; border: 2px solid #FFF; background: #FFF; background: rgba(255, 255, 255, 0.75); padding: 25px 30px; margin-top: 60px; text-transform: uppercase; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
#marketing .oc-hold .owner-caption h1 { font-size: 72px; line-height: 1em; }
#marketing .oc-hold .owner-caption h2 { font-size: 46px; color: #757575; line-height: 1em; }
#lead { min-height: 180px; position: relative; z-index: 8; }
#lead .lead-img { height: 460px; width: 100%; }
#lead.searchby .lead-img { height: 590px; width: 100%; }
#lead .page-info { position: absolute; top: 50%; width: 100%; z-index: 1; text-align: center; padding: 160px 30px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
#lead.searchby .page-info { padding-top: 60px; }
#lead .page-info .page-title { color: #fff200; text-transform: uppercase; }
#lead .page-info .page-short { color: #FFF; max-width: 900px; margin: 0 auto; }
#lead .searchby-hold { padding: 20px 0 30px; background: #231f20; background: rgba(35, 31, 32, 0.75); position: absolute; left: 0; bottom: 0; width: 100%; }
#lead .searchby-hold label { color: #FFF; font-weight: normal; margin-bottom: 2px; display: block; }
#content { z-index: 7; }
#content .content-hold { padding: 60px 0; }
#content .content-wide { width: 100%; }
#content .content-left { width: 20%; float: left; }
#content .content-right { width: 78%; float: right; }
#content .calculators .content-left { width: 35%; float: left; }
#content .calculators .content-right { width: 63%; float: right; }
#content .pcategory-left { width: 68%; float: left; }
#content .pcategory-right { width: 30%; float: right; }
#content .content-left .fshow { display: none; }
#content .content-left .fshow label, #content .content-left .fshow span { display: inline-block; vertical-align: middle; padding-bottom: 0; }
#content .home-owner-full { padding: 100px 0; position: relative; color: #FFF; font-size: 15px; line-height: 1.9em; }
#content .home-owner-full h1 { font-size: 50px; line-height: 1.2em; text-transform: uppercase; }
#content .home-owner-full h2 { font-size: 42px; line-height: 1.2em; text-transform: uppercase; color: #fff200; }
#content .home-owner-full hr { max-width: 520px; margin: 20px auto 30px; height: 3px; background: rgba(255, 255, 255, 0.4); }
#content .home-owner-full .wysiwyg { padding-right: 50px; }
#content .home-owner-full .drk-mask { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, 0.7) }
#content .pros-hold { background: #e5e2df; position: relative; }
#content .pros-left { width: 50%; height: 100%; position: absolute; }
#content .pros-left .wysiwyg { position: absolute; right: 100px; max-width: 620px; top: 50%; text-align: center; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
#content .pros-right { width: 50%; float: right; background: #FFF; }
.wysiwyg img { display: inline; }
.wysiwyg table { border-collapse: collapse; width: 100%; padding-bottom: 10px; }
.wysiwyg table td, .wysiwyg table th { padding: 5px 10px; border: 1px solid #ddd; vertical-align: top; }
.side-nav { margin-bottom: 20px; }
.side-nav ul { padding: 0; margin: 0; }
.side-nav ul li { list-style: none; margin: 0; padding: 0; }
.side-nav ul li a { display: block; font: normal 18px/1.3em  'Sanchez', serif; color: #272727; padding: 8px 20px 7px; cursor: pointer; }
.side-nav ul li a:hover { color: #718c8d; }
.side-nav ul li a.selected { background: #e5e2df; }
.side-load-nav { margin-bottom: 20px; }
.side-load-nav ul { padding: 0; margin: 0; }
.side-load-nav ul li { list-style: none; margin: 0; padding: 0; }
.side-load-nav ul li a { display: block; font: normal 18px/1.3em  'Sanchez', serif; color: #272727; text-transform: uppercase; padding: 8px 20px 7px; cursor: pointer; }
.side-load-nav ul li a:hover { color: #718c8d; }
.side-load-nav ul li a.selected { background: #e5e2df; }
.side-trigger { display: none; padding: 0; margin: 0 0 10px 0; float: left; width: 28px; cursor: pointer; background: #FFF; z-index: 99; }
.side-trigger .sline { display: block; height: 4px; background: #aaa; margin-bottom: 4px; }
.projects .side-trigger { display: none; }
.home-owner-cta { width: 33%; display: inline-block; vertical-align: middle; text-align: center; font: normal 16px/1.3em  'Sanchez', serif; font-style: italic; padding: 20px 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.home-owner-cta h3 { color: #000; margin-bottom: 10px; }
.home-owner-cta img { max-width: 180px; margin: 0 auto 15px; border: 5px solid #FFF; border-radius: 50%; }
.home-owner-cta .fa { font-size: 22px; }
.home-owner-cta.mid { padding: 80px 50px; border-left: 2px solid #BEB6AF; border-right: 2px solid #BEB6AF; }
.home-owner-cta:hover img { border: 5px solid #e5e2df; }
.home-pro-cta a { font: normal 36px/1.3em  'Sanchez', serif; color: #000; }
.home-pro-cta img { max-width: 180px; margin: 30px 30px 30px 80px; border: 5px solid #FFF; border-radius: 50%; }
.home-pro-cta a span { display: inline-block; vertical-align: middle; }
.home-pro-cta.mid { border-top: 2px solid #e5e2df; border-bottom: 2px solid #e5e2df; }
.home-pro-cta:hover img { border: 5px solid #e5e2df; }

/*-- Social Icons --*/
.social ul { float: left; margin: 0; padding: 0; }
.social li { list-style: none; display: block; float: left; margin: 0 8px 5px 0; }
.social li a { width: 20px; height: 20px; display: block; padding: 10px; }
.social li a img { width: 20px; }
.social li a.facebook { background: #3E5B98; }
.social li a.twitter { background: #4DA7DE; }
.social li a.linkedin { background: #3371B7; }
.social li a.youtube { background: #e02a20; }
.social li a.google { background: #d93e2d; }
.social li a.instagram { background: #9c7c6e; }
.social li a.pinterest { background: #c92619; }
.social li a.flickr { background: #0063db; }
.social li a.facebook:hover { background: #2A4784; }
.social li a.twitter:hover { background: #3993CA; }
.social li a.linkedin:hover { background: #1F5DA3; }
.social li a.youtube:hover { background: #cc160c; }
.social li a.google:hover { background: #c52a19; }
.social li a.instagram:hover { background: #88685a; }
.social li a.pinterest:hover { background: #b51205; }
.social li a.flickr:hover { background: #004faf; }

/* ----Footer Section ----*/
#footer { background: #231f20; padding: 40px 0; color: #FFF; font-size: 14px; line-height: 1.8em; z-index: 6; }
#footer a { color: #FFF; white-space: nowrap; }
#footer a:hover { color: #fff200; }
#footer h4 { text-transform: uppercase; }
#footer #footer-links { float: left; }
#footer #footer-links ul { margin: 0; padding: 0 0 2px; }
#footer #footer-links ul li { margin: 0; padding: 0; list-style: none; }
#footer #footer-links h4 { padding-bottom: 15px; }
#footer #copyright { float: left; padding: 0 100px 30px; margin: 0 100px; border-left: 2px solid #4f494b; border-right: 2px solid #4f494b; }
#footer .social { margin: 15px 0 30px; }
#footer #footer-nl { width: 420px; float: right; }
#footer #footer-nl h4 { padding-bottom: 15px; }
#footer #footer-nl .field-hold { max-width: 560px; margin: 0 auto; position: relative; }
#footer #footer-nl .field-hold .email { padding-right: 42px; }
#footer #footer-nl .field-hold .fa { position: absolute; top: 0; right: 0; font-size: 24px; color: #231f20; font-weight: bold; border: none; background: none; cursor: pointer; padding: 11px 8px; transition: color 180ms linear, background 180ms linear, opacity 180ms linear; -webkit-transition: color 180ms linear, background 180ms linear, opacity 180ms linear; -moz-transition: color 180ms linear, background 180ms linear, opacity 180ms linear; }
#footer .foot-nl .field-hold .icon:hover { color: #FFF; background: #0067a2; }

/*--- Search Result Page ----*/
.search-list { background: #FFF; padding: 20px; margin: 10px 0; font-size: 14px; line-height: 1.8em; }
.search-list.odd { background: #e5e2df; }

/*-- Pagination --*/
.pgn-right { clear: both; float: right; margin: 25px 0; font-size: 13px; }
.pagination { list-style: none; padding: 0; display: inline-block; }
.pagination li { display: inline-block; }
.pagination li a, .pagination li span { padding: 1px 8px; display: inline-block; color: #212121; border: 1px solid #FFF; }
.pagination li:first-child a { border-left: none; }
.pagination li a:hover { color: #8da3a4; }
.pagination li.disabled { display: none; }
.pagination li.active { font-weight: bold; border: 1px solid #e5e2df; }

/* ----Form Inputs ----*/
fieldset { padding: 10px; }
input[type=text], input[type=email], input[type=password], select { width: 100%; height: 46px; padding: 0 10px; color: #666; font-size: 14px; border: 1px solid #aaa; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
input[type=file] { padding: 6px; border: 1px solid #aaa; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
select { padding-right: 0; }
textarea { width: 100%; height: 80px; padding: 8px 5px; color: #666; font-size: 14px; border: 1px solid #aaa; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
label { padding-bottom: 5px; font-size: 15px; line-height: 24px; }
.helper { padding: 5px 0 0 5px; font-size: 11px; color: #999; }

/*--- New Template Additions ---*/

/*-- Masonry Layout --*/
#masonry { padding-bottom: 40px; }
.gutter-sizer { width: 2%; }
.grid-sizer { width: 32%; }
.brick { width: 32%; margin-bottom: 20px; }
.brick.w2 { width: 66%; }

/*--- News List Section ---*/
.news-item { background: #e5e2df; color: #4d4d4d; text-align: center; }
.news-item .block-hold { padding: 30px 20px; }
.news-item .block-date { text-transform: uppercase; padding-bottom: 5px; }
.news-item .block-summary { line-height: 1.8em; font-size: 14px; padding-bottom: 5px; }
.news-item .block-image img { display: block; width: 100%; }
.news-item .more { font: normal 18px/1.2em  'Sanchez', serif; line-height: 1.6em; }
.comments { margin: 0; padding: 10px 0; }
.comments li { padding: 20px 25px; border-left: 5px solid #718c8d; list-style: none; margin: 0 0 15px; background: #e5e2df; font-size: 14px; line-height: 1.6em; }
.blog-nav h3 { padding: 8px 10px; margin-bottom: 10px; text-transform: uppercase; background: #e5e2df; }
.blog-nav ul { margin: 0 0 30px; padding: 0; }
.blog-nav ul li { list-style: none; margin: 0; }
.blog-nav ul li a { display: block; padding: 5px 10px; font-weight: bold; color: #000; }
.blog-nav ul li a.selected { background: #e5e2df; }
.blog-nav ul li a:hover, .blog-nav ul li a.ba:hover { color: #718c8d; }
.blog-nav ul li a.ba { font-weight: normal; color: #4d4d4d; }
.blog-featured { margin-bottom: 20px; background: #e5e2df; color: #4d4d4d; position: relative; }
.blog-featured .bf-info { width: 50%; float: left; min-height: 340px; }
.blog-featured .bf-image { position: absolute; top: 0; right: 0; width: 50%; height: 100%; }
.blog-featured .block-hold { padding: 30px 20px; text-align: center; }
.blog-featured .block-summary { line-height: 1.8em; font-size: 14px; padding-bottom: 5px; }
.blog-featured .more { font: normal 18px/1.2em  'Sanchez', serif; line-height: 1.6em; }
.blog-search { position: relative; margin-bottom: 30px; }
.blog-search .search-field { padding-right: 30px; }
.blog-search button { position: absolute; top: 10px; right: 3px; background: none; font-size: 20px; cursor: pointer; }
.alpha-listing .letter-head { padding: 10px 20px; margin: 15px 0 30px; background: #e5e2df; font: normal 26px/1em 'Sanchez', sans-serif; }
.alpha-listing .row { padding-left: 20px; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.alpha-listing .alpha-item { display: block; }
.alpha-listing .alpha-item .alpha-image { display: block; padding-bottom: 15px; }
.alpha-listing .alpha-item .alpha-image img { margin: 0 auto }
.alpha-listing .alpha-item h3 { text-align: center; }
#keyword_hold { position: relative; }
#auto_results { display: none; position: absolute; top: 100%; width: 100%; left: 0; background: #FFF; border: 1px solid #ddd; z-index: 9999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#auto_results a { display: block; padding: 5px 10px; }
#auto_results a:hover { background: #eee; }
.tech-listing .letter-head { padding: 20px 20px; margin: 15px 0 30px; background: #e5e2df; font: normal 26px/1em 'Sanchez', sans-serif; cursor: pointer; }
.tech-listing .letter-head:hover { background: #ccc; }
.tech-listing .tech-drop { display: none; }
.tech-listing .tech-item { text-align: center; }
.tech-listing .tech-item .tech-image { height: 200px; margin-bottom: 20px; position: relative; }
.tech-listing .tech-item .tech-image a { margin: 0 auto; display: block; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.tech-listing .tech-item .tech-image img { margin: 0 auto; max-height: 200px; }
.tech-listing .tech-downloads ul { margin: 0 auto; padding: 0; display: inline-block; width: auto; text-align: left; }
.tech-listing .tech-downloads ul li { margin: 0; padding: 0; list-style: none; }
.tech-listing .tech-downloads ul li a { display: block; padding: 5px 0; }
.video-listing { margin: 15px 0; }
.video-listing .video-item { text-align: center; }
.video-listing .video-play { display: block; height: 180px; position: relative; margin-bottom: 20px; }
.video-listing .video-play img { margin: 0 auto; display: block; position: absolute; top: 50%; left: 50%; max-height: 180px; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.video-listing .video-downloads ul { margin: 0 auto; padding: 0; display: inline-block; width: auto; text-align: left; }
.video-listing .video-downloads ul li { margin: 0; padding: 0; list-style: none; }
.video-listing .video-downloads ul li a { display: block; padding: 5px 0; }
.video-slider { position: relative; }
.video-slider .video-play img { width: 100%; }
.video-slider .video-play .play-icon { position: absolute; right: 50%; top: 50%; margin: -25px -25px 0 0; }
.video-slider .video-play .play-icon img { width: auto; }
.category-gal { position: relative; }
.calc-show { display: none; }
.calc-show .letter-head { padding: 20px 20px; margin-bottom: 30px; background: #e5e2df; font: normal 26px/1em 'Sanchez', sans-serif; cursor: pointer; text-align: center; }
.calc-show .calc-form { padding: 20px; border: 2px solid #e5e2df; }
.calc-show .calc-form .mes { display: none; }
.calc-amount { display: none; }
.calc-amount .ca-table { width: 100%; }
.calc-amount .ca-table th { padding: 10px 20px; font-size: 16px; text-align: center; }
.calc-amount .ca-table th:first-child { text-align: left; }
.calc-amount .ca-table td { padding: 10px 20px; }
.calc-amount .ca-table td:first-child { font-weight: bold; }
.calc-amount .ca-table td:last-child { text-align: center; }
.calc-amount .ca-table tr.odd td { background: #e5e2df; }
.calc-btns { text-align: center; margin-bottom: 40px; }
.calc-btns .btn { display: inline-block; margin: 0 10px; }
.calc-btns #where-to-by { display: none; }
.suggestedProd { display: inline-block; }
.btn-prod { display: inline-block; padding: 12px 28px; color: #fff; background: #718c8d; margin-right: 4px; }

/*--- Store Section ---*/
.store-item { background: #FFF; padding: 20px; margin: 10px 0; }
.store-item.odd { background: #e5e2df; }
.store-prds ul { margin: 0; padding: 0; }
.store-prds li { list-style: none; font-weight: normal; font-size: 12px; line-height: 1.8em; padding-bottom: 0; float: left; }
.prd-filter ul { margin: 0; padding: 0; }
.prd-filter li { list-style: none; line-height: 1.4em; }
.prd-filter li label { font-weight: normal; font-size: 12px; padding-bottom: 0; }

/*--- Product Detail ---*/
#content .product-details .content-hold { padding: 40px 0; }
.detail-images { margin-top: -55px; background: #e5e2df; }
.prd-downloads { padding: 10px; background: #e5e2df; float: left; margin: 20px 0; }
.prd-downloads ul { margin: 0px; padding: 10px; text-align: center; }
.prd-downloads ul li { margin: 0px; padding: 0px; list-style: none; }
.prd-downloads ul li a { display: block; padding: 0px; }
.prd-buttons { padding: 40px 0; border-top: 2px solid #e5e2df; border-bottom: 2px solid #e5e2df; text-align: center; }
.prd-buttons .btn { display: inline-block; margin: 0 10px; }
.prd-alternatives { text-align: center; padding: 60px 0; }
.prd-alternatives h3 { padding-bottom: 30px; }
.prd-alternatives .alt-image { margin-bottom: 20px; display: block; position: relative; min-height: 250px; }
.prd-alternatives .alt-image img { margin: 0 auto; max-height: 250px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.prd-alternatives .alt-image .ai-hover { opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.75); transition: opacity 180ms linear; -webkit-transition: opacity 180ms linear; -moz-transition: opacity 180ms linear; }
.prd-alternatives .alt-image:hover .ai-hover { opacity: 1; }
.prd-alternatives .alt-image .ai-hover .btn { position: absolute; top: 50%; left: 50%; margin-left: -95px; margin-top: -23px; }
.prd-alternatives .alt-tagline { font: normal 18px/1em 'Sanchez', sans-serif; font-style: italic; color: #718c8d; padding-bottom: 15px; }
.prd-alternatives .alt-name { font: normal 22px/1em 'Sanchez', sans-serif; }
.easyzoom .alt-image { vertical-align: bottom; margin: 0 auto; max-width: 100%; display: block; }
.easyzoom .alt-image img { margin: 0 auto; }
.easyzoom .alt-image .ai-hover { opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.75); transition: opacity 180ms linear; -webkit-transition: opacity 180ms linear; -moz-transition: opacity 180ms linear; }
.easyzoom .alt-image:hover .ai-hover { opacity: 1; }
.easyzoom .alt-image .ai-hover .btn { position: absolute; top: 50%; left: 50%; margin-left: -95px; margin-top: -23px; }
#threesixty.popup { border: 12px solid #E5E2DF; margin-left: 600px; position: relative; }
#threesixty.popup span { position: absolute; bottom: 5px; right: 5px; font-size: 10px; color: #333; font-style: italic; }
.mfp-auto-cursor .mfp-content { cursor: url('../images/cursor-360.cur'), auto !important; }
.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 100%; left: 20%; margin-left: -60px;    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */ opacity: 0; transition: opacity 1s; }
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }
.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent; }
.prd-projects { text-align: center; padding: 60px 0; background: #e5e2df; }
.prd-projects h3 { padding-bottom: 30px; }
.prd-projects .prj-hold { height: 320px; position: relative; display: block; }
.prd-projects .prj-hold .prj-title { position: absolute; bottom: 0; left: 0; width: 100%; background: #000; background: rgba(0, 0, 0, 0.75); font-size: 18px; line-height: 1.4em; color: #FFF; padding: 15px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.prd-projects .prj-hold:hover .prj-title { background: #fff200; background: rgba(255, 242, 0, 0.75); color: #000; }
.ps-house { position: relative; }
.ps-house .psh-img img { width: 100%; }
.ps-house .psh-tag { display: block; position: absolute; z-index: 5; width: 46px; height: 46px; }
.ps-house .psh-tag .tag-hit { display: block; width: 100%; height: 100%; border: 3px solid #fff200; border-radius: 50%; cursor: pointer; background: #212121; background: rgba(0, 0, 0, 0.65); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; z-index: 2; }
.ps-house .psh-tag .tag-info-hold { position: absolute; top: 50%; left: 0; z-index: 1; padding-left: 44px; display: none; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
.ps-house .psh-tag .tag-info { width: 240px; margin-left: 25px; padding: 20px; color: #FFF; background: #212121; position: relative; }
.ps-house .psh-tag .tag-info a { color: #FFF; }
.ps-house .psh-tag .tag-info a:hover { color: #fff200; }
.ps-house .psh-tag .tag-info-hold.wleft { left: auto; right: 0; padding-left: 0; padding-right: 44px; }
.ps-house .psh-tag .tag-info-hold.wleft .tag-info { margin-left: 0; margin-right: 25px; }
.ps-house .psh-tag .tag-info:after { content: ''; position: absolute; right: 100%; top: 50%; margin-top: -20px; width: 0; height: 0; border-right: solid 20px #212121; border-top: solid 20px transparent; border-bottom: solid 20px transparent; }
.ps-house .psh-tag .tag-info-hold.wleft .tag-info:after { right: auto; left: 100%; border-right: none; border-left: solid 20px #212121; }
.ps-house .psh-tag .tag-info p { padding-bottom: 0; }
.ps-house .ps-search { position: absolute; top: 0; right: 0; width: 380px; padding: 30px; background: #272727; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.ps-house .ps-search h4 { color: #FFF; }
.ps-house .ps-search .ps-search-field { position: relative; }
.ps-house .ps-search .ps-search-field .fa { position: absolute; top: 50%; right: 5px; margin-top: -10px; cursor: pointer; background: #FFF; }
.prj-tabs { text-align: center; background: #212121; }
.prj-tabs .ptab { display: inline-block; color: #FFF; white-space: nowrap; padding: 30px 40px; border-left: 1px solid #4d4d4d; background: #212121; cursor: pointer; }
.prj-tabs .ptab:first-child { border-left: none; }
.prj-tabs .ptab.selected { background: #fff200 !important; color: #212121; }
.prj-tabs .ptab:hover, .prj-tabs .ptab.highlight { background: #000; }
.projects-listing { text-align: center; padding: 40px 0; }
.projects-listing h3 { padding-bottom: 40px; }
.projects-listing .prj-hold { height: 320px; position: relative; display: block; }
.projects-listing .prj-hold .prj-title { position: absolute; bottom: 0; left: 0; width: 100%; background: #000; background: rgba(0, 0, 0, 0.75); font-size: 18px; line-height: 1.4em; color: #FFF; padding: 15px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.projects-listing .prj-hold:hover .prj-title, .projects-listing .prj-hold.highlight .prj-title, .projects-listing .prj-hold.stay-highlight .prj-title { background: #fff200; background: rgba(255, 242, 0, 0.75); color: #000; }

/*Extra layouts*/

/*2 col*/
.paddingBlock { padding: 20px 0; }
.eqWrap { display: flex; }
.eq { padding: 10px; }
.equalHW { flex: 1; }
.equalHMWrap { justify-content: space-between; }
.equalHM { width: 32%; }
.equalHMRWrap { justify-content: space-between; flex-wrap: wrap; }

/*Media 1 Wrap*/
.flex-col-wrapper { display: flex; flex-flow: column wrap; align-items: center; justify-content: center; }
.flex-row-wrapper { flex-wrap: wrap; flex-flow: row wrap; }
.flex-margin { margin: 0px 0px 50px 0px; }

/* Media 2 Wrap*/
.media-wrap { display: flex; align-items: flex-start; }
.wysiwyg.media { margin-right: 1rem; }
.wysiwyg.media:nth-child(1) { margin-left: -4rem; }
.wysiwyg.media-body { -webkit-flex: 1; flex: 1; }
.wysiwyg.media-body > div { flex-wrap: wrap; }

/*Post-Landing*/
.middle-box { display: flex; }
.wysiwyg.equalHM.eq p { color: #000; font-size: 2em; line-height: 1.6;  /* margin-right: -150px; */ }
.wysiwyg.equalHM.eq a {  /* color: #fff200; */

	/* color: #f9791d; */
color: #000; font-size: 2em; line-height: 1.6; margin-right: 170px; }
.page-info p { color: #fff; font-size: 2em; }

/*Thank-you*/
.button-div { position: absolute; }
.thanks-button {  /* background: linear-gradient(45deg, #fff200, #F3F9A7); */

	/* background: #fff200; */
background: linear-gradient(to right top, #fff200, #F3F9A7); padding: 20px; margin: 6em auto; font-size: 1em; font-weight: bold; border-radius: 15px;  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */ box-shadow: 0 4px #CAC531; top: 0px; transition: all ease 0.3s; position: relative; border-color: #CAC531; }
.thanks-button:active { box-shadow: 0 2px #CAC531; top: 3px; }
.thanks-button:focus { outline: 0; }

/*Where To Buy Chat Bot styles*/
.not-found-message { }
.not-found-message h3 { font-size: 26px; }
.not-found-message p { font-size: 20px; }

/*Responsive extra layouts*/
@media(max-width:1200px) {
	.wysiwyg.media:nth-child(1) { margin-left: 0rem; }
	.thanks-button { margin: 2em auto; }
}
@media(max-width:800px) {
	iframe { width: 98vw; height: 56.25vw; /* 100/56.25 = 560/315 = 1.778 */ }
	.wysiwyg.flex-margin iframe { width: 100vw; height: 56.25vw; /* 100/56.25 = 560/315 = 1.778 */ }
	.media-wrap { flex-flow: row wrap; }
	.wysiwyg.media:nth-child(1) { margin-left: 0rem; }
	.wysiwyg.media:nth-child(2) { margin-left: -1rem; }
	.wysiwyg.media { margin-right: 0rem; }
	.equalHMWrap.eqWrap { flex-flow: row wrap; }
	.eqWrap { display: block; }
	.equalHM { width: auto; }
	.wysiwyg.equalHM.eq:nth-child(1) { margin-left: -26px; }
	.wysiwyg.equalHM.eq p { margin-left: 30px; }
	#content > div.container-small > div > div > div:nth-child(2) > div:nth-child(1) > p { margin-left: 55px; }
}
@media(max-width:430px) {
	iframe { width: 103vw; height: 56.25vw; /* 100/56.25 = 560/315 = 1.778 */ }
	.wysiwyg.equalHM.eq:nth-child(1) { margin-left: -23px; }
	.button-div { position: relative; }
	.thanks-button { margin: 1em auto; }
	.wysiwyg.equalHM.eq p { margin-left: 25px; }
	#content > div.container-small > div > div > div:nth-child(2) > div:nth-child(1) > p { margin-left: 45px; }
}

/* -- Responsive YouTube Embed -- */
.video-max { max-height: 360px; overflow: hidden; margin-bottom: 10px; }
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 640px; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 360px; }


/* -- Site notice feature -- */
.site-notice {
  text-align: center;
  width: 100%;
  padding-top: 20px;
  background: rgba(35, 31, 32, 0.75);
  color: #f5e617;
  position: fixed;
  top: 0;
  left: 0;
  height: 40px;
  z-index: 20;
}
.site-notice a,
.site-notice a:visited {
  color: #f5e617;
}
.site-notice a:active,
.site-notice a:hover {
  color: white;
}
.site-notice + #header {
  top: 60px !important;
  transition: top 0.3s;
}
.site-notice.small {
  display: none;
}
.site-notice + #header.small {
  top: 0 !important;
  transition: top 0.3s;
}

/*-- Responsiveness Media Queries -- */
@media (max-width:1680px) {
	.container { width: 94%; }
	#marketing .oc-hold { width: 94%; }
	.prj-tabs .ptab { padding: 20px 26px; }
	#navigation ul li.level_1 a { padding: 105px 15px 40px; font-size: 16px; line-height: 16px; }
}
@media (max-width:1500px) {
	#content .pros-left .wysiwyg { max-width: 520px; }
	#marketing .pro-caption { font: normal 32px/1.2em  'Sanchez', serif; color: #FFF; width: 750px; text-align: center; margin-top: 80px; }
	#marketing .pro-caption .in-bars { padding: 20px 0; border-top: 5px solid #fff200; border-bottom: 5px solid #fff200; font-size: 56px; line-height: 1.4em; margin-bottom: 20px; }
	#navigation ul li.level_1 a { font-size: 16px; line-height: 1em; }
	.prj-tabs .ptab { padding: 20px 20px; }
	#threesixty.popup { margin-left: 450px; }
}
@media (max-width:1420px) {
	#navigation { bottom: 22px; }
	#footer #copyright { padding: 0 40px 30px; margin: 0 40px; }
	#navigation ul li.level_1 a { padding-right: 5px; padding-left: 5px; }
	.prj-tabs .ptab { padding: 20px 15px; font-size: 14px; line-height: 1em; }
}
@media (max-width:1360px) {
	.container-small { width: 94%; }
	#content .pros-left .wysiwyg { max-width: 480px; }
	.home-pro-cta a { font-size: 28px; line-height: 1.3em; }
	#threesixty.popup { margin-left: 300px; }
}
@media (max-width:1280px) {
	.nodt { display: block !important; }
	span.nodt { display: inline !important; }
	.enter-wide .set-visitor .tagline { top: auto !important; left: 0 !important; right: 0 !important; bottom: 40px; font-size: 32px !important; line-height: 1.2em !important; -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
	.enter-wide .set-visitor .hover-info { top: auto; bottom: 0; -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
	.enter-wide .set-visitor .hover-info span { max-width: none; padding: 0 !important; }
	#header .search-icon { right: 70px; bottom: 31px; }
	#navigation .mobile-menu { display: block; }
	#navigation { right: 0; }
	#navigation #nav-menu { position: fixed; top: 165px; right: -302px; width: 300px; height: 100%; background: #FFF; overflow: auto; box-shadow: 1px 1px 5px #888888; padding: 10px 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: right 320ms linear, top 180ms linear; -webkit-transition: right 320ms linear, top 180ms linear; -moz-transition: right 320ms linear, top 180ms linear; }
	#navigation #nav-menu.open { right: 0; }
	#navigation ul li.level_1 { height: auto; }
	#navigation ul li.level_1:last-child { padding-bottom: 165px; }
	#navigation ul li.level_1 a { display: block; float: none; color: #212121; font-size: 18px; font-weight: bold; border-bottom: none !important; line-height: 16px; height: auto; padding: 12px 15px; text-shadow: none; margin-top: 0; }
	#navigation ul li.level_1 a:hover { background: #ededed; color: #000; border-bottom: none; height: auto; }
	#navigation ul li.level_1 .subnav li { display: block; }
	#navigation ul li.level_1 .subnav li a { font-weight: normal; font-size: 16px; margin: 0; text-align: left; border-bottom: 0 !important; }
	#navigation ul li.level_1 .subnav li a:hover { background: #ededed; color: #000; }
	#navigation ul li.level_1:hover a.l1-link { color: #000; }
	#navigation ul li.level_1 { float: none; }
	#navigation ul li.level_1 .subnav { display: block; position: static; border: none; top: 0; padding: 0 0 10px; background: #FFF; box-shadow: none; -webkit-box-shadow: none; }
	#header.small #navigation #nav-menu { top: 98px; }
	#header.small #navigation ul li.level_1 a { padding: 12px 15px; }
	#header.small #navigation ul li.level_1 .subnav li a { padding: 4px 25px; }
	#header.small #navigation ul li.level_1:last-child { padding-bottom: 98px; }
	#header.small .search-icon { display: block !important; }
	#navigation ul li.level_1:hover a.mega-link.open { background: #ededed; }
	#navigation ul li.level_1:hover a.mega-link:after { display: none; }
	#navigation ul li.level_1:hover a.mega-link { background: #ededed; }
	#navigation ul li.level_1:hover #mega-drop { display: none !important; }
	#header .search-icon { top: auto; bottom: 30px; }
	#marketing { width: 140% !important; margin-left: -20%; }
	#marketing .oc-hold .owner-caption { left: 50%; width: 60%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	#content .pros-left { position: static; width: 100%; height: auto; }
	#content .pros-right { width: 100%; float: none; }
	#content .pros-left .wysiwyg { position: static; top: auto; right: auto; max-width: 100%; padding: 60px 40px; -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
	#lead .lead-img { height: 480px; }
	#content .home-owner-full .wysiwyg { padding-right: 0; }
	#content .home-owner-full .drk-mask { display: block; }
	#content .home-owner-full h1 { font-size: 40px; line-height: 1.2em; }
	#content .home-owner-full h2 { font-size: 33px; line-height: 1.2em; }
	.prj-tabs .ptab { padding: 20px 10px; }
}
@media (max-width:1160px) {
	#footer #footer-links { float: right; text-align: right; }
	#footer #copyright { border-right: 0; border-left: 0; padding-left: 0; margin-left: 0; }
	#footer #footer-nl { float: none; clear: both; padding-top: 30px; }
	#content .content-left { width: 100%; float: none; margin-bottom: 20px; }
	#content .calculators .content-left { display: none; }
	#content .content-right, #content .calculators .content-right { float: none; width: 100%; }
	#content .content-left .side-nav, #content .content-left .side-nav, #content .content-left .blog-nav, #content .content-left .prd-filter, #content .content-left .prd-filter h3 { display: none }
	#content .content-left .left-side-cta { max-width: 500px; }
	#content .content-left .fshow { display: block; cursor: pointer; float: right; margin: 15px 0 10px; background: #ededed; padding: 7px 10px; color: #656565; }
	#content .content-left .fshow .fa { font-size: 22px; }
	#content .content-left .fshow label { font-weight: normal; }
	#content .pcategory-left { width: 58%; float: left; }
	#content .pcategory-right { width: 40%; float: right; }
	.grid-sizer { width: 49%; }
	.brick { width: 49%; }
	.side-trigger { display: block; }
	.prj-tabs .ptab { padding: 20px 8px; font-size: 13px; line-height: 1em; }
	.ps-house .psh-tag { width: 34px; height: 34px; }
	.ps-house .psh-tag .tag-hit { border: 2px solid #fff200; }
	.ps-house .psh-tag .tag-info-hold { padding-left: 32px; }
	.ps-house .psh-tag .tag-info-hold.wleft { padding-right: 32px; }
	.ps-house .psh-tag .tag-info { padding: 15px; }
}
@media (max-width:1060px) {
	.prj-tabs .ptab { padding: 20px 8px; font-size: 12px; line-height: 1em; }
	#threesixty.popup { margin-left: 200px; }
}
@media (max-width:980px) {
	.row .col.split { margin-left: 0; clear: both !important; }
	.row .col.split_int { margin-left: 2%; clear: none; }
	.row .half, .row .third_2, .row .fourth_2, .row .fourth_3, .row .fifth_3, .row .fifth_4, .row .sixth_5 { width: 100%; margin-left: 0; }
	.row .fourth, .row .third, .row .third, .row .sixth, .row .sixth_2, .row .sixth_3 { width: 49%; }
	.row .fifth { width: 32%; }
	.row .fifth_2, .row .sixth_4 { width: 66%; }
	.detail-images { margin-top: 20px; float: none; }
	.prd-buttons .btn { display: block; margin: 20px 0; text-align: left; }
	.searchby-hold .row .col.third.split { width: 100%; }
	#lead.searchby .page-info { padding-top: 0; top: 45%; }
	#lead.searchby .lead-img { height: 720px; background-size: auto 480px !important; background-position: top center !important; }
	#lead .searchby-hold { background: #231f20; }
	#lead .lead-img { height: 420px; }
	.home-owner-cta { width: 100%; display: block; padding: 30px 20px; }
	.home-owner-cta a { display: block; margin: 0 auto; }
	.home-owner-cta.mid { border-top: 2px solid #BEB6AF; border-bottom: 2px solid #BEB6AF; border-left: 0; border-right: 0; padding: 20px; margin: 4px 0; }
	#marketing .oc-hold .owner-caption h1 { font-size: 64px; line-height: 1em; }
	#marketing .oc-hold .owner-caption h2 { font-size: 28px; line-height: 1em; }
	.prj-tabs .ptab { padding: 15px 20px; display: block; float: none; font-size: 14px; line-height: 1em; border-left: none; }
	.projects .side-trigger { display: block; margin-top: 30px; }
	.prj-tabs { display: none; }
	.projects-listing { padding-top: 20px; }
	.projects-listing h3 { text-align: left; padding-bottom: 30px; }
	#content .pcategory-left { width: 50%; float: left; }
	#content .pcategory-right { width: 48%; float: right; }
	.ps-house { margin-bottom: 120px; }
	.ps-house .ps-search { top: 100%; width: 100%; padding: 20px 15px; }
	#threesixty.popup { margin-left: 250px; }
}
@media (max-width:800px) {
	.mshow { display: block !important; }
	.mhide { display: none !important; }
	.enter-wide .ent-pro { top: 0; left: 0; height: 50%; width: 100%; }
	.enter-wide .ent-home { top: 50%; right: 0; height: 50%; width: 100%; }
	.enter-wide .set-visitor .hover-info { display: none !important; }
	.enter-wide .set-visitor .tagline { display: block !important; }
	.enter-wide #logo { width: 180px; margin-left: -90px; margin-top: -53px; }
	#marketing .pro-caption { font: normal 28px/1.2em  'Sanchez', serif; width: 560px; text-align: center; margin-top: 20px; }
	#marketing .pro-caption .in-bars { padding: 15px 0; border-top: 4px solid #fff200; border-bottom: 4px solid #fff200; font-size: 38px; line-height: 1.4em; margin-bottom: 15px; }
	#marketing { width: 100% !important; margin-left: 0; }
	#marketing.desktop { width: 160% !important; margin-left: -30%; }
	#marketing .oc-hold .owner-caption { margin-top: 20px; }
	#header, #header.small { height: 50px; padding: 5px 0; }
	#header .switcher { background: none !important; position: absolute; top: 12px; padding: 0; right: 126px; height: 28px; margin-top: 0; }
	#header .switcher.mshow { display: block !important; }
	#header .switcher .switch-label { display: none; }
	#header .switcher .fa.fa-user { color: #FFF; font-size: 28px; line-height: 1em; }
	#header #logo, #header.small #logo { max-width: 86px; }
	#header .search-icon { bottom: 12px; color: #FFF !important; }
	#header.small #navigation #nav-menu, #header #navigation #nav-menu { top: 60px; }
	#navigation .mobile-menu { bottom: -12px; }
	#lead { min-height: 50px; }
	#lead .page-info { padding: 60px 20px 0; }
	#footer #footer-links { float: none; text-align: center; }
	#footer #copyright { padding-right: 0; margin-right: 0; text-align: center; padding-top: 40px; float: none; }
	#footer #footer-nl { margin: 0 auto; text-align: center; }
	#footer .social { text-align: center; }
	#footer .social ul { float: none; }
	#footer .social ul li { display: inline-block; float: none; margin: 0 5px 5px; }
	h1 { font: normal 46px/1.2em 'Sanchez', Arial, Helvetica, sans-serif; }
	h2 { font: normal 30px/1.2em 'Sanchez', Arial, Helvetica, sans-serif; }
	h3 { font: normal 20px/1.2em 'Sanchez', Arial, Helvetica, sans-serif; }
	h4 { font: normal 16px/1.2em 'Sanchez', Arial, Helvetica, sans-serif; }
	h5 { font: normal 14px/1.2em 'Sanchez', Arial, Helvetica, sans-serif; }
	body { font: normal 14px/1.8em 'Open Sans', Arial, sans-serif; }
	#lead .lead-img { height: 320px; }
	#lead.searchby .lead-img { height: 560px; }
	#lead.searchby .page-info { top: 35%; }
	#content .home-owner-full h1 { font-size: 32px; line-height: 1.2em; }
	#content .home-owner-full h2 { font-size: 27px; line-height: 1.2em; }
	.ps-house .psh-tag { width: 24px; height: 24px; }
	.ps-house .psh-tag .tag-hit { border: 2px solid #fff200; }
	.ps-house .psh-tag .tag-info-hold { padding-left: 22px; }
	.ps-house .psh-tag .tag-info-hold.wleft { padding-right: 22px; }
	.ps-house .psh-tag .tag-info { padding: 10px; font-size: 14px; line-height: 1.8em; }
	#threesixty.popup { margin-left: 150px; }
}
@media (max-width:680px) {
	.home-pro-cta { padding: 30px 10px; }
	.home-pro-cta a span { display: block; text-align: center; }
	.home-pro-cta img { margin: 0 auto 30px; }
	#content .pros-left .wysiwyg { padding: 40px 15px; }
	#marketing .oc-hold .owner-caption { padding: 20px; }
	#marketing .oc-hold .owner-caption h1 { font-size: 32px; line-height: 1em; }
	#marketing .oc-hold .owner-caption h2 { font-size: 18px; line-height: 1em; }
	#content .pcategory-left { width: 100%; float: none; margin-bottom: 20px; }
	#content .pcategory-right { width: 100%; float: none; }
}
@media (max-width:610px) {
	.row .col { margin-left: 0 !important; clear: both !important; width: 100% !important; }
	.row .third, .row .fourth { margin: 10px 0; }
	#marketing .pro-caption { font: normal 20px/1.2em  'Sanchez', serif; width: 400px; text-align: center; margin-top: 20px; }
	#marketing .pro-caption .in-bars { padding: 15px 0; border-top: 3px solid #fff200; border-bottom: 3px solid #fff200; font-size: 28px; line-height: 1.4em; margin-bottom: 15px; }
	#marketing, #marketing.desktop { width: 100% !important; margin-left: 0 !important; }
	#marketing .oc-hold { position: static; z-index: 10; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
	#marketing .oc-hold .owner-caption { left: 0; text-align: center; padding-bottom: 30px; position: static; margin-top: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
	#marketing .oc-hold .owner-caption h1 { font-size: 24px; line-height: 1em; }
	#marketing .oc-hold .owner-caption h2 { font-size: 18px; line-height: 1em; }
	.flex-control-paging li a { width: 8px !important; height: 8px !important; }
	#lead.searchby .lead-img { height: 670px; }
	#lead.searchby .page-info { top: 30%; }
	.grid-sizer { width: 100%; }
	.brick { width: 100%; }
	.blog-featured .bf-info { width: 100%; float: none; position: static; min-height: 0; }
	.blog-featured .bf-image { width: 100%; float: none; position: static; height: 320px; }
	.ps-house .psh-tag { width: 15px; height: 15px; }
	.ps-house .psh-tag .tag-hit { border: 1px solid #fff200; }
	.ps-house .psh-tag .tag-info { padding: 8px; font-size: 12px; line-height: 1.8em; width: 180px; }
	.ps-house .psh-tag .tag-info-hold { padding-left: 18px; }
	.ps-house .psh-tag .tag-info-hold.wleft { padding-right: 18px; }
	.comment-hold .btn { float: none !important; margin-right: 0 !important; margin-bottom: 15px; }
}
@media (max-width:440px) {
	h1 { font: normal 32px/1.2em 'Sanchez', Arial, Helvetica, sans-serif; }
	h2 { font: normal 24px/1.2em 'Sanchez', Arial, Helvetica, sans-serif; }
	h3 { font: normal 18px/1.2em 'Sanchez', Arial, Helvetica, sans-serif; }
	#content .home-owner-full h1 { font-size: 24px; line-height: 1.2em; }
	#content .home-owner-full h2 { font-size: 20px; line-height: 1.2em; }
	#footer #footer-nl { width: 100%; }
	#marketing .pro-caption { font: normal 18px/1.2em  'Sanchez', serif; width: 90%; text-align: center; margin-top: 20px; }
	#marketing .pro-caption .in-bars { padding: 15px 0; border-top: 3px solid #fff200; border-bottom: 3px solid #fff200; font-size: 24px; line-height: 1.4em; margin-bottom: 15px; }
	.blog-featured .bf-image { height: 230px; }
	#b1leveler-submit, #black-submit, #cold-patch-submit, #concrete-submit, #filling-submit, #maximizer-submit, #maximizer_filling_round-submit, #maximizer_round-submit, #maximizer_square-submit, #paver-submit, #round-submit, #sakrete_mortar_mix-submit, #sand-submit, #square-submit, #surface_bonding_cement-submit, #topnbond-submit { margin: 30px; }
	#threesixty.popup { margin-left: -70px; }
}
@media (max-width:320px) {
	.ps-house .psh-tag .tag-info { ont-size: 11px; line-height: 1.8em; width: 160px; }
	#threesixty.popup { margin-left: -70px; }
}