@charset "utf-8";

/*
font-family: 'Roboto', sans-serif;  // 400,500,700
purple: #2d3195
red: #C41E3A
*/

/* CSS Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,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,strong,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}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

.screen-reader-text { border:0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; width: 1px; overflow: hidden; position: absolute !important; word-wrap:normal !important; }

.fade-in-panel, .fade-in-panel-delay, .fade-in-panel-xdelay, .fade-in-panel-xxdelay { opacity: 0; }

/* CSS Document */
body { font-family: 'Roboto', sans-serif; font-size: 16px; color: #444; line-height: 1.8; font-weight: 400; letter-spacing: 1px; }
body.scroll-off { overflow: hidden; }
.material-icons { font-size: inherit; line-height: inherit; }
.wrapper { position: relative; width: 100%; min-width: 320px; margin: 0 auto; }
.wrapper.index { background-image: none; border-top: 0 none; }

/* Globals */
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
:focus { outline: none; background: transparent; }
::-moz-focus-inner { border: 0; background: transparent; }
.lowercase { text-transform: lowercase !important; }
.uppercase { text-transform: uppercase !important; }
.text-transform-none { text-transform: none !important; }
strong, b, .bold { font-weight: 500; }
.text-transform-none { text-transform: none; }
.small-font { font-size: .8em; }
.alt-color { color: #FFECB0; }
.alt-color:hover { color: inherit; }
.center { text-align: center !important; }
.text-align-left { text-align: left !important; }
.centered { margin: 0 auto !important; }
.toggle-off { display: none; }
.margin-bottom { margin-bottom: 0 !important; }
em, .italic { font-style: italic; }
.no-border { border: 0px none !important; }
.brand { color: #010101!important; }
.brand-bg { background: #010101 !important; }
.orange { color: #ff6700 !important; }
.underline { text-decoration: underline; }

img.autosize { width: 100%; height: auto; }
img.max-autosize { width: auto; max-width: 100%; height: auto; }

h1, h2, h3, h4, h5, h6 { letter-spacing: normal; }
h2, h3, h4, h5, h6 { color: #333; font-weight: 500; }
h1 { color: #222; font-weight: 500; font-size: 30px; line-height: 1.2; margin-bottom: 40px; padding: 0; }
h1.less-bottom-margin { margin-bottom: 5px; }
h1 span { display: block; margin-top: 5px; color: #666; font-size: 18px; font-style: italic; text-transform: none; }
h1 span.heading-tagline { display: block; margin-top: 5px; color: #666; font-size: 18px; font-style: italic; }
h1.center-custom { text-align: center; }
h2.index { }
h2.index span { text-transform: none; font-style: italic; margin-top: 5px; font-size: 18px; }
h2 { font-size: 24px; line-height: 1.2; margin-bottom: 15px; }
h2.capitalize { text-transform: capitalize!important; }
h3 { font-size: 20px; line-height: 1.2; margin-bottom: 15px; }
a, a:visited { color: #C41E3A; text-decoration: none; }
a:hover { color: #111; text-decoration: none; cursor: pointer; }
p { line-height: 1.8; margin-bottom: 20px; }
p.special { line-height: 1.7; margin: 15px 0; }
p.x-large { font-size: 1.3em; }
p.less-width { display: block; margin: 0 auto 20px; max-width: 1000px; }

.custom-spacer { position: relative; height: 80px; }
.custom-border::after { display: block; width: 80px; height: 2px; margin: 17px 0 15px; content: ""; background: #EEE; }

hr { width: 100%; height: 0; margin: 0 0 25px; padding: 0; border: 0; border-bottom: 0 none; border-top: 1px solid #CCC;  }
hr.small { width: 80px; border-top-width: 3px; border-color: #333; }
hr.tiny { width: 40px; border-top-width: 3px; border-color: #333; }
hr.gray { border-color: #888; }
hr.light { border-color: #DDD; }
hr.white { border-color: #010101; }
hr.brand { border-color: #C41E3A; border-top-width: 2px; }
hr.dark { border-color: #191919; }


hr.faded { clear: both; height: 1px; border: 0; margin: 0 auto 20px;  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.45), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.45), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.45), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.45), rgba(0,0,0,0)); }
hr.faded.white { clear: both; height: 1px; border: 0; margin: 0 auto; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.60), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.60), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.60), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.60), rgba(0,0,0,0)); }
hr.faded.gray { clear: both; height: 1px; border: 0; margin: 10px auto 30px;  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); }

ul.policies { margin-left: 20px; margin-bottom: 15px; line-height: 1.5; }
ul.disc, ul.disc-alt { list-style: disc; margin-left: 20px; margin-bottom: 20px; }
ul.inline { display: inline-block; margin-right: 35px }
ul.numbered { list-style: decimal; margin: 30px 30px 10px 30px; }

.inline-list { position: relative; display: flex; flex-flow: row wrap; justify-content: flex-start; }
.inline-list ul { margin-right: 40px; }
.inline-list ul:last-of-type { margin-right: 0; }

ol { list-style: decimal; margin-left: 25px; line-height: 1.4; margin-bottom: 15px; }

a.is-social-icon { border-radius: 50%; }
a.facebook { background: #3B5998 !important; color: #FFF !important; }
a.twitter { background: #00acee !important; color: #FFF !important; }
a.pinterest { background: #c8232c !important; color: #FFF !important; }
a.instagram { background: #8a3ab9 !important; color: #FFF !important; }
a.youtube { background: #FF0000 !important; color: #FFF !important; }

/* Sara's Edits */

tr { text-align: left; }
th { padding-right: 100px; }

/* Toggle */
.toggle-on-tablet { display: none !important; }
.toggle-on-mobile { display: none !important; }
.toggle-on-custom { display: none !important; }

/* Go to top */
.go-to-top { position: fixed; bottom: 28px; right: 30px; z-index: 3; font-size: 10px; font-weight: bolder; opacity: 0; transition-duration: .6s; transform: translateX(50px); transition-property: opacity, line-height, transform; }
.go-to-top.toggle-on { opacity: 1; line-height: inherit; transform: translate(0); }
.go-to-top a { display: block; line-height: 1; width: 30px; height: 30px; padding: 5px; border-radius: 4px; color: #FFF !important; background: #C41E3A; text-transform: uppercase; text-align: center; box-shadow: 0 0 0 0 #C41E3A; transition: background 0.1s linear; }
.go-to-top a:hover { color: #FFF !important; background: #C41E3A; }
.go-to-top i { color: #FFF !important; font-size: 10px; line-height: 1; padding: 0; display: block; vertical-align: top; margin-top: 3px; }

.topbar-container, .tiles, .image-gallery-container, .catalog-wrap, .container.less-width, .banners, .slideshow-content, .footer-associations, .panel-banner-left-right, .welcome, .container-wrap.less-width .content, .footer-location, .subfooter, .footer-tagline, .subscribe, .topbar-panel-top, .featured-wrap, .featured-container-wrap .buttons, #mainpage, #newitempage { width: 90%; max-width: 1600px; }

/* Topbar */
.topbar-placeholder { position: relative; width: 100%; height: 197px; background: #FFF; }
.index-topbar .topbar-placeholder { height: 212px; }
.topbar-container-wrap { position: fixed; top: 0; left: 0; right: 0; width: 100%; min-width: 320px; margin: 0 auto; padding: 0; font-size: 16px; font-weight: 500; text-transform: uppercase; transition: all .3s linear; z-index: 6; display: flex; flex-direction: column; justify-content: center; background: #FFF; border-bottom: 8px solid #2d3195; }
.topbar-container-wrap.toggle-on-header-search { top: 0; }
.topbar-container-wrap.is-fixed-topbar, .index-topbar .topbar-container-wrap.is-fixed-topbar { }
.topbar-container-wrap.is-fixed-topbar {  background: rgba(255,255,255,1); }
.topbar-wrap { position: relative; width: 100%; transition: background .3s linear; }
.topbar-container { position: relative; padding: 0; height: 130px; margin: 0 auto; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; transition: all .3s linear; }
.topbar-container-wrap.is-fixed-topbar .topbar-container { height: 80px; }
.index-topbar .topbar-container {}
.topbar-container-wrap.is-fixed-topbar .topbar-container, .topbar-container-wrap.toggle-on-header-search .topbar-container { z-index: 2; }
.topbar-wrap:hover { /*background: #111; background-color: rgba(0,0,0,.8); transition: height .55s, background .2s linear;*/ }
.topbar-container-wrap a { color: #111; transition: all .1s linear; }
.topbar-container-wrap a:hover { color: #C41E3A; }

.topbar-container-wrap .topbar-panel-right li.is-button a { padding: 15px 20px 15px 28px; border-radius: 4px; background: #C41E3A; color: #FFF; font-size: 13px; font-weight: 700; }
.topbar-container-wrap .topbar-panel-right li.is-button i { position: absolute; margin-top: 1px; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 8px; }

/* Topbar Search */
.header-search-panel { position: relative; width: 300px; margin-right: 20px; height: 60px; display: flex; flex-direction: column; justify-content: center; }
.header-search-panel ul { position: relative; display: block; margin: 0; padding: 0; }
.toggle-header-search { position: relative; transition: all .1s; }
.toggle-header-search .toggle-off-header-search { opacity: 0; visibility: hidden; }
.toggle-header-search.toggle-on .toggle-on-header-search { opacity: 0; visibility: hidden; }
.toggle-header-search.toggle-on .toggle-off-header-search { opacity: 1; visibility: visible; }
#header-search-wrap { position: relative; width: 100% ; max-width: 100%; margin: 0; padding: 0; z-index: 1; background: rgba(255,255,255,1); }
#header-search-wrap.toggle-on-header-search { }
#header-search { position: relative; width: calc(100% - 15px); padding: 0 0 0 15px; background: none; border: 0 none; box-shadow: 0 0 0 1px #999; border-radius: 0; margin: 0; color: #010101; background: #FFF !important; overflow: hidden; display: flex; flex-direction: row; }
#header-search form { position: relative; width: 100%; }
#header-search-box { width: 100%; height: 40px; font-size: 15px; color: #333; background: #FFF !important; border: 0 none; padding: 0; transition: all .3s ease-in-out; }
#header-search-box:hover { cursor: pointer; }
#header-search .btn-search { position: absolute; right: 0; top: 0; width: 40px; height: 40px; padding: 0; background: transparent; color: #111; font-size: 10px; text-transform: uppercase; text-align: center; transition: background 0.1s linear; border-left: 0 solid #AAA; }
#header-search .btn-search::before { display: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -1px; width: 1px; height: 40%; content: ""; background: rgba(255,255,255,0.3); }
#header-search .btn-search:hover { background: transparent; }
#header-search .btn-search span { display: inline-block; padding: 0 15px; }
#header-search .btn-search span.search-text { display: none; }
#header-search .btn-search span.search-icon { padding: 0; }
#header-search .btn-search:hover { cursor: pointer; }
#header-search .btn-search i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #010101; font-size: 16px; }
#header-search .btn-search:hover i { color: #010101; }

#searchLink { visibility: hidden; }


.toggle-off-header-search-icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; cursor: pointer; }
.toggle-off-header-search-icon span { position: relative; display: block; width: 40px; height: 40px; color: #111; font-size: 14px; text-align: center; border-radius: 0; background: rgba(255,255,255,0.2); transition: all .1s linear; }
.toggle-off-header-search-icon span:hover { }
.toggle-off-header-search-icon span i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.toggle-off-header-search-icon span:hover i { color: #010101; }

#header-search-wrap input::-webkit-input-placeholder { color: #010101; font-size: 14px; font-weight: 400; opacity: 1; }
#header-search-wrap input::-moz-placeholder { color: #010101; font-size: 14px; opacity: 1; font-weight: 400; } /* firefox 19+ */
#header-search-wrap input:-ms-input-placeholder { color: #010101; font-size: 14px; opacity: 1; font-weight: 400; } /* ie */
#header-search-wrap input:-moz-placeholder { color: #010101; font-size: 14px; opacity: 1; font-weight: 400; }

.logo { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 0; padding: 0; }
.logo a { position: relative; display: block; color: #444; line-height: 0; transition: all .3s linear; }
.logo img { width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain; object-position: center center; }
.logo a { width: 130px; height: 100px; }
.topbar-container-wrap.is-fixed-topbar .logo a { width: 84px; height: 65px; }

.topbar-panel-wrap, .topbar-wrap { transition: all .3s linear; }
.topbar-panel-wrap { }
.topbar-container-wrap.is-fixed-topbar .topbar-panel-wrap { }
.topbar-wrap { padding: 10px 0; }
.topbar-container-wrap.is-fixed-topbar .topbar-wrap { padding: 5px 0; }

.topbar-panel-wrap { position: relative; width: 100%; height: 100%; opacity: 1; visibility: visible; color: #555; z-index: 1; display: flex; flex-direction: column; justify-content: center; }

.topbar-panel-top-container { position: relative; height: 59px; font-weight: 500; background: #2d3195; margin: 0; text-transform: none; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: 0 solid #DDD; }
.topbar-panel-top { position: relative; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.topbar-panel-top a { color: #FFF; }
.topbar-panel-top a:hover { color: #DDD; }
.topbar-panel-top-left a.with-icon { padding-left: 0; }
.topbar-panel-top-left .toggle-custom-text { }
.topbar-panel-top-left .toggle-custom-icon { display: none; }
.topbar-panel-top-left a.with-icon.adj-icon { padding-left: 0; }
.topbar-panel-top-left i { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; font-size: 24px; }
.topbar-panel-top-left, .topbar-panel-top-right { position: relative; display: flex; flex-flow: row nowrap; align-items: center; }
.topbar-panel-top-left { line-height: 1.2; }
.topbar-panel-top-right { }
.topbar-panel-top-left ul, .topbar-panel-top-right .topbar-social ul { display: flex; flex-flow: row nowrap; align-items: center; }
.topbar-panel-top-left li, .topbar-panel-top-right li { position: relative; margin-right: 40px; }
.topbar-panel-top-left li:last-child, .topbar-panel-top-right li:last-child { margin-right: 0; }
.topbar-panel-top-left ul:first-of-type li { margin: 0; padding: 0 30px 0 0; }
.topbar-panel-top-left ul:first-of-type li:first-child { padding-left: 0; }
.topbar-panel-top-left ul:first-of-type li:last-child { padding-right: 0; }
.topbar-panel-top-left ul:first-of-type li::after { display: none; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; content: ""; background: #DDD; }
.topbar-panel-top-left ul:first-of-type li:last-child::after { display: none; }

.topbar-panel { position: relative; width: 100%; margin: 0; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; }
.topbar-panel-right { position: relative; width: calc(100% - 150px); display: flex; flex-direction: column; justify-content: space-between; }
.topbar-panel-right { align-items: flex-end; }
.topbar-panel-right ul { position: relative; width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; }
.topbar-panel-right ul { justify-content: flex-end; }
.topbar-panel-right li { position: relative; }
.topbar-panel-right li { margin: 0 0 0 40px; }
.topbar-panel-right li:first-child { margin-left: 0; }
.topbar-panel-right li:last-child { }

.topbar-social { position: relative; margin-right: 0; }
.topbar-social ul { display: flex; flex-flow: row nowrap; }
.topbar-social li { position: relative; margin: 0 10px 0 0 !important; }
.topbar-social li:last-child { margin-right: 0 !important; }
.topbar-social a, .topbar-social .toggle-header-search, .topbar-social .is-cart a { position: relative; display: block; width: 30px; height: 30px; text-align: center; font-size: 14px; color: #FFF; background: transparent; box-shadow: 0 0 0 0 #010101; }
.topbar-social i, .topbar-social .is-cart i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); line-height: 1; }
.topbar-social .is-cart { margin-right: 20px !important; }
.topbar-social .is-cart a { font-size: 19px; width: 40px; box-shadow: none; }
.topbar-social .toggle-header-search { font-size: 14px; color: #333; cursor: pointer; }
.topbar-social .toggle-header-search:hover { color: #111; }
.topbar-social a.facebook {}
.topbar-social a.twitter {}
.topbar-social a.pinterest {}
.topbar-social a.instagram {}
.topbar-social a.youtube {}

.toggle-topbar-menu-on { display: none !important; color: #010101 !important; padding: 20px 0 0 !important; cursor: pointer; }
.topbar-container-wrap.topbar-mobile-menu .toggle-topbar-menu-on { display: block !important; }

.topbar { position: relative; width: 100%; margin: 0 auto; }
.topbar-container-wrap.is-fixed-topbar .topbar > ul.first { margin: 0; }
.topbar > ul { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.topbar > ul:first-of-type { margin: 0; }
.topbar-container-wrap.is-fixed-topbar .topbar > ul:first-of-type { }
.topbar > ul > li { position: relative; margin: 0 20px 0 0; }
.topbar > ul > li:last-child, .topbar > ul > li.last, .topbar > ul > li.last > a { }
.topbar > ul > li > a { display: block; color: #555; }
.topbar > ul > li > a:hover { color: #333; }
.topbar > ul > li > a:hover, .topbar > ul > li.submenu > a.toggle-submenu.active, .topbar > ul > li.submenu > a.toggle-submenu.active::before { color: #333; }
.topbar > ul > li .toggle-on-header-search i { font-size: .7em; vertical-align: top; margin-top: 9px; }
.topbar > ul > li.is-button a { padding: 0 15px; background: #C41E3A; color: #FFF; line-height: 44px; font-size: 13px; font-weight: 700; text-transform: uppercase; text-align: center; transition: background 0.1s linear;  }
.topbar > ul > li.is-button a:hover { color: #FFF; background: #C41E3A; }

/* Topbar Submenu */
.topbar-panel ul ul { opacity: 0; visibility: hidden; pointer-events: none; display: block; position: absolute; top: auto; right: auto; left: -10px; width: auto; margin: 0; padding: 73px 0 0; z-index: 5; font-size: 14px; transition: all .3s ease-in; }
.topbar-panel ul li.with-submenu > span { position: relative; padding-right: 10px; }
.topbar-panel ul li.with-submenu > span .toggle-submenu-icon::after { font-family: 'Font Awesome\ 5 Free'; font-weight: 900; content: "\f107"; }

.topbar-panel ul li.dropdown > span { color: #111; }
.topbar-panel ul li.dropdown:hover > span { color: #C41E3A; }
.topbar-panel ul li.dropdown:hover { cursor: pointer; }
.topbar-panel ul li.dropdown:hover ul { opacity: 1; visibility: visible; pointer-events: inherit; padding-top: 15px; }
.topbar-container-wrap.is-fixed-topbar .topbar-panel ul ul { padding-top: 73px; }
.topbar-container-wrap.is-fixed-topbar .topbar-panel ul li.dropdown:hover ul { padding-top: 15px; }
.topbar-panel ul li.dropdown.left:hover ul { }
.topbar-panel ul li.with-submenu > span span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; font-size: .7em; line-height: 1; }
.topbar-panel ul li.with-submenu > span .toggle-submenu-close { display: none; }
.topbar-panel ul li.with-submenu i { width: 8px; font-size: .5em; text-align: center; }
.topbar-panel ul ul li { position: relative; display: block !important; float: none; border: 0 none; margin: 0 !important; }
.topbar-panel ul ul li:first-child::before { /*opacity: 0; visibility: hidden;*/ opacity: 1; visibility: visible; position: absolute; top: -8px; left: 20px; width: 100%; height: 11px; content: " "; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #555 transparent; transition: opacity 0.1s linear; transition-delay: .3s; }
.topbar-panel ul li.dropdown:hover ul li:first-child::before { opacity: 1; visibility: visible; }
.topbar-panel ul ul li a { display: inline-block; min-width: 100%; color: #111; line-height: 40px; text-align: left; background: #EEE; padding: 0 10px !important; margin: 0 !important; white-space: nowrap; z-index: 6; border-bottom: 2px solid rgba(255,255,255,1); }
.topbar-panel ul ul li:hover a { color: #C41E3A !important; }
.topbar-panel ul ul li:last-child, .topbar-panel ul ul li:last-child a { border-bottom: 0 none; }
.topbar-panel ul ul li:first-child a { border-top-left-radius: 0; border-top-right-radius: 0; }
.topbar-panel ul ul li:last-child a { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.topbar-panel li.dropdown > span.toggle-show-submenu-link .toggle-submenu-icon { display: none; }
.topbar-panel li.dropdown > span.toggle-show-submenu-link .toggle-submenu-close { display: inline-block; }

.topbar-container-wrap.topbar-mobile-menu { transition: 0s; }
.topbar-container-wrap.topbar-mobile-menu .toggle-on-submenu { display: none; }
.topbar-mobile-menu .topbar-panel { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; position: fixed; overflow-y: scroll; z-index: 10; background: #F6F6F6; }
.topbar-mobile-menu .topbar-panel ul { float: none; clear: both; margin: 0 !important; padding: 0; font-size: 22px; text-align: center; text-transform: none; z-index: 8; transition: 0s none; transform: none; }
.topbar-mobile-menu .topbar-panel ul ul { opacity: 1; position: relative; display: block; background: transparent !important; padding: 0 !important; left: auto; transition: 0s none; transform: none;  }
.topbar-mobile-menu .topbar-panel ul li.dropdown:hover ul { padding: 0; }
.topbar-mobile-menu .topbar-panel ul li { clear: both; float: none; display: block !important; margin: 0 !important; padding: 0; text-align: center; background: transparent !important; border-bottom: 0 solid rgba(255,255,255,0.1); }
.topbar-mobile-menu .topbar-panel ul li.toggle-off-tablet { display: none !important; }
.topbar-mobile-menu .topbar-panel ul li:first-child { border-top-width: 0; }
.topbar-mobile-menu .topbar-panel ul li:last-child, .topbar-mobile-menu .topbar-panel ul li.last { border-bottom-width: 0; }
.topbar-mobile-menu .topbar-panel ul li a { display: block; float: none; margin: 0; padding: 8px 0; background: transparent !important; color: #010101; border: 0 none; }
.topbar-mobile-menu .topbar-panel ul li a:hover, .topbar-mobile-menu .topbar-panel ul ul li a:hover, .topbar-mobile-menu .topbar-panel ul ul li:hover { background: transparent !important; color: #010101 !important; }
.topbar-mobile-menu .topbar-panel ul li a.toggle-off-topbar-menu { color: #EEE; display: inline-block; width: 50px; line-height: 40px; text-align: center; }
.topbar-mobile-menu .topbar-panel-menu-header { border-bottom: 4px solid #FFF; padding: 8px 5px 5px; }
.topbar-mobile-menu .topbar-panel ul li.is-button a { background: inherit; color: inherit; }

/* Topbar Search */
#topbar-search-wrap { position: relative; width: 100%; padding: 0; z-index: 1; display: flex; flex-direction: column; align-items: flex-end; }
#topbar-search-wrap.toggle-on-topbar-search { }
#topbar-search { position: relative; width: calc(100% - 15px); max-width: 250px; background: #FFF; border: 0 none; box-shadow: 0 0 0 0 #CCC; border-radius: 3px; margin: 0; padding: 0 0 0 15px; color: #333; overflow: hidden; display: flex; flex-direction: row; }
#topbar-search form { position: relative; width: 100%; }
#topbar-search-box { width: 100%; height: 36px; font-size: 15px; color: #333; background: none transparent; border: 0 none; padding: 0; transition: all .3s ease-in-out; }
#topbar-search-box:hover { cursor: pointer; }
#topbar-search .btn-search { position: absolute; right: 0; top: 0; line-height: 36px; padding: 0; background: #FFF; color: #111; font-size: 10px; text-transform: uppercase; text-align: center; transition: all 0.1s linear; }
#topbar-search .btn-search:hover { background: #FFF; }
#topbar-search .btn-search::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -1px; width: 1px; height: 60%; content: ""; background: #CCC; }
#topbar-search .btn-search span { display: inline-block; padding: 0 15px; }
#topbar-search .btn-search span.search-text { display: none; font-weight: 800; }
#topbar-search .btn-search span.search-icon { padding: 0 13px 0 15px; }
#topbar-search .btn-search:hover { cursor: pointer; }
#topbar-search .btn-search i { display: inline-block; vertical-align: top; margin-top: 12px; color: #555; font-size: 14px; }
#topbar-search:hover i { color: #333; }

#topbar-search-wrap input::-webkit-input-placeholder { color: #333; font-size: 13px; font-weight: 500; opacity: 1; }
#topbar-search-wrap input::-moz-placeholder { color: #333; font-size: 13px; font-weight: 500; opacity: 1; } /* firefox 19+ */
#topbar-search-wrap input:-ms-input-placeholder { color: #333; font-size: 13px; font-weight: 500; opacity: 1; } /* ie */
#topbar-search-wrap input:-moz-placeholder { color: #333; font-size: 13px; font-weight: 500; opacity: 1; }

/* Navbar Search */
.topbar > ul > li.is-navbar-search { padding-right: 0; margin-right: 15px; }
.topbar > ul > li.is-navbar-search::after { display: none; }

.topbar-wrap ul li.toggle-topbar-menu { display: none; text-transform: none; z-index: 10; }
.topbar-wrap ul li.toggle-topbar-menu a {  background: #EEE; }
.topbar-wrap ul li.toggle-topbar-menu i { padding-right: 0; }

.toggle-topbar { display: none; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0; right: 5%; font-size: 40px; color: #111; line-height: 1; z-index: 0; }
.toggle-topbar ul li:not(:last-child) { font-size: 26px; }
.toggle-topbar a { display: block; padding: 0; color: #111; }
.toggle-topbar a:hover { color: #111; }
.toggle-topbar a.adj-icon { font-size: .9em; }
.toggle-topbar ul { display: flex; flex-flow: row nowrap; align-items: center; }
.toggle-topbar li { margin-left: 30px; }
.toggle-topbar li:first-child { margin-left: 0; }
.toggle-topbar img { width: auto; height: 40px; margin-top: -4px; }
.toggle-topbar .toggle-on-topbar-menu { cursor: pointer; }

/* Home image */
.home-img-bg { background: #FFF url(images/loading.gif) no-repeat center center !important; background-size: 40px 40px !important; padding: 0 !important; }
.home-img-container { position: relative; width: 100%; height: 100%; margin: 0 auto; overflow: hidden; z-index: 1; }
.home-img { position: relative; width: 100%; height: calc(100vh - 300px); /*height: 0; padding-top: 56.25%;*/ }
.home-img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.home-img-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

/* Slideshow globals */
.slideshow-slide { opacity: 0; visibility: hidden; width: 100%; transition: all .5s linear; }
.slideshow-slide.toggle-on { opacity: 1; visibility: visible; display: flex; }
.slideshow-container, .slideshow-wrap, .slideshow-bg { position: relative; width: 100%; }
.slideshow-img, .slideshow-panel-wrap, .slideshow-panel, .slideshow-buttons { position: absolute; }
.slideshow-img { width: 100%; }
.slideshow-container.full-width .slideshow-img, .slideshow-container.full-width .slideshow-panel-wrap { width: 100%; }
.slideshow-img { overflow: hidden; }

/* Slideshow */
.slideshow-bg { background: #FFF url(images/loading.gif) no-repeat center center !important; background-size: 40px 40px !important; padding: 0 !important; }
.slideshow-custom-bg { display: none; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: #FFF !important; }
.slideshow-container { width: calc(100% - 36px) !important; background: #FFF !important; height: 100%; margin: 0 auto; overflow: hidden; z-index: 1; }
.slideshow-wrap { width: 100%; height: auto !important; padding-top: 26.04% !important; /*height: calc(100vh - 300px);*/ display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.slideshow-slide-wrap { width: 100%; }
.slideshow-wrap-bg { display: none; position: absolute; width: 100%; height: 60%; margin: 0 auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 0; }
.slideshow-wrap-bg, .slideshow-wrap-bg::before, .slideshow-wrap-bg::after { background: #FFF; }
.slideshow-wrap-bg::before, .slideshow-wrap-bg::after { position: absolute; display: block; width: 100%; height: 10px; content: ""; }
.slideshow-wrap-bg::before { top: -20px; }
.slideshow-wrap-bg::after { bottom: -20px; }

/* Slideshow image */
.slideshow-img { top: 0; bottom: 0; left: 0; line-height: 0; }
.slideshow-img > a { display: block; width: 100%; height: 100%; }
.slideshow-img > a > span::after { display: none !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: "";
background: rgba(0,0,0,0);
}
.slideshow-img img { width: 100%; height: 100%; object-fit: contain; object-position: center center; }
.slideshow-img-d, .slideshow-img-m { width: 100%; height: 100%; }

.slideshow-content-wrap { position: absolute; width: auto !important; height: auto !important; padding: 0; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; background-color: rgba(0,0,0,0) !important; z-index: 2; }
.slideshow-content { position: relative; width: auto !important; padding: 0 !important; display: flex; flex-direction: column; align-items: center; }
.slideshow-content-heading { flex-basis: 100%; text-shadow: 0 2px 6px #000; }
.slideshow-content-heading, .slideshow-content-heading h1 { position: relative; margin: 0; padding: 0; color: #FFF; font-size: 40px; font-weight: 500; text-align: center; line-height: 1.2; }
.slideshow-content-heading span:last-of-type, .slideshow-content-heading h1 span:last-of-type { display: block; margin-bottom: 10px; font-size: 24px; font-weight: 400; }

.slideshow-button { position: relative !important; width: auto !important; padding: 0 !important; font-size: 14px !important; font-weight: 700 !important; margin: 0 8px !important; text-transform: uppercase !important; text-align: center !important; background: #C41E3A !important; border-radius: 5px !important; box-shadow: 0 3px 10px rgba(0,0,0,0.8); }
.slideshow-button:hover { background: #C41E3A !important; }
.slideshow-button a { display: block; margin: 0; padding: 15px 20px !important; line-height: 1.3; text-align: center; color: #FFF; border: 0 solid #FFF; cursor: pointer; }

.slideshow-panel-button { background: inherit !important; margin: inherit !important; padding: 0 !important; font-size: 14px !important; font-weight: 600 !important; }

.slideshow-content-buttons { position: relative; }
.slideshow-content-buttons ul { position: relative; display: flex; flex-flow: row wrap; justify-content: center; }
.slideshow-content-buttons ul li { position: relative; margin: 10px 5px; }
.slideshow-content-buttons ul li a { display: block; margin: 0; padding: 15px 20px !important; line-height: 1.3; text-align: center; color: #FFF; border: 0 solid #FFF; cursor: pointer; font-size: 14px !important; font-weight: 700 !important; margin: 0 !important; text-transform: uppercase !important; text-align: center !important; background: #C41E3A !important; border-radius: 5px !important; box-shadow: 0 3px 10px rgba(0,0,0,0.8); }
.slideshow-content-buttons ul li a.with-icon { padding: 15px 20px 15px 28px !important; }
.slideshow-content-buttons ul li a > i { position: absolute; margin-top: -1px; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 8px; }

/* Slideshow search */
#slideshow-search-wrap { position: relative; }
.slideshow-search-container { position: relative; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
#slideshow-search { display: none; position: relative; width: calc(100% - 20px); max-width: 280px; background: rgba(0,0,0,0.7); border: 0 solid #999; margin: 0 8px; padding: 0; border-radius: 4px; color: #666; overflow: hidden; }
.slideshow-search { position: relative; display: flex; flex-flow: row-reverse wrap; }
#slideshow-search-box { width: calc(100% - 55px); padding: 0 0 0 15px; font-size: 16px; height: 40px; background: none transparent; border: 0 none; }
#slideshow-search-box:hover { cursor: pointer; }
#slideshow-search .slideshow-btn-search { position: relative; width: 40px; padding: 0; color: #333; text-align: center; line-height: 40px; font-size: 13px; text-transform: uppercase; background: #FFF; text-decoration: none !important; transition: background .05s linear; }
#slideshow-search .slideshow-btn-search:hover { cursor: pointer; background: #FFF; }
#slideshow-search .slideshow-btn-search i { display: inline-block; vertical-align: top; margin: 12px 0 0 0; color: #333; font-size: 16px; }
#slideshow-search:hover i { color: #333; }

#slideshow-search input::-webkit-input-placeholder { color: #010101; font-size: 14px; opacity: 1; font-style: italic; }
#slideshow-search input::-moz-placeholder { color: #010101; font-size: 14px; opacity: 1; font-style: italic; }
#slideshow-search input:-ms-input-placeholder { color: #010101; font-size: 14px; opacity: 1; font-style: italic; }
#slideshow-search input:-moz-placeholder { color: #010101; font-size: 14px; opacity: 1; font-style: italic; }

/* Slideshow prev/next buttons */
.slideshow-buttons { display: none !important; margin-top: -25px !important; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1;  }
.prev, .next { opacity: 1; cursor: pointer; position: absolute; width: 40px; height: 40px; margin-top: 0 !important; transition: 0.6s ease; border-radius: 0; user-select: none; }
.slideshow-buttons.full-width { width: 100%; }
.prev { left: 30px; }
.next { right: 30px; }
.prev:hover, .next:hover { opacity: .6; background-color: rgba(0,0,0,0); }
.prev .svg-icon, .next .svg-icon { position: absolute; fill: none; stroke: #FFF; stroke-width: 900 /*550 900 1200*/; stroke-miterlimit: 10; }
.prev .svg-icon { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.next .svg-icon { right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }

/* Slideshow numbers */
.slideshow-numbers { display: none; position: absolute; top: 0; color: #f2f2f2; font-size: 12px; padding: 8px 12px; z-index: 2; }

/* Slideshow dots */
.slideshow-dots { display: none; position: absolute; bottom: 15px !important; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; z-index: 1; }
.slideshow-dot { opacity: 1; cursor: pointer; height: 16px !important; width: 16px !important; margin: 0 5px; background-color: #2d3195 !important; border-radius: 50% !important; display: inline-block; transition: all 0.3s ease; }
.slideshow-dot.active, .slideshow-dot:hover { background-color: #C41E3A !important; }
.slideshow-dot:hover { opacity: 1; }

/* Slideshow readmore */
.slideshow-readmore { position: relative; display: block; text-align: center; z-index: 1; color: #010101; font-size: 12px; font-weight: bolder; text-transform: uppercase; }
.slideshow-readmore a { position: relative; display: block; color: #010101; padding: 8px 15px; box-shadow: 0 0 0 1px rgba(255,255,255,0); border-radius: 0; line-height: 1; }
.slideshow-readmore a span.arrow { display: block; padding: 0 0 5px; line-height: 1.3; color: rgba(255,255,255,0.8); background: rgba(0,0,0,0); transition: all .1s linear; }
.slideshow-readmore a:hover span.arrow { color: #010101; border-color: #010101; }
.slideshow-readmore a span.arrow::after { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: block; font-family: 'Font Awesome\ 5 Free'; color: rgba(255,255,255,0.8); font-size: 10px; font-weight: 900; content: "\f078"; line-height: 1; }
.slideshow-readmore a span:hover::after { color: #010101; }

.slideshow-img-m { display: none; }

.slide-banner-wrap, .slide-banner { position: relative; width: 100%; height: auto; margin: 0 auto; line-height: 0; }
.slide-banner img { width: 100%; height: auto; object-fit: contain; }

.slide-banner-wrap .slideshow-content-wrap { position: relative; height: auto; bottom: auto; left: auto; transform: none; background: #F6F6F6; }
.slide-banner-wrap .slideshow-content { width: calc(100% - 60px); padding: 20px 30px; margin: 0 auto; }
.slide-banner-wrap .slideshow-content-heading, .slide-banner-wrap .slideshow-content-heading h1 { color: #333; font-size: 30px; }
.slide-banner-wrap .slideshow-content-heading span, .slide-banner-wrap .slideshow-content-heading h1 span { color: #666; font-size: 22px; }

.slideshow-heading { position: absolute; bottom: 0; left: 0; right: 0; width: calc(100% - 60px); height: 80px; padding: 0 30px; background: #060606 url(images/bg-dark.jpg) repeat top left; background-size: 14px 14px; background-attachment: fixed; font-size: 30px; color: #010101; font-weight: 700; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.slideshow-heading h1 { margin: 0; padding: 0; font-size: 30px; color: #010101; font-weight: 700; letter-spacing: normal; }

/* Heading panel */
.heading-panel-wrap { position: relative; width: 100%; padding: 0; height: 110px; border-left: 0 none; border-right: 0 none; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #FFF; }
.heading-panel-wrap.with-border { border-top: 15px solid #FFF; }
.heading-panel { position: relative; width: 80%; margin: 0 auto; }
.heading-panel h1, .heading-panel h2, h1.custom-font, h2.custom-font { color: #111; font-size: 24px; font-weight: 500; margin: 0; padding: 0; text-transform: none; }
.heading-panel h1 span, .heading-panel h2 span { display: block; margin-top: 5px; font-size: 18px; font-style: italic; color: #666; }
h1.custom-font, h2.custom-font { font-size: 40px; color: #111; margin-bottom: 40px; }

/* Welcome */
.welcome-container { position: relative; width: 100%; padding: 40px 0 35px; text-align: center; background: #FFF; overflow: hidden; border-top: 0 solid #DDD; }
.custom-heading { position: relative; color: #DDD; z-index: 0; line-height: 1; }
.custom-heading::after { display: block; width: 60px; height: 2px; margin: 15px auto 20px; content: ""; background: #E9E9E9; }
.custom-heading span { }
.welcome-wrap { position: relative; width: 100%; padding: 0; margin: 0 auto; z-index: 1; }
.welcome { position: relative; margin: 0 auto; }
.welcome > h1 { font-size: 28px; margin: 0 0 20px; padding: 0; }
.welcome > h1::after { position: relative; display: block; width: 60px; height: 4px; margin: 20px auto 0; content: ""; background: #2d3195; }
.welcome > h2 { margin-bottom: 10px; text-transform: none; color: #333; font-size: 24px; font-style: italic; }
.welcome > h1 span, .welcome > h2 span { display: block; margin-top: 5px; font-size: 16px; font-style: italic; color: #999; text-transform: none; }
.welcome p:last-of-type { margin-bottom: 0; }
.welcome-content { position: relative; width: 100%; margin: 0 auto; }
.welcome hr { opacity: .7; }
.welcome-content::after { display: none; width: 60px; height: 2px; margin: 25px auto 20px; content: ""; background: #E9E9E9; }
.welcome-container .button, .welcome-container .buttons { padding-top: 40px; }
.welcome-left-right { position: relative; width: 100%; display: flex; flex-flow: row nowrap; }
.welcome-left, .welcome-right { position: relative; padding: 20px 0; display: flex; flex-direction: column; justify-content: center; }
.welcome-left { white-space: nowrap; text-align: center; padding-right: 5%; }
.welcome-left::after { position: absolute; top: 0; right: -1px; width: 1px; height: 100%; content: ""; background: #DDD; }
.welcome-right { flex: 1 1 auto; padding-left: 5%; }

/* Content */
.container-wrap { position: relative; width: 100%; margin: 0 auto; padding: 0 0 40px; background: #FFF; z-index: 0; display: flex; flex-direction: row; justify-content: space-between; }
.container-wrap.with-bg { background: -webkit-linear-gradient(left, #F6F6F6 50% , #FFF 50%); background: -o-linear-gradient(right, #F6F6F6 50%, #FFF 50%); background: -moz-linear-gradient(right, #F6F6F6 50%, #FFF 50%); background: linear-gradient(to right, #F6F6F6 50% , #FFF 50%); padding: 0; }
.container { position: relative; width: 90%; margin: 0 auto; }
.content { position: relative; width: 80%; padding: 0; margin: 0 0 0 5%; min-height: 400px; background: #FFF; border-radius: 0; box-shadow: 0 0 0 0 #CCC; flex: 1 1 auto; }
.center-content { position: relative; text-align: center; }
.container-wrap.with-bg .content { padding: 0; background: transparent; }

.sidebar-container { position: relative; width: 18%; margin: 0 4% 0 0; padding: 30px 0; }
.content-container { position: relative; width: 78%; padding: 40px 0 50px; background: #FFF; display: flex; flex-direction: column; align-items: flex-end; }
.content-wrap { position: relative; width: 78%; display: flex; flex-direction: column; flex: 1 1 auto; }

.content-left-right { position: relative; width: 100%; margin: 0 auto; display: flex; flex-direction: row; flex-flow: row wrap; justify-content: center; }
.content-left-right > h2, .content-left-right > h3 { flex-basis: 100%; }
.content-left { position: relative; width: 65%; margin-right: 5%; }
.content-right { position: relative; width: 30%; padding: 0; margin-top: 8px; }
.content-right ul li { margin-bottom: 15px; }
.content-left-right p.last { margin-bottom: 0; }

.content-left-right.split-50-50 { justify-content: space-between; }
.content-left-right.split-50-50 .content-left, .content-left-right.split-50-50 .content-right { width: calc(50% - 50px); margin: 0; }

.content-left-right.split-50-50.split-bg { justify-content: center; }
.content-left-right.split-50-50.split-bg .content-left, .content-left-right.split-50-50.split-bg .content-right { width: calc(50% - 100px); padding: 40px 50px; }

.content-left-right.split-50-50.split-bg:nth-child(even) .content-left, .content-left-right.split-50-50.split-bg:nth-child(odd) .content-right { background: #FFF; }
.content-left-right.split-50-50.split-bg:nth-child(even) .content-right, .content-left-right.split-50-50.split-bg:nth-child(odd) .content-left { background: #FCFCFC; }

.content-left-right.split-50-50.split-bg.with-border { width: calc(100% - 2px); border: 1px solid #EEE; border-bottom: 0 none; }
.content-left-right.split-50-50.split-bg.with-border:last-of-type { border-bottom: 1px solid #EEE; }
.content-left-right.split-50-50.split-bg.with-border .content-left, .content-left-right.split-50-50.split-bg.with-border .content-right { }
.content-left-right.split-50-50.split-bg.with-border .content-left::after { position: absolute; top: 0; right: -1px; width: 1px; height: 100%; content: ""; background: #EEE; z-index: 1; }

.container-bg { position: relative; width: 100%; }

.check-list { color: #333; }
.check-list li { position: relative; padding-left: 25px; }
.check-list li::before { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: 'Font Awesome\ 5 Free'; font-weight: 900; content: "\f058"; line-height: 1; color: #010101; }

/* Slide-up tagline */
.animate-slide-up .tile-overlay span:first-of-type { opacity: 1; transition: opacity .2s linear; }
.animate-slide-up .tile-overlay span:last-of-type { opacity: 0; line-height: 0; font-size: 18px; transition-duration: .6s; transform: translateY(100px); transition-property: transform; transition: all .3s linear; }
.animate-slide-up:hover .tile-overlay span:first-of-type { opacity: 1; }
.animate-slide-up:hover .tile-overlay span:last-of-type { opacity: 1; line-height: inherit; transform: translate(0); }

/* Buttons */
.button, .buttons, .home-img-button, .add-to-cart, #form1 input[type="submit"], #form1 input[type="button"], .submit-btn-outer, .change-btn-outer { font-size: 15px !important; font-weight: 700 !important; text-transform: uppercase !important; }
.add-to-cart, #form1 input[type="submit"], #form1 input[type="button"], .submit-btn-outer, .change-btn-outer { cursor: pointer; }
.button, .buttons, .buttons li, .readmore, .readmore li { position: relative; }
.button.padding-top, .buttons.padding-top { padding-top: 10px; }
.home-img-button a, .button a, .buttons ul li a, .add-to-cart, #form1 input[type="submit"], #form1 input[type="button"], .submit-btn-outer, .change-btn-outer { display: inline-block !important; min-width: 170px !important; padding: 17px 30px !important; line-height: 1.3 !important; text-decoration: none !important; border-radius: 5px !important; border: 0 none !important; text-align: center !important; transition: all 0.1s linear !important; }

.home-img-button a, .button a, .buttons ul li a, .add-to-cart, #form1 input[type="submit"], #form1 input[type="button"], .submit-btn-outer, .change-btn-outer { color: #FFF !important; background: #C41E3A !important; }
.home-img-button a:hover, .button a:hover, .buttons ul li a:hover, .add-to-cart:hover, #form1 input[type="submit"]:hover, #form1 input[type="button"]:hover, .submit-btn-outer:hover, .change-btn-outer:hover { color: #FFF !important; background: #C41E3A !important; }

.add-to-cart { margin-top: 25px !important; }
#form1 input[type="submit"], #form1 input[type="button"] { min-width: 210px !important; margin: 15px 15px 15px 0; }
.submit-btn-outer, .change-btn-outer { width: auto !important; margin: 10px 0 !important; flex: none !important; }
.submit-btn-outer { margin: 30px 0 !important; }
.submit-btn-inner, .change-btn-inner { padding: 0 !important; flex: none !important; border: 0 none !important; }

/* Multi Buttons */
.buttons ul { display: flex; flex-flow: row wrap; justify-content: flex-start; }
.buttons.center ul { justify-content: center; }
.buttons ul li { text-align: center; margin: 0 15px 15px 0; }
.buttons.center ul li { margin: 0 15px 15px; }

.readmore { position: relative; line-height: 1.2; }
.readmore ul { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.readmore ul li { display: block; margin: 0 1rem 1rem; }
.readmore a { display: inline-block; padding-left: 8px; color: #010101; border-left: 2px solid #999; }
.readmore i { display: inline-block; font-size: .6em; vertical-align: top; margin-top: 10px; }

.notice-bar { position: relative; padding-left: 20px; }
.notice-bar::before { position: absolute; top: 0; left: 0; width: 3px; height: 20px; content: " "; background: #010101; }

/* Catalog */
.catalog-wrap { display: flex; position: relative; margin: 0 auto; padding: 50px 0; z-index: 0; }
.catalog-wrap.toggle-on-catalog-tablet { display: none; padding-bottom: 0; }
.catalog { position: relative; width: 20%; padding: 0 5% 10px 0; font-size: 15px; font-weight: 500; line-height: 1.3; z-index: 1; border-radius: 0; }
.catalog::after { position: absolute; top: 0; right: -1px; width: 1px; height: 100%; content: ""; background: #EEE; }
.catalog ul { padding: 0; }
.catalog ul li { position: relative; display: block; padding: 0; text-align: left; border-bottom: 1px solid #EEE; }
.catalog ul li.catalog-title { display: block; margin: 0; padding: 0 0 10px; border-bottom: 1px solid #EEE; font-size: 24px; font-weight: 400; text-transform: uppercase; }
.catalog ul li.catalog-title span { display: none; }
.catalog ul li.catalog-text { margin-top: 20px; }
.catalog ul li a { display: block; color: #333; padding: 10px 0 12px; line-height: 1.2; }
.catalog ul li a:hover { color: #C41E3A; }
.catalog ul li:last-child { border-bottom: 0 none; }

.catalog-message { position: relative; margin-top: 10px; }

.catalog-menu { display: none; position: relative; width: 90%; height: 50px; margin: 0 auto; padding: 0 5%; background: #F6F6F6; border-bottom: 1px solid #DDD; line-height: 1; font-size: 16px; font-weight: 700; z-index: 2; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.catalog-menu .toggle-menu-close { display: none; }
.toggle-catalog.toggle-icons .toggle-menu-icon { display: none; }
.toggle-catalog.toggle-icons .toggle-menu-close { display: inherit; }
.catalog-menu i { font-size: 16px; }
.toggle-menu-icon i, .toggle-menu-close i { width: 25px; text-align: left; }
.toggle-menu-close i { text-align: center; }
.catalog-menu .dropdown-icon i { float: right; margin-right: 0; margin-left: 5px; font-size: 10px; margin-top: 4px; }
.catalog-menu a { display: inline-block; color: #363636; text-decoration: none; padding: 0; }
.catalog-menu a:hover { color: #363636; }
.catalog-menu a.active { color: #363636; }

.catalog-menu-links { display: none; position: relative; }
.catalog-menu-links ul { text-align: right; display: flex; flex-flow: row nowrap; align-items: center; }
.catalog-menu-links li { position: relative; display: inline-block; margin: 0 0 0 10px; vertical-align: middle; }
.catalog-menu-links li:first-child { margin-left: 0; }
.catalog-menu-links li:last-child { margin-right: 0; }
.catalog-menu-links li a { color: #363636; }

#catalog-menu-search { position: relative; width: 250px; max-width: 210px; background: #FFF; border: 0 solid #222; border-radius: 0; margin: 0; padding: 0; overflow: hidden; }
#catalog-menu-search:hover { }
#catalog-menu-search-box { position: relative; width: 95%; height: 30px; background: none transparent; border: 0 none; padding: 0 0 0 5% !important; margin: 0 !important; }
#catalog-menu-search-box:hover { cursor: pointer; }
.catalog-menu-btn-search { position: absolute; top: 0; right: 0; padding: 0 8px 0 9px !important; line-height: 30px; border-left: 2px solid #222; background: #222; color: #010101; text-decoration: none; }
.catalog-menu-btn-search i { color: #010101; font-size: 14px; vertical-align: top; margin-top: 7px; }
#catalog-menu-search:hover i { color: #010101; }
#catalog-menu-search input::-webkit-input-placeholder { color: #333; font-style: italic; opacity: 1 !important; }
#catalog-menu-search input::-moz-placeholder { color: #333; font-style: italic; opacity: 1 !important; } /* firefox 19+ */
#catalog-menu-search input:-ms-input-placeholder { color: #333; font-style: italic; opacity: 1 !important; } /* ie */
#catalog-menu-search input:-moz-placeholder { color: #333; font-style: italic; opacity: 1 !important; }

#catalog-menu-search-wrap { display: none; position: absolute; width: 100%; top: 140px; left: 0; margin: 0 auto; height: 60px; background: #F06A29; transition: top .3s linear; z-index: 3; flex-direction: column; justify-content: center; align-items: center; flex-basis: 100%; }
.topbar-wrap.is-fixed-topbar #catalog-menu-search-wrap { top: 100px; }
#catalog-menu-search-wrap.toggle-on { display: flex; }
#catalog-menu-search { position: relative; width: 90%; background: #FFF; border: 0 solid #333; border-radius: 0; margin: 0; padding: 0; overflow: hidden; }
#catalog-menu-search:hover { }
#catalog-menu-search-box { position: relative; width: calc(100% - 40px); height: 40px; background: none transparent; border: 0 none; padding: 0 0 0 40px !important; margin: 0 !important; }
#catalog-menu-search-box:hover { cursor: pointer; }
.catalog-menu-btn-search { position: absolute; top: 0; left: 0; width: 40px; line-height: 40px; padding: 0 !important; color: #333; text-decoration: none; text-align: center; }
.catalog-menu-btn-search i { color: #333; font-size: .9em; vertical-align: top; margin-top: 13px; }
#catalog-menu-search:hover i { color: #333; }

#catalog-menu-search input::-webkit-input-placeholder { color: #333; font-style: italic; opacity: 1 !important; }
#catalog-menu-search input::-moz-placeholder { color: #333; font-style: italic; opacity: 1 !important; } /* firefox 19+ */
#catalog-menu-search input:-ms-input-placeholder { color: #333; font-style: italic; opacity: 1 !important; } /* ie */
#catalog-menu-search input:-moz-placeholder { color: #333; font-style: italic; opacity: 1 !important; }

.catalog-menu-button { position: absolute; top: 0; right: 0; text-transform: uppercase; font-size: 14px; font-weight: bolder; }
.catalog-menu-button a { position: relative; display: block; line-height: 50px; padding: 0 20px; background: #C41E3A; color: #111; }

/* Catalog Search */
.catalog-search-wrap { position: relative; width: 100%; max-width: 100%; margin: 5px 0 20px; }
#catalog-search { position: relative; width: calc(100% - 15px); border-radius: 4px; margin: 0; padding: 0 0 0 15px; color: #333; background: #FFF; box-shadow: 0 0 0 1px #999; overflow: hidden; transition: box-shadow .1s linear; }
#catalog-search:hover { box-shadow: 0 0 0 1px #C41E3A; }
#catalog-search-box { width: calc(100% - 60px); height: 40px; font-size: 15px; color: #555; background: none transparent; border: 0; padding: 0; padding: 0; }
#catalog-search .catalog-btn-search { position: absolute; width: 40px; height: 40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; color: #555; font-size: 14px; text-transform: uppercase; text-align: center; }
#catalog-search .catalog-btn-search::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -1px; width: 1px; height: 60%; content: ""; background: #CCC; }
#catalog-search .catalog-btn-search:hover { color: #333; }
#catalog-search .catalog-btn-search span { display: block; width: 40px; height: 40px; background: #FFF; }
#catalog-search .catalog-btn-search span::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -1px; width: 1px; height: 50%; content: ""; background: #DDD; }
#catalog-search .catalog-btn-search i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

#catalog-search input::-webkit-input-placeholder { color: #666; font-size: 14px; font-weight: 400; opacity: 1; }
#catalog-search input::-moz-placeholder { color: #666; font-size: 14px; font-weight: 400; opacity: 1; }
#catalog-search input:-ms-input-placeholder { color: #666; font-size: 14px; font-weight: 400; opacity: 1; }
#catalog-search input:-moz-placeholder { color: #666; font-size: 14px; font-weight: 400; opacity: 1; }

/* Resources */
.resources-content > div { position: relative; margin-bottom: 20px; }
.resources-content > div:last-of-type { margin-bottom: 0; }
.resources-content h2, .resources h3 { margin-bottom: 5px; }

.resources-content .inline-logos { position: relative; margin: 10px 0 20px; }
.resources-content .inline-logos ul { display: flex; flex-flow: row wrap; }
.resources-content .inline-logos li { position: relative; margin-right: 20px; }
.resources-content .inline-logos img { width: auto; max-height: 60px; }

.resources-wrap, .literature-wrap { position: relative; display: flex; flex-direction: column; align-items: center; }
.resources-content, .literature-content { position: relative; background: #FFF; }
h1.for-resources, h1.for-literature { text-align: left; margin-bottom: 20px; }
.is-literature > div { position: relative; margin-bottom: 5px; }
.is-resources a, .is-literature > div > a { position: relative; display: block; padding-left: 15px; }
.is-resources a::before, .is-literature > div > a::before { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: "\25BA"; font-size: 10px; color: #333; opacity: .5; transition: opacity .1s linear; }
.is-resources a:hover::before, .is-literature > div > a:hover::before { opacity: 1; }

.resources-thumbnails { position: relative; width: 100%; display: flex; flex-flow: row wrap; justify-content: center; text-align: center; }
.resource-thumbnail { position: relative; width: calc(25% - 20px); margin: 0 10px 50px; display: flex; flex-direction: column; }
.resource-thumbnail a { position: relative; display: flex; flex-direction: column; line-height: 0; flex: 1 1 auto; color: #010101; }
.resource-thumbnail span:first-of-type { width: 100%; height: auto; }
.resource-thumbnail span:last-of-type { width: calc(100% - 30px); padding: 30px 15px 0; color: #010101; }
.resource-thumbnail img { width: auto; max-width: 100%; height: auto; background: #FFF; object-fit: contain; flex-shrink: 0; }

.custom-graphics, .custom-tiles, .staff-wrap, .custom-page-tiles, .custom-videos { position: relative; width: 100%; display: flex; flex-flow: row wrap; justify-content: center; }
.custom-graphic, .custom-tile, .staff, .custom-page-tile, .custom-video { position: relative; width: calc(20% - 40px); margin: 0 40px 30px 0; text-align: center; }
.custom-tile, .custom-page-tile { width: calc(33% - 40px); }
.custom-video { width: calc(25% - 40px); margin: 0 20px 30px; }
.custom-page-tile a { display: block; color: #222; }
.custom-page-tile a:hover { color: #C41E3A; }
.custom-page-tile-heading { position: relative; display: block; margin-bottom: 10px; font-size: 20px; font-weight: 800; font-style: italic; }
.custom-page-tile-img { position: relative; display: block; box-shadow: 0 0 0 4px #C41E3A; line-height: 0; }
.custom-page-tile-img img { width: 100%; height: 100%; object-fit: contain; object-position: center center; }
.staff-wrap { justify-content: space-between; align-items: flex-start; }
.staff { width: calc(25% - 80px); margin: 0 0 28px; padding: 20px 30px; box-shadow: 0 0 0 1px #DDD; background: #F9F9F9; }
.staff-pic, .staff-profile { position: relative; }
.staff-profile p:last-of-type { margin-bottom: 0; }
.staff-profile { margin-top: 15px; }
.custom-tile img, .staff-pic img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.custom-list { position: relative; margin-left: 13px; font-size: 18px; color: #222; font-weight: 500; letter-spacing: 2px; line-height: 1.2; }
.custom-list ul li { position: relative; display: flex; flex-flow: row nowrap; align-items: center; margin: 12px 0; }
.custom-list ul li:nth-of-type(1) { margin-left: 3px; }
.custom-list ul li:nth-of-type(3) { margin-left: -13px; }
.custom-list .brand { color: #010101 !important; font-size: 1.8em; font-weight: 800; letter-spacing: 1px; line-height: 1; }


/* Page Gallery */
.page-gallery-container { position: relative; width: 100%; }
.page-gallery-wrap { position: relative; width: 100%; padding: 0 0 70px; text-align: center; background: #FFF url(images/loading.gif) no-repeat center center; background-size: 40px 40px; }
.page-gallery-wrap > h2 { display: block; font-size: 30px; font-weight: 400; text-align: center; margin: 0 0 15px; text-transform: none; }
.page-gallery-wrap > h2, .page-gallery-wrap > p { width: 90%; margin-left: auto; margin-right: auto; }
.page-gallery { position: relative; width: calc(80% + 6px); margin: 0 auto; padding-top: 10px; background: #FFF; display: flex; flex-flow: row wrap; justify-content: center; }
.page-gallery-img { position: relative; width: calc(16% - 6px); height: 0; padding-top: 16%; line-height: 0; overflow: hidden; margin: 0 3px 6px; cursor: pointer; }
.page-gallery-img a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; }
.page-gallery-img a::before { opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0,0,0,0.3); transition: opacity 0.2s linear; }
.page-gallery-img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.page-gallery-img span { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #010101; font-size: 30px; transition: opacity 0.2s linear; }
.page-gallery-img span::after { opacity: .7; display: block; font-size: 30px; margin-top: 5px; font-family: 'Font Awesome\ 5 Free'; content: "\f083"; font-weight: 900; }
.page-gallery-img:hover span, .page-gallery-img:hover a::before { opacity: 1; visibility: visible; }

/* Gallery */
.container-wrap.full-width .container .content, .container-wrap.full-width .container #mainpage { width: 90%; }
.event-galleries-bg, event-galleries-container { position: relative; width: 100%; }
.event-galleries-bg { background: #FFF url(images/loading.gif) no-repeat center 300px; background-size: 40px 40px; padding: 0; }
#porgallery { position: relative; width: 100%; margin: 0 auto; padding: 40px 0 20px; text-align: center; display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; }
#porgallery div { text-align: center !important; float: none !important; }
#porgallery h1, #porgallery p, .gallery-text { flex-basis: 100%; }
.gallery-text-wrap { position: relative; margin: 0 auto 30px; }
.gallery-text { position: relative; width: 85%; margin: 0 auto 20px; }
#porgallery h1 { margin-bottom: 10px; }
#porgallery h1, #porgallery h4 { text-align: center !important; }
#porgallery h4 { font-size: 28px !important; font-weight: 400; color: #444; text-transform: none !important; margin-bottom: 10px; }
#porgallery .photogalleryauto { }
#porgallerythumbnail { position: relative; width: calc(500px - 40px); height: 500px; max-width: 90%; margin: 0 20px 30px; overflow: hidden; }
#porgallerythumbnail a { display: block; }
#porgallerythumbnail a:nth-child(2) { height: 400px; }
#porgallerythumbnail img, #porgallery div[style*="text-align: left; float: left;"] > a img { width: 100%; height: 100%; object-fit: cover; }
#porgallerythumbnail br, #porgallery div[style*="text-align: left; float: left;"] > br, #porgallerythumbnail p:last-of-type { display: none; }
#porgallery .clickme { position: relative; margin: 15px 0 0; font-size: 12px; }
#porgallery div[style*="text-align: left; float: left;"] { position: relative; text-align: center; display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; }
#porgallery div[style*="text-align: left; float: left;"] > a { position: relative; width: calc(20% - 20px); height: 300px; margin: 0 10px 20px; overflow: hidden; }

.inline-gallery { position: relative; margin: 0 auto; }
.inline-gallery ul li { float: left; margin-right: 20px; }
.inline-gallery ul li:last-child { margin-right: 0; }

/* Locations */
.store-locations { position: relative; width: 100%; max-width: 1600px; padding: 20px 0 0; margin: 0 auto; text-align: left; display: flex; flex-flow: row wrap; justify-content: center; }
.store-location h2, .store-location h3 { line-height: 1; margin: 0 0 15px; text-transform: none; }
.store-location h2 { margin-bottom: 5px; }
.store-location h3 { padding-top: 10px; margin: 5px; }
.store-location p { margin-bottom: 10px; }
.store-location { position: relative; width: calc(33.333% - 40px); padding: 0 20px; margin: 0 0 40px; display: flex; flex-flow: column wrap; justify-content: space-between; }
.store-location::after { position: absolute; top: 0; right: -1px; width: 1px; height: 100%; content: ""; background: #EEE; }
.store-location:last-of-type::after { display: none; }
.store-location:last-of-type { }
.store-location-content { position: relative; width: 100%; display: flex; flex-flow: row nowrap; }
.store-location, .store-location-left, .store-location-right { position: relative; }
.store-location-left { width: 100%; text-align: center; padding: 0; margin: 0 0 20px; }
.store-contact-form-wrap { position: relative; padding: 15px 30px 30px; box-shadow: 0 0 0 0 #EEE; background: #FFF; }
.store-location-right { width: 100%; }
.store-map { width: 100%; position: relative; padding-top: 0;}
.store-map iframe { display: block; width: calc(100% - 2px); min-height: 380px; height: auto; margin: 0 auto; border: 0 none !important; box-shadow: 0 0 0 1px #999; }

.store-locations-call-list { position: relative; width: 100%; margin: 0 auto; font-weight: bolder; line-height: 1.5; }
.store-locations-call-list ul { text-align: center; margin-bottom: 25px; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
.store-locations-call-list ul li { position: relative; margin: 0 0 15px; }
.store-locations-call-list ul li a { display: block; width: 240px; padding: 15px 20px; margin: 0 auto; white-space: nowrap; font-size: 18px; color: #FFF; border-radius: 8px; background: #C41E3A; box-shadow: 0 0 0 0 #FFF; transition: background 0.1s linear; }
.store-locations-call-list ul li span { display: block; }
.store-locations-call-list ul li a:hover { color: #FFF; background: #C41E3A; text-decoration: none; }
.store-locations-call-list i { display: inline-block; font-size: .8em; vertical-align: top; margin-top: 6px; }

.feedback i { padding-right: 3px; color: #333; font-size: 1em; }

/* Subscribe */
.subscribe-wrap { position: relative; width: 100%; padding: 0; color: #010101; font-weight: 400; text-align: center; line-height: 1; }
.subscribe { position: relative; width: 100%; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.subscribe > ul { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin: 0; }
.subscribe > ul > li { position: relative; margin: 0 15px; }
.footer-search-box { width: calc(100% - 15px); padding: 0 0 0 15px !important; height: 44px; background: #FFF; font-size: 15px; color: #333; border: 0 none; transition: all .3s ease-in-out; margin-bottom: 10px; }
.footer-search-box:hover { cursor: pointer; }
.footer-btn-search { position: relative; line-height: 34px; padding: 0 20px; color: #010101 !important; font-size: 16px; font-weight: 500; text-transform: uppercase; font-style: italic; text-align: center; transition: background 0.1s linear; cursor: pointer; background: transparent; border-radius: 0; border: 0 none; }
.footer-btn-search:hover { }

.footer-social { position: relative; font-size: 18px; margin: 15px; }
.footer-social ul { width: 100%; margin: 0; display: flex; flex-flow: row nowrap; }
.footer-social li { position: relative; display: flex; flex-flow: row nowrap; margin: 0 5px; }
.footer-social a { position: relative; background: #FFF; color: #111 !important; display: block; margin: 0; width: 40px; height: 40px; border-radius: 100%; text-align: center; }
.footer-social a:hover { background: #C41E3A; }
.footer-social i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.subscribe input::-webkit-input-placeholder { color: #666; font-size: 14px; opacity: 1; }
.subscribe input::-moz-placeholder { color: #666; font-size: 14px; opacity: 1; } /* firefox 19+ */
.subscribe input:-ms-input-placeholder { color: #666; font-size: 14px; opacity: 1; } /* ie */
.subscribe input:-moz-placeholder { color: #666; font-size: 14px; opacity: 1; }

/* Footer */
.index-footer { position: relative; width: 100%; }
.footer-wrap { position: relative; width: 100%; padding: 0; margin: 0 auto; font-size: 16px; color: #DDD; background: #2d3195; border-top: 8px solid #C41E3A; }
.footer-wrap a { color: #CCC; transition: all 0.1s linear; }
.footer-wrap a:hover { color: #FFF; }
.footer { position: relative; width: 100%; margin: 0 auto; padding: 0; text-align: left; line-height: 1.5; z-index: 1; }
.footer-heading { margin: 0; padding: 0 0 15px; color: #FFF; font-size: 20px; font-weight: 500; }
.footer-heading.is-logo { padding-bottom: 0; }
.footer-sub-heading { display: block; font-size: 20px; margin-bottom: 10px; }

.footer-panel { position: relative; width: 100%; margin-bottom: 10px; }
.footer-panel.for-locations { justify-content: space-between; align-items: center; }
.footer-panel:last-of-type { margin-bottom: 0; }

.footer-panel-left-right { position: relative; width: 100%; display: flex; flex-flow: row wrap; justify-content: center; }
.footer-panel-left, .footer-panel-right { position: relative; width: 50%; }
.footer-panel-right.is-img { line-height: 0; }
.footer-panel-right.is-img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.footer-panel-left.is-location { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.footer-panel-left.is-location .footer-panel-content { width: calc(100% - 100px); height: calc(100% - 100px); background: rgba(255,255,255,0.8); box-shadow: 0 0 0 1px #CCC; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.footer-location-wrap { width: 100%; padding: 0 0 40px; color: #010101; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.footer-location { position: relative; width: 80%; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.footer-locations { position: relative; display: flex; flex-flow: row wrap; justify-content: center; margin: 0 30px; }
.footer-location ul { display: flex; flex-flow: column wrap; justify-content: center; margin: 10px 15px; padding: 20px 20px; border-radius: 10px; background: rgba(255,255,255,0); box-shadow: 0 0 0 2px rgba(255,255,255,0.1); }
.footer-location li { position: relative; margin: 0 15px 10px; }
.footer-location li:last-child { margin-bottom: 0; }
.footer-location li.is-hours span::before { display: inline; content: " - "; }
.footer-location strong { color: #010101; }
.footer-location a { color: #010101; }
.footer-location a:hover { color: #010101; }

.footer-logo { position: relative; margin: 10px 30px; }
.footer-logo a { position: relative; display: block; line-height: 0; }
.footer-logo img { width: auto; max-width: 100%; max-height: 80px; }

.footer-links { position: relative; font-size: 16px; display: flex; flex-flow: column nowrap; align-self: flex-start; }
.footer-links-wrap { position: relative; display: flex; flex-flow: row wrap; }
.footer-links::after { position: absolute; top: 0; right: -1px; width: 1px; height: 100%; content: ""; background: rgba(255,255,255,0.1); }
.footer-links ul { width: 130px; margin: 0 40px 10px 0; }
.footer-links ul:last-of-type { margin-right: 0; }
.footer-links li { position: relative; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.1); }
.footer-links li:last-child { margin-bottom: 0; }
.footer-links a { display: block; }

.footer-reviews { position: relative; }
.footer-reviews a { display: block; }
.footer-reviews img { width: auto; max-height: 80px; }
.footer-reviews img.with-bg { background: #FFF; padding: 10px; }

.footer-logos-wrap { position: relative; flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-end; }
.footer-logos { position: relative; }
.footer-logos img { line-height: 0; max-height: 60px; }
.footer-logos img.with-bg { background: #FFF; padding: 10px; }

.footer-associations-wrap { position: relative; width: 100%; padding: 40px 0 0; background: #FFF; text-align: center; }
.footer-associations { position: relative; width: 80%; margin: 0 auto; }
.footer-associations > h2 { padding-bottom: 20px; margin-bottom: 40px; font-weight: bold; border-bottom: 1px solid #DDD; }
.footer-associations ul { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.footer-associations li { position: relative; margin: 0 30px 40px; }
.footer-associations img { width: auto; max-width: 100%; height: auto; max-height: 40px; }

.subfooter-wrap { position: relative; width: 100%; margin: 0 auto; padding: 60px 0 40px; color: #FFF; font-size: 14px; font-weight: 500; text-transform: uppercase; }
.subfooter-wrap p { text-transform: none; }
.subfooter-wrap .footer-heading { position: relative; display: inline-block; color: #FFF; padding: 0; margin-bottom: 30px; line-height: 1; text-transform: uppercase; }
.subfooter-wrap .footer-heading::after { display: none; opacity: 1; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; content: ""; background: #C41E3A; }
.subfooter { position: relative; padding: 0; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: flex-start; }
.subfooter-panel { position: relative; padding: 30px 50px 30px 0; margin: 0 50px 0 0; }
.subfooter-panel.is-popular-categories-panel { }
.subfooter-panel.last { padding-right: 0; margin-right: 0; }
.subfooter-panel::after { position: absolute; top: 0; right: -1px; width: 1px; height: 100%; content: ""; background: rgba(255,255,255,0.1); }
.subfooter-panel:last-of-type::after { display: none; }
.subfooter .footer-panel { position: relative; display: flex; flex-flow: row nowrap; }
.subfooter ul { margin-right: 30px; }
.subfooter ul:last-of-type { margin-right: 0; }
.subfooter ul li { position: relative; margin: 0 0 15px 0; padding: 0; line-height: 1.5; }
.subfooter ul li:last-child { }
.subfooter ul li:last-child::after { display: none; }
.subfooter p { line-height: 1.3; }
.subfooter .with-icon a { position: relative; display: flex; flex-direction: row; align-items: center; }
.subfooter .with-icon span:first-of-type { width: 40px; text-align: center; line-height: 0; }
.subfooter .with-icon i { width: 34px; text-align: center; font-size: 28px; line-height: 1; }
.subfooter .with-icon.xlarge-icon i { font-size: 34px; }
.subfooter .with-icon span:last-of-type { padding-left: 10px; }

.footer-tagline-wrap { position: relative; display: block; width: 100%; padding: 0 0 60px; margin: 0 auto; text-align: left; background: #2d3195; }
.footer-tagline { position: relative; margin: 0 auto; padding: 30px 0 0; color: #CCC; font-size: 13px; font-weight: 500; line-height: 1.4; border-top: 1px solid rgba(255,255,255,0.1); }
.footer-tagline p { margin-bottom: 10px; }
.copyright { position: relative; font-size: 12px; }


.background-overlay, .home-img-overlay { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: .7;
  background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 30%, rgba(0,0,0,.8) 100%); /* ff3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(30%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,.8))); /* safari4+,chrome */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 30%, rgba(0,0,0,.8) 100%); /* safari5.1+,chrome10+ */
  background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 30%, rgba(0,0,0,.8) 100%); /* opera 11.10+ */
  background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 30%, rgba(0,0,0,.8) 100%); /* ie10+ */
  background: radial-gradient(ellipse at center, rgba(255,255,255,0) 30%, rgba(0,0,0,.8) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000000',GradientType=1 ); /* ie6-9 */
}

/* Backend */
#mainpage { }
#mainpage, #newitempage { position: relative; padding: 0; margin: 0 0 0 5%; min-height: 300px; transition: 0s; z-index: 0; background: #FFF; border-radius: 0; box-shadow: 0 0 0 0 #CCC; }
#mainpage h1, #newitempage h1, #mainpage h3, #newitempage h3 { margin-bottom: 30px; text-transform: uppercase; }
.is-item-page #mainpage h1 { margin-bottom: 20px; }
#mainpage h1 a, #newitempage h1 a, #mainpage h3 a, #newitempage h3 a  { font-size: 20px; color: #171717; line-height: 0; margin-top: 5px; text-decoration: none; }
#mainpage h1 a:hover, #newitempage h1 a:hover, #mainpage h3 a:hover, #newitempage h3 a:hover { }
#mainpage > br { display: none; }
.is-catalog-page #mainpage > br { display: block; }
#mainpage > b { display: block; margin-top: 30px; }
#mainpage table { width: 100%; border-collapse: collapse; padding: 0; }
#mainpage td { text-align: left; width: inherit !important; vertical-align: middle !important; }
#mainpage form table tbody tr td table tbody tr td { vertical-align: top; }
#mainpage a:hover { color: #C41E3A; text-decoration: none; }
#mainpage hr { padding: 0; }
#mainpage h4 { margin-bottom: 15px; font-size: 26px; }

#mainpage > table > tbody > tr > td[valign="top"] { max-width: 100%; }

.mainpage-spacer { position: relative; clear: both; width: 100%; height: 20px; }

.multicolcell-wrap { position: relative; width: 100%; font-size: 16px; font-weight: 500; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }
.is-catalog-page .multicolcell-wrap { margin: 20px 0 0; }
.multicolcell div { float: none !important; }
.multicolcell > div:last-of-type { background: transparent; border-top: 0 solid #DDD; flex: 1 1 auto; transition: all 0.1s linear; padding: 25px 0 0 !important; }
.multicolcell:hover > div:last-of-type { border-top-color: #DDD; background: #FFF; }
.multicolcell > div:first-of-type[style="float: left; padding: 0 5px 0 5px;"] a { position: relative; display: block; z-index: 1; }
.multicolcell > div:first-of-type[style="float: left; padding: 0 5px 0 5px;"] { padding: 20px 0 !important; border-top: 0 none !important; }
.multicolcell > div:first-of-type[style="float: left; padding: 0 5px 0 5px;"] .multicolheading { padding-top: 0 !important; padding-bottom: 0 !important; }
.multicolcell > div:first-of-type[style="float: left; padding: 0 5px 0 5px;"] .multicolheading::before { position: relative; display: block; content: ""; background: transparent url(images/blank.jpg) no-repeat center left !important; background-size: contain !important; padding: 10px 0; margin-bottom: 30px; min-height: 80px; }
.multicolcell > div:first-of-type[style="float: left; padding: 0 5px 0 5px;"] .multicolheading::after { position: absolute; top: -20px; left: 0; right: 0; width: 100%; height: 130px; content: ""; background: transparent; z-index: -1; border-bottom: 0 solid #DDD; }
.multicolcell:hover > div:first-of-type[style="float: left; padding: 0 5px 0 5px;"] .multicolheading::after { border-bottom-color: #DDD; }
.multicolcell br { display: none; }
.multicolcell { position: relative; width: 100%; max-width: calc(25% - 30px); height: auto !important; margin: 0 30px 30px 0; padding: 0; vertical-align: top; text-align: center; background: #FFF; font-weight: 500; border-radius: 6px; box-shadow: 0 0 0 1px #EEE; display: flex; flex-direction: column; overflow: hidden; transition: all 0.1s linear; }
.multicolcell:hover { box-shadow: 0 0 0 1px #C41E3A; }
.multicolcell .wrap4 { width: 100%; height: 180px; display: flex; flex-direction: column; justify-content: center; }
.multicolcell img { width: 100%; max-width: 100%; height: 100%; max-height: 180px; object-fit: contain; object-position: center center; margin: 0; }
.for-items .multicolcell img { object-fit: contain; object-position: center center; }
.multicolcell > a { position: relative; display: block; padding: 15px 15px 0; width: calc(100% - 30px); height: calc(100% - 15px); max-height: 180px; color: #333; text-decoration: none !important; }
.multicolcell > a:hover { color: #171717; }
.multicolcell > .por-item-image-thumbnail-desc { margin-top: 20px; }

.multicolheading { display: block; padding: 0 15px 15px !important; }
.multicolheading, .multicoldescr { line-height: 1.4; word-wrap: break-word; color: #171717 !important; transition: all 0.1s linear; }
.multicolcell:hover .multicolheading, .multicolcell:hover .multicoldescr { color: #171717 !important; }
.por-item-image-thumbnail-desc { display: block; color: #171717 !important; text-decoration: none !important; }
.poritem-overview { position: relative; margin-top: 25px; margin-bottom: 30px; }
.poritem-overview h2 { margin-bottom: 10px; }
#mainpage ul, #newitempage ul { margin-left: 20px !important; list-style: disc; }
.poritem-overview ul li { position: relative; }
.por-checkout-total-price-string { display: block; }

.multicolheading, .multicoldescr { line-height: 1.2; text-transform: uppercase; word-wrap: break-word; }
.multicoldescr { margin-top: 3px; }
.por-item-image-thumbnail-desc { color: #333; text-decoration: none !important; }
.por-item-image-thumbnail-desc:hover { color: #171717; }
.poritem-specs .poritem-overview h2 { text-transform: uppercase; margin-bottom: 10px; }
#mainpage .poritem-specs h1 { text-align: left; }
#mainpage ul, #newitempage ul { margin-left: 20px !important; list-style: disc; }
.poritem-overview ul li { position: relative; }
.por-checkout-total-price-string { display: block; }

#form1 { position: relative; padding: 0; }
#form1 table tbody tr td { text-align: left !important; padding: 5px 5px; line-height: 1.2; }
#form1 table tbody tr td strong { line-height: 2; }
#form1 input { padding: 7px; line-height: 1; padding: 7px; margin: 10px 0; }
#form1 p input { margin-top: 10px; }

td.cattitle { padding: 20px 0; color: #171717; font-size: 20px !important; background: #666; text-transform: uppercase; text-align: center !important; white-space: nowrap; }

td.cattitle b { color: #171717; }

/* Suggested list add item to cart */
p[style="margin-top:15px"] { margin-top: 40px !important; }
.multicolcell-wrap.for-item-detail-suggested-list { justify-content: flex-start; }
.multicolcell-wrap.for-item-detail-suggested-list .multicolcell, .por-item-detail-suggested-list .multicolcell { box-shadow: 0 0 0 1px #CCC; }
.multicolcell-wrap.for-item-detail-suggested-list .multicolcell img { max-height: 140px; }
.multicolcell-wrap.for-item-detail-suggested-list .multicolcell > a { padding-top: 20px; }
.por-item-detail-suggested-list { position: relative !important; display: flex !important; flex-flow: row wrap !important; }
.por-item-detail-suggested-list .multicolcell { width: 250px !important; max-width: 100%; height: auto !important; margin: 0 40px 40px 0 !important; }
.addon-number-input-container { position: relative !important; margin-top: 20px !important; background: #F6F6F6; border-top: 1px solid #CCC; }
.addon-number-input-container svg { transform: scale(.15) !important; }
.addon-number-input { margin: 0 !important; }

#mainpage input, #mainpage textarea { border: 1px solid #CCC; background: #FFF; font-size: 14px; }
#mainpage input#submit { border: 0 none; }
input[name="strSearchMethodOther"] { margin: 0 0 15px !important; display: block; }
input[name="strPostalCode"] { margin-top: 15px; }
input[name="control"] { margin-top: 0 !important; }
#form1 > p > input { margin-top: 15px !important; }

.poritem-img { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; }
.wrap4 .cycle-slideshow { overflow: hidden; text-align: center; margin: 0; }
.wrap4 .cycle-slideshow a { margin-top: 0 !important; width: 300px !important; height: 300px !important; }
.wrap4 .cycle-slideshow img { max-width: inherit !important; width: calc(100% - 10px) !important; height: auto !important; max-height: 290px !important; object-fit: contain; }
.wrap4 #adv-custom-pager { position: relative; width: 100% !important; margin: 0 !important; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.wrap4 #adv-custom-pager img { object-fit: contain; object-position: center center; width: 100% !important; height: auto !important; }
.wrap4 #adv-custom-pager a { width: 50px !important; height: 50px !important; margin: 0 5px !important; }
#adv-custom-pager { text-align: center !important; }
#adv-custom-pager a { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.detailedimg { margin-top: 20px !important; text-align: left !important; width: inherit !important; }
.detailedimg p { text-align: center !important; font-size: 12px !important; line-height: 1.2 !important; margin-bottom: 25px; }
p.por-item-detail-image-click { width: 250px; }
.poritem-detail { position: relative; margin: 10px 0; }
.poritem-detail p { margin-bottom: 0; }
.poritem-detail p:last-of-type { margin-bottom: 0; }

a.por-item-detail-name { font-size: .9em; line-height: 1.5; font-weight: 500; }
.poritem-specs > h2 > a.por-item-detail-name { font-size: .6em; }
.poritem-specs h2 { margin: 6px 0 5px; }

.por-item-detail-suggested-list, .CommentBlock { margin: 15px 0; }

.poritem-specs > table, #mainpage > table tr { position: relative; }
.detailedimg { position: relative; z-index: 1; }
.item-notice, .poritem-detail, #mainpage td.detailedviewrow, .poritem-detail-image-td-t-td2-1, #form1, .poritem-specs > h1, .poritem-specs > h2, .poritem-overview, #mainpage > ul, #mainpage > b, p[style="margin-top:15px"], #form2 { position: relative; width: calc(100% - 350px) !important; }
.is-cart #form1 { width: 100% !important; }
#mainpage td.detailed-item, .poritem-detail-image-td-t-td2-2 { position: absolute; top: 0; right: 0; }

form[name="customerform"] { position: relative; width: 100%; margin-bottom: 35px; }
form[name="customerform"] hr { margin: 5px 0; }
form[name="customerform"] img { margin-top: 20px !important; }
form[name="customerform"] td { text-align: left !important; padding-bottom: 15px; vertical-align: top !important; }

textarea { float: left; }

#mainpageused { position: relative; width: 80%; padding: 0; margin: 0 auto; text-align: center; }
#mainpageused td { padding: 10px 20px; text-align: center; }
#mainpageused a { color: #333; }
#mainpageused h1 { text-align: center; }
#productname { text-align: left; }
#productname a { color: #171717; }

form[name="feedbackform"] { position: relative; width: 100%; }
#mainpage form[name="feedbackform"] td { padding: 6px 0 !important; vertical-align: top !important; padding-right: 10px !important; min-width: 120px;  }
form[name="feedbackform"] textarea { float: none !important; }
form[name="feedbackform"] input[type="submit"], form[name="feedbackform"] input[type="reset"] { margin-top: 15px; padding: 15px 25px; border: 1px solid #CCC; background: #F7F7F7; font-size: 18px; line-height: 1; }
form[name="feedbackform"] input[type="submit"], form[name="feedbackform"] input[type="reset"] { cursor: pointer; }
form[name="feedbackform"] input[name="code"] { display: block; margin-bottom: 10px; }

#mainpage select#foundUs { margin-top: 10px; }
#mainpage #checkout-form .checkout-card tr td:last-of-type[colspan="2"] select#foundUs { max-width: 350px; width: calc(100% - 320px); margin-left: 69px; }
#mainpage select { border: 1px solid #BBB !important; background: #F7F7F7 !important; font-size: 18px !important; padding: 7px; }
#mainpage select option { margin: 5px 0 0; }

.poritem-img { position: absolute; width: 300px; top: 0; right: 0; }

.item-notice { position: relative; display: block; font-size: 14px; width: 100%; margin: 0 0 8px; }
.item-notice.first { margin-top: 30px; }
.is-catalog-page #mainpage > .item-notice, .is-category-page #mainpage > .item-notice, .is-supercategory-page #mainpage > .item-notice { width: 100% !important; text-align: center; }
.is-item-page #mainpage > .item-notice { text-align: left; }
.is-search-page #mainpage > ul { width: 100% !important; list-style: disc; margin-bottom: 20px; }
.is-search-page #mainpage > p:last-of-type { margin-bottom: 40px; }
.is-search-page .search-field { min-width: 240px; height: 40px; padding: 0 10px; }

.container-wrap.full-width { position: relative; width: 100%; margin: 0 auto; }
.container-wrap.full-width .content { position: relative; float: none; width: 80%; margin: 0 auto; flex: none; }
.catalog-wrap.is-forsale #mainpage h2 { margin-bottom: 0; }
.container-wrap.full-width #mainpage { position: relative; float: none; width: 90%; margin: 0 auto; }
.container-wrap.full-width .catalog-wrap { position: relative; float: none; width: 100%; margin: 0 auto; padding: 0; background: #FFF; }

.container-wrap.less-width { position: relative; width: 100%; margin: 0 auto; padding: 50px 0 60px; }
.container-wrap.less-width .content { position: relative; float: none; margin: 0 auto; flex: none; }
.container-wrap.less-width #mainpage { position: relative; float: none; margin: 0 auto; }

.container.less-width { width: 80%; }
.container.full-width .content, .container.full-width #mainpage, .container.full-width #newitempage { float: none; width: 100%; padding: 25px 0 0 !important; }
.container.less-width .content { width: 100%; margin: 0 auto; float: none; padding-left: 0; }
.container.less-width .content.small-width { width: 80%; padding-left: 0; }
.container.less-width #mainpage, .container.less-width #newitempage, .container.less-width #mainpage, .container.less-width #newitempage { float: none; width: 100%; padding: 0 !important; }
.catalog-wrap.toggle-off-catalog .catalog  { display: none; }
.catalog-wrap.toggle-off-catalog #mainpage, .catalog-wrap.toggle-off-catalog #newitempage { float: none; width: 100%; padding: 0 !important; }
.catalog-wrap.toggle-off-catalog #mainpage h1, .catalog-wrap.toggle-off-catalog #newitempage h1 { text-align: center; }
.catalog-wrap.toggle-off-catalog #mainpage td { text-align: center !important; }

/* Featured */
.featured-container-wrap { position: relative; width: 100%; margin: 0 auto; padding: 40px 0 30px; text-align: center; background: #EEE url(images/bg-gray.jpg) repeat top left; background-size: 500px 500px; background-attachment: fixed; border-top: 1px solid #CCC; }
.featured-container { position: relative; width: 100%; margin: 0 auto; }
.featured-wrap { position: relative; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center; }
.featured-heading { position: relative; padding: 0 30px; }
.featured-heading h2 { position: relative; display: inline-block; margin: 0 auto 40px; padding: 0 15px; }
.featured-heading h2::before, .featured-heading h2::after { position: absolute; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -15px; width: 15px; height: 3px; content: ""; background: #C41E3A; }
.featured-heading h2::after { left: auto; right: -15px; }
.featured { position: relative; width: calc(25% - 20px); margin: 0 10px 50px; display: flex; flex-direction: column; box-shadow: 0 0 0 0 #CCC; border-radius: 0; overflow: hidden; transition: box-shadow .1s linear; }
.featured:hover { box-shadow: 0 0 0 0 #C41E3A; }
.featured h2 { margin: 0; font-size: 16px; font-weight: 500; text-transform: uppercase; display: flex; flex-direction: column; flex: 1 1 auto; }
.featured a { position: relative; display: flex; flex-direction: column; padding: 0; color: #444; line-height: 0; border-radius: 0; overflow: hidden; flex: 1 1 auto; justify-content: space-between; }
.featured a:hover { color: #444; }
.featured img { width: auto; max-width: 100%; height: auto; background: #FFF; border-radius: 0; object-fit: contain; flex-shrink: 0; }
.featured span { position: relative; display: block; margin: 0 auto; line-height: 1.3; }
.featured span:first-of-type { width: 100%; height: auto; padding: 0; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.featured span:last-of-type { width: calc(100% - 30px); padding: 30px 15px 0; color: #010101; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 1 auto; transition: background 0.1s linear; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.featured:hover span:last-of-type { }
.featured-container-wrap .button, .featured-container-wrap .buttons, .featured-container-wrap .readmore { display: inline-block; margin-top: 20px; text-align: center; }
.featured-container-wrap .buttons { width: 80%; margin: 0 auto; padding-top: 0; }
.featured-container-wrap .buttons ul { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; }
.featured-container-wrap .buttons.center ul { justify-content: center; }
.featured-container-wrap .buttons li { margin: 0 10px 15px; display: flex; flex-direction: column; }
.featured-container-wrap .buttons a { display: block; flex: 1 1 auto; }
.featured-container-wrap .buttons.alt-bg a:hover { background: #010101; }

/* Tiles */
.tiles-wrap { position: relative; width: 100%; margin: 0 auto; padding: 70px 0 50px; text-align: center; }
.tiles-wrap.custom-bg { background: linear-gradient(180deg, #C41E3A 50%, #FFF 50%); }
.tiles { position: relative; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: space-between; }
.tile { position: relative; width: calc(25% - 20px); padding: 0; margin: 0 0 20px; display: flex; flex-direction: column; justify-content: flex-start; border-radius: 0; overflow: hidden; }
.tiles-wrap.split-3 .tile { width: calc(33.333% - 20px); }
.tile-img-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0 auto; padding: 0; text-align: center; font-size: 14px; font-weight: 600; background: rgba(0,0,0,.1); transition: all .2s linear; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.tile-img-content:hover { background: rgba(0,0,0,.5); }
.tile-img-content p { opacity: 0; visibility: hidden; margin-bottom: 0; transition: all .1s linear; }
.tile-img-content:hover p { opacity: 1; visibility: visible; }
.tile-overlay { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; padding: 18px 50px 15px; transition: all .2s linear; }
.tile-img-content:hover .tile-overlay { background: transparent; }
.tile-img-content p > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; overflow: hidden; color: #FFF; }
.tile-img { position: relative; margin: 0; overflow: hidden; line-height: 0; border-bottom: 0 solid #333; transition: all 0.1s linear; }
.tile-img:hover { border-bottom-color: #C41E3A; }
.tile-img img { width: 100%; height: auto; object-fit: cover; }
.tile-img:hover img { }
.tile-text { position: relative; width: 100%; margin: 30px auto 0; text-align: left; display: flex; flex-flow: column nowrap; justify-content: space-between; flex: 1 1 auto; }
.tile-text p, .tile-text .readmore { font-size: 13px; }
.tile-text .readmore { margin-top: 10px; font-weight: bold; text-align: left; }
.tile-text .readmore a:hover { color: #C41E3A; }
.tile-content-wrap { position: relative; padding: 0; margin: 10px 0 0; text-align: left; display: flex; flex-direction: column; flex: 1 1 auto; }
.tile-content { position: relative; display: flex; flex-direction: column; flex: 1 1 auto; }
.tile-content h2 { display: block; font-size: 16px; font-weight: 700; padding: 16px 20px; margin: 0; line-height: 1.2; background: #C41E3A; color: #010101; text-align: center; text-transform: uppercase; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; }
.tile-content h2 a, .tile-content h2 a:hover { color: #FFF; }
.tile-content p:last-of-type { margin-bottom: 0; }
.tile-content-wrap .button { margin-top: 20px; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; }

/* Accordion */
.accordion-wrap { position: relative; width: calc(100% - 2px); margin: 0 auto; box-shadow: 0 0 0 1px #CCC; }
.accordion { position: relative; border-bottom: 1px solid #CCC; }
.accordion:last-of-type { border-bottom: 0 none; }
.accordion:nth-of-type(odd) { background: #F6F6F6; }
.accordion p:last-of-type { margin-bottom: 0; }
.accordion-q, .accordion-a { position: relative; padding: 20px; }
.accordion-q { color: #444; font-weight: 700; cursor: pointer; }
.accordion-q::after { position: absolute; width: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; font-family: 'Font Awesome\ 5 Free'; content: "\f107"; font-weight: 900; text-align: center; line-height: 1; }
.accordion.toggle-on .accordion-q::after { font-size: .8em; content: "\f00d"; }
.accordion-a::before { position: relative; display: block; width: 100%; height: 1px; margin: 0 auto 16px; content: ""; border-top: 1px dashed rgba(0,0,0,0.3); }
.accordion-a { display: none; color: #111; padding: 0 20px 20px; }
.accordion.toggle-on .accordion-a { display: block; }

.custom-faq { position: relative; width: 100%; }
.custom-faq strong { color: #C41E3A; }
.custom-faq > div { position: relative; padding: 15px 20px; margin-bottom: 5px; background: #F6F6F6; }
.custom-faq > div:last-of-type, .custom-faq > div p:last-of-type { margin-bottom: 0; }

/* Vendor Gallery */
.vendor-logos-wrap { position: relative; width: 100%; padding: 0; border-top: 1px solid #CCC; }
.vendor-heading { position: relative; width: calc(100% - 60px); padding: 30px 30px 20px; text-align: center; background: #111 url(images/bg-dark.jpg) repeat top left; background-size: 14px 14px; background-attachment: fixed;  }
.vendor-heading::before { opacity: .1; position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; content: " "; background-image: linear-gradient(250deg, transparent 70%, #666 calc(70% + 2px)); }
.vendor-heading h3 { margin: 0 0 15px; padding: 0; color: #010101; font-size: 30px; }
.vendor-logos { position: relative; width: 80%; margin: 0 auto; padding:  50px 0 25px; }
.vendor-logos ul { text-align: center; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.vendor-logos ul li { position: relative; width: 25%; margin: 0 0 15px; }
.vendor-logos img { width: auto; max-width: 90%; height: auto; max-height: 80px; }
.vendor-logos .adj-img img { max-height: 30px; }

.image-gallery-wrap { position: relative; width: 100%; margin: 0 auto; padding: 40px 0 30px; overflow: hidden; background: #FFF; z-index: 1; }
.image-gallery-container { position: relative; width: 80%; margin: 0 auto; }
.image-gallery { height: auto !important; text-align: center; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.image-gallery-container li { position: relative; text-align: center; }
.image-gallery-container img { width: auto; max-width: 200px; height: auto; max-height: 50px; }

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { position: relative; float: none; }
.lSAction { font-size: 28px; }
.lSAction > a { background-image: none; margin-top: 0; color: #999; }
.lSAction > .lSPrev, .lSAction > .lSNext { text-align: center; top: 27%; }
.lSAction > .lSPrev { left: 0; }
.lSAction > .lSNext { right: 0; }
.lSAction > .lSPrev::before, .lSAction > .lSNext::after { font-family: 'Font Awesome\ 5 Free'; font-weight: 900; }
.lSAction > .lSPrev::before { content: "\f053"; }
.lSAction > .lSNext::after { content: "\f054"; }
.lSSlideOuter .lSPager.lSpg > li a { background-color: #666; }
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #0099cc; }

/* Enhanced Attachments */
.poritem-overview { position: relative; width: 100%; margin: 35px 0px 0px; }
#mainpage .tabs > ul, #newitempage .tabs > ul { margin-left: 15px !important; }
.tabs > ul li { display: inline-block; padding: 5px 15px; background: transparent; color: #111; cursor: pointer; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 14px; text-transform: uppercase; font-weight: 500; border: 1px solid #CCC; border-bottom: 0 none; }
.tabs > ul li.current { background: #F6F6F6; color: #010101; }
.tab-content { display: none; background: #F6F6F6; padding: 15px; width: 90%; max-width: 510px; border-radius: 5px; box-shadow: 0 0 0 1px #CCC; }
.tab-content.current { display: inherit; }
.tab-content iframe { width: 95%; max-width: 470px; }
.tab-content ul.CommentBlock { margin: 0; }

.is-table { position: relative; display: block; word-break: break-all; line-height: 1.3; padding-top: 10px; }
.is-table.with-top-margin { margin-top: 30px; }
.is-table table { max-width: calc(100% - 2px); border: 1px solid #BBB; border-bottom: 0 none; border-right: 0 none; }
.is-table th, .is-table td { padding: 10px 20px; margin-bottom: 2px; border: 1px solid #BBB; border-left: 0 none; border-top: 0 none; }
.is-table th { background: #F6F6F6; font-weight: 700; }
.is-table tr:nth-child(even) { background: #FFF; }
.is-table tr:nth-child(odd) { background: #F6F6F6; }

/* Lightbox */
.lb-outerContainer { background: rgba(0,0,0,0.5) !important; }
.lb-cancel { opacity: .3; background-size: 32px 32px !important; }
.lb-data .lb-caption a { color: #FFF !important; }
.lb-data .lb-close { background-size: 17px 17px !important; }
.lb-nav a.lb-prev { width: 50% !important; background-size: 30px 27px !important; background-position: left 15px top 49% !important; }
.lb-nav a.lb-next { width: 50% !important; background-size: 30px 27px !important; background-position: right 15px top 49% !important; }

.tent-size-calculator { position: relative; width: 100%; padding: 0px; margin: 0px auto; text-align: left; background: #F6F6F6; border: 1px solid #DDD; line-height: 1; }
.tent-size-calculator input { border: 1px solid #CCC; background: #FFF; height: 30px; padding: 0px 7px; }
.tent-size-calculator h3 { font-size: 22px; }
.calc-section { position: relative; padding: 40px 5% 45px; border-bottom: 1px solid #DDD; }
.calc-section:nth-of-type(even) { background: #F9F9F9; }
.calc-section.last { border-bottom: 0px none; }
.calc-buttons ul { text-align: left; }
.calc-buttons ul li { position: relative; display: inline-block; text-align: center; margin: 0px 15px 0px 0px; }
.calc-buttons ul li:last-child { margin: 0px; }
.calc-output input { }
.calc-btn { display: block; min-width: 120px; padding: 15px 10px; border: 1px solid #CCC; background: #FFF; text-transform: uppercase; font-size: 16px; }
.calc-btn:hover { cursor: pointer; }

.half-width { width: 50%; }

select { border: 1px solid #BBB !important; background: #FFF !important; padding: 7px; }

/* Checkout fixes */
.checkout-card { width: 100% !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; }
.checkout-card > table > tbody > tr > td { padding: 0 0 20px !important; }
.checkout-card br, .checkout-card hr { display: none; }
.checkout-card table tr td[colspan="5"] > p > a > img { display: block; width: 197px; height: 50px; object-fit: contain; line-height: 0; }
#checkout-form .checkout-card > table > tbody > tr > td { padding: 0 !important; }
#checkout-form h4 { line-height: 1.2; margin-bottom: 15px; }
#checkout-form .checkout-card tr { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; margin-bottom: 15px; }
#checkout-form .checkout-card tr td:first-of-type { width: 300px !important; }
#checkout-form .checkout-card tr td:last-of-type { width: calc(100% - 320px) !important; }
#checkout-form .checkout-card tr td:last-of-type[colspan="2"] { width: 100% !important; }
#checkout-form .checkout-card:last-of-type tr:last-of-type { margin-bottom: 0; padding-top: 10px; border-top: 1px solid #EEE; }
#checkout-form .checkout-card:last-of-type td { display: flex; flex-flow: row wrap; align-items: center; }
#checkout-form .checkout-card:last-of-type td:last-of-type label { margin-right: 20px; }
#checkout-form .checkout-card:last-of-type input[name="strStartDate"] { margin-right: 15px; }
#checkout-form .checkout-card input[type="text"] { width: calc(100% - 16px) !important; }
#checkout-form .checkout-card input[name="strStartDate"] { width: inherit !important; }
textarea { float: none !important; display: block; width: calc(100% - 2px); margin: 0 !important; }
span[style="display: block; width: 100%; height: 5px;"] { height: 0 !important; }
#mainpage > .checkout-card { margin-bottom: 30px !important; line-height: 1.1 !important; }
#mainpage > .checkout-card > table { margin: 25px 0 0; width: 100%; border-right: 0 solid #DDD; border-bottom: 0 none; }
#mainpage > .checkout-card > table > tbody { position: relative; display: block; width: 100%; }
#mainpage > .checkout-card > table > tbody > tr { width: 100%; display: flex; flex-flow: row nowrap; border-bottom: 1px solid #DDD; }
#mainpage > .checkout-card > table > tbody > tr:nth-of-type(2), #mainpage > .checkout-card > table > tbody > tr:nth-of-type(2) td { border: 0 none !important; padding: 0 !important; }
#mainpage > .checkout-card > table > tbody > tr > td > strong { white-space: normal; }
#mainpage > .checkout-card > table > tbody > tr > td { padding: 15px 15px 13px !important; text-align: center !important; }
#mainpage > .checkout-card > table > tbody > tr > td:nth-of-type(2), #mainpage > .checkout-card > table > tbody > tr > td[colspan="4"] { text-align: left !important; }
#mainpage > .checkout-card > table > tbody > tr > td { width: 15% !important; min-width: 130px; border-right: 1px solid #DDD; line-height: 1.1 !important; }
#mainpage > .checkout-card > table > tbody > tr > td[colspan="5"] { width: 100% !important; }
#mainpage > .checkout-card > table > tbody > tr > td:nth-of-type(2) { width: inherit !important; flex: 1 1 auto; }
#mainpage > .checkout-card > table > tbody > tr > td[colspan="4"] { width: 50% !important; }
#mainpage > .checkout-card > table > tbody > tr > td:first-of-type { border-left: 1px solid #DDD; }
#mainpage > .checkout-card > table > tbody > tr > td:last-of-type { border-right: 1px solid #DDD; }
#mainpage > .checkout-card > table > tbody > tr:first-of-type { border-top: 1px solid #DDD; background: #F6F6F6; }
#mainpage > .checkout-card > table > tbody > tr:first-of-type td { display: flex; flex-direction: column; justify-content: center; }
#mainpage > .checkout-card > table > tbody > tr:last-of-type { border-bottom: 0 none; }
#mainpage > .checkout-card > table > tbody > tr:last-of-type > td { padding: 25px 0 0 !important; text-align: left !important; border-left: 0 none; border-right: 0 none; }
#mainpage > .checkout-card > table > tbody p { margin-bottom: 0; line-height: 0; }
#mainpage > .checkout-card > table > tbody > tr > td > strong, .checkout-card table tbody tr td strong { line-height: 1.1 !important; }
#checkout-form .checkout-card tr td:first-of-type > label { display: block; margin-top: 5px; }
#checkout-form .checkout-card tr td:last-of-type > label { display: block; margin: 8px 0; }
#checkout-form .checkout-card tr td:first-of-type > label:first-of-type { margin-top: 10px; }
#checkout-form .checkout-card input[name="strSearchMethodOther"] { display: block; margin-top: 20px !important; }
#checkout-form .checkout-card input[name="strStartDate"] { display: block; min-width: 100px; margin: 5px 10px 5px 0 !important; }
.checkout-card input { margin: 0 !important; }
#form1 > p { margin-bottom: 0; }

/* Checkout popup */
.checkout-toggle-intro hr { width: 100%; border: 0; height: 0; margin: 0; border-top: 1px solid #CCC; border-bottom: 0 none; }
.checkout-toggle-intro hr.tiny { width: 40px; margin: 10px auto; border: 0; height: 0; border-top: 2px solid #FFF; border-bottom: 0 none; }
.checkout-toggle-intro { opacity: 0; visibility: hidden; position: fixed !important; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: center; color: #FFF; z-index: 1000001; overflow-y: scroll; background-color: rgba(0, 0, 0, 0.8); transition: all .1s linear; }
.checkout-toggle-intro.toggle-on { opacity: 1; visibility: visible; }
.checkout-toggle-intro h4 { font-size: 26px; color: #FFF; margin-top: 0; padding-top: 0; }
.checkout-toggle-intro .checkout-intro-content { position: relative; width: calc(90% - 80px); max-width: 470px; margin: 0px auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 40px; border: 6px solid #C41E3A; border-radius: 15px; background: #2d3195; }
.checkout-toggle-intro .checkout-intro-content img { width: 100%; height: auto; border-radius: 8px; }
.checkout-toggle-intro .checkout-intro-content a { color: #FFF; text-decoration: none; }
.checkout-toggle-intro .checkout-intro-content a.checkout-close-intro, .checkout-toggle-intro .checkout-intro-content a.checkout-close-intro:hover { color: #FFF; }
.checkout-toggle-intro .checkout-intro-content a:hover { color: #FFF; }
.checkout-close-toggle-intro { position: relative; display: block; font-size: 16px; }
.checkout-close-toggle-intro:hover { cursor: pointer; }
.checkout-close-toggle-intro i { display: inline-block; vertical-align: middle; font-size: 20px; color: lightgreen; margin-left: 5px; margin-top: -2px; }

/* Jotform */
.jotform-app { position: relative; width: 100%; }
.jotform-app iframe { width: 100%; }

.email-contact { position: relative; margin: 0 0 30px; }
.email-contact.less-bottom-margin { margin-bottom: 0; }
.email-contact.is-button a { display: inline-block; padding: 15px 25px; background: #C41E3A; color: #FFF; border-radius: 4px; }
.email-contact.is-button a:hover { background: #C41E3A; }

.required-input { border-width: 3px !important; border-color: red !important; }
.required-text { color: red !important; margin: -10px 0 10px; }
#checkout-form .checkout-card:last-of-type tr:last-of-type .required-text { flex-basis: 100%; margin-bottom: 30px; }

/* Media Queries */
@media screen and (max-width : 1800px) {
    .panel-banner-wrap.no-bg .panel-banner-content { width: 90%; }
    .topbar-container, .featured-wrap, .featured-container-wrap .buttons, .tiles, .image-gallery-container, .catalog-wrap, .container.less-width, .banners, .slideshow-content, .footer-associations, .panel-banner-left-right, .welcome, .container-wrap.less-width .content, .footer-location, .subfooter, .footer-tagline, .subscribe, .topbar-panel-top, .tiles, .welcome, .featured-wrap, .subfooter, .footer-tagline, #mainpage, #newitempage { width: 80%; }
    .topbar-container { padding: 0 10%; }
    .page-gallery { width: calc(90% + 6px); }
    .welcome { width: 80%; }
    .container.less-width .content, .content.small-width { width: 100%; }
    .image-gallery-container img { max-height: 70px; }
    .arrowleft { left: 20px !important; }
    .arrowright { right: 20px !important; }
}
@media screen and (max-width : 1700px) {
    .panel { width: 85%; }
}
@media screen and (max-width : 1600px) {
    .topbar-container, .featured-wrap, .featured-container-wrap .buttons, .tiles, .image-gallery-container, .catalog-wrap, .container.less-width, .banners, .slideshow-content, .footer-associations, .panel-banner-left-right, .welcome, .container-wrap.less-width .content, .footer-location, .subfooter, .footer-tagline, .subscribe, .topbar-panel-top, .tiles, .welcome, .featured-wrap, .subfooter, .footer-tagline, #mainpage, #newitempage { width: 90%; }
    .topbar-container { padding: 0 5%; }
    .welcome { width: 90%; }
}
@media screen and (max-width : 1500px) {
    .topbar { flex-direction: column; align-items: flex-end; }
    .topbar-button { margin: 10px 0 15px; }
    .page-gallery-img { position: relative; width: calc(25% - 6px); padding-top: 25%; }
    #porgallery div[style*="text-align: left; float: left;"] > a { width: calc(33.333% - 20px); }
    .store-locations { flex-flow: column wrap; }
    .store-location { position: relative; width: 100%; padding: 0 0 40px; margin: 0 0 40px; flex-direction: row; border-bottom: 1px solid #EEE; }
    .store-location:last-of-type { border-bottom: 0 none; padding-bottom: 20px; margin-bottom: 0; }
    .store-location::after { display: none; }
    .store-location-left { width: calc(50% - 20px); }
    .store-location-right { width: calc(50% - 20px); }
}
@media screen and (max-width : 1400px) {
    .porheader { width: 100%; }
    .container.less-width { width: 90%; }
    .topbar-banner { min-height: 200px; }
    #mainpageused { width: 100%; }
    .container.less-width .content.small-width { width: 100%; }
    .tile-button { font-size: 22px; }
    .portiles ul li:hover .tile-description { bottom: 39%; }
    .topbar-panel-top-left a.with-icon { padding-left: 0; }
    .topbar-panel-top-left a.with-icon.adj-icon { padding-left: 0; }
    .topbar-panel-top a > span { display: block; }
}
@media screen and (max-width : 1300px) {
    .close-submenu { right: 5%; }
    .portiles-content { width: 90%; }
    .poritem-specs td[width="70"] { right: 0; }
    .vendor-gallery-wrap ul li { width: 15%; margin-bottom: 15px; }
    .vendor-gallery-wrap ul li img { width: 80%; }
    #mainpage > .checkout-card > table > tbody > tr > td { min-width: 15%; }
    .subfooter { flex-direction: column; text-align: center; }
    .subfooter-panel::after { display: none; }
    .subfooter-panel { width: 100%; padding: 0 0 40px; margin: 0 0 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.1); }
    .subfooter-panel.is-stay-in-touch-panel { padding-bottom: 0; border-bottom: 0 none; }
    .subfooter-panel:last-of-type { margin-bottom: 0; }
    .subfooter ul { display: flex; flex-flow: row wrap; justify-content: center; }
    .subfooter ul li { margin: 0 10px 10px; }
    .subfooter .footer-panel { justify-content: center; }
    .footer-tagline-wrap { text-align: center; }
    .subfooter-panel.is-visit-panel ul li:first-child, .subfooter-panel.is-contact-panel ul li:first-child, .subfooter-panel.is-contact-panel ul li:nth-child(2) { text-align: center; margin-bottom: 30px; }
    .subfooter-panel.is-visit-panel ul li:first-child { flex-basis: 100%; }
    .subfooter-panel.is-visit-panel ul li:first-child.with-icon a, .subfooter-panel.is-contact-panel ul li:first-child.with-icon a, .subfooter-panel.is-contact-panel ul li:nth-child(2).with-icon a { justify-content: center; }
    .subfooter .with-icon span:last-of-type { padding-left: 10px; }
    .footer-tagline { border-top: 0 none; padding-top: 0; }
    .subfooter .subfooter-panel.is-explore-panel ul { margin: 0 0; }
    .subfooter .footer-panel { flex-direction: column; }
    .subfooter ul { margin-right: 0; }
}
@media screen and (max-width : 1200px) {
    .topbar-container-wrap { font-size: 14px; }
    .topbar-panel-right li { margin-left: 20px; }
    .portiles ul li { width: 45%; margin: 0 1% 20px; }
    .portiles-content h2 { font-size: 32px; }
    .portiles-content h2 span { display: block; font-size: 22px; color: #666; font-style: italic; }
    .portiles-content { font-size: 22px; }
    .banner-content-logos ul { justify-content: center; }
    .topbar-banner { min-height: 160px; }
    .container.less-width .content { width: 100%; margin: 0 auto; }
    .toggle-autosize { width: 94%; height: auto; }
    .poritem-specs td[width="70"] { position: relative; right: auto; z-index: 1; padding-bottom: 20px; }
    .banner-left-right { width: 96%; padding: 40px 2%; }
    .poritem-overview { width: 100%; }
    .item-notice { width: 100%; }
    .portiles-wrap h2 { font-size: 20px; }
    .featured-container-wrap, .banner-content-right { width: 100%; }
    .poritem-specs td[width="70"], #mainpage td.detailed-item, .poritem-detail-image-td-t-td2-2 { position: relative; right: auto; z-index: 1; padding-bottom: 20px; }
    .item-notice, .poritem-detail, #mainpage td.detailedviewrow, .poritem-detail-image-td-t-td2-1, #form1, .poritem-specs > h1, .poritem-specs > h2 { clear: both; width: 100% !important; }
    .container-wrap.less-width #mainpage { width: 90%; }
    #mainpage td.detailedviewrow, #mainpage td.detailed-item { clear: left; float: left; }
    .panel-banner-left-right { flex-direction: column; }
    .panel-banner-left, .panel-banner-right { width: 100%; align-items: center; margin-bottom: 0; }
    .panel-banner-content { padding-top: 0; }
    .panel-banner-left-right { padding: 60px 0 25px; }
    .buttons ul { justify-content: center; }
    .poritem-img { position: relative; top: auto; right: auto; margin-bottom: 25px; }
    .poritem-detail, .poritem-overview, .por-item-detail-suggested-list, .item-notice { position: relative; width: 100%; }
    .item-notice, .poritem-detail, #mainpage td.detailedviewrow, .poritem-detail-image-td-t-td2-1, #form1, .poritem-specs > h1, .poritem-specs > h2, .poritem-overview, #mainpage > ul, #mainpage > b, p[style="margin-top:15px"], #form2 { width: 100% !important; }
    .tile, .tiles-wrap.split-3 .tile { width: calc(50% - 10px); }
    .tiles-wrap.split-3 .tile:last-of-type { flex: 1 1 auto; }
    .custom-video { width: calc(50% - 20px); margin: 0 10px 30px; }
    .custom-graphic, .custom-tile, .custom-page-tile, .custom-video { width: calc(33.333% - 40px); margin: 0 20px 30px 0;}
    .staff { width: calc(50% - 100px); margin: 0 20px 30px;}
}
@media screen and (max-width : 1100px) {
    .container.less-width .content.small-width { width: 100%; }
    #porgallery div[style*="text-align: left; float: left;"] > a { width: calc(50% - 20px); }
    .footer-location { flex-direction: column; }
    .footer-logo { margin-bottom: 30px; }
    .topbar-panel-top-left li.is-location .toggle-off-custom { display: none; }
    .topbar-panel-top-left { font-size: 14px; }
}
@media screen and (max-width : 1000px) {
    .animate-fade-in, .animate-fade-in-out { opacity: 1 !important; transition: 0s none !important; transform: none !important; }
    body { color: #333; }
    .home-img { height: auto; }
    .heading-panel h1, .heading-panel h2, h1.custom-font, h2.custom-font { font-size: 22px; }
    .toggle-on-tablet { display: inline-block !important; }
    .toggle-off-tablet, .topbar-panel ul ul li.toggle-off-tablet { display: none !important; }
    .catalog-menu { display: flex; }
    .index-topar .topbar-placeholder, .topbar-placeholder { height: 160px; }
    .toggle-header-search { font-size: 26px; }
    .toggle-off-header-search-icon { display: none; }
    .topbar-container-wrap { box-shadow: none; }
    .topbar-pane { width: auto; height: auto; margin: 0; }
    .topbar-container-wrap.is-fixed-topbar .topbar-pane { height: auto; }
    .topbar-links-wrap { top: auto; }
    .topbar-container-wrap.is-fixed-topbar .topbar-links-wrap { top: 0; z-index: 10; }
    .topbar-mobile-menu .topbar-panel-links { font-size: 16px; }
    .topbar-container-wrap { flex-direction: row; flex-wrap: wrap; }
    .topbar-panel-right { display: none; }
    .topbar-container-wrap.topbar-mobile-menu .topbar-panel-right { display: block; }
    .topbar-container-wrap.topbar-mobile-menu .topbar-panel-left ul:first-of-type, .topbar-container-wrap.topbar-mobile-menu .logo { display: none; }
    .topbar-container-wrap.topbar-mobile-menu .topbar-container-wrap.topbar-mobile-menu .topbar-panel-right { display: block; height: auto; }
    .topbar-panel, .topbar-panel-right ul, .topbar-container-wrap.topbar-mobile-menu .topbar-panel-left ul:first-of-type { display: block; }
    .topbar-panel ul li.dropdown > span { display: none; }
    .topbar-panel-left li .toggle-off-custom, .topbar-panel-right li .toggle-off-custom { display: inline; }
    .topbar-container-wrap.is-fixed-topbar .topbar > ul > li > a { color: #010101; }
    .topbar-container-wrap.is-fixed-topbar .topbar > ul > li > a:hover { color: #010101; }
    h2.index span { font-size: 24px; }
    .topbar-container { flex-flow: row nowrap; justify-content: space-between; align-items: center; }
    .index-topbar .topbar-placeholder { height: 185px; }
    .topbar-container, .topbar-container-wrap.is-fixed-topbar .topbar-container { width: 90%; height: 100px; padding: 0 5%; }
    .topbar-container-wrap.is-fixed-topbar .topbar-container { height: 80px; }
    .topbar-wrap { width: 90%; padding: 0 5%; }
    .topbar-panel ul ul { pointer-events: all; }
    .topbar > ul > li > a.toggle-topbar-menu-on i { float: none; }
    .topbar > ul > li::after { display: none; }
    .topbar > ul > li { padding: 0; }
    .topbar-mobile-menu .topbar-panel-links ul { position: relative; top: inherit; left: inherit; right: inherit; transition: 0s; border-top: 0 none; }
    .topbar-links ul { padding: 0; }
    .topbar-links ul li { border-bottom: 0 none; padding: 0; }
    .topbar-links ul li a { display: inline-block; font-size: 16px; min-width: inherit; background: transparent; }
    .topbar-links ul li a, .topbar-links ul li:first-child a, .topbar-links ul li:last-child a { padding: 8px 0; }
    .navbar-wrap ul li { display: none; position: relative; float: right; clear: right; width: 100%; margin: 0; text-align: center; }
    .navbar-wrap ul li.toggle-navbar-menu { display: none; }
    .topbar-wrap .topbar-links { display: none; }
    .toggle-navbar { display: block; }
    .toggle-topbar { display: block; }
    .navbar-wrap.navbar-mobile-menu ul li { z-index: 5; }
    .navbar-wrap.navbar-mobile-menu ul li a { color: #010101; padding: 15px 3%; border-bottom: 1px solid #444; background-color: rgba(0, 0, 0, 0.9); }
    .navbar-wrap.navbar-mobile-menu ul li a:hover { color: #010101; }
    .navbar-wrap.navbar-mobile-menu ul li:first-child a { }
    .navbar-wrap.navbar-mobile-menu ul li:last-child a { }
    .navbar-wrap ul li:first-child { margin-top: 0; }
    .navbar-wrap { font-size: 18px; }
    .navbar-wrap ul li { margin: 0 1%; }
    .navbar-wrap ul li a { text-shadow: none; }
    .container { width: 100%; }
    .catalog-wrap { display: flex; width: 100%; padding: 0; flex-direction: column; z-index: 3; }
    .catalog-search-wrap { display: none; }
    .catalog { opacity: 0; visibility: hidden; position: absolute; top: 51px; left: 0; right: 0; width: 100%; padding: 0; font-size: 16px; font-weight: bold; border: 0 none; box-shadow: none; background: #2d3195; }
    .catalog.toggle-on { opacity: 1; visibility: visible; }
    .catalog::after { display: none; }
    .catalog ul { padding: 0; }
    .container.less-width #mainpage, .container.less-width #newitempage { width: 100%; }
    .container.less-width { width: 96%; }
    .catalog-banner { height: 150px; }
    .content { width: 90%; padding: 50px 5%; margin: 0; border-radius: 0; box-shadow: none; }
    .copyright span.toggle-on-mobile { display: block; margin: 6px 0 0; }
    .buttons, .banner-buttons { margin-top: 0; }
    .topbar-links li a { color: #010101; text-shadow: none; }
    .topbar-links li a:hover { color: #010101; }
    .container.less-width .content { width: 95%; }
    .container.less-width h1 { text-align: left; }
    .panel { width: 90%; }
    .topbar-wrap { display: none; }
    .topbar-wrap, .topbar-pane, .topbar-panel-wrap { transition: 0s none; }
    .topbar-container-wrap.topbar-mobile-menu { display: flex; }
    .topbar.toggle-on { display: block; }
    h1 { font-size: 28px; }
    .container.less-width .content.small-width { width: 96%; padding: 20px 0; margin: 0 auto; }
    .topbar > ul > li > a span { display: inline; }
    .topbar-panel-links a span.toggle-off-custom { display: none; }
    .wrapper, .container-wrap.with-bg { background: #FFF; }
    .sidebar-container, .content-container { width: 100%; margin: 0 auto; align-items: center; }
    .content-wrap { width: 100%; }
    .catalog { font-size: 14px; }
    .catalog ul li.catalog-title { display: none; }
    .catalog ul li { padding: 0 5%; border-bottom-color: rgba(255,255,255,0.1); }
    .catalog ul li a { color: #FFF; padding: 15px 0; line-height: 1; }
    .catalog ul li a:hover { color: #FFF; }
    .topbar > ul { display: block; }
    .topbar > ul > li.is-search { display: none; }
    .logo-wrap, .tile-img-content, .animate-slide-up .tile-overlay span:first-of-type, .animate-slide-up .tile-overlay span:last-of-type, .animate-slide-up:hover .tile-overlay span:first-of-type, .animate-slide-up:hover .tile-overlay span:last-of-type, .tile:hover .tile-img img, .featured-item-img:hover img, .multicolcell a:hover img, .animate-fade-in, .animate-fade-in-out { opacity: 1; transition: opacity 0.1s linear !important; transform: inherit !important; }
    .topbar-links a, .topbar-panel ul ul li a { line-height: 50px; }
    .topbar-links a span { display: inline; }
    .topbar-panel ul ul { display: none; }
    .topbar-panel ul ul li a { padding: 0 !important; text-align: center; }
    .topbar-panel ul ul li:first-child a, .topbar-panel ul ul li:last-child a { border-radius: 0; }
    .topbar { display: none; width: auto; }
    .topbar-panel ul ul { visibility: visible; }
    .topbar-panel ul ul li:first-child::before { display: none; }
    .catalog.toggle-on-block .toggle-menu-icon { display: inline; }
    .catalog.toggle-on-block .toggle-menu-close { display: none; }
    .catalog.toggle-on-block { display: block !important; }
    .catalog.toggle-on-block .catalog-title { display: block; margin: 0; padding: 10px 5%; font-size: 14px; color: #010101; background: #111; border-bottom: 0 none; }
    .catalog.toggle-on-block .catalog-title:hover { background: #111; cursor: pointer; }
    .catalog.toggle-on-block ul li { color: #333; background: #F6F6F6; border-bottom-color: #999; }
    .catalog.toggle-on-block ul li:hover { background: #F6F6F6; }
    .catalog.toggle-on-block ul li a, .catalog.toggle-on-block ul li a:hover, .catalog.toggle-on-block ul li a::before { color: #333 !important; }
    .catalog.toggle-on-block ul li:not(.catalog-title) { display: none; }
    .catalog.toggle-on-block.toggle-catalog-block ul li { display: block; }
    .catalog-title i { font-size: .6em; width: 10px; text-align: center; vertical-align: top; margin-top: 8px; }
    .sidebar-container { padding-bottom: 0; }
    #mainpage, #newitempage { width: 90%; padding: 30px 5%; margin: 0; border-radius: 0; box-shadow: none; }
    #mainpage td { text-align: left !important; }
    #mainpage td[align="left"] { text-align: left !important; padding: 0 !important; }
    #mainpageused td { text-align: center !important; }
    .poritem-specs > h2 { margin-bottom: 5px; }
    a.por-item-detail-name { margin-top: 0; }
    input[name="strState"] { margin-top: 15px; }
    #mainpage textarea { width: 80%; }
    #mainpage input[name="intRentalLength"] { width: auto; }
    textarea[name="strComments"] { margin-bottom: 40px; }
    input[name="strStartDate"] { margin-bottom: 0 !important; }
    input[type="radio"] { display: inline-block !important; width: inherit !important; max-width: 20px !important; margin-top: 2px !important; margin-bottom: 5px !important; vertical-align: middle !important; }
    input[type="radio"]::after { display: block; content: ''; }
    table.InventoryTable { border: 1px solid #666; }
    table.InventoryTable td.cattitle { display: none; }
    table.InventoryTable tr { position: relative; float: left; width: 33.333%; padding: 15px 0 !important; border-bottom: 1px solid #666; height: inherit; max-height: inherit; }
    table.InventoryTable img { width: auto; max-width: 80%; height: auto; max-height: 140px; padding: 5px; background: #FFF; border: 1px solid #666; border-radius: 0; }
    table.InventoryTable tr:first-of-type { display: none; visibility: hidden; float: none; width: 100%; }
    #mainpage table.InventoryTable td { width: 90% !important; clear: left; padding: 2px 5% !important; text-align: center !important; }
    #productname { text-align: center !important; }
    .logo-wrap, .tile-img-content, .animate-slide-up .tile-overlay span:first-of-type, .animate-slide-up .tile-overlay span:last-of-type, .animate-slide-up:hover .tile-overlay span:first-of-type, .animate-slide-up:hover .tile-overlay span:last-of-type, .tile:hover .tile-img img, .featured-item-img:hover img, .multicolcell a:hover img, .animate-fade-in, .animate-fade-in-out { line-height: inherit !important; }
    .tile-text { margin-top: 20px; }
    .animate-slide-up .tile-overlay span:last-of-type { display: none; }
    .accordion-wrap { width: 100%; }
    .topbar-mobile-menu .topbar-panel ul li:last-child, .topbar-mobile-menu .topbar-panel ul li.last { border-bottom-width: 1px; }
    .topbar-panel-links ul:not(:last-of-type) { display: none; }
    .topbar-panel-links ul li.is-header-search { width: 100%; }
    .topbar-container-wrap.is-fixed-topbar { }
    .panel-banner-wrap.no-bg .panel-banner-content { width: 100%; }
    #porgallery { width: 100%; padding: 0; }
    .subscribe, .subscribe > ul { flex-direction: column; align-items: center; text-align: center; }
    .subscribe > ul, .subscribe .footer-social { margin: 10px 0; }
    .subscribe > ul li { margin: 5px 0; }
    .container-wrap.less-width { padding: 0; }
    .event-galleries-container #mainpage { padding: 0; width: 100% !important; }
    .tiles-wrap.custom-bg { background: #C41E3A; }
    .tile { width: calc(100% - 40px) ; }
    .tile h2, .tile-content { color: #010101; }
    .slideshow-readmore { display: none; }
    .checkout-card td { float: none !important; }
    .custom-video { width: calc(50% - 40px); }
    .store-locations, .store-location { flex-direction: column; }
    .store-location-left, .store-location-right { width: 100%; }
    .store-location-left { margin-bottom: 30px; }
    .topbar-panel-right { width: 100%; }
    .slideshow-img-d { display: block !important; }
    .slideshow-dots { bottom: 5px !important; }
    .slideshow-buttons { display: none !important; }
    .topbar-social ul li.is-cart { margin-right: 0 !important; }
    .topbar-panel-top-right, .header-search-panel { width: 100%; }
    #topbar-search { max-width: none; }
    .logo a { width: 104px; height: 80px; }
    .slideshow-content-heading, .slideshow-content-heading h1 { font-size: 30px; }
    .slideshow-content-heading span:last-of-type, .slideshow-content-heading h1 span:last-of-type { font-size: 16px; }
    .featured, .resource-thumbnail { width: calc(50% - 20px); }
}
@media screen and (max-width : 900px) {
    .toggle-on-t { display: none; }
    .toggle-on-m { display: block; }
    h2.index { font-size: 20px; }
    h2.index span { font-size: 20px; }
    .content-left-right { flex-direction: column; }
    .content-left, .content-right, .content-left-right.split-50-50 .content-left, .content-left-right.split-50-50 .content-right { width: 100%; margin: 0 auto 20px; }
    .content-left-right.split-50-50.split-bg .content-left, .content-left-right.split-50-50.split-bg .content-right { width: calc(100% - 100px); }
    .content-right { margin-bottom: 0; }
    .custom-border::after { margin: 27px auto 25px; }
    .button span, .buttons span { display: none; }
    .buttons ul li { margin: 0 5px 20px; }
    .tile, .tiles-wrap.split-3 .tile { width: 100%; }
    .tile-img-content { text-align: center; align-items: center; }
    .tile-content-wrap { text-align: center; }
    .tile-content-wrap .button { align-items: center; }
    .footer-locations .footer-heading.is-icon img, .footer-locations .footer-heading.is-logo img { max-height: 60px; }
    .page-gallery-img { position: relative; width: calc(33.333% - 6px); padding-top: 33%; }
    .tiles-wrap.custom-bg { background: #C41E3A; }
    .multicolcell { max-width: calc(33.333% - 60px); }
}
@media screen and (max-width : 768px) {
    .toggle-on-mobile { display: none !important; }
    .toggle-on-mobile { display: block !important; }
    .toggle-off-mobile { display: none !important; }
    .slideshow-img-d { display: none; }
    .slideshow-img-m { display: inherit; }
    h1, h2, h3, h4, h5, h6 { font-weight: 500; }
    .header-search-panel { width: calc(100% - 20px); }
    .location-content-left { position: relative; float: none; width: 100%; text-align: center; }
    .location-content-right { display: none; }
    .portiles ul li { width: 94%; margin: 0 0 20px; }
    .banner-content-logos li { width: 90%; }
    h2.index span { font-size: 20px; margin-top: 10px; }
    .left-content.with-logos { width: 100%; margin-bottom: 35px; }
    .arrowleft, .arrowright { display: none; }
    #mainpage form[name="feedbackform"] td { float: left; clear: left; padding: 2px 0 !important; }
    form[name="feedbackform"] input { margin-bottom: 10px !important; }
    form[name="customerform"] input { display: block; margin-bottom: 10px; max-width: 200px; }
    form[name="customerform"] td { text-align: left !important; }
    form[name="customerform"] input[type="radio"] { display: inherit; }
    form[name="customerform"] td, form[name="form1"] td { float: left !important; clear: left !important; padding: 0 !important; }
    form[name="customerform"] input[name="submit"] { margin-bottom: 50px; }
    #form1 > table > tbody > tr > td { padding: 5px 0 !important; }
    form[name="customerform"] > table > tbody > tr > td { padding: 5px 0 !important; }
    #form1 > table > tbody > tr > td[colspan="5"] { height: 0; }
    .background-overlay { display: none; }
    .banner-content-wrap { width: 100% !important; padding: 0 !important; margin: 0 auto !important; text-align: center !important; }
    .banners-wrap .banner { flex-flow: column wrap !important; }
    .banner-img { width: 100% !important; padding: 0 !important; align-items: center !important; }
    .banners-wrap .banner-img::after { display: none; }
    .banners .buttons ul { flex-direction: column; }
    .banners .button a, .banners .buttons ul li a { display: block; }
    .catalog-menu-buttons { text-transform: capitalize; }
    .catalog-menu-buttons a span.toggle-off-custom { display: none; }
    .go-to-top { right: 10px; bottom: 10px; }
    .is-table table { width: 100%; }
    .toggle-topbar li { margin-left: 20px; }
    .slideshow-content-heading, .slideshow-content-heading h1 { font-size: 40px; }
    .slideshow-content-heading span, .slideshow-content-heading h1 span { font-size: 22px; }
    .calc-output input { display: block; width: 60%; margin: 0px auto 10px; }
    .calc-output input:last-of-type { margin-bottom: 0px; }
    .page-banner-content h1, .page-banner-content .page-banner-title { font-size: 50px; }
    .store-locations { flex-direction: column; }
    .store-location { width: 100%; margin-bottom: 40px; }
    table.InventoryTable tr:nth-child(5) { clear: none; }
    table.InventoryTable tr:nth-child(4) { clear: left; }
    table.InventoryTable tr { width: 50%; }
    #mainpage > .checkout-card > table > tbody > tr { flex-direction: column; }
    #mainpage > .checkout-card > table > tbody > tr > td:first-of-type, #mainpage > .checkout-card > table > tbody > tr > td, #mainpage > .checkout-card > table > tbody > tr > td:last-of-type, #mainpage > .checkout-card > table > tbody > tr > td:nth-of-type(2), #mainpage > .checkout-card > table > tbody > tr > td { width: calc(100% - 32px) !important; border-right: 0 none; border-bottom: 1px solid #DDD; }
    #mainpage > .checkout-card > table > tbody > tr > td:last-of-type { border-bottom: 0 none; }
    #mainpage > .checkout-card > table > tbody > tr > td:nth-of-type(2) { flex: none; }
    #mainpage > .checkout-card > table > tbody > tr > td, #mainpage > .checkout-card > table > tbody > tr > td:first-of-type, #mainpage > .checkout-card > table > tbody > tr > td:first-of-type, #mainpage > .checkout-card > table > tbody > tr > td, #mainpage > .checkout-card > table > tbody > tr > td:last-of-type, #mainpage > .checkout-card > table > tbody > tr > td:nth-of-type(2) { border-left: 1px solid #DDD; border-right: 1px solid #DDD; }
    #mainpage > .checkout-card > table > tbody > tr > td { text-align: left !important; }
    #mainpage > .checkout-card > table > tbody > tr:nth-of-type(2) td {}
    #mainpage > .checkout-card > table > tbody > tr:nth-of-type(2) td { border-top: 0 none; border-bottom: 0 none; }
    #mainpage > .checkout-card > table > tbody > tr:last-of-type > td { border-left: 0 none; border-right: 0 none; }
    #checkout-form .checkout-card tr { flex-direction: column; }
    #checkout-form .checkout-card tr td:first-of-type, #checkout-form .checkout-card tr td:last-of-type { margin-bottom: 10px; width: 100% !important; }
    #checkout-form .checkout-card input[name="strStartDate"] { margin-bottom: 15px !important; }
    #form1 > table > tbody > tr { margin-bottom: 10px; display: flex; flex-direction: column; }
    #mainpage #checkout-form .checkout-card tr td:last-of-type[colspan="2"] select#foundUs { max-width: none; width: 100%; margin-left: 0; }
    .subfooter ul { flex-direction: column; margin: 0; }
    .subfooter .footer-panel, .subfooter .with-icon a { flex-direction: column; }
    .subfooter .with-icon span:last-of-type { padding-left: 0; margin-top: 10px; }
    .subfooter .with-icon a { justify-content: center; }
    .subfooter .subfooter-panel.is-visit-panel ul li { margin-bottom: 30px; }
    .custom-tile, .custom-page-tile { width: 100%; margin: 0 0 30px; }
    .custom-graphic, .custom-tile, .custom-page-tile, .custom-video { width: calc(50% - 40px); margin: 0 20px 30px 0;}
    .staff { width: calc(100% - 100px); margin: 0 20px 30px; }
    .featured-heading h2 { font-size: 26px; }
    .featured h2 { font-size: 16px; }
    .slideshow-content-wrap { height: 200px !important; bottom: -200px !important; background: #2d3195 !important; top: inherit !important; left: inherit !important; transform: none !important; width: calc(100% - 60px) !important; border-top: 6px solid #FFF; padding: 0 30px !important; }
    .slideshow-content-buttons ul li a, .slideshow-content-heading { box-shadow: none; text-shadow: none; }
    .slideshow-dots { display: none !important; }
}
@media screen and (max-width : 600px) {
    .container.less-width .content { width: 90%; }
    .welcome-container .buttons ul li { flex-basis: calc(100% - 40px); text-align: center !important; }
    .welcome-container .button a, .welcome-container .buttons ul li a { }
    .banners-wrap { padding: 40px 0 70px; }
    .topbar-mobile-menu .topbar-panel ul li { padding: 0 6%; }
    .topbar-mobile-menu .topbar-panel ul ul li { padding: 0; }
    .page-gallery-img { position: relative; width: calc(50% - 6px); padding-top: 50%; }
    .panel-banner-wrap .buttons li { display: block; width: 100%; }
    .panel-banner-wrap .buttons li a, .panel-banner-wrap .buttons li a { display: block; }
    #porgallery div[style*="text-align: left; float: left;"] > a { width: 100%; }
      #porgallerythumbnail { position: relative; width: 80%; display: block; margin: 0 auto; }
    #porgallery .photogalleryauto { width: 80% !important; margin-bottom: 15px; }
    #mainpage form[name="feedbackform"] td { float: left; clear: left; padding: 2px 0 !important; }
    form[name="feedbackform"] input { margin-bottom: 10px !important; }
    .multicolcell { max-width: calc(50% - 60px); }
}
@media screen and (max-width : 500px) {
    .toggle-on-s { display: none; }
    .toggle-on-xs { display: block; }
    .inline-gallery ul li { float: none; display: block; margin: 0 0 25px; text-align: center; }
    #form1 input[type="submit"], #form1 input[type="button"] { display: block; min-width: 180px; margin-bottom: 25px; }
    .vendor-gallery-wrap ul li { width: 40%; }
    .footer-links { margin-bottom: 20px; }
    .footer-logos-wrap { flex-basis: 100%; }
    .footer-links ul, .subfooter ul { flex-direction: column; }
    #porgallery div[style*="text-align: left; float: left;"] > a { width: calc(100% - 20px); }
    .calc-output input { width: 80%; }
    .calc-buttons ul li { display: block; width: 80%; margin: 0px auto 10px; }
    .calc-buttons ul li:last-child { margin-bottom: 0px; }
    .slideshow-content-heading, .slideshow-content-heading h1 { font-size: 34px; }
    .custom-heading { font-size: 60px; }
    .welcome > h1 { font-size: 30px; }
    .catalog-menu-button a .toggle-on-custom { display: inline !important; }
    .catalog-menu-button a .toggle-off-custom { display: none; }
    .custom-video, .custom-graphic, .custom-tile, .staff, .custom-page-tile, .custom-video { width: 100%; margin: 0 0 30px; }
    .topbar-panel-top-left .toggle-off-custom {  display: none; }
    .heading-panel h1, .heading-panel h2, h1.custom-font, h2.custom-font { font-size: 20px; }
    .slideshow-content-wrap { height: 280px !important; bottom: -280px !important; }
    .slideshow-content-buttons ul { flex-direction: column; }
    .featured, .resource-thumbnail { width: 100%; margin: 0 auto 50px }
}
@media screen and (max-width : 450px) {
    .toggle-topbar li { margin-left: 15px; }
    .resources-panel { width: 80%; }
    .copyright span { display: block; margin-top: 5px; }
    .page-banner-content h1, .page-banner-content .page-banner-title { font-size: 40px; }
}
@media screen and (max-width : 400px) {
    #catalog-menu-search { max-width: 150px; }
    .catalog-menu-button a { padding: 0 10px; }
    .custom-video { width: 100%; margin: 0 0 20px; }
    #header-search-wrap input::-webkit-input-placeholder { opacity: 0 !important; }
    #header-search-wrap input::-moz-placeholder { opacity: 0 !important; } /* firefox 19+ */
    #header-search-wrap input:-ms-input-placeholder { opacity: 0 !important; } /* ie */
    #header-search-wrap input:-moz-placeholder { opacity: 0 !important; }
    .toggle-topbar { font-size: 30px; }
    .toggle-topbar ul li:not(:last-child) { font-size: 16px; }
}
@media screen and (max-width : 360px) {
    .multicolcell { width: 100%; max-width: none; }
}