/*
Theme Name: Mapes Panels 
Description: Custom Theme for Mapes Panels
Author: Ebbeka Design
Author URI: www.ebbekadesign.com
Version: 1.0
*/

/*@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,400italic);*/
/*@import url(fonts/brandon-grotesque/brandon-grotesque-style.css);*/
/* Reset */
.pum-content .aligncenter { margin: 0 auto; display: block; }
.pum-content p { font-size: 18px }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
em { font-style: italic }
strong { font-style: bold }
.left { float: left !important; }
.right { float: right !important; }
.center { margin-left: auto !important; margin-right: auto !important; text-align: center !important; }
/* Search Bar Fix */
form input, form textarea { -webkit-appearance: none; -webkit-border-radius: 0px; margin: 0; padding: 0; border: 0; display: block; resize: none; }
form input[type=submit] { -webkit-appearance: none; -webkit-border-radius: 0px; margin: 0; padding: 0; border: 0; background: none; display: block; position: relative; top: 0px; }
form input[type=submit]:hover { cursor: pointer; }
input, textarea, select, a { outline: none; }
/* Overflow Fix */

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* Universal */

a { text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #9b3214; }
a:hover { color: #434345; }
a img { zoom: 1; filter: alpha(opacity=100); opacity: 1.0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:hover img { zoom: 1; filter: alpha(opacity=65); opacity: 0.65; }
h1 { font-size: 34px; line-height: 36px; text-transform: uppercase; letter-spacing: 0px; color: #9b3214; margin: 0 0 40px 0; }
h2 { font-style: normal; font-weight: 300; font-size: 30px; line-height: 32px; text-transform: uppercase; letter-spacing: 0px; color: #8b8b8c; margin: 0 0 18px 0; }
h3 { font-style: normal; font-weight: 300; font-size: 24px; line-height: 30px; text-transform: uppercase; letter-spacing: 0px; color: #434345; margin: 40px 0 18px 0; }
h4 { font-size: 20px; line-height: 26px; text-transform: uppercase; letter-spacing: 0px; color: #434345; margin-bottom: 8px; margin: 0 0 18px 0; }
h5 { font-style: italic; font-weight: 400; font-size: 14px; line-height: 24px; color: #8b8b8c; margin: 0 0 18px 0; }
h6 { font-weight: 400; font-size: 12px; line-height: 18px; text-transform: uppercase; letter-spacing: 0px; color: #434345; margin: 0 0 18px 0; }
p { font-weight: 400; font-size: 16px; line-height: 28px; color: #434345 !important; margin: 0 0 18px 0; }
.alignright { float: right; padding: 15px; }
.main-content ul li, .main-content ol li, .main-content-scroll ul li, .main-content-scroll ol li { font-weight: 400; font-size: 16px; line-height: 24px; color: #434345; }
.main-content ul, .main-content ol, .main-content-scroll ul, .main-content-scroll ol { margin: 0 0 18px 30px; }
span.button { font-weight: 600; font-size: 12px; line-height: 18px; text-transform: uppercase; letter-spacing: 1px; color: #fff; background: #9b3214; padding: 12px; position: absolute; bottom: 43px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:hover span.button { color: #9b3214; background: #e0e0e1; }
/* Main */

body { font-style: normal; font-weight: 400; background: #f3f3f3; }
.outer-wrapper { width: 100%; height: auto; margin: 0 auto; background: #fff; position: relative; max-width: 100%; }
/* Header Main */

.flex-start { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-direction: row; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; }
.flex-end { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-direction: row; flex-wrap: wrap; -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; }
.flex-center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-direction: row; flex-wrap: wrap; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; }
.flex-space-around { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-direction: row; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; }
.flex-space-between { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-direction: row; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }
.flex-align-stretch { align-items: stretch; align-content: stretch; }
.flex-align-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-items: center; align-content: center; }
.flex-align-start { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; align-items: flex-start; align-content: flex-start; }
.flex-align-end { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; align-items: flex-end; align-content: flex-end; }
.flex-start.flex-col, .flex-end.flex-col, .flex-center.flex-col, .flex-space-around.flex-col, .flex-space-between.flex-col { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-start.flex-row-reverse, .flex-end.flex-row-reverse, .flex-center.flex-row-reverse, .flex-space-around.flex-row-reverse, .flex-space-between.flex-row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
header { position: fixed; top: 0px; z-index: 999; width: 100%; top: 0; height: auto; border-bottom: solid 0 #dededf; background: #fff; max-width: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1); }
.main-navigation-icons { width: 100%; height: auto; float: none; margin: 0; display: flex; align-items: center; padding: 0 15px; max-width: 1555px; flex: 0 0 1555px;/*flex-flow: row-reverse;*/ justify-content: flex-end; }
.main-content-scroll, .main-content { margin-left: auto; margin-right: auto; z-index: 50 !important; display: block !important; position: relative !important; padding: 310px 0px 0 4.5%; width: 960px; height: auto !important; min-height: 320px !important; margin-left: auto; margin-right: auto; display: block !important; text-align: left; }
.main-header { width: 100% !important; padding: 15px 0; border-bottom: solid 0px #dededf; zoom: 1; filter: alpha(opacity=100); opacity: 1.0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: flex; align-items: center; float: none; flex-wrap: wrap; }
.main-header-scroll { width: 100% !important; height: auto !important; padding: 20px 15px !important; border-bottom: none !important; zoom: 1 !important; filter: alpha(opacity=0); opacity: 0.0 !important }
.main-header.main-header-scroll { display: none }
.navigation-icon { margin: 0 0 0 20px !important; text-align: center !important }
.navigation-icon img { min-height: 30px; }
.navigation-icon h6 { margin-top: 5px !important; margin-bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 1px; }
.navigation-icon h6 a { color: #434345 !important; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 13px; }
.navigation-icon h6 a:hover { color: #8b8b8c !important; }
.live-chat h6 a { color: #9b3214 !important; }
.live-chat h6 a:hover { color: #9b3214 !important; }
/*.logo-header { max-width: 214px; flex: 0 0 214px; padding: 0 15px; width: 100%; }*/
/* Header Secondary */

.secondary-header { width: 100%; height: 0px; padding: 0px; position: relative; border-bottom: solid 1px #dededf; zoom: 1; filter: alpha(opacity=0); display: none; }
.secondary-header-scroll { width: 100% !important; height: auto; padding: 15px !important; position: relative; border-bottom: solid 1px #e9e9e9 !important; zoom: 1 !important; filter: alpha(opacity=100) !important; display: flex !important; top: 0 !important; align-items: center; flex-wrap: wrap; }
.secondary-contact-info { position: relative; top: 0; left: 0; display: block; }
.secondary-contact-info span { font-size: 20px; line-height: 20px; letter-spacing: 2px; color: #9b3214; font-family: "erbaum", sans-serif; }
img.secondary-header-logo { margin: 0px 0 0 !important; display: block; }
.secondary-navigation-icons { position: relative !important; right: 0px !important; top: 0; }
/* Content Blocks */

.main-content { z-index: 50; display: block; position: relative; padding: 197px 0 0 0; width: 100%; height: auto; min-height: 320px; }
.main-content-scroll { z-index: 50; display: block; position: relative; padding: 232px 0 0 0; width: 100%; height: auto; min-height: 320px; }
#homepage-slider { width: 100%; height: auto; position: relative; margin: 0 0 50px 0; margin-left: auto; margin-right: auto; display: block; float: left }
html * .ls-wp-container .ls-slide > *, body * .ls-wp-container .ls-slide > *, #ls-global * .ls-wp-container .ls-slide > * { color: #fff !important; }
.slider-callout { background: -webkit-linear-gradient(#ffffff, #f4f4f4); background: -o-linear-gradient(#ffffff, #f4f4f4); background: -moz-linear-gradient(#ffffff, #f4f4f4); background: linear-gradient(#ffffff, #f4f4f4); height: auto !important; width: 50% !important; padding: 32px 26px 42px 26px; border-left: 1px solid #dededf; border-bottom: 1px solid #dededf; border-right: 1px solid #dededf; float: left; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-top: 5px solid #9b3214; z-index: 10; }
.slider-callout h1 { margin: 40px 0 0 0; }
.slider-image { height: auto !important; }
.slider-image { position: relative; top: inherit; right: inherit; z-index: 50; width: 50%; height: auto; display: inline-block; float: left; padding: 0 0 0 20px; }
#homepage-features { text-align: center; width: 100%; height: auto; margin: 0 0 30px 0; margin-left: auto; margin-right: auto; display: block; }
#homepage-features h3 { margin: 0 0 20px 0; }
.homepage-featured { float: left; height: auto; text-align: left; width: 100% }
.homepage-featured-content { background: -webkit-linear-gradient(#ffffff, #f4f4f4); background: -o-linear-gradient(#ffffff, #f4f4f4); background: -moz-linear-gradient(#ffffff, #f4f4f4); background: linear-gradient(#ffffff, #f4f4f4); width: 100%; height: auto; padding: 26px 30px; border-left: 1px solid #dededf; border-bottom: 1px solid #dededf; border-right: 1px solid #dededf; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; }
.homepage-featured-image { width: 100%; height: auto; overflow: hidden; margin: 30px 0; }
.homepage-featured-image img { margin-left: auto; margin-right: auto; display: block; }
.bottom { margin-bottom: 45px; }
.blue { border-top: 10px solid #005387; }
.blue h1 { color: #005387; }
.gold { border-top: 10px solid #a88049; }
.gold h1 { color: #a88049; }
.red { border-top: 10px solid #9b3214; }
.red h1 { color: #9b3214; }
#three-column-block { width: 100%; height: auto; }
.three-column-featured img { width: 100%; }
#three-column-block-home { margin-left: auto; margin-right: auto; display: block; }
.three-column { width: 300px; height: auto; float: left; display: block; margin: 0 0 15px 0; }
.three-column-featured { height: 175px; overflow: hidden; margin: 0 0 10px 0; position: relative; }
.three-column-featured:hover .icon { display: block; width: 100%; height: 100%; }
.icon { position: absolute; display: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#search { width: 960px; height: auto; margin: 0 auto 26px auto; }
#search form input[type=text] { -webkit-appearance: none; -webkit-border-radius: 0px; margin: 0; padding: 0 0 4px 0; border: 0; display: block; background: none; border-bottom: 1px solid #dededf; width: 960px; color: #a2a2a4; font-weight: 300; font-size: 24px; text-transform: uppercase; letter-spacing: 2px; }
.two-column { width: 434px; height: auto; float: left; margin: 0 46px 0 0; }
.margin-right { margin: 0 30px 0 0; }
/* Navigation Top */

.menu-main-container { width: 100% !important; height: auto !important; padding: 0 46px !important; }
ul#menu-main { position: relative; z-index: 999; list-style: none; }
ul#menu-main li { float: none; margin: 0 34px 0 0; padding: 26px 5.9% 26px 0%; position: relative; display: inline-flex; }
ul#menu-main li a { display: inline-block; font-weight: 700; /*font-size: 14px;*/ font-size: 18px; line-height: 14px; text-transform: uppercase; letter-spacing: 3px; color: #3d3d40 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
ul#menu-main li a:hover, ul#menu-main li ul.sub-menu li a:hover { color: #8b8b8c !important; }
ul#menu-main li ul.sub-menu { display: none; list-style: none; width: 100%; position: absolute; top: 54px; left: -10px; background: #ffffff; padding: 12px 10px 12px 10px; border-left: solid 1px #dededf; border-bottom: solid 1px #dededf; border-right: solid 1px #dededf; }
ul#menu-main li ul.sub-menu li { position: relative; z-index: 999; clear: both; margin: 0 0 16px 0; padding: 0 0 0 0; display: block }
ul#menu-main li ul.sub-menu li a { display: block; font-weight: 400; font-size: 14px; line-height: 14px; text-transform: none; letter-spacing: 1px; color: #434345 !important; }
ul#menu-main li:hover ul.sub-menu { display: block; position: absolute; z-index: 999; }
/* Navigation Bottom */

.menu-secondary-container { width: 100%; height: auto; padding: 0 15px; border-top: solid 0px #dededf; display: block; text-align: center; float: none; margin: 0 auto; max-width: 1800px; }
ul#menu-secondary { position: relative; z-index: 999; list-style: none; }
ul#menu-secondary li { float: left; margin: 0 34px 0 0; padding: 35px 0 35px 0; position: relative; }
ul#menu-secondary li a { display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; text-transform: uppercase; letter-spacing: 3px; color: #434345 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
ul#menu-secondary li a:hover { color: #8b8b8c !important; }
/* Footer */

footer { width: 100%; height: auto; padding: 60px 46px; border-top: solid 1px #dededf; }
footer span { font-weight: 400; font-size: 14px; line-height: 14px; letter-spacing: 1px; color: #a2a2a4; }
footer #copyright { width: auto; height: auto; float: right; }
/* Contact Forms */

.wpcf7 h3 { margin: 0 !important; }
.wpcf7 h4 { margin: 30px 0 4px 0 !important; }
.wpcf7 h3 span { color: red !important; }
.wpcf7 form input[type=text], .wpcf7 form input[type=email], form textarea { font-weight: 400; font-size: 16px; line-height: 24px; color: #434345; padding: 10px; width: 380px; margin: 4px 0 32px 0; background: #f1f1f2; }
.wpcf7 form input[type=submit], form input[type=button] { -webkit-appearance: none; -webkit-border-radius: 0px; margin: 0; padding: 0; border: 0; background: none; display: block; position: relative; top: 0px; }
.wpcf7-list-item { display: block; height: 30px; }
.wpcf7 form input[type=checkbox] { -webkit-appearance: checkbox; float: left; margin: 6px 6px 0 -8px; }
img.wpcf7-captchac { margin: 20px 0 0 0 !important; }
.wpcf7 form input[type=submit], form input[type=button] { font-weight: 600; font-size: 12px; line-height: 18px; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; background: #9b3214; padding: 14px 0; width: 400px; height: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.wpcf7 form input[type=submit]:hover, form input[type=button]:hover { color: #9b3214; background: #f1f1f2; }
.wpcf7-response-output { border: none !important; font-weight: 400 !important; font-size: 16px !important; line-height: 24px !important; color: #434345 !important; }
form input[type=text].phone, form input[type=text].fax, form input[type=text]#quantity { width: 100px; margin-right: 20px; text-align: center; }
form input[type=text], form input[type=email], form textarea { font-weight: 400; font-size: 16px; line-height: 24px; color: #434345; padding: 10px; width: 380px; margin: 4px 0 32px 0; background: #f1f1f2; }
form input[type=submit] { -webkit-appearance: none; -webkit-border-radius: 0px; margin: 0; padding: 0; border: 0; background: none; display: block; position: relative; top: 0px; }
form input[type=checkbox] { -webkit-appearance: checkbox; float: left; margin: 6px 6px 0 -8px; }
img.wpcf7-captchac { margin: 20px 0 0 0 !important; }
form input[type=submit] { font-weight: 600; font-size: 12px; line-height: 18px; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; background: #9b3214; padding: 14px 0; width: 400px; height: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
form input[type=submit]:hover { color: #9b3214; background: #f1f1f2; }
form span.required { color: red; }
/* Find A Rep */

.representative { display: none; margin: auto; position: relative; top: 30%; width: 650px; background-color: #fff; padding: 40px; }
.representative img { float: right; max-width: 280px; height: auto; margin: 0 0 0 40px; }
#representatives { background: url(images/overlay.png); display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; background: rgba(198, 198, 198, .75); z-index: 1001; }
#find-a-rep > svg { margin-left: -20px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); }
#find-a-rep svg { cursor: pointer; }
/* Interior */

.product-uploads { width: 100%; height: auto; }
.product-upload { float: left; width: 118px; text-align: center; padding: 1px; margin: 10px 10px 0 0; }
.fall-back { display: none; }
.search-result { margin-bottom: 46px; border-bottom: solid 1px #dededf; }
.search-result h2 { margin: 0 0 8px 0 !important; }
#quote_wrapper { width: 440px; padding: 0 0 110px 0; float: left; }
#quote_wrapper p { clear: both; position: relative; }
#product_demo { width: 425px; text-align: center; position: relative; margin-bottom: 24px; }
#product_demo > div > div { padding: 10px; }
.glazing_leg { position: relative; width: 380px; border-top: none !important; }
.pan { position: relative; clear: both; }
.glazing_leg > div { padding: 10px; }
.pan > div { padding: 10px; }
.mapeshape div.pan, .mapeshape div.glazing_leg { padding: 0 !important; }
.mapeshape div.glazing_leg { margin-left: 20px; border-left: 30px solid #933; border-right: 30px solid #933; width: 325px; }
.mapeshape div.glazing_leg .glazing_thickness { left: 370px; }
.finish { background-color: #933; }
.substrate { background-color: #B1836B; }
.impact { background-color: #ddd; }
#right_content h3 { margin: 25px 0 18px 0; }
#right_content .thickness { width: 10px; left: 450px; top: 5%; position: absolute; background-color: #FFF; height: 90%; border: 1px solid #bbb; color: #BDBDBD; border-left: none !important; }
#right_content .thickness p { background-color: #FFF; position: absolute; margin-top: -10px; top: 50%; left: -20%; width: 30px; text-align: center; }
.glazing_thickness { padding: 0 !important; width: 10px; left: 400px; top: 10%; position: absolute; background-color: #FFF; height: 85%; color: #BDBDBD; border: 1px solid #bbb; border-left: none !important; }
.glazing_thickness p { background-color: #FFF; position: absolute; margin-top: -10px; top: 40%; left: -20%; width: 30px; text-align: center; }
#right_content { margin: 1px 0 0 20px; width: 500px; float: right; }
#right_content p { margin: 0; }
#right_content h4 { margin-top: 40px; }
#left_content { width: 230px; float: left; }
label.error { margin: 5px 5px 0px 2px; background-color: #962f20; color: white; display: inline-block; padding: 4px 12px 4px 8px; text-align: center; position: absolute; top: 30px; right: 470px; white-space: nowrap; }
#warning label.error { right: 432px; }
label.error:after { content: ""; display: block; height: 32px; width: 16px; right: -16px; top: 0px; background-image: url(images/right-arrow.png); background-repeat: no-repeat; position: absolute; }
input.phone, input.fax { float: left; margin-right: 10px; }
div.icons div { float: left; margin: -20px 10px 30px 0px; }
div.icons div img { height: 24px; width: 24px; }
#recaptcha_image { margin: 10px 0 30px 0; border: 1px solid #eee; padding: 30px 50px; }
#quote_wrapper form input[type=button] { cursor: pointer; }
#quote_wrapper select { background: transparent; width: 400px; padding: 10px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; -webkit-appearance: none; border: 1px solid #eee; }
.hidden { display: none; }
.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
/* Blog Layout */

.page-template-page-blogarchive-php .post { clear: both; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #EAEAEA; float: left; width: 100% }
.page-template-page-blogarchive-php .post .thumb { float: left; max-height: 120px; overflow: hidden; max-width: 120px; margin-right: 25px; }
.page-template-page-blogarchive-php .single-post .post .thumb { max-height: 250px; max-width: 250px; }
.page-template-page-blogarchive-php .post .thumb img { max-width: 100%; height: auto; }
.blog-archive .grid h3 { margin: 5px 0 18px 0; }
/* Pop Up on Homepage */
#popup-container { display: none; width: 380px; height: 320px; position: fixed; z-index: 9999; bottom: 40px; right: 40px; margin: 0 auto 0 auto; }
#popup-box { display: none; background: rgba(0, 115, 85, 1); width: 350px; height: 297px; padding: 10px; position: relative; left: 5px; }
#interior-background { background: rgba(243, 243, 243, 1); width: 288px; height: 285px; text-align: center; padding: 10px 30px 0 30px; }
#popup-box #interior-background a#popup-box-close { font-style: normal; font-weight: 700; text-transform: uppercase; color: #adb0b3; font-size: 16px; left: 20px; top: 20px; position: absolute; cursor: pointer; }
/* Product Landing Page */

/*.product-landing .three-column { min-height: 620px; }*/
.three-column-content h3 { margin-top: 5px; margin-bottom: 5px; }
.three-column-content p { font-size: 16px; line-height: 1.5em; }
.menu-main-container { width: calc(100% - 88px) !important; height: auto !important; padding: 0 !important; float: none; margin: 0 auto; display: block; max-width: 100% }
.wpcf7-form-control-wrap { text-align: left !important; }
div.wpcf7 { text-align: left !important; }
#wprmenu_bar p { text-align: left; }

/************************************************************************/
/* Video Embed */
/************************************************************************/
.squeeze{width:60%; margin:auto;}

@media screen and (max-width: 720px) {
	.squeeze{width:80%;}
}

.video-embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top:60px; }

.video-embed-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/************************************************************************/
/* TablePress */
/************************************************************************/

.tablepress thead th { background-color: #9b3214!important; color: #fff; }
/************************************************************************/
/* Color Chart Page */
/************************************************************************/

.color-chart .color-chart-square { width: 100%; }
.color-chart .color-chart-square:before { content: ""; display: block; padding-top: 100%; }
/************************************************************************/
/* Gravity Forms */
/************************************************************************/

.gform_button.button { padding: 14px 18px; }
.gform_confirmation_wrapper { margin: 60px 0 60px 0; }
.gform_confirmation_wrapper .gform_confirmation_message { font-size: 20px; color: #9b3214; text-align: center; }
.gfield_checkbox br { display: none; }
.info_request .gform_fields { font-size: 0; }
.gfmc-column.gfmc-row-1-column.gfmc-row-1-col-1-of-2 { padding-right: 15px; }
.gfmc-column.gfmc-row-1-column.gfmc-row-1-col-2-of-2 { padding-left: 15px; }
.gform_wrapper .info_request .gform_footer { position: absolute; bottom: 30%; left: calc(50% + 80px); width: auto; transform: translateX(-50%); }
.gform_wrapper form.info_request { position: relative; }
.gform_wrapper .info_request .gform_footer br, .gform_wrapper .info_request .gform_footer p { display: none; }
.gform_wrapper .info_request .field_description_below .gfield_description { padding-top: 0px; }
.gform_wrapper.gform_validation_error .info_request .top_label input.medium, .gform_wrapper.gform_validation_error .info_request .top_label select.medium { width: 100%; }
form.info_request li.gfield_error input[type="text"], form.info_request li.gfield_error input[type="email"], form.info_request li.gfield_error textarea { margin-bottom: 0px; }
.logo-section { padding: 20px 0 50px; }
.logo-list { padding: 0 15px; }
.logo-block { margin: 0 -15px; }
.logo-list a { display: block; }
.logo-list a:hover img { opacity: 1; filter: grayscale(10); }
.slider-callout-main { width: 50%; float: left; }
.slider-callout-main .slider-callout { width: 100% !important; float: none; clear: both; margin: 0 !important; }
.slider-callout-main .logo-section { padding: 0; padding-top: 30px; }
/************************************************************************/
/* Mobile Media Queries */
/************************************************************************/

@media only screen and (min-width : 641px) {
.gform_wrapper .info_request li.gfield.gf_list_3col ul.gfield_checkbox li, .gform_wrapper .info_request li.gfield.gf_list_3col ul.gfield_radio li { font-size: 16px; }
.gform_wrapper .info_request li.gfield.gf_list_3col ul.gfield_checkbox, .gform_wrapper .info_request li.gfield.gf_list_3col ul.gfield_radio { font-size: 0px; }
}
 @media only screen and (max-width : 1300px) {
.gform_wrapper .info_request .gform_footer { bottom: 27%; }
}
@media only screen and (max-width : 1199px) {
.logo-section-2 .logo-list img { max-width: 260px; max-height: 140px; }
.logo-section-full-width .logo-list img { max-width: 220px; max-height: 120px; }
}
@media only screen and (max-width : 991px) {
.logo-section-2 .logo-list img { max-width: 190px; max-height: 110px; }
}
@media only screen and (max-width : 980px) {
/*.main-navigation-icons { display: none; }*/
.main-header img { width: 325px !important; }
ul#menu-secondary li { padding: 8px 0 !important; }
#homepage-slider { height: auto; margin-left: -16px !important; }
.slider-callout { width: 100%; position: relative; padding: 10px 5% 42px; margin-bottom: 45px; }
}
@media only screen and (max-width : 760px) {
.main-content-scroll, .main-content { padding: 0px 0 0 0px; width: 100%; }
/*.main-navigation-icons { display: none; }*/
.post-content h1 { margin-left: -20px; }
.post-content img { width: 96%; }
.main-header { width: 100% !important; }
.secondary-header { width: 100% !important; }
.main-header img { width: 325px !important; }
ul#menu-secondary li { padding: 8px 0 !important; }
#homepage-slider { height: auto; margin-left: 0px !important; }
.slider-callout { width: 100% !important; position: relative; padding: 10px 5% 42px !important; margin-bottom: 60px !important; height: 350px !important; }
.product-upload { width: 85px !important; margin: 0px 0 0 0 !important; }
.product-uploads { width: 290px !important; bottom: 0 !important; }
.three-column-featured img { width: 90% !important; }
#three-column-block { margin: 0 !important; }
.gform_wrapper .info_request .gsection .gfield_label, .gform_wrapper .info_request h2.gsection_title, .gform_wrapper .info_request h3.gform_title { font-size: 1.10em; }
}

	

@media only screen and (max-width : 640px) {
.color-chart .color-chart-square { width: 200px; }
.gform_wrapper .info_request .gform_footer { position: relative; bottom: inherit; left: initial; width: auto; transform: translateX(0%); margin-top: 0; padding-top: 0; }
}
@media only screen and (max-width : 600px) {
.gfmc-column.gfmc-row-1-column.gfmc-row-1-col-2-of-2 { padding-left: 0; }
.gfmc-column.gfmc-row-1-column.gfmc-row-1-col-1-of-2 { padding-right: 0; }
}
@media only screen and (max-width : 479px) {
.logo-block { margin: 0 auto; display: block; }
.logo-list { width: 100%; text-align: center; padding: 0; margin: 0 auto; margin-bottom: 20px; }
.logo-list:last-child { margin-bottom: 0; }
}
.nivo-lightbox-nav { display: inline !important; }
.grey_bg { background: #f3f3f3; }
.intor_sec { padding: 60px 0; }
.container.container_small { max-width: 850px; }
.container { display: block; width: 100%; max-width: 1400px; float: none; margin: 0 auto; padding-left: 0.9375rem; padding-right: 0.9375rem; }
p.large { color: #000000; font-size: 24px; line-height: 1.3; margin: 0 auto; }
.button-link { border: 1px solid; border-color: #68210d #68210d #68210d; background-color: #9b3113; padding: 8px 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: white; font-size: 14px; text-decoration: none; vertical-align: middle; text-align: center; margin: 25px 0px; }
.page-id-1517 .content-column.one_half.last_column p:empty { display: none; }
.page-id-1517 #attachment_1518 {
float: left;
padding: 15px;
background: #eee;
clear: both;
}
.page-id-1517 .content-column.one_half.last_column img { float: left; }
.page-id-1517 #attachment_1518 img { float: none; margin: 0 auto; }
.page-id-1517 #caption-attachment-1518 { text-align: center; margin-bottom: 0; margin-top: 15px; }
.sample-boxes-form br {
    display: none;
}
.sample-boxes-form input {
    margin: 0 !important;
}
.sample-boxes-form p {
    width: 100%;
    display: inline;
}
.sample-boxes-form .gf_left_half, .sample-boxes-form .gf_right_half {
    width: 49% !important;
    /* padding: 0 10px !important; */
    /* min-height: 27px !important; */
    margin: 11px;
}
.sample-boxes-form input#input_3_2_3 {
    width: 98%;
    height: 40px;
    border: 1px solid #cbd6e2;
}
.sample-boxes-form input#input_3_2_6 {
    width: 98.5%;
    height: 40px;
    border: 1px solid #cbd6e2;
    margin-left: 10px !important;
}
.sample-boxes-form input {
    height: 40px;
    border: 1px solid #cbd6e2 !important;
}
.sample-boxes-form input:focus {
    border-color: rgba(82,168,236,0.8) !important;
}
.sample-boxes-form #input_3_2_6_container label {
    margin-left: 10px;
}
.gform_wrapper .sample-boxes-form li.gfield.gfield_error, .gform_wrapper .sample-boxes-form li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: #fff;
    margin-bottom: 6px!important;
    border-top: 0;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    box-sizing: border-box;
}
.gform_wrapper .sample-boxes-form  .top_label li.gfield.gfield_error.gf_left_half {
    margin-right: 0px;
}
.sample-boxes-form .gfield_checkbox label {
    /* margin: 40px; */
    padding: 10px !important;
}
.sample-boxes-form .gfield_error input {
    border: 1px solid #790000 !important;
}
.sample-boxes-form .gfield_error .gf_right_half input {
    margin-top: 12px !important;
	border: 1px solid #790000 !important;
}
.gform_wrapper .sample-boxes-form .gfield_error .gfield_label {
    color: #790000;
}
.sample-boxes-form .gfield_error input#input_3_2_3 {
    width: 96%;
}
.gform_wrapper .sample-boxes-form .top_label li.gfield.gf_left_half {
    padding-right: 25px;
}
.gform_wrapper .sample-boxes-form .top_label li.gfield.gf_right_half {
    padding-right: 20px;
}
.sample-boxes-form .ginput_complex {
    padding-right: 16px;
}
.sample-boxes-form .gfield_error input#input_3_2_6 {
    width: 98%;
     margin: 0 !important;
}
.gform_wrapper.gform_validation_error .sample-boxes-form .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .sample-boxes-form .top_label li.gfield.gfield_error.gf_right_half {
    max-width: 48%;
    padding-right: 0;
    width: 49% !important;
    margin: 11px;
    padding-right: 25px;
}
.sample-boxes-form .validation_error {
    width: 97% !important;
}

.gform_wrapper.gform_validation_error .sample-boxes-form li#field_3_6 {
    padding: 0;
}
.sample-boxes-form span#input_3_5_3_container, .sample-boxes-form span#input_3_5_5_container {
    padding-right: 25px !important;
}
.sample-boxes-form  span#input_3_5_4_container {
    padding-left: 12px;
}
.gform_wrapper .sample-boxes-form li.gfield.gfield_error.gfield_contains_required {
    padding-right: 20px;
}
 .gform_wrapper .sample-boxes-form ul li.gfield {
    margin-top: 0px !important;
}


@media only screen and (max-width: 1400px) {	
.gform_wrapper.gform_validation_error .name_last {
    padding: 0 !important;
}
.gform_wrapper .sample-boxes-form li.gfield.gfield_error.gfield_contains_required {
    padding-right: 0;
}
.gform_wrapper .sample-boxes-form .top_label li.gfield.gf_right_half {
    padding-right: 8px;
}	
.sample-boxes-form .gfield_error input#input_3_2_6 {
    width: 96%;
}	
.sample-boxes-form  li#field_3_3,.sample-boxes-form  li#field_3_6 {
    width: 48% !important;
}	
}
@media only screen and (max-width : 1335px) {
.sample-boxes-form .gf_left_half, .sample-boxes-form .gf_right_half {
    margin: 9px;
}
}
@media only screen and (max-width : 1333px) {
.sample-boxes-form .gf_left_half, .sample-boxes-form .gf_right_half {
    margin: 10px;
	}}
@media only screen and (max-width : 1240px) {
.sample-boxes-form .gf_left_half, .sample-boxes-form .gf_right_half {
    margin: 7px;
}
}
@media only screen and (max-width : 1080px) {
.page-id-1517 #attachment_1518 {
	margin-top: 30px;
	padding: 15px;
	background: #eee;
	display: block;
	clear: both;
	position: relative;
}
.sample-boxes-form li#field_3_3, .sample-boxes-form li#field_3_6 {
    width: 47.5% !important;
}	
}
@media only screen and (max-width : 999px) {
	
.sample-boxes-form .ginput_complex {
    padding-right: 10px;
}
.sample-boxes-form .gfield_error input#input_3_2_6 {
    width: 100%;
}
.sample-boxes-form span {
    padding: 0 !important;
}
.gform_wrapper .sample-boxes-form .top_label li.gfield.gf_right_half {
    padding-right: 0;
}	
.gform_wrapper .sample-boxes-form .top_label li.gfield.gf_left_half {
    padding-right: 5px;
}
.sample-boxes-form span#input_3_5_3_container, .sample-boxes-form span#input_3_5_5_container {
    padding-right: 5px !important;
}
.sample-boxes-form .ginput_container_address {
    padding: 0 !important;
}	
.sample-boxes-form li#field_3_5 {
    padding: 0;
}
	.sample-boxes-form input#input_3_5_4 {
    width: 97%;
}
.sample-boxes-form input#input_3_5_2 {
    width: 99%;
}.sample-boxes-form input#input_3_5_1 {
    width: 99%;
}
.gform_wrapper.gform_validation_error .sample-boxes-form .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .sample-boxes-form .top_label li.gfield.gfield_error.gf_right_half {
    padding-right: 10px;
}
.gform_wrapper.gform_validation_error .sample-boxes-form #input_3_2_6_container label {
    margin-left: 0;
}
.gform_wrapper.gform_validation_error .sample-boxes-form input#input_3_3 {
    width: 97%;
}	
.gform_wrapper.gform_validation_error .sample-boxes-form input#input_3_6 {
    width: 98%;
}
.sample-boxes-form li#field_3_3, .sample-boxes-form li#field_3_6 {
    width: 48.5% !important ;
}	
}

@media only screen and (max-width : 933px) {
.sample-boxes-form .gf_left_half, .sample-boxes-form .gf_right_half {
    margin: 6px;
}
.sample-boxes-form span#input_3_5_3_container, .sample-boxes-form span#input_3_5_5_container {
    padding-right: 15px !important;
}
.sample-boxes-form span#input_3_5_4_container {
    padding-left: 10px;
}	
.sample-boxes-form .gfield_error  span#input_3_2_6_container {
    padding: 0;
}
.gform_wrapper .sample-boxes-form li.gfield.gfield_error.gfield_contains_required {
    padding-right: 0;
}
.gform_wrapper.gform_validation_error .sample-boxes-form .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .sample-boxes-form .top_label li.gfield.gfield_error.gf_right_half {
    padding-right: 18px;
}
.gform_wrapper.gform_validation_error  .sample-boxes-form .top_label li.gfield.gf_right_half {
    padding-right: 0;
}
.gform_wrapper.gform_validation_error .sample-boxes-form li.gfield.gfield_error.gfield_contains_required {
    margin: 0 !important;
    max-width: 100% !important;
}
}
@media only screen and (max-width : 833px) {
.sample-boxes-form .gf_left_half, .sample-boxes-form .gf_right_half {
    margin: 5px;
}
.cont-img {
    width: 100%;
	    padding: 0 0 20px 0;
}	
}
@media only screen and (max-width : 767px) {
.sample-boxes-form li#field_3_3, .sample-boxes-form li#field_3_6 {
    width: 100% !important;
}	
.gform_wrapper.gform_validation_error .sample-boxes-form input#input_3_6, .gform_wrapper.gform_validation_error .sample-boxes-form input#input_3_3 {
    width: 100%;
}	
.sample-boxes-form input#input_3_5_4 {
    width: 100%;
}
.sample-boxes-form input#input_3_5_2, .sample-boxes-form input#input_3_5_1 {
    width: 100%;
}	
.page-id-1517 .content-column.one_half, .page-id-1517 .content-column.one_half.last_column {
	width: 100%;
}
.sample-boxes-form input#input_3_2_6,
.sample-boxes-form input#input_3_2_3 {
    width: 98%;	
}
.sample-boxes-form li.gfield.gf_right_half, .sample-boxes-form  li.gfield {
    width: 100% !important;    padding: 0 !important;
}	
.sample-boxes-form .ginput_container	span {
    padding: 0;
    width: 100% !important;
    margin: 0;
	}
	.sample-boxes-form .ginput_container{
	 padding: 0;	
	}
	.sample-boxes-form input#input_3_2_6 {
    margin-left: 0 !important;
}
.gform_wrapper .sample-boxes-form .top_label li.gfield.gf_left_half {
    padding-right: 0;
    width: 100% !important;
}	
.sample-boxes-form span#input_3_5_3_container, .sample-boxes-form span#input_3_5_5_container {
    padding: 0 !important;
}
.sample-boxes-form span#input_3_5_4_container {
    padding: 0 !important;
}
.sample-boxes-form #input_3_2_6_container label {
    margin-left: 0;
}
.sample-boxes-form .gfield_error input#input_3_2_3, .sample-boxes-form .gfield_error input#input_3_2_6 {
    width: 98%;
}	
.gform_wrapper.gform_validation_error .sample-boxes-form .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .sample-boxes-form .top_label li.gfield.gfield_error.gf_right_half {
	width: 100% !important;}	
.gform_wrapper.gform_validation_error .sample-boxes-form .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
      max-width: 100% !important;
}
.sample-boxes-form .validation_error {
    width: 100% !important;
}	
}

@media only screen and (max-width : 640px) {
.sample-boxes-form .gfield_error input#input_3_2_3, .sample-boxes-form .gfield_error input#input_3_2_6 {
    width: 100%;
}
	.sample-boxes-form input#input_3_2_6,
.sample-boxes-form input#input_3_2_3 {
    width: 100%;	
}
}