@import url("//hello.myfonts.net/count/2c096f");
@font-face {font-family: 'DidotLTPro-Italic';src: url('webfonts/2C096F_0_0.eot');src: url('webfonts/2C096F_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2C096F_0_0.woff') format('woff'),url('webfonts/2C096F_0_0.ttf') format('truetype');}

/* Slider */

.customer-account-create .read-both .checkbox-block p {
  color: rgb(107,135,170) !important;
  padding-top: 7px;
  padding-left: 38px;
}

.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper li .slider-content {
  padding: 0 4em;
  position: absolute;
  text-align: center;
  top: 20%;
  left: 0;
  right: 0;
}

.bx-wrapper li .slider-content h1 {
  color: #fff !important;
  font-size: 1em;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

.bx-wrapper li .slider-content p {
  color: #fff !important;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  font-size: 1.7em;
  margin: 0 auto;
  max-width: 700px;
  display: none;
  text-align: center;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

.bx-wrapper li .slider-content .line {
  height: 1px;
  background: #fff;
  margin: 2em auto;
  width: 100px;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.75);
}

.bx-wrapper li .slider-content .button {
  background: rgba( 255, 255, 255, 0.4 );
  border: 1px solid #fff;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.75);
  box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.75);
  cursor: pointer;
  color: #fff !important;
  display: inline-block;
  font-size: 1em;
  font-style: italic;
  padding: 1em 4em;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
  transition: all 0.3s ease;
}

.bx-wrapper li .slider-content .button:hover {
  text-decoration: none;
  background: rgba( 255, 255, 255, 0 );
  transition: all 0.3s ease;
}

.bx-wrapper img {
  width: 100%;
  display: block;
}

.bx-wrapper .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 30px;
  width: 100%;
  display: none;
}

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  text-indent: -9999px;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 10px;
  outline: 0;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #000;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #335F86;
}

.bx-wrapper .bx-prev {
  left: 10px;
  background-image: url( '../Images/Icons/arrow_left.svg' );
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: 100%;
}

.bx-wrapper .bx-next {
  right: 10px;
  background-image: url( '../Images/Icons/arrow_right.svg' );
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: 100%;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

@media only screen and (min-width : 45em ) {

  .bx-wrapper li .slider-content h1 {
    font-size: 3em;
  }

  .bx-wrapper li .slider-content {
    display: block;
    padding: 0;
  }

  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    display: block;
  }

  .bx-wrapper li .slider-content p {
    display: block;
  }

  .bx-wrapper li .slider-content {
    top: 25%;
  }
}

/* Celebrity Overrides -----------------------------------------------------------*/

html {
  -webkit-tap-highlight-color: rgba( 255, 255, 255, 0 );
  background: #fff !important;
}

.cms-page-view .col-main p, .cms-page-view .col-main ul, .cms-page-view .col-main ol {
  margin: 0;
}

body {
  background: #fff !important;
  color: #000 !important;
}

h1, p, a {
  color: #000 !important;
}

label {
  cursor: inherit;
}

.demo-notice {
  display: none;
}

.main li {
  font-size: 18px;
}

.top-border, #nav ul, #nav div.sub-wrapper {
  border: 0;
}

.wrapper {
  background: #fff;
  min-width: 1px;
}

.header-container {
  position: fixed;
  width: 100%;
  padding: 2em 0 2em;
  background: #fff !important;
  display: block;
  top: 0;
  z-index: 9997;
  border-bottom: 1px solid #335F86 !important;
  transition: 1s ease all;
}

.page-title {
  display: none !important;
}

.sticky {
  position: fixed;
  transition: 1s ease all;
  display: block;
  width: 100%;
  z-index: 9999;
  top: -30px;
}

header {
  box-sizing: border-box;
  width: 100%;
}

header a.logo {
  left: 50%;
  float: none !important;
  margin-left: -50px !important;
  position: absolute;
  text-align: center;
}

header a.logo img {
  max-width: 100px;
}

.header-container ul.links {
  display: none;
  position: absolute;
  top: 2em;
  right: 7em;
  margin: 0;
}

.header-container ul.links li.separator {
  display: none;
}

.header-container ul.links li:nth-child(2), .header-container ul.links li:nth-child(4), .header-container ul.links li:nth-child(5), .header-container ul.links li:nth-child(6), .header-container ul.links li:nth-child(7) {
  display: none;
}

.header-container ul.links li {
  margin: 0;
  padding: 0;
  width: 110px;
  display: inline-block;
  text-align: left;
}

.header-container ul.links li:first-child a, .header-container ul.links li:last-child a, .header-container ul.links li:nth-child(3) a {
  display: block;
  padding-left: 25px;
  height: 20px;
  margin: 0 auto;
  text-transform: uppercase;
}

.header-container ul.links li:first-child a {
  background: url( '../Images/Icons/search.svg' ) no-repeat;
}

.header-container ul.links li:last-child a, .header-container ul.links li:nth-child(3) a {
  background: url( '../Images/Icons/user.svg' ) no-repeat;
}

#search_mini_form {
  display: none;
}

.breadcrumbs {
  display: none;
  border-bottom: 0;
  margin: 0;
}

.breadcrumbs ul li, .breadcrumbs ul li a {
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  text-transform: none !important;
  font-size: 1.2rem;
  color: #000;
  text-transform: lowercase !important;
}

.breadcrumbs ul li a:hover {
  text-decoration: none;
}

.breadcrumbs strong {
  color: #000 !important;
}

.cart-top {
  background-color: transparent !important;
  background-image: url( '../Images/Icons/shopping.svg' ) !important;
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px !important;
  height: 20px !important;
  position: static !important;
  margin-right: 2em;
  top: -12px;
}

.cart-top:after {
  position: absolute;
  content: 'CART';
  right: -3em;
  top: 0;
}

.cart-top .summary .text {
  display: none;
}

header .cart-top .details {
  margin: 0 auto;
  top:50px;
  left: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
}

#nav li {
  width: 11.76471%;
  margin-right: 2.94118%;
  float: left;
}

#nav li:last-child {
  float: right;
  margin-right: 0;
}

#nav li a {
  font-weight: 100 !important;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  box-sizing: border-box;
}

#nav ul li a span {
  font-weight: 100 !important;
  font-family: 'Open Sans', sans-serif;
  color: #000;
}

#nav ul li {
  border-bottom: 0 !important;
}

.top_menu, #nav, .sub-wrapper {
  width: 100% !important;
}

#nav ul li a:hover {
  background: #eee;
}

.level0 > .sub-wrapper {
  border-bottom: 1px solid #335F86 !important
}

.sub-wrapper, .sub-wrapper ul {
  background: #fff !important;
}

.sub-wrapper ul .level2, .sub-wrapper ul.level1 {
  display: none;
}

.menu-container {
  box-sizing: border-box;
  width: 100% !important;
  display: none;
}

.main-container {
  overflow: hidden;
  position: relative;
  background: #fff !important;
}

.additional_links {
  display: none;
  background: rgba(4, 58, 106, 0.4);
  border-bottom: 1px solid #fff;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  width: 100%;
  z-index: 998;
}

.additional_links h3 {
  color: #fff;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  font-weight: 100;
  font-size: 1.1em;
}

.col-main, .page-title {
  overflow: hidden;
}

.page-title {
  margin: 0;
  padding: 0;
}

.main-shadow {
  box-sizing: border-box;
  width: 100%;
}

.main {
  box-sizing: border-box;
  padding: 2em;
  width: 100% !important;
}

.light footer .footer-brands, .light .simple footer .footer-subscribe {
  display: none;
}

footer {
  background-color: #FDF8F4 !important;
  width: 100%;
  border-top: 1px solid #335F86 !important;
}

.footer-container {
  background-color: #fff !important;
  position: static !important;
}

.footer-container address {
  padding: 0;
}

footer .button {
  border: 1px solid #000;
  display: inline-block;
  line-height: 1;
  padding: 1em 4em;
  margin-bottom: 1em;
}

.light .informative footer .footer-subscribe {
  position: absolute;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 2em;
  margin: 0;
}

.informative footer .footer-subscribe .title {
  display: none;
}

.footer-links {
  box-sizing: border-box;
  margin: 2em 0;
  text-align: center;
  width: 100%;
}

.footer-links ul {
  overflow: hidden;
  margin-bottom: 2em;
}

.footer-links li.contact-strip {
  margin-top: 2em;
  padding-bottom: 1em;
  width: 100% !important;
}

.footer-links ul li a, footer p {
  color: #000 !important;
  font-size: 1em;
  text-transform: uppercase !important;
}

.footer-links > li > span {
  color: #335F86 !Important;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  font-size: 2em;
}

.footer-links li {
  width: 100%;
}

.cms-index-index .footer-container {
  padding: 200px 0 0;
}

footer .footer-newsletter input[type="text"] {
  width: 100%;
  float: none;
  height: 30px;
  margin-bottom: 1em;
  box-sizing: border-box;
  -webkit-appearance: none !important;
  border-radius: 0 !important;
}

footer .footer-newsletter input[type="submit"] {
  width: 100%;
  float: none;
  height: 30px;
  box-sizing: border-box;
  -webkit-appearance: none !important;
  border-radius: 0 !important;
}

.footer-newsletter .description {
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  line-height: 1 !important;
  font-size: 1.5em;
  color: #335F86 !important;
  margin: 0 0 20px !important;
}

.footer-newsletter {
  margin: 2em 0;
  text-align: center;
  padding: 0 2em;
}

.footer-newsletter input[type="submit"] {
  background: #335F86;
  -webkit-appearance: none;
  border: 0;
  color: #fff;
}

.footer-newsletter form {
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 0 auto;
}

footer form .button {
  width: 40%;
  margin-right: 0;
  float: right;
  float: left;
  border: 0;
  padding: 0;
  text-align: center;
}

footer form .button span {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}

.std h1, .std h2, .std h3, .std h4 {
  color: #000 !important;
}

@media only screen and ( min-width : 45em ) {

  .main {
    padding: 4em;
  }

  .cart-top {
    margin-right: 7em;
  }

  .cart-top:after {
    position: relative;
    content: 'CART';
    right: -30px;
    top: auto;
  }

  .footer-newsletter form {
    width: 40%;
  }

  footer .footer-newsletter input[type="text"] {
    float: left;
    box-sizing: border-box;
    display: inline-block;
    border: 0;
    margin-bottom: 0;
    width: 60%;
  }

  footer .footer-newsletter input[type="submit"] {
    float: right;
    box-sizing: border-box;
    display: inline-block;
    border: 0;
    width: 40%;
  }

  .footer-links {
    text-align: left;
    padding: 0 2em;
  }

  .footer-links li.contact-strip {
    width: auto !important;
  }

  .footer-links > li {
    border-left: 1px solid #335F86;
    box-sizing: border-box;
    float: left;
    margin-right: 1.69492%;
    height: 250px;
    padding: 2em 4em;
    width: 23.72881%;
  }

  .footer-links > li:first-child {
    border-left: 0;
  }

  .footer-links > li:last-child {
    float: right;
    margin-right: 0;
  }

  header .cart-top .details {
    margin: auto;
    right: 0;
    left: auto;
    width: 252px;
    box-sizing: border-box;
  }

  footer .button {
    border: 0;
    display: inline-block;
    line-height: 1;
    padding: 0;
    margin-bottom: 1em;
  }
}

/* HEADER DESKTOP ----------------------------------------------------------------------*/


@media only screen and ( min-width : 60em ) {

  header a.logo {
    left: 50%;
    float: none !important;
    margin-left: -128px !important;
    position: absolute;
    text-align: center;
  }

  header a.logo img {
    max-width: none;
    width: 100%;
    transition: 0.5s ease all;
  }

  img.smaller-logo {
    max-width: 45%;
    width: 45% !important;
    transition: 0.5s ease all;
  }

  .header-container {
    padding: 2em 0 0;
  }

  .header-container ul.links {
    display: block;
  }

  .menu-container {
    display: block;
    margin-top: 6em !important;
    transition: 0.5s ease all;
  }

  .menu-container-small {
    margin-top: 0 !important;
    transition: 0.5s ease all;
  }

  .main-container {
    padding-top: 179px !important;
  }

 

  footer .button {
    border: 1px solid #000;
    display: inline-block;
    line-height: 1;
    padding: 1em 4em;
    margin-bottom: 1em;
  }
}

input.input-text, textarea, input.qty {
  height: 40px;
}

/* Global ----------------------------------------------------------------------*/

body, html, h1, h2, h3, h4, h5, h6, li, a, p {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}

.layout {
  padding: 2em;
  margin: 0 auto;
  overflow: hidden;
}

fieldset {
  border: 0;
}

select, input[type="type"], textarea {
  -webkit-appearance: none !important;
  border-radius: 0;
}

.banner {
  margin-bottom: 0;
  text-align: center;
}

.banner img {
  position: relative;
  left: 100%; 
  margin-left: -200%;
  width: 800px; 
}

.main-content {
  overflow: hidden;
}

header .tel-number {
  display: none;
  position: absolute;
  top: 2em;
  left: 3em;
  color: #999999;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  font-size: 1.3em;
}

header .tel-number a {
  font-style: normal;
}

header .tel-number a:hover {
  text-decoration: none;
}

.mobile-phone {
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  z-index: 9999;
  background: url( '../Images/Icons/phone.svg' ) center center no-repeat #fff;
  border-left: 1px solid #335F86;
  border-top: 1px solid #335F86;
}

button.button span {
  background: #335F86 !important;
}

@media only screen and ( min-width : 45em ) {

  .mobile-phone {
    display: none;
  }

  .layout {
    padding: 2em;
    margin: 0 auto;
  }

  .banner img {
    width: 1200px;
  }
}

@media only screen and ( min-width : 65em ) {

  header .tel-number {
    display: block;
  }

  .banner img {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}

/* Home Main Content ----------------------------------------------------------------------*/

.cms-celebrity-home .additional_links {
  display: none;
}

.cms-celebrity-home .main {
  padding: 0;
}

.main-content-modules .home-module {
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-position: center center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  margin-bottom: 2em;
  margin-right: 0;
}

.main-content-modules .top:after, .main-content-modules .bottom:after {
  content: "";
  display: table;
  clear: both;
}

.main-content-modules .module-4 input[type="text"] {
  width: 100%;
  background-color: white !important;
  color: #9c9c9c;
  font-size: 12px;
  line-height: 15px;
  border: 0;
  height: 15px;
  width: 160px;
  padding: 0;
  box-sizing: border-box;
  padding: 9px 12px;
  height: 30px;
  width: 100%;
  margin-bottom: 1em;
}

.main-content-modules .module-4 input[type="submit"]  {
  width: 100%;
  margin-right: 0;
  float: right;
  float: left;
  border: 0;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  background: #335F86 !important;
  height: 30px;
  line-height: 30px;
  color: #fff;
}

.home-module .module-content {
  background: rgba( 255, 255, 255, 0.8 );
  position: absolute;
  top: 1em;
  bottom: 1em;
  left: 1em;
  padding: 2em;
  right: 1em;
  text-align: center;
}

.home-module .module-content h1 {
  color: #000;
  font-size: 1.5em;
  font-weight: 100;
  text-transform: uppercase;
  margin-top: 1em;
}

.home-module .module-content p {
  color: #000;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  font-size: 1.3em;
}

.home-module .module-content .line {
  background: #000;
  height: 1px;
  margin: 2em auto;
  width: 100px;
}

.home-module .module-content .button {
  border: 1px solid #000;
  color: #000;
  display: inline-block;
  font-size: 1em;
  padding: 1em 4em;
  text-transform: uppercase;
  font-style: italic;
  transition: all 0.3s ease;
  background: rgba( 255, 255, 255, 0.8 );
}

.home-module .module-content .button:hover {
  background: rgba( 255, 255, 255, 0.8 );
  transition: all 0.3s ease;
}

.home-module .module-content .button:hover {
  text-decoration: none;
}

.main-content-modules .top .module-1, .main-content-modules .top .module-2, .main-content-modules .top .module-3, .main-content-modules .top .module-4, .main-content-modules .bottom .module-5, .main-content-modules .bottom .module-6, .main-content-modules .module-7 {
  height: 358px;
}

.main-content-modules .module-7 {
  margin-right: 0;
}

#instafeed {
  width: 100%;
  overflow: hidden;
}

#instafeed a {
  border: 1px solid #000;
  box-sizing: border-box;
  float: left;
  margin-bottom: 1.69492%;
  margin-right: 1.69492%;
  width: 49.15254%;
}

#instafeed a:nth-child(odd) {
  float: right;
  margin-right: 0;
}

#instafeed a img {
  width: 100%;
}

@media only screen and ( min-width : 45em ) {

  .main-content-modules .home-module {
    float: left;
    margin-right: 1.69492%;
    width: 49.15254%;
  }

  .main-content-modules .home-module:nth-child(even) {
    margin-right: 0;
  }

  .home-module .module-content h1 {
    margin-top: 50px;
    font-size: 2em;
  }

  .home-module .module-content .button {
    background: rgba( 255, 255, 255, 0 );
  }

  .main-content-modules .module-4 input[type="text"] {
    width: 60%;
    float: left;
    margin-right: 0;
    margin-bottom: 0;
  }

  .main-content-modules .module-4 input[type="submit"] {
    width: 40%;
    float: right;
    margin-right: 0;
    margin-left: 0;
  }

  #instafeed a {
    border: 1px solid #000;
    box-sizing: border-box;
    float: left;
    margin-bottom: 4.16667%;
    margin-right: 4.16667%;
    width: 16.66667%;
  }

  #instafeed a:nth-child(odd) {
    float: left;
    margin-right: 4.16667%;
  }

  #instafeed a:nth-child(5), #instafeed a:nth-child(10) {
    float: right;
    margin-right: 0;
  }

  #instafeed a img {
    width: 100%;
  }

  #instafeed {
    float: none;
    overflow: hidden;
    margin-right: 0;
    position: relative;
    width: 100%;
  }

  .instagram-section .module-7 {
    width: 100%;
    float: none;
  }
}

@media only screen and (min-width : 65em ) {

  .instagram-section .module-7 {
    float: left;
    margin-right: 1.69492%;
    width: 49.15254%;
  }

  .cms-celebrity-home .additional_links {
    display: block;
    top: 179px;
  }

  .main-content {
    padding-top: 0;
  }

  .home-module .module-content {
    opacity: 0;
    padding: 2em;
    transition: all 0.3s ease;
  }

  .home-module:hover .module-content {
    opacity: 100;
    transition: all 0.3s ease;
  }

  .home-module .module-content h1 {
    font-size: 3em;
  }

  .home-module .module-content p {
    font-size: 1.5em;
  }

  .main-content-modules .top .module-2 {
    height: 740px;
  }

  .main-content-modules .top .module-1 {
    float: left;
    overflow: hidden;
    margin-right: 1.69492%;
    width: 66.10169%;
  }

  .main-content-modules .top .module-2 {
    float: right;
    overflow: hidden;
    margin-right: 0;
    width: 32.20339%;
  }

  .main-content-modules .top .module-3, .main-content-modules .top .module-4, .main-content-modules .module-7 {
    float: left;
    overflow: hidden;
    margin-right: 1.69492%;
    width: 32.20339%;
  }

  .main-content-modules .bottom .module-5 {
    float: left;
    overflow: hidden;
    margin-right: 1.69492%;
    width: 49.15254%;
  }

  .main-content-modules .bottom .module-6 {
    float: right;
    overflow: hidden;
    margin-right: 0;
    width: 49.15254%;
  }

  .main-content-modules .top .module-2 h1 {
    margin-top: 6em;
  }

  #instafeed {
    float: right;
    overflow: hidden;
    margin-right: 0;
    position: relative;
    width: 66.10169%;
  }
}

/* Lookbook Content ----------------------------------------------------------------------*/

.cms-lookbook .main {
  padding: 0;
}

.cms-lookbook .page-title {
  display: none;
}

.lookbook-col {
  overflow: hidden;
  width: 100%;
}

.lookbook-col .lookbook-module {
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-position: center center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 2em;
}

.lookbook-module--1 {
  height: 300px;
  width: 100%;
}

.lookbook-module--2 {
  height: 300px;
  width: 100%;
}

.lookbook-module--3 {
  height: 300px;
  width: 100%;
}

.lookbook-module--4 {
  min-height: 1300px;
}

.lookbook-module--5 {
  height: 300px;
  width: 100%;
  margin-top: 0;
}

.lookbook-module--6 {
  height: 300px;
  width: 100%;
}

.lookbook-module--7 {
  height: 300px;
  width: 100%;
}

.lookbook-module--8 {
  height: 300px;
  width: 100%;
}

.lookbook-module .module-content {
  background: rgba( 255, 255, 255, 0.8 );
  bottom: 1em;
  left: 1em;
  padding: 2em;
  position: absolute;
  right: 1em;
  text-align: center;
  top: 1em;
}

.lookbook-module .module-content h1 {
  margin-top: 1em;
  color: #000;
  text-transform: uppercase;
}

.lookbook-module .line {
  background: #000;
  height: 1px;
  margin: 2em auto;
  width: 100px;
}

.lookbook-module a {
  color: #000;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  font-size: 1.6em;
  text-transform: lowercase;
  display: inline-block;
  padding: 1em 3em;
  transition: all 0.3s ease;
  background: rgba( 255, 255, 255, 0 );
}

.lookbook-module a:hover {
  text-decoration: none;
}

.lookbook-module .issuuButton {
  color: #000;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  font-size: 1.6em;
  text-transform: none !important;
  display: inline-block;
  padding: .6em 3em;
  border:1px solid #000;
  transition: all 0.3s ease;
  background: rgba( 255, 255, 255, 0 );
  
}

.lookbook-module--4 h1 {
  font-size: 4em;
}

.lookbook-module--4 p {
  color: #000;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  font-size: 1.6em;
  text-align: left;
  margin-bottom: 1em !important;
}

.lookbook-module--4 .lookbook-exp {
  padding: 0;
}

@media only screen and ( min-width : 45em ) {

  .lookbook-module--1, .lookbook-module--2, .lookbook-module--6, .lookbook-module--7 {
    float: left;
    margin-right: 1.69492%;
    width: 49.15254%;
  }

  .lookbook-module--2, .lookbook-module--7 {
    float: right;
    margin-right: 0;
  }

  .lookbook-module--3, .lookbook-module--4, .lookbook-module--5, .lookbook-module--8 {
    clear: left;
    float: none;
    width: 100%;
  }

  .lookbook-module--4 {
    min-height: 600px;
  }

  .lookbook-module--4 .lookbook-exp {
    padding: 2em;
  }

}

@media only screen and ( min-width : 65em ) {

  .lookbook-module .module-content h1 {
    margin-top: 7em;
  }

  .lookbook-module--4 .module-content h1 {
    margin-top: 1em;
  }

  .lookbook-col {
    float: left;
    margin-right: 1.69492%;
    width: 32.20339%;
  }

  .lookbook-col--3 {
    float: right;
    margin-right: 0;
  }

  .lookbook-module--1, .lookbook-module--2, .lookbook-module--3, .lookbook-module--4, .lookbook-module--5, .lookbook-module--6, .lookbook-module--7, .lookbook-module--8 {
    float: none;
    height: 600px;
    width: 100%;
  }

  .lookbook-module--5 {
    margin-top: 648px;
  }

  .lookbook-module .module-content {
    opacity: 0;
    transition: all 0.3s ease;
  }

  .lookbook-module:hover .module-content {
    opacity: 100;
    transition: all 0.3s ease;
  }

  .lookbook-module--4 .module-content {
    opacity: 100;
  }
}

/* Feature Brand Content ----------------------------------------------------------------------*/

.category-feature-brand .main {
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-repeat: no-repeat;
}

.category-feature-brand .slider {
  margin-bottom: 1.69492%;
}

.category-feature-brand .page-title h1 {
  color: #fff !important;
  font-size: 3em;
  font-weight: 100;
  letter-spacing: 0.2rem;
  margin: 2em auto;
  text-align: center;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

.main-content--featurebrand .main-content-modules {
  margin: 0 auto;
  max-width: 960px;
  padding-top: 0;
}

.featurebrand-module {
  box-sizing: border-box;
  margin-bottom: 1.69492%;
  position: relative;
}

.featurebrand-module img {
  position: relative;
  left: 100%;
  margin-left: -200%;
  width: 100%;
  height: auto;
}

.main-content--featurebrand .module-1 {
  background: rgba( 255, 255, 255, 0.8 );
  border: 1px solid #000;
  float: none;
  height: 636px;
  margin-right: 0;
  overflow: auto;
  width: 100%;
}

.main-content--featurebrand .module-1 .module-content {
  background: none;
}

.main-content--featurebrand .module-2, .main-content--featurebrand .module-3, .main-content--featurebrand .module-4, .main-content--featurebrand .module-5 {
  overflow: hidden;
  text-align: center;
}

.main-content--featurebrand .module-2 {
  float: none;
  height: 300px;
  margin-right: 0;
  width: 100%;
}

.main-content--featurebrand .module-3 {
  float: none;
  height: 300px;
  margin-right: 0;
  width: 100%;
}

.main-content--featurebrand .module-4 {
  float: none;
  height: 300px;
  margin-right: 0;
  width: 100%;
}

.main-content--featurebrand .module-5 {
  float: none;
  height: 300px;
  margin-right: 0;
  width: 100%;
}

.main-content--featurebrand .module-1 h1 {
  font-size: 3em;
  font-weight: 100;
  text-transform: uppercase;
}

.main-content--featurebrand .module-1 p {
  font-size: 1.4em;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  font-weight: 100;
  text-align: left;
  margin-bottom: 1em !important;
}

.featurebrand-module .module-content {
  background: rgba( 255, 255, 255, 0.8 );
  position: absolute;
  top: 1em;
  bottom: 1em;
  left: 1em;
  padding: 1em 1.5em 2em;
  right: 1em;
  text-align: center;
}

.main-content--featurebrand .shop-the-brand {
  clear: both;
  display: block;
  text-align: center;
}

.featurebrand-module .module-content h1 {
  text-transform: uppercase;
  font-size: 2em;
}

.main-content--featurebrand .module-2 h1, .main-content--featurebrand .module-3 h1, .main-content--featurebrand .module-4 h1, .main-content--featurebrand .module-5 h1 {
  margin-top: 3em;
  font-size: 1.6em;
}

.featurebrand-module .module-content .line {
  background: #000;
  height: 1px;
  margin: 2em auto;
  width: 50px;
}

.featurebrand-module .module-content .button {
  color: #000;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  font-size: 1.5em;
  text-align: center;
}

.featurebrand-module .module-content .button:hover {
  text-decoration: none;
}

.main-content--featurebrand .shop-the-brand .button {
  background: #335F86;
  border: 1px solid #fff;
  color: #fff !important;
  display: inline-block;
  font-size: 1em;
  margin-top: 2em;
  padding: 1em 4em;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.main-content--featurebrand .shop-the-brand .button:hover {
  background: rgba( 255, 255, 255, 0 );
  text-decoration: none;
  color: #335F86 !important;
  transition: all 0.3s ease;
}

@media only screen and ( min-width : 45em ) {

  .main-content--featurebrand .module-2, .main-content--featurebrand .module-3, .main-content--featurebrand .module-4, .main-content--featurebrand .module-5 {
    float: left;
    margin-right: 1.69492%;
    width: 49.15254%;
  }

  .main-content--featurebrand .module-3, .main-content--featurebrand .module-5 {
    margin-right: 0;
  }

}
@media only screen and ( min-width : 65em ) {

  .main-content--featurebrand .module-1 {
    background: rgba( 255, 255, 255, 0.8 );
    border: 1px solid #000;
    float: left;
    height: 636px;
    margin-right: 1.69492%;
    overflow: auto;
    width: 49.15254%;
  }

  .main-content--featurebrand .module-2, .main-content--featurebrand .module-3, .main-content--featurebrand .module-4, .main-content--featurebrand .module-5 {
    float: left;
    height: 311px;
    margin-right: 1.69492%;
    width: 23.72881%;
  }

  .main-content--featurebrand .module-3, .main-content--featurebrand .module-5 {
    float: right;
    margin-right: 0;
  }

  .featurebrand-module .module-content {
    opacity: 0;
    transition: all 0.3s ease;
  }

  .featurebrand-module:hover .module-content {
    opacity: 100;
    transition: all 0.3s ease;
  }

  .main-content--featurebrand .module-1 .module-content {
    opacity: 100;
    background: none;
  }

  .featurebrand-module img {
    height: 100%;
    width: auto;
  }
}


/* Size Chart ----------------------------------------------------------------------*/

.cms-size-guide .main {
  padding: 0;
}

.cms-size-guide .layout {
  overflow: visible;
}

.cms-size-guide .main-content {
  overflow-x: scroll;
}

.size-chart .top h1 {
  color: #000;
  font-size: 3em;
  margin: 0 auto;
  text-transform: uppercase;
}

.size-chart .top p {
  color: #000;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  font-size: 2em;
  margin: 2em auto 0 !important;
  max-width: 1000px;
  text-align: center;
}

.size-chart .top p a {
  color: #335F86 !important;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  text-decoration: underline;
}

.size-chart .top {
  overflow: hidden;
}

.size-chart .womens {
  margin-top: 4em;
}

.size-chart .womens h2 {
  color: #335F86;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  font-size: 2.5em;
  margin: 2em auto 1em;
}

.womens .clothing-sizes h3, .womens .denim-sizes h3 {
  border-bottom: 1px solid #000;
  font-size: 2em;
  margin-bottom: 2em;
  padding-bottom: 0.5em;
}

.inst-image {
  float: none;
  margin-right: 0;
  width: 100%;
  margin-bottom: 2em;
}

.inst-image img {
  width: 100%;
}

.inst {
  float: none;
  margin-right: 0;
  overflow: visible;
  width: 100%;
}

.size-chart .inst p {
  font-size: 1.5em;
  margin
}

.inst h4 {
  color: #000;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif !important;
  font-size: 2em;
  margin: 2em auto 1em;
}

.clothing-sizes, .denim-sizes {
  overflow: visible;
}

.inst .dropdown {
  border: 1px solid #000;
  border-radius: 0 !important;
  color: #000;
  font-size: 1.5em;
  height: auto;
  padding: 0.4em 1em;
  text-transform: uppercase;
  margin-bottom: 2em;
  max-width: 300px;
  width: 100%;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-appearance: none !important;
  background-image: url( '../Images/Icons/down_arrow.svg' );
  background-repeat: no-repeat;
  background-position: 95%;
}

.table-1 table, .table-2 table {
  border: 1px solid #000;
  color: #000;
  display: table;
  padding: 1.5em;
  margin-bottom: 4em;
  width: 100%;
}

.table-1 table th, .table-2 table th {
  font-weight: bold;
}

.table-1 table td, .table-2 table td {
  font-weight: 100;
}

.table-1 table td, .table-2 table td, .table-1 table th, .table-2 table th {
  border: 1px solid #000;
  padding: 0.5em 1em;
}

@media only screen and ( min-width : 45em ) {

  .womens .clothing-sizes h3, .womens .denim-sizes h3 {
    max-width: 50%;
  }

  .inst-image {
    float: left;
    width: 23.72881%;
    margin-right: 1.69492%;
  }

  .inst {
    float: right;
    width: 74.57627%;
    margin-right: 0;
  }

  .table-1 table td, .table-2 table td, .table-1 table th, .table-2 table th {
    font-size: 1.5em;
  }

  .clothing-sizes, .denim-sizes {
    overflow: hidden;
  }

}
@media only screen and ( min-width : 65em ) {

  .table-1 table td, .table-2 table td, .table-1 table th, .table-2 table th {
    font-size: 1.5em;
  }
}


/* In-Store Services ----------------------------------------------------------------------*/

a.anchor {
  display: block; 
  position: relative; 
  top: -250px; visibility: hidden;
}

.service-modules {
  overflow: hidden;
}

.service-modules h1 {
  color: #000;
  font-size: 3em;
  text-align: center;
  text-transform: uppercase;
}

.service-modules .secondary-nav {
  margin-bottom: 4em;
}

.service-modules .secondary-nav ul {
  margin: 2em auto;
  max-width: 1000px;
  overflow: hidden;
}

.service-modules .secondary-nav ul li {
  display: inline-block;
  float: left;
  list-style: none;
  margin-right: 1.69492%;
  padding: 1em 0;
  text-align: center;
  width: 49.15254%;
}

.service-modules .secondary-nav ul li:nth-child(2), .service-modules .secondary-nav ul li:nth-child(4) {
  float: right;
  margin-right: 0;
}

.service-modules .secondary-nav ul li a {
  color: #335F86 !important;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif !important;
  font-size: 1.5em;
}

.service-modules .secondary-nav ul li a:hover {
  text-decoration: none;
}

.service-modules .module {
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-position: center center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  box-sizing: border-box;
  height: 500px;
  padding: 2em;
  position: relative;
  margin-bottom: 1.69492%;
  text-align: center;
}

.service-modules .module .line {
  background: #000;
  height: 1px;
  margin: 2em auto;
  width: 50px;
}

.service-modules .module h2 {
  text-transform: uppercase;
  font-size: 2em;
}

.service-modules .module p {
  color: #000 !important;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif !important;
  font-size: 1.2em;
}

.service-modules .module .button {
  border: 1px solid #000;
  display: inline-block;
  padding: 1em 4em;
  margin-top: 2em;
  font-style: italic;
  text-transform: uppercase;
}

.service-modules .module .button:hover {
  text-decoration: none;
}

.service-modules .module--2 {
  width: 100%;
}

.service-modules .module--4 {
  width: 100%;
}

.service-modules .module--6 {
  width: 100%;
}

.service-modules .module--8 {
  width: 100%;
}

@media only screen and ( min-width : 45em ) {

  .service-modules .module {
    height: 400px;
  }

  .service-modules .secondary-nav ul li {
    width: 23.72881%;
  }

  .service-modules .secondary-nav ul li:nth-child(2) {
    float: left;
    margin-right: 1.69492%;
  }

  .service-modules .secondary-nav ul li a {
    font-size: 1.2em;
  }

  .service-modules .module {
    float: left;
    margin-right: 1.69492%;
    width: 49.15254%;
  }

  .service-modules .module--2, .service-modules .module--3, .service-modules .module--6, .service-modules .module--7 {
    float: right;
    margin-right: 0;
  }
}
@media only screen and ( min-width : 65em ) {

  .service-modules .module {
    height: 500px;
  }

  .service-modules .module h2 {
    font-size: 3em;
  }

  .service-modules .module p {
    font-size: 1.5em;
  }
}

/* VIP ----------------------------------------------------------------------*/

.cms-vip-signup .main {
  padding: 0;
}

.cms-vip-signup .banner {
  background-attachment: scroll;
  background-image: url( '../Images/VIP/vip_banner.jpg' );
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  margin-bottom: 0;
}

input:invalid, textarea:invalid {
  background-color: transparent;
}

.vip-program {
  overflow: hidden;
}

.vip-program h1 {
  color: #000;
  font-size: 3em;
  text-transform: uppercase;
}

.form--vip p, .form--vip li, .form--vip label {
  color: #000;
  font-size: 1.5em;
  line-height: 1.5;
  margin-bottom: 1.5em !important;
}

.vip-content-modules {
  overflow: hidden;
}

.vip-image {
  height: 400px;
  margin-bottom: 2em;
  text-align: center;
  overflow: hidden;
}

.vip-image img {
  position: relative;
  left: 100%;
  margin-left: -200%;
  width: 100%;
}

.form--vip label {
  display: block;
}

.form--vip input {
  border: 1px solid #000;
  box-sizing: border-box;
  color: #000;
  margin-bottom: 3em;
  min-height: 50px;
  padding: 1em;
  text-transform: uppercase;
  width: 100%;
}

.form--vip input[type="checkbox"] {
  margin: 0 1em 0 0;
  width: auto;
  border: 1px solid #000;
  border-radius: 0;
  -webkit-appearance: none;
  min-height: 1px;
  cursor: pointer;
}

.form--vip input[type="checkbox"]:checked {
  background-color: #335F86;
}

.form--vip input[type="submit"] {
  background: none;
  clear: left;
}

@media only screen and ( min-width : 65em ) {

  .cms-vip-signup .banner {
    height: 400px;
  }

  .vip-content-modules .form--vip {
    float: left;
    margin-right: 1.69492%;
    width: 66.10169%;
  }

  .vip-content-modules .vip-images {
    float: right;
    margin-right: 0;
    width: 32.20339%;
  }

  .vip-content-modules .vip-images .vip-image {
    height: 600px;
    margin-bottom: 2em;
    text-align: center;
    overflow: hidden;
  }

  .vip-content-modules .vip-images .vip-image img {
    width: 600px;
  }

  .form--vip input {
    float: left;
    margin-right: 1.69492%;
    width: 49.15254%;
  }

  .form--vip label {
    display: inline;
  }

  .form--vip input:nth-child(even), .form--vip select:nth-child(even) {
    float: right;
    margin-right: 0;
  }

  .form--vip input[type="submit"] {
    clear: both;
    display: block;
    float: none;
    margin: 4em auto;
    padding: 1em 4em;
    width: auto;
  } 
}


/* Thank You ---------------------------------------------------------------------------------*/
/**
Uses same stylings as VIP
*/

.form--vip .buttons {
  margin: 0 auto;
  max-width: 600px;
  overflow: hidden;
  text-align: center;
}

.form--vip .buttons .button {
  border: 1px solid #000;
  box-sizing: border-box;
  display: block;
  margin-bottom: 2em;
  padding: 1em 2em;
  text-transform: uppercase;
  width: 100%;
}

.form--vip .buttons .button:hover {
  text-decoration: none;
}

@media only screen and ( min-width : 45em ) {

  .form--vip .buttons .button {
    float: left;
    display: inline-block;
    margin-right: 1.69492%;
    width: 49.15254%;
  }

  .form--vip .buttons .button:last-child {
    float: right;
    margin-right: 0;
  } 
}

/* Returns & Exchanges ---------------------------------------------------------------------------------*/

.cms-returns .main {
  padding: 0;
}

.return-content, .return-images {
  overflow: hidden;
  margin-bottom: 2em;
}

.returns h1 {
  color: #000;
  font-size: 3em;
  text-transform: uppercase;
}

.returns h2 {
  border-bottom: 1px solid #000;
  font-size: 2em;
  margin: 2em 0;
  padding-bottom: 0.5em;
}

.returns h2:first-child {
  margin-top: 0;
}

.return-content p {
  font-size: 1.5em;
}

.return-images .return-image {
  height: 400px;
  text-align: center;
  margin-bottom: 2em;
  overflow: hidden;
}

.return-image img {
  position: relative;
  left: 100%;
  margin-left: -200%;
  width: 100%;
  height: auto;
}

@media only screen and ( min-width : 45em ) {

  .returns h2 {
    max-width: 50%;
  }

  .return-content {
    float: left;
    margin-right: 1.69492%;
    width: 74.57627%;
  }

  .return-images {
    float: right;
    margin-right: 0;
    width: 23.72881%;
  }

  .return-images .return-image {
    height: 600px;
  }

  .return-image img {
    height: auto;
    width: 400px;
  }
}

/* FAQ ---------------------------------------------------------------------------------*/

.cms-faq .main {
  padding: 0;
}

.faq-content-modules {
  overflow: hidden;
}

.faq-content-modules h1 {
  color: #000;
  font-size: 3em;
  text-transform: uppercase;
}

.faq-content .secondary-nav {
  overflow: hidden;
}

.faq-content .secondary-nav ul {
  margin: 2em auto 0;
  overflow: hidden;
}

.faq-content .secondary-nav ul li {
  display: inline-block;
  float: left;
  list-style: none;
  padding: 1em 0;
  text-align: center;
  margin-right: 1em;
}

.faq-content .secondary-nav ul li a {
  color: #335F86 !important;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif !important;
  font-size: 2em;
}

.faq-content .secondary-nav ul li a:hover {
  text-decoration: none;
}

.faq-content h2 {
  color: #335F86 !important;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif !important;
  font-size: 2em;
  margin-top: 2em;
}

.faq-images .faq-image {
  height: auto;
  text-align: center;
  margin-bottom: 2em;
  overflow: hidden;
}

.faq-images .faq-image img {
  position: relative;
  left: 100%;
  margin-left: -200%;
  width: 100%;
}

.ac-container {
  width: 100%;
  margin-bottom: 2em;
}

.ac-container label {
  border-bottom: 1px solid #000;
  color: #000;
  padding-bottom: 1em;
  position: relative;
  font-size: 2em;
  margin-top: 2em;
  z-index: 20;
  display: block;
  cursor: pointer;
}

.ac-container input {
    display: none;
}

.ac-container article {
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 10;
  transition: all 0.3s ease;
}

.ac-container article p {
  color: #000 !important;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif !important;
  font-size: 1.5em;
}

.ac-container input ~ label:after {
  content: '+';
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-weight: 100;
  position: absolute;
  right: 0;
}

.ac-container input:checked ~ label:after {
  content: '-';
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-weight: 100;
  position: absolute;
  right: 0;
}

.ac-container input:checked ~ article {
  transition: all 0.3s ease;
}

.ac-container input:checked ~ article {
  height: auto;
  padding: 2em 0;
}

@media only screen and ( min-width : 45em ) {
  
  .faq-images .faq-image {
    height: 400px;
  }

  .faq-images .faq-image img {
    width: 400px;
  }

  .faq-content-modules .faq-content {
    float: left;
    margin-right: 1.69492%;
    width: 66.10169%;
  }

  .faq-content-modules .faq-images {
    float: right;
    margin-right: 0;
    width: 32.20339%;
  }

  .faq-images .faq-image {
    height: 500px;
  }

  .faq-content .secondary-nav ul li {
    text-align: left;
  }
}

@media only screen and ( min-width : 45em ) {

  .faq-images .faq-image img {
    width: 600px;
  }  
}

/* Contact / Create New Account Form ---------------------------------------------------------------------------------*/

.contact-modules {
  overflow: hidden;
}

.contact-modules h1 {
  color: #000;
  font-size: 3em;
  text-transform: uppercase;
}

.contact-form label, .account-create label {
  color: #000 !important;
  text-transform: uppercase;
  font-weight: normal;
}

.contact-form .fieldset, .account-create .fieldset {
  margin: 2em 0;
}

.contact-form .fieldset .legend, .account-create .fieldset .legend {
  display: none;
}

.contact-form .form-list label.required em, .account-create .form-list label.required em {
  color: #000 !important;
}

.contact-form input, .contact-form textarea, .account-create input, .account-create textarea {
  border: 1px solid #000;
  box-sizing: border-box;
  color: #000;
  margin: 0 auto 3em;
  min-height: 40px;
  padding: 1em;
  text-transform: uppercase;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.contact-form textarea, .account-create textarea {
  height: 200px;
}

.contact-form input[type="submit"], .account-create input[type="submit"] {
  background: none;
  clear: both;
  display: block;
  float: none;
  padding: 1em 4em;
  width: auto;
  border-radius: 0;
}

.contact-info h2 {
  text-transform: uppercase;
  margin-bottom: 2em;
  font-size: 1rem;
}

.contact-info h2 a {
  display: block;
}

.contact-info h2 a:hover {
  text-decoration: none;
}

.contact-info p {
  font-size: 1.5em;
}

@media only screen and ( min-width : 45em ) {

  .contact-form {
    float: left;
    margin-right: 1.69492%;
    width: 49.15254%;
  }

  .contact-info {
    float: right;
    margin-right: 0;
    text-align: center;
    width: 49.15254%;
  }

  .contact .contact-map {
    height: 600px;
    width: 100%;
  }
  .contact #map {
    height: 600px;
    width: 100%;
  }
}


/* About ----------------------------------------------------------------------------------------*/

.cms-about .main {
  padding: 0;
}

.about-modules {
  overflow: hidden;
}

.about-modules h1 {
  color: #000;
  font-size: 3em;
  text-transform: uppercase;
}

.about-modules p {
  color: #000 !important;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif !important;
  font-size: 1.6em;
  margin-bottom: 2em !important;
}

.about-modules .about-images .about-image--1 {
  height: 400px;
  margin-bottom: 2em;
  text-align: center;
  overflow: hidden;
}

.about-modules .about-images .about-image--1 img {
  position: relative;
  left: 100%;
  margin-left: -200%;
  width: 100%;
}

@media only screen and ( min-width : 45em ) {

  .about-modules .about-info, .about-modules .about-images {
    width: 49.15254%;
  }

  .about-modules .about-info {
    float: left;
    margin-right: 1.69492%;
  }

  .about-modules .about-images {
    float: right;
    margin-right: 0;
  }

  .about-modules .about-images .about-image--1 {
    height: 600px;
  }

  .about-modules .about-images .about-image--1 img {
    width: 400px;
  }
}

@media only screen and ( min-width : 65em ) {
  
  .about-modules .about-info {
    width: 66.10169%;
  }
  
  .about-modules .about-images {
    width: 32.20339%;
  }

  .about-modules .about-images .about-image--1 img {
    width: 600px;
  }
}

/* History ----------------------------------------------------------------------------------------*/

.cms-history .main {
  padding: 0;
}

.history-modules {
  overflow: hidden;
}

.history-modules h1 {
  color: #000;
  font-size: 3em;
  text-transform: uppercase;
}

.timeline {
  position: relative;
}

.timeline .timeline-line {
  position: absolute;
  width: 0;
  height: 100%;
  background: #000;
  left: 50%;
}

.timeline .timeline-line::before {
  content: '';
  display: none;
  position: absolute !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 100% !important;
  border: 1px solid #000 !important;
  top: -10px !important;
  margin-left: -5px;
}

.timeline .timeline-line::after {
  content: '';
  display: none;
  position: absolute !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 100% !important;
  border: 1px solid #000 !important;
  bottom: -10px !important;
  margin-left: -5px;
}

.timeline .history-module {
  clear: both;
  margin-bottom: 2em;
  overflow: hidden;
  z-index: 100;
}

.timeline .history-module .history-box {
  background-attachment: scroll;
  background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-sizing: border-box;
  padding: 1em;
}

.timeline .history-module .history-box .history-box-inner {
  background: rgba( 255, 255, 255, 0.9 );
  padding: 2em;
}

.timeline .history-module .history-box .history-box-inner h2 {
  margin: 1em 0;
  text-align: center;
}

.timeline .history-module .history-box .history-box-inner h3 {
  text-align: center;
  margin: 1em 0 ;
  text-transform: uppercase;
}

.timeline .history-module .history-box .history-box-inner p {
  color: #000 !important;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif !important;
  margin: 1em 0;
  font-size: 1.5em;
}

@media only screen and ( min-width : 45em ) {
  
  .timeline .history-module .history-box .history-box-inner {
    opacity: 0;
    transition: 0.3s ease all;
  }

  .timeline .history-module .history-box:hover .history-box-inner {
    opacity: 1;
    transition: 0.3s ease all;
  }

  .timeline .history-module .history-box {
    max-width: 500px;
  }

  .history-module--2 .history-box, .history-module--4 .history-box, .history-module--6 .history-box {
    float: right;
  }

  .timeline .point-line {
    background: #000;
    height: 1px;
    width: 500px;
    position: absolute;
    z-index: -1;
  }

  .timeline .point-line--1 {
    top: 150px;
    right: 0;
  }

  .timeline .point-line--2 {
    top: 600px;
    left: 0;
  }

  .timeline .point-line--3 {
    top: 1200px;
    right: 0;
  }

  .timeline .point-line--4 {
    top: 2000px;
    left: 0;
  }

  .timeline .point-line--5 {
    top: 2500px;
    right: 0;
  }

  .timeline .point-line--6 {
    top: 3500px;
    left: 0;
  }

  .timeline .timeline-line::after, .timeline .timeline-line::before {
    display: block;
  }
}
@media only screen and ( min-width : 65em ) {

  .timeline .timeline-line {
    width: 1px;
  }
}

/* Alterations ---------------------------------------------------------------------------------*/
.cms-alterations table {
  border: 1px solid #000;
  color: #000;
  display: table;
  padding: 1.5em;
  margin-bottom: 4em;
  width: 100%;
}

.cms-alterations table th {
  font-weight: bold;
}

.cms-alterations table td {
  font-weight: 100;
}

.cms-alterations table td, table th {
  border: 1px solid #000;
  padding: 0.5em 1em;
}

@media only screen and ( min-width : 45em ) {

  .cms-alterations table td, table th {
    font-size: 1.5em;
  }

}
@media only screen and ( min-width : 65em ) {

  
}

/* Category View / New ---------------------------------------------------------------------------------*/

.category-description {
  display: none;
}

.catalog-category-view .main, .new-result-index .main {
  padding: 2em !important;
}

.catalog-category-view .col-main, .new-result-index .col-main {
  width: 100%;
}

.catalog-category-view .col-main img.brand-banner, .new-result-index .col-main img.brand-banner {
  width: 100%;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}

.catalog-category-view .col-left, .new-result-index .col-left {
  width: 100%;
}

.btn-remove {
  background: url( '../Images/Icons/OTR_x_btn.svg' ) 0 0 no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
}

.catalog-category-view .col-left a, .new-result-index .col-left a {
  text-transform: uppercase;
}

.catalog-category-view .breadcrumbs, .new-result-index .breadcrumbs {
  display: block;
}

.block-layered-nav dd li {
  border-bottom: 0;
  background: none !important;
}

.block-layered-nav dd li:hover {
  background: none;
}

.products-grid, .products-list {
  width: 100% !important;
}

.products-grid li.item, .products-list li.item {
  float: none;
  width: 100%;
  padding: 0;
  margin-right: 0;
  position: relative;
  overflow: hidden;
  margin-bottom: 1em;
}

.alert-stock{
  display: none !important;
}

.products-grid li.item > a {
  width: 100%;
  height: auto;
  padding-bottom: 132%;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}

.products-grid li.item a img, .products-list li.item a img {
  width: 100%;
  height: auto;
}

.products-grid li.item:nth-child(3), .products-list li.item:nth-child(3) {
  float: right;
  margin-right: 0;
}

.products-list .product-image {
  float: none;
  width: 100%;
  margin: 0;
  border: 0;
  padding-bottom: 133%;
  height: auto;
}

.products-list .product-shop {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.products-list .desc {
  border-top: 0;
}

.products-list .price-text {
  display: none;
}

.products-list .product-shop .price-box {
  float: left;
}

.products-list .price {
  color: #335F86 !important;
}

.sorter {
  box-sizing: border-box;
  padding: 0;
  margin-top: 2em;
  margin-bottom: 2em;
}

.sorter select {
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0.5em;
  border: 1px solid #000;
  color: #000;
  height: auto;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  background-image: url( '../Images/Icons/down_arrow.svg' );
  background-repeat: no-repeat;
  background-position: 93%;
  background-size: 11%;
}

.sorter > div {
  width: 40.15254%;
  margin-right: 1.69492%;
  text-align: left;
  margin-bottom: 1em;
  box-sizing: border-box;
}

.sorter > div.limiter {
  float: right;
  margin-right: 0;
}

.sorter > p {
  display: none;
}

.sorter > div label, .sorter > p label {
  margin-right: 1em;
}

.sorter .sort-by {
  margin-left: 0;
  float: left;
  text-align: left;
}

.sorter .limiter {
  float: right;
  text-align: right;
}

.sorter .view-mode {
  text-align: center;
  float: left;
}

.sorter label {
  text-transform: uppercase;
  color: #000;
}

.sorter select option {
  text-transform: uppercase;
}

.sorter .view-mode .grid, .sorter .view-mode .list {
  text-indent: -9999px;
  width: 24px;
  height: 21px;
  display: inline-block;
  text-align: left;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  top: 5px;
}

.sorter .view-mode .grid {
  background-image: url( '../Images/Icons/view_grid.svg' );
}

.sorter .view-mode .list {
  background-image: url( '../Images/Icons/view_list.svg' );
}

.sorter .view-mode label {
  position: relative;
  top: 5px;
}

.toolbar .pager {
  display: none;
}

.toolbar-bottom .toolbar .pager {
  display: block;
}

.product-data .price-box {
  margin-top: 1em;
}

.product-data .price-box span.price {
  color: #335F86 !important;
}

.product-image span {
  position: absolute;
  z-index: 20;
  background: #335F86;
  display: block;
}

.product-image:hover span {
  opacity: 0.6;
}

.product-data .actions {
  float: none;
  display: block;
}

.products-grid .product-name, .products-list .product-name {
  height: 35px;
}

.products-grid .info, .products-list .info {
  width: 100%;
}

p.out-of-stock {
  background-image: url( '../Images/Icons/Available_inStore.svg' );
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-indent: -9999px;
  display: inline-block;
  width: 128px;
  height: 13px;
  margin-bottom: 1em;
  display: block;
}

.products-grid .btn-cart, .products-list .btn-cart {
  background-image: url( '../Images/Icons/Available_Online.svg' ) !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-indent: -9999px;
  display: inline-block;
  width: 128px;
  height: 13px;
  margin-bottom: 1em;
}

.products-grid .btn-cart, .products-list .btn-cart {
  background: transparent;
}

.product-data .info .product-brand {
  display: none;
}

.pager .pages ol li {
  border: 1px solid #335F86;
  padding: 0.5em 1em;
  color: #335F86;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif !important;
}

.pager .pages ol li:first-child, .pager .pages ol li:last-child {
  border: 0;
  padding: 0;
}

.pager .pages ol li.current {
  border: 1px solid #335F86;
  padding: 0.5em 1em;
  color: #335F86;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif !important;
}

.products-grid .product-image em, .products-list .product-image em {
  background: transparent;
  top: auto;
  bottom: 0;
  text-align: right;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif !important;
  font-size: 1.2rem;
  right: 0;
}

.pager .pages li a.next, .pager .pages li a.previous {
  width: 20px;
  background: transparent;
  padding: 0.5em 1em;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif !important;
  font-size: 1.2rem;
  color: #335F86;
}

a.next, a.previous {
  position: relative;
}

a.next:after {
  content: 'Next >';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  color: #335F86;
}

a.previous:before {
  content: '< Prev';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: #335F86;
}

a.next img {
  display: none;
}

.pager .pages {
  float: right;
  margin: 0;
  width: 100%;
  display: block;
  margin-top: 2em;
}

@media only screen and ( min-width : 45em ) {
  .sorter > div, .sorter > p {
    width: 33%;
    text-align: right;
    margin-bottom: 0;
    margin-right: 0;
  }

  .products-grid li.item {
    float: left;
    width: 32.20339%;
    padding: 0;
    margin-right: 1.69492%;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }

  .products-list .product-image {
    float: left;
    width: 32.20339%;
    margin: 0;
    margin-right: 1.69492%;
    padding-bottom: 44%;
  }

  .products-list .product-shop {
    float: right;
    width: 66.10169%;
    margin-right: 0;
    margin-left: 0;
  }

  .pager .pages {
    width: auto;
    display: block;
    margin-top: 0;
  }

  .sorter > p {
    display: block;
  }

  .toolbar .sort-by select, .toolbar .limiter select {
    width: 180px;
    height: 35px;
  }
}

@media only screen and ( min-width : 65em ) {

  .catalog-category-view .main, .new-result-index .main {
    padding: 2em 4em;
  }

  .catalog-category-view .col-main, .new-result-index .col-main {
    width: 74.57627%;
    margin-right: 0;
    float: right;
  }

  .catalog-category-view .col-left, .new-result-index .col-left {
    float: left;
    width: 23.72881%;
    border: none;
    padding: 0;
    margin-right: 1.69492%;
  }
}

/* Layered Nav ---------------------------------------------------------------------------------*/

.block-layered-nav .block-title {
  display: none;
}

dl#narrow-by-list dt {
  color: #335F86 !important;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  font-size: 2em;
  font-weight: 100;
  position: relative;
  cursor: pointer;
}

dl#narrow-by-list dt:after {
  content: '';
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
}

.sort-by > a {
  display: none;
}

.filter-button {
  display: block;
  line-height: 1;
  font-size: 1rem;
  display: block;
  width: 100%;
  padding: 1em;
  background: none;
  border: 1px solid #000;
  color: #335F86;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  margin-bottom: 1em;
}

.block-layered-nav .block-content {
  display: none;
}

@media only screen and ( min-width : 65em ) {

  .block-layered-nav .block-content {
    display: block;
  }

  .filter-button {
    display: none;
  }
}

/* Product View ---------------------------------------------------------------------------------*/

.catalog-product-view .main {
  padding: 2em !important;
}

.catalog-product-view .breadcrumbs {
  display: block;
  margin-bottom: 2em !important;
}

.product-view {
  max-width: 1200px;
  margin: 0 auto;
}

.product-essential .product-img-box {
  width: 100% !important;
  margin-right: 0;
  box-sizing: border-box;
  padding: 0;
  margin-top: 2em;
}

.product-view .product-img-box .product-image {
  width: 100%;
  height: auto;
  padding-bottom: 132%;
  border: 0;
}

.product-image img {
  width: 100%;
  height: auto;
}

.product-essential .product-shop {
  width: 100% !important;
  margin-right: 0;
  float: none;
  box-sizing: border-box;
  padding-right: 0;
  font-size: 1rem;
}

.product-name h1 {
  margin-top: 0;
  font-weight: 100 !important;
  line-height: 1;
  font-size: 2rem;
}

.link-price-alert, .product-view .product-shop .availability {
  display: none;
}

.product-shop .sku {
  margin-top: 2em;
  font-size: 1rem;
}

.product-shop .price-box {
  float: right;
}

.regular-price .price {
  font-size: 2rem;
  font-weight: 100;
}

.products-grid .product-name a, .products-list .product-name a {
  font-size: 1.2em;
}

.products-grid .category-swatches, .products-list .category-swatches {
  height: 43px;
}

.product-shop .product-options {
  float: left;
}

#product-options-wrapper {
  clear: left;
  float: none;
}

.product-shop .product-options dl > dt {
  display: none;
}

input[type="text"]#qty {
  border: 1px solid #000;
  padding: 1em;
  text-align: center;
  font-size: 1rem;
  color: #000;
  border-radius: 0;
  -webkit-appearance: none;
}

.product-shop .price-box {
  color: #335F86 !important;
}

/*.product-options .input-box {
  display: none !important;
}*/

.product-options dd select {
  -webkit-appearance: none;
  border-radius: 0;
  padding: 1em;
  border: 1px solid #000;
  color: #000;
  height: auto;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  font-size: 1rem;
}

.product-shop .required {
  display: none;
}

.product-view button.btn-cart span, .product-view button.btn-cart:hover span {
  width: 100%;
  background: #335F86 !important;
  padding: 0 !important;
}

.add-to-cart button.button {
  float: none !important;
  width: 100%;
  font-weight: 100;
}

.add-to-cart button.button span {
  color: #fff;
  font-weight: 100;
}

.add-to-cart button.button:hover span {
  color: #fff;
}

.more-views ul li {
  width: 23.72881%;
  float: left;
  margin-right: 1.69492%;
  background-color: transparent !important;
}

.more-views ul li:nth-child(4n) {
  float: right;
  margin-right: 0;
}

.more-views ul li a {
  width: 100%;
  height: auto;
}

.more-views ul li a img {
  width: 100%;
  height: auto;
}

.moustrap {
  width: 100% !important;
  height: 100% !important;
}

#cloud-zoom-big {
  left: 0 !important;
}

.catalog-product-view .pager {
  position: absolute;
  left: 1em;
  right: 1em;
  top: 50px;
}

.catalog-product-view .add-to-links, .catalog-product-view .no-rating {
  display: none;
}

.product-shop .tab-box {
  margin-top: 2em;
}

.product-shop .tab-box .tab-content-2 {
  display: none;
}

.product-shop .tab-box .tab-content-1, .product-shop .tab-box .tab-content-2 {
  margin-top: 1em;
}

.product-shop .tab-box .tab-content-1 ul, .product-shop .tab-box .tab-content-2 ul, .product-shop .tab-box .tab-content-1 ul li, .product-shop .tab-box .tab-content-2 ul li {
  margin: 1em 0;
}

.product-shop .tab-box .tab-content-1 ul li, .product-shop .tab-box .tab-content-2 ul li {
  list-style-type: disc;
  list-style-position: inside;
}

.product-shop .tab-box .tab-content-1 p, .product-shop .tab-box .tab-content-2 p, .product-shop .tab-box .tab-content-2 td {
  font-size: 1rem;
  font-weight: 100;
  color: #000;
}

.product-shop ul.tabs {
  overflow: hidden;
}

.product-shop ul.tabs li {
  display: inline-block;
  float: left;
  padding-bottom: 0.5em;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 100;
  color: #000;
  margin-right: 1em;
  cursor: pointer;
}

.tab-content-1 .moreInfo, .tab-content-2 .moreInfo {
  display: none;
}

.tab-active {
  border-bottom: 1px solid #000;
}

.product-shop .widget-static-block {
  display: block;
  margin-top: 4em;
  clear: left;
}

.product-shop .tab-box button {
  display: none;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  color: #335F86;
  width: 100%;
  margin-top: 1em;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  text-align: left;
}

.product-view .product-tabs {
  display: none !important;
}

.product-view .product-tabs-content {
  display: none !important;
}

.catalog-product-view .footer-container, .checkout-cart-index .footer-container {
  padding: 0;
  margin: 0;
}

#messages_product_view .messages > li {
  background: #fff;
  border: 2px solid #335F86 !important;
  color: #335F86;
}

.related-container {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  background: #fff;
  border: 0;
  box-shadow: none;
  width: 100%;
  padding: 0;
}

.related h2 {
  color: #000;
  font-weight: 100;
  font-family: 'Lato', sans-serif;
}

.related > a, .related > p {
  display: none;
}

.related li.item {
  width: 100%;
  float: none;
  margin-right: 0;
}

.related li.item:last-child {
  margin-right: 0;
  float: right;
}

.related .product-image {
  width: 100% !important;
  height: auto;
  padding-bottom: 120%;
}

.related .product-details {
  width: 100%;
  margin: 1em 0;
}

.related .product-details .price-box {
  margin-top: 0.5em;
}

.related .product-details .price-box span {
  color: #335F86;
  font-size: 1.3rem;
}

#related-products-list .product-image em {
  background: transparent !important;
  bottom: 1em !important;
  right: 1em !important;
  left: auto !important;
  top: auto !important;
  text-align: right;
  padding: 0;
  position: absolute !important;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif !important;
}

.product-next, .product-prev {
  color: #335F86 !important;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif !important;
  font-size: 1.3em;
  display: none;
}

.product-next:hover, .product-prev:hover {
  text-decoration: none;
}

.product-next {
  padding-right: 2em;
}

.product-prev {
  padding-left: 2em;
}

.block-compare {
  display: none;
}

.st_facebook_large > span > span {
  background-image: url( '../Images/Icons/social_facebook.png' ) !important;
  background-size: cover !important;
}

.st_twitter_large > span > span {
  background-image: url( '../Images/Icons/social_twitter.png' ) !important;
  background-size: cover !important;
}

.st_pinterest_large > span > span {
  background-image: url( '../Images/Icons/social_pinterest.png' ) !important;
  background-size: cover !important;
}

.st_email_large > span > span {
  background-image: url( '../Images/Icons/social_mail.png' ) !important;
  background-size: cover !important;
}

.stButton .stLarge:hover {
  background-position: 0 !important;
  opacity: 1 !important;
}

.after-tabs-block {
  display: none;
}

.block-viewed {
  display: none;
  padding: 1em;
}

.block-viewed .block-title {
  padding: 1em;
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  color: #335F86 !important;
  margin: 0;
}

.block-viewed .block-title span {
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
}

.block-viewed .block-content {
  background: #eee;
  padding: 1em;
}

.block .block-content li.item {
  border-bottom: 1px solid #c2c2c2;
  background: transparent;
  padding: 5px 0;
}

.block .block-content li.item:hover {
  background: transparent;
  border-bottom: 1px solid #c2c2c2;
} 

.block .block-content li.item a:hover {
  text-decoration: none;
}

@media only screen and ( min-width : 45em ) {

  .product-essential .product-img-box {
    width: 49.15254% !important;
    float: left;
    margin-right: 1.69492%;
    box-sizing: border-box;
    padding: 0 6em;
    margin-top: 0;
  }

  .product-essential .product-shop {
    width: 49.15254% !important;
    margin-right: 0;
    float: right;
    box-sizing: border-box;
    padding-right: 10em;
    font-size: 1rem;
  }

  .product-next, .product-prev {
    display: block;
  }

  .related li.item {
    width: 16.66667%;
    float: left;
    margin-right: 4.16667%;
  }

  .related li.item h3 {
    font-size: 1rem;
  }

  .after-tabs-block {
    display: block;
  }

  .block-viewed {
    display: block;
  }
}

@media only screen and ( min-width : 65em ) {

  .catalog-product-view .main {
    padding: 2em 4em !important;
    }
  
}

/* Checkout ---------------------------------------------------------------------------------*/

.opc .step {
  padding: 0;
  border: 0;
}

#checkoutSteps button {
  width: 100%;
  box-sizing: border-box;
}

#checkoutSteps .data-table th {
  padding: 0;
}

#checkoutSteps button span {
  width: 100%;
  box-sizing: border-box;
}

.checkout-onepage-index .main {
  padding: 2em !important;
}

.checkout-onepage-index .main .col-main {
  float: none;
  width: 100%;
  margin-right: 0;
}

.checkout-onepage-index .main .col-right {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.opc .step-title {
  background: #335F86 !important;
}

.opc .step-title:hover {
  background: #335F86 !important;
}

.opc .step-title h2, .opc .step-title span.number {
  font-size: 0.7rem;
  color: #fff;
}

.opc .col2-set .col-1, .opc .col2-set .col-2  {
  width: 100%;
  float: none;
  margin-right: 0%;
}

.opc .active .step-title .number {
  border-right: 1px  solid #fff;
}

#checkoutSteps input.input-text {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  height: 35px;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.form-list .input-box {
  width: 100%;
}

.form-list .field {
  width: 100%;
  float: none;
}

.form-list input.input-text {
  box-sizing: border-box;
  width: 100%;
}

.form-list li.wide .input-box {
  width: 100%;
}

.form-list li.wide input.input-text {
  width: 100%;
  box-sizing: border-box;
}

.form-list select {
  width: 100%;
}

.form-list li.wide textarea {
  width: 100%;
  box-sizing: border-box;
}

#postcode {
  height:25px !important;
}

.discount-form input {
  width: 100% !important;
}

@media only screen and ( min-width : 45em ) {

  .opc .step {
    padding: 1em;
    border: 0;
  }

  #checkoutSteps button {
    width: auto;
  }

  .checkout-onepage-index {
    padding-top: 0;
  }

  .opc .step-title h2, .opc .step-title span.number {
    font-size: 1rem;
  }

  .checkout-onepage-index .main .col-main {
    float: left;
    width: 66.10169%;
    margin-right: 1.69492%;
  }

  .checkout-onepage-index .main .col-right {
    float: right;
    width: 32.20339%;
    margin-right: 0;
    margin-left: 0;
  }

  .opc .col2-set .col-1, .opc .col2-set .col-2  {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
  }

  .opc .col2-set .col-2 {
    float: right;
    margin-right: 0;
  }

  .form-list .field {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
  }

  .form-list .field:last-child {
    width: 49.15254%;
    float: right;
    margin-right: 0;
  }
}

@media only screen and ( min-width : 65em ) {
 
}

/* Login / Create ---------------------------------------------------------------------------------*/
/* Much of the forms are styled with Contact form */

.customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2 {
  width: 100%;
  margin-right: 0%;
}

.customer-account-login .account-login h2 {
  text-transform: uppercase;
}

.customer-account-login .account-login p {
  font-size: 1.5em;
}

.customer-account-login .account-login input[type="text"], .customer-account-login input[type="password"] {
  height: 30px !important;
}

.customer-account-login .account-login input[type="checkbox"] {

}

.form-list label {
  font-weight: 100 !important;
  font-size: 1.5em;
}

.customer-account-index .main .col-main, .customer-account-index .main .col-left, .customer-account-edit .main .col-main, .customer-account-edit .main .col-left, .customer-address-form .main .col-main, .customer-address-form .main .col-left, .sales-order-history .main .col-main, .sales-order-history .main .col-left, .review-customer-index .main .col-main, .review-customer-index .main .col-left, .tag-customer-index .main .col-main, .tag-customer-index .main .col-left, .wishlist-index-index .main .col-main, .wishlist-index-index .main .col-left, .newsletter-manage-index .main .col-main, .newsletter-manage-index .main .col-left, .downloadable-customer-products .main .col-main, .downloadable-customer-products .main .col-left, .customer-address-index .main .col-main, .customer-address-index .main .col-left {
  font-size: 1rem;
  width: 100%;
  margin-bottom: 2em;
}

@media only screen and ( min-width : 45em ) {

  .customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2 {
    width: 49.15254%;
    margin-right: 1.69492%;
  }

  .customer-account-login .col2-set .col-2 {
    float: right;
    margin-right: 0;
  }

  .customer-account-index .main .col-main, .customer-account-edit .main .col-main, .customer-address-form .main .col-main, .sales-order-history .main .col-main, .review-customer-index .main .col-main, .tag-customer-index .main .col-main, .wishlist-index-index .main .col-main, .newsletter-manage-index .main .col-main, .downloadable-customer-products .main .col-main, .customer-address-index .main .col-main {
    width: 66.10169%;
    float: right;
  }

  .customer-account-index .main .col-left, .customer-account-edit .main .col-left, .customer-address-form .main .col-left, .sales-order-history .main .col-left, .review-customer-index .main .col-left, .tag-customer-index .main .col-left, .wishlist-index-index .main .col-left, .newsletter-manage-index .main .col-left, .downloadable-customer-products .main .col-left, .customer-address-index .main .col-left {
    width: 32.20339%;
    margin-right: 1.69492%;
    float: left;
  }
}

/* Success ---------------------------------------------------------------------------------*/

.checkout-onepage-success .main {
  padding: 2em !important;
}

.checkout-onepage-success .col-main {
  width: 100%;
}

.checkout-onepage-success .col-main .sidebar {
  display: none;
}


/* Search ---------------------------------------------------------------------------------*/

.catalogsearch-result-index .col2-left-layout .col-main {
  float: none;
  width: 100%;
  padding: 4em;
  box-sizing: border-box;
}

.catalogsearch-result-index .col2-left-layout .sidebar {
  display: none;
}

/* 404 ---------------------------------------------------------------------------------*/

.cms-index-noroute .main {
  padding: 9em 4em 4em !important;
}

.cms-index-noroute .main .col-main, .cms-index-noroute .main .col-main-left {
  width: 100%;
}

.cms-index-noroute .main .sidebar {
  display: none;
}

@media only screen and ( min-width : 45em ) {

  .cms-index-noroute .main {
    padding: 4em !important;
  }
}

/* Mobile Nav ---------------------------------------------------------------------------------*/

.navacon {
  display: block;
  height: 20px;
  position: absolute;
  left: 2em;
  top: 2em;
  width: 23px;
  background-image: url( '../Images/Icons/view_list.svg' );
  border: 0;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
}

.side {
  background: #fff;
  height: 100vh;
  height: 100%;
  position: fixed;
  top: 0;
  -webkit-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
  width: 200px;
  border-right: 1px solid #000;
  box-sizing: border-box;
  transition: .3s ease all;
  padding-top: 69px;
  overflow-y: scroll; 
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.logins li {
  text-align: center;
  padding: 2em 0;
}

.login li a {
  position: relative;
  padding-left: 5px;
  display: block;
}

.logins li:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  left: -8px;
  top: 2px;
  position: relative;
}

.logins li.mobile-login:before {
  background-image: url( '../Images/Icons/user.svg' );
}

.logins li.mobile-search:before {
  background-image: url( '../Images/Icons/search.svg' );
}

.logins li.mobile-email:before {
  background-image: url( '../Images/Icons/social_mail.png' );
}

.mobile-nav {
  top: 0;
}

.mobile-nav li a {
  padding: 2em 1em;
  display: inline-block;
  text-transform: uppercase;
}

.mobile-nav li {
  border-top: 1px solid #000;
  position: relative;
}

.mobile-nav > li:after {
  content: '';
  display: block;
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
  position: absolute;
  right: 10px;
  top: 28px;
}

.mobile-nav li a:hover {
  text-decoration: none;
}

.mobile-nav li ul {
  display: none;
  text-align: right;
}

.wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.main-container {
  width: 100%;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding-top: 69px;
}
.activePage {
  -webkit-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}
.activeMobileNav {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translated3d(0, 0, 0);
  transition: .3s ease all;
}

/* NAVACON ---------------------------------------------------------------------------------*/


@media only screen and ( min-width : 60em ) {

  .navacon {
    display: none;
  }

  .activePage {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: .3s ease all;
  }

  .activeMobileNav {
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
    transition: .3s ease all;
  }
}


/* Lightbox ---------------------------------------------------------------------------------*/

.lightbox {
  display: none;
}

/* Pop Up ---------------------------------------------------------------------------------*/

#popUp {
  display: none;
  position: absolute;
  height: 100%;
  height: 100vh;
  width: 100%;
  top: 0px;
  left: 0px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  right: 0;
  z-index: 9998;
}

.inner-box {
  display: none;
  position: fixed;
  overflow: hidden;
  width: 300px;
  height: 300px;
  padding: 2em;
  box-sizing: border-box;
  background-image: url( '../Images/Icons/OTR_testLightbox.jpg' );
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  border: 1px solid #fff;
  z-index: 9999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.inner-box-content {
  position: absolute;
  bottom: 4em;
  left: 4em;
  right: 4em;
  text-align: center;
}

.inner-box-content h3 {
  font-family: 'DidotLTPro-Italic', 'Times New Roman', serif;
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
}

.inner-box-content p {
  margin-bottom: 25px;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 15px;
  border: 1px solid #fff;
}

.inner-box-content form {
  margin: 1em auto;
  width: 100%;
}

.inner-box-content form input[type="text"], .inner-box-content form input[type="submit"] {
  float: none;
  display: block;
  height: 30px;
  box-sizing: border-box;
  border: 0;
  margin-top: 10px;
}

.inner-box-content form input[type="text"] {
  width: 100%;
  padding: 10px;
}

.inner-box-content form input[type="submit"] {
  background: #335F86;
  -webkit-appearance: none;
  border-radius: 0;
  text-transform: uppercase;
  color: #fff;
  width: 100%;
}

@media only screen and ( min-width : 45em ) {

  .inner-box {
    display: none;
    width: 500px;
    height: 500px;
    background: white;
    overflow: hidden;
    padding: 2em;
    box-sizing: border-box;
    background-image: url( '../Images/Icons/OTR_testLightbox.jpg' );
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    border: 1px solid #fff;
    z-index: 9999;
  }

  .inner-box-content form {
    margin: 1em auto;
    width: 80%;
  }

  .inner-box-content form input[type="text"], .inner-box-content form input[type="submit"] {
    float: left;
    display: inline;
    margin-top: 0;
  }

  .inner-box-content form input[type="text"] {
    width: 70%;
  }

  .inner-box-content form input[type="submit"] {
    width: 30%;
  }
}

/* In-Store Services & Feature Brand Category ----------------------------------------------------------------------*/

.category-services .brand-banner, .category-feature-brand .brand-banner, .category-services .breadcrumbs, .category-services .sidebar, .category-feature-brand .breadcrumbs, .category-feature-brand .sidebar {
  display: none;
}

.category-services .main, .category-feature-brand .main {
  padding: 0 !important;
}

.category-services .col-main, .category-feature-brand .col-main {
  float: none;
  width: 100%;
}

/* Specials ----------------------------------------------------------------------*/

.price-box {
  text-align: right;
}

.price-box .old-price span, .price-box .special-price span {
  font-size: 2rem;
  font-weight: 300 !important;
  color: #335F86 !important;
}

.price-box .old-price .price-label, .price-box .special-price .price-label {
  font-size: 1rem !important;
}

.specials-result-index .col-main, .specials-result-index .col-left {
  float: none;
  width: 100%;
}

@media only screen and (min-width: 45em) {

  .specials-result-index .col-main {
    width: 74.57627%;
    margin-right: 0;
    float: right;
  }

  .specials-result-index .col-left {
    float: left;
    width: 23.72881%;
    border: none;
    padding: 0;
    margin-right: 1.69492%;
  }
}

/* Jake's MODS ----------------------------------------------------------------------*/

@media only screen and (min-width: 45em) {
  .bx-wrapper li .slider-content{
    top:0 !important;
  }
}

@media only screen and (min-width: 65em) {
  .bx-wrapper li .slider-content {
    top: 75% !important;
  }
  .bx-wrapper li .slider-content{
    top: 25% !important;
  }
}

/* Featherlight */
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 0.4.10 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2014, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {

  .lightbox {
    display: none;
  }

  .featherlight {
    display: none;

    /* dimensions: spanning the background from edge to edge */
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 9998;

    /* position: centering content */
    text-align: center;

    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;

    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: rgba(0, 0, 0, 0);
  }

  /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
  }

  .featherlight:before {
    /* position: trick to center content vertically */
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
  }

  .featherlight .featherlight-content {
    /* make content container for positioned elements (close button) */
    position: relative;

    /* position: centering vertical and horizontal */
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    z-index: 9999;

    /* dimensions: cut off images */
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;

    /* dimensions: handling small or non existing (loading images) content */
    min-width:  30%;

    /* dimensions: handling large content */
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;

    /* styling */
    background: #fff;
    cursor: auto;

    /* reset white-space wrapping */
    white-space: normal;
  }

  /* contains the content */
  .featherlight .featherlight-inner {
    /* make sure its visible */
    display: block;
  }

  .featherlight .featherlight-close-icon {
    /* position: centering vertical and horizontal */
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;

    /* dimensions: 25px x 25px */
    line-height: 25px;
    width: 25px;

    /* styling */
    cursor: pointer;
    text-align: center;
    font: Arial, sans-serif;
    background: #fff; /* Set the background in case it overlaps the content */
    background: rgba(255, 255, 255, 0.3);
    color: #000;
  }


  .featherlight .featherlight-image {
    /* styling */
    width: 100%;
  }


  .featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0;
  }

  .featherlight iframe {
    /* styling */
    border: none;
  }
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;

    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}

.mobile-search{
  display: none !important;
}