@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?fhiqns');
  src: url('../fonts/icomoon.eot?fhiqns#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?fhiqns') format('truetype'),
      url('../fonts/icomoon.woff?fhiqns') format('woff'),
      url('../fonts/icomoon.svg?fhiqns#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-chevron-down:before { content: "\e908"; }
.icon-pinterest:before { content: "\e900"; }
.icon-youtube:before { content: "\e901"; }
.icon-phone:before { content: "\e902"; }
.icon-mobile:before { content: "\e903"; }
.icon-email:before { content: "\e904"; }
.icon-instagram:before { content: "\e905"; }
.icon-facebook:before { content: "\e906"; }
.icon-twitter:before { content: "\e907"; }

html, body { height: 100%; font-size: 18px; }
body { font-family: proxima-nova, serif; color: #626363; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400; }
h1, .h1 { font-size: 1.7rem; }
h2, .h2 { font-size: 1.6rem; }
h3, .h3 { font-size: 1.5rem; }
h4, .h4 { font-size: 1.4rem; }
h5, .h5 { font-size: 1.2rem; }
h6, .h6 { font-size: 1rem; }
b, strong { font-weight: 600; }
p, ul, ol { margin: 0 0 1.5rem; padding: 0; }
ul, ol { list-style-position: inside; }
a { color: #9b9c9c; text-decoration: none; }
a:hover { color: #9b9c9c; text-decoration: underline; }
a:hover { text-decoration: underline; }
textarea { resize: vertical; }
.mb-6 { margin-bottom: 4rem !important; }
.form-group { margin-bottom: 30px; }
.form-control { font-size: 16px; }
.modal-header .close { font-size: 2rem; }
.modal-title { font-weight: bold; }
.modal-body { padding: 40px 20px 20px; }
.modal-body { font-size: 16px; }
.modal-body p { font-size: inherit; margin-bottom: 20px; }
.modal-body ol,
.modal-body ul { font-size: inherit; margin: 0 0 20px 30px; list-style-position: outside; }
.modal-body h4 { font-weight: 600; }
.modal-footer { padding: 20px; }
.carousel-indicators li { width: 10px; height: 10px; border-radius: 50%; margin: 10px; }
.carousel-inner { -webkit-transform: translateZ(0); transform: translateZ(0); }

.text-highlight { color: #9b9c9c; }
.separator { margin: 1.5rem auto; width: 24px; }

.map-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; min-height: 250px; }

#header { position: relative; color: #fff; }
#header.fits-screen, #header.fits-screen #slideshow { height: 100%; }
#header a { color: #fff; text-decoration: none; }
#header a:hover { color: #eee; text-decoration: none; }
#header .content { position: relative; z-index: 1; }
#header.fits-screen .content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#header .logo { margin: 60px auto 0; width: 200px; }
#header .hiring-strip { background-color: rgba(255, 204, 0, .9); margin: 0 -15px; padding: 6px; }
#header .hello { position: absolute; top: 50%; left: 0; right: 0; padding: 0 15px; }
#slideshow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*#slideshow:after { content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.25); }*/
#slideshow:after { content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: -1px;  }
#slideshow:after { background: linear-gradient(90deg, rgba(255,255,255,1) 35%, rgba(255,255,255,0) 35%, rgba(255,255,255,0) 65%, rgba(255,255,255,1) 65%), url(../images/mask.png); background-repeat: no-repeat; background-position: bottom center; background-size: 100% 17px, 960px 17px; }
#slideshow .carousel-inner, #slideshow .carousel-item { width: 100%; height: 100%; }
#slideshow .carousel-item { background-repeat: no-repeat; background-position: center; background-size: cover; }
#slideshow .carousel-indicators { margin-bottom: 40px; }

#page { margin-top: 6rem; }
#intro { margin-bottom: 6rem; }
.shop .carousel-indicators { margin-bottom: 0; }

#instagram .pic { padding-bottom: 30px; }

iframe.gi-widget-iframe { margin-top: -20px; margin-bottom: 30px; }

#offers {}
#offers ul,
#offers ol { font-size: 16px; margin: 0 0 20px; }
#offers p.apply,
#offers .alert { margin: 40px 0; }
#offers p.empty { margin-bottom: 40px; }

#social { font-size: 0; }
#social > a { display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 24px; margin: 0 10px; border-radius: 50%; background-color: #9b9d9c; color: #fff; text-decoration: none; }
#social > a:hover { background-color: #8e908f; text-decoration: none; }

#footer { font-size: 18px; }
#footer .logo { margin: 110px 0 75px; }
#footer a { color: inherit; }

#cookie-bar { position: fixed; z-index: 999; bottom: 0; left: 0; width: 100%; background-color: #222222; text-align: center; }
#cookie-bar .cb-wrapper { width: 90%; max-width: 1140px; margin: 0 auto; padding: 20px 0; }
#cookie-bar .cb-wrapper > p { font-size: 80%; color: #FFF; margin-bottom: 20px; }

@media (max-width: 767px) {
  .track-trace #header .logo { margin: 40px auto 0; width: auto; }
  .track-trace #header .logo img { width: 120px; height: auto; }
  .track-trace #page { margin-top: 3rem; }
}

@media (min-width: 768px) {
  #cookie-bar { text-align: left; }
  #cookie-bar .cb-wrapper > p { width: 70%; float: left; margin-bottom: 0; }
  #cookie-bar .cb-links { clear: none; float: right; }
}

@media (min-width: 992px) {
  html, body { font-size: 20px; }
  h1, .h1 { font-size: 2rem; }
  h2, .h2 { font-size: 1.8rem; }
  h3, .h3 { font-size: 1.6rem; }
  #header .logo { margin-top: 80px; width: 300px; }
  #slideshow:after { background-size: 100% 34px, 1920px 34px; }
  #slideshow .carousel-indicators { margin-bottom: 80px; }
  #page { margin-top: 7rem; }
  #intro { margin-bottom: 6rem; }
  #offers ul,
  #offers ol { font-size: 18px; }
}

@media (min-width: 1200px) {
  #shops > .row { margin-left: -30px; margin-right: -30px; }
  #shops > .row > .shop { padding-left: 30px; padding-right: 30px; }
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1340px; }
  #shops > .row { margin-left: -50px; margin-right: -50px; }
  #shops > .row > .shop { padding-left: 50px; padding-right: 50px; }
}

@media (min-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1540px; }
}