@font-face {
    font-family:"cronos-pro-light";
    src: url(../fonts/CronosPro-LtDisp.otf);
}

@font-face {
    font-family:"cronos-pro-regular";
    src: url(../fonts/Cronos-Pro-Regular.otf);
}

@font-face {
    font-family:"chronicle-display-light-italic";
    src: url(../fonts/ChronicleDisp-LightItal.otf);
}

@font-face {
    font-family:"MHeiHK-Light";
    src: url(../fonts/MHeiHK-Light-Roman.otf) format('otf');
    src: url(../fonts/MHeiHK-Light-Roman.woff) format('woff'),
         url(../fonts/MHeiHK-Light-Roman.woff2) format('woff2'),
         url(../fonts/MHeiHK-Light-Roman.eot);
}

@font-face {
  font-family:"MHeiHK-Medium";
  src: url(../fonts/MHeiHK-Medium-Roman.otf) format('otf');
  src: url(../fonts/MHeiHK-Medium-Roman.woff) format('woff'),
       url(../fonts/MHeiHK-Medium-Roman.woff2) format('woff2'),
       url(../fonts/MHeiHK-Medium-Roman.eot);
}



body,html{
  height: 100%;
  background:#000;
  color:#fff;
}

a:visited{
  text-decoration: none;
}

.footer{
  /* background:#161616; */
  margin-bottom: 0px !important;
  padding-top: 40px;
  border-top: rgba(210, 191, 149, 0.53) 1px solid;
  margin-top:0 !important;

}

.footer p{

}

.footer img{
  width: 30px;
  margin: auto 12px;
}

.footer a{
  font-family: "cronos-pro-light", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.47;
  margin-top:20px;
}

h1{
  font-size: 24px;
  line-height: 1.3;
  font-family: "cronos-pro-light","MHeiHK-Light", Arial, sans-serif;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom:20px;
}

h2{
  font-size: 16px;
  line-height: 1.3;
  font-family: "cronos-pro-regular","MHeiHK-Light", Arial, sans-serif;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

h3{

  font-family: "chronicle-display-light-italic", Arial, sans-serif;
  font-style: italic;
  font-size:16px;
  letter-spacing: 0.03em;
  line-height:0;
}

h4{
  font-size: 14px;
  line-height: 1.3;
  font-family: "cronos-pro-light", Arial, sans-serif;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color:#c1a5b8;
}


p,ul,ol{
  font-family: "cronos-pro-light","MHeiHK-Light", Arial, sans-serif;
  letter-spacing: 0.03em;
  line-height: 1.47;
  font-size:18px;
}

ul,ol{
  margin: auto 20px 40px 40px;
}

li{
  margin: 10px auto;
}


.unicode-bullet{
  margin-left: -25px;
  margin-right: 2px;
}


.copyright{
  font-size:10px;
  margin-top:20px;
  margin-bottom:40px;
}

.legal{
  font-size:12px;
  display: inline-block;
}

.float-left{
  float:left;
  margin:auto 10px;
}

.float-right{
  float:right;
  margin:auto 10px;
}

.a {
  color: #fff;
}

.logo{
  width:160px;
  margin:0px auto;
  vertical-align: middle;
  display: block;

}

.navigation{
  /* background: #000; */
  padding: 0 20px 0 20px;
  color: #081F2C;
}

.content{
  margin-top:-234px !important;
}

.pdp-hero{
  background:#000;
  position:relative;
  top:-10px;
}

.margin{
  margin-top: 40px !important;
}

.margin-small{
  margin: 10px auto !important;
}

.margin-40{
  margin: auto 40px !important;
}

.padding-zero{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.language-selector{
  top: 56px;
  position: absolute;
  right: 20px;
}
.language-selector a{
color: #d2bf95;
}

/* Styles */
* {
  margin: 0;
  padding: 0;
}

img{
 width:100%;
}


.center{
  text-align: center;
}


.product-thumb{
  width: 100%;
  padding: 0 20px;
}

.title {
  vertical-align: middle;
  display: block;
  margin: 0 auto;
  text-align: center;
}

a.menulink {
  color: #ffffff;
}

a.menulink:hover {
    color:#fff ;
    text-decoration: none;
}

a {
  color: #fff;
}

a:hover {
  color: #f5f5f5;
}

.modal-body {
    position: relative;
    padding: 50px 50px 20px 50px;
}

.container {
  /* width: 960px; */
  margin: 10px auto 0px auto;
}

.navlinks {
  width: 960px;
  margin: auto;
  padding: 0 25px 0 25px;
}

.tandc ol, .tandc ul,.tandc p{
  font-size:14px;
}

/* Custom CSS*/

hr {
    margin-top: 0px;
}

.w50{
  width:50%;
}


/*Button CSS*/

.btn-secondary {
    color: #fff;
    background-color: #e2d9c2;
    border-color: #8a7149;
    font-size: 12px
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #8a7149;
    border-color: #e2d9c2;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):hover, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #8a7149;
    border-color: #e2d9c2;
}

.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(138, 113, 73, 0.5);
}

.btn span.mdi-checkbox-marked-circle {
	display: none;
}
.btn.active span.mdi-checkbox-marked-circle {
	display: inline;
}

/* Exclusive Offers */
#exclusive-offers{
  background:url('../img/bg.jpg');
  background-size:cover;
  background-size: cover;
  background-position: bottom;
  padding-top: 20px;
}


/*Media Queries*/
@media (max-width: 400px){
  .logo{
    width: 100px;
    margin: 0px auto 40px auto;
  }
}


@media (max-width: 767px){
  #desktop{
    display:none;
  }
}

@media (min-width: 768px){

  #mobile{
    display:none;
  }

  .hero{
    background-position-y: 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 100%;
  }

  .logo{
    margin: 20px auto;
  }
  .container{
    max-width: 100%;
  }
  .language-selector{
    top:52px;
  }

  .product-thumb{
    width: 100%;
    padding: 0 0px;
  }

  h4,h2{
    padding: 0 10px;
  }

}

@media (min-width: 1200px){
  .container{
    max-width: 1200px;
  }
}

/*Bootstrap overrides*/

.container{
  padding-right: 0 !important;
  padding-left: 0 !important;
}