* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
 
  .upper {
    letter-spacing: 0.1em;
  }

  body {
    letter-spacing: 0.025em;
    background-color: white;
    font-size: 14px;
    color: #333;
    font-family: Futura;
    font-family:"FB", Futura;
    width:100%;
    height:3000px;
  }

.fading {
  opacity: 1;
}

#hero {
  z-index:1;
  position:fixed;
  left:calc(100% - 73px);
  top:calc(100% - 73px);
	width: 58px;
	height: 58px;
	background: white;
  border:2px solid #ccc;
	-moz-border-radius: 29px;
	-webkit-border-radius: 29px;
	border-radius: 29px;
}



/*///////// /HEADER ///////////*/
/*/////BG and TIERS///////*/
#hd{
  height:110px;
  background-color:#000;
    width:100%;
}

.f1480{
  max-width:1480px;
  margin:0 auto;
}

.tier0{
  height:30px;
  background-color:#ebebeb;
  display:none;
}

.tier1{
  height:65px;
}

.tier2{
  height:45px;
  /*display:none;*/
  background-color:#fff;
  border-bottom:2px solid black;
}
/*/////BG and TIERS///////*/

/*/////COUNTRY SWITCHER///////*/
.country{
  width:100px;
  height:10px;
  position:relative;
  top:10px;
  margin-left:2%;
}

#c_icon{
  height:10px;
  width:20px;
  background-color:#ccc;
  float:left;
}

#c_word{
  height:10px;
  width:65px;
  background-color:#ccc;
  float:left;
  margin-left:15px;
}
/*/////COUNTRY SWITCHER///////*/

/*/////LINKS///////*/
.links{
  width:235px;
  height:10px;
  position:relative;
  float:right;
  margin-right:2%;
}

.rewards{
  width:65px;
  height:10px;
  background-color:#ccc;
  float:left;
}

.stores{
  width:65px;
  height:10px;
  background-color:#ccc;
  float:left;
  margin-left:20px;
}

.restaurants{
  width:65px;
  height:10px;
  background-color:#ccc;
  float:left;
  margin-left:20px;
}
/*/////LINKS///////*/

/*/////LEFT///////*/
.left{
  width:310px;
  height:20px;
  position:relative;
  top:23px;
  margin-left:4%;
}

/*/////USER///////*/
.user{
  width:135px; /* 135px */
  height:20px;
  float:left;
}

#u_icon{
  height:20px;
  width:20px;
  background-color:#333;
  float:left;
}

#u_word{
  height:15px;
  width:100px;
  top:2px;
  background-color:#333;
  float:left;
  position:relative;
  margin-left:15px;
  display:none;
}
/*/////USER///////*/

/*///WISHLIST///*/
.wishlist{
  width:135px;
  height:20px;
  float:left;
  margin-left:30px;
  display:none;
}

#w_icon{
  height:20px;
  width:20px;
  background-color:#333;
  float:left;
}

#w_word{
  height:15px;
  width:100px;
  top:2px;
  background-color:#333;
  float:left;
  position:relative;
  margin-left:15px;
}
/*///WISHLIST///*/

/*/////LEFT///////*/
.hn_logo{
  height:14px;
  width:180px;
  top:6px;
  background-color:#333;
  margin:0 auto;
  position:relative;
}
/*/////LEFT///////*/

/*/////RIGHT///////*/
.right{
  width:20px;
  height:20px;
  position:relative;
  top:-13px;
  margin-right:4%;
  float:right;
}

/*///SEARCH////*/
.search{
  width:250px;
  height:20px;
  float:left;
  display:none;
}

#s_icon{
  height:20px;
  width:20px;
  background-color:#333;
  float:left;
}

#s_word{
  height:15px;
  width:215px;
  top:2px;
  background-color:#333;
  float:left;
  position:relative;
  margin-left:15px;
}
/*///SEARCH////*/

/*///SBAG///*/
.bag{
  width:20px;
  height:20px;
  float:left;
}

#b_icon{
  height:20px;
  width:20px;
  background-color:#333;
  float:left;
}
/*///SBAG///*/
/*/////RIGHT///////*/

#mobilesearch{
  margin:0 auto;
    display:block;
    width:135px;
  height:20px;
  top:12px;
  position:relative;
  }

#ms_icon{
  height:20px;
  width:20px;
  background-color:#ebebeb;
  float:left;
}

#ms_word{
  height:15px;
  width:100px;
  top:2px;
  background-color:#ebebeb;
  float:left;
  position:relative;
  margin-left:15px;
}

/*/////CATEGORY///////*/
#categories{
  margin:0 auto;
  position:relative;
  top:16px;
  width:1200px;
  display:none;
}

.category{
  width:80px;
  height:10px;
  background-color:#333;
  margin-left:1.65%;
  margin-right:1.65%;
  position:relative;
  float:left;
}
/*/////CATEGORY///////*/
/*///////// /HEADER ///////////*/

/*///////// MODULE 1 ///////////*/
#m1{
  height:100vh;
}

.grey_block{
  height:12px;
  margin-bottom:8px;
  background-color:#fff;
}

.black_block{
  height:12px;
  margin-bottom:8px;
  background-color:#fff;
}

.white_block{
  height:12px;
  margin-bottom:8px;
  background-color:#fff;
}

.copy_s1{  
  width:45%;
  /*border:1px solid #ebebeb;*/
  /*background-color:#fff;*/
  padding:20px;
  position:relative;
  top:15%;
  left:10%;
}

.copy_s2{  
  width:40%;
  /*border:1px solid #ebebeb;*/
  /*background-color:#fff;*/
  padding:20px;
  position:relative;
  top:25%;
  left:55%;
}

.copy_s3{  
  width:60%;
  /*border:1px solid #ebebeb;*/
  /*background-color:#fff;*/
  padding:20px;
  position:relative;
  top:60%;
  left:15%;
}

.scroll-down {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 32px;
  /*border: 2px solid #FFF;*/
  background-size: 14px auto;
  /*border-radius: 0px;*/
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 3px solid white;
    border-width: 0px 0 3px 3px;
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

#module1 {
  opacity:1;
  top:0px;
  left:0px;
	width: 100%;
	height: calc(100vh - 110px);
  /*max-width: 300px;
  height: 200px;
  margin: 20px auto;
  */
}

.slider1,.slider2,.slider3 {
  position: absolute;
  width: 100%;
  height: calc(100vh - 110px);
}
.slider1 {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #999, #ccc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #999, #ccc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, #999, #ccc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #999, #ccc); /* Standard syntax */
  /*background-color: #d84315;*/
      background-size: cover;
    animation:fade 6s infinite;
-webkit-animation:fade 6s infinite;
animation-duration: 18s;
} 
.slider2 {
  background-color: #999;
      background-size: cover;
    animation:fade2 6s infinite;
-webkit-animation:fade2 6s infinite;
  animation-duration: 18s;
}
.slider3 {
    background-color: #ccc;
      background-size: cover;
    animation:fade3 6s infinite;
-webkit-animation:fade3 6s infinite;
  animation-duration: 18s;
}
@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}
/*///////// /MODULE 1 ///////////*/



/*///////// MODULE 2 ///////////*/
section.ok{
  background-color: #fff;
}

.cont {
  width: 100%;
  margin: 0 auto;
}

.clear_space{
  height:80px;
}

.slick-dots {
  text-align: center;
  margin: 30px 0 10px 0;
  padding: 0;
}
.slick-dots li {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
}
.slick-dots li.slick-active button {
  background-color: #333;
}
.slick-dots li button {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: #ccc;
  border: none;
  width: 50px;
  height: 5px;
}
.slick-dots li :hover {
  background-color: black;
}

/* Custom Arrow */
.prev {
  color: #ccc;
  position: absolute;
  top: 46%;
  left: -2em;
  font-size: 1.5em;
}
.prev :hover {
  cursor: pointer;
  color: black;
}

.next {
  color: #ccc;
  position: absolute;
  top: 46%;
  right: -2em;
  font-size: 1.5em;
  display: none !important;
}
.next :hover {
  cursor: pointer;
  color: black;
}

.altura {
  height: 280px;
}

.carousel_block{
  height:12px;
  margin-bottom:8px;
  background-color:#fff;
}

.carousel_content{
  top:34%; 
  position:relative; 
  width:80%; 
  margin:0 auto;
}

.block{
  height:500px; 
  background-color:#ebebeb; 
  margin:10%
}
/*///////// /MODULE 2 ///////////*/



/*///////// MODULE 3 ///////////*/
#m3{
  z-index:1000;
  width:100%;
  height:700px;
  background-color:#ebebeb;
  transform:skew(0deg,-5deg);
  -ms-transform:skew(0deg,-5deg);
  -webkit-transform:skew(0deg,-5deg); 
  background: #ebebeb; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #ebebeb, #ccc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #ebebeb, #ccc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, #ebebeb, #ccc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #ebebeb, #ccc); /* Standard syntax */
  /*background-color: #d84315;*/
      background-size: cover;
}

.clear_space2{
  height:110px;
}

.block_m3{
  top:60px;
  position:relative;
  width:90%;
  float:left;
  background-color:#ebebeb;
  padding:50px;
  margin:5%;
}

.unskew{
  margin:0 auto;
  transform:skew(0deg,5deg);
  -ms-transform:skew(0deg,5deg);
  -webkit-transform:skew(0deg,5deg);
}
/*///////// /MODULE 3 ///////////*/



/*///////// MODULE 4 ///////////*/
#m4{
  z-index:10000;
  width:100%;
  height:500px;
  
}

.block_m4{
  top:0px;
  position:relative;
  width:45%;
  float:left;
  background-color:#ebebeb;
  padding:20px;
  margin:2.5%;
}
/*///////// /MODULE 4 ///////////*/



/*///////// MODULE 5 ///////////*/
#m5{
  width:100%;
  height:320px;
  top:-140px;
  position:relative;
}

.block_m5{
  height:320px;
  position:relative;
  width:80%;
  float:left;
  background-color:#ebebeb;
  padding:20px;
  margin:10%;
}

#video {
  z-index:100000;
  opacity:1;
  top:0px;
  margin:0 auto;
	width: 100%;
  max-width: 1480px;
	height: 320px;
  margin-bottom:100px;
  /*max-width: 300px;
  height: 200px;
  margin: 20px auto;
  */
}

.video1,.video2,.video3 {
  position: absolute;
  width: 100%;
  max-width: 1480px;
	height: 320px;
}
.video1 {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #999, #ccc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, #999, #ccc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, #999, #ccc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, #999, #ccc); /* Standard syntax */
  /*background-color: #d84315;*/
      background-size: cover;
    animation:fade 6s infinite;
-webkit-animation:fade 6s infinite;
animation-duration: 18s;
} 
.video2 {
  background-color: #999;
      background-size: cover;
    animation:fade2 6s infinite;
-webkit-animation:fade2 6s infinite;
  animation-duration: 18s;
}
.video3 {
    background-color: #ccc;
      background-size: cover;
    animation:fade3 6s infinite;
-webkit-animation:fade3 6s infinite;
  animation-duration: 18s;
}
.triangle {
  top:210px;
  z-index:1000000;
  position:relative;
  width: 0;
  height: 100px;
  border: 0 solid transparent;
  border-bottom-width: 50px;
  border-top-width: 50px;
  border-left: 100px solid white;
  margin: 0 auto;
  opacity:0.6;
}
.blink_play {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
/*///////// /MODULE 5 ///////////*/
/*///////// HR ///////////*/
.lasthr{
  position:relative;
  top:-100px;
  height:200px;
  background-color:#ebebeb;
  opacity:0.4;
}
/*///////// /HR ///////////*/
/*///////// FOOTER ///////////*/
#footer{
  width:100%;
  height:540px;
  border-top:2px solid #333;
  background-color:#fff;
  margin-top:-120px;
  top:0px;
  position:relative;
  background-color:#ebebeb;
  /*overflow:hidden;*/
}
.social_media{
  height:80px;
  width:100%;
  background-color:#999;
  float:left;
}
.social_media2{
  display:flex;
  justify-content:space-between;
  text-align:center;
  max-width:600px;
  margin:0 auto;
}  
.sm_icon{
  margin:30px;
  height:20px;
  width:20px;
  background-color:#ccc;
  float:left;
}
#signup_large{
  display:none;    
}
#signup_small{
  display:block;    
}
.clear_signup{
  display:none;
}
.sign_up{
  height:80px;
  width:100%;
  background-color:#ebebeb;
  float:left;
}
.sign_up_cta{
  border:2px solid #ccc;
  text-align:center;
  width:240px;
  height:40px;
  margin:20px auto;
}
.sign_up_copy{
  height:12px;
  width:160px;
  background-color:#ccc;
  margin:12px auto;
}
.accordion_footer{
  width:100%;
  height:225px;
  float:left;
  background-color:#333;
}
.acc_bar{
  background-color:#333;
  width:100%;
  height:45px;
  border-bottom:1px solid #666;
}
.link_f{
  margin:27.5px;
  width:60px;
  height:10px;
  background-color:#333;
  float:left;
}
/*///////// /FOOTER ///////////*/




/* //////////////////// Mobile Devices //////////////////// */


/* ///// Small Breakpoint ///// */
@media screen and (min-width: 620px) {
  
  #hd{
  height:140px;
  }
  
  .tier0{
  display:block;
  }
  
  .tier2{
  border-top: 1px solid #333;
  overflow-x:scroll;
  background-color:#000;
  }
    
  .left{
  margin-left:2%;
  }
  
  .user{
  width:20px;
  }
  
  #u_word{
    display:none;
  }
  
  #w_word{
    display:none;
  }
  
  .wishlist{
    display:block;
  }
  
  .search{
  width:85px;
  display:block;
}
  
  #s_word{
    width:50px;
  }
  
  .hn_logo{
    height:16px;
    width:220px;
    top:5px;
  }
  
  .bag{
  margin-left:30px;
}
  
  .right{
  width:135px;
  height:20px;
  position:relative;
  top:-13px;
  margin-right:2%;
  float:right;
}
  
  #mobilesearch{
    display:none;
  }
  
  #categories{
  top:16px;
  display:block;
  }

.category{
  width:70px;
  height:10px;
  background-color:#333;
  margin-left:1.65%;
  margin-right:1.65%;
}
  
/*///// MODULE 1 ///////*/
#module1 {
  height: calc(100vh - 140px);
}
.slider1,.slider2,.slider3 {
  position: absolute;
  width: 100%;
  height: calc(100vh - 140px);
}
.copy_s1{  
  width:220px;
  padding:30px;
  position:relative;
  top:15%;
  left:20%
}

.copy_s2{  
  width:200px;
  padding:30px;
  position:relative;
  top:30%;
  left:65%
}

.copy_s3{  
  width:260px;
  padding:30px;
  position:relative;
  top:65%;
  left:25%
}
/*///// /MODULE 1 ///////*/
/*///// MODULE 2 ///////*/
  .next {
    display: none !important;
  }

  .cont {
    width: 100%;
    margin: 0 auto;
  }

  .altura {
    height: 360px;
  }
  
  .clear_space{
  height:60px;
}
  
  .carousel_content{
  top:48%; 
  position:relative; 
  width:80%; 
  margin:0 auto;
}
/*///// /MODULE 2 ///////*/
/*///// MODULE 3 ///////*/
  #m3{
  height:510px;
  }
  
  .clear_space2{
    height:80px;
  }  
  
  .block_m3{
  top:100px;
  width:42%;
  padding:50px;
  margin:4%;
  }
/*///// /MODULE 3 ///////*/
/*///////// MODULE 4 ///////////*/
#m4{
  width:100%;
  height:500px;
}

.block_m4{
  top:0px;
  position:relative;
  width:45%;
  float:left;
  background-color:#ebebeb;
  padding:50px;
  margin:2.5%;
}
/*///////// /MODULE 4 ///////////*/
/*///////// MODULE 5 ///////////*/
#m5{
  top:0px;
  width:100%;
  height:420px;
  margin-top:0px;
}

.block_m5{
  height:420px;
  top:0px;
  position:relative;
  width:80%;
}
  
.video1,.video2,.video3 {
  position: absolute;
  width: 100%;
  max-width: 1480px;
	height: 420px;
}

.triangle {
  top:260px;
  z-index:1000000;
  position:relative;
  width: 0;
  height: 100px;
  border: 0 solid transparent;
  border-bottom-width: 50px;
  border-top-width: 50px;
  border-left: 100px solid white;
  margin: 0 auto;
  opacity:0.6;
}
/*///////// /MODULE 5 ///////////*/
/*///////// HR ///////////*/
.lasthr{
  height:500px;
  background-color:#ebebeb;
  opacity:0.4;
  top:0px;
}
/*///////// /HR ///////////*/
/*///////// FOOTER ///////////*/
#footer{
  width:100%;
  height:540px;
  border-top:2px solid #333;
  background-color:#fff;
  margin-top:-280px;
  top:0px;
  position:relative;
  background-color:#ebebeb;
  /*overflow:hidden;*/
}
.social_media{
  height:80px;
  width:100%;
  background-color:#999;
  float:left;
}
.social_media2{
  display:flex;
  justify-content:space-between;
  text-align:center;
  max-width:600px;
  margin:0 auto;
}  
.sm_icon{
  margin:30px;
  height:20px;
  width:20px;
  background-color:#ccc;
  float:left;
}
#signup_large{
  display:none;    
}
#signup_small{
  display:block;    
}
.clear_signup{
  display:none;
}
.sign_up{
  height:80px;
  width:100%;
  background-color:#ebebeb;
  float:left;
}
.sign_up_cta{
  border:2px solid #ccc;
  text-align:center;
  width:240px;
  height:40px;
  margin:20px auto;
}
.sign_up_copy{
  height:12px;
  width:160px;
  background-color:#ccc;
  margin:12px auto;
}
.accordion_footer{
  width:100%;
  height:225px;
  float:left;
  background-color:#333;
}
.acc_bar{
  background-color:#333;
  width:100%;
  height:45px;
  border-bottom:1px solid #666;
}
.link_f{
  margin:27.5px;
  width:60px;
  height:10px;
  background-color:#333;
  float:left;
}
/*///////// /FOOTER ///////////*/
  
}
/* ///// /Small Breakpoint ///// */


/* //////////////////// iPad Portrait //////////////////// */


/* ///// Medium Breakpoint ///// */
@media screen and (min-width: 980px) {
  
  #hd{
    height:140px;
  }
  
  .tier0{
    display:block;
  }
  
  .tier2{
    overflow-x:scroll;
    background-color:#000;
  }
  
  .left{
    margin-left:2%;
  }
  
  .user{
    width:85px;
    height:20px;
    float:left;
  }
  
   #u_word{
    display:block;
     width:50px;
  }
  
  #w_word{
    display:block;
    width:50px;
  }
  
  .wishlist{
    display:block;
    width:85px;
  }
  
  .search{
  width:180px;
  height:20px;
  float:left;
  display:block;
  }
  
  #s_word{
    width:145px;
  }
 
  .hn_logo{
    height:18px;
    width:260px;
    top:4px;
  }
  
  .bag{
  margin-left:30px;
  }
  
  .right{
  width:230px;
  height:20px;
  position:relative;
  top:-15px;
  margin-right:2%;
  float:right;
  }
  
  #mobilesearch{
    display:none;
  }
  
  #categories{
  top:16px;
  width:980px;
  display:block;
  }

  .category{
    width:70px;
    height:10px;
    margin-left:1.4%;
    margin-right:1.4%;
  }
  
/*///// MODULE 1 ///////*/
  #module1 {
   height: calc(100vh - 140px);
  }
  .slider1,.slider2,.slider3 {
    position: absolute;
    width: 100%;
    height: calc(100vh - 140px);
  }
  .copy_s1{  
    width:240px;
    padding:40px;
    position:relative;
    top:15%;
    left:20%
  }

  .copy_s2{  
    width:220px;
    padding:40px;
    position:relative;
    top:30%;
    left:70%
  }

  .copy_s3{  
    width:280px;
    padding:40px;
    position:relative;
    top:60%;
    left:30%
  }
/*///// /MODULE 1 ///////*/
/*///// MODULE 2 ///////*/  
  .altura {
    height: 460px;
  }

  .next {
    display: block !important;
  }

  .cont {
    width: 100%;
    margin: 0 auto;
  }
  
  .clear_space{
  height:100px;
  }

  .carousel_content{
    top:62%; 
    position:relative; 
    width:80%; 
    margin:0 auto;
  }
/*///// /MODULE 2 ///////*/
/*///// MODULE 3 ///////*/
  #m3{
  height:550px;
  }
  
  .clear_space2{
    height:130px;
  }  
  
  .block_m3{
  top:100px;
  width:40%;
  padding:50px;
  margin:5%;
  }
/*///// /MODULE 3 ///////*/
/*///////// MODULE 4 ///////////*/
#m4{
  width:100%;
  height:500px;
}

.block_m4{
  top:0px;
  position:relative;
  width:20%;
  float:left;
  background-color:#ebebeb;
  padding:20px;
  margin:2.5%;
}
/*///////// /MODULE 4 ///////////*/
/*///////// MODULE 5 ///////////*/
#m5{
  top:-40px;
  width:100%;
  height:550px;
  margin-top:-200px;
}

.block_m5{
  height:550px;
  top:0px;
  position:relative;
  width:80%;
}
  
.video1,.video2,.video3 {
  position: absolute;
  width: 100%;
  max-width: 1480px;
	height: 550px;
}

.triangle {
  top:300px;
  z-index:1000000;
  position:relative;
  width: 0;
  height: 100px;
  border: 0 solid transparent;
  border-bottom-width: 50px;
  border-top-width: 50px;
  border-left: 100px solid white;
  margin: 0 auto;
  opacity:0.6;
}
/*///////// /MODULE 5 ///////////*/
/*///////// HR ///////////*/
.lasthr{
  height:500px;
  background-color:#ebebeb;
  opacity:0.4;
  top:-140px;
  width:100%;
  
}
/*///////// /HR ///////////*/
/*///////// FOOTER ///////////*/
#footer{
  margin-top:-260px;
  width:100%;
  height:585px;
  border-top:2px solid #333;
  background-color:#ebebeb;
  top:0px;
  position:relative;
  /*overflow:hidden;*/
}
.social_media{
  height:80px;
  width:100%;
  background-color:#999;
  float:left;
}
.social_media2{
  display:flex;
  justify-content:space-between;
  text-align:center;
  max-width:980px;
  margin:0 auto;
}  
.sm_icon{
  margin:30px;
  height:20px;
  width:20px;
  background-color:#ccc;
  float:left;
}
.clear_signup{
  width:100px;  
}
#signup_large{
  display:block;    
}
#signup_small{
  display:none;    
}
.sign_up{
  height:80px;
  width:100%;
  background-color:#ebebeb;
  float:left;
}
.sign_up_cta{
  border:2px solid #ccc;
  text-align:center;
  width:240px;
  height:40px;
  margin:20px auto;
}
.sign_up_copy{
  height:12px;
  width:160px;
  background-color:#ccc;
  margin:12px auto;
}
.accordion_footer{
  width:100%;
  height:350px;
  float:left;
  background-color:#333;
}
.acc_bar{
  background-color:#333;
  width:100%;
  height:45px;
  border-bottom:0px solid #666;
}
.link_f{
  margin:27.5px;
  width:60px;
  height:10px;
  background-color:#333;
  float:left;
}
/*///////// /FOOTER ///////////*/
  
}
/* ///// /Medium Breakpoint ///// */


/* //////////////////// Desktop small-iPad landscape //////////////////// */


/* ///// Large Breakpoint ///// */
@media screen and (min-width: 1200px) {
  
  #hd{
    height:140px;
  }
  
  .tier0{
    display:block;
  }
  
  .tier2{
    overflow-x:scroll;
    background-color:#000;
  }
  
  .left{
    margin-left:2%;
  }
  
  .user{
    width:85px;
    height:20px;
    float:left;
  }
  
  #u_word{
    display:block;
    width:50px;
  }
  
  #w_word{
    display:block;
    width:50px;
  }
  
  .wishlist{
    display:block;
    width:85px;
  }
  
  .search{
    width:180px;
    height:20px;
    float:left;
    display:block;
  }
  
  #s_word{
    width:145px;
  }

  .hn_logo{
    height:20px;
    width:280px;
    top:3px;
  }
  
  .bag{
    margin-left:30px;
  }
  
 .right{
    width:230px;
    height:20px;
    position:relative;
    top:-17px;
    margin-right:2%;
    float:right;
  }
  
  #mobilesearch{
    display:none;
  }
  
  #categories{
    margin:0 auto;
    position:relative;
    top:16px;
    width:1200px;
    display:block;
  }

.category{
  width:70px;
  height:10px;
  background-color:#333;
  margin-left:2%;
  margin-right:2%;
  position:relative;
  float:left;
}

/*///// MODULE 1 ///////*/
  #module1 {
    height: calc(100vh - 140px);
  }
  .slider1,.slider2,.slider3 {
    position: absolute;
    width: 100%;
    height: calc(100vh - 140px);
  }
  .copy_s1{  
    width:280px;
    padding:40px;
    position:relative;
    top:20%;
    left:20%
  }

  .copy_s2{  
    width:240px;
    padding:40px;
    position:relative;
    top:40%;
    left:65%
  }

  .copy_s3{  
    width:360px;
    padding:40px;
    position:relative;
    top:60%;
    left:30%
  }
/*///// /MODULE 1 ///////*/
/*///// MODULE 2 ///////*/
  .altura {
    height: 500px;
  }

  .next {
    display: block !important;
  }

  .cont {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
  }
  
  .clear_space{
    height:200px;
  }
  
  .carousel_content{
    top:70%; 
    position:relative; 
    width:80%; 
    margin:0 auto;
  }
  
/*///// /MODULE 2 ///////*/
/*///// MODULE 3 ///////*/
  #m3{
    height:670px;
  }
  
  .clear_space2{
    height:260px;
  }  
  
  .block_m3{
    top:150px;
    width:40%;
    padding:50px;
    margin:5%;
  }
/*///// /MODULE 3 ///////*/
  /*///////// MODULE 4 ///////////*/
#m4{
  width:100%;
  height:500px;
}

.block_m4{
  top:0px;
  position:relative;
  width:20%;
  float:left;
  background-color:#ebebeb;
  padding:50px;
  margin:2.5%;
}
/*///////// /MODULE 4 ///////////*/
/*///////// MODULE 5 ///////////*/
#m5{
  width:100%;
  height:700px;
  top:100px;
  position:relative;
}

.block_m5{
  height:700px;
  top:0px;
  position:relative;
  width:80%;
  float:left;
  background-color:#ebebeb;
  padding:20px;
  margin:10%;
}

#video {
  z-index:100000;
  opacity:1;
  top:0px;
  margin:0 auto;
	width: 100%;
  max-width: 1480px;
	height: 700px;
  margin-bottom:100px;
  /*max-width: 300px;
  height: 200px;
  margin: 20px auto;
  */
}

.video1,.video2,.video3 {
  position: absolute;
  width: 100%;
  max-width: 1480px;
	height: 700px;
}

.triangle {
  top:400px;
  z-index:1000000;
  position:relative;
  width: 0;
  height: 100px;
  border: 0 solid transparent;
  border-bottom-width: 50px;
  border-top-width: 50px;
  border-left: 100px solid white;
  margin: 0 auto;
  opacity:0.6;
}
/*///////// /MODULE 5 ///////////*/
/*///////// HR ///////////*/
.lasthr{
  height:500px;
  background-color:#ebebeb;
  opacity:0.4;
  top:60px;
}
/*///////// /HR ///////////*/
/*///////// FOOTER ///////////*/
#footer{
  margin-top:-60px;
  width:100%;
  height:585px;
  border-top:2px solid #333;
  background-color:#ebebeb;
  top:0px;
  position:relative;
  /*overflow:hidden;*/
}
.social_media{
  height:80px;
  width:100%;
  background-color:#999;
  float:left;
}
.social_media2{
  display:flex;
  justify-content:space-between;
  text-align:center;
  max-width:980px;
  margin:0 auto;
}  
.sm_icon{
  margin:30px;
  height:20px;
  width:20px;
  background-color:#ccc;
  float:left;
}
.clear_signup{
  width:100px;  
}
#signup_large{
  display:block;    
}
#signup_small{
  display:none;    
}
.sign_up{
  height:80px;
  width:100%;
  background-color:#ebebeb;
  float:left;
}
.sign_up_cta{
  border:2px solid #ccc;
  text-align:center;
  width:240px;
  height:40px;
  margin:20px auto;
}
.sign_up_copy{
  height:12px;
  width:160px;
  background-color:#ccc;
  margin:12px auto;
}
.accordion_footer{
  width:100%;
  height:350px;
  float:left;
  background-color:#333;
}
.acc_bar{
  background-color:#333;
  width:100%;
  height:45px;
  border-bottom:0px solid #666;
}
.link_f{
  margin:27.5px;
  width:60px;
  height:10px;
  background-color:#333;
  float:left;
}
/*///////// /FOOTER ///////////*/

}
/* ///// /Large Breakpoint ///// */


/* //////////////////// Desktop Large //////////////////// */



@font-face{
  font-family:"FB";src:url("http://skinv2.harveynichols.com/frontend/enterprise/hndefault/fonts/futura/Futura-Book.eot?#iefix");src:local("Futura Book") ,url("http://skinv2.harveynichols.com/frontend/enterprise/hndefault/fonts/futura/Futura-Book.eot?#iefix") format("eot"), url("http://skinv2.harveynichols.com/frontend/enterprise/hndefault/fonts/futura/Futura-Book.woff") format("woff"), url("http://skinv2.harveynichols.com/frontend/enterprise/hndefault/fonts/futura/Futura-Book.ttf") format("truetype"), url("http://skinv2.harveynichols.com/frontend/enterprise/hndefault/fonts/futura/Futura-Book.svg#Futura-Book") format("svg");
}