@font-face {
    font-family: 'henshinregular';
    src: url('../fonts/henshin-webfont.woff2') format('woff2'),
        url('../fonts/henshin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.text-henshin { font-family: 'henshinregular'; }
.text-lato { font-family: "Lato", sans-serif; }
.text-roboto { font-family: "Roboto", sans-serif; }
.text-yellow { color:#bda468; }
.text-gray { color:#5d5753; }
.fw-700 { font-weight:700; }
.text-fs-17{ font-size:17px; }
.text-fs-20 { font-size:20px; }
.text-fs-21 { font-size:21px; }
.text-fs-22 { font-size:22px; }
.text-fs-28 { font-size:28px; }
.text-fs-30 { font-size:28px; }
.text-fs-36 { font-size:36px; }
.text-fs-40 { font-size: 40px; }
.text-fs-50 { font-size: 50px; }
.text-fs-60 { font-size: 60px; }
.text-fs-86{ font-size: 86px; }
body { background-color:#333; color:#fff; font-family: "Roboto", sans-serif; font-size:17px; }
h2 { font-size:30px; font-family: "Lato", sans-serif; font-weight:700; }
nav { margin:auto; } 
nav ul { margin: 0; padding: 0; list-style: none; position: relative;  } 
nav ul li { display: inline-block;  } 
nav a { display: block; padding: 0 10px; color: #fff; font-size: 26px; text-decoration: none; font-family: 'henshinregular'; } 
nav ul ul { opacity:0; position: absolute; top: 40px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;     background: rgba(0,0,0, .8); padding: 1rem;  } 
nav ul li:hover > ul { display:inherit;  top: 30px; opacity:1; } 
nav ul ul li { width: 200px; float: none; display: list-item; position: relative; margin-bottom:5px; } 
nav ul ul ul li { position: relative; top:-60px; left:200px;  } 
nav ul ul a { font-size:13px;  }
nav a:hover, nav ul ul ul a { color: #fff } nav ul ul li:hover > ul { display:inherit; }
.contact-wrapper { border-bottom:2px solid #bda468; padding-bottom:125px; width:300px; margin:auto; }
.fade-in { opacity:0; }
.mobile-overlay-wrapper { opacity:0; position:fixed; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,.9); z-index:-1; display:flex; align-items:center; justify-content: center; text-align: center; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.mobile-overlay-wrapper > li { margin-bottom:1rem; }
.mobile-overlay-wrapper a  { color:#fff; text-decoration: none; font-size:27px;  font-family: 'henshinregular';}
.mobile-overlay-wrapper a.text-yellow { color: #bda468 !important; }
.mobile-overlay-wrapper a.order-online-link { font-size:20px; display:inline-block; margin-top:.5rem;  }
.mobile-dropdown { display:none; }
.mobile-dropdown a { font-size:20px; color: var(--orange); }
.mobile-trigger { cursor:pointer; width:40px; height:20px; position:fixed; top:40px; right:30px; z-index:1005;  display:none; }
.mobile-trigger span { width:100%; display: block; background-color: #fff; height:2px; margin-bottom:5px; border-radius: .25rem; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
body.open .mobile-trigger span:nth-child(3) { display:none; }
body.open .mobile-trigger span:nth-child(1) { transform:rotate(45deg) }
body.open .mobile-trigger span:nth-child(2) { transform:rotate(-45deg); margin-top:-7px; }
body.open .mobile-overlay-wrapper { opacity: 1; z-index:1000; }

.bg-wood-light { background: transparent url(../img/bg-wood-dark-gray.jpg) repeat 0 0; position:relative; }
.bg-wood-light-top { background: transparent url(../img/bg-wood-dark-gray-top.png) repeat-x 0 0; position: absolute; top:-85px; left:0; width:100%; z-index:10; height:85px; }
.bg-wood-light-bottom { background: transparent url(../img/bg-wood-dark-gray-bottom.png) repeat-x 0 0; position: absolute; bottom:-27px; left:0; width:100%; z-index:10; height:27px; }

.trans-box .top-left-corner { width:42px; height:42px; background: transparent url(../img/trans-box-top-left.png) no-repeat 0 0;}
.trans-box .top-right-corner { width:42px; height:42px; background: transparent url(../img/trans-box-top-right.png) no-repeat 0 0;}
.trans-box .top-center { width:100%; height:42px; background: transparent url(../img/trans-box-top-center.png) repeat-x 0 0;}
.trans-box .bottom-left-corner { width:42px; height:42px; background: transparent url(../img/trans-box-bottom-left.png) no-repeat 0 0;}
.trans-box .bottom-right-corner { width:42px; height:42px; background: transparent url(../img/trans-box-bottom-right.png) no-repeat 0 0;}
.trans-box .bottom-center { width:100%; height:42px; background: transparent url(../img/trans-box-bottom-center.png) repeat-x 0 0;}
.trans-box .center-left { width:42px;   background: transparent url(../img/trans-box-center-left.png) repeat-y 0 0;}
.trans-box .center-right { width:42px; background: transparent url(../img/trans-box-center-right.png) repeat-y 0 0;}
.trans-box .center {height:100%; width:100%; background: transparent url(../img/trans-box-bg.png) repeat 0 0;}
.shift-left { transform:translateX(-150px); width:145% !important; }
.mw-1060 { max-width:1060px; }
.mw-1220 { max-width:1220px; }
footer, .bg-wood-dark { position:relative; background:transparent url(../img/bg-footer.jpg) repeat 0 0; color:#fff; }
footer .container, .bg-wood-dark .container-fluid { position:relative; z-index:10; }
footer::before, .bg-wood-dark::before { content:''; position:absolute; top:0; left:0; width:100%; height:265px; background: #000000; background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); z-index:1; pointer-events:none;}
.bg-wave { position:absolute; bottom:0; left:0; z-index:1; pointer-events:none; width:100%; }

header { position:fixed; top:0; left:0; width:100%; z-index:100; }
header .container-fluid { position:relative; z-index:10; max-width:1220px;  }
header::before { content:''; position:absolute; top:0; left:0; width:100%; height:265px; background: #000000; background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); z-index:1; pointer-events:none; }
.hero { position:relative; height:480px; }
.hero img { object-fit:cover; width:100%; height:100%; }
.hero-text h2 { color:#fff;  font-family: 'henshinregular'; font-size:60px; width:100%; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-weight:normal; }
footer  h2 { font-family: 'henshinregular'; font-size:30px; font-weight:normal; }
.social { max-width:285px; margin:auto; }
.legal { margin-top:40px; margin-bottom:100px; }
.legal, .legal a { font-size:14px; text-align:center; color:#5d5753; text-decoration:none; }
.legal em { font-weight:600;  }
.mailing-list-form .form-group { display:flex; text-align:left; margin-bottom:10px; align-items:center; }
.mailing-list-form label { display:block; width:200px; }
.mailing-list-form .form-control { border-radius:100px; background:rgba(255, 255, 255, .13); border:none; padding:.6rem .5rem; color:#fff; }
.btn-white { display:inline-block; padding:.6rem 3rem; background-color: #fff; font-weight:700; text-transform: uppercase; font-size:20px; border-radius: 100px; font-family: "Lato", sans-serif; color:#000; text-decoration: none; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .7) !important; }

.pb-100 { padding-bottom:100px; }
.shift-up { transform:translateY(-110px); position:relative; z-index:10;}
.shift-right {  width: 145% !important; position:relative; z-index:10; }

@media (max-width:1200px){
    .shift-left { transform: translateX(-100px); width:165%; }
    .shift-right { width: 165% !important; }
}

@media (max-width:990px){
    .shift-left { transform: translateX(0px); width:100%; }
    .shift-right { width: 100% !important; }
    .mobile-trigger { display:block; }
    .shift-left { transform:translateX(0px); width:100% !important; }
    .hero { position:relative; height:350px; }
    .hero-text h2 { font-size:40px; }
}