* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #FFF; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #333; font: 14px/1.4 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 15px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }
body > :not(.root-a), body > :not(.root-a) div, body > :not(.root-a) form { margin-bottom: 0; }

@font-face { font-family: 'Fontello'; src: url('../fonts/fontello.eot?87904463'); src: url('../fonts/fontello.eot?87904463#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?87904463') format('woff'), url('../fonts/fontello.ttf?87904463') format('truetype'), url('../fonts/fontello.svg?87904463#fontello') format('svg'); font-weight: normal; font-style: normal; }

/*!
 * Layout
/* ---------------------------------------- */

.root-a { position: relative; overflow: hidden; width: 100%; min-width: 320px; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ie8 .root-a { min-width: 1050px; }
 .root-a *, .root-a *:before, .root-a *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }
 .root-a > * {  }
 .root-a > * {}
 .root-a.nav > * {}
 .ie .root-a.nav > * {}

/*!
 * Elements
/* ---------------------------------------- */

/* car action bar */

.action-a { margin-top: -10px; text-align: right; }
 .action-a .button-a { margin-top: 10px; }

 @media screen and (max-width: 599px) {
 .action-a { text-align: center; }
 .action-a.cart {display: none;}
 }


/* content background */

.bg-a { position: relative; margin-bottom: 0px; padding: 20px; }
.bg-a + .bg-a { margin-top: -25px; padding-top: 0; }
 .bg-a:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; z-index: -1; content: ' '; background: #fff; }
 .bg-a > .hero-a { margin-top: -25px; margin-bottom: 25px; }
  .bg-a > .hero-a:before { display: none; }

@media screen and (max-width: 767px) {
.bg-a > .hero-a { margin-bottom: 15px; }
}
@media screen and (max-width: 599px) {
.bg-a { margin-bottom: 15px; padding: 15px 0; }
.bg-a + .bg-a { margin-top: -15px; }
 .bg-a > .hero-a { margin-top: -15px; margin-bottom: 15px; }
}

/* generic box */

.box-a { margin-bottom: 25px; padding: 24px; border: 1px solid #d0d0d0; border-radius: 5px; background: #fff; }
.box-a.push { padding: 0 25px; border: none; background: none; }
 .box-a > .hx { color: #999; font-size: 14px; font-weight: bold; text-transform: uppercase; }

@media screen and (max-width: 599px) {
.box-a { padding: 0; border: none; border-radius: 0; background: none; }
.box-a.push { padding: 0; }
}

/* cart boxes */

.box-b { margin-bottom: 20px; padding: 14px 24px; border: 1px solid #d0d0d0; border-radius: 5px; background: #fff; }
 .box-b > .hx { margin-bottom: 10px; font-size: 22px; font-weight: 600; text-transform: none; }

@media screen and (max-width: 599px) {
.box-b { margin-bottom: 15px; padding: 14px; }
 .box-b > .hx { font-size: 18px; }
}

.box-b.shipping, .box-b.install { position: relative; padding-right: 70px; }
 .box-b.shipping:before, .box-b.install:before { position: absolute; right: 0; top: 0; content: ''; width: 115px; height: 115px; background: url(https://s3.amazonaws.com/dyke-site-assets/assets/images/box-b-corners-a.png) 100% 0 no-repeat; }
 .box-b.install:before { height: 100px; }
 .box-b.shipping:before { background-position: 100% -100px; }
 .box-b.install ul { float: right; list-style: none; margin: 0 0 5px 20px; padding: 0 30px 0 0; }
  .box-b.install li { float: left; }
  .box-b.install li ~ li { margin-left: 20px; }
   .box-b.install li:before { display: none; }

@media screen and (max-width: 599px) {
.box-b.shipping, .box-b.install { padding-right: 15px; }
.box-b.shipping:before, .box-b.install:before { display: none; }
.box-b.install ul { float: none; margin: 0 0 10px; padding: 0; }
 .box-b.install ul:after { display: table; clear: both; content: ''; }
}
@media screen and (max-width: 479px) {
.box-b.install li { float: none; }
.box-b.install li ~ li { margin: 10px 0 0; }
}

.box-b.promo { }
 .box-b.promo p { position: relative; max-width: 300px; padding-right: 70px; }
  .box-b.promo label { display: none; }
  .box-b.promo button { position: absolute; right: 0; top: 0; width: 70px; padding: 0; border-radius: 0 4px 4px 0; font-size: 14px; font-weight: 600; background: #333333; text-align: center; }

.box-b.total { padding: 0; }
 .box-b.total .number { margin: 0; padding: 0 24px; border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; background: #f9f9f9; font-size: 14px; font-weight: 600; line-height: 40px; text-align: right; }
  .box-b.total .number strong { display: inline-block; min-width: 150px; margin: 0 0 0 10px; padding: 0 0 0 15px; border-left: 1px solid #ddd; color: #333333; font-size: 24px; font-weight: 600; vertical-align: top; }
 .box-b.total p { margin: 0 0 5px; padding: 10px 24px; text-align: right; }

@media screen and (max-width: 599px) {
.box-b.total .number { padding: 0 14px; }
  .box-b.total .number strong { min-width: 0; padding-left: 15px; font-size: 18px; }
.box-b.total p { padding: 10px 14px; }
}

/* card-like boxes */

.cards-a { margin: -40px -20px 40px; font-size: 0; letter-spacing: -.35em; }
 .cards-a > .cell { display: inline-block; width: 33.33%; margin-bottom: 0; padding: 40px 20px 0; font-size: 15px; letter-spacing: 0; vertical-align: top; }
 .cards-a article { padding: 24px 24px 34px; border: 1px solid #ccc; border-radius: 0 0 5px 5px; background: #fff;min-height:390px; }
  .cards-a figure:first-child { margin: -25px -25px 20px; }
   .cards-a figure img { display: block; }
  .cards-a .hx { font-size: 22px; font-weight: 600; }

@media screen and (max-width: 999px) {
.cards-a { margin: -20px -10px 20px; }
 .cards-a > .cell { padding: 20px 10px 0; }
}
@media screen and (max-width: 767px) {
.cards-a > .cell { width: 50%; }
 .cards-a > .cell:nth-child(3) article { min-height: 0 !important; }
}
@media screen and (max-width: 567px) {
.cards-a > .cell { width: 100%; }
 .cards-a > .cell article { min-height: 0 !important; }
}

/* checkout */

.checkout-a { }
 .checkout-a .info { margin: 25px 0; font-size: 0; letter-spacing: -.35em; }
  .checkout-a .info > div { display: inline-block; width: 33.33%; margin: 0; padding-right: 20px; font-size: 14px; letter-spacing: 0; vertical-align: top; }
   .checkout-a .info .hx { margin-bottom: 10px; font-size: 22px; font-weight: 600; text-transform: none; }
    .checkout-a .info .edit:before { display: inline-block; content: ''; width: 13px; height: 11px; margin: 2px 5px 0 0; background: url(../images/checkout-a-edit-a.png) no-repeat; vertical-align: top; }
 .checkout-a .sumup { }
  .checkout-a .sumup table { width: auto; max-width: 370px; margin: 0 0 0 auto; }
   .checkout-a .sumup th { font-weight: normal; }
   .checkout-a .sumup td { width: 115px; }
   .checkout-a .sumup tr:nth-child(odd) th, .checkout-a .sumup tr:nth-child(odd) td { background-color: #f9f9f9; }
   .checkout-a .sumup .total th, .checkout-a .sumup .total td { color: #333333; font-size: 18px; font-weight: 600; }
 .checkout-a .terms { text-align: right; }
  .checkout-a .terms a { color: inherit; text-decoration: underline; }

@media screen and (max-width: 767px) {
.checkout-a .info > div { width: 50%; margin: 0 0 20px; }
.checkout-a .info > .payment { width: 100%; margin: 0; }
.checkout-a .sumup table { width: 100%; max-width: none; }
}
@media screen and (max-width: 479px) {
.checkout-a .info > div { width: 100%; }
}

/* global content */

.content-a { margin-bottom: 0; position: relative; }
.content-a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.6); height: 3px; z-index: 10; }

@media screen and (max-width: 767px) {
	.content-a.fixed {  }
}


/* product details */

.details-a { padding: 0; background: #fff; margin: 25px 0;}
.details-a > .actions:after { display: table; clear: both; content: ''; }
 .details-a > .actions {text-align: right;}
 .details-a > .actions li { float: left; }
 .details-a > .actions li + li { float: right; }
   .details-a > .actions li:before { display: none; }
 .details-a > .main { margin: 0 0 30px; }
  .details-a > .main:after { display: table; clear: both; content: ''; }
  .details-a > .main .images { float: left; width: 46%; margin: 0; }
  .details-a > .main .images.mob {display: none;}
   .details-a > .main .images figure { margin: 0 0 20px; }
    .details-a > .main .images figure img, .details-a > .main > .images figure object { display: block; margin: 0 auto;max-width:100%; }
   .details-a > .main .images .gallery { padding: 19px;  }
    .details-a > .main .images .gallery ul { list-style: none; margin: -15px -10px 20px; padding: 0; font-size: 0; letter-spacing: -1em; max-height: 450px; overflow: scroll; }
     .details-a > .main .images .gallery li { display: inline-block; width: 33.33%; padding: 15px 10px 0; font-size: 14px; letter-spacing: 0; vertical-align: top; }
      .details-a > .main .images .gallery li:before { display: none; }
      .details-a > .main .images .gallery li img { display: block; max-width: 100%; }
    .details-a > .main .images img { display: block; }
  .details-a > .main > .info { position:relative; float: right; width: 48%; margin: 0; padding: 19px; border: 1px solid #D0D0D0; }
    .details-a .info .header .description { margin-bottom: 10px; font-size: 18px; }
    .details-a .info .header .includes {font-size: 12px; font-style: italic; text-indent: 25px; color: #666;}
   .details-a .info .help { margin: 0 -19px 20px; padding: 19px 19px 0; border-top: 1px solid #ddd;font-weight:bold;font-size:18px; }
   .details-a .info .customize { margin: 0 -19px 0px; padding: 19px 13px 0; border-top: 1px solid #ddd; }
    .details-a .info .customize p { position: relative; padding-right: 45px; }
     .details-a .info .customize p .tooltip { position: absolute; right: 0; bottom: 0; overflow: hidden; width: 25px; height: 25px; border-radius: 50%; background: #333; text-indent: 321%; white-space: nowrap; text-decoration: none !important; }
      .details-a .info .customize p .tooltip:before { display: block; content: '?'; width: 25px; height: 25px; color: #fff; font-size: 18px; font-weight: bold; line-height: 25px; text-align: center; text-indent: 0; }
    .details-a .info .customize .help { padding-right: 0; font-size: 18px; font-weight: 600; }
   .details-a .info .price { position: relative; margin: 0 -19px 15px; padding: 5px 15px 0;  }
    .details-a .info  .shipping { position: absolute; right: 0; top: 0; width: 115px; height: 115px; background: url(https://s3.amazonaws.com/dyke-site-assets/assets/images/box-b-corners-a.png) 100% -100px no-repeat; text-indent: 321%; white-space: nowrap; pointer-events: none; }
    .details-a .info .price .number { font-size: 26px; font-weight: 600; }
    .details-a .info .zipcheck { position: relative; margin: 10px 0; padding-left: 90px; font-size: 26px; font-weight: 600; }
     .details-a .info .zipcheck input { position: absolute; left: 0; top: 0; width: 220px; height: 40px; padding: 0 4px; font-size: 18px; line-height: 38px; text-align: center; }
     .details-a .info .zipcheck button { display: block; width: 140px; height: 40px; padding: 0 5px; font-size: 22px; line-height: 40px; margin-left:140px; }
     
    .details-a .info .price .add { position: relative; margin: 20px 0; padding-left: 90px; font-size: 26px; font-weight: 600; }
     .details-a .info .price .add input { position: absolute; left: 0; top: 0; width: 70px; height: 40px; padding: 0 4px; font-size: 18px; line-height: 38px; text-align: center; }
     .details-a .info .price .add button,
     .details-a .info .price .add .button-a { display: block; width: 100%; height: 40px; padding: 0 5px; font-size: 22px; line-height: 40px; margin-left: 0; }
      .details-a .info .price .add button:before,
      .details-a .info .price .add .button-a:before { display: inline-block; content: ''; width: 30px; height: 23px; margin: 8px 10px 0 0; background: url(../images/top-a-cart-a.png) no-repeat; vertical-align: top; }
    .details-a .info .price .note { padding: 10px; background: #f0f0f0; color: #6b6b6b; font-size: 15px;border: medium none;border-radius: 4px; }
 .details-a .hx.b { margin-bottom: 10px; color: #999; font-size: 14px; font-weight: bold; text-transform: uppercase; }
 .details-a .hx.a { margin-bottom: 10px; font-size: 16px; font-weight: 600; }
  .details-a .hx.a strong { font-weight: 700; }
 .details-a .tabs-b .tab ul li { margin-bottom: 10px; }
 
   .details-a .info .optionsArea { margin: 0 -15px 10px -15px; padding: 18px; border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; }
	.details-a .info .optionsArea input[type=radio] { margin-left:15px;}
	.details-a .info .optionsAreaItems p { margin-bottom:0px;margin-top:15px;}

@media screen and (max-width: 999px) {
.details-a .info .price .add button,
.details-a .info .price .add .button-a { font-size: 18px; }
}
@media screen and (max-width: 767px) {
.details-a { padding: 15px; margin-top: 0;}
 .details-a > .actions {display: none; }
 .details-a > .main > .images { float: none; width: 100%; margin: 0 auto 30px; min-height:500px; }
  .details-a > .main > .images .gallery li { width: 25%; }
 .details-a > .main > .info { float: none; width: 100%; margin: 0 auto 30px; }
  .details-a > .main .images.mob {display: block;}
  .details-a > .main .images.mob figure {display: none;}
  .details-a > .main .images.full p, .details-a > .main .images.full div {display: none;}
}
@media screen and (max-width: 599px) {
.details-a > .actions .button-a { height: auto; padding: 0; background: none; color: #c00 !important; font-size: 14px; line-height: 1.2; }
.details-a > .actions span { display: none; }
.details-a > .main > .images .gallery li { width: 33.33%; }
.details-a .hx.a { font-size: 20px; }
.details-a .info .header .description { font-size: 18px; }
.details-a .info .customize .help { font-size: 16px; }
.details-a .info .price .number { font-size: 20px; }
}
@media screen and (max-width: 479px) {
.details-a > .main > .images .gallery li { width: 50%; }
    .details-a .info  .shipping { display:none;}
.details-a .info .price .add { padding-left: 60px; }
 .details-a .info .price .add input { width: 50px; height: 30px; padding: 0 4px; font-size: 14px; line-height: 28px; }
 .details-a .info .price .add button,
 .details-a .info .price .add .button-a { width: 100%; height: 30px; padding: 0 5px; font-size: 18px; line-height: 30px; }
  .details-a .info .price .add button:before,
  .details-a .info .price .add .button-a:before { display: none; }
     .details-a .info .zipcheck input { width: 140px;  }
     .details-a .info .zipcheck button { width: 100px; margin-left:60px; }
 .details-a > .main > .images { min-height:400px; }
}

/* form fields */

.fields-a { max-width: 500px; }
 .fields-a p { padding: 0 0 0 130px; }
  .fields-a p label:first-child,
  .fields-a .label { float: left; width: 120px; margin: 0 0 0 -130px; padding: 0; line-height: 30px; text-align: right; }
   .fields-a em { color: #c00; font-style: normal; font-weight: bold; }
  .fields-a p span { display: block; margin: 5px 0 0; font-size: 12px; }
 .fields-a .exp { padding: 0 0 0 130px; }
  .fields-a .exp:after { display: table; clear: both; content: ''; }
  .fields-a .exp .label ~ p { float: left; width: 40%; margin: 0 5px 0 0; padding-left: 0; }
  .fields-a .exp label { display: none; }
  .fields-a .ccv input { width: 40%; }
  #noPOMessage, #contactForShipped { padding: 0; }

@media screen and (max-width: 479px) {
.fields-a p,
.fields-a .exp { padding: 0; }
 .fields-a p label:first-child,
 .fields-a .label { float: none; width: 100%; margin: 0 0 5px; line-height: 1.2; text-align: left; }
}

.fields-b p { padding: 0 0 0 50px; }
.fields-b input { vertical-align: top; }
#pickupFields, #shipFields { display: none; }
#pickupFields.show, #shipFields.show { display: block; }


/* filter dropdowns */

.filter-a > .hx { width: 140px; margin: 0; padding-left: 15px; font-size: 16px; line-height: 30px; font-weight: bold; }
.filter-a > .wrap { margin: 10px 5px; font-size: 0; letter-spacing: -.35em; }
.filter-a .cell { display: inline-block; position: relative; width: 210px; margin: 0 10px; font-size: 13px; letter-spacing: 0; vertical-align: top; }
.filter-a .cell.pricefilter {
    width: calc(50% - 10px);
    min-width: 165px;
}
.filter-a .cell.open { z-index: 10; }
.filter-a .cell .hx { display: block; height: 48px; margin: 0; padding: 0 30px 0 15px; border: 1px solid #ccc; border-radius: 0; background: url(../images/down-arrow.png) no-repeat right 20px center; color: #000 !important; font-size: 13px; font-weight: 700; line-height: 48px; }
.js .filter-a .cell .hx { cursor: pointer; }
.filter-a .cell.on .hx { background:#ccc; }
/* .filter-a .cell .hx:before { float: right; content: ''; margin: 12px -20px 0 0; border: 5px solid transparent; border-top-color: #2a3187; } */
.filter-a .cell .reset { display: none; float: right; width: 20px; margin: 0 -25px 0 0; font-style: normal; text-align: center; cursor: pointer; }
.filter-a .cell.on .reset { display: block; }
.filter-a .cell .hx span { display: block; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.filter-a .cell ul { list-style: none; margin: 0; padding: 10px; border-radius: 5px; background: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
.js .filter-a .cell ul { display: none; position: absolute; left: 0; top: 35px; right: 0; width:100%; }
.js .filter-a .cell.open ul { display: block; }
.filter-a .cell ul:before { position: absolute; left: 0; top: -5px; right: 0; content: ''; height: 5px; background: rgba(255,255,255,0); }
.filter-a .cell li { padding-left: 20px; color: #666; line-height: 20px; }
.filter-a .cell li ~ li { margin-top: 5px; padding-top: 5px; border-top: 1px solid #ccc; }
.filter-a .cell li:before { display: none; }
.filter-a .cell li input { float: left; margin: 5px 0 0 -20px; padding: 0; }

@media screen and (max-width: 999px) {
 .filter-a .cell { width: 50%; }
 .filter-a .cell:nth-child(n+3) { margin-top: 10px; }
 .filter-a .cell .hx { font-size: 14px;  height: 36px;  line-height: 36px;}
 .filter-a .cell {border-left:0;}
}
@media screen and (max-width: 599px) {
 .filter-a { display:block;width:100%; }
 .filter-a > .hx { float: none; width: 100%; margin: 0 0 15px; line-height: 1.2; }
 .filter-a > .wrap { margin: 0 0 0 -10px; }
 .filter-a .cell .hx { font-size: 14px;  height: 36px;  line-height: 36px;}
 .filter-a .cell {border-left:0;}
}
@media screen and (max-width: 480px) {
 .filter-a .cell { width: 100%; margin: 0 0 5px; padding: 0 !important; }
 .filter-a .cell {border-left:0;}
 .filter-a .cell:nth-child(n+3) { margin-top: 0; }
 .filter-a .cell .hx { font-size: 14px;  height: 36px;  line-height: 36px;}
}



/* collapsable divs */

.results-b { }
 .results-b article { margin: 0 0 10px; padding: 20px; border: 1px solid #ccc; border-radius: 4px; background-color:#fff; }
  .results-b article > .header { position: relative; margin: 0; font-size: 14px; font-weight: bold; text-transform: uppercase; }
   .results-b article > .header:after { display: table; clear: both; content: ''; }
   .results-b article > .header .hx { margin: 0; padding: 6px 200px 6px 0; color: #06c; font-size: 20px; line-height: 26px; font-weight: bold; text-transform: uppercase; }
   .js .results-b article > .header .hx { color: #2a3187; cursor: pointer; }
   .results-b article.on > .header .hx { color:#767676; }
    .results-b article > .header .hx:before { float: right; content: ''; margin: 6px -200px 0 0; border: 10px solid transparent; border-top-color: #999; }
    .results-b article.on > .header .hx:before { margin-top: -4px; border-top-color: transparent; border-bottom-color: #999; }
   .results-b article > .header > .hx small { color: #999; font-size: 12px; font-weight: normal; text-transform: none; }
   .results-b article > .header .tools { display: none; position: absolute; right: 50px; top: 0; }
   .results-b article > .header figure { float:left;margin:0 15px 0 0; }
   .results-b article > .header figure img {max-height:100px; }
   .results-b article > .header p { color:#767676;font-size:14px;line-height:20px;font-weight:normal;text-transform:none; }
   .results-b article.on > .header .tools { display: block; }
   .results-b article ul { display: block;margin:10px 0 20px 0; }
   .results-b article ul li { margin: 0 0 10px 0;font-size:16px;}
   .results-b article ul li:before {  }
   .results-b article ul li span { color:#767676;font-size:14px; }
  .results-b article > .wrap { margin-top: 0px; }
  .js .results-b article > .wrap { display: none; margin-top: 20px; }
  .js .results-b article.on > .wrap { display: block; }

@media screen and (max-width: 1023px) {
.results-b article > .header .hx { padding-right: 0; }
 .results-b article > .header .hx:before { margin-right: 0; }
.results-b article > .header .tools { display: none !important; }
}
@media screen and (max-width: 767px) {
 .results-b .charts .item.half { width: 100%; }
 .resultSec .results-b article ul { margin-left:10px;}
}
@media screen and (max-width: 599px) {
.results-b article { margin: 0 -10px 10px; padding: 10px; border-width: 1px 0; border-radius: 0; }
.js .results-b article > .wrap { margin-top: 10px; }
}

/* global footer */

.footer-a { margin-bottom: 0; margin-top: 0; width: 100%; overflow: hidden; }
 .footer-a > .info { position: relative; margin: 0; padding: 30px 0 20px; color: #fff; font-size: 0; text-align: center; font-size: 14px; text-transform: uppercase;}
  .footer-a > .info:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; z-index: -1; content: ' '; background: #333; }
  .footer-a ul {font-size: 16px; display: block; padding: 0;}
  .footer-a ul li {display: inline-block; margin: 0 15px;}
  .footer-a ul li:before {display: none;}
  .footer-a ul li a {text-decoration: none; color: #fff; font-weight: 700;}
  .footer-a p.contact {display: block; margin-top: 40px; line-height: 21px;}
	.footer-a p.contact span {display: inline-block; margin: 0 12px;}
	.footer-a p.contact a {color: #fff;}
	.footer-a h3 {color: #fff; font-size: 16px; font-weight: 700; margin-top: 12px;}
	.footer-a .payment {display: table; width: auto; max-width: 100%; margin: 0px auto;}
	.footer-a .payment img {display: block; width: 100%;}

@media screen and (max-width: 999px) {
  .footer-a ul li {font-size: 14px; margin: 0 5px;}
}
@media screen and (max-width: 767px) {
 .footer-a ul li {display: block; font-size: 16px; margin: 10px 0;}
  .footer-a p.contact {margin-top: 25px;}
 .footer-a p.contact span {display: block;}
 .footer-a p.contact br {display: none;}
}

/* item teaser */

.item-a { margin: 0 0 25px; }
 .item-a > a { color: inherit; text-decoration: none !important; }
  .item-a figure { margin: 0 0 15px; text-align: center; }
   .item-a figure img { display: block; margin: 0 auto; }
  .item-a .hx { margin: 10px 0 5px; color: #c00; font-size: 16px; font-weight: 600; text-transform: none; }
  .item-a p { margin: 0 0 5px; }
  .item-a .price { font-weight: bold; }

@media screen and (max-width: 599px) {
.item-a .hx { font-size: 14px; }
.item-a p { font-size: 13px; }
}

/* standard dot list */

.list-a { list-style: none; padding: 0 0 0 10px; }
 .list-a li { font-weight: bold; }
  .list-a li:before { width: 5px; height: 5px; margin: 5px 0 0 -10px; border-radius: 50%; background: #333; }

/* login box */

.login-a { max-width: 400px; margin: 0 auto 20px; }
 .login-a .hx { font-size: 16px; font-weight: 600; text-align: center; }
 .login-a .action { line-height: 30px; text-align: right; }
  .login-a .action button { min-width: 100px; margin-left: 10px; vertical-align: top; }
  .login-a label:first-child { display: none; }

@media screen and (max-width: 599px) {
.login-a .hx { font-size: 14px; }
.login-a .action { text-align: center; }
}

/* logo rotator */

.logos-a { margin: 0 0 30px; }
 .logos-a .hx { margin: 0 0 20px; color: #636363; font-size: 16px; font-weight: 900; text-transform: uppercase; }
 .logos-a > .wrap { position: relative; overflow: hidden; width: 100%; margin: 0; padding: 0; font-size: 0; letter-spacing: -.35em; }
   .logos-a > .wrap > figure { display: inline-block; width: 25%; margin: 0; padding: 0 20px; font-size: 14px; letter-spacing: 0; text-align: center; vertical-align: middle; }
   .logos-a figure { padding: 0 15px; }
 .logos-a > .wrap.owl-carousel { width: auto; margin: 0 50px; overflow: visible; }
  .logos-a > .wrap.owl-carousel:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 50; content: ''; border: 20px solid #fff; border-width: 0 20px; pointer-events: none; }
  .logos-a .owl-wrapper-outer { margin-bottom: 0; }
   .logos-a .owl-item { display: inline-block; float: none; margin-bottom: 0; vertical-align: middle; text-align: center; }
    .logos-a .owl-item figure { width: 100%; }
 .logos-a .owl-pagination { margin: 0; }
  .logos-a .owl-buttons div { position: absolute; left: -50px; top: 50%; overflow: hidden; width: 30px; height: 30px; margin: -15px 0 0; border-radius: 50%; background: #dddddd url(../images/slider-a-arrows-a.png) no-repeat; text-indent: 321%; white-space: nowrap; }
  .logos-a .owl-buttons div.owl-next { left: auto; right: -50px; background-position: -30px 0; }
  .logos-a .owl-buttons div.disabled { background-color: #eee !important; }
  .logos-a .owl-buttons div:hover { background-color: #c00; }

@media screen and (max-width: 599px) {
.logos-a > .wrap.owl-carousel { margin: 0; }
 .logos-a > .wrap.owl-carousel:before { display: none; }
 .logos-a figure { padding: 0 10px; }
 .logos-a .owl-controls { display: none !important; }
}

/* responsive map */

.map-a { position: relative; overflow: hidden; height: 0; padding-bottom: 90%; /* (width / height = padding-bottom) */ }
 .map-a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 
 /* gallery page */
 .imgGallerywrap {
	}

.imgGallerywrap img {
	float:left;
	margin: 10px 0 10px 10px !important;
	display: inline;
	padding: 0px;
	width:188px !important;
	max-width:188px !important;
	height:156px !important;
	}
	
.imgGallerywrap a.view {
	display: none;
	}

/* page wrapper */

.page-a { position: relative; margin-top: 30px;}
 .page-a.full:before { left:0;border:0;}
 .page-a:after { display: table; clear: both; content: ''; }
 .page-a > .primary { position: relative; display: block;}
 .page-a.full> .primary { position: relative; float: left; margin: 0; width: 100%; margin: 0px 10px 0px 10px; }
 .page-a > .secondary { position: relative; float: left; margin: 0; width: 25%; padding: 25px; }
  .page-a > .primary > .hx:first-child,
  .page-a > .secondary > .hx:first-child { margin: -10px -25px 25px; padding: 0 25px 15px; border-bottom: 1px solid #ccc; font-size: 22px; line-height: 1.1; font-weight: 600; text-transform: none; }
  .page-a > .secondary > .hx:first-child { margin-bottom: 15px; border-bottom-color: transparent; }
  .page-a > .secondary ul { list-style: none; padding: 0; }
   .page-a > .secondary li { margin-bottom: 5px; font-size: 14px; }
    .page-a > .secondary li:before { display: none; }
    .page-a > .secondary li.active > a { color: #333; }
      .page-a > .secondary ul ul { margin:7px 0 15px 15px; }

@media screen and (max-width: 999px) {
.page-a:before { display: none; }
.page-a > .primary { float: none; margin: 0 0 10px; width: 100%; border-bottom: 1px solid #ccc; background: #fff; }
.page-a > .secondary { float: none; width: 100%; }
 .page-a > .secondary > .hx:first-child { padding-bottom: 0; }
 .page-a > .secondary ul { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
 .page-a > .secondary ul li { margin-bottom:10px; }
}
@media screen and (max-width: 767px) {
.page-a > .primary { padding: 15px; }
.page-a > .secondary { padding: 15px; }
 .page-a > .primary > .hx:first-child, .page-a > .secondary > .hx:first-child { margin: -5px -15px 15px; padding: 0 15px 10px; font-size: 18px; }
 .page-a > .secondary ul { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
}
@media screen and (max-width: 479px) {
.page-a > .secondary ul { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
}

/* page wrapper */

.page-b { padding: 25px; border: 1px solid #ccc; background: #fff; }
 .page-b > .hx:first-child { margin: -10px -25px 25px; padding: 0 25px 15px; border-bottom: 1px solid #ccc; font-size: 22px; line-height: 1.1; font-weight: 600; text-transform: none; }

@media screen and (max-width: 767px) {
.page-b { padding: 15px; }
 .page-b > .hx:first-child { margin: -5px -15px 15px; padding: 0 15px 10px; }
}

/* popup container */

.pop-a { position: absolute; left: 0; top: 0; right: 0; height: 0; max-width: none; }
 .pop-a > * { display: none; }
 .pop-a:target > * { display: block; }
 .pop-a.target > * { display: block; }
 .pop-a > .overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1001; margin: 0; background: #111; background: rgba(0,0,0,0.6); }
 .pop-a > .box { position: absolute; left: 50%; top: 75px; z-index: 1002; margin: 0 0 0 -450px; width: 900px; padding: 40px 30px; background: #fff; }
  .pop-a > .box:before { display: block; content: ''; height: 120px; margin: -40px -30px 40px; background-color: #f1f0f0; }
  .pop-a > .box > .loginLogo { position: absolute; left: 20px; top: 20px; height: 80px !important; max-width: 80%; }
  .pop-a > .box > .close { position: absolute; right: 15px; top: 15px; }
   .pop-a > .box > .close a { display: block; overflow: hidden; width: 25px; height: 25px; background: url(../images/pop-a-close-a.png) 50% 50% no-repeat; font-size: 0; text-indent: 321%; white-space: nowrap; }
   .pop-a > .box > .content { text-align: center; }
   .pop-a > .box > .content .row { margin: 0 0 15px; }

@media screen and (max-width: 750px) {
.pop-a > .box { position: fixed; left: 10px; right: 10px; top: 50%; transform: translateY(-50%); width: calc(100% - 20px); margin: 0; padding: 15px; box-sizing: border-box; }
 .pop-a > .box:before { height: 120px; margin: -15px -15px 15px; background-position: 15px 50%; background-size: auto 65%; }
}

/* products list */

.products-a { min-height:350px; margin-top: 0;}
.products-a.fulllisting { text-align:center; }
.products-a.fulllisting h2 { text-align:left; margin:20px 0 10px 0;padding:0 0 10px 0;border-bottom:solid 1px #4b4b4b; }
 .products-a > .hx:first-child { margin-bottom: 25px; padding: 0 15px; line-height: 1; }
 .products-a .filter-labels { font-size: 18px; font-weight: normal; }
 .products-a .items { display:inline-block; width:100%; margin: 0 0 20px; font-size: 0; letter-spacing: -.35em; }
 .products-a .items.filtershowing {width: 100%; margin: 0; vertical-align:top; box-sizing: border-box; }
  .products-a .product-list { display: inline-block; width: 25%; margin: 0; border: 20px solid transparent; border-width: 20px 20px 0; font-size: 14px; letter-spacing: 0;vertical-align:top; }
  .products-a .product-list.products { width:200px;margin:10px auto;border-width: 10px 10px 0;}
  .products-a .filtershowing article { width: 25%; }
  .products-a article.marketing { width:50%;border: 1px solid transparent; margin:0px; vertical-align:top;  }
  .galleries .products-a article.marketing {width: 33%; border: 0; margin: 0;} 	
   .products-a .product-list > .wrap { position:relative;padding: 15px 0px 15px; background: #fff; text-align: center; min-height:380px;}
  .galleries .products-a .product-list > .wrap {min-height: 0; border: 0; padding: 0; margin: 10px 0 40px !important;} 	
   .products-a .product-list.products > .wrap { position:relative;padding: 25px 10px 15px; border: 1px solid #ccc; background: #fff; text-align: center;min-height:100px;}
   .products-a .product-list > .wrap > .wrap-content { display:inline-block;background: #fff; text-align: center; width:80%;margin-left:10px;vertical-align:top; }
   .products-a .product-list.products > .wrap > .wrap-content { display:inline-block;background: #fff; text-align: center; width:90%;margin: 5px auto;vertical-align:top; }
   .products-a .product-list > .wrap img.product-tag, #ProductImageArea img.product-tag { position:absolute;right:0;top:0;}
   .products-a .product-list > .wrap > a { display: block; text-decoration: none !important; }
    .products-a .product-list figure { margin: 0 0 0px;position:relative; }
    .products-a article.marketing figure { margin: 0px 0 0;display:inline-block; }
     .products-a .product-list figure img, .products-a article.product-list figure object { display: block; margin: 0 auto;max-width:175px; }
  	.products-a .product-list.products figure img { max-width:90%;border: 1px solid #ccc; }
    .products-a .product-list .hx { margin: 0; color: inherit; font-size: 14px; font-family: 'Libre Franklin', sans-serif; color: #2a3187; }
    .products-a .product-list.products .hx { margin: 0; color: inherit; font-size: 15px;color:#000;margin-bottom:5px; }
    .products-a article.marketing .hx { margin: 0px 0 15px 0; color: inherit; font-size: 16px; text-transform: uppercase;font-weight: 700;}
    .products-a .product-list p { margin: 0 0 5px; }
    .products-a article.marketing p { margin: 5px 0 15px; }
     .products-a .product-list .action a { display: inline-block; height: 30px; padding: 0 15px; border: 1px solid #ccc; border-radius: 4px; font-weight: 600; line-height: 28px; text-align: center; text-decoration: none !important; vertical-align: top; color: #2a3187; }
	  .products-a .product-list.products .action a { font-size:14px; margin-top:10px;display: inline-block; height: 25px; padding: 0 10px; border: 1px solid #ccc; border-radius: 4px; font-weight: 600; line-height: 24px; text-align: center; text-decoration: none !important; vertical-align: top; }
	 .products-a .product-list .action a:hover { background-color:#ededed;}
	  
	  
 .products-a .more { display: block; width: 100%; min-height: 40px; margin: 10px 0 0; padding: 0; background: #333 url(../images/spinner-b.gif) 50% 50% no-repeat; font-size: 15px; letter-spacing: 0;border-radius:5px;-moz-border-radius:5px; }
  .products-a .more .button-a { display: block; height: 40px; line-height: 40px; }
  .products-a .more.loading .button-a { display: none; }
	  
	  
@media screen and (max-width: 999px) {
.products-a .filter-labels { display: block; margin-top: 10px; font-size: 14px; font-weight: normal; }
.products-a .items { margin: 0 0 15px; }
 .products-a .items.filtershowing {width: calc(100% + 20px); margin-left: -10px;}
 .products-a article, .products-a .filtershowing article { width: 33.33%; border-width: 15px 10px 0; }
 .products-a .results-b article { width: 100%; border-width: 1px; }
   .products-a article > .wrap > .wrap-content { width:70%; }
  .galleries .products-a article.marketing {width: 49%;}
}
@media screen and (max-width: 767px) {
.products-a .product-list { width: 100%; }
  .products-a article.marketing, .results-b article, .products-a .filtershowing article { width:100%; max-width: 280px; margin-left: auto; margin-right: auto; display: block;}
.results-b article { width: 100%; }
  .galleries .products-a article.marketing {width: 100%; max-width: 100%;}
}
@media screen and (max-width: 383px) {
.products-a article, .products-a .filtershowing article { width: 95%; }
}
@media screen and (max-width: 321px) {
/* .products-a .product-list { width:100% !important; } */
 .products-a .product-list figure img, .products-a article.product-list figure object { max-width:135px; }

}

/* shipping page */

.shipping-a {  }
 .shipping-a { position: relative; overflow: hidden; }
  .shipping-a:before { position: absolute; right: 0; top: 0; content: ''; width: 80px; height: 80px; background-size: contain; pointer-events: none; }
  .ie8 .shipping-a:before { width: 149px; height: 149px; right: -10px; top: -10px; }
 .shipping-a .tick { padding-left: 25px; }
  .shipping-a .tick input { float: left; margin: 2px 0 0 -25px; }

/* mobile nav */

.sidenav-a { display: none; position: fixed; right: 0; top: 0; bottom: 0; z-index: 1000; width: 285px; margin: 0 -285px 0 0; background: #FFF; color: #333; -webkit-backface-visibility: hidden;  -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }

.sidenav-a .close {height: 44px; line-height: 44px; position: relative; z-index: 10; padding-left: 5px; overflow: hidden; width: 100%; box-sizing: border-box;}
.sidenav-a .close:hover {opacity: .9;}

 .root-a.nav .sidenav-a { -webkit-transform: translateX(-285px); -ms-transform: translateX(-285px); transform: translateX(-285px); }
 .ie .root-a.nav .sidenav-a { right: 285px; -webkit-transform: none; -ms-transform: none; transform: none; }

 .sidenav-a > .wrap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; margin: 0; padding: 0; }
  .sidenav-a .search {position: absolute; display: none; padding: 10px 10px 0; background: #000; margin: 0; width: calc(100% - 70px); right: 10px;}
   .sidenav-a .search p { position: relative; width: 100%; margin: 0; }
   .sidenav-a .search label { display: none; }
   .sidenav-a .search input { width: 100%; float: left; height: 30px; padding: 0 10px 0 10px; box-sizing: border-box; border: 0; font-size: 13px; border-radius: 0px; line-height: 30px; margin: 7px 0 0; color: #666;}
   .sidenav-a .search button {position: absolute; right: 10px; top: 7px; overflow: hidden; width: 30px; height: 30px; margin: 0; padding: 0; background: transparent; text-indent: -9999px; border: 0;}
   .sidenav-a .search button:after {position: absolute; top: 0; left: 0; height: 30px; width: 30px; line-height: 30px; text-align: center; content: '\f002'; font-family: FontAwesome; font-size: 20px; font-style: normal; font-weight: normal; color: #999; text-indent: 0;}
  .sidenav-a ul { list-style: none; margin: 0; padding: 0 15px; }
   .sidenav-a li { position: relative; margin: 0; border-bottom: 1px solid #999; font-size: 14px; line-height: 24px;}
   .sidenav-a li a.main, .sidenav-a li.b a {text-transform: uppercase; font-weight: 700; font-size: 15px; line-height: 32px;}
   .sidenav-a li:first-child {border: 0; margin: 0;}
   .sidenav-a li.open {  }
    .sidenav-a li:before { display: none; }
    .sidenav-a li a { display: block; padding: 10px 40px 10px 15px; color: inherit; text-decoration: none !important; }
    .sidenav-a li a img.down-a {display: none;}
    .sidenav-a li.close > a {display: block; float: right; margin: 0 15px 0 0; padding: 0; vertical-align: top; font-size: 30px; font-weight: 500; color: #999; }
    .sidenav-a li.open > a { }
    .sidenav-a li.active a { background-color: #066; }
    .sidenav-a li em { display: none; }
    .sidenav-a li ul { display: none; padding-bottom: 10px; }
    .sidenav-a li.open > ul { display: block; }
    .sidenav-a li .toggle { position: absolute; right: 0; top: 0; width: 40px; height: 40px; }
     .sidenav-a li .toggle:before { display: block; content: ''; width: 0; height: 0; margin: 24px auto 0; border: 7px solid transparent; border-top-color: #333; }
     .sidenav-a li.open > .toggle:before { margin-top: 13px; border-top-color: transparent; border-bottom-color: #333; }
     .sidenav-a li li { border: none; }
      .sidenav-a li li a { padding-top: 5px; padding-bottom: 5px; padding-right: 10px; font-size: 13px; }

@media screen and (max-width: 1385px) {
.sidenav-a { display: block; }
.sidenav-a .search { display: block; padding: 0; z-index: 10000;}
.sidenav-a .search-nav {display: none;}
}

/* slider */

.slider-a { margin: 0 0 30px; }
 .slider-a > .wrap { margin: -20px -10px 0; font-size: 0; letter-spacing: -.35em; }
 .slider-a article { display: inline-block; position: relative; width: 33%; margin: 0; padding: 20px 10px 0; font-size: 14px; letter-spacing: 0; vertical-align: top; }
 .slider-a .owl-carousel { width: auto; margin: 0 50px; font-size: 14px; letter-spacing: 0; }
  .slider-a .owl-wrapper-outer, .slider-a .owl-item { margin-bottom: 0; }
  .slider-a .owl-carousel article { width: 100%; padding: 0 10px; }
 .slider-a .owl-pagination { margin: 0; }
  .slider-a .owl-buttons div { position: absolute; left: -50px; top: 110px; overflow: hidden; width: 30px; height: 30px; margin: -15px 0 0; border-radius: 50%; background: #dddddd url(../images/slider-a-arrows-a.png) no-repeat; text-indent: 321%; white-space: nowrap; }
  .slider-a .owl-buttons div.owl-next { left: auto; right: -50px; background-position: -30px 0; }
  .slider-a .owl-buttons div.disabled { background-color: #eee !important; }
  .slider-a .owl-buttons div:hover { background-color: #c00; }

@media screen and (max-width: 767px) {
.slider-a .owl-carousel { margin-left: -10px; margin-right: -10px; }
.slider-a .owl-controls { display: none !important; }
}

@media screen and (max-width: 560px) {
 .slider-a article { width:95%;}
 }

/* social icons */

.socials-a { padding: 0; font-size: 0; letter-spacing: -1em; }
 .socials-a li { display: inline-block; font-size: 14px; letter-spacing: 0; vertical-align: top; }
 .socials-a li ~ li { margin-left: 15px; }
  .socials-a li:before { display: none; }
  .socials-a a { display: block; padding: 0; color: #96979d; text-decoration: none !important; }
  .socials-a a:hover { color: #ccc; }
   .socials-a a:before { display: block; content: ''; font: 20px/32px Fontello; }
   .socials-a .facebook a:before { content: '\e800'; }
   .socials-a .twitter a:before { content: '\e801'; }
   .socials-a .linkedin a:before { content: '\e802'; }
   .socials-a .google a:before { content: '\e803'; }
   .socials-a .pinterest a:before { content: '\e804'; }
   .socials-a .houzz a:before { content: '\e805'; }
   .socials-a a span { display: none; }

/* social sidebar */

.socials-b { position: fixed; right: 0; top: 245px; z-index: 110; width: 35px; margin: 0; }
 .socials-b ul { padding: 0; }
  .socials-b li {display: block;}
  .socials-b li:before {display: none;}
   .socials-b a { display: block; padding: 0; color: #fff; text-decoration: none !important; width: 35px; height: 45px; background: #666; font-size: 19px; line-height: 45px; text-align: center; }
   .socials-b a:hover { opacity: 0.9; }
    .socials-b .facebook a {background-color: #305891; font-size: 22px;}
    .socials-b .google a {background-color: #ce4d39; font-size: 18px;}
    .socials-b .pinterest a {background-color: #c82828; font-size: 22px;}
    .socials-b .instagram a {background-color: #434343; font-size: 22px;}
    .socials-b .youtube a {background-color: #c82828; font-size: 22px;}
    .socials-b .houzz a {background-color: #7ac143; font-size: 22px;}
    .socials-b .print a {background-color: #00cc00;}

@media screen and (max-width: 1100px) {
.socials-b { display: none; }
}

/* two boxes layout */

.split-a { }
 .split-a:after { display: table; clear: both; content: ''; }
 .split-a > div { float: left; width: 49%; margin: 0; padding: 24px; border: 1px solid #ccc; border-radius: 4px; }
 .split-a > .two { float: right; }
  .split-a > div > .hx:first-child { margin-top: -5px; font-size: 22px; font-weight: 600; }
   .split-a > div > .hx:first-child small { color: #999; font-size: 1em; }

@media screen and (max-width: 999px) {
.split-a > div { float: none; width: 100%; margin-bottom: 25px; }
.split-a > .two { float: none; }
}
@media screen and (max-width: 767px) {
.split-a > div { margin-bottom: 15px; padding: 14px; }
 .split-a > div > .hx:first-child { margin-top: 0; }
}

/* tables */

.table-a { margin: 0 0 20px; }
 .table-a tbody tr:nth-child(even) td { background-color: #F1F1EF; }

.table-a.cart { }
 .table-a.cart td { width: 95px; }
 .table-a.cart td:first-child { width: 150px; text-align: center; }
 .table-a.cart td:first-child + td { width: auto; }
 .table-a.cart td:nth-child(6) { width: 140px; text-align: center; }
  .table-a.cart td:nth-child(6) span { padding: 0 2px; color: #aaa; }

.table-a.checkout { }
 .table-a.checkout td { width: 115px; }
 .table-a.checkout td:first-child { width: 150px; text-align: center; }
 .table-a.checkout td:first-child + td { width: auto; }
 .table-a.checkout td:nth-child(3) { width: 60px; }

@media screen and (max-width: 999px) {
.table-a.cart td:first-child { width: 120px; }
.table-a.cart td:nth-child(6) { width: 90px; }
 .table-a.cart td:nth-child(6) a { display: block; margin-bottom: 15px; }
 .table-a.cart td:nth-child(6) span { display: none; }
}

@media screen and (max-width: 767px) {
.table-a { position: relative; }
 .table-a:before { position: absolute; right: 0; top: 0; bottom: 0; content: ''; width: 30px; background: url(../images/table-a-gradient-a.png) 100% 0 repeat-y; pointer-events: none; opacity: 0.5; }
 .table-a > .wrap { overflow-y: auto; width: 100%; }
 .table-a > .wrap::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; }
 .table-a > .wrap::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); }
 .table-a table { width: 686px; }
}

.table-b { margin: 0 0 20px; }
 .table-b > .hx { margin: 0 0 10px; font-size: 14px; text-transform: uppercase; }
 .table-b table { width: 100%; }
 .table-b td, .table-b th { border-left: none; border-right: none; }
  .table-b tr:nth-child(odd) th, .table-b tr:nth-child(odd) td { background-color: #f9f9f9; }

/* tabs */

.tabs-a {  }
 .tabs-a > nav { position: relative; margin: 0 0 40px; padding: 0; }
  .tabs-a > nav:before { position: absolute; left: 0; right: 0; bottom: 0; content: ' '; height: 1px; background: #d0d0d0; }
  .tabs-a > nav:after { display: table; clear: both; content: ''; }
  .tabs-a > nav ul { position: relative; list-style: none; height: 50px; margin: 0; padding: 0; }
   .tabs-a > nav li { float: left; margin: 0; }
    .tabs-a > nav li:before { display: none; }
    .tabs-a > nav li a { display: block; height: 49px; padding: 0 20px; border: 1px solid #fff; border-width: 1px 1px 0; border-radius: 4px 4px 0 0; background: #fff; font-size: 16px; font-weight: 600; line-height: 48px; text-decoration: none !important; }
    .tabs-a > nav li.active a { height: 50px; border-color: #d0d0d0; color: #333; text-decoration: none !important; }
 .tabs-a > .tab { }
 .box-a .tabs-a > .tab { padding-bottom: 0px; }
 .js .tabs-a > .tab { display: none; margin: 0; }
 .js .tabs-a > .tab.active { display: block; }

@media screen and (max-width: 599px) {
.tabs-a > nav { margin-bottom: 30px; }
 .tabs-a > nav:before { left: -15px; right: -15px; }
  .tabs-a > nav ul { height: 40px; }
   .tabs-a > nav li a { height: 39px; padding: 0 10px; font-size: 14px; line-height: 38px; }
   .tabs-a > nav li.active a { height: 40px; }
}

/* tabs > accordion */

.tabs-b { }
 .tabs-b > nav { position: relative; margin: 0; padding: 0; }
  .tabs-b > nav:before { position: absolute; left: 0; right: 0; bottom: 0; content: ' '; height: 1px; background: #ddd; }
  .tabs-b > nav:after { display: table; clear: both; content: ''; }
  .tabs-b > nav ul { position: relative; list-style: none; height: 40px; margin: 0; padding: 0; }
   .tabs-b > nav li { float: left; margin: 0; }
    .tabs-b > nav li:before { display: none; }
    .tabs-b > nav li a { display: block; height: 39px; padding: 0 10px; border: 1px solid #fff; border-width: 1px 1px 0; border-radius: 4px 4px 0 0; background: #fff; font-size: 14px; font-weight: 600; line-height: 38px; text-decoration: none !important; }
    .tabs-b > nav li.active a { height: 40px; border-color: #ddd; color: #333; text-decoration: none !important; }
 .tabs-b > .tab { }
 .box-a .tabs-b > .tab { padding-bottom: 20px; }
 .js .tabs-b > .tab { margin: 0; }
  .tabs-b > .tab > .hx:first-child { display: none; margin: 0; padding: 10px 15px; border: 1px solid #ddd; border-width: 0 1px 1px; color: #c00; font-size: 16px; font-weight: 600; text-transform: none; }
  .tabs-b > .tab.active > .hx:first-child { color: #333; }
  .tabs-b > nav + .tab > .hx:first-child { border-width: 1px; }
  .tabs-b > .tab > .wrap { margin: 0; padding: 20px; border: 1px solid #ddd; border-width: 0 1px 1px; }
 .js .tabs-b > .tab > .wrap { display: none; }
  .js .tabs-b > .tab.active > .wrap { display: block; }

@media screen and (max-width: 767px) {
.tabs-b > nav { display: none; }
 .tabs-b > .tab > .hx:first-child { display: block; font-size: 14px;color:#c00; }
 .tabs-b > .tab > .wrap { padding: 15px; }
.page-a .tabs-b { margin: 0 -16px 15px; }
.page-a .tabs-b:last-child { margin-bottom: -16px !important; }
}

/* responsive videos */

.video-a { position: relative; overflow: hidden; height: 0; padding: 30px 0 56.25%; }
 .video-a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*!
 * Buttons
/* ---------------------------------------- */

.button-a, button, input[type="submit"], input[type="button"], input[type="reset"] { display: inline-block; padding: 0 20px; border: none; border-radius: 4px; background: #2a3187; color: #fff; font-size: 16px; font-weight: 600; text-align: center; text-decoration: none !important; }
.button-a:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { opacity: 0.85; }
.button-a.gray { background-color: #666666; margin-left: 10px; }

/*!
 * Minors
/* ---------------------------------------- */

.cx-a { }
.cx-a.green { color: #390; }
.cx-a.blue { color: #069; }


/*!
 * Helpers
/* ---------------------------------------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

.alignright { float: right; margin: 0 0 20px 20px; }
.alignleft { float: left; margin: 0 20px 20px 0; }
 .alignright img, .alignleft img { display: block; max-width: none; }

[hidden] { display: none !important; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }

.ie8 .hide-desktop { display: none !important; }

@media screen and (min-width: 1px) { .hide { display: none !important; } }
@media screen and (min-width: 1050px) { .show-desktop { display: block !important; } .hide-desktop { display: none !important; } }
@media screen and (max-width: 1023px) { .show-tablet { display: block !important; } .hide-tablet { display: none !important; } }
@media screen and (max-width: 599px) { .show-mobile { display: block !important; } .hide-mobile { display: none !important; } }

/*!
 * Boostrap
/* ---------------------------------------- */

.row [class*=col-] { margin-bottom: 0; }
.nav-tabs > li:last-child { margin-bottom: -1px !important; }
.nav-tabs > li.last-child { margin-bottom: -1px !important; }
.dropdown-menu li:before, .nav li:before, .list-unstyled li:before, .list-inline li:before { display: none; }
.dl-horizontal dd { padding-left: 0; }
.checkbox-inline:first-child { display: inline-block; margin-bottom: 0; }
.btn { height: auto; }

/*!
 * Defaults
/* ---------------------------------------- */

form { }
 label { cursor: pointer; vertical-align: middle; }
 label:first-child { display: block; margin: 0 0 5px; }
  label em { color: #f00; }
 input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], textarea, select { width: 100%; height: 30px; padding: 0 9px; border: 1px solid #ccc; border-radius: 4px; background: #fff; vertical-align: top; line-height: 28px; outline: none; }
 select:disabled {
    background: #c00;
    color:#fff;
    -webkit-appearance:none;
    -moz-webkit-appearance:none;
    -ms-expand:none;
}
 input[type="checkbox"], input[type="radio"] { padding: 0; }
 textarea { overflow: auto; height: auto; padding: 4px 4px 4px 9px; line-height: 1.2; resize: vertical; }
 select { padding: 3px 15px 3px 8px; line-height: normal; }
 .ie select { padding: 5px 5px 5px 6px; }
 .gecko select { padding-left: 4px; }
 button, input[type="submit"], input[type="button"], input[type="reset"] { overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; }
 button[disabled], input[disabled] { cursor: default; }

::-webkit-input-placeholder { color: #aaa; font-style: normal; opacity: 1; }
:-ms-input-placeholder { color: #aaa !important; font-style: normal; opacity: 1; }
:-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
::-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
.placeholder { color: #aaa !important; font-style: normal; opacity: 1; }
select:invalid { color: #aaa; }

table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 10px; border: 1px solid #e7e7e7; font-size: 14px; text-align: left; vertical-align: top; }
 table thead th { background: #f9f9f9; font-weight: bold; }

h1, h2, h3, h4, h5, h6 { color: #333; font: 600 10px/1.2 'Raleway', sans-serif; }
h1 { font-size: 24px;}
h2 { font-size: 24px;}
h3 { font-size: 22px;}
h3 span.red {color: #2a3187;}
h4 { font-size: 16px; }
h5 { font-size: 14px; text-transform: uppercase; }
h6 { font-size: 12px; }

@media (max-width : 1200px) {
	h1 { font-size: 16px;}
	h2 { font-size: 15px;}
	h3 { font-size: 14px;}
}

ul, ol, dd, blockquote { padding-left: 20px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

blockquote { padding: 20px; background: #ddd; font-style: italic; }

ol { list-style: none; counter-reset: ordered; }
 ol li { counter-increment: ordered; }
  ol li:before { position: absolute; content: counter(ordered) '.'; margin: 2px 0 0 -20px; font-size: 0.8em; }

ul { list-style: none; }
 ul li { }

a { background: transparent; color: #2a3187; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: none; }
 a span { cursor: pointer; }

img { max-width: 100%; border-width: 0; }
img { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; white-space: nowrap; }

hr, div.hr { overflow: hidden; width: 100%; height: 1px; margin: 15px 0; border: none; border-top: 1px solid #eee; background: none; font-size: 0; } div.hr * { display: none; }


@media (max-width : 600px) {

  .collection-copy{
   display:none;
  }


}




/****NEW STYLES****/



/* global header */

.top-a {position: relative; z-index: 101; height: 153px; margin-bottom: 0; background: #FFF; max-width: none; }

 .top-a .logo { position: absolute; left: 2%; top: 15px; z-index: 30; }
  .top-a .logo img { display: block; max-width: none; }
 
	.top-a .top-questions {position: absolute; right: 0; top: 80px;}
	.top-a .search-hidden {display: none;}
	.top-a .toggler {display: none; height: 30px; color: #fff; font-size: 12px; font-weight: bold; line-height: 17px; text-transform: uppercase; text-decoration: none; position: absolute; right: 0; bottom: 0px;}
	.top-a .toggler:after { display: block; content: ''; width: 20px; height: 17px; margin: 0; padding: 4px 0; border: 1px solid #fff; border-width: 3px 0; background: #fff; background-clip: content-box; vertical-align: top; }
	.top-a .toggler:hover {opacity: .9;}

@media screen and (max-width: 1385px) {
	.top-a {position: relative; height: 128px; }
 	.top-a .toggler {display: block; right: 20px; top: 12px; bottom: auto; }
	.top-a .logo {position: absolute; top: 55px; left: 50%; transform: translateX(-50%); width: 100%; max-height: 63px; margin: 0; }
	.top-a .logo img {max-width: 100%; max-height: 100%; margin: 0 auto; }
 .top-a .nav-a { display: none; }
 .top-a .search { right: 90px; }
	.top-a .top-questions {display: none;}
  .top-a .search label { height: 30px; line-height: 28px; }
  .top-a .search input { width: 260px; height: 30px; line-height: 28px; }
  .top-a .search button { width: 28px; height: 28px; background-size: 17px 16px; }
}


@media screen and (max-width: 767px) {

	.top-a {}
 	.top-a .toggler {right: 15px;}
	.top-a .logo { }
	.top-a.fixed .logo {}

}

	
/* top bar */

.bar-a {position: absolute;  background: transparent; right: 2%; top: 30px; }
.bar-a:before, .bar-a:after {display: none;}
.bar-a ul { list-style: none; margin: 0; padding: 0; font-size: 0; letter-spacing: 0; text-align: right; width: 1030px; margin: 0 auto; }
.bar-a li {font-weight: 600; color: #2a3187; font-size: 14px; line-height: 25px; display: inline-block; text-transform: uppercase; vertical-align: top; margin: 10px 7px 0; border: 0; padding: 0 5px;}
.bar-a li.imageNav { margin-top: 7px; }
.loginImage { height: 30px; }
.bar-a li:before { display: none; }
.bar-a li a { display: block; color: inherit; text-decoration: none !important; }
.bar-a li a:hover {color: #666666; }
.bar-a li.cart {border-left: 1px solid #FFF; padding-left: 15px}
.bar-a li.cart a {color: #FFF;}
.bar-a li.cart a:before, .bar-a li.wish a:before {display: none;}
.bar-a li small {color: #FFF; font-size: 1em; }
.bar-a li.mob {display: none;}

@media screen and (max-width: 1385px) {
	.bar-a { right: 0; top: 0; width: 100%; background: #333; height: 45px; line-height: 45px; padding: 0 30px; box-sizing: border-box; text-align: left; margin: 0;}
	.bar-a ul {width: auto; margin: 0;}
	.bar-a li, .bar-a li a, .bar-a li.cart a {color: #fff; float: left; height: 45px; line-height: 45px;}
	.bar-a li.b, .bar-a li span {display: none;}
	.bar-a li.mob {display: inline-block; font-size: 21px; margin-top: 0;}
	.bar-a li.search-mob a i {color: #999;}
}

@media screen and (max-width: 767px) {

	.bar-a {}
	.bar-a ul {margin-left: 15px;}

}        


/* global navbar */

.nav-a {position: absolute; left: 0; background: #666666; top: 95px; right: 0; width: 100%; box-sizing: border-box; margin: 0;}
.nav-a .centerer { text-align: center; }
 .nav-a .t1 {list-style: none; height: 58px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: inline-block; }
  .nav-a .t1 > li {position: static; float: left; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; font-size: 18px; line-height: 58px; position: relative; }
  .nav-a .t1 > li:before { display: none; }
  .nav-a .t1 > li ~ li { padding: 0 10px; }
  .nav-a .t1 > li ~ li:before { display: block; position: absolute; left: 0; top: 0; bottom: 0; content: ''; width: 2px; height: auto; margin: 0; padding: 0; border: 0; background: transparent; }
   .nav-a .t1 > li > a { display: block; padding: 0 9px; color: #fff; text-decoration: none !important; white-space: nowrap; text-align: center; }
   .nav-a .t1 > li:hover > a { color: #fff;}
   .nav-a .t1 > li:hover {border-bottom: 5px solid #0099FF;}
    .nav-a .t1 > li > a:after {display: none;}
    .nav-a .t1 > li > a:last-child:after { display: none; }
    .nav-a .t1 > li > a.last-child:after { display: none; }
    .nav-a .t1 > li.close { display:none;}
    .nav-a .t1 > li > a > .down-a {margin: -3px 0 0 5px; vertical-align: middle;}
    
   .nav-a .t1 > li > ul > .sub-wrap {position: relative; display: block; max-width: 970px; margin: 0px auto;}
    
   .nav-a .t1 > li > ul {position: absolute; display: none; margin: 5px 0 0; padding: 0;  left: 0; top: 100%; text-transform: none; list-style: none; border-radius: 0px; box-sizing: border-box; }
   .nav-a .t1 > li > ul > li { background-color: #333; line-height: 40px; padding: 0 15px; margin-bottom: 1px; white-space: nowrap; text-align: left; }
   .nav-a .t1 > li > ul > li > a { color: #FFF; font-weight: 500; }
   .nav-a .t1 > li > ul > li:hover { background-color: #666; }
   .nav-a .t1 > li > ul > li:hover > a { color: #FFF; } /*#0099FF*/
   .nav-a .t1 > li > ul > li img.dropArrow { float: right; margin-top: 15px; }
   .nav-a .t1 > li > ul > li ul.submenu { display: none; position: absolute; left: 100%; top: 0; }
   .nav-a .t1 > li > ul > li:hover ul.submenu { display: block; padding: 0; margin-left: 1px; }
   .nav-a .t1 > li > ul > li ul.submenu li { background-color: #666; line-height: 40px; padding: 0 15px; margin-bottom: 1px; white-space: nowrap; }
   .nav-a .t1 > li > ul > li ul.submenu li a { color: #FFF; font-weight: 500; }
   .nav-a .t1 > li > ul > li ul.submenu li:hover { background-color: #777; }
   
   .ie8 .nav-a .t1 > li > ul { white-space: normal; }
   .ie .nav-a .t1 > li > ul { box-shadow: 0 0 8px rgba(0,0,0,0.25); }
   .nav-a .t1 > li > ul.check { display: block; }
    .nav-a .t1 > li > ul:after { display: table; clear: both; content: ''; }

	.nav-a .t1 > li.search-nav i {font-size: 22px;}
   
    .nav-a .t1 > li > ul:before { display: none; position: absolute; left: 0; right: 0; top: -10px; content: ''; height: 10px; background: url(../images/spacer.gif); background: rgba(255,255,255,255,0); }
   .nav-a .t1 > li:hover > ul { display: block; }
    .nav-a .t1 > li > ul > .sub-wrap > li { width: 300px; border-bottom: 1px solid transparent; font-size: 14px; font-weight: normal; line-height: 1.3; }
     .nav-a .t1 > li > ul > .sub-wrap > li:before { display: none; }
     .nav-a .t1 > li > ul > .sub-wrap > li > a { display: block; padding: 8px 10px; color: #FFF; text-decoration: none !important; }
     .nav-a .t1 > li > ul > .sub-wrap > li:hover > a { background-color: #efefef; color: #333; }
     .nav-a .t1 > li > ul > .sub-wrap > li > div { display: none; position: absolute; left: 300px; top: 22px; width: 670px; padding-left: 60px; z-index:9999; }
     .nav-a .t1 > li > ul > .sub-wrap > li:hover > div { display: block; }
      .nav-a .t1 > li > ul > .sub-wrap > li > div figure { float: right; width: 325px; margin: 0; text-align: right; }
       .nav-a .t1 > li > ul > .sub-wrap > li > div figure img { display: block; margin: 0 auto; }
      .nav-a .t1 > li > ul > .sub-wrap > li > div figure ~ * { margin-left: 0px; }
      .nav-a .t1 > li > ul > .sub-wrap > li > div .hx { margin-bottom: 10px; font-size: 16px; font-weight: bold; }
      .nav-a .t1 > li > ul > .sub-wrap > li > div p { margin-bottom: 10px; font-size: 14px; }
    .nav-a .t1 > li > ul > .sub-wrap > li.default { height: 0; border-bottom: none; }
     .nav-a .t1 > li > ul > .sub-wrap > li.default div { display: block; }
     .nav-a .t1 > li > ul.on > .sub-wrap > li.default div { display: none; }
	
  	 .nav-a .t1 > li.search-nav:hover > ul {min-height: 0 !important; height: 80px !important; overflow: hidden;}
  	 
  	.nav-a .t1 > li.search-nav .search {
  		position: relative;
  		top: auto;
  		left: auto;
  		right: auto;
  		display: block;
  		width: 100%;
  		}  
  		
  	.nav-a .t1 > li > ul > .sub-wrap > li.wide {width: calc(100% - 60px); margin-left: 30px;}
  	
  	.nav-a .t1 > li > ul > .sub-wrap > li.wide input {
  		float: none; width: 100%; height: 44px; padding: 10px 40px 10px 0px; border-radius: 0; border: 0; border-bottom: 1px solid #ccc; line-height: 44px;
  		font-size: 20px; color: #666;
  		}
  		
  	.nav-a .t1 > li > ul > .sub-wrap > li.wide button {
   		position: absolute; right: 0px; top: 0px; overflow: hidden; width: 40px; height: 44px; text-align: center; margin: 0; padding: 0; background: transparent; text-indent: 0 !important;; white-space: nowrap; font-size: 22px;
   	}
   	
   .nav-a .t1 > li > ul > .sub-wrap > li.wide button i {color: #ccc;}

@media screen and (max-width: 1385px) {
	.nav-a {background: #333333; left: auto; top: auto; right: 0; width: auto;}
	.nav-a .nav-wrap {max-width: 970px; display: block; margin: 0px auto;}
}



/* main rotator */

	.hero-a { position: relative; width: 100%; margin: 0;}
	.hero-a + .bg-a { margin-top: 0px; }
	  .hero-a.home {background: #fff;}
	 .hero-a.home .wrap { height:520px; overflow: hidden;}
	 .hero-a article { position: relative; overflow: hidden; margin: 0; }
	 .hero-a article ~ article { display: none; }
	  .hero-a article > figure { margin: 0; }
 
	 .hero-a .owl-wrapper-outer, .hero-a .owl-item { margin-bottom: 0; }
	.hero-a.home .owl-controls {position: absolute; left: 0; right: 0; bottom: 0;}
	.hero-a.home .owl-controls .owl-buttons div {
		width: 30px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #fff;
		margin: 0;
		float: left;
		background: #2a3187;
		}
	
	.hero-a.home .owl-controls .owl-buttons .owl-next {float: right;}

	.hero-a.home figure .bg {position: absolute; top: 0; left: 0; width: 100%; height: 490px; background-position: center center; background-size: cover;}
 
	.hero-a article, .hero-a article figure, .hero-a article figure a {height: 490px;}
  
	.hero-a.home figure .block {
		position: absolute;
		z-index: 100;
		bottom: 0;
		left: 0;
		width: 100%;
		color: #fff;
		text-align: left;
		padding: 20px 40px;
		font-size: 32px;
		font-weight: 700;
		background-color: rgba(0,0,0,0.4);
		line-height: 40px;
		}
	
		.hero-a.home figure .block h2 {
			font-size: 33px; font-weight: 900; color: #fff; display: block; text-transform: uppercase;
			}
			.hero-a.home figure .block p {
				display: none;
			}
		.hero-a.home figure .block button {
			color: #ffcc33;
			text-transform: uppercase;
			font-size: 20px;
			font-weight: 700;
			border-radius: 0;
			height: 40px;
			width: 100%;
			}
			
	.hero-a.home .owl-controls {
		text-align: center;
	}
	.hero-a.home .owl-controls .owl-page {
		background-color: rgba(0,0,0,0.2);
		display: inline-block;
		width: 40px;
		height: 15px;
		margin: 0 5px;
		cursor: pointer;
	}
	.hero-a.home .owl-controls .owl-page.active {
		background-color: rgba(0,0,0,0.5);
	}

	@media screen and (max-width: 999px) {
		.hero-a { margin: 0; padding: 0; }
	}

	@media screen and (max-width: 767px) {
	 .hero-a.home .wrap, .hero-a.home figure .bg, .hero-a article, .hero-a article figure, .hero-a article figure a {height: 290px;}
		.hero-a.home .owl-buttons {display: none;}  
		.hero-a.home figure .block {padding: 20px 20px;}
		.hero-a.home figure .block h2 {font-size: 22px;}
		.hero-a.home figure .block p {display: none;}
		.hero-a.home figure .block button {font-size: 12px;margin-top: 0px;}
	}
	
	
	
/****TOP BRANDS*****/

.bg-a.brands {
	text-align: center;
	padding: 30px 0 30px;
	margin-top: 0;
	}
	
h1.section {
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
}
	
h2.section span {color: #2a3187;}

.brands .logo-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0px auto;
	padding: 0 30px;
	box-sizing: border-box;
	}
	
.brands .logo-wrap figure {
	width: 25%;
	margin: 15px auto 15px;
	text-align: center;
	}
		
.brands .logo-wrap figure img {
	display: block;
	max-width: 100%;
	margin: 0px auto;
	}

@media screen and (max-width: 999px) {

	.brands .logo-wrap figure {
		padding: 0 10px;
		}

	h2.section {
		font-size: 36px;
		}
		
}

@media screen and (max-width: 767px) {

	.bg-a.brands {
		padding: 30px 0 30px;
		}

	h2.section {
		font-size: 24px;
		}

	.brands .logo-wrap figure {
		width: 50%;
		}
		
}

/*** Company Logos ***/
.companyLogos { position: relative; width: 100%; padding: 0 20px 20px; text-align: center; }
.companyLogo { display: inline-block; vertical-align: top; margin: 10px; }


/****Advantage****/
.advantage { padding: 20px; }
.advantage h1 { text-align: left; font-size: 30px; font-weight: 400; padding: 0 20px; }
.advantageSections { width: 100%; text-align: center; box-sizing: border-box; }
.advantageSection { display: inline-block; width: calc(33.33% - 40px); margin: 15px 20px; vertical-align: top; position: relative; box-sizing: border-box; }
.advantageSection img { width: 100%; display: inline-block; vertical-align: top; margin: 0; }
.advantageSection p { position: absolute; bottom: 0; left: 0; right: 0; color: #FFF; background-color: rgba(0,0,0,0.8); font-weight: bold; font-size: 22px; padding: 10px 0; }

@media screen and (max-width: 767px) {
	.advantageSection { display: block; width: 100%; margin: 20px 0; }
}

.homeSection { padding: 20px 40px; position: relative; }
.homeSection .info { box-sizing: border-box; display: inline-block; vertical-align: top; width: 50%; }
.homeSection .imgWrapper { display: inline-block; width: 50%; vertical-align: top; text-align: center; }
.homeSection .imgWrapper img { max-width: 100%; display: inline-block; vertical-align: middle; margin: 0; box-sizing: border-box; }
.homeSection h1 { color: #000; font-size: 30px; font-weight: 400; }
.homeSection p { font-size: 16px; }

.warehouse-ban { background-color: #f0f0f0; }
.warehouse-ban .info { padding-right: 20px; }
.warehouseImage { border: 10px solid #f0f0f0; }
.retail-network .info { padding-left: 20px; }
.retailButton { box-sizing: border-box; color: #FFF; font-size: 20px; font-weight: 800; text-transform: uppercase; padding: 15px 20px; width: 48%; display: inline-block; background-color: #333; text-align: center; vertical-align: top; }
.retailButton:last-child { margin-left: 4%; }

@media screen and (max-width: 999px) {
	.homeSection { padding: 20px; position: relative; }
	.homeSection .info, .homeSection .imgWrapper { width: 100%; display: block; }
	.retailButton { display: block; width: 100%; padding: 15px 20px; margin: 20px 0; }
	.retailButton:last-child { margin-left: 0; }
	.homeSection .imgWrapper img { width: 100%; }
	.retail-network .info { padding-left: 0; }
}

@media screen and (max-width: 767px) {
	
}



@media screen and (max-width: 999px) {
	
}
@media screen and (max-width: 767px) {
	
}


/****BASIC PAGE****/

.subHero {
	position: relative;
	display: block;
	height: 200px;
	margin: 0;
	}

.subHero:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	z-index: 0;
	height: 100%;
	}
	
.subHero.aboutHero:before {
	background-image: url(https://s3.us-east-2.amazonaws.com/dyke-site-assets/resources/subpages/aboutHero.jpg);
	background-color: #f5f5f5;
	}
	
.subHero.exteriorHero:before {
	background-image: url(https://s3.us-east-2.amazonaws.com/dyke-site-assets/resources/subpages/exteriorHero.jpg);
	background-color: #f5f5f5;
	}
	
.subHero.interiorHero:before {
	background-image: url(https://s3.us-east-2.amazonaws.com/dyke-site-assets/resources/subpages/interiorHero.jpg);
	background-color: #f5f5f5;
	}
	
.subHero.patioHero:before {
	background-image: url(https://s3.us-east-2.amazonaws.com/dyke-site-assets/resources/subpages/patioHero.jpg);
	background-color: #f5f5f5;
	}
	
.subHero.stormHero:before {
	background-image: url(https://s3.us-east-2.amazonaws.com/dyke-site-assets/resources/subpages/stormHero.jpg);
	background-color: #f5f5f5;
	}
	
	
.subHero h1 {
	display: block;
	position: absolute;
	z-index: 10;
	font-size: 35px;
	left: 0;
	color: #fff;
	font-weight: 700;
	bottom: 0;
	margin: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	padding: 15px 0 15px 30px;
	}
	
.breadcrumbs {
	font-size: 13px;
	display: block;
	line-height: 24px;
	padding: 5px 20px 20px;
	position: relative;
	margin: 0;
	font-weight: 700;
	}
	.buy-options .breadcrumbs {
		background-color: #f0f0f0;
		float: none;
		padding: 20px 20px;
	}
	/*
	.breadcrumbs:after {
		cursor: pointer;
		content: '';
		position: absolute;
		right: 20px;
		top: calc(50% - 15px);
		height: 30px;
		width: 30px;
		background-image: url('/assets/images/print-icon.svg');
		background-size: cover;
	}*/
	
.breadcrumbs a {
	display: inline-block;
	position: relative;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 11px;
	}
.breadcrumbs a:first-child {
	padding-left: 0;
}
.breadcrumbs a:after {
	position: absolute;
	right: -5px;
	top: 0;
	content: '/';
	color: #666;
	text-decoration: none !important;
	}
	.breadcrumbs a:last-child:after {
	display: none;
	}


.breadcrumbs .currentCrumb{
 display: inline-block;
 position: relative;
 padding: 0 10px;
 text-transform: uppercase;
 font-size: 11px;
}
	
.breadcrumbs a:nth-last-child(1) {
	}
	
.breadcrumbs a:nth-last-child(1):after {
	display: none;
	}
	
.basic-cols {
	display: flex;
	margin: 0;
	padding: 0;
    flex-direction: row-reverse; 
	}
	
.basic-cols .lt {
	width: 225px;
	box-sizing: border-box;
	padding: 30px 25px 0 0;
	}
.basic-cols ul {
	list-style-type: square;
	list-style-position: outside;
	padding-left: 35px;
}
.basic-cols ul li {
	color: #666666;
}
.basic-cols ol {
	padding-left: 35px;
}
.basic-cols .rt {
	width: calc(100% - 225px);
	box-sizing: border-box;
	padding: 20px 0 0 25px;
	border-left: 1px solid #ccc;
	}
	
.basic-cols .subnav {
	font-size: 14px;
	padding: 0;
	line-height: 1.75;
	}
	
.basic-cols .subnav li:before {
	display: none;
	}
	
.basic-cols .subnav li.open > a {
	color: #333;
	}
		
@media screen and (max-width: 999px) {

	.subHero:before,
	.subHero:after {
		left: -15px;
		width: calc(100% + 30px);
		}
	
}

@media screen and (max-width: 767px) {
	
	.basic-cols {
		flex-wrap: wrap;
		}

	.basic-cols .lt {
		width: 100%;
		padding: 30px 0;
		border-top: 1px solid #ccc;
		}
	
	.basic-cols .rt {
		width: 100%;
		padding: 20px;
		border-left: 0;
		}
	
	.breadcrumbs {
		font-size: 10px;
		}

	.subHero {
		height: 120px;
		}
	
	.subHero h1 {
		display: block;
		position: absolute;
		z-index: 10;
		font-size: 22px;
		color: #fff;
		font-weight: 700;
		margin: 0;
		padding: 10px 0 10px 20px;
		}

}



/****BUY OPTIONS****/

.bg-a.buy-options {
	padding-top: 0;
}
.bg-a.buy-options .tab {
	background-color: #F0F0F0;
	padding: 0 20px 20px;
	margin: 0;
}
	
.bg-a.buy-options .tabs-a .buy-options {
	position: relative;
	height: 115px;
    padding-top: 1px;
    margin-top: -1px;
    width: calc(100% + 50px);
    margin-left: -25px;
	}
	
.bg-a.buy-options .tabs-a .buy-options:before {
	background: #cccccc;
	content: '';
	position: absolute;
	top: 0;
	left: calc(-50vw + 510px);
	height: 100%;
	width: 100vw;
	}
	
.bg-a.buy-options .tabs-a .buy-options ul {
	display: flex;
	height: 75px;
	align-items: flex-end;
	padding: 0;
	margin: 40px 0 0;
	}
	
.bg-a.buy-options .tabs-a .buy-options ul li {
	width: calc(50% - 25px);
	margin: 0 25px;
	height: 75px;
	background: #e7e7e7;
	position: relative;
	}
	
.bg-a.buy-options .tabs-a .buy-options ul li.active {
	background: #fff;
	}
	
.bg-a.buy-options .tabs-a .buy-options ul li a {
	height: 70px;
	border: 0px !important;
	background: transparent;
	border-radius: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	color: #333;
	position: relative;
	}
.bg-a.buy-options .tabs-a .buy-options ul li a span {
	display: block;
	position: relative;
	top: 40%;
	transform: translateY(-50%);
	margin: 0;
	padding: 0;
	}
	
.bg-a.buy-options .tabs-a .buy-options ul li a span:first-child {
	text-transform: uppercase;
	font-size: 26px;
	color: #999999;
	font-weight: 700;
	top: 50%;
	}
	
.bg-a.buy-options .tabs-a .buy-options ul li.active a span:first-child {
	color: #333;
	}
	
.bg-a.buy-options .tabs-a .buy-options ul li a span br {
	display: none;
	}
		
@media screen and (max-width: 999px) {

	.bg-a.buy-options .tabs-a .buy-options:before {
		left: -15px;
		width: calc(100% + 30px);
		}
	
	.bg-a.buy-options .tabs-a .buy-options ul li a span:first-child {
		font-size: 22px;
		}
		
}
		
@media screen and (max-width: 767px) {
	
	.bg-a.buy-options .tabs-a .buy-options {
		height: 80px;
		}

	.bg-a.buy-options .tabs-a .buy-options ul {
		height: 40px;
		padding-left: 20px;
		padding-right: 20px;
		}
		
	.bg-a.buy-options .tabs-a .buy-options ul li a {
		height: 40px;
		}
	
	.bg-a.buy-options .tabs-a .buy-options ul li {
		width: calc(50% - 20px);
		margin: 0 10px;
		height: 40px;
		}
		
	.bg-a.buy-options .tabs-a .buy-options ul li a span {
		display: none;
		}
	
	.bg-a.buy-options .tabs-a .buy-options ul li a span:first-child {
		display: block;
		font-size: 14px;
		}
		
	.bg-a.buy-options .tabs-a .buy-options ul li a span br {
		display: block;
		}

}



/****GALLERIES****/

.gal-nav {
	text-align: center;
	}
	
.gal-nav button {
	margin: 10px 10px 0 0;
	}
	
	
	
/****LIST CONFIG****/

.list-config .subHero {
	height: 390px;
	}
	
.list-config .subHero h1 {
	background-color: rgba(0,0,0,0.6);
	bottom: 0;
	box-sizing: border-box;
	margin-left: 0;
	padding: 20px 0 20px 30px;
	width: 100%;
}
.list-config .subHero .promo {
	background-color: #2a3187;
	bottom: 0;
	color: #ffcc33;
	font-size: 20px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	left: 0;
	margin: 0 0 0 calc(-50vw + 485px);
	padding: 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 100vw;
	z-index: 10;
}
	
.list-config .bg-a.buy-options {
  margin: 0;
  padding: 0;
}
    
.list-config .bg-a.buy-options .tabs-a .buy-options:before {
	display: none;
	}
	
.list-config .bg-a.buy-options .tabs-a .buy-options ul li {
	width: calc(33.3333% - 10px);
	margin: 0 10px;
	}
.filter-a {
	display: inline-block;
	margin: 0 0 0 20px;
}
.config-nav {
	margin: 0;
	display: flex;
	justify-content: space-between;
	}
	
.config-nav > div p {
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	display: block;
	letter-spacing: .05em;
	margin: 0 0 10px;
	}
	
.config-nav.masterlist > div:first-child {
	width: calc(30% - 30px);
	}
	
.config-nav.masterlist > div:nth-child(2) {
	width: calc(45% - 30px);
	}
	
.config-nav.masterlist div.price {
	width: calc(25% - 30px);
	}
	
.config-nav.price-xs {
	display: none;
	}
	
.config-nav select,
.config-nav a#filter-products {
	border-radius: 0;
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	height: 48px;
	line-height: 48px;
	padding: 0 20px;
	width: 100%;
	box-sizing: border-box;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   color: #000;
   background: url(../images/down-arrow.png) no-repeat right 20px center;
	display: block;
	border: 1px solid #ccc;
	text-decoration: none;
	}
	
.config-nav a#filter-products.active {
	border-bottom: 0;
	color: #c00;
	}
	
.config-nav > div ul {
	display: flex;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
	}

.config-nav > div ul li{
  margin-right:10px;
}
	
.config-nav > div ul li:before {
	display: none;
	}
	
.config-nav > div ul li a {
	display: block;
	background: #ccc;
	height: 48px;
	text-indent: -9999px;
	position: relative;
    border-color:#333333;
    border-style:solid;
    border-width:1px 1px 0;
	}

.config-nav > div ul li.slab a {
   border: none;
}
	
.config-nav > div ul li a:hover,
.config-nav > div ul li.active a {
	background: #999;
	}
	
.config-nav > div ul li.single a {
	width: 26px;
	}

.config-nav > div ul li.slab a {
 width: 18px;
}

	
.config-nav > div ul li.double a {
	width: 44px;
	}
.config-nav > div ul li.bifold a {
 width: 24px;
}

.config-nav > div ul li.bifold4 a {
 background-image: url(https://s3.amazonaws.com/dyke-site-assets/assets/images/bifold4-lines.png); 
 width: 44px;
}
	
.config-nav > div ul li.side-lt a,
.config-nav > div ul li.side-rt a {
	width: 34px;
	}
	
.config-nav > div ul li.side-two a {
	width: 44px;
	}

.config-nav > div ul li.triple a {
 width: 60px;
}
	
.config-nav > div ul li a:before,
.config-nav > div ul li a:after {
	position: absolute;
	background: #fff;
	top: 0;
	height: 100%;
	width: 2px;
	margin-left: -1px;
	}
	
.config-nav > div ul li.double a:before {
	content: '';
	left: 50%;
	}
.config-nav > div ul li.bifold a:before {
 content: '';
 left: 50%;
}
	
.config-nav > div ul li.side-lt a:before {
	content: '';
	left: 25%;
	}
	
.config-nav > div ul li.side-rt a:before {
	content: '';
	left: 75%;
	}
	
.config-nav > div ul li.side-two a:before {
	content: '';
	left: 22%;
	}
	
.config-nav > div ul li.side-two a:after {
	content: '';
	left: 78%;
	}

.config-nav > div ul li.triple a:before {
 content: '';
 left: 33%;
}

.config-nav > div ul li.triple a:after {
 content: '';
 left: 66%;
}
	
.config-drop {
	position: relative;
	padding: 0 10px;
	margin: 0;
	display: inline-block;
	}
	
.config-drop.open {
	display: flex;
	}
	
.config-drop .close {
	position: absolute;
	top: 0px;
	right: 8px;
	font-weight: 100;
	font-size: 36px;
	line-height: 1;
	color: #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	text-decoration: none;
	}
	
.config-drop select {
    width: calc(50% - 36px);
    margin: 10px 18px;
	}
	
	
.list-config .products-a .filtershowing article {
	width: 12.5%;
	}
	
	
		
@media screen and (max-width: 1999px) {
	.list-config .products-a {
		width: 100%;
		margin: 0;
		padding-top: 20px;
		}
	
	.list-config .products-a .filtershowing article {
		width: 14.2856%;
		}
	
}
	
		
@media screen and (max-width: 1599px) {
	
	.list-config .products-a {
		width: 100%;
		margin-left:0
		}
	
	.list-config .products-a .filtershowing article {
		width: 25%;
		}
	
}
	
		
@media screen and (max-width: 999px) {
	.list-config .subHero h1, .list-config .subHero .promo {
		margin-left: 0;
	}
	.list-config .bg-a.buy-options {
		padding: 0 20px;
	}
	.list-config .bg-a.buy-options .tabs-a .buy-options ul li {
		width: calc(33.3333% - 5px);
		margin: 0 5px;
		}
		
	.config-nav {
		display: block;
		margin-top: 20px;
		}
		
	.config-nav > div {
		padding-bottom: 10px;
		}
		
	.config-nav.masterlist > div:first-child {
		display: block;
		width: 100%;
		max-width: 280px;
		}

	.config-nav.masterlist > div:nth-child(2),
	.config-nav.price-xs li {
		display: block;
		width: 100%;
		max-width: none !important;
		}
	
	.config-nav.price-xs {
		display: block;
		}
	
	.config-nav div.price-lg {
		display: none;
		}
	
	.config-drop {
		padding: 0 20px 55px;
		margin-top: 0px;
		display: none;
		}
	
	.config-drop:before {
		left: 0;
		width: calc(100% + 2px);
		margin-left: -1px;
		height: 27px;
		top: -27px;
		}
	
	.config-drop select,
	.config-nav a#filter-products {
		width: 100%;
		margin: 10px 0;
		}
	
	.config-drop .close {
		top: auto;
		right: 20px;
		bottom: 8px;
		}
	
	.list-config .products-a .filtershowing article {
		width: 33.3333%;
		}
	
}

@media screen and (max-width: 767px) {

	.list-config .subHero {
		height: 180px;
		}
	
	.list-config .subHero h1 {
		bottom: 0;
		padding: 10px;
		}
		.list-config .subHero .promo {
			padding: 0 10px;
			font-size: 16px
		}
	
	.list-config .bg-a.buy-options {
		margin-top: 0;
		}
		
	.config-nav > div {
		padding-bottom: 0px;
		}
	
	.config-nav select,
	.config-nav a#filter-products {
		font-size: 14px;
		height: 36px;
		line-height: 36px;
		padding: 0 10px;
		background-position: right 10px center;
		}
	
	.list-config .products-a .filtershowing article {
		width: 50%;
		display: inline-block;
		}
    .products-a article, .products-a article.marketing  {
     width: 50%;
     display: inline-block;
    }
   .products-a .results-b article { width: 95%; border-width: 1px; }

}

@media screen and (max-width: 413px) {
	
	.list-config .products-a .filtershowing article {
		width: 50%;
        display: inline-block;
		}
    .products-a .product-list figure img, .products-a article.product-list figure object { max-width:150px; }
}



/****BUILD A DOOR****/

.subHero.buildHero {
	background: url(../images/buildHero.png) no-repeat right center;
	background-size: contain;
	}
	
.subHero.buildHero:before,.subHero.buildHero:after {
	display: none;
	}
	
.build-door .bg-a.buy-options {
	margin-top: -115px;
	}
	
.build-door .bg-a.buy-options .tabs-a .buy-options:before {
	background: transparent;
	}
	
.build-door .bg-a:before {
	top: 115px;
	}
	
.build-door .bg-a.buy-options .tabs-a .buy-options ul li {
	width: 20%;
	margin: 0 5px;
	}
	
.build-door .bg-a.buy-options .tabs-a .buy-options ul li:first-child {
	width: 25%;
	}
	
.build-door .bg-a.buy-options .tabs-a .buy-options ul li a span:first-child {
	font-size: 22px;
	padding-bottom: 3px;
	}
	
.build-door .list {
	margin: 0;
	padding: 25px 0;
	}
	
.build-door .list .thumbs {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	width: calc(100% + 40px);
	margin-left: -20px;
	}
	
.build-door .list .thumbs li {
	width: 25%;
	padding: 20px;
	}
	
.build-door .list .thumbs li:before {
	display: none;
	}
	
.build-door .list.style .thumbs li a,
.build-door .list.style .thumbs li a img {
	display: block;
	width: 100%;
	}
	
.build-door .list.style .thumbs li a {
	-webkit-transition: opacity .125s ease-in-out;
	-moz-transition: opacity .125s ease-in-out;
	transition: opacity .125s ease-in-out;
	opacity: .5;
	}
	
.build-door .list.style .thumbs li a:hover {
	opacity: 1;
	}
	
.build-door .list.config ul {
	padding-left: 50px;
	padding-right: 50px;
	}
	
.build-door .list.config .thumbs li {
	width: 20%;
	}
	
.build-door .list.config .thumbs li a {
	display: block;
	width: 100%;
	}

.build-door .list.config .thumbs li a img {
	display: block;
	margin: 0px auto;
	height: 140px;
	}
	
h2.section span.number {
	color: #333;
	font-weight: 700;
	}

:focus {outline:none;}
::-moz-focus-inner {border:0;}
	
		
@media screen and (max-width: 999px) {
		
	.build-door .bg-a.buy-options .tabs-a .buy-options ul li a span {
		display: none;
		}
	
	.build-door .bg-a.buy-options .tabs-a .buy-options ul li a span:first-child {
		display: block;
		font-size: 21px;
		padding-bottom: 0;
		}
		
	.build-door .bg-a.buy-options .tabs-a .buy-options ul li a span br {
		display: block;
		}
	
	.build-door .list .thumbs {
		width: 100%;
		margin-left: 0;
		}
	
	.build-door .list .thumbs li {
		padding: 12px;
		}
	
	.build-door .list.config ul {
		padding: 0;
		}

}
	
		
@media screen and (max-width: 767px) {

	.subHero.buildHero {
		background-size: cover;
		}
		
	.build-door .bg-a.buy-options .tabs-a .buy-options ul {
		padding-left: 10px;
		padding-right: 10px;
		}
	
	.build-door .bg-a.buy-options .tabs-a .buy-options ul li {
		margin: 0 2px;
		}
	
	.build-door .bg-a.buy-options .tabs-a .buy-options ul li a span:first-child {
		font-size: 14px;
		}
	
	.build-door .bg-a.buy-options {
		margin-top: -81px;
		}
	
	.build-door .bg-a:before {
		top: 81px;
		}
	
	.build-door .list .thumbs li {
		width: 50%;
		padding: 10px;
		}
	
	.build-door .list.config .thumbs li:nth-last-child(1) {
		margin: 0px auto;
		}
	
	.build-door .list.config .thumbs li {
		width: 50%;
		margin-bottom: 15px;
		}
	
	.build-door .list.style .thumbs li a {
		opacity: 1;
		}

}

#loadingModal {
	z-index: 150;
	box-sizing: content-box;
  display: none;
  padding: 200px 1000px 0;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}
#loadingModal.show {
	display: block;
}
@media screen and (min-width: 576px) {
	.modal-dialog {
		margin-top: 75px;
		max-width: 900px;
	}
}
.modal-content {
	margin: auto;
  background-color: #fff;
  border-radius: 0;
  position: relative;
  padding: 20px;
  outline: 0;
  text-align: center;
  width: 900px;
  z-index: -2;
}
.modal-header {
	border-bottom: none;
	height: 120px;
	position: relative;
}
.modal-header:before {
	content: '';
	background-color: #f1f0f0;
	position: absolute;
	top: -20px;
	left: -20px;
	width: calc(100% + 40px);
	height: calc(100% + 20px);
	z-index: -1;
}
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #222;
  font-size: 10px;
  margin: 10px auto 50px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

@media screen and (max-width: 767px) {
	#loadingModal {
		padding: 80px 1000px 0; 
	}
	.modal-content {
	  width: 90%;
	}
}

#shipTypeDeliver, #shipTypePickup { margin-left: 10px; }

#zipSearch, #pickupSelect { display: none; }
#zipSearch.show, #pickupSelect.show { display: block; }
#shipZip { width: 200px; text-align: left; font-size: 14px; padding-left: 10px; }
#f-shipZip-button { padding: 0px 20px;font-size: 14px; font-weight: 600; background-color: #333333; text-align: center; }
#pickupSelect .pickupBlock { display: inline-block; margin: 0 20px; }
.pickupBlock b { text-transform: uppercase; }

/* galleries */
#ContainerGal .item-b img { margin:0 auto 10px auto !important;}
#ContainerGal .mix { display: none; margin-top:10px;margin-bottom:10px;text-align:center; background-color:#fff; }
#ContainerGal .grid-a > .wrap > .cell { border-width:0px;}
.buttonsfilter { text-align: center; }
.buttonsfilter button.filter { margin: 10px; }
.featured-a.gallery-a { padding-top: 20px; }
.featured-a.gallery-a .grid-a { text-align: center; }
.featured-a.gallery-a .grid-a .cell { margin: 20px; vertical-align: top; } 

#storepoint-container { font-family: 'Raleway' !important; }
#storepoint-container #storepoint-panel #storepoint-results .storepoint-no-results { font-family: 'Raleway' !important; }
#storepoint-search-bar-container { vertical-align: top; }

.locateDealer { background-color: #f0f0f0; padding: 20px; text-align: center; margin: 0; }
.locateDealer h1 { display: inline-block; margin: 10px 20px 10px 0; font-size: 30px; font-weight: 500; vertical-align: middle; }
.locateDealer input[type="text"] { display: inline-block; vertical-align: middle; width: 300px; margin: 10px 20px 10px 0; padding: 20px 15px; font-size: 20px; }
.locateDealer input[type="submit"] { display: inline-block; vertical-align: middle; margin: 10px 20px 10px 0; text-transform: uppercase; background-color: #333333; padding: 10px 20px; border-radius: 0; font-size: 20px; font-weight: 600; height: auto; }


.searchWrapper.mobileOnly { display: none; margin-top: 8px; width: 70%; }
.searchWrapper { position: relative; margin-top: -3px; }
.searchBar { width: 100%; font-size: 14px; }
input[type="submit"].searchSubmit { background: transparent url('/assets/images/top-a-search-a.png') no-repeat center center/auto; border: none; height: 30px; width: 31px; position: absolute; top: 0; right: 0; padding: 0; }
li.mobileOnly { display: none; }

@media screen and (max-width: 1385px) {
	.searchWrapper.mobileOnly { display: inline-block; }
	li.mobileOnly { display: list-item; }
}

#dealerForm input { margin: 5px 0; }
@media (min-width: 1385px) {
	#dealerForm { margin: 0 auto; width: 600px; }
}

#employementApplication label {
	font-size: 12px;
	font-weight: 400;
}
.font-italic { font-style: italic; }
.mt-5 { margin-top: 40px; }
.font-weight-bold { font-weight: bold; }
#pastEmployment > div {
	padding: 15px 0;
	margin: 0;
}
#pastEmployment > div:nth-child(odd) {
	background-color: #CCC;
}
#pastEmployment > div:nth-child(even) {
	background-color: #EEE;
}
#applicationSignature {
	box-sizing: border-box;
	height: 34px;
	padding: 2px 9px;
}
#employementApplication .vertCent { line-height: 34px; }

@media (max-width: 1385px) {
	#employementApplication { padding: 0 10px; }
}

.mapFilter {
	background-color: #FCFCFC;
	margin: 7px 0 0;
	padding: 10px;
}
.mapFilter input[type="text"] {
	height: 38px;
}
.mapFilter button {
	background-color: #2a3187;
	border: none;
	border-radius: 5px;
	box-sizing: border-box;
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	height: 38px;
	line-height: 14px;
	margin: 0;
	padding: 5px 10px;
}
#dealerResultsRow {
	border-bottom: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	height: 500px;
	margin: 0 0 20px;
	width: 100%;
}
#dealerResults {
	box-sizing: border-box;
	max-height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px
}
#dealerResults .dealer {
	border: 1px solid #E6E6E6;
	padding: 5px;
}
#dealerResults .dealer p {
	margin: 4px 0;
}
#dealerResults .dealer p.dealerName {
	font-weight: 700;
}
#dealerResults .dealer p button {
	background-color: #2a3187;
	border: none;
	border-radius: 5px;
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	margin: 5px 0;
	padding: 5px 10px;
}

.event-a .time { font-size: 12px; margin: 0; }
.event-a .hx { font-size: 16px; margin: 0; padding: 3px 0; }
.event-a .caption { font-size: 13px; }

.pageLinks a { display: inline-block; margin: 0 5px; color: #2a3187; border: 1px solid #2a3187; border-radius: 3px; padding: 3px 8px; font-weight: 700; }
.pageLinks a:hover, .pageLinks a.selected { color: #FFF; background-color: #2a3187; }

.blue-bg { background-color: #2a3187; border-color: #2a3187;}

#loggedInUser { position: absolute; top: 10px; right: 10px; }

.userImage { float: right; max-width: 50%; }
div.clear { clear: both; }

#directorySearch { min-height: 400px; }
#results .card-a { margin: 0; padding: 10px; }
#results .card-a p { margin: 0; }
#results .card-a:nth-child(odd) { background-color: #F2F2F2; }

.ms-ctn { height: 40px; margin: 0; }
.ms-ctn > div { margin: 0; }
.ms-ctn input[type="text"] { height: auto; border: none; }


#loginWrapper { width: 100%; padding: 20px; box-sizing: border-box; }

@media (min-width: 1024px) {
	#loginWrapper { position: absolute; left: 0; top: 50%; transform: translateY(-50%);  }
}

.eventBox { padding: 10px; margin: 0; }
.eventBox .eventDate { font-size: 12px; margin: 0; }
.eventBox .eventTitle { font-size: 16px; margin: 0; padding-bottom: 2px; color: #2a3187; cursor: pointer; font-weight: 600; }
.eventBox .eventBody { font-size: 13px; margin: 0; }

.modal-header { padding: 0.5rem 1rem; margin: 0; }
#eventModalTitle .eventDate { font-size: 12px; text-align: left; margin: 0; font-weight: 400; }
#eventModalBody { margin: 0; }
#eventModalBody .eventDetails { font-size: 14px; text-align: left; }

.monthDivider { margin: 0; padding-top: 5px; border-top: 1px solid #CCC; }

#jobBoard .job {
	border-bottom: 1px solid #CCC;
	padding: 15px 0 5px;
	margin: 0;
}
.job .topLine {
	margin: 0 0 2px;
}
.job .topLine .title {
	color: #2a3187;
	font-weight: 600;
	padding-right: 5px;
}
.job .topLine .branches {
	padding-left: 5px;
}
.job .row {
	margin: 0;
}
.job .row .caption {
	padding-left: 0;
}
.job .descriptionToggle {
	color: #2a3187;
	cursor: pointer;
	margin: 0;
	padding: 5px 0;
}
.job .descriptionToggle .plusMinus {
	float: left;
	font-size: 24px;
	font-weight: 600;
	line-height: 12px;
	margin: 3px 3px 0 0;
}

.job .applyButton {
	font-weight: 600;
	padding: 5px 20px;
}

#applyModalBody {
	text-align: left;
}

.btn.btn-primary {
	background-color: #2a3187;
	border-color: #2a3187;
}