/*------------------------------------*\
    CLIENT THEME

    This is based of BPD Theme 1
\*------------------------------------*/
/* Sub-section comment block
   ========================================================================== */
/* Usage

div.logo {
   background: url("logo.png") no-repeat;
   @include image-2x("logo2x.png", 100px, 25px);
 } 

 */
/* Clearfix
  ========================================================================== */
/* Usage 

.article {
     @include clearfix();
}

*/
/* Box Model
  ========================================================================== */
/* Usage 

*,
*:after,
*:before {
  @include box-sizing(border-box);
}

*/
/* Border Radius
  ========================================================================== */
/* Usage 

.button {
  @include border-radius(5px);
}

.submit-button{
  @include border-top-radius(10px);
}

*/
/* Opacity
  ========================================================================== */
/* Usage 

.article-heading {
  @include opacity(0.8);
}

*/
/* Center-align a block level element
  ========================================================================== */
/* Usage 

.footer-wrap {
  width: 450px;
  @include center-block;
}

*/
/* Text overflow
  ========================================================================== */
/* Usage 

.text-truncate {
  @include text-truncate;
}

*/
/* Absolute positioned
  ========================================================================== */
/* Usage 

.abs {
  @include abs-pos(10px, 10px, 5px, 15px);
}

*/
/* Font Size
  ========================================================================== */
/* Usage 

body {
  @include font-size(16);
}

*/
/* Line Height
  ========================================================================== */
/* Usage 

body {
  @include line-height (16);
}

*/
/* Cross browser inline block
  ========================================================================== */
/* Usage 

.icon {
	@include inline-block();
}
*/
/* Text replacement (instead of text-indent)
  ========================================================================== */
/* Usage 

.header h1 {
	@include text-replacement();
}

*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 7, 2014 */
@font-face {
  font-family: 'Klavika Medium Condensed';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-MediumCondensed.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-MediumCondensed.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika Light Condensed';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-LightCondensedItalic.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-LightCondensedItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Klavika Light Condensed';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-LightCondensed.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-LightCondensed.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika italic';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-BoldItalic.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Klavika Condensed';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-Condensed.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-Condensed.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika Bold';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-Bold.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika condensed italic';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-CondensedItalic.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-CondensedItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Klavika Bold Condensed italic';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-BoldCondensedItalic.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-BoldCondensedItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Klavika Medium Condensed italic';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-MediumCondensedItalic.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-MediumCondensedItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Klavika Regular';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-Regular.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika Bold Condensed';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-BoldCondensed.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-BoldCondensed.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika italic';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-LightItalic.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Klavika Regular italic';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-RegularItalic.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Klavika italic';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-MediumItalic.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Klavika Light';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-Light.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika Medium';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-Medium.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/Klavika-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 7, 2014 */
@font-face {
  font-family: 'apex_newheavy';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/apex-new-heavy-webfont.eot");
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/apex-new-heavy-webfont.eot?#iefix") format("embedded-opentype"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/apex-new-heavy-webfont.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/apex-new-heavy-webfont.woff") format("woff"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/apex-new-heavy-webfont.ttf") format("truetype"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/apex-new-heavy-webfont.svg#apex_newheavy") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'apex_newmedium';
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/apex-new-medium-webfont.eot");
  src: url("/Themes/BPDTHEME01/theme-client-updates/fonts/apex-new-medium-webfont.eot?#iefix") format("embedded-opentype"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/apex-new-medium-webfont.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/apex-new-medium-webfont.woff") format("woff"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/apex-new-medium-webfont.ttf") format("truetype"), url("/Themes/BPDTHEME01/theme-client-updates/fonts/apex-new-medium-webfont.svg#apex_newmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

.page-content {
  min-height: 0;
}

@media (min-width: 62em) {
  .page-content {
    padding: 0 0 30px;
  }
}

@media (min-width: 62em) {
  .page-content.page-content-full {
    padding: 0;
  }
}

/*------------------------------------*    COLOURS
\*------------------------------------*/
.example-area .colour-scheme .colour-1 {
  background: #e0e0e0;
}

.example-area .colour-scheme .colour-4 {
  background: #cc9700;
}

.example-area .colour-scheme .colour-7 {
  background: #333333;
}

.example-area .colour-scheme .colour-10 {
  background: #e7e7e8;
}

.example-area .colour-scheme .colour-12 {
  background: #000000;
}

.example-area .colour-scheme .colour-2 {
  background: #fafafa;
}

.example-area .colour-scheme .colour-5 {
  background: #ffbd00;
}

.example-area .colour-scheme .colour-8 {
  background: #4d4d4d;
}

.example-area .colour-scheme .colour-11 {
  background: #e1e1e1;
}

.example-area .colour-scheme .colour-13 {
  background: #1a1a1a;
}

.example-area .colour-scheme .colour-3 {
  background: #e7e7e8;
}

.example-area .colour-scheme .colour-6 {
  background: #997100;
}

.example-area .colour-scheme .colour-9 {
  background: #1a1a1a;
}

.example-area .colour-scheme .colour-12 {
  background: #aeaeae;
}

.example-area .colour-scheme .colour-14 {
  background: black;
}

/*------------------------------------*    PRIMARY COLORS
\*------------------------------------*/
.primary.background {
  background: #cc9700;
}

.primary.background.lighter {
  background: #ffbd00;
}

.primary.background.darker {
  background: #997100;
}

.primary.text {
  color: #cc9700;
}

.primary.text.lighter {
  color: #ffbd00;
}

.primary.text.darker {
  color: #997100;
}

.secondary.background {
  background: #333333;
}

.secondary.background.lighter {
  background: #4d4d4d;
}

.secondary.background.darker {
  background: #1a1a1a;
}

.secondary.text {
  color: #333333;
}

.secondary.text.lighter {
  color: #4d4d4d;
}

.secondary.text.darker {
  color: #1a1a1a;
}

.alternate.background {
  background: #e7e7e8;
}

.alternate.background.lighter {
  background: #e1e1e1;
}

.alternate.background.darker {
  background: #aeaeae;
}

.alternate.text {
  color: #e7e7e8;
}

.alternate.text.lighter {
  color: #e1e1e1;
}

.alternate.text.darker {
  color: #aeaeae;
}

.black.background {
  background: #000000;
}

.black.background.lighter {
  background: #1a1a1a;
}

.black.background.darker {
  background: black;
}

.black.text {
  color: #000000;
}

.black.text.lighter {
  color: #1a1a1a;
}

.black.text.darker {
  color: black;
}

/*------------------------------------*    TYPE
\*------------------------------------*/
a {
  color: #cc9700;
}

a:hover {
  color: #ffbd00;
  outline: none;
}

a:focus {
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #000000;
}

/*------------------------------------*    TOP BAR
\*------------------------------------*/
#cv-zone-layout {
  background: white url("/Themes/BPDTHEME01/theme-client-updates/img/backgrounds/header.jpg") 0 0 repeat-x;
}

.cv-header-topbar {
  background: white url("/Themes/BPDTHEME01/theme-client-updates/img/backgrounds/header.jpg") 0 0 repeat-x;
}

#cv-zone-topbar .widget-section-menu > a {
  height: auto;
}

.cv-header-topbar a {
  color: #cc9700;
  background: #333333;
  height: auto;
  font-weight: 600;
  padding: 0;
  margin: 0 0 0 10px;
  border-radius: 0px;
  color: white;
}

@media (min-width: 62em) {
  .cv-header-topbar a {
    margin: 0;
  }
}

.cv-header-topbar a:hover {
  background: #333333;
  color: white;
}

.cv-header-topbar a .icon {
  padding: 2px 10px 0px;
  margin-top: 10px;
}

.cv-header-topbar a .icon:before {
  color: #cc9700;
}

.widget-cart-summary .icon {
  padding: 0px;
  padding: 2px 10px 0px;
}

.widget-cart-summary .cart-link {
  margin-right: 10px;
  margin-top: 10px;
  height: auto;
}

.widget-section-menu .dropdown-list:after {
  border-bottom-color: black;
}

.widget-section-menu .dropdown-list li a:hover {
  background: rgba(255, 255, 255, 0.18);
}

.dropdown-section-menu:hover a {
  color: white;
}

.widget-section-menu .dropdown-area li a {
  border-radius: 0;
  margin: 0;
}

/*------------------------------------*    HEADER
\*------------------------------------*/
#cv-zone-header {
  background: none;
  padding: 0 10px 11px;
}

@media (min-width: 62em) {
  #cv-zone-header .col-1-3.header-col-1 {
    width: 20%;
  }
}

@media (min-width: 62em) {
  #cv-zone-header .col-1-3.header-col-2 {
    width: 30%;
  }
}

@media (min-width: 62em) {
  #cv-zone-header .col-1-3.header-col-3 {
    width: 50%;
  }
}

@media (min-width: 37em) {
  #cv-zone-header .main-logo {
    position: relative;
    top: -5px;
    z-index: 100000000;
  }
}

@media (min-width: 92em) {
  .widget-section-menu.feature-nav {
    margin-top: 17px;
  }
}

.widget-section-menu.feature-nav a {
  color: #000000;
  text-transform: uppercase;
  font-weight: 600;
}

@media (min-width: 92em) {
  .widget-section-menu.feature-nav a {
    font-size: 15px;
  }
}

.widget-section-menu.feature-nav a:hover {
  color: white;
  background: none;
  border-bottom: transparent;
}

@media (min-width: 62em) {
  .widget-product-search {
    max-width: 300px;
    margin: 5px auto 0;
  }
}

@media (min-width: 92em) {
  .widget-product-search {
    margin: 15px auto 0;
  }
}

.widget-product-search .product-search-autocomplete {
  border-color: white;
}

.widget-product-search .btn.search {
  background: white;
  color: #333333;
}

.widget-product-search .btn.search:after {
  display: none;
}

.widget-product-search .btn.search:hover {
  color: #cc9700;
  background: white;
}

.widget-product-search .btn.search span.with-text {
  font-size: 0;
}

/*------------------------------------*    MENUS
\*------------------------------------*/
.cv-menus {
  background: #333333;
  border-bottom-color: #333333;
}

.is-sticky .cv-menus {
  background: #333333;
  border-bottom-color: #333333;
  background: rgba(51, 51, 51, 0.9);
  border-bottom-color: rgba(51, 51, 51, 0.9);
}

.widget-navigation-menu ul > li > a, .widget-mega-menu ul > li > a {
  color: #FFF;
  text-transform: uppercase;
  padding: 10px 15px;
  margin: 0;
  font-weight: 400;
}

.widget-navigation-menu ul > li:hover > a, .widget-mega-menu ul > li:hover > a {
  background: #262626;
  border-radius: 0;
  color: #cc9700;
}

.widget-navigation-menu .dropdown-column, .widget-mega-menu .dropdown-column {
  background: #262626;
  border-radius: 0;
  color: #cc9700;
}

.widget-navigation-menu .dropdown-column ul,
.widget-mega-menu .dropdown-column ul {
  padding: 15px 15px;
}

.widget-navigation-menu .dropdown-column li,
.widget-mega-menu .dropdown-column li {
  border-bottom: 1px solid #353535;
  padding: 0;
}

.widget-navigation-menu .dropdown-column li a, .widget-mega-menu .dropdown-column li a {
  background: #262626;
  font-size: 12px;
  font-weight: 400;
  color: #bbbbbb;
  border-bottom: 1px solid #151515;
  padding: 5px 0 !important;
  text-transform: none;
}

.widget-navigation-menu .dropdown-column li a:hover, .widget-mega-menu .dropdown-column li a:hover {
  color: #cc9700;
  background: none;
}

.dl-menuwrapper button {
  background: #333333;
  border-bottom-color: #333333;
  color: white;
}

.dl-menuwrapper button:hover {
  color: #cc9700;
  background: #333333;
}

.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul {
  background: #262626;
  color: #bbbbbb;
}

.no-touch .dl-menuwrapper li a:hover {
  background: #cc9700;
  color: white;
}

.dl-menuwrapper li.dl-back > a {
  background: #997100;
  color: white;
}

/*------------------------------------*    FOOTER
\*------------------------------------*/
#cv-zone-footer {
  background: #262626;
  border-top-color: #262626;
  color: #FFF;
  padding-top: 80px;
}

#cv-zone-footer a {
  color: #FFF;
}

#cv-zone-footer .heading {
  color: #807d7d;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
}

#cv-zone-footer .widget-section-menu {
  display: block;
  width: 100%;
}

@media (min-width: 48em) {
  #cv-zone-footer .widget-section-menu {
    width: 95%;
  }
}

@media (min-width: 62em) {
  #cv-zone-footer .widget-section-menu {
    width: 75%;
  }
}

#cv-zone-footer .widget-section-menu li {
  border-bottom: 1px solid #353535;
}

#cv-zone-footer .widget-section-menu li a {
  font-size: 12px;
  font-weight: 400;
  color: #bbbbbb;
  border-bottom: 1px solid #151515;
  padding: 2px 0;
}

#cv-zone-footer .widget-section-menu li a:hover {
  background: none;
  color: #cc9700;
}

#cv-zone-footer .widget-payment-icons {
  clear: both;
  text-align: left;
  padding-top: 20px;
  display: block;
}

#cv-zone-footer-after {
  background: #FFF;
  color: #333333;
  padding: 0;
}

#cv-zone-footer-after .container {
  border-top: none;
  padding: 0;
}

#cv-zone-footer-after .widget-section-menu li {
  float: left;
  display: inline-block;
  border-right: 1px solid #7e7e7e;
  margin-top: 10px;
}

@media (min-width: 48em) {
  #cv-zone-footer-after .widget-section-menu li {
    margin-top: 15px;
  }
}

#cv-zone-footer-after .widget-section-menu li:last-child {
  border-right: none;
}

#cv-zone-footer-after .widget-section-menu li a {
  font-size: 12px;
  font-weight: 300;
  color: #7e7e7e;
  padding: 0 10px;
}

#cv-zone-footer-after .widget-section-menu li a:hover {
  text-decoration: none;
  color: #cc9700;
}

#cv-zone-footer-after small {
  font-size: 10px;
  font-weight: 300;
  color: #7e7e7e;
  padding: 0 10px;
}

@media (min-width: 48em) {
  #cv-zone-footer-after small {
    padding: 5px 10px;
  }
}

#cv-zone-footer-after small a {
  color: #7e7e7e;
}

#cv-zone-footer-after small a:hover {
  color: #cc9700;
  text-decoration: none;
}

#cv-zone-footer-after .widget-social-links {
  padding: 10px;
}

@media (min-width: 48em) {
  #cv-zone-footer-after .widget-social-links {
    text-align: right;
  }
}

#cv-zone-footer-after .widget-social-links a {
  color: #262626;
  font-size: 22px;
}

#cv-zone-footer-after .widget-social-links a:hover {
  text-decoration: none;
  color: #cc9700;
}

/*------------------------------------*    LAYOUT PAGE CONTENT AFTER CONTENT
\*------------------------------------*/
#cv-zone-pagecontent-after {
  border-bottom: 1px solid #e0e0e0;
  display: block;
  margin-bottom: 3px;
}

@media print {
  #cv-zone-pagecontent-after {
    display: none !important;
  }
}

#cv-zone-pagecontent-after {
  margin: 0 auto 3px;
  max-width: 1620px;
}

.eleven-pagecontent-after-content, #cv-zone-pagecontent-after {
  position: relative;
  padding: 7px 20px 50px 110px;
}

@media (min-width: 37em) {
  .eleven-pagecontent-after-content, #cv-zone-pagecontent-after {
    padding: 7px 20px 50px 120px;
  }
}

@media (min-width: 48em) {
  .eleven-pagecontent-after-content, #cv-zone-pagecontent-after {
    padding: 15px 60px 50px 130px;
  }
}

@media (min-width: 62em) {
  .eleven-pagecontent-after-content, #cv-zone-pagecontent-after {
    padding: 70px 300px 50px 90px;
  }
}

.eleven-pagecontent-after-content .logo-alt, #cv-zone-pagecontent-after .logo-alt {
  position: absolute;
  top: 10px;
  left: 5%;
}

@media (min-width: 62em) {
  .eleven-pagecontent-after-content .logo-alt, #cv-zone-pagecontent-after .logo-alt {
    left: 10px;
    top: 73px;
  }
}

@media (min-width: 92em) {
  .eleven-pagecontent-after-content .logo-alt, #cv-zone-pagecontent-after .logo-alt {
    left: 0;
  }
}

.eleven-pagecontent-after-content .eleven-text, #cv-zone-pagecontent-after .eleven-text {
  font-size: 12px;
  display: block;
  margin: 0 0 10px;
  line-height: 1.8;
}

.eleven-pagecontent-after-content .eleven-bold, #cv-zone-pagecontent-after .eleven-bold {
  font-weight: 600;
}

.eleven-pagecontent-after-content .toolman, #cv-zone-pagecontent-after .toolman {
  display: none;
}

@media (min-width: 62em) {
  .eleven-pagecontent-after-content .toolman, #cv-zone-pagecontent-after .toolman {
    display: block;
    position: absolute;
    bottom: 27px;
    right: 30px;
    z-index: 100;
  }
}

.eleven-pagecontent-after-content .widget-newsletter, #cv-zone-pagecontent-after .widget-newsletter {
  background: #cc9700;
  color: white;
  position: absolute;
  left: 5%;
  width: 90%;
}

.eleven-pagecontent-after-content .widget-newsletter:after, #cv-zone-pagecontent-after .widget-newsletter:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent #262626 transparent;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (min-width: 62em) {
  .eleven-pagecontent-after-content .widget-newsletter, #cv-zone-pagecontent-after .widget-newsletter {
    width: 100%;
    left: 0;
  }
}

@media (min-width: 48em) {
  .eleven-pagecontent-after-content .widget-newsletter:after, #cv-zone-pagecontent-after .widget-newsletter:after {
    border-width: 0 0 12px 12px;
  }
}

.widget-newsletter::after {
  clear: both;
  content: "";
  display: table;
}

.widget-newsletter .newsletter-message {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  padding: 10px 10px 0;
}

@media (min-width: 37em) {
  .widget-newsletter .newsletter-message {
    font-size: 13px;
  }
}

@media (min-width: 48em) {
  .widget-newsletter .newsletter-message {
    float: left;
    display: inline-block;
    width: 50%;
    font-size: 18px;
    padding: 15px 20px;
  }
}

.widget-newsletter .newsletter-form {
  display: block;
  padding: 10px;
}

.widget-newsletter .newsletter-form::after {
  clear: both;
  content: "";
  display: table;
}

@media (min-width: 48em) {
  .widget-newsletter .newsletter-form {
    float: right;
    display: inline-block;
    padding: 10px 10px 10px 0;
    width: 50%;
  }
}

@media (min-width: 62em) {
  .widget-newsletter .newsletter-form {
    padding: 10px 70px 10px 0;
  }
}

.widget-newsletter .newsletter-form .form-email {
  float: left;
  display: inline-block;
  width: 75%;
  height: 34px;
  border: none;
  font-size: 14px;
  margin: 0;
}

@media (min-width: 62em) {
  .widget-newsletter .newsletter-form .form-email {
    width: 90%;
  }
}

.widget-newsletter .newsletter-form .form-email::-webkit-input-placeholder {
  font-style: italic;
  font-weight: 300;
}

.widget-newsletter .newsletter-form .form-email::-moz-placeholder {
  font-style: italic;
  font-weight: 300;
}

.widget-newsletter .newsletter-form .form-email:-moz-placeholder {
  font-style: italic;
  font-weight: 300;
}

.widget-newsletter .newsletter-form .form-email:-ms-input-placeholder {
  font-style: italic;
  font-weight: 300;
}

.widget-newsletter .newsletter-form .btn.cv-newsletter {
  float: right;
  display: inline-block;
  width: calc(25% - 5px);
  text-transform: uppercase;
  font-size: 14px;
  background: white;
  color: #cc9700;
  border-radius: 0;
  border: none;
  height: 34px;
  clear: none;
  padding-top: 8px;
}

@media (min-width: 62em) {
  .widget-newsletter .newsletter-form .btn.cv-newsletter {
    width: calc(10% - 5px);
    font-size: 18px;
    padding-top: 5px;
  }
}

.widget-newsletter .newsletter-form .btn.cv-newsletter:before {
  display: none;
}

/*------------------------------------*    BUTTONS
\*------------------------------------*/
.btn {
  background: #e0e0e0;
  position: relative;
  border: none;
  border-radius: 0 !important;
}

.btn:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 8px 8px;
  border-color: transparent transparent white transparent;
  position: absolute;
  right: 0;
  bottom: 0;
}

.btn.cv-log-in, .btn.cv-log-out,
.btn.cv-view, .btn.cv-search, .btn.cv-filter, .btn.cv-next, .btn.cv-previous,
.btn.cv-back, .btn.cv-send, .btn.cv-home, .btn.cv-print, .btn.cv-export,
.btn.cv-share, .btn.cv-refresh, .btn.cv-copy, .btn.cv-publish, .btn.cv-undo,
.btn.cv-upload, .btn.cv-download, .btn.cv-help,
.btn.cv-add-to-cart, .btn.cv-view-cart,
.btn.primary.cv-readmore, .btn.cv-newsletter, .btn.cv-edit {
  background: #cc9700;
  color: white;
}

.btn.cv-log-in:focus, .btn.cv-log-in:hover, .btn.cv-log-out:focus, .btn.cv-log-out:hover,
.btn.cv-view:focus,
.btn.cv-view:hover, .btn.cv-search:focus, .btn.cv-search:hover, .btn.cv-filter:focus, .btn.cv-filter:hover, .btn.cv-next:focus, .btn.cv-next:hover, .btn.cv-previous:focus, .btn.cv-previous:hover,
.btn.cv-back:focus,
.btn.cv-back:hover, .btn.cv-send:focus, .btn.cv-send:hover, .btn.cv-home:focus, .btn.cv-home:hover, .btn.cv-print:focus, .btn.cv-print:hover, .btn.cv-export:focus, .btn.cv-export:hover,
.btn.cv-share:focus,
.btn.cv-share:hover, .btn.cv-refresh:focus, .btn.cv-refresh:hover, .btn.cv-copy:focus, .btn.cv-copy:hover, .btn.cv-publish:focus, .btn.cv-publish:hover, .btn.cv-undo:focus, .btn.cv-undo:hover,
.btn.cv-upload:focus,
.btn.cv-upload:hover, .btn.cv-download:focus, .btn.cv-download:hover, .btn.cv-help:focus, .btn.cv-help:hover,
.btn.cv-add-to-cart:focus,
.btn.cv-add-to-cart:hover, .btn.cv-view-cart:focus, .btn.cv-view-cart:hover,
.btn.primary.cv-readmore:focus,
.btn.primary.cv-readmore:hover, .btn.cv-newsletter:focus, .btn.cv-newsletter:hover, .btn.cv-edit:focus, .btn.cv-edit:hover {
  background: #ffbd00;
  color: white;
}

.product-slider.product-grid .product .btn.cv-readmore,
.product-slider.product-grid .product .btn.cv-add-to-cart,
.widget-product-list-grid .product .btn.cv-readmore,
.widget-product-list-grid .product .btn.cv-add-to-cart {
  background: #333333;
  color: white;
}

.product-slider.product-grid .product .btn.cv-readmore:focus, .product-slider.product-grid .product .btn.cv-readmore:hover,
.product-slider.product-grid .product .btn.cv-add-to-cart:focus,
.product-slider.product-grid .product .btn.cv-add-to-cart:hover,
.widget-product-list-grid .product .btn.cv-readmore:focus,
.widget-product-list-grid .product .btn.cv-readmore:hover,
.widget-product-list-grid .product .btn.cv-add-to-cart:focus,
.widget-product-list-grid .product .btn.cv-add-to-cart:hover {
  background: #4d4d4d;
  color: white;
}

.btn.cv-favourite,
.btn.cv-favourite.active {
  background: #e7e7e8;
  border-color: #e7e7e8;
  color: black;
}

.btn.cv-favourite:hover,
.btn.cv-favourite.active:hover {
  background: #f4f4f4;
  border-color: #f4f4f4;
  color: black;
}

.btn.cv-checkout,
.btn.cv-apply,
.btn.cv-submit,
.btn.cv-confirm {
  background: #cc9700;
  color: white;
}

.btn.cv-checkout:hover,
.btn.cv-apply:hover,
.btn.cv-submit:hover,
.btn.cv-confirm:hover {
  background: #f5b500;
  color: white;
}

.btn.ghost {
  border: none !important;
}

.btn.ghost.cv-view-cart, .btn.ghost.cv-log-in, .btn.ghost.cv-log-out,
.btn.ghost.cv-view, .btn.ghost.cv-search, .btn.ghost.cv-filter, .btn.ghost.cv-next, .btn.ghost.cv-previous,
.btn.ghost.cv-back, .btn.ghost.cv-send, .btn.ghost.cv-home, .btn.ghost.cv-print, .btn.ghost.cv-export,
.btn.ghost.cv-share, .btn.ghost.cv-refresh, .btn.ghost.cv-copy, .btn.ghost.cv-publish, .btn.ghost.cv-undo,
.btn.ghost.cv-upload, .btn.ghost.cv-download, .btn.ghost.cv-help, .btn.ghost.cv-readmore, .btn.ghost.cv-newsletter,
.btn.ghost.cv-add-to-cart,
.btn.ghost.cv-checkout, .btn.ghost.cv-apply, .btn.ghost.cv-submit, .btn.ghost.cv-confirm, .btn.ghost.cv-edit {
  border-color: #cc9700;
  color: #cc9700;
}

.btn.ghost.cv-view-cart:hover, .btn.ghost.cv-log-in:hover, .btn.ghost.cv-log-out:hover,
.btn.ghost.cv-view:hover, .btn.ghost.cv-search:hover, .btn.ghost.cv-filter:hover, .btn.ghost.cv-next:hover, .btn.ghost.cv-previous:hover,
.btn.ghost.cv-back:hover, .btn.ghost.cv-send:hover, .btn.ghost.cv-home:hover, .btn.ghost.cv-print:hover, .btn.ghost.cv-export:hover,
.btn.ghost.cv-share:hover, .btn.ghost.cv-refresh:hover, .btn.ghost.cv-copy:hover, .btn.ghost.cv-publish:hover, .btn.ghost.cv-undo:hover,
.btn.ghost.cv-upload:hover, .btn.ghost.cv-download:hover, .btn.ghost.cv-help:hover, .btn.ghost.cv-readmore:hover, .btn.ghost.cv-newsletter:hover,
.btn.ghost.cv-add-to-cart:hover,
.btn.ghost.cv-checkout:hover, .btn.ghost.cv-apply:hover, .btn.ghost.cv-submit:hover, .btn.ghost.cv-confirm:hover, .btn.ghost.cv-edit:hover {
  background: #cc9700;
  color: white;
}

.btn.ghost.cv-favourite.active {
  background: none;
  color: #333333;
  border-color: #333333;
  border: none !important;
}

.btn.ghost.cv-favourite.active:hover {
  background: #333333;
  color: white;
}

.btn.ghost.cv-favourite {
  background: none;
  color: #333333;
  border-color: #333333;
  border: none !important;
}

.btn.ghost.cv-favourite:hover {
  background: #333333;
  color: white;
}

.btn.cv-add-to-cart.large {
  clear: both;
  margin-bottom: 10px;
}

@media (min-width: 62em) {
  .btn.cv-add-to-cart.large {
    padding: 10px 20px;
    font-size: 20px;
    position: relative;
    top: 3px;
  }
}

.btn.ghost.cv-clear, .btn.ghost.cv-cancel,
.btn.ghost.cv-close, .btn.ghost.cv-delete {
  border: none !important;
}

.btn.cv-clear, .btn.cv-cancel,
.btn.cv-close, .btn.cv-delete {
  background: #93272c;
}

.btn.cv-clear:hover, .btn.cv-cancel:hover,
.btn.cv-close:hover, .btn.cv-delete:hover {
  background: #a72c32;
}

.btn.cv-clear.ghost, .btn.cv-cancel.ghost,
.btn.cv-close.ghost, .btn.cv-delete.ghost {
  color: #93272c;
}

.btn.cv-clear.ghost:hover, .btn.cv-cancel.ghost:hover,
.btn.cv-close.ghost:hover, .btn.cv-delete.ghost:hover {
  background: #a72c32;
}

.btn.primary {
  background: #cc9700;
  color: white;
}

.btn.primary:hover {
  background: #e6aa00;
  color: white;
}

.btn.primary.ghost {
  border-color: #cc9700;
  color: #cc9700;
}

.btn.primary.ghost:hover {
  background: #cc9700;
  color: white;
}

.btn.primary.clear {
  color: #cc9700;
  background: transparent;
}

.btn.primary.clear:hover {
  background: #cc9700;
  border-color: #cc9700;
  color: white;
}

.btn.secondary {
  background: #333333;
  color: white;
}

.btn.secondary:hover {
  background: #404040;
  color: white;
}

.btn.secondary.ghost {
  border-color: #333333;
  color: #333333;
}

.btn.secondary.ghost:hover {
  background: #333333;
}

.btn.secondary.clear {
  color: #333333;
  background: transparent;
}

.btn.secondary.clear:hover {
  background: #333333;
  border-color: #333333;
}

.btn.alternate {
  background: #e7e7e8;
  color: black;
}

.btn.alternate:hover {
  background: #d4d4d4;
  color: black;
}

.btn.alternate.ghost {
  border-color: #e7e7e8;
  color: #e7e7e8;
}

.btn.alternate.ghost:hover {
  background: #e7e7e8;
}

.btn.alternate.clear {
  color: #e7e7e8;
  background: transparent;
}

.btn.alternate.clear:hover {
  background: #e7e7e8;
  border-color: #e7e7e8;
  color: black;
}

.btn.black {
  background: #000000;
  color: white;
}

.btn.black:hover {
  background: #0d0d0d;
  color: white;
}

.btn.black.ghost {
  border-color: #000000;
  color: #000000;
}

.btn.black.ghost:hover {
  background: #000000;
}

.btn.black.clear {
  color: #000000;
  background: transparent;
}

.btn.black.clear:hover {
  background: #000000;
  border-color: #000000;
  color: white;
}

.cv-is-processing:before, .btn.cv-is-processing:before {
  content: url("/Themes/BPDTHEME01/theme-base/img/icons/loading-small.gif") !important;
}

.is-processing .is-processing-icon:before {
  content: url("/Themes/BPDTHEME01/theme-base/img/icons/loading-small.gif") !important;
}

/*------------------------------------*    TAGS
\*------------------------------------*/
.cv-product-tags li span {
  font-weight: 600;
}

.cv-product-tags li.primary span {
  background: #cc9700;
  color: white;
}

.cv-product-tags li.primary span:before {
  border-color: transparent #cc9700 transparent transparent;
}

.cv-product-tags li.secondary span {
  background: #333333;
}

.cv-product-tags li.secondary span:before {
  border-color: transparent #333333 transparent transparent;
}

.cv-product-tags li.alternate span {
  background: #e7e7e8;
  color: black;
}

.cv-product-tags li.alternate span:before {
  border-color: transparent #e7e7e8 transparent transparent;
}

.cv-product-tags li.black span {
  background: #000000;
}

.cv-product-tags li.black span:before {
  border-color: transparent #000000 transparent transparent;
}

/*------------------------------------*    TOOLTIPS
\*------------------------------------*/
.tooltip:after, [data-tooltip]:after {
  background: #cc9700;
  color: black;
  text-shadow: none;
  font-weight: 600;
}

.tooltip-top:before {
  border-top-color: #cc9700;
  color: black;
}

.tooltip-right:before {
  border-right-color: #cc9700;
  color: black;
}

.tooltip-bottom:before {
  border-bottom-color: #cc9700;
  color: black;
}

.tooltip-left:before {
  border-left-color: #cc9700;
  color: black;
}

.tooltip-error:after {
  background-color: #d83636;
  color: white;
  text-shadow: none;
}

/*------------------------------------*    CONTENT BOXES
\*------------------------------------*/
.content-box {
  border-top-color: #e0e0e0;
  border-radius: 3px;
}

.content-box .box-title {
  background: #e0e0e0;
}

.content-box.primary {
  border: none;
  border-top-color: #cc9700;
  border-radius: 3px;
}

.content-box.primary .box-title {
  background: #cc9700;
  border: 2px solid #cc9700;
}

.content-box.primary .box-content {
  background: #e7e7e8;
  position: relative;
  display: inline-block;
  width: 100%;
}

.content-box.primary .box-content:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent white transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
}

.content-box.primary .box-content .k-tabstrip .k-tabstrip-items .k-item:after {
  border-top-color: #e7e7e8;
}

.content-box.primary .box-content .k-tabstrip .k-tabstrip-items a {
  background: white;
}

.content-box.primary .box-content .k-tabstrip .k-tabstrip-items .k-state-active a {
  background: #333333;
  color: white;
}

.content-box.primary .btn:after {
  border-color: transparent transparent #e7e7e8 transparent;
}

.content-box.secondary {
  border-top-color: #333333;
  border-radius: 3px;
}

.content-box.secondary .box-title {
  background: #333333;
}

.content-box.alternate {
  border-top-color: #e7e7e8;
  border-radius: 3px;
}

.content-box.alternate .box-title {
  background: #e7e7e8;
  color: black;
}

.content-box.black {
  border-top-color: #000000;
  border-radius: 3px;
}

.content-box.black .box-title {
  background: #000000;
}

.grey-box {
  background: #e7e7e8;
  border-radius: 0;
  border: none;
  position: relative;
}

.grey-box:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent white transparent;
  position: absolute;
  right: 0;
  bottom: 0;
}

/*------------------------------------*    ARROW BOXES
\*------------------------------------*/
.arrow-box.primary {
  background: #cc9700;
  color: white;
}

.arrow-box.primary:after {
  border-bottom-color: #cc9700;
}

.arrow-box.secondary {
  background: #333333;
}

.arrow-box.secondary:after {
  border-bottom-color: #333333;
}

.arrow-box.alternate {
  background: #e7e7e8;
  color: black;
}

.arrow-box.alternate:after {
  border-bottom-color: #e7e7e8;
}

.arrow-box.black {
  background: #000000;
}

.arrow-box.black:after {
  border-bottom-color: #000000;
}

/*------------------------------------*    PROGRESS STEPS
\*------------------------------------*/
.progress-steps li.active a, .progress-steps li.active span {
  background: #cc9700;
}

.progress-steps li a, .progress-steps li span {
  background: #ffbd00;
}

.progress-steps li.completed:hover a, .progress-steps li.completed:hover span {
  background: #e7e7e8;
}

/*------------------------------------*    MODAL WINDOW
\*------------------------------------*/
.modal-header {
  background: #cc9700;
  color: black;
  font-weight: 600;
}

/*------------------------------------*    PRODUCT RIBBONS
\*------------------------------------*/
.product-ribbons {
  left: 0;
  top: -4px;
}

.product-grid.grid .product .product-ribbons {
  top: -6px;
  left: -6px;
}

/*------------------------------------*    OWL SLIDER
\*------------------------------------*/
.owl-theme .owl-controls .owl-page span {
  border-radius: 0;
  background: #fafafa;
  -webkit-box-shadow: 1px 1px 3px #666;
  box-shadow: 1px 1px 3px #666;
}

.owl-theme .owl-controls .owl-page.active span {
  background: #cc9700;
}

/*------------------------------------*    FORMS / KENDO
\*------------------------------------*/
.k-tabstrip .k-tabstrip-items .k-state-active {
  border-top-color: #cc9700;
}

.k-tabstrip .k-tabstrip-items .k-state-hover {
  border-top-color: #cc9700;
}

.k-draghandle {
  background: #cc9700;
}

.k-draghandle:hover {
  background: #cc9700;
}

.k-draghandle.k-state-selected {
  background: #cc9700;
}

.form-text:focus, .form-credit-card:focus, .form-password:focus, .form-email:focus, .form-url:focus, .form-tel:focus {
  border-left-color: #cc9700;
}

.form-textarea:focus {
  border-left-color: #cc9700;
}

.k-state-focused {
  border-left-color: #cc9700;
}

.k-popup .k-list .k-state-focused {
  background: #cc9700;
  border-color: #cc9700;
  color: #fff;
}

.k-list .k-state-selected {
  background: #cc9700 !important;
  border-color: #cc9700;
  color: #fff;
}

/*------------------------------------*    ARTICLE TAGS
\*------------------------------------*/
.article-tags .tag {
  background: #333333;
}

.article-tags .tag:hover {
  background: #cc9700;
}

/*------------------------------------*    FILE DOWNLOAD
\*------------------------------------*/
.file-download .download:hover {
  border-left-color: #cc9700;
}

/*------------------------------------*    FILTERING
\*------------------------------------*/
.expandable-header {
  background: #cc9700;
  color: white;
}

.expandable-header:hover {
  color: white;
}

/*------------------------------------*    STATIC CONTENT
\*------------------------------------*/
.img-small img, .img-med img, .img-large img {
  float: left;
}

.content-table thead {
  background: #333333;
}

.content-table thead tr:hover {
  background: #333333;
}

.table-layout .heading-row {
  background: #333333;
}

.content-table tr.highlighted td {
  background: #cc9700;
  border-color: #cc9700;
  color: black;
}

/*------------------------------------*    DASHBORD
\*------------------------------------*/
.sub-page-tile {
  border-top-color: #cc9700;
}

.sub-page-tile:hover {
  border-top-color: #cc9700;
}

.sub-page-tile:hover .text-large {
  color: #000000;
}

.sub-page-tile:hover .icon-large {
  background: #cc9700;
}

.sub-page-tile .icon-large {
  background: #cc9700;
}

.sub-page-tile .icon-large:before {
  color: white;
}

/*------------------------------------*    HOMEPAGE
\*------------------------------------*/
.page-content .container.full-width-padding:nth-child(2n) {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: #e0e0e0;
}

.homepage-categories {
  margin: 20px 0 -20px 0;
  text-align: center;
  padding: 10px 10px 0;
}

.homepage-categories ul {
  display: none;
}

.homepage-categories ul::after {
  clear: both;
  content: "";
  display: table;
}

@media (min-width: 48em) {
  .homepage-categories ul {
    display: block;
  }
}

.homepage-categories ul a {
  display: inline-block;
  float: left;
  width: 25%;
}

@media (min-width: 37em) {
  .homepage-categories ul a {
    width: 20%;
  }
}

@media (min-width: 62em) {
  .homepage-categories ul a {
    width: 10%;
  }
}

.homepage-category-icon {
  width: 88px;
  height: 180px;
  display: inline-block;
  background-repeat: no-repeat !important;
}

@media (min-width: 92em) {
  .homepage-category-icon {
    height: 100px;
  }
}

.homepage-category-icon .category-title {
  display: block;
  color: #838383;
  padding-top: 100px;
  font-size: 15px;
  text-transform: uppercase;
}

.homepage-category-icon.icon-1 {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-1-normal.png");
}

.homepage-category-icon.icon-1:hover {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-1-hover.png");
}

.homepage-category-icon.icon-2 {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-2-normal.png");
}

.homepage-category-icon.icon-2:hover {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-2-hover.png");
}

.homepage-category-icon.icon-3 {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-3-normal.png");
}

.homepage-category-icon.icon-3:hover {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-3-hover.png");
}

.homepage-category-icon.icon-4 {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-4-normal.png");
}

.homepage-category-icon.icon-4:hover {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-4-hover.png");
}

.homepage-category-icon.icon-5 {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-5-normal.png");
}

.homepage-category-icon.icon-5:hover {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-5-hover.png");
}

.homepage-category-icon.icon-6 {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-6-normal.png");
}

.homepage-category-icon.icon-6:hover {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-6-hover.png");
}

.homepage-category-icon.icon-7 {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-7-normal.png");
}

.homepage-category-icon.icon-7:hover {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-7-hover.png");
}

.homepage-category-icon.icon-8 {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-8-normal.png");
}

.homepage-category-icon.icon-8:hover {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-8-hover.png");
}

.homepage-category-icon.icon-9 {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-9-normal.png");
}

.homepage-category-icon.icon-9:hover {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-9-hover.png");
}

.homepage-category-icon.icon-10 {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-10-normal.png");
}

.homepage-category-icon.icon-10:hover {
  background: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/icon-10-hover.png");
}

.homepage-featured-slider {
  margin: 0 auto;
  max-width: 1620px;
  text-align: center;
  padding-bottom: 4px;
}

.homepage-featured-slider::after {
  clear: both;
  content: "";
  display: table;
}

.homepage-featured-slider .banner-caption {
  background: none;
  padding-bottom: 20px;
}

@media (min-width: 48em) {
  .homepage-featured-slider .banner-caption {
    top: 20%;
    left: 65%;
    width: 30%;
    text-align: left !important;
    padding: 0;
  }
  .homepage-featured-slider .banner-caption .subtitle {
    font-weight: normal;
    font-size: 12px;
    line-height: 1.8;
  }
}

@media (min-width: 62em) {
  .homepage-featured-slider .banner-caption .subtitle {
    font-size: 14px;
    line-height: 1.8;
  }
}

@media (min-width: 92em) {
  .homepage-featured-slider .banner-caption .subtitle {
    font-size: 16px;
    line-height: 1.8;
  }
}

.homepage-product-slider .subtitle,
.widget-campaign-slider .subtitle {
  background: #333333;
  color: #cc9700;
  font-weight: 600;
  padding: 5px 25px 5px 10px;
  display: inline-block;
  position: relative;
  font-size: 18px;
  text-transform: uppercase;
}

.homepage-product-slider .subtitle:after,
.widget-campaign-slider .subtitle:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 22px 22px;
  border-color: transparent transparent white transparent;
  position: absolute;
  right: 0;
  bottom: 0;
}

.homepage-banner-area {
  display: none;
  margin: 0 auto;
  max-width: 1620px;
  margin: 25px auto;
}

@media (min-width: 62em) {
  .homepage-banner-area {
    display: block;
  }
}

.homepage-banner-area a {
  display: block;
  text-align: center;
}

.homepage-banner-area img {
  width: 100%;
  display: block;
}

@media (min-width: 62em) {
  .homepage-banner-area img {
    width: 95%;
    margin-left: 2.5%;
  }
}

.homepage-banner-area .text-overlay {
  position: absolute;
  color: white;
  width: 95%;
  margin-left: 2.5%;
}

.homepage-banner-area .text-overlay span {
  display: block;
  line-height: 1;
}

.homepage-banner-01, .homepage-banner-02, .homepage-banner-03,
.homepage-banner-04, .homepage-banner-05, .homepage-banner-06 {
  position: relative;
}

.homepage-banner-01 .text-overlay {
  top: 60%;
  left: 0px;
}

.homepage-banner-01 .text-overlay .text-line-1 {
  font-size: 16px;
  font-family: "apex_newmedium";
  text-transform: uppercase;
  text-shadow: 2px 2px 0px #000;
  padding-bottom: 8px;
}

.homepage-banner-01 .text-overlay .text-line-2 {
  font-size: 24px;
  font-family: "apex_newheavy";
  text-transform: uppercase;
  text-shadow: 2px 2px 0px #000;
}

.homepage-banner-02 .text-overlay {
  top: 36%;
  left: 0px;
}

.homepage-banner-02 .text-overlay .text-line-1 {
  font-size: 18px;
  text-transform: uppercase;
  text-shadow: 2px 2px 0px #000;
  padding-bottom: 8px;
  font-weight: 600;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.homepage-banner-02 .text-overlay .text-line-2 {
  font-size: 13px;
  text-transform: uppercase;
  text-shadow: 2px 2px 0px #000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-top: 1px solid #915200;
  padding-top: 10px;
  width: 80%;
  margin: 0 auto;
}

.homepage-banner-03 .text-overlay {
  top: auto;
  left: 5%;
  width: 85%;
  bottom: 40px;
}

.homepage-banner-03 .text-overlay .text-line-1 {
  font-family: "apex_newheavy";
  font-size: 32px;
  text-shadow: 2px 2px 0px #000;
  text-transform: uppercase;
  text-align: left;
  display: block;
}

.homepage-banner-04 .text-overlay {
  top: auto;
  left: 5%;
  width: 85%;
  bottom: 40px;
}

.homepage-banner-04 .text-overlay .text-line-1 {
  font-family: "apex_newheavy";
  font-size: 32px;
  text-shadow: 2px 2px 0px #000;
  text-transform: uppercase;
  text-align: left;
  display: block;
}

.homepage-banner-05 .text-overlay {
  top: 60%;
  left: 0px;
}

.homepage-banner-05 .text-overlay .text-line-1 {
  font-size: 16px;
  font-family: "apex_newmedium";
  text-transform: uppercase;
  text-shadow: 2px 2px 0px #000;
  padding-bottom: 8px;
}

.homepage-banner-05 .text-overlay .text-line-2 {
  font-size: 24px;
  font-family: "apex_newheavy";
  text-transform: uppercase;
  text-shadow: 2px 2px 0px #000;
}

.homepage-banner-06 .text-overlay {
  top: 36%;
  left: 0px;
}

.homepage-banner-06 .text-overlay .text-line-1 {
  font-size: 18px;
  text-transform: uppercase;
  text-shadow: 2px 2px 0px #000;
  padding-bottom: 8px;
  font-weight: 600;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.homepage-banner-06 .text-overlay .text-line-2 {
  font-size: 13px;
  text-transform: uppercase;
  text-shadow: 2px 2px 0px #000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-top: 1px solid #0d0d0c;
  padding-top: 10px;
  width: 80%;
  margin: 0 auto;
}

@media (min-width: 37em) {
  .homepage-banner-01 img {
    margin-bottom: 8px;
  }
}

@media (min-width: 62em) {
  .homepage-banner-01 img {
    margin-bottom: 15px;
  }
}

@media (min-width: 92em) {
  .homepage-banner-01 img {
    margin-bottom: 23px;
  }
}

@media (min-width: 37em) {
  .homepage-banner-05 img {
    margin-bottom: 3px;
  }
}

@media (min-width: 62em) {
  .homepage-banner-05 img {
    margin-bottom: 10px;
  }
}

@media (min-width: 92em) {
  .homepage-banner-05 img {
    margin-bottom: 18px;
  }
}

#homepage-gallery-slider .owl-controls, #homepage-featured-slider .owl-controls,
#formHome .widget-banner-slider .owl-controls {
  position: relative;
  margin-top: -30px !important;
  z-index: 10;
}

/*------------------------------------*    LIST / GRID
\*------------------------------------*/
.current-page,
.page-next:hover, .page-prev:hover, .page-first:hover, .page-last:hover, .page-num:hover,
.cv-productgrid-options .layout-switch:hover {
  background: #cc9700;
  border-color: #cc9700;
}

.list-grid-banner {
  margin-bottom: 20px;
  display: block;
  margin-bottom: 20px;
}

.list-grid-banner::after {
  clear: both;
  content: "";
  display: table;
}

.list-grid-banner img {
  width: 100%;
  display: block;
  float: left;
}

.widget-category-banner {
  margin-bottom: 20px;
  text-align: center;
}

.widget-category-banner .category-banner-text {
  margin: 0 auto;
  padding-top: 0;
  font-size: 12px;
  padding: 0 0 5px;
  display: block;
  line-height: normal;
}

.product-filter .expandable-header {
  background: white;
  color: #333333;
  border-bottom: 2px solid #f2f2f0;
}

.expandable-header .downArrow,
.expandable-header .upArrow {
  color: #333333;
}

.expandable-content {
  border: none;
}

.filter-list li {
  border-bottom: 1px solid #f2f2f2;
}

.widget-breadcrumb {
  background: #f0f0f0;
  margin: 0 0 20px;
  padding: 7px;
}

.widget-breadcrumb .container {
  padding-left: 5px;
}

.product-grid.grid .product {
  background: white;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

@media (min-width: 92em) {
  .product-grid.grid .product {
    width: 23%;
  }
}

.product-grid.grid .product:hover {
  background: none;
}

.product-grid.grid .product .product-img {
  border: 1px solid #ddd;
  border-radius: 0;
  margin: 0;
  padding: 5%;
  width: 100%;
}

.product .price {
  color: #cc9700 !important;
}

.product .rrp, .product .code {
  color: #4d4d4d !important;
}

@media (min-width: 62em) {
  .product-grid.detailed-list .atc {
    text-align: right;
  }
}

/*------------------------------------*\
    Side bar filter
\*------------------------------------*/
.widget-sub-category-list.expandable .top-level .expandable:before,
.widget-product-category-list .top-level .expandable:before {
  background: #cc9700;
}

.widget-sub-category-list.expandable .top-level .expandable a:hover,
.widget-product-category-list .top-level .expandable a:hover {
  background: #cc9700;
}

.widget-sub-category-list.expandable .top-level .expandable .non-expandable,
.widget-product-category-list .top-level .expandable .non-expandable {
  width: 85%;
  float: right;
}

.widget-sub-category-list.expandable .top-level .expandable .non-expandable .box-title,
.widget-product-category-list .top-level .expandable .non-expandable .box-title {
  margin: 0;
}

.widget-sub-category-list.expandable .non-expandable a,
.widget-product-category-list .non-expandable a {
  width: 100%;
}

.widget-sub-category-list.expandable .non-expandable a:hover,
.widget-product-category-list .non-expandable a:hover {
  background: #cc9700;
}

.widget-sub-category-list.expandable .second-level,
.widget-product-category-list .second-level {
  background: white;
}

.second-level.box-content.expandable-content,
.widget-product-category-list .is-visible .second-level,
.widget-sub-category-list.expandable .is-visible .second-level {
  background: #e7e7e8;
}

/*------------------------------------*
 PRODUCT DETAIL
\*------------------------------------*/
.widget-product-gallery .zoom:hover {
  color: #cc9700;
}

#product-gallery-slider .owl-controls .active .item-link {
  border-bottom-color: #cc9700;
}

.reviews {
  background: white;
  margin-bottom: 0;
}

.write-review {
  background: #f6f6f6;
}

.write-review:after {
  border-bottom-color: #f6f6f6;
}

.write-review .btn:after {
  border-bottom-color: #f6f6f6;
}

.write-review .rating .stars.five .star-one,
.write-review .rating .stars.five .star-two,
.write-review .rating .stars.five .star-three,
.write-review .rating .stars.five .star-four,
.write-review .rating .stars.five .star-five,
.write-review .rating .stars.four .star-one, .write-review .rating .stars.four .star-two, .write-review .rating .stars.four .star-three, .write-review .rating .stars.four .star-four,
.write-review .rating .stars.three .star-one, .write-review .rating .stars.three .star-two, .write-review .rating .stars.three .star-three,
.write-review .rating .stars.two .star-one, .write-review .rating .stars.two .star-two,
.write-review .rating .stars.one .star-one {
  color: #cc9700;
}

.rating .stars.five .star-one, .rating .stars.five .star-two,
.rating .stars.five .star-three, .rating .stars.five .star-four,
.rating .stars.five .star-five,
.rating .stars.four .star-one, .rating .stars.four .star-two, .rating .stars.four .star-three, .rating .stars.four .star-four,
.rating .stars.three .star-one, .rating .stars.three .star-two, .rating .stars.three .star-three,
.rating .stars.two .star-one, .rating .stars.two .star-two,
.rating .stars.one .star-one {
  color: #cc9700;
}

.widget-recently-viewed-products .product-grid.grid h2 {
  font-size: 16px;
  font-weight: bolder;
  text-align: center;
}

.widget-recently-viewed-products .product-grid.grid .product {
  width: 96%;
  float: right;
}

.cv-cart-line {
  background: none;
  border-left: none;
}

.k-tabstrip {
  border-color: transparent;
}

.k-tabstrip .k-content {
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top: 2px solid #4d4d4d;
  z-index: 100;
  position: relative;
  top: -1px;
}

.k-tabstrip .k-state-active.k-item.k-tab-on-top.k-state-default.k-first {
  margin-bottom: 0px;
}

.k-tabstrip .k-tabstrip-items .k-state-active {
  background: #333333;
  color: white;
  border-bottom-color: #333333 !important;
}

.info-group ul.k-tabstrip-items {
  margin: 0;
}

.k-tabstrip .k-tabstrip-items .k-item {
  border: none;
  border-top-color: #e1e1e1;
  background: #e1e1e1;
  position: relative;
}

.k-tabstrip .k-tabstrip-items .k-item:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0 0;
  border-color: white transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.product-detail-right {
  position: relative;
}

.addthis_sharing_toolbox {
  margin-top: 20px;
}

@media (min-width: 62em) {
  .addthis_sharing_toolbox {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }
}

.expandable-content ul.colours li {
  width: 100%;
  margin: 0;
}

.expandable-content ul.colours li .colour-swatch {
  border-radius: 2px;
  margin-right: 5px;
}

.product-grid.detailed-list .compare {
  font-size: 12px;
  clear: left;
  margin: 10px 0;
}

.compare {
  color: #7c7c7c;
}

.current-view {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 5px;
  margin: 0 0 15px;
}

.current-view::after {
  clear: both;
  content: "";
  display: table;
}

.current-view-title {
  display: inline-block;
  width: 100px;
  float: left;
  font-size: 12px;
  color: #7c7c7c;
}

.current-view-switch {
  display: inline-block;
  float: left;
}

.owl-item .video {
  padding-top: 25%;
}

#cv-zone-aside-right .product-grid.grid {
  margin-top: 80px;
}

#cv-zone-aside-right .product-grid.grid .product {
  width: 48%;
  margin: 1% !important;
  margin: 0 0 20px;
}

@media (min-width: 48em) {
  #cv-zone-aside-right .product-grid.grid .product {
    width: 23%;
    margin: 1% !important;
  }
}

@media (min-width: 62em) {
  #cv-zone-aside-right .product-grid.grid .product {
    width: 100%;
    margin: 0 0 20px !important;
  }
}

#cv-zone-aside-right .product-grid.grid .product .title {
  height: auto;
}

#cv-zone-aside-right .product-grid.grid .product .form-number {
  display: block;
  width: 100%;
  margin: 0 0 5px;
  max-width: 100%;
}

#cv-zone-aside-right .product-grid.grid .product .btn {
  display: block;
  width: 100%;
}

.cv-asideright-pagecontent #cv-zone-pagecontent-before {
  position: absolute;
  left: 0;
  width: 100%;
}

.cv-asideright-pagecontent .page-content {
  padding-top: 50px;
}

@media (min-width: 62em) {
  .cv-asideright-pagecontent .container {
    width: 100%;
    padding-right: 5%;
  }
}

.btn-cart-option.btn.clear {
  border: none;
  background: #e0e0e0;
  color: #333;
}

.btn-cart-option.btn.clear:hover {
  background: #cc9700;
  color: white;
}

.cv-cart-line.line-update .cv-ico-general-cycle {
  background: #cc9700;
}

.grey-box .btn:after {
  border-bottom-color: #e7e7e8;
}

.widget-freight-estimate .arrow-box.default {
  background: white;
  border-radius: 0;
}

.widget-freight-estimate .arrow-box.default:after {
  border-bottom-color: white;
}

@media (min-width: 92em) {
  .reviews .review {
    width: 48%;
    margin: 0 2% 1% 0;
    float: left;
    display: inline-block;
    clear: none;
  }
}

.k-tabstrip .k-tabstrip-items .k-item {
  width: 48%;
  margin: 2px 2% 2px 0;
}

@media (min-width: 62em) {
  .k-tabstrip .k-tabstrip-items .k-item {
    width: auto;
    margin: 0 5px 0 0;
  }
}

.k-tabstrip .k-tabstrip-items .k-state-active {
  background: #333;
}

@media (min-width: 37em) {
  .product-detail-right .widget-product-purchase-details .btn.cv-add-to-cart, .product-detail-right .widget-product-purchase-details .btn.cv-favourite {
    min-width: 130px;
    font-size: 14px;
    position: relative;
    top: 3px;
  }
}

.cv-asideright-pagecontent #cv-zone-pagecontent-after {
  width: 100%;
}

.cv-asideright-pagecontent #cv-zone-pagecontent-after .container {
  padding-right: 0;
}

@media (min-width: 48em) {
  .cv-productgrid-options .widget-product-list-totals {
    float: right;
  }
}

.cv-productgrid-options .widget-list-layout-switch {
  padding-right: 10px;
}

.widget-cross-sell-up-sell.spacing-top {
  margin-top: 40px;
}

.info.background, .alert-box.info, .cv-notification.info {
  background: #105886;
}

.info.text {
  color: #105886;
}

.success.background, .alert-box.success, .cv-notification.success {
  background: #286140;
}

.success.text {
  color: #286140;
}

.error.background, .alert-box.error, .cv-notification.error {
  background: #93272c;
}

.error.text {
  color: #93272c;
}

.alert-box.alt-style.info {
  border-left-color: #105886;
  color: #105886;
  background: #f3fafe;
}

.alert-box.alt-style.info .close-alert {
  color: #105886;
}

.alert-box.alt-style.success {
  border-left-color: #286140;
  color: #286140;
  background: #f4faf6;
}

.alert-box.alt-style.success .close-alert {
  color: #286140;
}

.alert-box.alt-style.error {
  border-left-color: #93272c;
  color: #93272c;
  background: #fbf1f1;
}

.alert-box.alt-style.error .close-alert {
  color: #93272c;
}

.reviews h5 {
  border-bottom: 1px dotted #ddd;
}

.info-group h5 {
  border-bottom-style: dotted;
}

.product-compare-bar {
  z-index: 1000000000000;
  border-top-color: #cc9700;
}

.product-compare-toggle {
  background: #cc9700;
  width: 150px;
}

#compare-full-toggle {
  background: #000000;
}

#compare-full-toggle:hover {
  background: #1a1a1a;
}

#cv-zone-feature .container.full-width-padding:nth-child(3n) {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: #e0e0e0;
}

.widget-logout .cv-is-processing {
  margin: 10px 0px 0 0;
}

.widget-logout .cv-is-processing:before {
  display: none;
}

@media (min-width: 62em) {
  .widget-logout .cv-is-processing .icon {
    padding-top: 2px;
    margin-top: 0;
  }
}

.list-ul {
  margin-bottom: 20px;
}

#DisplayLoginTemplate,
#pageLoginTemplate {
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size: 14px !important;
  text-align: left !important;
}

.widget-switch-account .acc-code {
  background: #333333;
  color: white;
}

.icon-definitions .col-1-3 img {
  max-width: 100px;
  margin-bottom: 10px;
}

.icon-definitions .col-1-3 span {
  display: block;
  font-size: 12px;
  height: 120px;
}

.icon-definitions .col-1-4 {
  padding-right: 15px;
}

.icon-definitions .col-1-4 img {
  max-width: 120px;
  margin-bottom: 10px;
}

.icon-definitions .col-1-4 span {
  display: block;
  font-size: 12px;
  height: 120px;
}

#cvpfTemplate #td1 {
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size: 14px !important;
}

#cvpfTemplate ul {
  list-style: disc;
  margin: 10px 0 40px 40px;
  padding: 0;
  line-height: 200%;
}

img.description-icon {
  max-height: 50px;
  display: inline-block;
  margin: 0 10px 10px 0;
}

.cv-is-hidden {
  display: none !important;
}

.location-listing::after {
  clear: both;
  content: "";
  display: table;
}

@media (min-width: 48em) {
  .location-listing {
    float: left;
    display: inline-block;
    width: 36%;
  }
}

.location-list {
  width: 100%;
}

.widget-checkout-payment-options .box-content.spacing-top {
  margin-top: 0;
}

.widget-checkout-payment-options .box-content.spacing-top::after {
  clear: both;
  content: "";
  display: table;
}

.widget-checkout-payment-options .box-content.spacing-top .col-1-1 {
  float: none;
}

.widget-switch-account .switch-acc a {
  height: 24px;
}

.widget-switch-account .switch-acc a:hover {
  background: #333333;
  color: white;
}

.widget-switch-account .switch-acc .icon {
  padding-top: 3px;
}

.widget-switch-account .acc-code a {
  color: white;
}

.widget-role-select .role-select {
  background: #333333;
  margin-top: 5px;
  margin-right: 5px;
  color: white;
  height: 24px;
}

.widget-role-select .role-select:hover {
  background: #333333;
  color: white;
}

.widget-role-select .role-select span:before {
  color: #cc9700;
}

.widget-role-select .role-select .icon {
  padding-top: 3px;
}

.widget-role-select .role-code {
  color: white;
  background: #333333;
}

.widget-role-select .role-name,
.widget-switch-account .acc-name {
  display: none;
}

@media print {
  .widget-cross-sell-up-sell {
    display: none !important;
  }
}

.btn.btn-cart-option.clear.cv-ico-general-star.secondary {
  background: #cc9700;
  color: white;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/fancybox_sprite.png");
}

.fancybox-nav span {
  background-color: #e7e7e8;
  border-radius: 50px;
  visibility: visible;
}

.fancybox-nav span:hover {
  background-color: #cc9700;
}

@media (min-width: 48em) {
  .eleven-factor .col-15-16 {
    padding-top: 13px;
  }
}

#cv-zone-feature .banner-caption {
  background: black;
  color: white;
  font-family: "apex_newheavy";
  text-shadow: 2px 2px 0px #000;
  text-transform: uppercase;
  padding: 20px;
}

@media (min-width: 48em) {
  #cv-zone-feature .banner-caption {
    background: none;
    padding: 0;
    max-width: 28%;
  }
}

@media (min-width: 62em) {
  #cv-zone-feature .banner-caption {
    padding: 5% 0 0;
    max-width: 30%;
    top: 10%;
  }
}

@media (min-width: 92em) {
  #cv-zone-feature .banner-caption {
    padding: 5% 0 0;
    max-width: 30%;
    top: 10%;
  }
}

#cv-zone-feature .banner-caption .subtitle {
  color: white;
  font-size: 14px;
  line-height: 1.1;
}

@media (min-width: 48em) {
  #cv-zone-feature .banner-caption .subtitle {
    font-size: 28px;
  }
}

@media (min-width: 62em) {
  #cv-zone-feature .banner-caption .subtitle {
    font-size: 32px;
  }
}

@media (min-width: 92em) {
  #cv-zone-feature .banner-caption .subtitle {
    font-size: 44px;
  }
}

#cv-zone-feature .banner-caption .subtitle span {
  color: #cc9700;
}

#cv-zone-feature .banner-caption .btn {
  max-width: 150px;
  text-transform: none;
  text-shadow: none;
  color: white;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (min-width: 62em) {
  #cv-zone-feature .banner-caption .btn {
    font-size: 16px;
    max-width: none;
    padding: 10px 20px;
  }
}

#cv-zone-feature .banner-caption .btn:after {
  border-color: transparent transparent black transparent;
}

#input-suburb-or-postcode {
  border: 1px solid #ddd;
  border-left-width: 2px;
  height: 28px;
}

#input-suburb-or-postcode:focus {
  border-left-color: #cc9700;
}

.checkout-heading-navigation .btn.small {
  background: #cc9700;
}

.checkout-heading-navigation .btn.small:hover {
  background: #997100;
}

@media (min-width: 62em) {
  .cart-product-info {
    float: right;
  }
}

.user-maintenance-search #_DataGridTableContainer .headingRow td {
  background: #40494c !important;
}

.user-maintenance-search .headingRow.cv-table-row-0 {
  background: #40494c !important;
}

.headingRow.cv-table-row-0 {
  background: #40494c !important;
}

#_DataGridTableContainer .headingRow td a {
  background: #40494c !important;
}

/* START  #271789 Gift with Purchase Promotion (for Product Variants) */
.message-box .cv-ico-general-rocket:before {
  content: "";
  background-image: url(/Themes/BPDTHEME01/theme-client-updates/img/icons/giftbox.png);
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: 20px;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  top: 2px;
}

.message-box .content-box .box-title {
  padding: 6px 10px 6px;
}

.free-gift-link {
  float: left;
  padding: 5px 10px;
  border: 1px solid #cc9700;
  color: #a27a06;
  margin: 10px 0;
  background: white;
}

.free-gift-link.cv-ico-general-rocket:before {
  content: "";
  background-image: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/giftboxY.png");
  width: 25px;
  height: 16px;
  display: inline-block;
  background-size: 18px;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  top: 2px;
}

#giftWithPurchasePopup {
  max-width: 300px;
}

#giftWithPurchasePopup .modal-header h1 {
  margin: 0;
  padding: 0;
  color: white;
  font-size: 16px;
}

#giftWithPurchasePopup .modal-header h1.cv-ico-general-rocket:before {
  content: "";
  background-image: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/giftbox.png");
  width: 25px;
  height: 16px;
  display: inline-block;
  background-size: 18px;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  top: 2px;
}

#giftWithPurchasePopup .modal-content .widget-productlist-image img {
  max-width: none;
  width: 100%;
}

#giftWithPurchasePopup .modal-content .widget-productlist-title {
  float: left;
  width: 100%;
}

#giftWithPurchasePopup .modal-content .widget-productlist-title span {
  float: left;
  margin: 0 0 10px 0;
  font-size: 14px;
}

#giftWithPurchasePopup .modal-content .option {
  float: left;
  width: 100%;
  margin-top: 10px;
}

#giftWithPurchasePopup .modal-content .option span.k-dropdown {
  float: left;
  width: 100%;
}

.free-gift-in-cart {
  float: left;
  width: 100%;
  margin: 10px 0;
}

@media (min-width: 62em) {
  .free-gift-in-cart {
    padding-right: 10px;
  }
}

.free-gift-in-cart .header {
  float: left;
  width: 100%;
}

.free-gift-in-cart .header span {
  background: #cc9700;
  color: white;
  padding: 3px 8px 2px;
  float: left;
  font-size: 12px;
  margin-bottom: 5px;
}

.free-gift-in-cart .header span span {
  float: left;
  padding: 0;
  margin: 0;
}

.free-gift-in-cart .header span.cv-ico-general-rocket:before {
  content: "";
  background-image: url("/Themes/BPDTHEME01/theme-client-updates/img/icons/giftbox.png");
  width: 20px;
  height: 16px;
  display: inline-block;
  background-size: 16px;
  background-repeat: no-repeat;
  float: left;
}

.free-gift-in-cart .product-section {
  float: left;
}

@media (min-width: 48em) {
  .free-gift-in-cart .product-section {
    height: 100px;
  }
}

.free-gift-in-cart .product-section .col-1-4 {
  display: none;
}

@media (min-width: 48em) {
  .free-gift-in-cart .product-section .col-1-4 {
    display: inline-block;
    width: 90px;
  }
}

.free-gift-in-cart .product-section .col-3-4 {
  width: 100%;
}

@media (min-width: 48em) {
  .free-gift-in-cart .product-section .col-3-4 {
    width: calc(100% - 100px);
  }
}

.free-gift-in-cart .product-section .product-img {
  height: 80px;
  border: 1px solid #e0e0e0;
}

.free-gift-in-cart .product-section .widget-productlist-title {
  float: left;
  width: 100%;
  padding-bottom: 5px;
}

@media (min-width: 62em) {
  .free-gift-in-cart .product-section .widget-productlist-title {
    height: 60px;
  }
}

.free-gift-in-cart .product-section .btn.btn-cart-option.clear {
  height: 20px;
  width: 85px;
  padding: 2px;
}

/* END #271789 Gift with Purchase Promotion (for Product Variants) */
.product-list-title.product-list-grid-template {
  position: relative;
}

.banner.widget-category-banner {
  border: 0;
  padding: 0;
  background: transparent;
  background-image: none;
  display: table;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0;
  background-size: cover;
  z-index: -1;
}

@media (min-width: 48em) {
  .banner.widget-category-banner {
    padding: 0;
  }
}

.banner.widget-category-banner .category-banner-image {
  position: relative;
  height: auto;
  width: 100%;
}

.banner.widget-category-banner .category-banner-title {
  z-index: 100;
  width: 100%;
  font-family: 'Klavika Bold';
  background: transparent;
  font-size: 14px;
  color: white;
  text-transform: uppercase;
  position: absolute;
  padding: 5% 0;
}

@media (min-width: 37em) {
  .banner.widget-category-banner .category-banner-title {
    font-size: 2em;
  }
}

@media (min-width: 48em) {
  .banner.widget-category-banner .category-banner-title {
    padding: 6% 0;
  }
}

@media (min-width: 62em) {
  .banner.widget-category-banner .category-banner-title {
    font-size: 2.5em;
  }
}

@media (min-width: 92em) {
  .banner.widget-category-banner .category-banner-title {
    font-size: 4em;
  }
}

.banner.widget-category-banner .category-banner-text {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: white;
  display: none;
  padding: 5px 10px;
  max-width: none;
  line-height: 12px;
}

@media (min-width: 37em) {
  .banner.widget-category-banner .category-banner-text {
    padding: 10px;
  }
}

@media (min-width: 62em) {
  .banner.widget-category-banner .category-banner-text {
    line-height: 14px;
  }
}

.banner.widget-category-banner .category-banner-text blockquote {
  margin: 0;
  padding: 5px;
}

.banner.widget-category-banner .category-banner-text p {
  line-height: normal;
  font-size: 10px;
  margin: 0;
}

@media (min-width: 48em) {
  .banner.widget-category-banner .category-banner-text p {
    font-size: 12px;
  }
}

.banner.widget-category-banner .category-banner-text img {
  width: 100%;
}

.banner.widget-category-banner:nth-of-type(2) {
  height: auto !important;
  background: none;
}

.banner.widget-category-banner:nth-of-type(2) .category-banner-title,
.banner.widget-category-banner:nth-of-type(2) .category-banner-image {
  display: none;
}

.banner.widget-category-banner:nth-of-type(2) .category-banner-text {
  display: block;
  bottom: auto;
  height: 70px;
  position: relative;
  display: none;
}

@media (min-width: 48em) {
  .banner.widget-category-banner:nth-of-type(2) .category-banner-text {
    display: block;
  }
}

.banner.widget-category-banner.Middle-aligned-right-side .category-banner-title {
  width: 50%;
  right: 0;
}

.banner.widget-category-banner.Left-aligned-right-side .category-banner-title {
  width: 50%;
  right: 10px;
  text-align: left;
}

.banner.widget-category-banner.Right-aligned-right-side .category-banner-title {
  width: 50%;
  right: 10px;
  text-align: right;
}

.banner.widget-category-banner.Left-aligned-left-side .category-banner-title {
  width: 50%;
  left: 10px;
  text-align: left;
}

.banner.widget-category-banner.Middle-aligned-left-side .category-banner-title {
  width: 50%;
  left: 0;
  text-align: center;
}

.banner.widget-category-banner.Right-aligned-left-side .category-banner-title {
  width: 50%;
  left: 0;
  text-align: right;
}

.banner.widget-category-banner.cat-ban-desk.push-right.mobile-only {
  display: block !important;
}