/*  Duncan Parnell | Katelynn M. Barlowe | Nov 2016  */

@import "reset.css";
@import "global.css";
@import "entypo.css";

body { background: #212121; font: normal 14px/22px "Roboto", sans-serif; color: #424242; }
body.blank { background: #fff; }
a { color: #02bab2; cursor: pointer; transition: color 180ms linear, background 180ms linear, opacity 180ms linear; }
a:hover { text-decoration: none; color: #37427b; }

/* ---Standard headers ---*/
h1 { font: normal 30px "Roboto", sans-serif; color: #212121; }
h2 { font: normal 24px/30px "Roboto", sans-serif; }
h3 { font: normal 21px "Roboto", sans-serif; }
h4 { font: normal 16px/24px "Roboto", sans-serif; }
h5 { font: 500 18px "Roboto", sans-serif; text-transform: uppercase; padding-bottom: 15px; }
ul { padding: 20px; }
img { display: inline-block; }

/* --- General Layout Settings---*/
#wrapper { overflow: hidden; padding-top: 117px; background: #fff; }
#wrapper.padded { padding: 50px 0; }
/*.home-page #wrapper { padding-top: 1042px; }*/
.container { width: 1375px; position: relative; margin: 0 auto; }
#header, #navigation, #content, #footer, #marketing, .section { position: relative; display: block; clear: both; z-index: 2; }
#header.flex, #navigation.flex, #content.flex, #footer.flex, #marketing.flex, .section.flex { display: -ms-flexbox;display: flex; display: -webkit-flex; }
.alert { background: #FC0505; color: #FFF; font: normal 14px "Roboto", sans-serif; padding: 20px; margin: 10px 0; border-radius: 3px; clear: both; }
.alert-success { background: #04C904; color: #FFF; font: normal 14px "Roboto", sans-serif; padding: 20px; margin: 10px 0; border-radius: 0; }


/*---- Form Styles ----*/
fieldset { padding: 20px; /* .teal-btn{ margin-top: 15px; }*/ }
fieldset .row { padding-bottom: 20px; }
fieldset.bg { background: #f6f6f6; }
input, textarea, select { vertical-align: inherit; border: 1px solid #eeeeee; padding: 11px 14px; width: 100%; font-family: "Roboto", sans-serif; outline: none; transition: border-radius 250ms linear,border 250ms linear; color: #424242;

}
input[type=text],input[type=submit]{-webkit-appearance: none; border-radius: 0;}
input:not([type=submit]):focus, textarea:focus { border-radius: 8px; border: 1px solid #02bab2; }
input[type=radio], input[type=checkbox] { width: auto; }
.checkout fieldset .row, .form-horizontal .row, .leave-review .row { padding-bottom: 20px; }
.btn, .teal-btn, .dark-btn { font: normal 14px/14px "Roboto", sans-serif; color: #FFF; width: auto; cursor: pointer; border: 0; text-decoration: none; display: inline-block; padding: 15px 22px; background: #37427b; vertical-align: middle; outline: none; transition: color 180ms linear, background 180ms linear, opacity 180ms linear; }
.btn.blue, .teal-btn.blue, .dark-btn.blue { background: #314e8f; }
.btn.dark-btn, .teal-btn.dark-btn, .dark-btn.dark-btn { background: #333; }
.btn.back, .teal-btn.back, .dark-btn.back { padding-left: 14px; vertical-align: middle; }
.btn.back:before, .teal-btn.back:before, .dark-btn.back:before { float: left; content: "\f104"; font-family: "FontAwesome"; padding-right: 15px; font-size: 18px; }
.btn.add-to-cart, .teal-btn.add-to-cart, .dark-btn.add-to-cart { padding: 15px 25px 15px 30px; font-style: italic; font-size: 20px; font-weight: 300; line-height: 1em; }
.btn.add-to-cart:after, .teal-btn.add-to-cart:after, .dark-btn.add-to-cart:after { float: right; padding-left: 30px; content: "\f105"; font-family: "FontAwesome"; font-style: normal; font-size: 30px; }
.btn:hover, .teal-btn:hover, .dark-btn:hover { color: #FFF; background: #3e63b5; }
.btn.more:after, .teal-btn.more:after, .dark-btn.more:after { float: right; padding-left: 30px; content: "\f105"; font-family: "FontAwesome"; font-style: normal; font-size: 26px; }
.btn.pink, .teal-btn.pink, .dark-btn.pink { background: #d50f7e; }
.btn.pink:hover, .teal-btn.pink:hover, .dark-btn.pink:hover { background: #f41291; }
.btn.white{background: #FFF; color: #424242; font-weight: bold; text-transform: uppercase;}
.btn.white:hover{background: #314e8f; color: #FFF;}

/*---- HEADER ----*/
.stuckHeader { /*position: relative; z-index: 5;*/ position: fixed; top: 0; left: 0; width: 100%; z-index: 20; }
#header { padding: 0px 0; z-index: 10; background: #fff; }
#header #logo{ padding: 7px 0 5px; max-width: 160px; }
#header > .container { position: relative; z-index: 9; display: -ms-flexbox;display: flex; display: -webkit-flex; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between;  }
#header .menu-close { display: none; position: absolute; top: 5px; right: 5px; z-index: 99; font-size: 35px; }
.my-account, .top-locations, .my-cart, #search, .mobile-trigger { float: left; font-family: "Roboto", sans-serif; font-size: 12px; }
.top-nav .btn { overflow: auto; }
.top-nav .btn:before { float: left; margin-right: 10px; font-size: 21px; }
.top-nav .search .btn:before, .top-nav .mobile-trigger .btn:before { margin-right: 0; }
.top-nav .mobile-trigger { display: none; }
.small-nav{clear: both; text-align: right; font-size: 12px; line-height: 1.4em; width: 100%;}
.small-nav a{padding: 0 5px; white-space: nowrap;}
#header .small-nav .container{display: block;}
#header .upper{ background: #314e8f; overflow: auto; text-align: right; position: relative; z-index: 10; }
#header .upper .top-nav{ float: right; }
#header .upper a{ display: inline-block; color:#fff; font-size: 15px; padding: 7px 8px; }
#header .upper a:hover{ background: rgba(255,255,255,.5); }
#header .upper a.btn{ margin-right: 7px; font-size: 12px; padding: 8px 22px; }
#header .upper a.btn:before{ font-size: 15px; }
#header .upper a.btn.blue{ background: #00b9b1; }
#header .upper a.btn.blue:hover{ opacity: .8; }

/* Mega Search Dropdown */
#search { z-index: 1; display: inline-block; margin-right:7px; background: rgba(255,255,255,.2); font-size: 12px; text-align: left; }
#search .search-field {  padding:8px 14px 7px 0; width: auto; font-size: 12px; border: 0; background-color: transparent; outline: none; font-weight: 500; font-style: italic; color:#fff; }
#search .search-field input[type=text]{ display: inline-block; }
#search .symbol{ display: inline-block; padding: 4px 10px 0 18px; color:#fff; font-size: 15px; }
#search .search-field::placeholder { color:#fff; }
#search .result { margin-top: 20px; }


/*---- Navigation ----*/
#navigation { z-index: 9; max-width: 1060px; }
.color #navigation { z-index: 9; background: transparent; float: right; }
.color #navigation:after { display: none; }
#navigation .container { position: static; }
.color #navigation .container{ width: auto; }
#navigation .close-btn { display: none; }
.nav-hold,#nav-menu{ height: 100%; }
#navigation ul { padding: 0; margin: 0; list-style: none; display: -ms-flexbox;display: flex; display: -webkit-flex; }
#navigation ul li.level_1 { background: #fff; -ms-flex-positive: 1; flex-grow: 1;display: flex; display: -webkit-flex; }
#navigation ul li.level_1:not(.wide),#navigation ul li.level_1.notso.wide { position: relative; }
#navigation ul li.level_1:not(.wide) .subnav{ width: 645px; }
#navigation ul li.level_1.notso.wide .subnav{ width: 912px; right: 0; left: auto; }
#navigation ul li.level_1.notso.wide.wideForm .subnav{ left: 0; right: auto; }
#navigation ul li.level_1:not(.wide) .subnav .container,#navigation ul li.level_1.notso.wide .subnav .container{ width: auto; }
#navigation ul li.level_1 a:not(.btn) { padding: 18px 15px; font: 500 16px "Roboto", sans-serif; color: #212121; display: block; text-transform: none; text-align: center; position: relative; z-index: 10; }
#navigation ul li.level_1 a span{ max-width:255px; }
#navigation ul li.level_1 a:not(.btn):hover { background: #212121; color: #fff; }
#navigation ul li.level_1 > a:not(.btn) {display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
#navigation ul li.level_1 a.expand { display: none; }
#navigation ul li.level_1 .subnav { display: none; position: absolute; width: 100%; left: 0; top: 0; border-top: 3px solid #212121; color: #424242; transition: top 300ms linear; z-index: 8; text-align: left; overflow: hidden; }
#navigation ul li.level_1 .subnav .container { width: 100%; padding-left:30px; background: #FFF; display: -ms-flexbox;display: flex; display: -webkit-flex; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }
#navigation ul li.level_1 .subnav ul { display: block; padding: 15px 40px 15px 0; }
#navigation ul li.level_1 .subnav ul img { margin-bottom: 15px; }
#navigation ul li.level_1 .subnav ul.toolkit { padding-right: 30px; padding-left: 30px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-shrink: 0; background: #eeeeee; position: relative; }
#navigation ul li.level_1:not(.width) .subnav ul.toolkit { max-width:310px; }
#navigation ul li.level_1 .subnav ul.toolkit li { position: relative; z-index: 1; }
/*#navigation ul li.level_1 .subnav ul.toolkit:after { content: ""; display: block; width: 10000px; height: 100%; background: #eeeeee; top: 0; left: 0; position: absolute; z-index: 0; }*/
#navigation ul li.level_1 .subnav ul ul { padding: 10px 0 0; }
#navigation ul li.level_1 .subnav p{ padding: 0; }
#navigation ul li.level_1 .subnav li a:not(.btn) { display: block; background-color: transparent; float: none; color: #424242; font-weight: normal; font-size: 16px; line-height: 22px; padding: 4px 25px 4px 0; text-align: left; text-transform: none; }
#navigation ul li.level_1 .subnav li a:not(.btn).top-level { font-weight: 500; font-size: 18px; line-height: 18px; }
#navigation ul li.level_1 .subnav li a:not(.btn):hover { color: #02bab2; background-color: transparent; }
#navigation ul li.level_1 .subnav li a:not(.btn).level_3 a { font-size: 11px; text-transform: none; }
#navigation ul li.level_1 .subnav li.top-level { font-weight: 500; font-size: 18px; line-height: 18px; }
#navigation ul li.level_1 .subnav hr { margin: 10px 0; }
#navigation ul li.level_1 .subnav .btn { margin-top: 15px; font-size: 24px; font-style: italic; font-weight: 300; line-height: 60px; }
#navigation ul li.level_1 .subnav .btn:before { display: block; float: left; margin-right: 15px; width: 60px; line-height: 60px; background: #02bab2; border-radius: 50%; content: "\f291"; font-family: "FontAwesome"; font-size: 25px; text-align: center; font-style: normal; }

.subnav-hold{border-top: 3px solid #212121; padding: 30px 10px; background: #EEE; text-align: center; display: none;}
.subnav-hold .subnav{display: none;}
.subnav-hold ul{padding: 0 10px; display: inline-block; vertical-align: top; margin: 0; list-style: none;}
.subnav-hold ul li.level_2.img img{display: block; margin: 0 auto; height: 90px; margin-bottom: 15px;}
.subnav-hold ul li a{color: #424242; font-weight: normal; font-size: 14px; line-height: 1em; display: block; padding: 8px 20px;}
.subnav-hold ul li a:hover{background: #DDD;}
.subnav-hold ul li.level_2 a{font-weight: bold; font-size: 16px; line-height: 1em;}

/* Marketing Area */
.home-page #marketing { background-color: transparent; /*position: fixed; top: 191px;*/ width: 100%; }
#marketing { background: #314e8f; color: #fff; -ms-flex-align: center; align-items: center; -webkit-align-items: center; }
#marketing .marketing { overflow: hidden; min-height: 415px; position: relative; }
.home-page .marketing:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.5); z-index: 0; }
.home-page .marketing > img { width: 100%; display: block; }
.marketing .inner { position: absolute; background: linear-gradient(to right, rgba(2,0,0,0.8) 0%,rgba(1,0,0,0) 63%,rgba(0,0,0,0) 100%); top: 0; left: 0; width: 100%; height: 100%; display: -ms-flexbox;display: flex; display: -webkit-flex; -ms-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; z-index: 1; font-size: 18px; line-height: 25px; text-align: left; }
.marketing .inner .title { margin-bottom: 20px; font-size: 42px; color: #fff; line-height: normal; }
.marketing.color img{ display: block; }
.marketing.color .title{ padding: 30px; max-width: 100%; width: 550px; position: absolute; bottom: 112px; left: 20px; background: rgba(29, 66, 137, .7); font-size: 20px; color:#fff; line-height: normal; }
#marketing img{ display: block; }
#marketing .flex-direction-nav{ display: block; }
#marketing .flex-direction-nav a{ background: transparent; left: 5%; width: auto; height: auto; font-size: 1px; color:#fff; text-indent: 0; opacity: 1; z-index: 4; }
#marketing .flex-direction-nav a:after{ content:"\f104"; font-size: 60px; font-family: "FontAwesome"; }
#marketing .flex-direction-nav a.flex-next{ left: auto; right: 5%; }
#marketing .flex-direction-nav a.flex-next:after{ content:"\f105"; }
#marketing .flex-control-paging{ width: 100%; left: 0; text-align: center; }
#marketing .flex-control-paging li { display: inline-block; }
#marketing .flex-control-paging li a{ width: 15px; height: 15px; border: 0; box-shadow: 0 0 0; background: rgba(255,255,255,.5); }
#marketing .flex-control-paging li a.flex-active{ background: rgba(255,255,255,1); }
#marketing .flex-control-paging li a:hover{ background: rgba(255,255,255,.7); }
#marketing .inner .shape { max-height: 0; overflow: hidden; transition: max-height 500ms linear; }
#marketing .inner .btn { background: #02bab2; padding: 18px 35px; font-size: 18px; text-transform: uppercase; font-weight: bold; }
#marketing .inner .btn:hover { opacity: .75; }
#marketing .inner p { padding-bottom: 25px; }
#marketing .inner .shape img { float: left; }
#marketing .inner .shape.active { max-height: 500px; }
#marketing .image { margin-right: 60px; width: 50%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-shrink: 0; }
#marketing .image img { display: block; }
#marketing h1 { padding-bottom: 30px; color: #fff; }
#marketing .desc { padding-top: 30px; font-size: 18px; line-height: 34px; font-weight: 300; overflow: auto; }
#marketing .desc.narrow { width: 687.5px; }
#marketing:not(.flex) { text-align: center; }
#marketing:not(.flex) .short { padding: 0 100px; }
#marketing .date { display: inline-block; margin-bottom: 30px; font-weight: 500; }
#marketing .share { padding-left: 50px; display: inline-block; vertical-align: text-bottom; }
#marketing .share > iframe, #marketing .share .IN-widget { margin-left: 10px; vertical-align: bottom !important; }
#marketing .share > iframe > span, #marketing .share .IN-widget > span { vertical-align: bottom !important; }
#marketing .short { margin-right: 30px; margin-bottom: 30px; }

#marketing .ctg-image{height: 360px;}
#marketing .ctg-title{padding: 20px 0; background: rgba(0,0,0,0.55); text-align: left; position: absolute; left: 0; bottom: 0; width: 100%;}
#marketing .ctg-title h1{padding: 0; font-weight: bold;}


/* Homepage Spinning CTAs */
@keyframes spin { 0% { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); }
  50% { transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); }
  90% { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); }
}
.home-ctas { background: #eeeeee; padding: 50px 0 40px; }
.home-ctas h2{ width: 100%; padding-bottom: 40px; text-align: center; font-size: 30px; }
.home-ctas .img { display: block; margin-bottom: 20px; border: 5px solid #fff; transition:transform 300ms linear; }
.home-ctas .img img{ display: block; }
.home-ctas a { display: block; color: #212121; font-size: 24px; text-align: center; }
.home-ctas a:hover .img { transform:scale(1.1); }
.home-ctas a .name { line-height: 32px; }
.home-ctas a.animate1 { animation: spin 500ms 2 cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.home-ctas a.animate2 { animation: spin 800ms 2 cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.home-ctas a.animate3 { animation: spin 300ms 2 cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.home-ctas a.animate4 { animation: spin 450ms 2 cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.home-ctas a.animate5 { animation: spin 650ms 2 cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.home-ctas a:hover .img img { z-index: 1; }
.home-ctas a:hover .img:after { transform: scale(1); -webkit-transform: scale(1); opacity: 1; }


/*--- HOMEPAGE LOWER AREAS ---*/
.home-page #content .content-hold { padding: 75px 0; overflow: auto; }
.home-page #content .content-hold .desc {line-height: 40px; font-size: 20px; font-weight: 300; }
.home-page #content .content-hold .desc a.learn-more { font-style: italic; }
.home-page #content .content-hold .desc a.learn-more:after { padding-left: 15px; font-style: normal; font-family: "FontAwesome"; content: "\f105"; }
.home-page #content .content-hold h1 { margin-bottom: 15px; }
.home-page #content .content-hold .map { position: relative; }
.home-page #content .content-hold .map p { padding: 0; }
.home-page #content .content-hold .map img { float: left; }
.home-page #content .content-hold .map .title { width: 100%; padding: 32px 25px; position: absolute; top: 0; left: 0; background: rgba(33, 33, 33, 0.75); color: #fff; font-size: 36px; line-height: 36px; }
.home-page #content .content-hold .map .btn { bottom: 0; left: 0; position: absolute; padding: 20px 25px; background: rgba(49, 78, 143, 0.85); font-size: 24px; font-weight: 300; line-height: normal; font-style: italic; transition: all 150ms linear; }
.home-page #content .content-hold .map .btn { bottom: 0; left: 0; position: absolute; padding: 20px 25px; background: rgba(49, 78, 143, 0.85); font-size: 24px; font-weight: 300; line-height: normal; font-style: italic; transition: all 150ms linear; }
.home-page #content .content-hold .map .btn:after { padding-left: 15px; font-style: normal; font-family: "FontAwesome"; content: "\f105"; font-size: 30px; }
.home-page #content .content-hold .map .btn:hover { padding: 35px 25px; }
.home-page #content .content-hold .tools-hold{padding-left: 40px;}

/* Homepage Blog & Events Sections */
.home-lower { border-top: 3px solid #02bab2; background: url(../images/bg-stripe.gif) repeat-y center 0; }
.home-lower a:hover { opacity: .7; }
.home-lower .container { display: -ms-flexbox;display: flex; display: -webkit-flex; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; padding: 52px 0 25px;  }
.home-lower h2 { font-size: 30px; margin-bottom: 38px; padding-bottom: 0; }
.home-lower h2 a { display: inline-block; margin-left: 25px; padding-left: 25px; border-left: 1px solid #fff; font-style: italic; color: #fff; font-weight: normal; font-size: 18px; }
.home-lower h2 a:after { padding-left: 15px; font-style: normal; font-family: "FontAwesome"; content: "\f105"; font-size: 22px; }
.home-lower .blog-listing { width: 46%; color: #212121; }
.home-lower .blog-listing:last-child h2,.home-lower .blog-listing:last-child, .home-lower .blog-listing:last-child .news-item .desc a{ color:#212121; }
.home-lower .blog-listing .news-item { display: -ms-flexbox;display: flex; display: -webkit-flex; width: 100%; padding-bottom: 20px; padding-top: 20px; border-top: 2px solid #555b87; }
.home-lower .blog-listing:last-child .news-item,.home-lower .blog-listing:last-child .more-link{ border-color: #eeeeee; }
.home-lower .blog-listing .news-item .image { padding-right: 40px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-shrink: 0; width: 35%; }
.home-lower .blog-listing .news-item .desc { padding: 10px 0; -ms-flex-preferred-size: auto; flex-basis: auto; -ms-flex: 1; flex: 1; }
.home-lower .blog-listing .news-item .desc a { color: #fff; font-size: 18px; line-height: 26px; }
.home-lower .blog-listing .news-item .bdate { font-weight: bold; font-size: 14px; color:#01b5b2;}
.home-lower .blog-listing .news-item hr { float: left; height: 1px; width: 20px; background: #fff; margin: 10px 0; }
.home-lower .blog-listing .more-link { border-top: 2px solid #555b87; display: block; padding-top: 15px; text-align: right; font-style: italic; color:#01b5b2; font-size: 18px; }
.home-lower .blog-listing.event-list .event{ border-top: 1px solid #eee; border-bottom: 0; }
.home-lower .blog-listing.event-list .event:last-child{ border-bottom: 1px solid #eee; }
.home-lower .blog-listing.event-list .more-link { border-top: 1px solid #eee; }
.home-lower .blog-listing .more-link:after {  }


/*--- Gallery ---*/
.key-partners{ border-top: 3px solid #02bab2; padding-top: 40px; }
.key-partners h2{ font-size: 25px; padding-bottom: 20px; border-bottom: 1px solid #eeeeee; }
#gallery { margin-bottom: 40px;}
#gallery .flexslider { overflow: hidden; }
#gallery .flexslider img{ max-width:none; width: auto; display: inline-block; vertical-align: middle; transition: 250ms linear opacity; }
#gallery .flexslider ul.slides{ transition:transform 400ms linear; width: 2000px; display: flex; display: -webkit-flex; }
#gallery .flexslider ul.slides li{ display: block; padding: 0 5px; float: left; }
#gallery .flexslider .slides li a{ width: 100%; height: 100%; display: block; padding: 15px; line-height: 100px; vertical-align: middle; }
#gallery .flexslider a:hover img{ opacity: 1; }
.key-partners .flex-direction-nav{ display: none; }
.key-partners .flex-direction-nav a{ padding:0 10px 0 15px; background-position: -35px center; right: 0px; width: auto; line-height: normal; top: 0; height: 100%; margin-top: 0; display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; -webkit-align-items: center; -ms-flex-align: center; opacity: 1; }
/*.key-partners .flex-direction-nav a:after{ font-family:"FontAwesome"; text-shadow:0 0 0; color:#616161; height: auto; }*/
.key-partners .flex-direction-nav a.flex-prev{ background-position: 0 center; right: auto; left: 0px; }
/*.key-partners .flex-direction-nav a.flex-prev:after{ content:"\f104"; }
.key-partners .flex-direction-nav a.flex-next:after{ content:"\f105"; }*/

/* Homepage Videos Section */
.videos { background: #f6f6f6; padding: 65px 0; }
.videos h2 { font-size: 36px; margin-bottom: 30px; }
.videos h2 a { display: inline-block; margin-left: 25px; padding-left: 25px; border-left: 1px solid #424242; font-style: italic; color: #424242; font-weight: normal; font-size: 18px; }
.videos h2 a:after { padding-left: 15px; font-style: normal; font-family: "FontAwesome"; content: "\f105"; font-size: 22px; }
.vid .img { width: 100%; display: inline-block; margin-bottom: 20px; position: relative; }
.vid .img img { float: left; }
.vid .img:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); content: ""; z-index: 4; }
.vid .img:after { position: absolute; left: calc(50% - 36px); top: calc(50% - 11px); color: #fff; font-size: 84px; content: "\f01d"; font-family: "FontAwesome"; z-index: 5; }
.vid a { color: #424242; font-weight: 300; font-size: 20px; }

/*-- Lazy Load Item Styles - Used Site-wide --*/
.items .item { visibility: hidden; opacity: 0; transform: translate3d(0, 100px, 0); -webkit-transform: translate3d(0, 100px, 0); transition: opacity 320ms linear,transform 450ms linear; }
.items .item.loaded { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
#content { background: #fff; z-index: 2; }
#content .content-hold { padding: 45px 0; }
#content .content-hold .content-full, #content .content-hold .content-wide { width: 100%; }
#content .content-hold .content-left { float: left; width: 25%; padding-right: 40px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-shrink: 0; }
#content .content-hold .content-right { float: left; width: 75%; -ms-flex-positive: 1; flex-grow: 1; }
#content .content-hold .wysiwyg em { font-style: italic; }
#content .content-hold .wysiwyg ul{padding:5px 0 5px 30px;}


/*-- Landing page --*/
.upper-banner{ padding-top: 65px; background:#5abcc0 url(../images/bg-upper.jpg) no-repeat center top; color:#fff; }
.upper-banner .img{ flex-shrink: 0; position: relative; z-index: 3; padding-right: 78px; margin-bottom: -130px; }
.upper-banner .sum{ padding-top: 50px; }
.upper-banner .btn{ padding: 15px 45px; font-weight: bold; text-transform: uppercase; }
.upper-banner h2{ padding-bottom: 25px !important; }

.landing-section{ padding: 80px 0; }
.landing-section h2{ padding-bottom: 25px !important; }
.landing-section h2.blue{ color:#37427b; }
.landing-section.pd-top{ padding-top: 180px; }
.landing-section.bg-grey{ background: #010101; color:#fff; }
.landing-section.bg-grey-light{ background: #f1f1f1; }
.landing-section .btn.teal{ background: #2bbab1; font-size: 24px; padding: 27px 33px; text-transform: uppercase; font-weight: bold; }
.landing-section .btn.teal:hover{ background: #37427b; }
.landing-section .center-pad{ text-align:center; padding:0 220px; }

.landing-section.bg-blue-pattern{ background: #37427b url(../images/bg-blue.jpg) center top; color:#fff; }

/*--- Left Side Bar CTA ----*/
.left-side-cta { display: -ms-flexbox;display: flex; display: -webkit-flex; padding: 10px 20px; -ms-flex-align: center; align-items: center; -webkit-align-items: center; margin: 0; background: #eeeeee; width: 100%; border-bottom: 2px solid #e4e4e4; font: 300 20px "Roboto", sans-serif; color: #424242; }
.left-side-cta:before { color: #fff; background: #37427b; margin-right: 20px; display: block; border-radius: 50%; width: 35px; line-height: 35px; text-align: center; flex-shrink: 0; -webkit-flex-shrink: 0; }
.left-side-cta:hover { color: #fff; background: #37427b; }
.left-side-cta:hover:before { color: #37427b; background: #fff; }


/*--- Side Navigation (cms pages & category filters) ---*/
.side-nav { margin-bottom: 30px; }
.side-nav h2 { padding: 15px 30px; background: #eeeeee; font-size: 20px; }
.side-nav h2 a { color: #424242; }
.side-nav ul { padding: 0; }
.side-nav ul li { list-style: none; position: relative; }
.side-nav ul a, .side-nav ul label { display: block; padding: 10px 20px 10px 30px; border-bottom: 1px solid #eeeeee; padding-left: 30px; color: #424242; text-transform: uppercase; font-weight: 500; vertical-align: middle; cursor: pointer; }
.side-nav ul a:hover, .side-nav ul label:hover { color: #02bab2; }
.side-nav ul a.toggle:after, .side-nav ul label.toggle:after { float: right; content: "\f055"; font-family: "FontAwesome"; }
.side-nav ul a.active.toggle:after, .side-nav ul label.active.toggle:after { content: "\f056"; }
.side-nav ul ul a, .side-nav ul ul label { padding: 8px 20px 8px 50px; font-size: 13px; }
.side-nav ul ul a.toggle{ position: absolute; top: 8px; right: 10px; border: 0; font-weight: normal; padding: 0; font-size: 15px; }
.side-nav ul ul .left-side-dropdown:not(.active){ display: none; }
.side-nav ul ul .left-side-dropdown li a:not(.toggle){ padding-left: 70px; }
.side-nav ul ul .left-side-dropdown li li a:not(.toggle){ padding-left: 82px; }
.side-nav ul ul .left-side-dropdown li a:not(.toggle):before{ float: left; display: block; margin-left: -15px; content:"-"; }
.side-nav ul input { float: right; margin: 4px 0 0 10px; width: auto; }

.side-videos{margin-bottom: 20px; }
.side-videos .video{max-width: 460px; margin: 0 auto;}
.side-videos .vid-name{font-size: 11px; line-height: 1.3em !important; display: block; padding-bottom: 10px;}
.side-videos .vid .img{margin-bottom: 0;}
.side-videos .vid .img img{width: 100%;}

/*--- LOCATION PAGE ---*/
.map{}
.map .map-box{background: #314e8f; margin: 30px 0;}
.map .map-note{background: #eee; padding: 10px; border-bottom: 20px solid #FFF;}
.map .map-note h3{padding-bottom: 0; color: #314e8f;}
.map-side{padding: 30px 30px 10px 5px; color: #FFF;}
.map-side h1{color: #FFF;}
.map-side h3{padding: 0 0 15px; width: 100%;}
.map .location-search {padding: 0 0 10px; color: #FFF;}
.map .loc-info{ color: #FFF; position: relative; width: 100%; margin-bottom: 15px;}
.map .loc-info h4{padding-bottom: 5px; font-weight: bold; line-height: 1.2em;}
.map .loc-info .loc-img{width: 100px; min-height: 100px; position: absolute; top:0; left: 0;}
.map .loc-info .loc-img img{display: block;}
.map .loc-info .loc-img.cirlcle{border-radius: 50%; overflow: hidden;}
.map .loc-info .loc-txt{padding-left: 0; display: block; color: #ededed;}
.map .loc-info .loc-txt a:hover{color: #ededed;}
.map .loc-info .loc-txt p{padding-bottom: 0;}
.map .loc-info .social{position: absolute; left: 68px; top:68px; width: auto;}
.map .loc-info .social li{margin: 0; float: none;}
.map .loc-info .social li a{font-size: 16px; line-height: 1em;}
.map .loc-info .social li a:before{width: 32px; line-height: 32px;}
.map .loc-scroll{overflow: auto; height: 480px; width: 100%; padding-right: 15px;}
.map .loc-selected{padding: 10px; line-height: 1.5em; background: #eee; color: #333; position: relative; min-height: 200px; border-bottom: 20px solid #FFF;}
.map .loc-selected img{height: 160px; display: block; position: absolute; top: 10px; left: 10px;}
.map .loc-selected .loc-txt{padding-left: 175px; display: block;}
.map .loc-selected h4{padding-bottom: 10px; font-weight: bold;}
.map .loc-selected p{float: left; margin: 5px 60px 0 0;}
.map .state-locations{padding: 20px 0;}
.map .state-locations .loc-selected{min-height: 120px; border-bottom: 0; margin-bottom: 10px; background: #fafafa;}
.map .loc-list h4{font-weight: bold;}
.map .loc-list a:hover{color: #ededed;}
.map .loc-list a .char{color: #FFF !important; padding-right: 10px;}
.map .loc-scroll hr{margin: 10px 0 20px;}
.map #marketing .location-search select { width: 340px; }
.map #marketing .location-search h2 { font-size: 30px; line-height: normal; }
.map #marketing .infowindow { padding: 15px; color: #424242; font-family: "Roboto", sans-serif; text-align: left; }
.map #marketing .infowindow .img { -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-shrink: 0; padding-right: 15px; }
.map #marketing .infowindow h4 { color: #37427b; }
.map #marketing .infowindow .desc { padding-top: 0 !important; -ms-flex-positive: 1; flex-grow: 1; font-size: 14px; line-height: normal; }
.map .map-hold { height: 600px; }
.map .results h2 { margin-top: 60px; font-size: 30px; font-weight: normal; }
.emps { display: -ms-flexbox;display: flex; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.emps .emp { margin: 60px 0 0; width: 50%; padding-right: 30px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-shrink: 0; display: -ms-flexbox;display: flex; display: -webkit-flex; -ms-flex-align: start; align-items: flex-start; font-size: 20px; line-height: 32px; font-weight: 300; }
.emps .emp h3 { padding-bottom: 5px; }
.emps .emp .img { margin-right: 25px; width: 50%; overflow: hidden; border-radius: 50%; }
.emps .emp .img img { width: 100%; display: block; }
.filter { padding: 25px 0; background: #eeeeee; font-size: 16px; }


/*---- FOOTER ----*/
#footer { background: #212121; color: #fff; font-size: 14px; }
#footer .container { display: -ms-flexbox;display: flex; display: -webkit-flex; padding: 50px 0; }
#footer .container > div { border-right: 1px solid #4f494b; margin-right: 50px; }
#footer .container h3 { padding-bottom: 15px; }
#footer .container .links { -ms-flex-positive: 1; flex-grow: 1; padding-right: 15px; }
#footer .container .col { padding-right: 40px; }
#footer .container .stay-connected { padding-right: 50px; color: #a9a9a9; line-height: 18px; }
#footer .container .stay-connected h3 { color: #fff; }
#footer .container .stay-connected a { color: #a9a9a9; }
#footer .container .stay-connected a:hover { color: #02bab2; }
#footer .container .stay-connected .powered { font-size: 12px; }
#footer .container .signup { -ms-flex-positive: 1; flex-grow: 1; margin-right: 0; border-right: 0; }
#footer .container .signup input[type=email] { padding-left: 26px; width: 340px; max-width: 100%; float: left; }
#footer .container .signup button { border: 0; margin-top: 9px; float: left; margin-left: -40px; background-color: transparent; color: #424242; font-size: 20px; font-weight: 700; font-style: normal; font-family: "FontAwesome"; }
#footer .container .signup button:hover { color: #37427b; }
#footer .container .signup .alert, #footer .container .signup .alert.alert-success { margin-bottom: 0; padding: 15px; }
#footer a { color: #fff; }
#footer a:not(.btn):hover { color: #02bab2; }
div#signup p { border-bottom: solid 1px #757575; padding: 5px 0 5px 0; }

/* Social Icons */
.social { width: 100%; overflow: auto; margin-bottom: 15px; }
.social ul { margin: 0; padding: 0; }
.social li { list-style: none; display: block; margin: 3px 5px; float: left; }
.social li a { display: block; font-size: 28px; color: #fff; }
.social li a:before { display: block; vertical-align: middle; width: 50px; line-height: 50px; border-radius: 50%; vertical-align: middle; text-align: center; font-family: "FontAwesome"; color: #fff; transition: 250ms linear background; }
.social li a.fa:before { background: #305d9a; content: "\f09a"; }
.social li a.in:before { background: #e4405f; content: "\f16d"; }
.social li a.li:before { background: #007fb1; content: "\f0e1"; }
.social li a.tw:before { background: #00aff0; content: "\f099"; }
.social li a.yo:before { background: #cd332d; content: "\f16a"; }
.social li a:hover:before { background: #02bab2; }


/*--- Side Nav ----*/
.icon-menu { display: none; }
.content-left h1 { font-size: 24px; }
.menu-side ul { margin: 0; padding: 0; list-style: none; }
.menu-side ul li a { display: block; color: #424242; font-size: 14px; line-height: 15px; padding: 4px 25px; text-transform: uppercase; }
.menu-side ul li a:hover { background: #eeeeee; }
.menu-side ul ul li a { font-size: 11px; text-transform: none; }

/*Breadcrumbs*/
#breadcrumbs { width: 100%; margin: auto; padding-bottom: 2%; font-size: 13px; line-height: 1.3em;}
#breadcrumbs_full { width: 100%; margin: auto; padding: 7px 0 5px; background: #EEE;  font-size: 13px; line-height: 1.3em;}

/*---- Product Sort Bar (Not Used Currently) ---- */
/* .sort-bar{background: $whiteGrey; font-size: 14px; margin: 0 0 20px;
  .dropdown{
    &:hover{background: $light; cursor: pointer;}
    .icon{ font-size: 22px; }
    .dropdown-list{display: none; position: absolute;  padding: 10px ;  z-index: 5; background: #fff;left: 0; top: 44px;width: 100%; box-shadow:1px 1px 3px $dark;-webkit-box-shadow:1px 1px 3px $dark;-moz-box-shadow:1px 1px 3px $dark;
      input{width: auto; padding-bottom: 10px;}
    }
  }
  .sort-select{float: right;}
  .sort-section{ float:right; width: 270px;
    .dropdown{width:200px; border: 0;background: $whiteGrey; margin-right: 10px;}
    label{margin-top: 12px;}
  }
  .filter-section{float: left; width: 510px;
    label{margin: 12px 10px 0 10px;}
    .dropdown{width: 200px; float: left; padding: 11px 6px; position: relative;}
  }
  .sort-list-item{margin: 10px 0;}
}*/
/* Scroll Button not used currently */
/*.scroll-btn{width: 30px;    height: 30px;    background: $txt;    float: left;    border-radius: 5px;    text-align: center;    display: none;    vertical-align: middle; position: fixed;    right: 5%;    bottom: 30%;
  .icon{color: #fff; font-size: 20px; margin: 5px auto; display: block; cursor: pointer; float: none;}
}*/

/*----Product List ---- */
.prod-list { display: -ms-flexbox;display: flex; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.product { width: 32%; margin-right: .9%; border: 2px solid #FFF; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-shrink: 0; position: relative; text-align: center; margin-bottom: 20px; transition: all 1s ease-in-out; text-align: center; display: -ms-flexbox;display: flex; display: -webkit-flex; -ms-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }
.product:hover { border: 2px solid #314e8f; background: #EEE;}
.product .product-info{padding: 20px 20px 10px; transition: background 180ms linear;}
.product .product-info .btn{ width: 120px;  text-align: center; font-style: italic;}
.product .product-info .btn.blue{background: #00b9b1; margin:0 5px 10px; display: inline-block; vertical-align: top;}
.product .product-info .btn.blue:hover{opacity: 0.8;}
.product .product-info .add-btn{margin:0 5px; display: inline-block; vertical-align: top;}
.product .title { display: inline-block; font-size: 20px; line-height: 1.4em; margin: 0 0 15px; padding: 0; color: #000; }
.product .product-info .call-msg{margin: 0 0 15px; color: #314e8f; font-style: italic;}
.product .price { font-weight: 500; margin: 0; font-size: 18px; color: #02bab2; }
.product .price.discount { font-style: italic; }
.product .price .old { padding-right: 15px; color: #757575; text-decoration: line-through; }
.product .product-image { padding: 10px; flex:0 0 auto; border: 1px solid #eee; background: #FFF;}
.product .product-hover { display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; -ms-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; }
.product .product-hover .btn { background: rgba(55, 66, 123, 0.82); padding: 18px 22px; margin-bottom: 15px; width: 212px; font-style: italic; font-size: 21px; font-weight: 300; line-height: normal; }
.product .product-hover .btn.desc { background: rgba(2, 186, 178, 0.82); }
.product .product-hover .btn.desc:hover { background: #02bab2; }
.product .product-hover .btn:hover { background: #37427b; }
.saleTag { position: absolute; top: 20px; left: 20px; width: 80px; background: rgba(255, 222, 0, 0.8); border-radius: 50%; text-align: center; line-height: 80px; text-transform: uppercase; color: #000; font-size: 21px; font-weight: 500; }
#loading, #done { display: none; background: #eeeeee; padding: 15px 50px; margin: 20px auto; text-align: center; }

.ctg-desc{padding: 40px 0 25px;}

/*--- Product Detail Page ---*/

/* Image Gallery */
.product-detail .product-image { display: -ms-flexbox;display: flex; display: -webkit-flex; position: relative; padding-right: 30px;}
.product-detail .product-image .saleTag { left: 0; top: 0px; z-index: 10; }
.product-detail .product-image .img-responsive { margin-bottom: 20px; width: 100%; margin-top: 10px; }
.product-detail .product-image .img-responsive img { height: auto !important; }
.product-detail .product-image .main { padding: 0 25px; position: relative; -ms-flex-positive: 1; flex-grow: 1; -ms-flex: 1; flex: 1; text-align: center; cursor: crosshair; }
.product-detail .product-image .imgThumb { border: solid 1px #eeeeee; }
.product-detail .product-image .product-image-slider { padding-right: 20px; }
.product-detail .product-image .product-image-slider li { margin-bottom: 10px; }
.product-detail .product-image .product-image-slider a { display: block; padding: 10px; border: 1px solid #fff; }
.product-detail .product-image .product-image-slider a.active, .product-detail .product-image .product-image-slider a:hover {  }
.product-detail .short { font-size: 16px; line-height: 1.6em; font-weight: 300; }
.product-detail h1 { padding-bottom: 15px; margin-bottom: 20px; display: inline-block; border-bottom: 2px solid #EEE;}

/* Tabs */
.product-tabs a { display: inline-block; background: #37427b; padding: 10px 35px; margin-right: 8px; font-weight: 500; font-size: 16px; text-transform: uppercase; color: #fff; }
.product-tabs a:hover { background: #3e63b5; }
.product-tabs a.active { background: #eeeeee; color: #424242; }
.product-details { padding: 80px 0; background: #eeeeee; font-size: 16px; line-height: 1.6em; font-weight: normal; }
.product-details li { margin: 10px 0; }
.product-details ul.list-unstyled { padding: 0; }
.product-details ul.list-unstyled li { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #757575; list-style: none; font-size: 16px; }
.product-details h3 { font-weight: 500; }
.product-details label:not(.rating) { display: inline-block; padding: 10px 0 5px; font-size: 15px; }
.product-details label.rating { padding-right: 10px; font-size: 16px; font-weight: normal; }
.product-details .reviews i { color: #02bab2; }
.zoom { display: inline-block; position: relative; }
.zoom:after { content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0; right: 0; background: url(icon.png); }
.zoom img { display: inline-block; }
.zoom img::-moz-selection { background-color: transparent; }
.zoom img::selection { background-color: transparent; }

.add-to-form{float: left; margin-right: 10px; margin-bottom: 10px;}

/* Info Section */
.detail-section { transition: all 1s ease-in-out; color: #757575; font-size: 16px; }
.detail-section .sku { color: #000; }
.detail-section h2 { color: #424242; }
.detail-section .product-price { font-weight: normal; font-size: 24px; margin: 20px 0; padding: 0; color: #02bab2; }
.detail-section .product-price .sale { font-style: italic; }
.detail-section .product-price .old { padding-left: 20px; text-decoration: line-through; font-size: 16px; color: #757575; font-style: italic; }
.detail-section .product-price .label{padding-right: 3px; font-size: 16px; color: #757575; font-style: italic;}
.detail-section .product-price span{display: inline-block; vertical-align: middle;}
.detail-section .product-price .astk{vertical-align: text-top; color: #757575; font-size: 14px;}
.detail-section .note{font-size: 11px; line-height: 1.6em; font-style: italic; padding: 10px;}
.detail-section .section-head{display: block; font-size: 0.94em; font-weight: 500; text-transform: uppercase; padding: 10px; margin: 0 0 15px; background: #eef2f1; color: #314e8f;}
.detail-section .section-detail{padding: 0 10px 10px; font-size: 14px; line-height: 1.8em;}
.detail-section .section-detail ul{padding: 0; margin: 0 0 10px;}
.detail-section .section-detail li{list-style: none; padding: 0 0 0 15px;}
.detail-section .section-detail li:before{content: "\f105"; font-family: "FontAwesome"; font-style: normal; font-size: 16px; font-weight: bold; color:#314e8f; display: inline-block; padding-right: 7px;}
.detail-section .product-option { background: #eef2f1; padding: 30px; }
.detail-section .product-option .qty { display: inline-block; margin-right: 20px; }
.detail-section .product-option input { border: solid 1px #eeeeee; padding: 10px; text-align: center; }
.detail-section .product-option select { border: solid 1px #eeeeee; padding: 10px; text-align: center; }
.detail-section .product-option label { font-weight: normal; float: none; }
.detail-section .product-option .col { margin-left: 0; margin-top: 5px; margin-right: 10px; margin-bottom: 25px; }
.detail-section .product-option .info-icons{margin-bottom: 20px;}
.detail-section .product-option .icon-hold{display: inline-block; margin-right: 15px; vertical-align: middle; color: #212121;}
.detail-section .product-option .icon-hold .icon{display: inline-block; vertical-align: middle; margin-right: 3px;}
.detail-section .product-option .icon-hold .icon-label{display: inline-block; vertical-align: middle; font: 500 16px "Roboto", sans-serif; line-height: 1em; padding: 0; margin: 0;}
.detail-section .product-option .icon-hold .icon-label small{ font-weight: normal; font-style: italic; font-size: .75em; }
.detail-section #add-to-wishlist { color: #02bab2; clear: both; }
.detail-section #add-to-wishlist:hover { color: #039795; }
.detail-section .product-additional h4 { font-family: "Roboto", serif; margin-left: 20px; padding: 0; display: block; }
.detail-section .product-additional .minus { margin-top: 3px; margin-right: 10px; display: none; float: left; width: 16px; height: 16px; background: url("../images/structure/minus-icon.png") no-repeat; }
.detail-section .product-additional .plus { margin-top: 3px; margin-right: 10px; display: block; float: left; width: 16px; height: 16px; background: url("../images/structure/plus-icon.png") no-repeat; }
.detail-section .product-additional .expand { border-top: solid 1px #eeeeee; padding: 10px 5px; cursor: pointer; }
.detail-section .product-additional .expand:hover { background: #f6f6f6; }
.detail-section .product-additional .expand:first-child { border-top: none; }
.detail-section .product-additional .reviews { margin: 0; padding: 0; }
.detail-section .product-additional .reviews li { border-top: dashed 1px #eeeeee; padding: 6px; list-style: none; }
.detail-section .product-additional .reviews li:first-child { border-top: none; }
.detail-section .product-additional .dropdown-info { display: none; padding: 10px 0; font-size: 12px; color: #757575; }
.detail-section .product-additional .rating-box input { margin: 3px 3px 0 10px; }
.detail-section .product-additional .downloads { margin: 0; padding: 0; }
.detail-section .product-additional .downloads li { border-top: dashed 1px #eeeeee; padding: 10px 6px; list-style: none; }
.detail-section .product-additional .downloads li:first-child { border-top: none; }

/* Rating Section */
.rating-box input { width: auto; }
.additional-item .dropdown-info .col { margin-top: 10px; }
.additional-item .dropdown-info .teal-btn { margin-top: 10px; }

/* Related Products */
.related_products { margin: 60px 0; }
.related_products .product { width: 340px; margin-right: 5px; display: block; }
.related_products .product .inner { display: -ms-flexbox;display: flex; display: -webkit-flex; -ms-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }
.product-social { padding: 10px 0; }
.product-social .icon { font-size: 16px; }
.product-social .left { margin-left: 2%; }
.product-social .twitter-share { margin: 0 2%; float: left; }


/*--- Shopping Cart ----*/
.shopping-cart .checkout-option { width: 100%; margin: 20px 0 60px; }
.shopping-cart .checkout-option h4 { color: #fff; padding: 0; }
.shopping-cart .discount-box { border: solid 1px #eeeeee; padding: 20px; background: #f6f6f6; margin-bottom: 20px; }
.shopping-cart .discount-box input { width: 100%; margin-bottom: 20px; /*padding: 8px 0;*/ }
.shopping-cart .discount-box .red-btn { padding: 8px 25px; float: right; display: block; width: auto; margin-bottom: 0; }
.cart-table { width: 100%; }
.cart-table td { padding: 5px 10px; }
.cart-table .title { background: #f6f6f6; }
.cart-table .title td { padding: 10px; font-weight: 700; }
.cart-table .title .thead-col { border-left: solid 1px #fff; width: 5%; text-align: center; }
.cart-table .item-row { border-bottom: solid #eeeeee 1px; }
.cart-table .item-row td { padding: 20px; }
.cart-table .item-row input { text-align: center; width: 100%; }
.cart-table .item-row .update-link { background: none; border: none; text-decoration: underline; cursor: pointer; font-size: 11px; width: 100%; }
.cart-table .item-row .icon { color: #FC0505; font-weight: bold; }
.cart-table .flex { -ms-flex-align: start; align-items: flex-start; }
.cart-table .item-image { float: left; margin-right: 20px; border: solid 1px #eeeeee; padding: 5px; }
.cart-table .item-info h4 { font-weight: normal; }
.cart-table .item-info span { font-size: 12px; }
.sub-total { padding: 20px 0; background: #f6f6f6; margin-top: 20px; display: inline-block; width: 100%; text-align: right; }
.sub-total h4 { padding: 0; }
.sub-total span { font-size: 11px; }
.sub-total .right { margin-right: 130px; }

.mixed-cart-msg{clear: both; margin-top: 20px;}

/*--- Checkout Section ----*/
.checkout { margin: 50px 0; }
.checkout fieldset .teal-btn { margin: 0; }
.checkout form { display: block; padding: 30px 0; }
.checkout .methods form { padding: 0; }
.checkout.shipping-method { margin: 0; }
.checkout.shipping-method label { font-weight: normal; }
.checkout .section-title { background: #f6f6f6; margin: 10px 0; padding: 12px 20px; }
.checkout .section-title h4 { padding: 0; font-size: 16px; text-transform: uppercase; font-weight: 500; }
.checkout .section-title h4 a{ color:#424242; }
.checkout .login { padding: 0; margin: 20px 0; }
.checkout .option-box { padding: 20px 0; width: 42%; padding-left: 2%; }
.checkout .option-box:first-child { border-right: solid 1px #eeeeee; }
.checkout .login .form-group { margin: 20px 0; }
.checkout .login .icon { margin-right: 10px; }
.checkout .login input { border: 1px solid #eeeeee; padding: 10px; margin-bottom: 5px; width: 90%; }
.checkout .login .signin { padding-right: 30px; font-size: 16px; }
.checkout .login button { margin-top: 20px; }
.checkout .control-label { width: 70%; }
.checkout .shipping-method input { width: 5%; }
.checkout .cart-table { width: 96%; margin: 15px 2%; }
.checkout .checkout-option h4 { color: #fff; padding: 0; }
.checkout .cart-totals { background: #f6f6f6; padding: 20px 0; }
.checkout .cart-totals .right { margin-right: 10px; text-align: right; }
.checkout .cart-totals table td { padding-right: 10px; }
.checkout .methods { margin: 30px; }
.checkout .method_form  { margin: 0 30px 30px; }
.checkout .method-type { margin-bottom: 10px; }
.checkout .method-type input { width: 15px; }
label.inline { float: none; cursor: pointer; }
.check-left { width: 80%; float: left; }
.check-right { margin-top: 40px; width: 18%; float: right; }
.summary-box { background: #f6f6f6; padding: 10%; margin: 10px 0; }
.summary-box h2 { color: #424242; font-size: 18px; }
.summary-box .panel .panel-heading { margin: 10px 0; }
.summary-box .panel .panel-heading span { font-weight: bold; }
.summary-box .panel .panel-heading a { color: #FC0505; }


/*--- Recent Orders ---*/
.recentOrders .subheader { padding: 5px 15px; font-size: 18px; color:#fff; }
.recentOrders .cart-table { width: 100%; margin: 15px 0; }
.recentOrders .cart-table .item-row .update-link { background: none; border: none; text-decoration: underline; cursor: pointer; font-size: 11px; width: 100%; }
.dashboard-box { /*background: $whiteGrey; padding: 10%; border: 1px solid $light; */ margin-bottom: 30px; }
.dashboard-box h4 { padding: 15px 30px; background: #eeeeee; font: normal 20px/30px "Roboto", sans-serif; }
.dashboard-box h2 { color: #424242; font-size: 18px; }
.dashboard-box .panel { background: #f6f6f6; padding: 20px; border: 1px solid #eeeeee; }
.dashboard-box .panel .panel-heading { margin: 10px 0; }
.dashboard-box .panel .panel-heading span { font-weight: bold; }
.dashboard-box .panel .panel-heading a { color: #FC0505; }
.dashboard-box .panel .panel-body span { font-size: 12px; padding: 0 5px; }
.dashboard-box .account-nav { list-style: none; margin: 0 0 20px; padding: 0; }
.dashboard-box .account-nav li:first-child { padding-top: 0; }
.dashboard-box .account-nav li a { display: block; padding: 10px 20px 10px 30px; border-bottom: 1px solid #eeeeee; padding-left: 30px; color: #424242; text-transform: uppercase; font-weight: 500; vertical-align: middle; cursor: pointer; }


/*--- Login Page Section ---*/
.login-box { border: solid 1px #eeeeee; width: 48%; float: left; margin: 20px auto; padding: 30px 40px; background: #f6f6f6; margin-right: 2%; }
.login-box .col { margin-top: 20px; margin-right: 3%; }


/*--- Checkout Responsiveness ----*/
.login-box .signin { margin: 20px 0 15px; float: right; width: 100%; }
.login-box .signin button, .login-box .signin a { min-width: 180px; display: block; }
.login-box .action-btns { width: 78%; }
.login-box .dark-btn { margin: 20px 0; float: right; }


/*---Forgot Page Section ---*/
.forgot-box { border: solid 1px #eeeeee; width: 75%; float: none; margin: 0 auto; padding: 30px 40px; background: #f6f6f6; }


/*---Create Page Section ---*/
.create-box { width: 75%; float: none; margin: 30px auto; padding: 30px 40px; background: #f6f6f6; }


/*---Create Page Section ---*/
.standard-box { float: none; margin: 0 auto; padding: 30px; background: #f6f6f6; }
.standard-box h1 { padding-bottom: 30px; }
.requestDetail { margin-bottom: 20px; }

/*-- Pagination (Not Used Currently) --*/
/*.pgn-right{clear: both; float: right;margin: 25px 0; font-size: 13px;}*/
/*.pagination{ list-style: none; padding: 0; display: inline;}*/
/*.pagination li{display: inline;}*/
/*.pagination li a,span{padding: 0 6px; border-left: 1px solid #02bab2;}*/
/*.pagination li a,span:hover{color: #37427b;}*/
/*.pagination li a,span:first-child a{border-left:none;}*/
/*.pagination li a,span.disabled{display: none;}*/
/*.pagination li a,span.active{font-weight: bold;}*/
.pagination li { display: inline; padding: 0 5px; }

.account-icon { float: left; font-size: 20px; color: #757575; margin-right: 5px; }


/*--- News List Section ---*/
.news-list  .news-item{display: flex; display: -webkit-flex; padding: 20px 0; border-top:1px solid #eeeeee;}
.news-list  .news-item .image{ margin-right: 30px; flex-shrink: 0; -webkit-flex-shrink: 0; }
.news-list  .news-item .desc{ flex-grow: 1; flex:1; }
.news-list  .news-item .more{float: right;   }
.news-list  .news-item .date{color:#37427b; font-weight: 500; margin-bottom: 5px; display: block;}

.filters-hold{text-align: right;}
.event-filter{ padding-bottom: 10px; text-align: right; display: inline-block; padding-left: 15px;}
.event-filter select{ padding: 5px 14px; margin-left: 5px; width: auto; }
.event-list{ margin: 25px 0; }
.event-list .event{ border-bottom:1px solid #eeeeee; padding-left: 15px; display: flex; display: -webkit-flex; display: -ms-flexbox;  }
.event-list .event.color-signs{ border-left: 4px solid #ec018e; }
.event-list .event.geospatial{ border-left: 4px solid #f8b042; }
.event-list .event.three-d{ border-left: 4px solid #00a89f; }
.event-list .event.wide-format{ border-left: 4px solid #7cc24e; }
.event-filter option.color-signs{ background:#ec018e; }
.event-filter option.geospatial{ background:#f8b042; }
.event-filter option.three-d{ background:#00a89f; }
.event-filter option.wide-format{ background:#7cc24e; }
.event-list .event.title{ font-weight: bold; border-bottom: 2px solid #eee; border-top: 2px solid #eee; }
.event-list .event h3{ padding-bottom: 0; font-size: 16px; }
.event-list .event .sum{ padding-right: 10px; font-size: 12px; font-style: italic; line-height: normal; padding-top: 5px; }
.event-list .event .sum p{ padding: 0; }
.event-list .event .cell{ padding: 10px 0; }
.event-list .event .cell:nth-child(1){ flex-grow: 1; -webkit-flex-grow: 1; }
.event-list .event .cell:nth-child(n+1){ min-width: 15%; }
.blog-listing.event-list .event .cell:nth-child(n+2){ min-width: 22%; text-align: right; }

.news-detail{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #757575;}

.row .col .block { padding: 15px; background: #FFF; border: 1px solid #eeeeee; font-size: 14px; }
.helper { padding: 5px 0 0 5px; font-size: 11px; color: #757575; }
.mobile-top-nav { display: none; }

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


/*--- Responsiveness Base Structure ---*/
.row { clear: both; }
.row .col { margin-left: 2%; float: left; }
.row .col:first-child { margin-left: 0; }
.row .col.split_int { margin-left: 0; clear: both; }
.row .full, .flex .full { width: 100%; }
.row .half { width: 49%; }
.row .third { width: 32%; }
.row .third_2 { width: 66%; }
.row .fourth { width: 23.5%; }
.row .fourth_2 { width: 49%; }
.row .fourth_3 { width: 74.5%; }
.row .fifth { width: 18.4%; }
.row .fifth_2 { width: 38.8%; }
.row .fifth_3 { width: 59.2%; }
.row .fifth_4 { width: 79.6%; }
.flex { display: -ms-flexbox;display: flex; display: -webkit-flex; }

/*--- Color Signage Template Styles ---*/
.color #header{padding-top: 0; border-bottom: 4px solid #07a29e}
.color .top-nav{display: none;}
.top-bar{padding: 6px 0; background: #1d4289; color: #FFF; font-size: 11px; line-height: 1.2em; text-align: right; margin-bottom: 10px;}
.top-bar .container{display: block !important;}
.top-bar a{padding: 0 4px; color: #FFF;}
.top-bar a:hover{color: #02bab2;}

.color .flex-control-thumbs{position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 15px 0; background: rgba(0,0,0,0.75); text-align: center; z-index: 4;}
.color .flex-control-thumbs li{width: 55px; height: 55px; margin: 0 15px; display: inline-block; float: none; overflow: hidden; border-radius: 50%;}
.color .flex-control-thumbs li img{border: 2px solid transparent; border-radius: 50%; opacity: 0.15;}
.color .flex-control-thumbs li img.flex-active{border: 2px solid #FFF; opacity: 1;}
.color .flex-control-thumbs li.color1{background: #07a29e;}
.color .flex-control-thumbs li.color2{background: #1f4188;}
.color .flex-control-thumbs li.color3{background: #79c646;}
.color .flex-control-thumbs li.color4{background: #ffac4a;}
.color .flex-control-thumbs li.color5{background: #ec0092;}
.color .wysiwyg h1{display:none;}


.color-head{padding: 60px 0 45px; color: #FFF; text-align: center; position: relative; font-size: 18px; line-height: 1em;}
.color-head .darken{position: absolute; top:0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.75;}
.color-head h1{color: #FFF; padding-bottom: 25px;}
.color-head .container{font-style: italic;}

.album{width: 100%; margin-bottom: 20px; background: #eeeeee; display: flex; display: -ms-flexbox; justify-content: space-between; flex-direction: column; -ms-flex-direction: column; align-items: center; -ms-flex-pack: center; text-align: center; padding-bottom: 15px;}
.album .alb-head{height: 200px; position: relative; cursor: pointer;}
.album .alb-head .darken{position: absolute; top:0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.75; transition: opacity 180ms linear; }
.album .alb-head:hover .darken{ opacity: 0.45;}
.album .alb-head .circle{color: #FFF; font-size: 30px; line-height: 1em; width: 70px; height:70px; text-align: center; vertical-align: middle; padding: 20px; border-radius: 50%; background: #07a29e; position: absolute; top: 50%; left: 50%; display: block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top: -35px; margin-left: -35px;}
.album .alb-title{padding: 10px 0; background: #1d4289; color: #FFF; font-size: 16px; line-height: 1.2em; margin-bottom: 15px;}
.album .alb-summary{padding: 0 15px; font-size: 12px; line-height: 1.4em; }
/*--- Responsiveness Media Queries ---*/

@media (max-width: 1600px) {
  #marketing .flex-direction-nav a{ left: 5px; }
  #marketing .flex-direction-nav a.flex-next{ right: 5px; }
}

@media (max-width: 1500px) {
  #gallery .flexslider{ padding: 0 30px; }
  .key-partners .flex-direction-nav{ display: block; }
}

@media (max-width: 1415px) {
  .container { width: 94%; }

  .marketing .inner .container{ width: 92%; }

  #footer .container .signup input[type=email] { width: 225px; }
}

@media (max-width: 1224px) {
  #header .mobile-trigger { display: inline-block; }
  #header .upper { background-color: transparent; margin-top: 28px; float: right; }
  #header .upper .container{ width: 100%; }
  #header > .container{ float: left;    width: auto; margin-left: 4%; }
  .color #header > .container{ float: none; margin-right: 2%; }
  #header .upper a{ margin-right: 7px; padding: 7px 16px; background: #00b9b1; }
  #header .upper a.btn{ margin-right: 7px; padding: 8px 16px; background: #00b9b1; }
  .color #header{ /*overflow: auto;*/ }
  #search { background: rgba(52,77,144,1); }
  #wrapper{ padding-top: 87px; }
  .color .top-nav{ display: block; margin-top: 15px; }
  .top-nav .btn span { display: none; }
  .top-nav .btn:before { margin-right: 0; }
  .stuckHeader::before { position: fixed; top: 0; left: 0; z-index: 21; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); content: ''; opacity: 0; transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transition: opacity 0.4s, transform 0s 0.4s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
  .show-menu .color .stuckHeader::before{ display: none; }
  #navigation, .color #navigation { position: fixed; height: 100%; top: 0; left: 0; z-index: 22; }
  #navigation .img { display: none !important; }
  #navigation .close-btn { display: block; position: absolute; right: 15px; top: 15px; color: #fff; font-size: 24px; }
  #navigation > .nav-hold,.color #navigation .container { position: absolute; z-index: 1001; width: 300px; height: 100%; overflow-y: scroll; background: #212121; padding: 60px 1.5em 0; font-size: 1.15em; transform: translate3d(-320px, 0, 0); -webkit-transform: translate3d(-320px, 0, 0); transition: transform 0.4s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); display: block; }
  #navigation #nav-menu { width: 100%; display: block; }
  #navigation #nav-menu { transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); transition: transform 0s 0.4s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
  #navigation #nav-menu li { background-color: transparent; display: block; padding: 15px 20px 15px 10px; position: relative; transform: translate3d(0, 500px, 0); -webkit-transform: translate3d(0, 500px, 0); transition: transform 0s 0.4s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
  #navigation #nav-menu li:hover a:not(.btn) { background-color: transparent; }
  #navigation #nav-menu li:hover .subnav:not(.active) { display: none; }
  #navigation ul li.level_1 a:not(.btn){ color:#fff; }
  #navigation #nav-menu a:not(.btn):active { color:#02bab2 !important; }
  #navigation #nav-menu a.expand { display: block; position: absolute; top: 15px; right: 0; font-family: "FontAwesome"; }
  #navigation #nav-menu a.btn { padding: 2px 20px; font-size: 18px; }
  #navigation #nav-menu a.btn:before { display: none; }

  #navigation #nav-menu li.level_1 .subnav:not(.active) { display: none; }
  #navigation #nav-menu li.level_1 .subnav.active { display: block; position: static; background-color: transparent; width: 100%; }
  #navigation #nav-menu li.level_1 .subnav.active .container { display: block; padding: 0; background-color: transparent; }
  #navigation #nav-menu li.level_1 .subnav.active ul { padding: 15px 0 0; }
  #navigation #nav-menu li.level_1 .subnav.active li { padding: 8px 0 8px 8px; }
  #navigation #nav-menu li.level_1 .subnav.active li a:not(.btn).top-level, .color #navigation ul  a.btn { background-color: transparent; padding: 0; color: #fff; font-size: 17px; font-weight: normal; text-transform: uppercase; }
  #navigation #nav-menu li.level_1 .subnav.active li.level_3 a { padding: 0 10px 0 15px; color: #fff; font-size: 15px; }
  #navigation #nav-menu li.level_1 .subnav.active ul.toolkit { padding-right: 0; background: transparent; color: #fff; }
  #navigation #nav-menu li.level_1 .subnav.active ul.toolkit:after { display: none; }
  #navigation #nav-menu li.level_1 .subnav.active ul.toolkit ul { padding-top: 0; }
  #navigation #nav-menu li.level_1 .subnav.active ul.toolkit a:not(.btn) { padding: 0 10px 0 7px; color: #fff; font-size: 15px; }
  #navigation ul li.level_1 a:not(.btn),.color #navigation ul  a.btn { padding: 5px 0; -ms-text-align-last: right; text-align: left; }
  .color #navigation ul  a.btn.more:after { display: none; }
  /*.show-menu .stuckHeader::before { opacity: 1; transition: opacity 0.8s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }*/
  .show-menu #navigation > .nav-hold,.show-menu #navigation > .container { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: transform 0.8s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
  .show-menu #navigation #nav-menu, .show-menu #navigation #nav-menu li { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: transform 0.8s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
  .show-menu #navigation #nav-menu li { transition-duration: 0.9s; }
  .subnav-hold{display: none !important;}
  #header .upper{ z-index: 5; }
  #marketing h1 { padding-bottom: 18px; }
  #marketing .image { margin-right: 25px; }
  #marketing .short { font-size: 15px; line-height: 23px; }
  .my-account span { display: none; }
  .account-icon { display: block; }
  .home-page #content .content-hold > div { width: 100%; float: none; margin-bottom: 20px; overflow: hidden; }
  .home-lower { background: #fff; }
  .home-lower .container { width: 100%; display: block; padding: 0; }
  .home-lower .blog-listing { padding: 30px; margin-bottom: 15px; width: 100%; }
  .product { width: 49%; }
  .items .item { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
  .product-tabs .container { width: 100%; }
  .product-tabs a { display: block; margin-right: 0; width: 100%; }
  .map .emps .emp { font-size: 16px; line-height: 22px; }
  #footer .container > div { margin-right: 20px; }
  #footer .container .stay-connected { padding-right: 20px; }
  #footer .container .col { padding-right: 20px; margin-left: 0; }
  #footer .container .col:last-child { clear: both; }

  .marketing.color .flexslider img{ max-width: 200%; width: auto; margin-left: -50%; }
}

@media (max-width: 1024px) {
  .home-page #marketing{ background: rgba(52,77,144,1); }
  .home-page .marketing:after{ display: none; }
  #marketing .inner { background: rgba(52,77,144,1); padding: 40px 0 50px; position: relative; z-index: 1; }
  #marketing .inner .col.half{ width: 100%; }
  #marketing .inner .title { max-height: 500px; }
  #marketing .inner .shape { max-height: 500px; }
  #marketing .inner .shape:after { margin: 30px 0 60px; display: block; font-family: "FontAwesome"; content: "\f107"; font-size: 70px; }
  #marketing .inner .shape img { display: none; }
  #marketing .desc.narrow { width: 50%; }
  .home-page #marketing { position: static; }
  .home-page .marketing { position: relative; }
  .home-page .marketing > img { position: absolute; top: -25%; left: 0; z-index: 0; max-width: none; width: auto; margin-left:calc(50% - 810px); }
  .home-page .marketing > img.panelMobile { margin-left:calc(50% - 375px); }
  .home-page .marketing > img.panelTablet { margin-left:calc(50% - 512px); }
  .landing-section .center-pad{ padding: 0px; }
}

@media (max-width: 980px) {
  #content .content-left { width: 27%; float: left; }
  #content .content-right { width: 72%; float: right; }
  .checkout fieldset .row { margin-bottom: 0; padding: 0; }
  .checkout fieldset .row .col { margin-top: 10px; margin-bottom: 10px; }
  .row .col.split { margin-left: 0; clear: both !important; }
  .row .col.split_int { margin-left: 2%; clear: none; }
  .row .half, .row .third_2, .row .fourth_2, .row .fourth_3, .row .fifth_3, .row .fifth_4 { width: 100%; margin-left: 0; }
  .row .fourth, .row .third, .row .third { width: 49%; }
  .row .fifth { width: 32%; }
  .row .fifth_2 { width: 66%; }
  .col .product-list-item { width: 49%; }
  .sort-bar .dropdown { width: 120px !important; }
  .sort-bar .filter-section { width: 350px; }
  .sort-bar .sort-section { width: 190px; }
  .product-detail .product-image { float: none; text-align: center; margin-bottom: 30px; padding-right: 10px;}
  .product-detail .detail-section { clear: both; }
  #marketing { -ms-flex-wrap: wrap;  flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  .marketing .inner { font-size: 16px; }
  #marketing .inner .btn{ padding: 12px 25px; font-size: 14px; }
  #marketing .image { margin-right: 0; width: 100%; max-height: 250px; overflow: hidden; text-align: center; }
  #marketing .image img{ display: inline; }
  #marketing .short { margin-right: 0px; }
  #marketing .desc, #marketing .desc.narrow { padding: 30px 30px 10px; margin-right: 0; width: 100%; }
  #marketing .inner .title { font-size: 28px; }
  .albums .flex{ flex-wrap: wrap; -ms-flex-wrap: wrap; }
  .videos .vid { margin-bottom: 20px; }
  .map #marketing .abs { position: static; }
  .map .map-hold { height: 350px; margin-bottom: 20px; }
  .map #marketing .infowindow{ display: block; }
  .map #marketing .infowindow .img{ display: none; padding-right: 0; padding-bottom: 15px; }
  .map #marketing .infowindow .desc{ padding: 0; }
  .map #marketing .location-search { padding: 20px; float: none; }
  .map #marketing .location-search select { width: 100%; }
  .map .emps .emp { padding-right: 0; width: 100%; }
  .home-ctas a.col{ margin-bottom: 20px; }
  .home-ctas a.col:nth-child(2n+1){ clear: both; margin-left: 0; }
  .home-ctas .img{ margin-bottom: 10px; }
  .home-ctas .img img{ width: 100%; }

  #footer .container .links { -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-shrink: 0; }
  .home-page #content .content-hold .tools-hold{padding-left: 0; padding-top: 20px;}
  .upper-banner{ padding: 30px 0; }
  .upper-banner .img{ max-width: 30%; padding-right: 20px; margin-bottom: 0; }
  .upper-banner .sum{ padding-top: 0; }
  .landing-section{ padding: 40px 0; }
  .landing-section.pd-top{ padding-top: 40px; }
}

.show768{ display: none !important; }
@media (max-width: 768px) {
  .hide768{ display: none !important; }
  .show768{ display: block !important; }
  .my-account span { display: none; }
  .account-icon { display: block; }
  .check-left { width: 65%; }
  .check-right { width: 33%; }
  #content .content-hold .content-left { padding-right: 0; }
  #content .content-hold .content-left, #content .content-hold .content-right { width: 100%; float: none; }
  .side-nav h2, .side-nav h4, .dashboard-box h2, .dashboard-box h4 { cursor: pointer; }
  .side-nav h2:after, .side-nav h4:after, .dashboard-box h2:after, .dashboard-box h4:after { float: right; font-family: "FontAwesome"; content: "\f0c9"; }
  .side-nav > ul:not(.active), .dashboard-box > ul:not(.active) { display: none; }
  .wysiwyg .left-side-cta {display: flex; display: -webkit-flex; display:-ms-flexbox; }
  h1 { font-size: 28px; }
  #marketing .date { margin-bottom: 12px; }
  #marketing .share { width: 100%; padding-left: 0; }
  #marketing:not(.flex) .short { padding: 0; }
  .product-detail .product-image { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding-right: 0;}
  .product-detail .product-image > div { width: 100%; }
  .product-detail .product-image .product-slider { -ms-flex-order: 2; order: 2; }
  .product-detail .product-image .main { -ms-flex-order: 1; order: 1; }
  .product-detail .product-image li { float: left; margin-right: 10px; }

  .home-page .marketing > img{ width: 200%; top: 0;     margin-left: calc(50% - 100%); }

  #breadcrumbs { width: 100%; margin: auto; padding-bottom: 7%; font-size: 12px; line-height: 1.3em;}
  #gallery .flexslider .slides li a{ padding: 8px; }
  #gallery .flexslider img{ max-height: 25px; }


  table.responsiveTable.col-4{ display: block; width: 100%; }
  table.responsiveTable.col-4 tbody{ display: block; }
  table.responsiveTable.col-4 tr{ display: block; width: 100%; }
  table.responsiveTable.col-4 td{ display: block; width: 50%; float: left; }
  table.responsiveTable.col-4 td:nth-child(2n+1){ clear: both; }

  #footer .container { display: block; }
  #footer .container > div { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #4f494b; margin-bottom: 20px; padding-right: 0; border-right: 0; clear: both; }
  #footer .container .row .col { display: inline-block; float: none; text-align: left; /* padding-right: 0;*/ }
  #footer .container .links { overflow: auto; padding-right: 0; }
  #footer .container .stay-connected { padding-right: 0; }
  #footer .field-hold, .social ul { display: inline-block; }
  #footer .container .signup{ border-bottom: 0; }
  #marketing .ctg-image{height: 300px;}
  #marketing .ctg-title{padding: 10px 0; text-align: center;}
  #footer .container .signup{ border-bottom: 0; }
}

@media (max-width: 610px) {
  #header > .container{ margin-left: 2%; }
  #header .upper{ margin-top: 8px; margin-right: 2%; overflow: visible; }
  #header .upper a.btn,#header .upper a{ margin-right: 0; margin-left: 7px; }
  #header .upper a{ padding: 7px 17px 7px 16px; }
  #header .upper a.btn{ padding: 8px 17px 8px 16px; }
  #search{ width: 200px; float: right; margin-right: 0; margin-bottom: 5px; }
  .top-locations{ clear: both; }
  #header .my-account, #header .my-cart, #header .search, #header .mobile-trigger { padding: 0; }
  #search { transform-origin: right top; transition:transform 150ms linear; }
  #search:focus-within{ transform:scale(1.4); }
  .sort-bar .dropdown { width: 100% !important; float: none; padding-left: 10px !important; padding-right: 10px !important; }
  .sort-bar .sort-section { width: 100%; }
  .sort-bar label { margin-left: 5px; float: none; }
  .sort-bar .filter-section { width: 100%; }
  .login-box { width: 90%; }
  .related-title { width: 90%; }
  .checkout-option a { float: none !important; text-align: center; max-width: 320px; margin: 20px auto; display: block; border-right: none; }
  .checkout-option a img { margin: 0 auto; }
  .row .col { margin-left: 0 !important; clear: both !important; width: 100% !important; }
  .row .third, .row .fourth { margin: 10px 0; }
  .check-left { width: 100%; float: none; }
  .check-right { width: 100%; float: none; }
  .album{min-height: 0;}
  #marketing h1 { font-size: 22px; }
  .home-page #marketing .inner .title { font-size: 25px; }

  .home-page #content .container {  }
  .home-page #content .content-hold { padding: 10px 0; }
  /*.home-page #content .content-hold .desc { display: none; }*/
  .home-page #content .content-hold .map { margin-bottom: 0; }
  .home-page #content .content-hold .map .title { padding: 12px 20px; font-size: 21px; line-height: 28px; text-align: center; }
  .home-page #content .content-hold .map .btn { width: 100%; font-size: 21px; }
  .home-lower { text-align: center; }
  .home-lower h2 { padding-bottom: 0; font-size: 21px; }
  .home-lower h2 a { display: none; }
  .home-lower .blog-listing .news-item { display: block; }
  .home-lower .blog-listing .news-item .image { padding-right: 0; width: 100%; }
  .home-lower .blog-listing .news-item hr { margin: 10px auto; float: none; }
  .home-lower .blog-listing .news-item .desc a { font-size: 16px; line-height: 21px; }
  .home-lower .blog-listing > .news-item ~ .news-item { display: none; }
  .videos { text-align: center; }
  .videos h2 { font-size: 21px; }
  .videos .vid a { font-size: 16px; line-height: 28px; }
  .videos .vid .img img { float: none; display: block; }
  .videos .row > .vid ~ .vid { display: none; }
  .news-list .news-item { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  .news-list .news-item .image { margin-right: 0; margin-bottom: 15px; width: 100%; text-align: center; }
  .btn.add-to-cart { display: block; margin-top: 15px; }
  .product { width: 100%; margin-right: 0; padding: 0; margin-bottom: 0; }
  .product .product-image img{ max-height: 175px; max-width: none; }
  .map .emps .emp { font-size: 14px; word-break: break-word; }

  .home-page .marketing > img{     width: 200%; top: auto; bottom: 300px; }
  .event-list .event .cell:nth-child(n+1){ min-width: 25%; }

  #marketing .flex-direction-nav{ display: none; }

  .landing-section .row{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; }
  .landing-section .col.first{ order:1; }
  .landing-section .col:not(.first){ order:2; }

  table.responsiveTable.col-2,table.responsiveTable.col-5{ display: block; width: 100%; }
  table.responsiveTable.col-2 tbody,table.responsiveTable.col-5 tbody{ display: block; }
  table.responsiveTable.col-2 tr, table.responsiveTable.col-5 tr{ display: block; width: 100%; }
  table.responsiveTable.col-2 td, table.responsiveTable.col-5 td{ display: block; width: 100%; }

  #footer .container .row .col { width: auto !important; float: left; clear: none !important; /*text-align: center;*/ }
  #footer .container .row .col:first-child { width: 48% !important; /*text-align: center;*/ }

  .marketing.color .title{ background-color: transparent; position: static; width: 100%; }
  .marketing.color ul.slides{ background-color: rgba(29, 66, 137, .7); }
  .color .flex-control-thumbs{ position: static; }
  .color .flex-control-thumbs li{ width: 30px; height: 30px; margin: 0 5px; }

  .upper-banner .flex{ flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  .upper-banner .img{ max-width: 100%; margin-bottom: 20px; }

  .add-to-form{float: none; margin-right: 0; margin-bottom: 10px; display: block;}

  .home-ctas .col{ position: relative; }
  .home-ctas .img{ max-height: 200px; margin-bottom: 0; overflow: hidden; }
  .home-ctas .img img{ display: block; }
  .home-ctas .name{ position: absolute; bottom: 5px; left: 5px; width: calc(100% - 10px); color:#fff; background: rgba(0,0,0,.5); }
}

@media (max-width: 450px) {
  #header .upper{ position: relative; z-index: 2; }
  #header .top-nav .btn { padding: 7px; }
  #header .top-nav .btn:before { font-size: 20px; }

  .checkout fieldset .teal-btn{ margin-bottom: 15px; }

  #header #logo{ width: 100%; }
  #header > .container{ width: calc(100% - 185px); position: relative; z-index: 2; }
  .color #header > .container{ width: 96%; }
  #search { width: 155px; }
  #search .symbol{ padding-left: 8px;padding-right: 5px; }
  #search .search-field{ width: 117px; }
  #header .upper a,#header .upper a.btn{ padding-left: 11px; padding-right: 11px; }

  #marketing .marketing{ min-height: 0; }
  #marketing .inner{ padding: 20px 0 50px; }
  #marketing .inner p{ display: none; }

  .key-partners .flex-direction-nav a{ padding: 0 7px; }
  .key-partners .flex-direction-nav .flex-next{ background-position: right center; }
  #gallery .flexslider{ padding: 0; margin: 0 25px; }
}

@media (max-width: 230px) {
  .pagination li { padding: 0 1px; }

}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}