@charset "utf-8";

.hphero-wrapper { position: relative; }
.hphero-wrapper img { width: 100%; }
  
.flex-text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox;      /* TWEENER - IE 10 */ display: -webkit-flex;     /* NEW - Chrome */ display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-flex-pack: center; /* 2012 syntax*/ -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; /* 2012 syntax  */ -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; }
.centerthetext { color: #fff; width: 100%; }
.box-box { background: #fffef7; width: 500px; height: 324px; position: absolute; top: 211px; /* bottom: 0; */ left: 0; right: 0; margin: auto; display: none; }
.hphero-wrapper .hp-textbox .hp-super-title { font-size: 18px; line-height: 20px; font-family: 'EB Garamond', sans-serif; letter-spacing: 1px; /* font-size: 1.5vw; */ padding-bottom: 15px; position: relative; }
.hphero-wrapper .hp-textbox .hp-main-title { font-size: 55px; letter-spacing: .2vw;
line-height: 50px; font-family: " "; }
.hphero-wrapper .hp-textbox .hp-main-title.top { font-size: 3vw; }
  
.hphero-wrapper .hp-textbox .hp-button-row { width: 50%; position: relative; left: 43.5%; margin-top: 18%; }
.hphero-wrapper .hp-textbox .hp-button-row a.hp-cta-button { border: 1px solid #212121; font-family: " ", Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; padding: 12px 20px; display: inline-block; text-align: center; letter-spacing: 1px; color: #212121; width: 105px; }
.hphero-wrapper .hp-textbox .hp-button-row .hp-cta-button.hp-left-cta { margin-right: 10px; }
.hphero-wrapper .hp-textbox .hp-button-row .hp-cta-button.hp-right-cta { margin-left: 10px; }
.hphero-wrapper .hp-textbox .hp-button-row a.hp-cta-button:hover { color: #fff; background: #212121; }
  
.new-styles { display: inline; padding-left: 5%; }
/* Display peices   */ 
.mobile-hero { display: none; }
 
 
.inbetween-img { display: none; }
.flex-text.mobiletext { display: none; }
.hp-mobile-wrapper { display: none; }
.tout-mobile-wrapper .inbetween-img { padding-bottom: 0 !important; margin-bottom: 3%; }
/* floating image */

.lockup-img { position: absolute; left: 50%; top: 50%; }
@media (max-width:970px) and (min-width:641px) {
/* tablet   ********* **/

.hphero-wrapper { width: 1600px; left: -800px; margin-left: 50%; }
.centerthetext { padding-right: 70%; }
div, img { max-width: none; }
.hphero-wrapper .hp-textbox .hp-button-row { width: 51%; position: relative; left: 61%; }
.hphero-wrapper .hp-textbox .hp-button-row { margin-top: 26%; }
/* Display peices  


.desktop-hero {
  display: none;
}

 
 */ 
.flex-text { width: 67%; right: 0; left: auto; }
.hphero-wrapper .hp-textbox .hp-super-title { padding-bottom: 10px; }
.hphero-wrapper .hp-textbox .hp-main-title { font-size: 55px; }
 




/* MOBILE -----------------------*/

@media (max-width:640px) {
.centerthetext { width: 100%; padding: 0% 0% 5%; color: #212121; }
.box-box { width: 77%; height: 67%; bottom: 57%; top: 0; margin-top: 14%; }
.hphero-wrapper .hp-textbox .hp-super-title { font-size: 3.6vw; line-height: 4vw; font-family: 'EB Garamond', sans-serif; letter-spacing: .2vw;
padding-bottom: 0%; padding-top: 0px; margin-top: 8%; }
.hphero-wrapper .hp-textbox .hp-main-title { font-family: ' CondTwenty'; font-size: 10vw; line-height: 10vw; position: relative; display: block; padding-top: 3%; letter-spacing: .5vw
}
 
.hphero-wrapper .hp-button-row { width: 100%; text-align: center; margin: 4% 0 4%; position: absolute; top: 16%; }
.hphero-wrapper .hp-button-row a.hp-cta-button { color: #212121; border: 1px solid #212121; width: 33%; font-family: " ", Arial, Helvetica, sans-serif; font-size: 3vw; text-decoration: none; padding: 3.5% 5.5%; display: inline-block; text-align: center; letter-spacing: .1vw;
}
.hphero-wrapper .hp-cta-button.hp-left-cta { margin-right: 3%; }
.upto-text { font-size: 5.5vw; position: absolute; top: 2%; line-height: 5.5vw; left: 25%; letter-spacing: .2vw;
}
.percent { font-size: 10.5vw; line-height: 10.5vw; top: 0; right: 20%; position: absolute; letter-spacing: .2vw;
}
.off { font-size: 5.5vw; line-height: 5.5vw; top: 28.5%; right: 20%; letter-spacing: 0; position: absolute; }
 
.plus { top: 14%; font-size: 30px; }
/* below hp stuff  */

.hphero-wrapper .flex-text.textbox2 { position: absolute; height: 19%; top: 70%; }
.textbox2 .centerthetext { padding-bottom: 0; color: #dbbb72; background: none; padding: 0; }
 
 
.hphero-wrapper .hp-textbox.textbox2 .hp-super-title { font-size: 4.8vw; line-height: 4vw; font-family: 'EB Garamond', sans-serif; letter-spacing: .2vw;
padding-bottom: 0%; padding-top: 0px; margin-top: 1%; margin-bottom: 1%; }
.hphero-wrapper .hp-textbox.textbox2 .hp-main-title { font-family: ' CondTwenty'; font-size: 7.8vw; letter-spacing: .2vw;
line-height: 7.8vw; position: relative; display: block; }
/*   ARROW STUFF  */
 
 
.shop-now-container a { text-decoration: none; }
.shop-now-container a:first-of-type { margin-right: 6%; }
.shop-now-container p.shop-now { font-size: 12px; font-size: 3.2vw; letter-spacing: 1px; position: relative; color: #212121; display: inline; margin: 0 3%; font-family: ' CondTwenty'; }
.position-absolute-text a { text-decoration: none; }
.shop-now span.arrow { width: 0; height: 0; border-style: solid; border-width: 4.5px 0 4.5px 5.5px; border-color: transparent transparent transparent #212121; font-size: 0; position: relative; top: -5px; left: 7px; }
/* Display peices   */ 


 
.desktop-hero { display: none; }
.mobile-hero { display: block; }
.inbetween-img { display: block; }
.flex-text.mobiletext { width: 100%; position: static; top: 0; height: auto; z-index: 12; display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox;      /* TWEENER - IE 10 */ display: -webkit-flex;     /* NEW - Chrome */ display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
.flex-text.desktop-text { display: none; }
.dtlegal { display: none; }
/* lockup image  */

.lockup-img { position: absolute; left: 50%; top: 50%; }
/*  fix for subtout  */
.hpsubtout .flex-text.mobiletext { height: auto !important; }
</style>
<style type="text/css">
.full-container .column { margin: 0; }
.ie8 .home-bottom-slots { display: none; }
.home-bottom-slots .home-bottom-one-column { background-color: transparent; }
.tout-desktop-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; margin: 0 auto; max-width: 966px; position: relative; }
  
.tout-desktop-wrapper .tout { width: 48.5%; float: left; /*text-transform: uppercase;*/position: relative; margin-top: 70px; }
.tout-desktop-wrapper .tout .tout-img { height: auto; width: 100%; }
.tout-desktop-wrapper .tout .tout-text { padding: 15px 0 15px 6px; text-align: center; }
.tout-desktop-wrapper .tout-main-title { font-size: 2rem; letter-spacing: 2.5px; padding: 0; margin: 0; font-family: ' CondTwenty'; }
.tout-desktop-wrapper .tout-super-title { font-size: 1rem;  letter-spacing: .1rem;
padding: 0; font-family: 'EB Garamond', sans-serif; }
/*Hover States*/
.tout-desktop-wrapper .tout .hover-img-lockup { position: relative; }
.tout-desktop-wrapper .tout .hover-img-lockup .mask { opacity: 0; background: #212121; width: 100%; height: 100%; position: absolute; -moz-transition: .5s ease opacity; -webkit-transition: .5s ease opacity; -o-transition: .5s ease opacity; transition: .5s ease opacity; }
.tout-desktop-wrapper .tout:hover .hover-img-lockup .mask { opacity: .9; }
.tout-desktop-wrapper .tout .tout-ctas,  .tout-desktop-wrapper .tout .single-tout-cta { -webkit-align-items: center; align-items: center; -ms-flex-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; opacity: 0; -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); visibility: hidden; position: absolute; margin: 0 auto; width: 100%; height: 100%; box-sizing: border-box; }
.tout-desktop-wrapper .tout:hover .tout-ctas,  .tout-desktop-wrapper .tout:hover .single-tout-cta { visibility: visible; opacity: 1; }
.tout-desktop-wrapper .tout .tout-ctas a:first-of-type { margin-right: 10px; }
.tout-desktop-wrapper .tout .tout-ctas a { width: 105px; text-align: center; text-decoration: none; font-family: " ", Arial, Helvetica, sans-serif; padding: 12px 23px;  font-size: .9rem;
letter-spacing: 1px; color: #fffef7; background-color: none; border: 1px solid #fffef7; -moz-transition: background-color .3s, color .3s; -webkit-transition: background-color .3s, color .3s; -o-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s; }
/* essentials tout stuff  */

.tout.essentials { width: 100%; }
.tout-text.essentials { position: absolute; top: 0; color: #fff; width: 70%; top: 21%; }
.tout-desktop-wrapper .tout.essentials .tout-text .tout-subtext { font-family: 'EB Garamond', sans-serif; text-transform: none; line-height: 16px; padding-top: 5px; }
.tout-desktop-wrapper .tout.essentials .tout-ctas { visibility: visible; opacity: 1; height: auto; width: 100%; margin: 3% 0; }
.tout-text .rule-line { border-top: solid 3px #fff; width: 33%; margin: 1% auto; }
/* single tout stuff  */


.tout-desktop-wrapper .tout.single-tout { width: 100%; margin-top: 0; }
.tout-desktop-wrapper .tout.single-tout .single-tout-ctas { opacity: 1; margin-top: 2%; }
.tout-desktop-wrapper .tout.single-tout .single-tout-ctas a { border: none; color: #212121; text-decoration: none; font-family: 'EB Garamond', sans-serif; }
.tout-desktop-wrapper .tout.single-tout .tout-text .tout-subtext { font-family: 'EB Garamond', sans-serif; text-transform: none; line-height: 16px; padding-top: 5px; }
.single-tout span.arrow { width: 0; height: 0; border-style: solid; border-width: 4.5px 0 4.5px 5.5px; border-color: transparent transparent transparent #212121; font-size: 0; position: relative; top: -3.5px; left: 4px; }
/*
      .tout-desktop-wrapper .tout .tout-ctas a:first-of-type{
        margin-right: 10px;
      }

      */
.tout-desktop-wrapper .tout .tout-ctas a:hover { background-color: #fffef7; color: #212121; border: 1px solid #fffef7; }
/* MOBILE ---------*/
.tout-mobile-wrapper .title-wrapper { position: relative; }
 
.tout-mobile-wrapper .mobile-tout { position: relative; }
.tout-mobile-wrapper .tout-img { margin-top: 3%; }
.tout-mobile-wrapper .mobile-tout-textbox { width: 100%; text-align: left; padding: 5% 0 7%; position: absolute; }
.tout-mobile-wrapper .mobile-tout-textbox.one { position: static; text-align: center; padding: 5% 0 2%; }
.tout-mobile-wrapper .mobile-tout-textbox.two { top: 1%; text-align: left; width: 32%; right: 0; }
.tout-mobile-wrapper .mobile-tout-textbox.three { top: 1%; text-align: left; width: 36%; left: 12%; }
.tout-mobile-wrapper .mobile-tout-textbox.four { top: 1%; text-align: left; width: 36%; right: 0; }
.tout-mobile-wrapper .mobile-tout-textbox.five { top: 1%; text-align: left; width: 36%; left: 12%; }
.tout-mobile-wrapper .mobile-tout-textbox.six { position: static; text-align: center; }
.tout-mobile-wrapper .mobile-tout .tout-text { font-size: 3vw;  letter-spacing: .2vw;
padding: 0; line-height: 3.5vw; font-family: 'EB Garamond', sans-serif; }
.tout-mobile-wrapper .tout-main-title { font-size: 4vw;  letter-spacing: .2vw;
padding: 0; margin: 0; font-family: ' CondTwenty'; padding-bottom: 5%; line-height: 4vw; }
.tout-mobile-wrapper .tout-super-title { font-size: 3.5vw;  letter-spacing: .2vw;
padding: 0; font-family: 'EB Garamond', sans-serif; }
.tout-mobile-wrapper .inbetween-img { padding-bottom: 3%; }
.tout-mobile-wrapper .tout-ctas a.tout-cta-buttn { color: #212121; border: 1px solid #212121; width: 33%; font-family: " ", Arial, Helvetica, sans-serif; font-size: 3vw; text-decoration: none; padding: 3.5% 5.5%; display: inline-block; text-align: center;  letter-spacing: .1vw;
}
 @media (min-width:641px) {
.tout-mobile-wrapper { display: none; }
}
 @media (max-width:640px) {
.tout-desktop-wrapper { display: none; }
.tout-mobile-wrapper { display: block; }
/*   ARROW STUFF  */
 
  
.tout-mobile-wrapper a { text-decoration: none; color: #212121; }
#home-page-slider .tout-mobile-wrapper p.shop-now { font-size: 3vw;  letter-spacing: .1vw;
position: relative; color: #212121; margin: 5% 0; }
.tout-mobile-wrapper .shop-now span.arrow { width: 0; height: 0; border-style: solid; border-width: 4.5px 0 4.5px 5.5px; border-color: transparent transparent transparent #212121; font-size: 0; position: relative; top: -5px; left: 2px; }
}