@charset "utf-8";
/* CSS Document */

/* CSS Style Explanations */
/* -row is used to specify site width
   -wrap is used to specify full browser width
   
*/   

body, html { font-family: proxima_nova, arial, sans-serif; font-size: 16px; line-height: 1.5; color: #555; margin: 0 !important; background: #ffffff; }
body#default, html #default { background: #191512!important; }
.row { max-width: 1200px; }
a, a:visited { }
a:hover { }
.inline { display: inline !important }
.invisible { visibility: hidden; }
/* ====================
   Headings 
==================== */
h1, h2, h3, h4, h5, h6 { color: #555; font-family: proxima_nova; }
h1 { font-size: 2.5rem; font-weight: 700; letter-spacing: 0; margin-top: 0; margin-bottom: .3em; text-transform: uppercase; line-height: 1.1 }
h2 { font-size: 2rem; color: #555555; margin-bottom: .3em; margin-top: 0; text-transform: uppercase; line-height: 1.1 }
h3 { font-size: 1.8rem; color: #111441; font-weight: 300; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; font-family: Proxima-Nova, arial; }
h4 { font-size: 1.5rem; text-transform: uppercase; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; font-weight: bold; }
h5 { font-size: 1.3rem; color: #555; font-weight: 500; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; }
h6 { font-size: 1.1rem; color: #615758; font-weight: 500; letter-spacing: 0; margin-top: .8em; margin-bottom: .3em; font-weight: bold }
#home h1 { color: #ffffff; margin-bottom: 10px; line-height: 1; font-size: 42px; text-transform: uppercase; }
#home h2 { text-align: center; color: #555; margin-bottom: 0; line-height: 1; font-weight: bold; font-size: 30px }
#home h3 { letter-spacing: 2px; font-weight: bold; font-family: Roboto, Arial; font-style: normal; text-transform: uppercase; text-align: center; color: #333333; margin-top: -30px; font-size: 44px; font-stretch: condensed }
#default h2, #default h1 { color: #111441; }
.banner-heading { text-align: right; width: 600px; float: right; padding: 15px; background: rgba(0,0,0,0.6); }
.banner-heading > div { font-size: 26px; text-transform: uppercase; font-family: proxima_nova }
#home .banner-heading > h1 { font-size: 30px; }
/* ====================
   Buttons 

==================== */

.button, input.cat_button, header .button:hover { background: #ee1c25!important; border: 1px solid #ee1c25; border-radius: 0; font-size: 25px; }
.button:hover, input.cat_button:hover, header .button { background-color: #555!important; color: #ffffff; border: 1px solid #555; }
/* ====================
     Header
======================= */
/*header {    position: fixed;
    width: 100%;
    z-index: 100;
    background: white;}*/
.header-wrap { background: #cb050a; }
#default header { padding: 0!important; }
.header { position: relative; }
.border-pattern { background: url(/_assets/img/border.png) repeat-x; height: 20px; margin-top: -10px; z-index: 100; position: relative; }
.logo img { width: 170px; }
.home-photos-wrap { height: 745px; }
.home-photos-wrap img { height: 745px; width: 100%; }
.slider-logo { margin: 0 auto; margin-top: 130px; }
#home .slider-header { text-transform: uppercase; font-family: Proxima-Nova, arial; letter-spacing: 1px; font-size: 45px!important; }
.top-header-wrap { font-size: 15px; line-height: 1.1; width: 100%; color: #efdac9!important; background: url('/_assets/img/default_banner.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.top-header .column { font-size: 13px }
.top-header .column em { font-size: 22px; color: #181545 }
/* ====================
     Home
==================== */




/* ====================
     Content
==================== */
#default .main-section { padding: 20px; }
#default .content-col.border-left { border-left: 1px solid #e8e8e8!important; }
#default .left-col h2 { font-size: 25px; color: #ee1c25; font-weight: 700; }
#default .content-col a { color: #ee1c25; font-weight: bold; }
#default .left-col .fa { font-size: 22px; color: #111441; }
.record-form { padding: 12px 25px; background: #e8e8e8 }
.maps iframe { pointer-events: none; }
/* ====================
     WEBAPPS
==================== */


/* Home Highlights */
#home .rowinator-2-row h2 { font-weight: normal!important; text-transform: uppercase; color: #fff!important; }
.wa-home-highlights-item .fa { font-size: 52px; }
.rowinator-2-wrap { border-bottom: 2px solid #ee1c25 !important; }
/* Footer Highlights */
.rowinator-3-row { color: #111441; font-weight: bold; font-size: 25px; border-top
}
.rowinator-3-row .fa { color: #111441; }
.wa-footer-highlights { padding-bottom: 100px; padding-top: 100px; }
/* Image Row 4 */
.rowinator-4-wrap { height: 400px; }
/* ====================
     Footer
======================= */

footer { background-color: #e8e8e8; color: #555; font-size: 13px; position: absolute; width: 100%; }
#default footer { background-color: #e8e8e8; }
.uc-line-wrap { background-color: #111441!important; color: #777068; font-size: 14px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; padding: 30px 0 !important; }
#default .uc-line-wrap { background-color: #040303; }
.uc-line-wrap a, .uc-line-wrap a:visited { color: #777068; }
.uc-line-wrap a:hover { color: #ffffff; }
footer .footer-address { padding-top: 18px; }
footer .footer-address .phone { margin-bottom: 18px; font-size: 15px; }
footer p { margin-bottom: 0; text-transform: uppercase; }
footer .credit-app { text-transform: uppercase; font-weight: 800; margin-bottom: 0; }
footer #responsive-menu-social ul.menu { padding-bottom: 15px; padding-top: 3px; }
/* ====================
	Navigation
======================= */
/* hide dropdown arrow */
.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after { border-style: none }
/* Primary */
#default #responsive-menu-primary .top-bar { padding: 0; }
#responsive-menu-primary {float:right}
#responsive-menu-primary > li > a, #responsive-menu-primary > .top-bar-right > ul > li > a:visited { color: #ffffff; font-size: 18px; font-weight: normal; letter-spacing: 1px; padding: 12px .5em; text-transform: uppercase; font-weight: bold }
#responsive-menu-primary li > a:hover { color: #cccccc; }
#responsive-menu-primary > li.menuitem > a { margin-right: 11px; }
ul.secondary-nav { position: absolute; padding: 28px 64px; margin-left: calc(-1 * ((100vw - 97.3%) / 2));
width: 100vw; top: 56px; }
#default ul.secondary-nav { top: 63px; margin-left: calc(-1 * ((100vw - 98.6%) / 2));
}
.secondary-nav .row { max-width: 1200px; margin: 0 auto; }
#responsive-menu-primary > .top-bar-right > ul > li > a.selected { background: #fff6ef; padding-top: 12px; padding-bottom: 20px; color: black; }
#default #responsive-menu-primary ul > li > a.selected { padding-top: 14px; }
#responsive-menu-primary ul > li.has-children > ul.secondary-nav .nav-list { display: flex; }
#responsive-menu-primary ul > li.has-children > ul.secondary-nav .nav-list > li { margin-left: 15px; color: #cf852c!important; }
#responsive-menu-primary ul > li.has-children > ul.secondary-nav .nav-list ul > li { color: #393939!important; font-family: "voltage", Georgia; font-size: 21px; }
#responsive-menu-primary ul > li.has-children > ul.secondary-nav .nav-list > li.has-children-third > ul.third-nav > li > a { letter-spacing: 0; color: #333!important; font-family: Proxima-Nova, arial, sans-serif; font-size: 14px; padding-left: 0; text-transform: uppercase; }
#responsive-menu-primary ul.third-nav { position: absolute; margin-top: 20px; }
#responsive-menu-primary ul.is-dropdown-submenu { background: #fff!important; border-radius: 0; padding-bottom: 15px; padding-top: 15px; }
#responsive-menu-primary ul.is-dropdown-submenu li a { color: #555; }
#responsive-menu-primary ul.is-dropdown-submenu li:hover { background: silver; }
.dropdown.menu > li > .is-dropdown-submenu:after { border-bottom-color: #fff!important; }
/* Footer */
#responsive-menu-footer .menu > li > a { text-transform: capitalize; color: #555!important; font-size: 13px; font-family: Roboto, Arial; padding: 0 0 7px 0; text-transform: uppercase; }
#responsive-menu-footer .menu li a:hover { color: #ee1c25!important; }
/* Secondary */
#secondary-menu { }
#secondary-menu #secondary-menu-list { display: table-cell; vertical-align: middle; margin-left: 0 }
#secondary-menu ul li { list-style: none !important; }
#secondary-menu > #secondary-menu-list > li > ul { margin-left: 0 }
#secondary-menu > #secondary-menu-list > li a { color: #524b48; font-family: freight-display-pro; font-size: 17px; }
#secondary-menu > #secondary-menu-list > li.selected > ul > li { line-height: 1rem; margin: 20px 0 }
#secondary-menu > #secondary-menu-list > li.selected > ul > li.selected > a { text-decoration: underline; }
#secondary-menu > #secondary-menu-list > li.selected > ul > li > a:hover { text-decoration: underline; }
#secondary-menu > #secondary-menu-list > li.selected > a, #secondary-menu > #secondary-menu-list > li.selected > span { display: none; }
#secondary-menu > #secondary-menu-list > li:not(.selected) { display: none; }
.dropdown.menu > li > .is-dropdown-submenu:after { border-bottom-color: #615758; }
/* Off-Canvas */
.title-bar { background: #615758 none repeat scroll 0% 0%; }
.off-canvas-wrapper { background: #615758; overflow: visible; }
#offCanvasLeft .menu li a, #offCanvasLeft .menu li a:visited { color: #ffffff; font-size: 14px; }
#offCanvasLeft .menu li a:hover { color: #006b65; }
.menu-icon { padding: 8px 8px 7px 8px; border: none }
/* Left Nav */
.wa-intphotos img { width: 100%; }
.left-nav a { text-transform: uppercase; color: #ffeddf; }
.left-nav a:hover { color: #cf852c; }
.left-nav-content { position: relative; right: 19px; }
.left-nav-content div { display: flex; justify-content: flex-end; }
.left-nav-content .fa { position: relative; top: 3px; left: 15px; }

/* =======================
Slick Slider
======================= */
.slick-slider{position: relative;display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,.slick-track:after{ display: table; content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.slick-loading .slick-list{ background: #fff url('./ajax-loader.gif') center center no-repeat;}
/* Icons */
@font-face{ font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');}
/* Arrows */
.slick-prev,.slick-next{ font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{ color: transparent; outline: none; background: transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{ opacity: 1;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{ opacity: .25;}
.slick-prev:before,.slick-next:before{ font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-prev{ left: -25px;}
[dir='rtl'] .slick-prev{ right: -25px; left: auto;}
.slick-prev:before{ content: '←';}
[dir='rtl'] .slick-prev:before{ content: '→';}
.slick-next{ right: -25px;}
[dir='rtl'] .slick-next{ right: auto; left: -25px;}
.slick-next:before{ content: '→';}
[dir='rtl'] .slick-next:before{ content: '←';}
/* Dots */
.slick-dotted.slick-slider{ margin-bottom: 30px;}
.slick-dots{ position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.slick-dots li{ position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{ outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{ opacity: 1;}
.slick-dots li button:before{ font-family: 'slick'; font-size: 50px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #eca901; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{ opacity: 1; color: #eca901;}
/* Custom */
.home-slider .slide .box {height:400px; padding:30px; border:4px solid #ffffff}

/* =========================
	Overrides 
============================= */
.search-box { padding: 0!important; }
.form label, .webform label { font-size: 14px; }
.slick-slider { padding: 0; }
input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox { width: 100%; }
form table.webform { max-width: 500px!important; }
table.webform td { padding: 0; }
table tbody td, table tbody th { padding: 0; }
table tbody td { border-bottom: 1px solid #312a24; }
form table td { border-bottom: none; }
tbody, tfoot, thead { border: none!important; background-color: transparent!important; }
tbody tr:nth-child(2n) { background-color: transparent; }
.secure-login, .newsletter-form { background: transparent; border: none; }
table.photogalleryTable tbody { border: none; }
table tbody tr:nth-child(2n) { background-color: transparent; }
.close-button { position: absolute; color: #000; right: 6px; top: -5px; font-size: 32px; line-height: 1; cursor: pointer; background-color: transparent; padding: .3rem .5rem .3rem .4rem; background: transparent; border: none }
.close-button span { color: #efefef; text-transform: lowercase }
.reveal.small-45 { width: 45%; }
.reveal { outline: none; }
.fontsize-40 {font-size:40px;}
.flex-middle {display: flex; align-items: center;  justify-content: center;}

.border {border:2px solid #ee1c25 !important ;}
.border-top {border-top:2px solid#ee1c25 !important ;}
.border-left {border-left:2px solid #ee1c25 !important ;}
.border-right {border-right:2px solid #ee1c25 !important ;}
.border-bottom {border-bottom:2px solid #ee1c25 !important ;}

.align-self-middle {-webkit-align-self: center; -ms-flex-item-align: center; align-self: center}

/* ================
Mobile Overrides 
Small < 640
Medium < 1025
Large < 1440
XLarge < 1920
XXLarge > 1920 
================= */


/* Medium screens*/
@media only screen and (max-width: 1300px) {
.webform input.cat_textbox, .webform textarea.cat_listbox, .webform select.cat_dropdown, .webform select.cat_listbox { width: 230px; }
table.webform td { max-width: 230px; }
}

@media only screen and (max-width: 1200px) {
#default .left-nav { padding-left: 30px; }
#default .content-col { padding-right: 30px; }
.mega-menu .tabs-panel { padding-right: 0; }
}

@media only screen and (max-width: 1024px) {
#home .logo { position: relative; margin: 30px auto; text-align: center; top: auto; left: auto; }
ul.secondary-nav { top: 49px; }
.mega-menu .tabs-title > a { font-size: 16px; }
.mega-menu .tabs-content .wa-products-list a { font-size: 13px; margin-right: 0; }
#responsive-menu-primary > .top-bar > ul > li > a.selected { padding-top: 14px; }
#home .rowinator { padding-left: 25px; padding-right: 25px; }
#default .left-nav a { font-size: 14px; }
#responsive-menu-primary > .top-bar > ul > li > a, #responsive-menu-primary > .top-bar > ul > li > a:visited { font-size: 16px; }
}

@media only screen and (max-width: 980px) {
.product-list h4 { font-size: 14px; }
.social-nav { display: none; }
.mega-menu .tabs-title > a { font-size: 14px; }
}

@media only screen and (max-width: 768px) {
.product-list h4 { font-size: 12px; }
.mega-menu .wa-products-list a { border-bottom: none!important; }
ul.secondary-nav { padding: 28px 14px; }
.mega-menu .tabs-content .wa-products-list a { margin-right: 3px; }
}

/* Small screens*/
@media only screen and (max-width: 640px) {
.wa-home-highlights .wa-home-highlights-item { margin-bottom: 25px; }
.rowinator-1-row { background: none!important; padding: 0!important; }
#home .main-section { padding-left: 25px; padding-right: 25px; }
#home .home-photos-wrap { display: none; }
#default .content-col { padding-left: 0!important; padding-right: 0!important; }
#default .content-wrap { margin-top: 0!important; }
#default .logo { text-align: center; margin-top: 15px; }
.border-pattern { display: none; }
.top-header-wrap { background: url('/_assets/img/Header_Photo_1.jpg'); }
footer, .footer-contact { text-align: center!important; }
#home .rowinator { padding-left: 50px; padding-right: 50px; }
#home .rowinator-4-row .who-we-are-img { text-align: center; }
.wa-testimonials-item { padding-left: 0; padding-right: 0; }
.wa-testimonials-item .block { max-width: 100%; }
.wa-testimonials-item:last-child .block { margin-left: 0; }
#home .logo { position: relative; margin: 30px auto; text-align: center; top: auto; left: auto; }
#default header { margin-top: 0; background: none; padding: 0 }
#default .content-row { padding: 15px }
#default .content-col { border-left: none!important; padding-right: 30px; }
.reveal { padding-top: 35px; }
.small-12.columns:last-of-type { padding-right: 0; padding-left: 0 }
.small-12.columns:first-of-type { padding-right: 0; padding-left: 0 }
.product-list li { margin-top: 25px; margin-bottom: 25px; }
#default .logo-container { text-align: center; }
.call, .addr-block, .hours, .top-header-wrap .call { text-align: center; margin-bottom: 15px; }
.top-header-wrap .social, .top-header-wrap .addr-block, .top-header-wrap .hours { display: block; }
#default h1 { font-size: 30px; }
.rowinator-3-row { padding-left: 0!important; padding-right: 0!important; }
.banner-heading { width: 100%; float: none; }
.webform input.cat_textbox, .webform textarea.cat_listbox, .webform select.cat_dropdown, .webform select.cat_listbox { max-width: 100%; }
table.webform td { width: 100%; }
.wa-footer-highlights li { margin-bottom: 15px; }
}
