/* GRID SYSTEM IN BOOTSTRAP.CSS */

/* html5doctor.com Reset Stylesheet v1.6.1 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color: #24a6b2;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* GET ON WITH THE CUSTOM CSS NOW.... */


/* FONTS */

@font-face {
  font-family: 'Libre Baskerville';
  font-weight: 400;
  font-style: normal;
  src: url('../theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.eot');
  src: url('../theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.eot?#iefix') format('embedded-opentype'),
       local('Libre Baskerville'),
       local('Libre-Baskerville-regular'),
       url('../theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.woff2') format('woff2'),
       url('../theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.woff') format('woff'),
       url('../theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.ttf') format('truetype'),
       url('../theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.svg#LibreBaskerville') format('svg');
}

@font-face {
  font-family: 'Libre Baskerville';
  font-weight: 700;
  font-style: normal;
  src: url('../theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.eot');
  src: url('../theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.eot?#iefix') format('embedded-opentype'),
       local('Libre Baskerville Bold'),
       local('Libre-Baskerville-700'),
       url('../theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.woff2') format('woff2'),
       url('../theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.woff') format('woff'),
       url('../theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.ttf') format('truetype'),
       url('../theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.svg#LibreBaskerville') format('svg');
}

@font-face {
  font-family: 'Libre Baskerville';
  font-weight: 400;
  font-style: italic;
  src: url('../theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.eot');
  src: url('../theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.eot?#iefix') format('embedded-opentype'),
       local('Libre Baskerville Italic'),
       local('Libre-Baskerville-italic'),
       url('../theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.woff2') format('woff2'),
       url('../theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.woff') format('woff'),
       url('../theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.ttf') format('truetype'),
       url('../theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.svg#LibreBaskerville') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 100;
  font-style: normal;
  src: url('../theme_fonts/Lato-100/Lato-100.eot');
  src: url('../theme_fonts/Lato-100/Lato-100.eot?#iefix') format('embedded-opentype'),
       local('Lato Hairline'),
       local('Lato-100'),
       url('../theme_fonts/Lato-100/Lato-100.woff2') format('woff2'),
       url('../theme_fonts/Lato-100/Lato-100.woff') format('woff'),
       url('../theme_fonts/Lato-100/Lato-100.ttf') format('truetype'),
       url('../theme_fonts/Lato-100/Lato-100.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 300;
  font-style: normal;
  src: url('../theme_fonts/Lato-300/Lato-300.eot');
  src: url('../theme_fonts/Lato-300/Lato-300.eot?#iefix') format('embedded-opentype'),
       local('Lato Light'),
       local('Lato-300'),
       url('../theme_fonts/Lato-300/Lato-300.woff2') format('woff2'),
       url('../theme_fonts/Lato-300/Lato-300.woff') format('woff'),
       url('../theme_fonts/Lato-300/Lato-300.ttf') format('truetype'),
       url('../theme_fonts/Lato-300/Lato-300.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: normal;
  src: url('../theme_fonts/Lato-regular/Lato-regular.eot');
  src: url('../theme_fonts/Lato-regular/Lato-regular.eot?#iefix') format('embedded-opentype'),
       local('Lato Regular'),
       local('Lato-regular'),
       url('../theme_fonts/Lato-regular/Lato-regular.woff2') format('woff2'),
       url('../theme_fonts/Lato-regular/Lato-regular.woff') format('woff'),
       url('../theme_fonts/Lato-regular/Lato-regular.ttf') format('truetype'),
       url('../theme_fonts/Lato-regular/Lato-regular.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 700;
  font-style: normal;
  src: url('../theme_fonts/Lato-700/Lato-700.eot');
  src: url('../theme_fonts/Lato-700/Lato-700.eot?#iefix') format('embedded-opentype'),
       local('Lato Bold'),
       local('Lato-700'),
       url('../theme_fonts/Lato-700/Lato-700.woff2') format('woff2'),
       url('../theme_fonts/Lato-700/Lato-700.woff') format('woff'),
       url('../theme_fonts/Lato-700/Lato-700.ttf') format('truetype'),
       url('../theme_fonts/Lato-700/Lato-700.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 900;
  font-style: normal;
  src: url('../theme_fonts/Lato-900/Lato-900.eot');
  src: url('../theme_fonts/Lato-900/Lato-900.eot?#iefix') format('embedded-opentype'),
       local('Lato Black'),
       local('Lato-900'),
       url('../theme_fonts/Lato-900/Lato-900.woff2') format('woff2'),
       url('../theme_fonts/Lato-900/Lato-900.woff') format('woff'),
       url('../theme_fonts/Lato-900/Lato-900.ttf') format('truetype'),
       url('../theme_fonts/Lato-900/Lato-900.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 100;
  font-style: italic;
  src: url('../theme_fonts/Lato-100italic/Lato-100italic.eot');
  src: url('../theme_fonts/Lato-100italic/Lato-100italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Hairline Italic'),
       local('Lato-100italic'),
       url('../theme_fonts/Lato-100italic/Lato-100italic.woff2') format('woff2'),
       url('../theme_fonts/Lato-100italic/Lato-100italic.woff') format('woff'),
       url('../theme_fonts/Lato-100italic/Lato-100italic.ttf') format('truetype'),
       url('../theme_fonts/Lato-100italic/Lato-100italic.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 300;
  font-style: italic;
  src: url('../theme_fonts/Lato-300italic/Lato-300italic.eot');
  src: url('../theme_fonts/Lato-300italic/Lato-300italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Light Italic'),
       local('Lato-300italic'),
       url('../theme_fonts/Lato-300italic/Lato-300italic.woff2') format('woff2'),
       url('../theme_fonts/Lato-300italic/Lato-300italic.woff') format('woff'),
       url('../theme_fonts/Lato-300italic/Lato-300italic.ttf') format('truetype'),
       url('../theme_fonts/Lato-300italic/Lato-300italic.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: italic;
  src: url('../theme_fonts/Lato-italic/Lato-italic.eot');
  src: url('../theme_fonts/Lato-italic/Lato-italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Italic'),
       local('Lato-italic'),
       url('../theme_fonts/Lato-italic/Lato-italic.woff2') format('woff2'),
       url('../theme_fonts/Lato-italic/Lato-italic.woff') format('woff'),
       url('../theme_fonts/Lato-italic/Lato-italic.ttf') format('truetype'),
       url('../theme_fonts/Lato-italic/Lato-italic.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 700;
  font-style: italic;
  src: url('../theme_fonts/Lato-700italic/Lato-700italic.eot');
  src: url('../theme_fonts/Lato-700italic/Lato-700italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Bold Italic'),
       local('Lato-700italic'),
       url('../theme_fonts/Lato-700italic/Lato-700italic.woff2') format('woff2'),
       url('../theme_fonts/Lato-700italic/Lato-700italic.woff') format('woff'),
       url('../theme_fonts/Lato-700italic/Lato-700italic.ttf') format('truetype'),
       url('../theme_fonts/Lato-700italic/Lato-700italic.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 900;
  font-style: italic;
  src: url('../theme_fonts/Lato-900italic/Lato-900italic.eot');
  src: url('../theme_fonts/Lato-900italic/Lato-900italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Black Italic'),
       local('Lato-900italic'),
       url('../theme_fonts/Lato-900italic/Lato-900italic.woff2') format('woff2'),
       url('../theme_fonts/Lato-900italic/Lato-900italic.woff') format('woff'),
       url('../theme_fonts/Lato-900italic/Lato-900italic.ttf') format('truetype'),
       url('../theme_fonts/Lato-900italic/Lato-900italic.svg#Lato') format('svg');
}


/* GENERAL STYLES */

html,
body {  
}

body {
    font-family: 'Lato';
    -webkit-font-smoothing: antialiased;
    line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Libre Baskerville';
  margin: 0.4em 0 0.4em 0 !important;
}

p {
  font-family: 'Lato';
  font-size: 1em;
  line-height: 1.5em;
  color: #4f3310;
  }

h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
}

h2 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
}

h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
}

h4 {
    display: block;
    font-weight: bold;
}

h5 {
    display: block;
    font-size: 0.83em;
    font-weight: bold;
}

h6 {
    display: block;
    font-size: 0.67em;
    font-weight: bold;
}

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

ul, ol {padding-left: 20px;}
li {padding: 0 0 10px 0;}

textarea { max-width: 100% }

/* 10 across */
.col-xs-10a,
.col-sm-10a,
.col-md-10a,
.col-lg-10a {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-xs-10a {
    width: 10%;
    float: left;
}

@media (min-width: 768px) {
  .container {
      width: auto !important;
  }
}

@media (min-width: 992px) {
.col-sm-10a {
        width: 10%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-10a {
        width: 10%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-10a {
        width: 10%;
        float: left;
    }
}

.text_blue {color:#24a6b2;}
.text_brown {color:#4f3310;}
.text_yellow {color:#ffd11a;}
.text_pink {color:#ec316e;}

.bg_blue {background-color:#24a6b2;}
.bg_brown {background-color:#4f3310;}
.bg_yellow {background-color:#ffd11a;}
.bg_pink {background-color:#ec316e;}

.font_lato {font-family: 'Lato';}
.font_libre {font-family: 'Libre Baskerville';}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
    min-width: 100% !important;
}

.center {
    text-align: center;
}

.button {
    margin: 0.5em 0 0.5em 0;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    background: #EC316E;
    border: 1px solid #EC316E;
    border-radius: 0 2px 2px 0;
    font-size: 1.5em;
    font-weight: 600;
    padding: 0.5em 1em 0.5em 1em;
    transition: background-color 0.2s ease-out 0s;
}

.button:hover {
  text-decoration: none;
    color: #EC316E;
    background: #fff;
}

.button.b_white {
    color: #EC316E;
    background: #fff;
}

.button.b_white:hover {
    color: #fff;
    background: #EC316E;
}

.sm_button {
    margin: 0.5em 0 0.5em 0;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    background: #24a6b2;
    border: 1px solid #24a6b2;
    border-radius: 0 2px 2px 0;
    font-weight: 600;
    padding: 0.5em 1em 0.5em 1em;
    transition: background-color 0.2s ease-out 0s;
}

.sm_button:hover {
  text-decoration: none;
    color: #24a6b2;
    background: #fff;
}

/* FORMS GENERAL */

input[type=submit] {
    margin: 0.5em 0 0.5em 0 !important;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    background: #EC316E;
    border: 1px solid #EC316E;
    border-radius: 0 2px 2px 0;
    font-size: 1.5em !important;
    font-weight: 600;
    padding: 0.5em 1em 0.5em 1em !important;
    transition: background-color 0.2s ease-out 0s;
    height: auto !important;
}

.button:hover {
  text-decoration: none;
    color: #EC316E;
    background: #fff;
}

input[type=submit]:hover {
  text-decoration: none;
    color: #EC316E;
    cursor: pointer;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #EC316E;
    border-radius: 0 2px 2px 0;
}

input[type=text],
input[type=email],
input[type=password],
select{
    display: inline-block;
    height: 42px;
    width: 75%;
    padding: 1%;
    max-width: 100%;
    vertical-align: middle;
    border: 1px solid rgb(206, 206, 206);
    text-align: left !important;
}

input[type=radio]{margin-top: -3px; margin-left: 5px; margin-right: 5px;}
input[type=checkbox]{margin-top: -3px; margin-right: 5px;}

/* HEADER */

.above_header {padding: 0 0 15px 0; overflow:hidden;}


span.user_header {
  position:fixed;
  display: block !important;
  background-color: #24a6b2 !important;
  background-image:url(../theme_images/BBL-Bee-BlueBg.jpg);
  background-repeat: no-repeat;
  background-position: right 5% center;
  background-size: auto 75%;
  color: #fff;
  width: 110%;
//  font-size: .85em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 0px 5px 0px;
  margin: 0 -10% 0 -10%;
  text-align: center !important;
  line-height: 45px;
  z-index: 9999;
  }

.user_header a {
  display: inline-block;
  color: #fff;
  padding: 5px 5px 5px 5px;
  }

@media (max-width: 500px) {
  .user_header a {font-size:10px !important;}
}

 .header_info {display:none}

  .header_top.container .cornerlogo {
    display: block;
    font-size: 2em;
    margin: 65px auto 30px auto!important;
    text-align: center;
    font-weight: bold;
   }

   .header_top.container h1:hover {
        opacity:0.8;
    }


@media (min-width: 768px) and (max-width: 991px) {

    .col-sm-4.col-xs-12 {width:40%;}


    .header_info.open{display:none; }

      .header_info p:first-of-type{
     font-weight:bold;
    }


}

@media (min-width: 850px) and (max-width: 991px) {

    .header_info{
    display:block;
    margin:65px 0 10px 0;
    padding:10px 0 10px 0;
    text-align:center;
    width: 19%;
    }

  .header_info p {
  font-size:1.2em;
  }
}

@media (min-width: 768px) and (max-width: 849px) {

    .header_info{
    display:block;
    margin:65px 0 10px 0;
    padding:5px 0 10px 0;
    text-align:center;
    width: 19%;
    }

  .header_info p {
  font-size:1.1em;
  }
}

@media (min-width: 992px) {

  .above_header .col-md-3 {float:right; padding: 0 0 0 0}

  span.user_header {
    position: relative;
  background: #4f3310 !important;
  line-height: 10px !important;
  width:100%;
  font-weight: bold;
  font-size: 0.7em;
  padding: 5px 10px 5px 10px;
  margin: 0 0% 0 0%;
  }


  .header_top.container {padding: 0 0 15px 0;}


  .header_top.container .cornerlogo {margin: 0px auto !important;}


  .header_info{
    display:block;
  padding:10px 0 10px 0;
  }

  .header_info p {
    margin: 5px 0 5px 0;
  text-align:right;
  font-size:1.3em;
  line-height:1em !important;
  }

  .header_info p:first-of-type{
     font-weight:bold;
  }

  .header_info.ship {
    background:url(../theme_images/truck.jpg) no-repeat 25px center;
    background-size:50px;
  }

  .header_info.return {
    background:url(../theme_images/refresh.jpg) no-repeat 25px center;
    background-size:50px;
  }

  .header_info.question {
    background:url(../theme_images/phone.jpg) no-repeat 25px center;
    background-size:45px;
  }

}


/* NAVIGATION */

.top_nav_full_width {background:#24a6b2;text-align:center;}

.top_nav_full_width li a {color: #fff !important;font-weight: 600;}
.top_nav_full_width li a:hover {}

.navbar-nav {
    float: left;
    margin: 0 0 0 -30px;
}

nav li {padding-bottom: 0px}

@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

.dropdown-menu {
  min-width: 250px;
}
.dropdown-menu.columns-2 {
  min-width: 400px;
}
.dropdown-menu.columns-3 {
  min-width: 600px;
}
.dropdown-menu.columns-4 {
  min-width: 900px;
}

.dropdown-menu li h4 {
  padding: 5px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  color: #4f3310 !important
}

.dropdown-menu li a {
  padding: 5px 15px;
  font-weight: 400;
  color: #4f3310 !important
}

.multi-column-dropdown {
  list-style: none;
}
.multi-column-dropdown li a {
  display: block;
  clear: both;
  line-height: 1.428571429;
  white-space: normal;
}
.multi-column-dropdown li a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

@media (max-width: 992px) {
  
    span.user_header {
      font-size:18px !important;
    }
    .top_nav_full_width li a {font-size:24px;line-height:36px !important;}
  /* Reset responsive Bootstrap elements */
    #navbar1 .navbar-header {
        display: block;
        position: relative;
        top: 2px;
        left: 15px;
        z-index: 999999999999999999999999999999999;
        width:35px;
    }

    #navbar1 .navbar-toggle {
        display: block;
    }

    #navbar1 .navbar-nav {
        float: none !important;
        margin: 57.5px -15px;
        height: 100%;
    }

    #navbar1 .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    #navbar1 .navbar-form {
        float: none !important;
        padding: 0;
    }

    #navbar1 .navbar-nav>li {
        float: none;
        text-align:left;
    }

      .top_nav_full_width {
        background: none;
        width:55px;
        border: none;
        border-radius:0;
        box-shadow: none;
        text-align: center;
        height: 10px;
        top:0;
        /* overflow:hidden; */
        position:fixed;
        z-index:9999;
      }


      #navbar1 .navbar-toggle {
      }

      .navbar-toggle {
        position: relative;
        float: left;
        margin-right: 115px !important;
        padding: 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: #fff;
        background-image: none;
        border: 0px solid transparent;
        border-radius: 2px;
      }

      .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #fff !important;
      }

      .navbar-default .navbar-toggle .icon-bar {
        background-color: #24a6b2;
            display: block;
            width: 25px;
            height: 4px;
            border-radius: 3px;
        }

      .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
      }

    /* Reposition elements affected by the sliding menu */
    #wrapper {
        position: relative;
        left: 0;
        transition: left 0.35s ease;
    }

    #navbar1 .navbar-collapse {
      z-index: 999999999 !important;
      position: fixed;
      top: 0px;
      left: -90%;
      display: inline;
      width: 60%;
//      min-width: 280px;
      min-height: 100% !important;
      max-height:100% !important;
      height:100% !important;
      overflow:scroll !important;
      background: #24a6b2;
      margin: 0;
      transition: right 0.35s ease;
      border-right: 1px solid #e7e7e7;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      border-color: #e7e7e7;
      border-top: 0px !important;
    }

    #navbar1 .navbar-collapse.collapsing {
        transition: left 0.35s ease;
    }

    #navbar1 .navbar-collapse.in {
        left: 0;
    }

    body.menu-slider.in {
        overflow: hidden;
    }

    body.menu-slider #wrapper {
        transition: right 0.35s ease;
    }

    body.menu-slider.in #wrapper {
        left: 80%;
    }

    .dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 400;
    color: #fff !important;
    font-size:24px;
    line-height:36px;
    }
    .dropdown-menu li h4 {
    font-family: 'Lato';
    font-weight: bold;
    color: #fff !important;
    font-size:28px;
    line-height:36px;
    }

}

  /* SMALL CONTAINER FIX FOR LEFT HAMBURGER*/
   @media (min-width:768px) and (max-width:992px) {
      .top_nav_full_width .container {
        margin-left:-15px;
      } 
   }

/* BELOW HEADER */

.belowHeader {
margin-top: -21px;
    display:inline-block;
    width: 100%;
margin-bottom: 20px;
background: url(../theme_images/topbarbg.jpg) top center;
}

.belowHeader .btn-default {
  color: #fff;
  text-shadow: none;
  background: #24a6b2;
    height: 34px;
 }

.search-bar {
  display:block;
  padding: 13px 10px 13px 0px;
  height: 60px;
  background: #eee;
  }

.search-bar input{
  height: 34px;
  }

 @media (min-width:992px) {

.index_page .belowHeader  .search_left {width: 50%; margin-left:-30px;}
.index_page .belowHeader .search-bar {padding-left:30px}
.index_page .belowHeader  .promo_right {width: 50%; margin-left:-15px;}
.index_page .belowHeader  .promo_right div {margin-left: 30px;}

 }

.promo-popup {
  display: block;
  color: #000;
  line-height: 40px;
  font-size: 1.1em;
  font-weight: 600;
  background: #ffd11a;
  padding: 10px;
  text-align: center;
 }

 @media (max-width:992px) {
   .belowHeader .search_left {
     margin-left:0px;
     padding-left:15px;
     display:block;
     background: #eee;
    width: 100% !important;
    }

   .promo-popup {
     font-size: 1em;
  line-height: 25px !important;
  margin-left:-15px; margin-right: -15px;
  padding: 15px 30px 15px 30px 
   }

 }


/* HERO */

.hero {margin: 1em 0 1em 0;padding: 0 0 0 0}

.hero .container {}

.hero_wrapper {
  margin: 15px;
  display: block;
  overflow: hidden;
  background: #eeeeee;
  }

.hero_left img {padding: 15px 0;width: 100%}

.hero_left img {max-width:100%;}
.hero_right {color: #4f3310;}

.hero_right h2 {
  font-size: 2em;
  margin: 0em 0 .4em 0 !important;
}

.hero_right ul {
    list-style: none;
    padding:0 0 10px 0;
    margin:0;
}

.hero_right li { 
    font-size: 1em;
    line-height:1.3em;
    padding-left: 35px; 
    text-indent: -35px;
}

.hero_right li:before {
    content: "\2605";
    padding-right: 15px;
    color: #ec316e ; 
}

@media (min-width:992px) {

  .hero_left {overflow: hidden; margin-left: -15px}
  .hero_left img {padding: 0px 0 0 0;}

  .hero_right h2 {
  font-size:3.4em;
  line-height:1em;
  margin: 0.4em 0 .4em 0 !important;
  }

  .hero_right li {
    font-size: 1.4em;
    line-height:1.6em;
    text-indent: -20px;
    padding: 0 0 0 20px;
}

}

/* HOME PAGE */

.home_section_title {
  font-size: 3em;
  color: #24a6b2;
  text-align:center;
  margin-bottom: .5em !important;
}


.home_product {text-align:center; font-weight: bold; margin-bottom: 5px;}
.home_product img {width: 100%;}

.home_product p {margin-top: 0.5em}

@media (max-width: 992px) {
  .home_product:nth-child(2n+3) {clear: left;}
}

@media (min-width: 992px) {

  .home_product:nth-child(3n+4){clear: left;}
}

.home_product a {display:block;text-decoration: none;cursor: pointer;padding: 0 0 15px 0;}

.home_product a .category_product_name {display: block;padding: 5px 5px 0px 5px;/* min-height:55px; */}

.home_product s {display: block; padding: 5px 0 0px 0; color: red; font-weight: 992 !important;}

.productSpecialPrice, .price {display: block;padding: 10px 0 0px 0;font-weight: 600 !important;}

.productSpecialPrice{
  color: #009900;
}

.price{
  color: #000;
}

.home_product a:hover, .home_product a:hover > p {text-decoration: none; color: #fff !important; cursor: pointer; background: #24a6b2; }

/* AS SEEN SECTION */

.asseen_footer {
  margin-top: 30px;
  background: #24a6b2;
  color: #fff;
  padding: 0 0 30px 0
  }


.asseen_footer .home_section_title {
  color: #fff;
}

.asseen_footer {
  padding: 30px 10px
}

.mags10across {
  padding: 30px 0px
}

.asseen_footer .col-xs-12:first-of-type{
  margin-bottom: 30px !important
}



/* TESTIMONIAL SECTION */

.testimonials_footer {}


.testimonial {display:block; margin-bottom: 3%; overflow:hidden}

.testimonial img {
  display:block;
  float: left;
  width: 20%;
  margin-right: 5%;
  }

.test-text {
  display:block;
  width: 75% !important;
  float:right;
  }

.test-name {margin-top: 5%}


/* SATISFACTION FOOTER */

.satisfaction_footer {padding: 3% 2% 3% 2%; text-align:center;}

.satisfaction_footer h3 {
  font-size: 2.5em;
  margin: 0 0 1% 0 !important;
  color: #fff
}

.satisfaction_footer p{
  font-size: 1.3em;
  color: #fff
}

/* CARDS FOOTER */
.cards_footer {padding: 3% 2% 3% 2%; text-align:center;}


/* FOOTER */

#site_footer {
    border-top: 1px solid rgb(206, 206, 206);
    border-bottom: 1px solid rgb(206, 206, 206);
    padding: 30px 0px;
}

#site_footer .col-md-4 {
  margin-bottom: 30px !important;
  overflow:hidden;
   max-width: 390px;
  margin: 0px auto
}

#site_footer ul {list-style:none}
#site_footer li{}
#site_footer li a{color: #4f3310;}
#site_footer li a:hover{color: #24a6b2; text-decoration:none}

.intouch_social.row {
 
  }

#site_footer h3 {
    color: #24a6b2;
    font-size: 1.4em;
    line-height: 1.3em;
    text-align: center;
}

.intouch_social li{
  font-size: 1.4em;

  }

.intouch_social i{
  font-size: 1.5em; display: inline-block;
  margin-right: .2em;
  vertical-align:middle
  }

#site_footer .question {text-align: center; font-size: 2em; margin-top: 4%; font-weight: 600}


.footer_newsletter p {
    text-align: center;
    font-weight:600;
    margin: 0px 0px 15px 0;
}

.footer_newsletter form {
    width: 100%;

}

.footer_newsletter form label {
    display: none;
}

.footer_newsletter form input {
    display: block;
    float:left;
    height: 42px;
    width:70%;
    max-width: 100%;
    vertical-align: middle;
    border: 1px solid rgb(206, 206, 206);
    border-radius: 2px 2px 2px 2px;
    padding: 8px 10px;
}


.footer_newsletter form button {
    color: #fff;
    cursor: pointer;
    height: 42px;
    min-height: 0px;
    vertical-align: middle;
    width:30%;
    background: #24a6b2;
    border: 1px solid #24a6b2;
    border-radius: 0 2px 2px 0;
    padding: 8px 12px 7px;
    transition: background-color 0.2s ease-out 0s;
}

.footer_newsletter form button:hover {
    color: #24a6b2;
    cursor: pointer;
    height: 42px;
    min-height: 0px;
    vertical-align: middle;
    width:30%;
    background: #fff;
    border: 1px solid #24a6b2;
    border-radius: 0 2px 2px 0;
    padding: 8px 12px 7px;
    transition: background-color 0.2s ease-out 0s;
}


footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.footer_copyright {text-align:center; padding: 3%;}


/* Overide boostrap small desktop query */
@media (min-width: 992px) {
  .container {
    width: 1170px !important;
  }
}

@media (min-width: 992px) {
  .container {
    width: 1170px !important;
  }
}

/* CATGEGORY PAGES */

ul.feat_ul {
    list-style: none; float: left;
    max-width: 500px;
    padding:20px 10px 10px 20px;
    margin:0 20px 20px 0;
    font-size: 1.2em;
    clear: right;
    background: #eaf7f8;
    display: block;
}

ul.feat_ul li { 
    font-size: 1em;
    line-height:1.3em;
    padding-left: 35px; 
    text-indent: -35px;
}

ul.feat_ul li:before {
    content: "\2605";
    padding-right: 15px;
    color: #ec316e ; 
}

.category_bullet {
  overflow: hidden;
  margin-top:10px;
  }

.category_bullet li{}


.social_proof {
  margin: 2em 0 1em -15px;
  padding: 0% 0 1% 0;
  text-align: center;
 }

.social_proof h3 {font-size:1em;font-family: 'Lato';color: #939598;margin-bottom: 7px !important;display:block;width: 150px;text-align: center;border-bottom: 1px solid #939598;line-height: 0.1em;margin: 10px 0 20px;} 

.social_proof h3 span { 
    background:#fff; 
    padding:0 10px; 
}

.social_proof img{margin: 0 0 0 0 !important; padding: 0 0 0 0 !important}

  img.sp_one {width: 100%;}
  img.sp_two {width: 99%;}

@media (min-width: 992px) {
  img.sp_one {width: 53%;float: left}
  img.sp_two {width: 47%; float: left}
  .social_proof h3 {
  margin-bottom:0px !important;}
 }

.cat_top .smallText {
  max-width: 12.5%;
  }

@media (min-width: 480px) {
.cat_top .smallText:nth-child(8n+9) {
  clear: left}
}


@media (max-width: 480px) {
  .ourmission {
    display:none;
  }
  .cat_top .smallText {
  min-width: 25%;
  }

  .cat_top .smallText:nth-child(4n+5) {
  clear: left}
}


/* INDIVIDUAL PRODUCT PAGES */

.spacer.pname div {margin: 0.3em 0 1.1em 0 !important;}
.spacer.pname div div {margin: 0em 0 0em 0 !important;}

.productBox {
  margin-top:20px;
}
.productDetails p {
  line-height: 1.5em !important;
  margin-bottom: 0.5em;}

.productImage {
  margin: 0.67em 0 0.67em 0;
  }

.productImage img {width: 100%;height: auto;vertical-align: bottom;}

.productImage table {margin-top: 0.67em}
.productImage table td {border: 0 0 0 0 !important}

.productImageShare .share_b {
  font-size: 1.2em;
  padding: 10px;
  /*background: #3b5998;*/
  border: 1px solid #3b5998;
  width: 50%; float:left;
  text-align:center;
  /*color: #fff;*/
  color: #3b5998;
  font-weight:600;
  margin-bottom:10px;
  cursor: pointer;
}

.productImageShare .share_b.pin {
  /*background: #c8232c;*/ 
  border: 1px solid #c8232c;
  color: #c8232c;
}

.productImageShare .share_b:hover{text-decoration:none; background: #3b5998; color: #fff}
.productImageShare .share_b.pin:hover {background: #c8232c;}

.productImageShare .share_b i {padding-right:5px}

@media (max-width: 500px) {
  .productImageShare .share_b {
  font-size: .8em;}
}

.smallText {
  max-width: 14.2%;
  display:inline-block;
  float:left;
}

.smallText .thumbnail br{display: none}

.smallText .thumbnail img {margin-bottom: 0.5em;}

.smallText .thumbnail {line-height: 1em; font-size: 0.9em}

.productImage .col-xs-2 {
  padding-top: 10px;
    width: 20%;
}

.productImage .col-xs-2 a {padding: 0}


.thumbnail{
position: relative;
z-index: 0;
cursor: pointer;
border: none;
 -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.075);
    box-shadow: 0 0px 0px rgba(0,0,0,0.075);
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail>img {width: 100%}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #eeeeee;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail:hover span{

/*CSS for enlarged image on hover*/
visibility: visible;
top: -260px;
left: 0px;
/*position where enlarged image should offset horizontally */
padding: 5px;

}

.thumbnail span img{
/*CSS for enlarged image*/
border-width: 0;
min-width: 300px;
width: 300px;
max-width:100%;
}

@media (max-width: 768px) {
.thumbnail:hover span{
  display: block !important;
  position:fixed;
  width: 70%;
  left: 15%;
  top: 0%;
  margin: 50px auto auto auto!important;
  z-index:999999999;
 }

.thumbnail span img{
  /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
  min-width: 100%;
  max-width:100%;
  }
}


.productDetails input[type=text] {
  width: 100%;
  margin: 0.3em 0 1em 0;
  }

.productDetails .description {margin-top: -0.7em}

.productDetails select {
  width: 100%;
  margin: 0.3em 0 1em 0
  }

.gray-box {background:#eaf7f8;padding:15px;margin-bottom:15px}
.gray-box h4{margin: 0 0 0 0px !important}

.under_product a {min-height: 50px !important; display: block; margin-top: 10px;}


.productDetails input[type=submit] {
    margin: 0.2em 0 0em 0;
    border: 1px solid #EC316E;
    font-size: 2em;
    width: 100%;
    padding: 0.4em 1em 0.4em 1em;
}

/* CART */

.satis_left {float:left; padding: 0 20px 20px 0}
.satis_right {padding: 20px 0px 20px 0}

.cart_name {line-height: 25px;}


.cart_border {
  overflow:hidden;
  border-left:1px solid #aaa;padding:20px 20px 20px 10px;
  border-right:1px solid #aaa;padding:20px 20px 20px 10px;
  border-bottom:1px solid #aaa;padding:20px 20px 20px 10px;
}

.cart_border:first-of-type {
  border: 1px solid #aaa;padding:20px 20px 20px 10px;
}

.cart_total label{margin-top: 0.8em}

.cart_update {text-align: right !important;}

.cart_update label input{margin-top: -0.1em; margin-left: 0.5em}

.below_cart {margin: 1em 0 0.5em 0}
.below_cart input[type="submit"]{display:none}
.below_cart_total {float: right;  font-weight: bold;}

@media (max-width: 992px) {
  .cart_total  {margin-top: 10px;clear: left;}
  .cart_update {margin-top: 10px;}
  .below_cart_total {
    float: none;
    display: block;
    clear:left}

  .update_cont .button.b_white {text-align: center;width: 100%; margin: .1em 0 0 0}
}


.headererror{
  font-size: 16px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
  background: #ff0000;
}

/* STACK WARNINGS AND RELATED */

.messageBox { font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding: 10px}
.messageStackError, .messageStackWarning { font-family: Arial, Helvetica, sans-serif; font-size: 16px; background-color: #ffb3b5; padding: 10px}
.messageStackSuccess { font-family: Arial, Helvetica, sans-serif; font-size: 16px; background-color: #99ff00; padding: 10px }


/* LOGIN AND ACCOUNT AND CHECKOUT PAGES */

.return_cust {margin-bottom: 20px}

.return_cust label {
  display:block; width: 20%; display:inline-block; margin-top: 1.5em;}

.return_cust input[type="text"],
.return_cust input[type="password"] {
    display:inline-block;
    height: 42px;
    width: 75%;
    padding: 1%;
    max-width: 100%;
    vertical-align: middle;
    border: 1px solid rgb(206, 206, 206);
    text-align:left !important;
    }

.return_cust input[type="submit"] {width: auto; margin-top: .5em;}

  .login_logoff .col-xs-12{margin-top: 0.5em}
  .login_logoff .col-xs-12 label {width: 100%}
  .login_logoff .col-xs-12 a,
  .login_logoff .col-xs-12 input {width: 100% !important; text-align: center}



@media (max-width: 500px) {
    .col-md-6.col-xs-8.login_logoff.col-md-offset-1,
    .col-md-4.col-xs-4.login_right {width: 100%}
  
}


.login_button {
  cursor:pointer;
  color:#24a6b2;
  font-size: 13pt;
  font-weight:bold;
  text-decoration:underline;
  transition: all 0.5s ease;
  }

.login_button .login_arrow {padding-left: 0px}


.login_button .login_arrow i {
  transition: all 0.5s ease;
  font-size: 0.9em
  }

.login_button .login_arrow.l_active i {
  transition: all 0.5s ease;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  }

.login_form {
  min-height:1px;
  height:1px;
  transition: all 0.5s ease;
  overflow:hidden !important;
  }


.login_form.l_active {
  display:block;
  min-height:200px !important;
  height:300px;
  transition: all 0.5s ease;
  overflow:hidden !important;

  }


  .login_right_box {
    list-style: none;
    float: left;
    padding: 10px 20px 10px 20px;
    margin: 0 0px 20px 0;
    background: #fff;
    display: inline-block;
}

.login_right_box h3 {color: #24a6b2;}


.checkout .progress {display:block;clear: both;padding: 10px 0px 30px 0;background: none;box-shadow: none;height: auto;}

.progress_bar {display: inline-block; opacity: 0.8; color: #24a6b2; }
.progress_bar.previous {opacity: 0.5; font-weight: bold;}
.progress_bar.current {opacity: 1; font-weight: bold; font-size: 1.1em}
.progress_arrow {padding: 0 10px 0px 10px;  font-weight: bold}

.col-md-6 .progress {font-size: 0.9em}

.checkout input[type="radio"] {float: left; margin: 3px 10px 0 0}

.checkout h2 {display:block; margin: 20px 0 10px 0!important}
.checkout h2:first-of-type {display:block; margin: 0px 0 10px 0!important}


.radio_check {
  display: block;
  margin: 0px 0 10px 0;
  font-weight: bold;
  padding: 15px 10px 15px 10px !important;
  border: 1px solid lightgrey;
  cursor: pointer;
  }

.checkout_shipping .radio_check {padding-top: 5px !important;}


.checkout_payment .radio_check {
  background: #ffd11a;
}

.checkout_payment .radio_check img {
  vertical-align:middle!important;
  margin-top: -5px;
  margin-bottom: -5px;
  max-height:25px;
  margin-left:5px;
}

.checkout_payment .radio_check:first-of-type img
{margin-top:-1px}

.checkout_payment select {width: auto}


.radio_check:hover {background: lightgrey}

 .checkout input[type="radio"]:checked {}
 
.checkout_payment p input,
.checkout_payment p select,
.checkout_payment p textarea
{margin-top:-15px}

.checkout_payment textarea {margin-bottom: 15px}

.billing_form p,
.checkout p, .account p, .pages p, .pages ul, .pages ol {
  padding-top: 0.8em;
  line-height: 1.8em !important;
  }

.billing_form input{max-width: 100%}

.inputRequirement.pullRight {
  margin-left: 0px;
  float: right;
 margin-top:0px;
    position: relative;
}

.top_bill_ship {width: auto !important;}


@media (max-width: 500px) {

.radio_check {
  font-size: 12px;
  }

  .billing_form .col-xs-3 p{font-size: 0.5em;}

  .billing_form p,
.checkout p, .account p, .pages p, .pages ul, .pages ol {
  padding-top: 0.8em;
  line-height: 1.8em !important;
  }
}


.checkout iframe{max-width: 100%; margin-top:0em}

.checkout_payment p input[type=radio] {
    margin-top: 6px; text-align:bottom;
}

.checkout_payment p img {vertical-align:middle}
.checkout_payment p input[type="radio"] {margin-top:4px}

.cc_exp, .cc_check {
    min-width:210px;
    width: auto;max-width: 50%; float: left; margin-right: 3%;}

.cc_check {clear: right !important; min-width:190px;}

.cc_check input {width: auto !important; padding: 10px;}

.inputRequirement {position: absolute;/* right:20px; */margin-top: -5px;}

.account input {width: 96%;}

.account input[type=checkbox], .account input[type=radio] {width: auto}

#shipping_table th { font-weight:bold;background-color:#EEEEEE;font-family:Arial;font-size:12px; }
#shipping_table th, #shipping_table td { padding:2px;border:1px solid #D6D6D6 }
#static_shipping_info { font-weight:bold;margin-bottom:10px;font-family:Arial;font-size:12px; }
.boldHeading{font-family:Arial;font-size:14px;font-weight:bold;margin-bottom:0px;}


.check_products_mob_button .show,
.check_products_mob_button .hide
 {display: none !important}

.check_products_mob_button .show.c_active,
.check_products_mob_button .hide.c_active {
  display: inline !important
  }


.check_products_mob_button {
  background: #eee;
  padding: 15px;
  margin-bottom: 15px;
  font-size: 1.2em;
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  cursor: pointer;
  }

.check_products_mob_button span {
  display: inline-block !important;
}

.check_products_mob_button span i {
  color: #ec316e;;
  margin-right: 10px;
}

.check_products_mob_button .total_price {
  float: right
}


.right_product {text-align: right; font-weight: bold; background: #eeeeee; padding:10px; margin-bottom: 10px}
.right_product p, .right_product .product_right_small{display:block; text-align: left; font-weight: normal}
.product_right_small {margin: 0 0 5px 0 !important; width: 100%;}

.subtotal {text-align: right; font-size: 1.5em}
.total {text-align: right; font-size: 1.5em}

.subtotal h3 {color: #24a6b2;}

@media (min-width: 992px) {
    .check_products_mob_button {display:none;}
    .c_right {float:right }
    .c_left {float:left}
}

@media (max-width: 992px) {
   
   .c_right {margin-bottom: 20px;}

    .orders_summary {
      max-height:1px;
      overflow:hidden;
      transition: all 1s ease;
    }

    .orders_summary.c_active {
    max-height:4000px;
    height:auto;
    overflow:hidden;
    transition: all 1s ease;
    padding-bottom: 20px;
   }

}

/* ACCOUNT HISTORY */

.account p {margin: 0 0 0 0; padding: 5px 0 0 0}

.product_small {
    display: block;
    text-align: left;
    font-weight: normal;
}

.account_price {margin: 5px 0 10px 0; color: #24a6b2; }


/* INFO FAQ */

.infofaq {line-height: 1.5em}

.infofaq td{padding-bottom: 10px;} 

.infofaq b{display:inline-block; padding: 0px 0 5px 0;} 
.infofaq a{display:inline-block; padding: 2px 0 2px 0;} 

.infofaq a.button {padding: 0.5em 1em 0.5em 1em;}

@media (max-width: 480px) {

  .infofaq table {margin-left: 0 !important}
  
  .infofaq td{
    display: none;
    width: 100%;
    }

  .infofaq td.main {
    display:block
    } 

}

/* FONT SELECTION */

.font_grid_item {margin-bottom:0.5em;}

@media (max-width: 992px) {
  .font_grid_item:nth-child(2n+4)
  {clear: left;}
}

@media (min-width: 992px) {
    .font_grid_item:nth-child(3n+5)
   {clear: left;}
}

/* ALSO PURCHASED SECTION */

.purchased_grid_item {margin-bottom:0.5em;}

@media (max-width: 992px) {
  .purchased_grid_item:nth-child(2n+4)
  {clear: left;}
}

@media (min-width: 992px) {
    .purchased_grid_item:nth-child(3n+5)
   {clear: left;}
}


.pin_image {position: absolute; max-width: 20%}
.p_left {left:10px; top: 10px}
.p_right {right:10px; bottom: 10px}
.fb_left {left:10px; bottom: 10px}
.fb_right {right:10px; bottom: 10px}

/* Wedding Dress Hankies page */

.hanky_top_image{
  position: relative;
  float: none;
  display:block;
  margin: 0px auto;
  width: 90%; max-width: 650px;
  }

.hanky_top_image{text-align:center;}

.wedding_dress_hankies ul, .wedding_dress_hankies ol {margin-top: 10px;}

.figures img {width: 100% !important}

.figures .col-md-3.col-xs-6 {margin-bottom: 10px}

.signup_bottom {background: #eeeeee; display:block !important;
  margin: 50px 0 20px 0; overflow:hidden; padding: 10px}

.signup_bottom h2 {color:#24a6b2; line-height: 1.3em;}

.signup_bottom img {width: 100%}

.sb_book_mob {display:none}

@media (max-width: 500px) {
  .sb_book,
  .sb_form {
    width: 100%;
}
.sb_book {display:none}
.sb_book_mob {float:none !important;display:block !important;
              max-width: 400px; margin: 0 0 20px -15px !important}
} 

.wedding_dress_hankies input, 
.wedding_dress_hankies input[type=submit]  {width: 100% !important;}

.fold_step:nth-child(odd){clear: left;}


/*Product Reviews*/
.product_review {background: #eeeeee; padding:10px; margin-bottom: 10px}

/*Press Page*/
@media (max-width: 768px) {
  .press_cover:nth-child(2n+3) {clear: left;}
}

@media (min-width: 768px) {
  .press_cover:nth-child(3n+4){clear: left;}
}

/*Craft Page*/
@media (max-width: 992px) {
  .craft_step:nth-child(2n+3) {clear: left;}
  .craft_product:nth-child(2n+3) {clear: left;}
}

@media (min-width: 992px) {

  .craft_step:nth-child(4n+5){clear: left;}
  .craft_product:nth-child(3n+4){clear: left;}
}






/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
   SOURCE: http://www.smartmenus.org/download/
-------------------------------------------------------------------------------------------*/

.sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
/* sub menus arrows on desktop */
.navbar-nav:not(.sm-collapsible) ul .caret {
  position: absolute;
  right: 0;
  margin-top: 6px;
  margin-right: 15px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px dashed;
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
  padding-right: 30px;
}
/* make sub menu arrows look like +/- buttons in collapsible mode */
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
  position: absolute;
  right: 0;
  margin: -3px 15px 0 0;
  padding: 0;
  width: 32px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
}
.navbar-nav.sm-collapsible .caret:before {
  content: '+';
  font-family: monospace;
  font-weight: bold;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
  content: '-';
}
.navbar-nav.sm-collapsible a.has-submenu {
  padding-right: 50px;
}
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
  position: static;
  margin: 0 0 0 2px;
  padding: 0;
  width: 0;
  height: 0;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
  content: '' !important;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
  padding-right: 15px;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
  position: absolute;
  display: none;
  visibility: hidden;
  height: 20px;
  overflow: hidden;
  text-align: center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 7px dashed transparent;
  border-right: 7px dashed transparent;
  border-bottom: 7px solid;
  border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
  top: 6px;
  border-top: 7px solid;
  border-right: 7px dashed transparent;
  border-bottom: 7px dashed transparent;
  border-left: 7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
  padding-left: 35px;
}
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
  padding-left: 45px;
}
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
  padding-left: 55px;
}
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
  padding-left: 65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
  white-space: normal;
}
.navbar-nav ul.sm-nowrap > li > a {
  white-space: nowrap;
}
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
  white-space: normal;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
  left: 0;
  right: auto;
}

.introSubheading{
  text-align:center;
  padding:10px 0 10px 0;
  font-size:2em;
}

.introText{
  text-align:center;
  font-size:18px;
  padding: 0px 5px 20px 5px;
  font-weight:normal;
}

.introHeading{
  text-align:center;
  font-size:44px;
  padding: 20px 0 0px 0;
}

.errorText{
  color:red;
  line-height:1.25;
}

.tableSubheading{
  text-align:center;
  font-size:1.3em;
  margin-bottom:40px;
    font-weight: 600;
}

.tableButton {
    width:100%;
    margin: -5px 0 0.5em 0;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    background: #EC316E;
    border: 1px solid #EC316E;
    border-radius: 0 2px 2px 0;
    font-size: 1.1em;
    font-weight: 600;
    padding: 0.5em 1em 0.5em 1em;
    transition: background-color 0.2s ease-out 0s;
}

.tableButton:hover {
  text-decoration: none;
    color: #EC316E;
    background: #fff;
}

.tableButton.b_white {
    color: #EC316E;
    background: #fff;
}

.tableButton.b_white:hover {
    color: #fff;
    background: #EC316E;
}

.stockWarning { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color: #cc0033; }

.no-js img.lazy {
    display: none;
}


.checkboxcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px;
  font-weight:500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkboxcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkboxcontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxcontainer input:checked ~ .checkmark {
  background-color: #999;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkboxcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkboxcontainer .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}