@font-face {
  font-family: 'journalregular';
  src: url("../fonts/journal-webfont.eot");
  src: url("../fonts/journal-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/journal-webfont.woff") format("woff"), url("../fonts/journal-webfont.ttf") format("truetype"), url("../fonts/journal-webfont.svg#journalregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Angelina';
  src: url("../fonts/angelina-webfont.eot");
  src: url("../fonts/angelina-webfont.eot") format("embedded-opentype"),
        url("../fonts/angelina-webfont.woff") format("woff"),
        url("../fonts/angelina-webfont.ttf") format("truetype"),
        url("../fonts/helveticaneueltcom-bd.svg#Angelina") format("svg");
}
@font-face {
  font-family: 'Bradley Hand ITC';
  src: url("../fonts/bradley-hand-itc/bradley-hand-itc.eot");
  src: url("../fonts/bradley-hand-itc/bradley-hand-itc.eot") format("embedded-opentype"), url("../fonts/bradley-hand-itc/bradley-hand-itc.woff") format("woff"), url("../fonts/bradley-hand-itc/bradley-hand-itc.ttf") format("truetype"), url("../fonts/bradley-hand-itc/bradley-hand-itc.svg#BradleyHandITC") format("svg");
}
@font-face {
  font-family: 'HelveticaNeueLTCom77BoldCondensed';
  src: url("../fonts/helvetica-neue/helveticaneueltcom-bdcn.eot");
  src: url("../fonts/helvetica-neue/helveticaneueltcom-bdcn.eot") format("embedded-opentype"),
        url("../fonts/helvetica-neue/helveticaneueltcom-bdcn.woff") format("woff"),
        url("../fonts/helvetica-neue/helveticaneueltcom-bdcn.ttf") format("truetype"),
        url("../fonts/helvetica-neue/helveticaneueltcom-bdcn.svg#HelveticaNeueLTCom77BoldCondensed") format("svg");
}
@font-face {
  font-family: 'HelveticaNeueLTCom77BoldCondensedOblique';
  src: url("../fonts/helvetica-neue/helveticaneueltcom-bdcno.eot");
  src: url("../fonts/helvetica-neue/helveticaneueltcom-bdcno.eot") format("embedded-opentype"), url("../fonts/helvetica-neue/helveticaneueltcom-bdcno.woff") format("woff"), url("../fonts/helvetica-neue/helveticaneueltcom-bdcno.ttf") format("truetype"), url("../fonts/helvetica-neue/helveticaneueltcom-bdcno.svg#HelveticaNeueLTCom77BoldCondensedOblique") format("svg");
}
@font-face {
  font-family: 'HelveticaNeueLTCom76BoldItalic';
  src: url("../fonts/helvetica-neue/helveticaneueltcom-bdit.eot");
  src: url("../fonts/helvetica-neue/helveticaneueltcom-bdit.eot") format("embedded-opentype"), url("../fonts/helvetica-neue/helveticaneueltcom-bdit.woff") format("woff"), url("../fonts/helvetica-neue/helveticaneueltcom-bdit.ttf") format("truetype"), url("../fonts/helvetica-neue/helveticaneueltcom-bdit.svg#HelveticaNeueLTCom76BoldItalic") format("svg");
}
@font-face {
  font-family: 'HelveticaNeueLTCom56Italic';
  src: url("../fonts/helvetica-neue/helveticaneueltcom-it.eot");
  src: url("../fonts/helvetica-neue/helveticaneueltcom-it.eot") format("embedded-opentype"), url("../fonts/helvetica-neue/helveticaneueltcom-it.woff") format("woff"), url("../fonts/helvetica-neue/helveticaneueltcom-it.ttf") format("truetype"), url("../fonts/helvetica-neue/helveticaneueltcom-it.svg#HelveticaNeueLTCom56Italic") format("svg");
}


@font-face {
    font-family: 'HelveticaNeueLTCom55Roman';
    src: url('../fonts/helvetica-neue/helveticaneueltcom-roman.eot');
    src: url('../fonts/helvetica-neue/helveticaneueltcom-roman.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-neue/helveticaneueltcom-roman.woff') format('woff'),
         url('../fonts/helvetica-neue/helveticaneueltcom-roman.ttf') format('truetype'),
         url('../fonts/helvetica-neue/helveticaneueltcom-roman.svg#HelveticaNeueLTCom55Roman') format('svg');
}
@font-face {
  font-family: 'HelveticaNeueLTCom75Bold';
  src: url("../fonts/helvetica-neue/helveticaneueltcom-bd.eot");
  src: url("../fonts/helvetica-neue/helveticaneueltcom-bd.eot?#iefix") format("embedded-opentype"),
        url("../fonts/helvetica-neue/helveticaneueltcom-bd.woff") format("woff"),
        url("../fonts/helvetica-neue/helveticaneueltcom-bd.ttf") format("truetype"),
        url("../fonts/helvetica-neue/helveticaneueltcom-bd.svg#HelveticaNeueLTCom75Bold") format("svg");
}

/* IE FIX  */
@font-face {
  font-family: 'Helvetica Neue LTCom';
  src: url("../fonts/helvetica-neue/helveticaneueltcom-bdcn.eot");
  src: url("../fonts/helvetica-neue/helveticaneueltcom-bdcn.eot") format("embedded-opentype"),
        url("../fonts/helvetica-neue/helveticaneueltcom-bdcn.woff") format("woff"),
        url("../fonts/helvetica-neue/helveticaneueltcom-bdcn.ttf") format("truetype"),
        url("../fonts/helvetica-neue/helveticaneueltcom-bdcn.svg#HelveticaNeueLTCom77BoldCondensed") format("svg");
}


.icon {
  background-color: #fff;
  box-shadow: 0px 2px 0px #d30007;
  width: 46px;
  height: 46px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  border-bottom: none;
  border-radius: 50px;
  line-height: 46px;
  margin-bottom: -12px;
  margin-right: 10px;
}
.icon.inactive {
  background-color: transparent;
  box-shadow: none;
}
.icon.inactive:before {
  background-image: url(../img/icon-background-orange.png);
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
}
/* Responsive margin modifiers
/* (c) Devoth Design 2014
-------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .mt-xs-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-0 {
    margin-right: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-0 {
    margin-right: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-0 {
    margin-right: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-0 {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-0 {
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-0 {
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-0 {
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-0 {
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--0 {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--0 {
    margin-right: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--0 {
    margin-right: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--0 {
    margin-right: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--0 {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--0 {
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--0 {
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--0 {
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--0 {
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-10 {
    margin-top: 10px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-10 {
    margin-top: 10px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-10 {
    margin-top: 10px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-10 {
    margin-top: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-10 {
    margin-right: 10px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-10 {
    margin-right: 10px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-10 {
    margin-right: 10px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-10 {
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-10 {
    margin-bottom: 10px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-10 {
    margin-bottom: 10px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-10 {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-10 {
    margin-left: 10px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-10 {
    margin-left: 10px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-10 {
    margin-left: 10px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-10 {
    margin-left: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--10 {
    margin-top: -10px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--10 {
    margin-top: -10px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--10 {
    margin-top: -10px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--10 {
    margin-top: -10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--10 {
    margin-right: -10px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--10 {
    margin-right: -10px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--10 {
    margin-right: -10px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--10 {
    margin-right: -10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--10 {
    margin-bottom: -10px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--10 {
    margin-bottom: -10px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--10 {
    margin-bottom: -10px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--10 {
    margin-bottom: -10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--10 {
    margin-left: -10px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--10 {
    margin-left: -10px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--10 {
    margin-left: -10px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--10 {
    margin-left: -10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-20 {
    margin-top: 20px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-20 {
    margin-top: 20px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-20 {
    margin-top: 20px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-20 {
    margin-top: 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-20 {
    margin-right: 20px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-20 {
    margin-right: 20px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-20 {
    margin-right: 20px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-20 {
    margin-right: 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-20 {
    margin-bottom: 20px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-20 {
    margin-bottom: 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-20 {
    margin-left: 20px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-20 {
    margin-left: 20px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-20 {
    margin-left: 20px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-20 {
    margin-left: 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--20 {
    margin-top: -20px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--20 {
    margin-top: -20px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--20 {
    margin-top: -20px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--20 {
    margin-top: -20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--20 {
    margin-right: -20px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--20 {
    margin-right: -20px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--20 {
    margin-right: -20px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--20 {
    margin-right: -20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--20 {
    margin-bottom: -20px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--20 {
    margin-bottom: -20px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--20 {
    margin-bottom: -20px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--20 {
    margin-bottom: -20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--20 {
    margin-left: -20px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--20 {
    margin-left: -20px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--20 {
    margin-left: -20px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--20 {
    margin-left: -20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-30 {
    margin-top: 30px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-30 {
    margin-top: 30px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-30 {
    margin-top: 30px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-30 {
    margin-top: 30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-30 {
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-30 {
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-30 {
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-30 {
    margin-right: 30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-30 {
    margin-bottom: 30px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-30 {
    margin-bottom: 30px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-30 {
    margin-bottom: 30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-30 {
    margin-left: 30px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-30 {
    margin-left: 30px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-30 {
    margin-left: 30px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-30 {
    margin-left: 30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--30 {
    margin-top: -30px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--30 {
    margin-top: -30px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--30 {
    margin-top: -30px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--30 {
    margin-top: -30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--30 {
    margin-right: -30px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--30 {
    margin-right: -30px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--30 {
    margin-right: -30px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--30 {
    margin-right: -30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--30 {
    margin-bottom: -30px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--30 {
    margin-bottom: -30px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--30 {
    margin-bottom: -30px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--30 {
    margin-bottom: -30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--30 {
    margin-left: -30px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--30 {
    margin-left: -30px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--30 {
    margin-left: -30px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--30 {
    margin-left: -30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-40 {
    margin-top: 40px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-40 {
    margin-top: 40px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-40 {
    margin-top: 40px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-40 {
    margin-top: 40px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-40 {
    margin-right: 40px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-40 {
    margin-right: 40px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-40 {
    margin-right: 40px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-40 {
    margin-right: 40px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-40 {
    margin-bottom: 40px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-40 {
    margin-bottom: 40px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-40 {
    margin-left: 40px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-40 {
    margin-left: 40px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-40 {
    margin-left: 40px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-40 {
    margin-left: 40px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--40 {
    margin-top: -40px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--40 {
    margin-top: -40px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--40 {
    margin-top: -40px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--40 {
    margin-top: -40px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--40 {
    margin-right: -40px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--40 {
    margin-right: -40px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--40 {
    margin-right: -40px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--40 {
    margin-right: -40px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--40 {
    margin-bottom: -40px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--40 {
    margin-bottom: -40px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--40 {
    margin-bottom: -40px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--40 {
    margin-bottom: -40px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--40 {
    margin-left: -40px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--40 {
    margin-left: -40px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--40 {
    margin-left: -40px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--40 {
    margin-left: -40px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-50 {
    margin-top: 50px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-50 {
    margin-top: 50px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-50 {
    margin-top: 50px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-50 {
    margin-top: 50px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-50 {
    margin-right: 50px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-50 {
    margin-right: 50px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-50 {
    margin-right: 50px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-50 {
    margin-right: 50px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-50 {
    margin-bottom: 50px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-50 {
    margin-bottom: 50px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-50 {
    margin-bottom: 50px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-50 {
    margin-left: 50px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-50 {
    margin-left: 50px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-50 {
    margin-left: 50px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-50 {
    margin-left: 50px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--50 {
    margin-top: -50px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--50 {
    margin-top: -50px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--50 {
    margin-top: -50px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--50 {
    margin-top: -50px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--50 {
    margin-right: -50px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--50 {
    margin-right: -50px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--50 {
    margin-right: -50px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--50 {
    margin-right: -50px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--50 {
    margin-bottom: -50px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--50 {
    margin-bottom: -50px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--50 {
    margin-bottom: -50px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--50 {
    margin-bottom: -50px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--50 {
    margin-left: -50px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--50 {
    margin-left: -50px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--50 {
    margin-left: -50px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--50 {
    margin-left: -50px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-60 {
    margin-top: 60px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-60 {
    margin-top: 60px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-60 {
    margin-top: 60px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-60 {
    margin-top: 60px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-60 {
    margin-right: 60px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-60 {
    margin-right: 60px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-60 {
    margin-right: 60px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-60 {
    margin-right: 60px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-60 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-60 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-60 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-60 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-60 {
    margin-left: 60px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-60 {
    margin-left: 60px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-60 {
    margin-left: 60px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-60 {
    margin-left: 60px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--60 {
    margin-top: -60px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--60 {
    margin-top: -60px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--60 {
    margin-top: -60px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--60 {
    margin-top: -60px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--60 {
    margin-right: -60px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--60 {
    margin-right: -60px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--60 {
    margin-right: -60px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--60 {
    margin-right: -60px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--60 {
    margin-bottom: -60px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--60 {
    margin-bottom: -60px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--60 {
    margin-bottom: -60px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--60 {
    margin-bottom: -60px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--60 {
    margin-left: -60px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--60 {
    margin-left: -60px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--60 {
    margin-left: -60px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--60 {
    margin-left: -60px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-70 {
    margin-top: 70px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-70 {
    margin-top: 70px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-70 {
    margin-top: 70px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-70 {
    margin-top: 70px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-70 {
    margin-right: 70px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-70 {
    margin-right: 70px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-70 {
    margin-right: 70px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-70 {
    margin-right: 70px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-70 {
    margin-bottom: 70px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-70 {
    margin-bottom: 70px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-70 {
    margin-bottom: 70px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-70 {
    margin-bottom: 70px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-70 {
    margin-left: 70px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-70 {
    margin-left: 70px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-70 {
    margin-left: 70px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-70 {
    margin-left: 70px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--70 {
    margin-top: -70px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--70 {
    margin-top: -70px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--70 {
    margin-top: -70px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--70 {
    margin-top: -70px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--70 {
    margin-right: -70px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--70 {
    margin-right: -70px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--70 {
    margin-right: -70px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--70 {
    margin-right: -70px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--70 {
    margin-bottom: -70px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--70 {
    margin-bottom: -70px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--70 {
    margin-bottom: -70px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--70 {
    margin-bottom: -70px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--70 {
    margin-left: -70px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--70 {
    margin-left: -70px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--70 {
    margin-left: -70px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--70 {
    margin-left: -70px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-80 {
    margin-top: 80px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-80 {
    margin-top: 80px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-80 {
    margin-top: 80px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-80 {
    margin-top: 80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-80 {
    margin-right: 80px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-80 {
    margin-right: 80px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-80 {
    margin-right: 80px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-80 {
    margin-right: 80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-80 {
    margin-bottom: 80px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-80 {
    margin-bottom: 80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-80 {
    margin-left: 80px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-80 {
    margin-left: 80px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-80 {
    margin-left: 80px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-80 {
    margin-left: 80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--80 {
    margin-top: -80px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--80 {
    margin-top: -80px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--80 {
    margin-top: -80px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--80 {
    margin-top: -80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--80 {
    margin-right: -80px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--80 {
    margin-right: -80px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--80 {
    margin-right: -80px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--80 {
    margin-right: -80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--80 {
    margin-bottom: -80px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--80 {
    margin-bottom: -80px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--80 {
    margin-bottom: -80px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--80 {
    margin-bottom: -80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--80 {
    margin-left: -80px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--80 {
    margin-left: -80px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--80 {
    margin-left: -80px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--80 {
    margin-left: -80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-90 {
    margin-top: 90px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-90 {
    margin-top: 90px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-90 {
    margin-top: 90px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-90 {
    margin-top: 90px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-90 {
    margin-right: 90px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-90 {
    margin-right: 90px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-90 {
    margin-right: 90px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-90 {
    margin-right: 90px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-90 {
    margin-bottom: 90px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-90 {
    margin-bottom: 90px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-90 {
    margin-bottom: 90px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-90 {
    margin-bottom: 90px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-90 {
    margin-left: 90px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-90 {
    margin-left: 90px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-90 {
    margin-left: 90px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-90 {
    margin-left: 90px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--90 {
    margin-top: -90px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--90 {
    margin-top: -90px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--90 {
    margin-top: -90px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--90 {
    margin-top: -90px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--90 {
    margin-right: -90px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--90 {
    margin-right: -90px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--90 {
    margin-right: -90px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--90 {
    margin-right: -90px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--90 {
    margin-bottom: -90px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--90 {
    margin-bottom: -90px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--90 {
    margin-bottom: -90px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--90 {
    margin-bottom: -90px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--90 {
    margin-left: -90px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--90 {
    margin-left: -90px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--90 {
    margin-left: -90px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--90 {
    margin-left: -90px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-100 {
    margin-top: 100px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-100 {
    margin-top: 100px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-100 {
    margin-top: 100px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-100 {
    margin-top: 100px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-100 {
    margin-right: 100px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-100 {
    margin-right: 100px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-100 {
    margin-right: 100px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-100 {
    margin-right: 100px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-100 {
    margin-bottom: 100px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-100 {
    margin-bottom: 100px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-100 {
    margin-bottom: 100px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-100 {
    margin-bottom: 100px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-100 {
    margin-left: 100px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-100 {
    margin-left: 100px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-100 {
    margin-left: 100px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-100 {
    margin-left: 100px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--100 {
    margin-top: -100px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--100 {
    margin-top: -100px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--100 {
    margin-top: -100px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--100 {
    margin-top: -100px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--100 {
    margin-right: -100px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--100 {
    margin-right: -100px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--100 {
    margin-right: -100px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--100 {
    margin-right: -100px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--100 {
    margin-bottom: -100px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--100 {
    margin-bottom: -100px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--100 {
    margin-bottom: -100px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--100 {
    margin-bottom: -100px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--100 {
    margin-left: -100px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--100 {
    margin-left: -100px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--100 {
    margin-left: -100px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--100 {
    margin-left: -100px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-110 {
    margin-top: 110px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-110 {
    margin-top: 110px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-110 {
    margin-top: 110px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-110 {
    margin-top: 110px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-110 {
    margin-right: 110px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-110 {
    margin-right: 110px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-110 {
    margin-right: 110px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-110 {
    margin-right: 110px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-110 {
    margin-bottom: 110px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-110 {
    margin-bottom: 110px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-110 {
    margin-bottom: 110px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-110 {
    margin-bottom: 110px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-110 {
    margin-left: 110px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-110 {
    margin-left: 110px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-110 {
    margin-left: 110px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-110 {
    margin-left: 110px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--110 {
    margin-top: -110px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--110 {
    margin-top: -110px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--110 {
    margin-top: -110px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--110 {
    margin-top: -110px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--110 {
    margin-right: -110px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--110 {
    margin-right: -110px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--110 {
    margin-right: -110px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--110 {
    margin-right: -110px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--110 {
    margin-bottom: -110px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--110 {
    margin-bottom: -110px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--110 {
    margin-bottom: -110px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--110 {
    margin-bottom: -110px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--110 {
    margin-left: -110px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--110 {
    margin-left: -110px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--110 {
    margin-left: -110px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--110 {
    margin-left: -110px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-120 {
    margin-top: 120px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-120 {
    margin-top: 120px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-120 {
    margin-top: 120px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-120 {
    margin-top: 120px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-120 {
    margin-right: 120px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-120 {
    margin-right: 120px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-120 {
    margin-right: 120px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-120 {
    margin-right: 120px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-120 {
    margin-bottom: 120px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-120 {
    margin-bottom: 120px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-120 {
    margin-bottom: 120px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-120 {
    margin-bottom: 120px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-120 {
    margin-left: 120px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-120 {
    margin-left: 120px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-120 {
    margin-left: 120px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-120 {
    margin-left: 120px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--120 {
    margin-top: -120px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--120 {
    margin-top: -120px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--120 {
    margin-top: -120px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--120 {
    margin-top: -120px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--120 {
    margin-right: -120px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--120 {
    margin-right: -120px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--120 {
    margin-right: -120px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--120 {
    margin-right: -120px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--120 {
    margin-bottom: -120px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--120 {
    margin-bottom: -120px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--120 {
    margin-bottom: -120px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--120 {
    margin-bottom: -120px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--120 {
    margin-left: -120px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--120 {
    margin-left: -120px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--120 {
    margin-left: -120px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--120 {
    margin-left: -120px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-130 {
    margin-top: 130px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-130 {
    margin-top: 130px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-130 {
    margin-top: 130px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-130 {
    margin-top: 130px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-130 {
    margin-right: 130px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-130 {
    margin-right: 130px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-130 {
    margin-right: 130px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-130 {
    margin-right: 130px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-130 {
    margin-bottom: 130px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-130 {
    margin-bottom: 130px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-130 {
    margin-bottom: 130px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-130 {
    margin-bottom: 130px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-130 {
    margin-left: 130px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-130 {
    margin-left: 130px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-130 {
    margin-left: 130px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-130 {
    margin-left: 130px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--130 {
    margin-top: -130px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--130 {
    margin-top: -130px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--130 {
    margin-top: -130px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--130 {
    margin-top: -130px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--130 {
    margin-right: -130px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--130 {
    margin-right: -130px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--130 {
    margin-right: -130px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--130 {
    margin-right: -130px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--130 {
    margin-bottom: -130px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--130 {
    margin-bottom: -130px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--130 {
    margin-bottom: -130px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--130 {
    margin-bottom: -130px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--130 {
    margin-left: -130px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--130 {
    margin-left: -130px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--130 {
    margin-left: -130px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--130 {
    margin-left: -130px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-140 {
    margin-top: 140px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-140 {
    margin-top: 140px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-140 {
    margin-top: 140px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-140 {
    margin-top: 132px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-140 {
    margin-right: 140px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-140 {
    margin-right: 140px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-140 {
    margin-right: 140px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-140 {
    margin-right: 140px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-140 {
    margin-bottom: 140px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-140 {
    margin-bottom: 140px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-140 {
    margin-bottom: 140px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-140 {
    margin-bottom: 140px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-140 {
    margin-left: 140px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-140 {
    margin-left: 140px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-140 {
    margin-left: 140px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-140 {
    margin-left: 140px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--140 {
    margin-top: -140px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--140 {
    margin-top: -140px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--140 {
    margin-top: -140px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--140 {
    margin-top: -140px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--140 {
    margin-right: -140px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--140 {
    margin-right: -140px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--140 {
    margin-right: -140px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--140 {
    margin-right: -140px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--140 {
    margin-bottom: -140px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--140 {
    margin-bottom: -140px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--140 {
    margin-bottom: -140px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--140 {
    margin-bottom: -140px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--140 {
    margin-left: -140px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--140 {
    margin-left: -140px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--140 {
    margin-left: -140px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--140 {
    margin-left: -140px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-150 {
    margin-top: 150px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-150 {
    margin-top: 150px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-150 {
    margin-top: 150px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-150 {
    margin-top: 150px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-150 {
    margin-right: 150px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-150 {
    margin-right: 150px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-150 {
    margin-right: 150px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-150 {
    margin-right: 150px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-150 {
    margin-bottom: 150px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-150 {
    margin-bottom: 150px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-150 {
    margin-bottom: 150px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-150 {
    margin-bottom: 150px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-150 {
    margin-left: 150px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-150 {
    margin-left: 150px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-150 {
    margin-left: 150px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-150 {
    margin-left: 150px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--150 {
    margin-top: -150px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--150 {
    margin-top: -150px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--150 {
    margin-top: -150px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--150 {
    margin-top: -150px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--150 {
    margin-right: -150px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--150 {
    margin-right: -150px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--150 {
    margin-right: -150px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--150 {
    margin-right: -150px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--150 {
    margin-bottom: -150px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--150 {
    margin-bottom: -150px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--150 {
    margin-bottom: -150px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--150 {
    margin-bottom: -150px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--150 {
    margin-left: -150px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--150 {
    margin-left: -150px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--150 {
    margin-left: -150px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--150 {
    margin-left: -150px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-160 {
    margin-top: 160px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-160 {
    margin-top: 160px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-160 {
    margin-top: 160px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-160 {
    margin-top: 160px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-160 {
    margin-right: 160px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-160 {
    margin-right: 160px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-160 {
    margin-right: 160px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-160 {
    margin-right: 160px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-160 {
    margin-bottom: 160px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-160 {
    margin-bottom: 160px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-160 {
    margin-bottom: 160px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-160 {
    margin-bottom: 160px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-160 {
    margin-left: 160px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-160 {
    margin-left: 160px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-160 {
    margin-left: 160px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-160 {
    margin-left: 160px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--160 {
    margin-top: -160px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--160 {
    margin-top: -160px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--160 {
    margin-top: -160px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--160 {
    margin-top: -160px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--160 {
    margin-right: -160px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--160 {
    margin-right: -160px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--160 {
    margin-right: -160px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--160 {
    margin-right: -160px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--160 {
    margin-bottom: -160px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--160 {
    margin-bottom: -160px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--160 {
    margin-bottom: -160px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--160 {
    margin-bottom: -160px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--160 {
    margin-left: -160px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--160 {
    margin-left: -160px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--160 {
    margin-left: -160px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--160 {
    margin-left: -160px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-170 {
    margin-top: 170px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-170 {
    margin-top: 170px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-170 {
    margin-top: 170px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-170 {
    margin-top: 170px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-170 {
    margin-right: 170px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-170 {
    margin-right: 170px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-170 {
    margin-right: 170px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-170 {
    margin-right: 170px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-170 {
    margin-bottom: 170px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-170 {
    margin-bottom: 170px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-170 {
    margin-bottom: 170px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-170 {
    margin-bottom: 170px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-170 {
    margin-left: 170px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-170 {
    margin-left: 170px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-170 {
    margin-left: 170px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-170 {
    margin-left: 170px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--170 {
    margin-top: -170px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--170 {
    margin-top: -170px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--170 {
    margin-top: -170px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--170 {
    margin-top: -170px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--170 {
    margin-right: -170px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--170 {
    margin-right: -170px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--170 {
    margin-right: -170px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--170 {
    margin-right: -170px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--170 {
    margin-bottom: -170px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--170 {
    margin-bottom: -170px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--170 {
    margin-bottom: -170px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--170 {
    margin-bottom: -170px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--170 {
    margin-left: -170px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--170 {
    margin-left: -170px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--170 {
    margin-left: -170px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--170 {
    margin-left: -170px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-180 {
    margin-top: 180px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-180 {
    margin-top: 180px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-180 {
    margin-top: 180px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-180 {
    margin-top: 180px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-180 {
    margin-right: 180px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-180 {
    margin-right: 180px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-180 {
    margin-right: 180px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-180 {
    margin-right: 180px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-180 {
    margin-bottom: 180px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-180 {
    margin-bottom: 180px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-180 {
    margin-bottom: 180px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-180 {
    margin-bottom: 180px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-180 {
    margin-left: 180px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-180 {
    margin-left: 180px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-180 {
    margin-left: 180px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-180 {
    margin-left: 180px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--180 {
    margin-top: -180px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--180 {
    margin-top: -180px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--180 {
    margin-top: -180px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--180 {
    margin-top: -180px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--180 {
    margin-right: -180px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--180 {
    margin-right: -180px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--180 {
    margin-right: -180px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--180 {
    margin-right: -180px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--180 {
    margin-bottom: -180px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--180 {
    margin-bottom: -180px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--180 {
    margin-bottom: -180px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--180 {
    margin-bottom: -180px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--180 {
    margin-left: -180px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--180 {
    margin-left: -180px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--180 {
    margin-left: -180px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--180 {
    margin-left: -180px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-190 {
    margin-top: 190px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-190 {
    margin-top: 190px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-190 {
    margin-top: 190px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-190 {
    margin-top: 190px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-190 {
    margin-right: 190px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-190 {
    margin-right: 190px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-190 {
    margin-right: 190px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-190 {
    margin-right: 190px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-190 {
    margin-bottom: 190px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-190 {
    margin-bottom: 190px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-190 {
    margin-bottom: 190px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-190 {
    margin-bottom: 190px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-190 {
    margin-left: 190px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-190 {
    margin-left: 190px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-190 {
    margin-left: 190px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-190 {
    margin-left: 190px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--190 {
    margin-top: -190px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--190 {
    margin-top: -190px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--190 {
    margin-top: -190px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--190 {
    margin-top: -190px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--190 {
    margin-right: -190px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--190 {
    margin-right: -190px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--190 {
    margin-right: -190px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--190 {
    margin-right: -190px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--190 {
    margin-bottom: -190px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--190 {
    margin-bottom: -190px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--190 {
    margin-bottom: -190px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--190 {
    margin-bottom: -190px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--190 {
    margin-left: -190px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--190 {
    margin-left: -190px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--190 {
    margin-left: -190px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--190 {
    margin-left: -190px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-200 {
    margin-top: 200px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-200 {
    margin-top: 200px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-200 {
    margin-top: 200px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-200 {
    margin-top: 200px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-200 {
    margin-right: 200px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-200 {
    margin-right: 200px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-200 {
    margin-right: 200px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-200 {
    margin-right: 200px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-200 {
    margin-bottom: 200px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-200 {
    margin-bottom: 200px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-200 {
    margin-bottom: 200px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-200 {
    margin-bottom: 200px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-200 {
    margin-left: 200px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-200 {
    margin-left: 200px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-200 {
    margin-left: 200px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-200 {
    margin-left: 200px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--200 {
    margin-top: -200px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--200 {
    margin-top: -200px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--200 {
    margin-top: -200px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--200 {
    margin-top: -200px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--200 {
    margin-right: -200px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--200 {
    margin-right: -200px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--200 {
    margin-right: -200px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--200 {
    margin-right: -200px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--200 {
    margin-bottom: -200px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--200 {
    margin-bottom: -200px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--200 {
    margin-bottom: -200px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--200 {
    margin-bottom: -200px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--200 {
    margin-left: -200px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--200 {
    margin-left: -200px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--200 {
    margin-left: -200px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--200 {
    margin-left: -200px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-0 {
    margin-right: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-0 {
    margin-right: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-0 {
    margin-right: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-0 {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-0 {
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-0 {
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-0 {
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-0 {
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--0 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--0 {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--0 {
    margin-right: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--0 {
    margin-right: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--0 {
    margin-right: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--0 {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--0 {
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--0 {
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--0 {
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--0 {
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs-15 {
    margin-top: 15px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm-15 {
    margin-top: 15px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md-15 {
    margin-top: 15px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg-15 {
    margin-top: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs-15 {
    margin-right: 15px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm-15 {
    margin-right: 15px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md-15 {
    margin-right: 15px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg-15 {
    margin-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs-15 {
    margin-bottom: 15px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm-15 {
    margin-bottom: 15px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md-15 {
    margin-bottom: 15px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg-15 {
    margin-bottom: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs-15 {
    margin-left: 15px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm-15 {
    margin-left: 15px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md-15 {
    margin-left: 15px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg-15 {
    margin-left: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt-xs--15 {
    margin-top: -15px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mt-sm--15 {
    margin-top: -15px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mt-md--15 {
    margin-top: -15px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mt-lg--15 {
    margin-top: -15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mr-xs--15 {
    margin-right: -15px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mr-sm--15 {
    margin-right: -15px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mr-md--15 {
    margin-right: -15px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mr-lg--15 {
    margin-right: -15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-xs--15 {
    margin-bottom: -15px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mb-sm--15 {
    margin-bottom: -15px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .mb-md--15 {
    margin-bottom: -15px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .mb-lg--15 {
    margin-bottom: -15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .ml-xs--15 {
    margin-left: -15px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ml-sm--15 {
    margin-left: -15px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .ml-md--15 {
    margin-left: -15px !important;
  }
}
@media only screen and (min-width: 1336px) {
  .ml-lg--15 {
    margin-left: -15px !important;
  }
}
/* Responsive text alignment modifiers
/* (c) Devoth Design 2014
-------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .text-xs-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-sm-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .text-md-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 1336px) {
  .text-lg-center {
    text-align: center !important;
  }
}
@media only screen and (max-width: 767px) {
  .text-xs-left {
    text-align: left !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-sm-left {
    text-align: left !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .text-md-left {
    text-align: left !important;
  }
}
@media only screen and (min-width: 1336px) {
  .text-lg-left {
    text-align: left !important;
  }
}
@media only screen and (max-width: 767px) {
  .text-xs-right {
    text-align: right !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .text-sm-right {
    text-align: right !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .text-md-right {
    text-align: right !important;
  }
}
@media only screen and (min-width: 1336px) {
  .text-lg-right {
    text-align: right !important;
  }
}
/* Responsive inline block visibility modifiers
/* (c) Devoth Design 2014
-------------------------------------------------- */
.visible-ib-xs,
.visible-ib-sm,
.visible-ib-md,
.visible-ib-lg {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .visible-ib-xs {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .visible-ib-sm {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .visible-ib-md {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 1336px) {
  .visible-ib-lg {
    display: inline-block !important;
  }
}
.visible-sxs {
  display: none !important;
}
@media (max-width: 479px) {
  .visible-sxs {
    display: block !important;
  }
}
@media (max-width: 479px) {
  .hidden-sxs {
    display: none !important;
  }
}
body {
  background-color: #ff6f23;
  background-image: url(../img/header-clouds-xs.png), url(../img/bg-xs.png);
  background-position: center top, center top;
  background-repeat: no-repeat;
  font-family: 'HelveticaNeueLTCom55Roman', Helvetica, Arial, sans-serif;
  color: #717171;
}
@media only screen and (min-width: 768px) {
  body {
    background-image: url(../img/header-clouds-sm.png), url(../img/bg-sm.jpg);
  }
}
@media only screen and (min-width: 1024px) {
  body {
    background-image: url(../img/header-clouds-md.png), url(../img/bg-md.jpg);
  }
}
@media only screen and (min-width: 1336px) {
  body {
    background-image: url(../img/header-clouds-lg.png), url(../img/bg-lg.jpg);
  }
  body.js {
    background-image: url(../img/bg-lg.jpg);
  }
}
.content-page {
  background-image: url(../img/header-clouds-xs.png);
  background-size: auto;
}
@media only screen and (min-width: 768px) {
  .content-page {
    background-image: url(../img/header-clouds-content-sm.png), url(../img/content-bg-wheat-sm.png);
  }
}
@media only screen and (min-width: 1024px) {
  .content-page {
    background-image: url(../img/header-clouds-content-md.png), url(../img/content-bg-wheat-md.png);
  }
}
@media only screen and (min-width: 1336px) {
  .content-page {
    background-image: url(../img/header-clouds-content-lg.png), url(../img/content-bg-wheat-lg.png);
      background-position: 50% 10px, center top;
  }
}
.product-page {
  background-image: url(../img/header-clouds-xs.png), url(../img/bg-xs.png);
  background-size: auto;
}
@media only screen and (min-width: 768px) {
  .product-page {
    background-image: url(../img/header-clouds-product-sm.png), url(../img/bg-sm.jpg);
      background-position: center top, 50% -10%;
  }
}
@media only screen and (min-width: 1024px) {
  .product-page {
    background-image: url(../img/header-clouds-product-md.png), url(../img/bg-md.jpg);
    background-position: center top, center -180px;
  }
}
@media only screen and (min-width: 1336px) {
  .product-page {
    background-image: url(../img/header-clouds-product-lg.png), url(../img/bg-lg.jpg);
    background-position: 50% 10px, center top;
  }
}
b,
strong {
  font-family: 'HelveticaNeueLTCom75Bold', Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Helvetica Neue LTCom', Helvetica, Arial, sans-serif;
  color: #ee820f;
}
h1.inverted,
h2.inverted,
h3.inverted,
h4.inverted,
h5.inverted,
h6.inverted,
.h1.inverted,
.h2.inverted,
.h3.inverted,
.h4.inverted,
.h5.inverted,
.h6.inverted {
  font-family: 'HelveticaNeueLTCom75Bold', Helvetica, Arial, sans-serif;
  color: #41291b;
}
.subheadline {
  margin-top: 0;
}
h1,
.h1 {
  font-size: 30px;
}
h2,
.h2 {
  font-size: 26px;
}
h3,
.h3 {
  font-size: 20px;
}
h4,
.h4 {
  font-size: 16px;
}
.link-white {
  color: white;
}
.content {
  background-color: #fff;
}
.strip-orange {
  background-color: #ea650b;
}
.strip-white {
  background-color: #fff;
}
.strip-green {
  background-color: green;
}
/* horizontal line rules
-------------------------------------------------- */
hr {
  background: url(../img/hr.png) repeat-x;
  margin: 40px 0 0;
  width: 100%;
  border: 0;
  border: none;
  display: block;
  height: 6px;
}
@media only screen and (min-width: 768px) {
  hr {
    margin: 40px 0;
  }
}
hr.inverted {
  background: url(../img/hr-inverted.png) repeat-x;
}
.hr-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* vertical rule lines
-------------------------------------------------- */
@media only screen and (min-width: 1024px) {
  .vr-l-md {
    position: relative;
  }
  .vr-l-md:after {
    content: ' ';
    background: url(../img/highlight-line-vert.png) left top no-repeat;
    width: 3px;
    height: 357px;
    display: block;
    position: absolute;
    left: -30px;
    top: 0;
  }
}
@media only screen and (min-width: 1336px) {
  .vr-l-lg {
    position: relative;
  }
  .vr-l-lg:after {
    content: ' ';
    background: url(../img/highlight-line-vert.png) left top no-repeat;
    width: 3px;
    height: 357px;
    display: block;
    position: absolute;
    left: -30px;
    top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .vr-r-md {
    position: relative;
  }

  .vr-l-lg:after {
    content: ' ';
    background: url(../img/highlight-line-vert.png) left top no-repeat;
    width: 3px;
    height: 357px;
    display: block;
    position: absolute;
    left: -30px;
    top: 0;
  }

  .vr-r-md:after {
    content: ' ';
    background: url(../img/highlight-line-vert.png) right top no-repeat;
    width: 3px;
    height: 357px;
    display: block;
    position: absolute;
    left: -30px;
    top: 0;
  }
}
@media only screen and (min-width: 1336px) {
  .vr-r-lg {
    position: relative;
  }
  .vr-r-lg:after {
    content: ' ';
    background: url(../img/highlight-line-vert.png) right top no-repeat;
    width: 3px;
    height: 357px;
    display: block;
    position: absolute;
    right: -30px;
    top: 0;
  }
}
.img-super-responsive {
  display: block;
  width: 100%;
  height: auto;
}
.middot {
  font-size: 1.2em;
  line-height: 1;
  padding: 0 3px;
}
.remove-this-class {
  background-color: rgba(0, 0, 0, 0.14);
  min-height: 300px;
}
.design-note {
  background-color: red;
  color: white;
  padding: 10px;
  border-radius: 10px;
}
.handwritten {
  font-family: 'Bradley Hand ITC', 'Comic Sans MS', Chalkboard, cursive, sans-serif;
    font-weight:bold;
}
.read-more {
  display: inline-block;
}
.read-more .glyphicon {
  font-size: 10px;
}
.back-to-top {
  text-decoration: none;
  width: 39px;
  height: 39px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  z-index: 1000;
}
.form-control {
  height: 36px;
  padding: 3px 0px 0px 9px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 3px 3px rgba(0, 0, 0, 0.1), inset 0 0 10px rgba(1, 2, 2, 0.09);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 3px 3px rgba(0, 0, 0, 0.1), inset 0 0 10px rgba(1, 2, 2, 0.09);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 3px 3px rgba(0, 0, 0, 0.1), inset 0 0 10px rgba(1, 2, 2, 0.09);
}
.form-submit {
  padding-top: 10px;
  padding-right: 9px;
}
.form-submit .glyphicon {
  font-size: 12px;
}
.btn {
  font-family: 'Helvetica Neue LTCom', Helvetica, Arial, sans-serif;
}
.btn-default,
.btn-default:hover {
  border: 1px solid #dbdbdb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSI5MC41JSIgeDI9IjUwJSIgeTI9IjkuNDk5OTk5OTk5OTk5OTklIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA5Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.09) 9.5%, rgba(0, 0, 0, 0) 90.5%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.09) 9.5%, rgba(0, 0, 0, 0) 90.5%);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.09) 9.5%, rgba(0, 0, 0, 0) 90.5%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.09) 9.5%, rgba(0, 0, 0, 0) 90.5%);
  color: #f0932f;
  font-size: 16px;
  line-height: 1.2;
}
.btn-primary {
  border: 1px solid #dbdbdb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSI5NC41JSIgeDI9IjUwJSIgeTI9IjUuNDk5OTk5OTk5OTk5OTklIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNmYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZmY2ZjIzIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWQ4MTBmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
  background-image: -moz-linear-gradient(bottom, #ff6f23 5.5%, #ff6f23 23.67%, #ed810f 94.5%);
  background-image: -o-linear-gradient(bottom, #ff6f23 5.5%, #ff6f23 23.67%, #ed810f 94.5%);
  background-image: -webkit-linear-gradient(bottom, #ff6f23 5.5%, #ff6f23 23.67%, #ed810f 94.5%);
  background-image: linear-gradient(bottom, #ff6f23 5.5%, #ff6f23 23.67%, #ed810f 94.5%);
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
}
.btn-primary:hover {
  background-color: #f0932f;
  border-color: #ea650b;
}
.header {
  position: relative;
  z-index: 20;
}
.header__logo {
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 1336px) {
  .header__logo {
    text-align: left;
    position: absolute;
  }
  body.home .header__logo {
    display:none;
  }
}
.header__logo img {
  margin-top: 33px;
  width: 171px;
    height: 102px;
}
@media only screen and (min-width: 768px) {
  .header__logo img {
    margin-top: 20px;
    width: 219px;
  }
}
@media only screen and (min-width: 1024px) {
  .header__logo img {
    margin-top: 25px;
    width: 272px;
  }
}
@media only screen and (min-width: 768px) {
  .header__logo.logo--subpage {
    text-align: left;
    margin-left: 67px;
  }
}
@media only screen and (min-width: 1024px) {
  .header__logo.logo--subpage {
    margin-left: 90px;
  }
}
@media only screen and (min-width: 1336px) {
  .header__logo.logo--subpage {
    margin-left: 0px;
    position: absolute;
  }
}
@media only screen and (min-width: 768px) {
  .header__logo.logo--subpage img {
    margin-top: 15px;
    width: 187px;
  }
}
@media only screen and (min-width: 1024px) {
  .header__logo.logo--subpage img {
    margin-top: 14px;
    width: 187px;
  }
}
@media only screen and (min-width: 1024px) {
  .header__logo.logo--subpage img {
    margin-top: 28px;
    width: 188px;
  }
}
@media only screen and (min-width: 768px) {
  .header__logo.logo--productpage {
    text-align: left;
    margin-left: 67px;
  }
}
@media only screen and (min-width: 1024px) {
  .header__logo.logo--productpage {
    margin-left: 90px;
  }
}
@media only screen and (min-width: 1336px) {
  .header__logo.logo--productpage {
    margin-left: 0px;
    position: absolute;
  }
}
@media only screen and (min-width: 768px) {
  .header__logo.logo--productpage img {
    margin-top: 15px;
    width: 187px;
      height: 112px;
  }
}
@media only screen and (min-width: 1024px) {
  .header__logo.logo--productpage img {
    margin-top: 14px;
    width: 187px;
  }
}
@media only screen and (min-width: 1024px) {
  .header__logo.logo--productpage img {
    margin-top: 28px;
    width: 188px;
      height: 133px;
  }
}
.bulleted-nav {
  padding: 10px;
  margin-top: 20px;

}
.bulleted-nav li {
  list-style: none;
  display: inline;
  margin: 10px 0;
  position: relative;
}
.bulleted-nav li a {
  color: #f0932f;
  font-size: 14px;
  font-family: 'HelveticaNeueLTCom75Bold', Helvetica, Arial, sans-serif;
  display: inline-block;
  padding: 5px 4px;
}
.bulleted-nav li:before {
  content: '·';
  font-size: 40px;
  line-height: 1em;
  color: #f0932f;
  margin: 2px 3px 0 2px;
  display: inline-block;
  vertical-align: middle;
}
.bulleted-nav li:first-child:before {
  content: '';
  margin: 0;
}
@media only screen and (max-width: 479px) {
  .bulleted-nav .nav-breaker-sxs + li:before {
    content: '';
    margin: 0;
  }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  .bulleted-nav {
    font-size: 16px;
  }
  .bulleted-nav .nav-breaker-xs + li:before {
    content: '';
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .bulleted-nav .nav-breaker-sm + li:before {
    content: '';
    margin: 0;
  }
}
.header__lang-search-social {
  padding: 14px 0 0 0;
  float: right;
  position: relative;
  z-index: 10;
}
.header__lang-search-social .lang-link {
  background-image: url(../img/language-border.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  line-height: 1;
  padding: 3px 3px 4px 4px;
  margin-top: 5px;
  float: left;
}
.header__lang-search-social .lang-link img {
  vertical-align: middle;
}
.header__lang-search-social .search-form {
  position: relative;
  margin: 0 7px 0 15px;
  display: inline-block;
  float: left;
}
.header__lang-search-social .search-form input[type=text] {
  width: 168px;
  height: 34px;
  line-height: 38px;
  padding: 0 15px;
  border: none;
  color: #fff;
  text-shadow: 1px 1px 0 #d30007;
  font-family: 'HelveticaNeueLTCom75Bold', Helvetica, Arial, sans-serif;
  background: url('../img/search-input-medium.png') 0 0 no-repeat;
}

.header__lang-search-social .search-form input[type=text]:-moz-placeholder{
    color: #fff;
    opacity: 1;
}
.header__lang-search-social .search-form input[type=text]::-moz-placeholder{
    color: #fff;
    opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .header__lang-search-social .search-form input[type=text] {
    width: 111px;
    background: url('../img/search-input-small.png') 0 0 no-repeat;

  }


}
.header__lang-search-social .search-form input[type=submit] {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  height: 17px;
  z-index: 5;
  border: none;
  background: url('../img/search-lupe.png') 0 0 no-repeat;
}
.header__lang-search-social .search-form ::-webkit-input-placeholder {
  color: #fff;
  text-shadow: 1px 1px 0 #d30007;
}
.header__lang-search-social .search-form :-moz-input-placeholder {
  opacity: 1;
  color: #fff;
  text-shadow: 1px 1px 0 #d30007;
}
.header__lang-search-social .search-form :-ms-input-placeholder {
  color: #fff;
  text-shadow: 1px 1px 0 #d30007;
}
.header__lang-search-social .social-links {
  float: left;
  display: inline-block;
}
.header__lang-search-social .social-link {
  background-image: url(../img/social-border.png);
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 1;
  padding: 2px 5px;
  margin-top: 4px;
  margin-left: 0px;
  float: left;
}
.header__lang-search-social .social-link img {
  vertical-align: middle;
}
.navbar-default {
  background-color: transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: none;
}
@media only screen and (min-width: 480px) {
  .navbar-nav {
    text-align: center;
  }
}
@media only screen and (min-width: 1336px) {
  .navbar-nav {
    text-align: center;
  }
}
.header__navigation {
  margin-top: 23px;
}
@media only screen and (min-width: 768px) {
  .header__navigation {
    margin-top: 70px;
    margin-left: -40px;
    margin-right: -40px;
  }
}
@media only screen and (min-width: 1024px) {
  .header__navigation {
    margin-top: 55px;
  }
}
@media only screen and (min-width: 1336px) {
  .header__navigation {
    margin-top: 30px;
    margin-right: -30px;
  }
}
@media only screen and (min-width: 768px) {
  .content-page .header__navigation {
    margin-top: 30px;

  }
}
@media only screen and (min-width: 768px) {
  .header__navigation.navigation--productpage {
    margin-top: 30px;
    margin-left: -80px;
    /*margin-right: -40px;*/
    width:881px;
  }
}
@media only screen and (min-width: 1024px) {
  .header__navigation.navigation--productpage {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1336px) {
  .header__navigation.navigation--productpage {
    /*margin-right: -30px;*/
    width:881px;
  }
}
.header__navigation nav {
  border: none;
}
.header__navigation nav b.caret {
  display: none;
}
@media only screen and (max-width: 767px) {
  .header__navigation nav b.caret {
    width: 14px;
    height: 8px;
    background: url('../img/down-arrow-nav.png') top center no-repeat transparent;
    border: none;
    display: inline-block;
  }
}
.header__navigation nav .dropdown-menu {
  box-shadow: none;
}
.header__navigation nav .navbar-collapse {
  background: url('../img/menu-bg-768.png') 50% 50% no-repeat;
}

@media only screen and (min-width: 1336px) {
    .header__navigation nav .navbar-collapse{
        position: relative;
        right: -77px;
    }

    .header__navigation.navigation--productpage .navbar-collapse{
        right: -57px;
    }

}



.header__navigation nav .navbar-collapse .navbar-nav {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .header__navigation nav .navbar-collapse .navbar-nav > li {
    text-align: left;
    list-style: none;
    display: inline-block;
    float: none;
  }
  .header__navigation nav .navbar-collapse .navbar-nav > li > a {
    color: #fff;
    text-shadow: 1px 1px 0 #de281d;
    font-size: 25px;
    font-family: 'Helvetica Neue LTCom', Helvetica, Arial, sans-serif;
    padding: 13px 2px 8px 22px;
      top: -2px;
        position: relative;
  }

    .header__navigation nav .navbar-collapse .navbar-nav > li.dropdown > a{
        padding: 7px 22px 9px 22px;
    }

    .mac .header__navigation nav .navbar-collapse .navbar-nav > li > a{
        padding-top: 13px;
        top: 3px;
        position: relative;

    }


  .header__navigation nav .navbar-collapse .navbar-nav > li > a.active {
    background-color: #fff;
    background-image: none !important;
    color: #f0932f;
    text-shadow: none;
    position: relative;
    padding: 7px 12px 9px 16px;
      margin-left: 16px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow: 0 2px 1px 0 #de281d;
    -webkit-box-shadow: 0 2px 1px 0 #de281d;
    -o-box-shadow: 0 2px 1px 0 #de281d;
    box-shadow: 0 2px 1px 0 #de281d;
  }

    .mac .header__navigation nav .navbar-collapse .navbar-nav > li > a.active{
        padding: 10px 12px 3px 16px;
    }

  .header__navigation nav .navbar-collapse .navbar-nav > li > a.active:after {
    content: '';
    background: url('../img/toggle-button-hover.png') no-repeat;
    width: 20px;
    height: 20px;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    z-index: 5;
  }
  .header__navigation nav .navbar-collapse .navbar-nav > li > a.dropdown-toggle {
    background-image: url('../img/down-arrow-nav-white.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-color: none;
  }
  .header__navigation nav .navbar-collapse .navbar-nav > .open > a.dropdown-toggle {
    background: #fff;
    background-image: none;
    color: #f0932f;
    text-shadow: none;
    position: relative;
    padding: 7px 13px 8px 16px;
      margin-left: 15px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow: 0 2px 1px 0 #de281d;
    -webkit-box-shadow: 0 2px 1px 0 #de281d;
    -o-box-shadow: 0 2px 1px 0 #de281d;
    box-shadow: 0 2px 1px 0 #de281d;
  }

    .mac .header__navigation nav .navbar-collapse .navbar-nav > .open > a.dropdown-toggle {
        padding: 10px 13px 3px 16px;
    }

  .header__navigation nav .navbar-collapse .navbar-nav > .open > a:after {
    content: '';
    background: url('../img/toggle-button-hover.png') no-repeat;
    width: 20px;
    height: 20px;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    z-index: 5;
  }
  .header__navigation nav .navbar-collapse .navbar-nav > li > .dropdown-menu {
    margin-top: 17px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) {
    .header__navigation nav .navbar-collapse .navbar-nav .item-102.active.dropdown-horizontal > .dropdown-menu,
    .header__navigation nav .navbar-collapse .navbar-nav .item-261.active.dropdown-horizontal > .dropdown-menu{
        display:block;
        background-image: none;
        margin-left: 20px;
    }



  .header__navigation nav .navbar-collapse .navbar-nav .dropdown-horizontal > .dropdown-menu {
    background-color: transparent;
    width: auto;
    padding: 0;
    border: none;
    min-width: 650px;
  }
  .header__navigation nav .navbar-collapse .navbar-nav .dropdown-horizontal > .dropdown-menu > li {
    float: left;
    width: auto;
    display: inline-block;
    padding: 2px 5px;
      height: 40px;
  }
  .header__navigation nav .navbar-collapse .navbar-nav .dropdown-horizontal > .dropdown-menu > li a {
    color: #fff;
    text-shadow: 1px 1px 0 #de281d;
    font-size: 18px;
    font-family: 'Helvetica Neue LTCom', Helvetica, Arial, sans-serif;
    padding: 0px 0px 3px 0px;
      background-color: transparent;
      line-height: 14px;
  }
  .header__navigation nav .navbar-collapse .navbar-nav .dropdown-horizontal > .dropdown-menu > li a:hover,
    .header__navigation nav .navbar-collapse .navbar-nav .dropdown-horizontal > .dropdown-menu > li a.active{
    background: none;
    border-bottom: 1px solid #fff;
  }
}
@media only screen and (max-width: 767px) {
  .header__navigation nav .navbar-collapse .navbar-nav .dropdown-horizontal > .dropdown-menu {
    background-color: transparent;
    width: auto;
    padding: 0;
    border: none;
  }
  .header__navigation nav .navbar-collapse .navbar-nav .dropdown-horizontal > .dropdown-menu > li a {
    color: #fff;
    text-shadow: 1px 1px 0 #de281d;
    font-size: 16px;
    font-family: 'Helvetica Neue LTCom', Helvetica, Arial, sans-serif;
    text-shadow: none;
    color: #f0932f;
    padding: 15px 0;
  }
  .header__navigation nav .navbar-collapse .navbar-nav .dropdown-horizontal > .dropdown-menu > li a:hover {
    background: none;
    border-bottom: none;
  }

  .header__navigation nav .navbar-collapse .navbar-nav .dropdown-horizontal > .dropdown-menu > li:first-child {
    background: url('../img/dropdownShadow_top.png') top center no-repeat;
  }

  .header__navigation nav .navbar-collapse .navbar-nav .dropdown-horizontal > .dropdown-menu > li:last-child {
    border-bottom: none;
    background: url('../img/dropdownShadow_bottom.png') bottom center no-repeat;
  }


    body.product-page .header__navigation nav .navbar-collapse .navbar-nav .dropdown-horizontal > .dropdown-menu > li:last-child{
        background: none;

    }

}
.header__navigation nav .navbar-collapse .navbar-nav .product-grid-min-md {
  padding: 10px 60px 7px 0;
  background-image: url(../img/corn-submenu2.png);
  background-position: right center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .header__navigation nav .navbar-collapse .navbar-nav .product-grid-min-md {
    display: none;
  }

    .footer__mobile-nav nav .navbar-collapse .navbar-nav .dropdown.open .product-grid-min-md{
        display: block;
    }

    .footer__mobile-nav nav .navbar-collapse .navbar-nav .dropdown.open > ul > li > ul.product-grid-min-md{
        display:none;
    }

}
.header__navigation nav .navbar-collapse .navbar-nav .product-grid-min-md > li {
  width: 100%;
  display: block;
}

.header__navigation nav .navbar-collapse .navbar-nav .product-grid-min-md a.active{
  border-bottom: 1px solid #f9d9b6;
    color: white;
}

.header__navigation nav .navbar-collapse .navbar-nav .product-grid-min-md a {
  width: auto;
  color: #f0932f;
  font-family: 'Helvetica Neue LTCom', Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-shadow: none;
  padding: 6px 20px 4px 20px;

}


.header__navigation nav .navbar-collapse .navbar-nav .product-grid-min-md a span.nav-arrow-right {
  background-image: url(../img/right-arrow-subnav-orange.png);
  background-position: right center;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 5px;
}
.header__navigation nav .navbar-collapse .navbar-nav .product-grid-min-md .last-child {
  border-bottom: none;
  padding-bottom: 5px;
}
.header__navigation nav .navbar-collapse .navbar-nav .product-grid-min-md a:hover {
  background: #f0932f;
  color: #fff;
}
.header__navigation nav .navbar-collapse .navbar-nav .product-grid-min-md a:hover span.nav-arrow-right {
  background-image: url(../img/right-arrow-subnav-white.png);
}
.header__navigation nav .navbar-collapse .navbar-nav .product-grid-min-md .header__nav__productimage {
  float: right;
  width: 0;
  position: absolute;
  right: -190px;
  padding: 0;
  display: block;
  top: 0;
    display:none;
}
.header__navigation nav .navbar-collapse .navbar-nav .item-102 .product-grid-min-md  .header__nav__productimage,
.header__navigation nav .navbar-collapse .navbar-nav .item-261 .product-grid-min-md  .header__nav__productimage{
    display: block;
}


@media only screen and (max-width: 767px) {
  .header__navigation nav .navbar-header {
    background: url('../img/menu-bg-320.png') 50% 50% no-repeat;
    background-color: transparent;
    border: none;
    text-align: center;
    height: 55px;
    position: relative;
    z-index: 10;
  }
}
@media (max-width: 767px) {
  .header__navigation nav .navbar-header .navbar-toggle:hover {
    background: #fff;
  }


    .mac .header__navigation nav .navbar-header .navbar-toggle:hover,
    .mac .header__navigation nav .navbar-header .navbar-toggle:focus {
        top: 5px;
    }

    .mac .header__navigation nav .navbar-header .navbar-toggle.collapsed:hover,
    .mac .header__navigation nav .navbar-header .navbar-toggle.collapsed:focus {
        top: 5px;
    }

  .header__navigation nav .navbar-header .navbar-toggle:hover .navbar-label{
    color: #f0932f;
    text-shadow: none;
  }


    .mac .header__navigation nav .navbar-header .navbar-toggle.collapsed:hover .navbar-label,
    .mac .header__navigation nav .navbar-header .navbar-toggle.collapsed:focus .navbar-label{
        padding: 14px 0px 14px 0px;
    }

  .header__navigation nav .navbar-header .navbar-toggle:hover span.icon-bar {
    background: #f0932f;
    -moz-box-shadow: 0 0 0 0 none;
    -webkit-box-shadow: 0 0 0 0 none;
    -o-box-shadow: 0 0 0 0 none;
    box-shadow: 0 0 0 0 none;
  }
}
.header__navigation nav .navbar-header .navbar-toggle:focus {
  background: #fff;
}


.header__navigation nav .navbar-header .navbar-toggle:focus .navbar-label {
  color: #f0932f;
  text-shadow: none;
}
.header__navigation nav .navbar-header .navbar-toggle:focus span.icon-bar {
  background: #f0932f;
  text-shadow: none;
}
.header__navigation nav .navbar-header button {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .header__navigation nav .navbar-header button {
    float: none;
    margin: 0 auto;
    border: none;
    width: auto;
    text-align: center;
    display: inline-block;
    padding: 0px 25px;
    background: #fff;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
      top: 4px;
  }

    .mac .header__navigation nav .navbar-header button{
        top: 5px;
    }
}
.header__navigation nav .navbar-header button .navbar-label {
  color: #fff;
  text-shadow: 1px 1px 0 #de281d;
  font-size: 30px;
  font-family: 'Helvetica Neue LTCom', Helvetica, Arial, sans-serif;
  color: #f0932f;
  text-shadow: none;
  text-transform: uppercase;
  display: inline-block;
  margin: 0px auto -10px auto;

    line-height: 30px;
    padding: 9px 0px 18px 0px;

}

.mac .header__navigation nav .navbar-header button .navbar-label {
    position: relative;
    padding:  13px 0px 14px 0px;
}

.mac .header__navigation nav .navbar-header button.collapsed .navbar-label{
    padding: 9px 0px 18px 0px;
}


.header__navigation nav .navbar-header button .burger-icon {
  display: inline-block;
  width: 22px;
  margin: 0 0 4px 5px;
}
.header__navigation nav .navbar-header button span.icon-bar {
  background: #f0932f;
  -moz-box-shadow: 1px 1px 0 0 #de281d;
  -webkit-box-shadow: 1px 1px 0 0 #de281d;
  -o-box-shadow: 1px 1px 0 0 #de281d;
  box-shadow: 1px 1px 0 0 #de281d;
  height: 2px;
}
.header__navigation nav .navbar-header button:after {
  content: '';
  background: url('../img/toggle-button-hover.png') no-repeat;
  width: 20px;
  height: 20px;
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  z-index: 5;
}
.header__navigation nav .navbar-header .collapsed {
  background: none;
}

.mac .header__navigation nav .navbar-header .collapsed {
    top: 9px;
}

.header__navigation nav .navbar-header .collapsed span {
  color: #fff;
  text-shadow: 1px 1px 0 #de281d;
}

.mac .header__navigation nav .navbar-header .collapsed span.nav-label {
    padding: 13px 0px 14px 0px;
}

.header__navigation nav .navbar-header .collapsed span.icon-bar {
  background: #fff;
}
.header__navigation nav .navbar-header .collapsed:after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .header__navigation nav .navbar-collapse {
    background: none;
    border: none;
    /*overflow-x: auto;*/
    overflow: visible;
    height: 100%;
    max-height: 100%;
  }
  .header__navigation nav .navbar-collapse .navbar-nav {
    margin: 0px 0;
    background: #fff;
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 10;
  }
  .header__navigation nav .navbar-collapse .navbar-nav li {
    text-align: center;
    border-bottom: 1px solid #f9d9b6;
  }
  .header__navigation nav .navbar-collapse .navbar-nav li a {
    font-size: 24px;
    color: #f0932f;
    font-family: 'Helvetica Neue LTCom', Helvetica, Arial, sans-serif;
    padding: 20px 0 16px 0;
  }
  .header__navigation nav .navbar-collapse .navbar-nav li .product-grid-max-sm {
    padding: 0 15px;
    position: relative;
    border-bottom: 1px solid #f9d9b6;
    width: 100%;
  }

  .header__navigation nav .navbar-collapse .navbar-nav li .product-grid-max-sm:after{
  	content: ' ';
  	clear: both;
  	display:block;
  }

  .header__navigation nav .navbar-collapse .navbar-nav li .product-grid-max-sm li {
    width: 50%;
    float: left;
    display: inline;
    text-align: center;
    margin: 10px 0;
    border-bottom: none;
  }
  .header__navigation nav .navbar-collapse .navbar-nav li .product-grid-max-sm li img {
    margin: 0 auto 20px auto;
    max-width: 100%;
  }
  .header__navigation nav .navbar-collapse .navbar-nav li .product-grid-max-sm li a {
    font-size: 16px;
    color: #f0932f;
  }
  .header__navigation nav .navbar-collapse .navbar-nav li .product-grid:before {
    content: "";
    background: url('../img/dropdownShadow_top.png') top center no-repeat;
    width: 100%;
    height: 13px;
    display: block;
    top: 1px;
    left: 0;
    z-index: 0;
    position: absolute;
  }
  .header__navigation nav .navbar-collapse .navbar-nav li .open {
    background: #fff;
    color: #f0932f;
  }
}

@media only screen and (max-width: 479px) {
    .header__navigation nav .navbar-collapse .navbar-nav li .product-grid-max-sm li{
        width: 100%;
    }
}


@media only screen and (min-width: 768px) {
  .header__navigation nav .navbar-collapse .product-grid-max-sm {
    display: none;
  }
}
.header__navigation nav .navbar-collapse .social-search-wrapper {
  background: url('../img/mobileMenu_wheat_left_bg.png') bottom left no-repeat, url('../img/mobileMenu_wheat_right_bg.png') bottom right no-repeat #ffffff;
  text-align: center;
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 10;
}
.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia {
  padding: 20px 10px 60px 10px;
  position: relative;
  text-align: left;
  margin-bottom: 20px;
}


.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia .no-padding {
  padding: 0;
}
.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia a.lang-change {
  width: auto;
  float: left;
  background: url('../img/social-border.png') 50% 50% no-repeat;
  margin: 6px 0 0 0;
}
.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia form {
  width: 70%;
  float: left;
}
.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia form input {
  border: 2px solid #fae1c5;
  padding: 5px 15px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  width: 100%;
  margin: 0 10%;
  background: url('../img/orangeZoomTool.png') right center no-repeat;
  background-color: white;
  color: #f0932f;
  font-weight: bold;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #f0932f;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #f0932f;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #f0932f;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #f0932f;
}

@media screen and (min-width:1280px) {
	.flow-wrapper, .center-wrapper{
		height:800px !important;
	}
}

@media only screen and (min-width: 480px) {
	.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia.w320{
		display:none;
	}
}

@media only screen and (max-width: 767px) {
    .mobile-nav-modal{
	 	position: fixed;
	 	z-index: 9;
	 	background-color: rgba(0,0,0, 0.5);
	 	width: 100%;
	 	height: 100%;
	 	top: 0px;
	 	left: 0px;
	 }

    .socialmedia .custom{
        float:right;
        position:relative;
        top: 6px;
    }
}

@media only screen and (max-width: 479px) {
	.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia{
		display:none;
	}

    .header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia.w320 .lang-link.lang-change{
        position:absolute;
        top: 65px;
    }


	.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia.w320{
		display:block;
		padding-bottom: 85px;
	}
	.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia.w320 form{
		width: 100%;
		margin-bottom: 3px;
	}
	.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia.w320 form input{
		margin: 0;

	}
	.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia.w320 form input:after{
		content: ' ';
		display:block;
		clear: both;
	}
}



.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia .socialmedia form ::-webkit-input-placeholder {
  color: #f0932f;
  text-shadow: 1px 1px 0 #d30007;
}
.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia .socialmedia form :-moz-input-placeholder {
  opacity: 1;
  color: #f0932f;
}
.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia .socialmedia form :-ms-input-placeholder {
  color: #f0932f;
}
.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia p.sm-holder {
  float: right;
  width: auto;
  display: inline;
}
.header__navigation nav .navbar-collapse .social-search-wrapper .socialmedia p.sm-holder a {
  background: url('../img/social-border.png') 50% 50% no-repeat;
  display: inline-block;
  padding: 5px;
  float: left;
}
@media only screen and (max-width: 767px) {
  .header__navigation nav {
    background-color: none;
    border: none;
  }
}
.highlights {
  margin-top: 40px;
}
@media only screen and (min-width: 1336px) {
  .js .highlights {
    margin-top: 640px;
  }
}
.highlight {
  background-color: #fff;
  padding: 12px;
  margin-bottom: 25px;
  border: 1px solid rgba(186, 57, 20, 0.4);
  -moz-box-shadow: 0 13px 5px -10px #a43b14, 0 1px 3px rgba(241, 70, 23, 0.6), 0 0 10px #ff5c1f;
  -webkit-box-shadow: 0 13px 5px -10px #a43b14, 0 1px 3px rgba(241, 70, 23, 0.6), 0 0 10px #ff5c1f;
  box-shadow: 0 13px 5px -10px #a43b14, 0 1px 3px rgba(241, 70, 23, 0.6), 0 0 10px #ff5c1f;
  position: relative;
    padding-bottom: 7px;
}
.highlight hr {
  margin: 5px 0;
}
.highlight--new:before {
  content: ' ';
  background-image: url('../img/ribbon-new.png');
  width: 120px;
  height: 109px;
  display: block;
  position: absolute;
  top: -38px;
  left: -12px;
}
.highlight__headline {
  color: #41291b;
  font-size: 21px;
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom: 0;
}
.highlight__desc {
  line-height: 24px;
  color: #ee820f;
    font-size: 14px;
}
.highlight__link {
  background-image: url('../img/highlight-link.png');
  background-position: right center;
  background-repeat: no-repeat;
  font-size: 22px;
  font-family: 'Bradley Hand ITC', 'Comic Sans MS', Chalkboard, cursive, sans-serif;
  text-align: right;
  color: #41291b;
  display: block;
  padding-right: 35px;
    font-weight: bold;
}
.highlight__link:hover {
  color: #ed810f;
  text-decoration: none;
}
/* notes
-------------------------------------------------- */
.taped-note {
  background-image: url(../img/quality-bg.png);
  background-position: left top;
  background-repeat: repeat-y;
  background-color: #fff;
  padding: 12px 20px 20px;
  border: 1px solid rgba(186, 57, 20, 0.4);
  -moz-box-shadow: 0 13px 5px -10px #a43b14, 0 1px 3px rgba(241, 70, 23, 0.6), 0 0 10px #ff5c1f;
  -webkit-box-shadow: 0 13px 5px -10px #a43b14, 0 1px 3px rgba(241, 70, 23, 0.6), 0 0 10px #ff5c1f;
  box-shadow: 0 13px 5px -10px #a43b14, 0 1px 3px rgba(241, 70, 23, 0.6), 0 0 10px #ff5c1f;
  position: relative;
}
.home .taped-note {
  max-width: 276px;
  height: 565px;
  margin: 0 auto;
  padding: 0;
  background: transparent url('../img/brandt-qualitaetsversprechen.png') 0 0 no-repeat;
  background-size: 100% auto;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.home .taped-note:before {
  background: none;
}
.home .taped-note .note__headline,
.home .taped-note .highlight__desc {
  display: none;
}
@media only screen and (min-width: 480px) {
  .taped-note {
    background-position: 36px top;
  }
}
@media only screen and (max-width: 768px) {
  .home .taped-note {
    max-width: none;
  }
}
@media only screen and (min-width: 480px) {
  .home .taped-note {
    height: 770px;
  }
}
@media only screen and (min-width: 642px) {
  .home .taped-note {
    height: 926px;
  }
}
@media only screen and (min-width: 768px) {
  .home .taped-note {
    height: 390px;
    /*background-position: 22px top;*/
    /*padding: 12px 20px 38px;*/
  }
}
@media only screen and (min-width: 1024px) {
  .taped-note {
    background-position: 2px top;
  }
}
.taped-note:before {
  content: ' ';
  background-image: url(../img/tape.png);
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  height: 30px;
  display: block;
  position: absolute;
  left: 0px;
  top: -14px;
}
.note__headline {
  font-size: 26px;
  text-align: center;
  line-height: 1.5;
  margin-top: 13px;
  margin-bottom: 0;
  color: #41291b;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .highlights .note__headline {
    margin-top: 30px;
  }
}
.taped-note.taped-note--orange {
  background: #ee820f;
  color: white;
  line-height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #ed810f;
  -moz-box-shadow: 0 14px 5px -10px rgba(0, 0, 0, 0.2), 0 1px 3px -1px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 14px 5px -10px rgba(0, 0, 0, 0.2), 0 1px 3px -1px rgba(0, 0, 0, 0.6);
  box-shadow: 0 14px 5px -10px rgba(0, 0, 0, 0.2), 0 1px 3px -1px rgba(0, 0, 0, 0.6);
}
.taped-note.taped-note--orange .note__headline {
  line-height: 1.5;
  color: white;
  margin-bottom: 10px;
}
.stylized-list {
  font-family: 'HelveticaNeueLTCom75Bold', Helvetica, Arial, sans-serif;
  list-style-type: none;
  margin: 22px 0px 0px;
  padding: 0;
}
.stylized-list li {
  background: transparent url(../img/bulletpoint.png) 0px 5px no-repeat;
  line-height: 22px;
  padding: 0px 0px 14px 38px;
  display: block;
}
.taped-note .stylized-list {
  background: transparent url(../img/note-grid.png) 0 0 repeat;
  font-family: inherit;
    font-weight:normal;
  text-align: left;
  color: #40281b;
  margin-top: 0px;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;

}


@media only screen and (min-width: 320px) {
  .taped-note .stylized-list {
    padding-top: 23px;
  }
}
@media only screen and (min-width: 480px) {
  .taped-note .stylized-list {
    padding-left: 62px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .taped-note .stylized-list {
    padding-left: 42px;
    padding-right: 30px;
    padding-top: 23px;
    margin-bottom: 56px;
  }
}
@media only screen and (min-width: 1024px) {
  .taped-note .stylized-list {
    padding-left: 24px;
    padding-right: 30px;
    margin-bottom: 8px;
  }

  .taped-note .stylized-list li{
  	float:left;
  	margin-right: 20px;

  }

  .taped-note .stylized-list:AFTER {
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
	height: 0;
	visibility: hidden;
  }

}

@media only screen and (min-width: 1336px) {
	.taped-note .stylized-list li{
		font-size: 12px;
	}

}



.box {
  background-color: #fefefe;
  -moz-box-shadow: 0 0px 0px 1px rgba(219, 220, 222, 0.9), 0 1px 3px rgba(0, 0, 0, 0.08), 0 6px 4px -5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0px 0px 1px rgba(219, 220, 222, 0.9), 0 1px 3px rgba(0, 0, 0, 0.08), 0 6px 4px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0px 0px 1px rgba(219, 220, 222, 0.9), 0 1px 3px rgba(0, 0, 0, 0.08), 0 6px 4px -5px rgba(0, 0, 0, 0.4);
  padding: 12px;
    margin-bottom: 10px;
}
.content-area {
  -moz-box-shadow: 0 3px 15px #d30707;
  -webkit-box-shadow: 0 3px 15px #d30707;
  box-shadow: 0 3px 5px #d30707;
  margin-top: 19px;
  margin-left: 25px;
  margin-right: 25px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .content-area {
    margin-top: 26px;
    margin-left: auto;
    margin-right: auto;
    width: 654px;
  }
  .content-area .container {
    width: 604px;
  }
}
@media only screen and (min-width: 1024px) {
  .content-area {
    margin-top: 31px;
    width: 898px;
  }
  .content-area .container {
    width: 848px;
  }
}
@media only screen and (min-width: 1336px) {
  .content-area {
    margin-top: 39px;
    width: 1194px;
  }
  .content-area .container {
    width: 1144px;
  }
}
.breadcrumbs {
  background: none;
  font-family: 'HelveticaNeueLTCom75Bold', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #fff;
  text-shadow: 1px 1px 0 #d30007;
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  position: absolute;
  top: -35px;
  display: none;
}
@media only screen and (min-width: 480px) {
  .breadcrumbs {
    display: block;
  }
}
.breadcrumbs li {
  margin-right: 6px;
  margin-left: 0;
  display: inline-block;
  float: left;
}
.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs li:before,
.breadcrumbs .active {
  color: #fff;
}
.breadcrumbs li:before {
  content: " ";
  background: url(../img/breadcrumb-bullet.png) 0 2px no-repeat;
  margin-right: 6px;
  margin-left: 0px;
  padding: 0;
  width: 27px;
  height: 13px;
  display: inline-block;
}
.breadcrumbs li:first-of-type:before {
  display: none;
}
.hero-image {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 30px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .hero-image {
    margin-left: -40px;
    margin-right: -40px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-image {
    margin-left: -40px;
    margin-right: -40px;
  }
}
@media only screen and (min-width: 1336px) {
  .hero-image {
    margin-left: -40px;
    margin-right: -40px;
  }
}
.hero-image__headline {
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8);
  margin: 0;
  padding: 17px 15px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .hero-image__headline {
    background: rgba(255, 255, 255, 0.7);
    padding: 20px 40px 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-image__headline {
    padding: 25px 40px 15px;
  }
}
@media only screen and (min-width: 1336px) {
  .hero-image__headline {
    padding: 30px 40px 20px;

      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-8 */



  }
}
.route-headline {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .route-submit {
    margin-right: auto;
    margin-left: auto;
    max-width: 124px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .route-submit {
    font-size: 14px;
    width: 104px;
    position: relative;
    left: -10px;
  }
}
.route-submit img {
  margin: 0 auto;
  display: block;
  margin-top: 7px;
  margin-bottom: 7px;
}
.route-submit .glyphicon {
  font-size: 12px;
}
.photo-box {
  width: 100%;
  float: left;
  margin: 0;
}
.photo-box img {
  margin: 0 0 22px 0;
  padding: 9px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  max-width: 100%;
  box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.35);
}
@media only screen and (min-width: 480px) {
  .photo-box img {
    margin: 0 0 30px 0;
  }
}
@media only screen and (min-width: 768px) {
  .photo-box img {
    margin: 0 0 34px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .photo-box img {
    margin: 0 0 26px 0;
  }
}
@media only screen and (min-width: 1336px) {
  .photo-box img {
    margin: 0 0 26px 0;
  }
}
.dandelion {
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .dandelion {
    right: -25px;
    top: -20px;
  }
  .dandelion + .taped-note {
    margin-top: 125px;
    height: 483px;
  }
}
@media only screen and (min-width: 1024px) {
  .dandelion {
    right: -25px;
  }
  .dandelion + .taped-note {
    margin-top: 333px;
    height: 275px
  }
}
@media only screen and (min-width: 1336px) {
  .dandelion {
    right: -25px;
    top: 0;
  }
  .dandelion + .taped-note {
    margin-top: 290px;
    height: 316px;
  }
}
.download-title {
  font-family: 'HelveticaNeueLTCom75Bold', Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.btn-download {
  padding-top: 10px;
}
.btn-download .glyphicon {
  font-size: 12px;
}
.footer {
  background: #fff;
  -moz-box-shadow: 0 10px 15px #ea650b;
  -webkit-box-shadow: 0 10px 15px #ea650b;
  box-shadow: 0 10px 5px #ea650b;
  padding-top: 0px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .footer__mobile-nav .navbar {
    margin-bottom: 0;
  }
}
.footer__mobile-nav nav {
  border: none;
}
.footer__mobile-nav nav .navbar-header {
  background-color: transparent;
  border: none;
  text-align: center;
}
.footer__mobile-nav nav .navbar-header .navbar-toggle:hover,
.footer__mobile-nav nav .navbar-header .navbar-toggle:focus {
  background: none;
}
.footer__mobile-nav nav .navbar-header button {
  position: relative;
  float: none;
  margin: 0 auto;
  border: none;
  width: auto;
  text-align: center;
  display: inline-block;
  padding: 0px 25px;
  background: #fff;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
.footer__mobile-nav nav .navbar-header button .navbar-label {
  color: #fff;
  text-shadow: 1px 1px 0 #de281d;
  font-size: 30px;
  font-family: 'Helvetica Neue LTCom', Helvetica, Arial, sans-serif;
  color: #f0932f;
  text-shadow: none;
  text-transform: uppercase;
  display: inline-block;
  margin: 12px auto 0 auto;
}
.footer__mobile-nav nav .navbar-header button .burger-icon {
  display: inline-block;
  width: 22px;
  margin: 0 0 4px 5px;
}
.footer__mobile-nav nav .navbar-header button span.icon-bar {
  background: #f0932f;
  text-shadow: 1px 1px 0 #de281d;
  height: 2px;
}
.footer__mobile-nav nav .navbar-header .collapsed {
  background: none;
}
.footer__mobile-nav nav .navbar-header .collapsed span {
  color: #f0932f;
  text-shadow: none;
}
.footer__mobile-nav nav .navbar-header .collapsed span.icon-bar {
  background: #f0932f;
  -moz-box-shadow: 0 0 0 0 0;
  -webkit-box-shadow: 0 0 0 0 0;
  -o-box-shadow: 0 0 0 0 0;
  box-shadow: 0 0 0 0 0;
}
.footer__mobile-nav nav .navbar-header .collapsed:after {
  display: none;
}
.footer__mobile-nav nav .navbar-collapse {
  background: none;
  border: none;
  overflow-x: auto;
  height: 100%;
  max-height: 100%;
}
.footer__mobile-nav nav .navbar-collapse .navbar-nav {
  margin: 20px 0;
  background: #fff;
}
.footer__mobile-nav nav .navbar-collapse .navbar-nav li {
  text-align: center;
  border-bottom: 1px solid #f9d9b6;
}
.footer__mobile-nav nav .navbar-collapse .navbar-nav li a {
  font-size: 16px;
  color: #f0932f;
  font-family: 'Helvetica Neue LTCom', Helvetica, Arial, sans-serif;
  padding: 14px 0 10px 0;
}
.footer__mobile-nav nav .navbar-collapse .navbar-nav li .open {
  background: #fff;
  color: #f0932f;
}
.footer__mobile-nav nav .navbar-collapse .navbar-nav > li.active > a {
  color: #fff;
  background: #f0932f;
}
.footer--contained {
  margin-left: 25px;
  margin-right: 25px;
}
@media only screen and (min-width: 768px) {
  .footer--contained {
    margin-left: auto;
    margin-right: auto;
    width: 654px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer--contained {
    width: 898px;
  }
}
@media only screen and (min-width: 1336px) {
  .footer--contained {
    width: 1194px;
  }
}
.footer__nav-container {
  padding-top: 60px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .footer--contained .footer__nav-container {
    padding-top: 40px;
  }
}
.footer__detailed-nav {
  padding-left: 142px;
  margin-top: 28px;
  margin-bottom: 4px;
}
@media only screen and (min-width: 768px) {
  .footer__detailed-nav {
    padding-left: 195px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer__detailed-nav {
    padding-left: 137px;
  }
}
@media only screen and (min-width: 1336px) {
  .footer__detailed-nav {
    margin-top: 10px;
    margin-bottom: 2px;
    padding-left: 130px;
  }
}
.footer__detailed-nav li {
  font-family: 'HelveticaNeueLTCom75Bold', Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  color: #ee820f;
  margin: 0 0px;
  display: inline;
}
.footer__detailed-nav li::before {
  content: '·';
  margin: 0 9px 0 5px;
}
.footer__detailed-nav li:first-child::before {
  content: '';
  margin: 0;
}
.footer__detailed-nav li a {
  font-size: 14px;
  line-height: 20px;
  color: #ee820f;
  display: inline-block;
}
@media only screen and (min-width: 1024px) and (max-width: 1335px) {
  .footer__detailed-nav .nav-breaker-md + li::before {
    content: '';
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__detailed-nav .nav-breaker-sm + li::before {
    content: '';
    margin: 0;
  }
}
.footer__logo {
  width: 117px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .footer__logo {
    clear: both;
  }
}
@media only screen and (min-width: 768px) {
  .footer__logo {
    position: absolute;
    z-index: 9999;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__logo {
    left: 0;
    top: 38px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer__logo {
    left: 0;
    top: 15px;
  }
}
@media only screen and (min-width: 1336px) {
  .footer__logo {
    margin-left: 0;
  }
}
.footer__contact {
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .footer__contact {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
      padding-left: 110px;
  }
}
@media only screen and (min-width: 1336px) {
  .footer__contact {
    padding-left: 130px;
    text-align: left;
  }
}
.footer__company-name {
  background: url(../img/adress.png) left center no-repeat;
  padding-top: 2px;
  padding-left: 15px;
  margin-right: 10px;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .footer__company-name {
    margin-right: 0;
  }
}
.footer__address {
  line-height: 18px;
}
.footer__phonenumber {
  background: url(../img/phone.png) left center no-repeat;
  font-size: 18px;
  padding-top: 2px;
  padding-left: 25px;
  margin-top: 30px;
  display: inline-block;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .footer__phonenumber {
    background-size: 12px;
    font-size: 12px;
    margin-top: 0;
    margin-right: 10px;
    padding-left: 16px;
    display: inline;
  }
}
.footer__mail {
  background: url(../img/mail.png) left center no-repeat;
  font-size: 18px;
  padding-top: 2px;
  padding-left: 30px;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .footer__mail {
    background-size: 17px;
    font-size: 12px;
    margin-right: 10px;
    padding-left: 20px;
  }
}
.footer hr {
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}
.slider__container {
  margin: 0px 0 0 0;
}
.slider__container .respond-to-md {
  margin: 100px 0 0 0;
}


.slider__container img.img-responsive{
    float:right;
}

.product__container > ul:after{
    content: ' ';
    clear: both;
    display:block;

}


.product__container {
  margin: 20px 0 0 0;
}
.product__container .respond-to-md {
  margin: 100px 0 0 0;
}
.product__container p {
  color: #fff;
  text-shadow: 1px 1px 0 rgba(211, 0, 7, 0.56);
  line-height: 1.7;
}
.product__container h2 {
  font-size: 3rem;
  text-shadow: 1px 1px 0 rgba(211, 0, 7, 0.56);
}
.product__link-list li {
  list-style: none;
  margin-bottom: 0px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    overflow: visible !important;
	margin-top: 15px !important;
}
.product__link-list li a {
  position: relative;
  z-index: 1;
  line-height: 46px;
  font-size: 33px;
  font-family: 'Bradley Hand ITC', 'Comic Sans MS', Chalkboard, cursive, sans-serif;
  color: #ffffff;
  text-shadow: 2px 1px 0 rgba(211, 0, 7, 0.56);
  display: block;
}
.product__link-list li a:hover {
  text-decoration: none !important;

}
.product__icon-naehrwerte {
  background-color: #fff;
  box-shadow: 0px 2px 0px #d30007;
  width: 46px;
  height: 46px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  border-bottom: none;
  border-radius: 50px;
  line-height: 46px;
  margin-bottom: -12px;
  margin-right: 5px;
  background-image: url(../img/icon-naehrwert.png);
}
.product__icon-naehrwerte.inactive {
  background-color: transparent;
  box-shadow: none;
}
.product__icon-naehrwerte.inactive:before {
  background-image: url(../img/icon-background-orange.png);
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
}
.product__icon-naehrwerte.inactive {
  background-image: url(../img/icon-naehrwert-white.png);
}
.product__icon-zutaten {
  background-color: #fff;
  box-shadow: 0px 2px 0px #d30007;
  width: 46px;
  height: 46px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  border-bottom: none;
  border-radius: 50px;
  line-height: 46px;
  margin-bottom: -12px;
  margin-right: 7px;
  background-image: url(../img/icon-zutat.png);
}
.product__icon-zutaten.inactive {
  background-color: transparent;
  box-shadow: none;
}
.product__icon-zutaten.inactive:before {
  background-image: url(../img/icon-background-orange.png);
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
}
.product__icon-zutaten.inactive {
  background-image: url(../img/icon-zutat-white.png);
}
.product__icon-allergene {
  background-color: #fff;
  box-shadow: 0px 2px 0px #d30007;
  width: 46px;
  height: 46px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  border-bottom: none;
  border-radius: 50px;
  line-height: 46px;
  margin-bottom: -12px;
  margin-right: 7px;
  background-image: url(../img/icon-allergene.png);
}
.product__icon-allergene.inactive {
  background-color: transparent;
  box-shadow: none;
}
.product__icon-allergene.inactive:before {
  background-image: url(../img/icon-background-orange.png);
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
}
.product__icon-allergene.inactive {
  background-image: url(../img/icon-allergene-white.png);
}
.product__icon-rezepte {
  background-color: #fff;
  box-shadow: 0px 2px 0px #d30007;
  width: 46px;
  height: 46px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  border-bottom: none;
  border-radius: 50px;
  line-height: 46px;
  margin-bottom: -12px;
  margin-right: 7px;
  background-image: url(../img/icon-rezepte.png);
}
.product__icon-rezepte.inactive {
  background-color: transparent;
  box-shadow: none;
}
.product__icon-rezepte.inactive:before {
  background-image: url(../img/icon-background-orange.png);
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
    left: auto;
}
.product__icon-rezepte.inactive {
  background-image: url(../img/icon-rezepte-white.png);
}
.product__icon-kaufen {
  background-color: #fff;
  box-shadow: 0px 2px 0px #d30007;
  width: 46px;
  height: 46px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  border-bottom: none;
  border-radius: 50px;
  line-height: 46px;
  margin-bottom: -12px;
  margin-right: 7px;
  background-image: url(../img/icon-kaufen.png);
}
.product__icon-kaufen.inactive {
  background-color: transparent;
  box-shadow: none;
}
.product__icon-kaufen.inactive:before {
  background-image: url(../img/icon-background-orange.png);
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
    left: auto;
}
.product__icon-kaufen.inactive {
  background-image: url(../img/icon-kaufen-white.png);
}
.product-down-arrow {
  background-image: url(../img/product-arrow-down.png);
  width: 14px;
  height: 10px;
  display: inline-block;
  margin-left: 5px;
}
.product-right-arrow {
  background-image: url(../img/product-arrow-right.png);
  width: 10px;
  height: 13px;
  display: inline-block;
  margin-left: 5px;
}

.product__link-list__information-wrapper {
  margin-top: -50px;
  position: relative;
  margin-bottom: 20px;
 top: -2px;
    float:left;
    width: 100%;

}

@media only screen and (max-width: 767px){
    .product__link-list__information-wrapper {
      margin-top: -35px;
    }

}

@media only screen and (min-width: 768px){
    .product__link-list__information-wrapper{
        margin-top: -35px;

    }
}

.product__link-list__information-wrapper:before {
  content: ' ';
  width: 47px;
  height: 90px;
  display: block;
  position: absolute;
  left: -47px;
  bottom: 2%;
  background: url(../img/blume_bg.png) no-repeat bottom right;
}
.product__link-list__information-wrapper:after {
  content: ' ';
  width: 119px;
  height: 213px;
  display: block;
  position: absolute;
  right: -119px;
  bottom: 2%;
  background: url(../img/getreide_bg.png) no-repeat bottom left;
}
.product__link-list__information-wrapper .glyphicon {
  float: right;
  width: auto;
  font-size: 24px;
  margin: 0px 0 10px 0;
  text-shadow: none;
  opacity: 0.5;
  color: #fff;
  z-index: 999;
}
.product__link-list__information-wrapper .glyphicon:hover {
  opacity: 1;
}
.product__link-list__3-col-table {
  width: 100%;
  font-size: 12px;
  color: #41291b;
  position: relative;
  background-color: white;
    border: 1px solid #dedede;
  -moz-box-shadow: 0 11px 21px -4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 11px 21px -4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 11px 21px -4px rgba(0, 0, 0, 0.3);
}
.product__link-list__3-col-table:before {
  border-left: 1px solid #f1e9ea;
  border-right: 1px solid #f1e9ea;
  content: "";
  display: inline-block;
  width: 6px;
  height: 100%;
  left: 7px;
  position: absolute;
  top: 0;
}
.product__link-list__3-col-table:after {
  border-right: 1px solid #f1e9ea;
  border-left: 1px solid #f1e9ea;
  content: "";
  display: inline-block;
  width: 6px;
  height: 100%;
  position: absolute;
  right: 7px;
  top: 0;
}
.product__link-list__3-col-table td:first-child {
  padding: 3px 8px;
}
.product__link-list__3-col-table td:nth-child(3),
.product__link-list__3-col-table th:nth-child(3){
  border-left: 1px solid #f1e9ea;
  border-right: 1px solid #f1e9ea;
  padding-left: 5px;
}

@media only screen and (min-width: 1024px) {
    .product__link-list__3-col-table td:nth-child(3),
    .product__link-list__3-col-table th:nth-child(3){
        white-space: nowrap;
    }
}

.product__link-list__3-col-table td:nth-child(4),
.product__link-list__3-col-table th:nth-child(4) {
  padding-left: 5px;
}
.product__link-list__3-col-table tr {
  border-bottom: 1px solid #e2f1f7;
}
.product__link-list__3-col-table td {
  padding: 3px 0;
  line-height: 16px;
}
.product__link-list__3-col-table th {
  padding: 10px 2px;
  font-size: 13px;
    color: #40281b;

}

.product__link-list__3-col-table p{
    color: black;
    text-shadow: none;
    padding-right: 15px;
}

.carousel-indicators li,
.carousel-indicators li.active {
  width: auto !important;
  height: auto !important;
  border: none;
  text-indent: 0;
  margin: 0 10px 0 0;
  opacity: 1;
  border-radius: 0;
  background-color: transparent;
}
.carousel-indicators li .respond-to-xs,
.carousel-indicators li.active .respond-to-xs {
  margin: 0 40px 0 0;
}
.carousel-indicators li img,
.carousel-indicators li.active img {
  margin-bottom: 0;
  display: block;
}
.carousel-indicators li.active {
  opacity: 0.4;
}
.carousel-indicators {
  background: url('../img/product_slider_thumb_background.png') top center repeat-y;
  width: 100%;
  margin: 0px auto 0;
  height: 120px;
  text-align: center;
  padding: 15px 0;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  position: relative;
}
.carousel-indicators li {
  display: inline-block;
  padding: 0 15px;
}
@media (max-width: 510px) {
  .carousel-indicators li {
    padding: 0 2px;
  }
}



.carousel-control {
  background-image: none !important;
    width: 5%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  top: 170px;
  font-size: 32px;
}
@media only screen and (min-width: 768px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    top: 140px;
  }
}
@media only screen and (min-width: 1024px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    font-size: 49px;
  }
}
.carousel-control.right {
  right: 0px;
}
.carousel-control.left {
  left: 0px;
}
.carousel-control .respond-to-xs .icon-prev,
.carousel-control .respond-to-xs .icon-next,
.carousel-control .respond-to-xs .glyphicon-chevron-left,
.carousel-control .respond-to-xs .glyphicon-chevron-right {
  font-size: 70px;
  top: 500px;
}
#product-carousel {
  padding: 0 15px;
    margin-top: 35px;
}
.product__teaser {
  padding: 0 0px;
  margin-bottom:-2px;
}

.product__teaser  p{
	line-height: 20px;
    font-weight: bold;
}

.strip-white  > .container .custom > h1{
	margin-top: 60px;
}

@media only screen and (min-width: 1336px) {
    .product__teaser{
        width: 110%;
    }
}

body.home h1{
    font-size: 26px;
    margin-top: 60px;
}

.product__teaser span.handfont {
  font-family: 'Bradley Hand ITC', 'Comic Sans MS', Chalkboard, cursive, sans-serif;
  font-weight:  bold;
  color: #ffffff;
    margin-top: 56px;
    font-size: 35px;
    line-height: 1.25;
    margin-bottom: 10px;
}

.product__teaser p{
    margin-top: 10px;
}
.product__teaser p a {
  color: #ffd654;
}
.product__teaser p a .glyphicon {
  font-size: 10px;
}
.animation-slider {
  text-align: center;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 10;
  margin-top: -60px;
}
@media only screen and (min-width: 768px) {
  .animation-slider {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 1024px) {
  .animation-slider {
    margin-top: -180px;
  }
}
@media only screen and (min-width: 1336px) {
  .animation-slider {
    margin-top: 0;
    position: absolute;
    top: 0px;
  }
}
#Stage-mobile {
  margin-right: auto;
  margin-left: auto;
}
#Stage {
  margin-right: auto;
  margin-left: auto;
}


.close-mobile-nav{
	text-align: right;
	position: relative;
	color: white;
	font-size: 24px;
	cursor: pointer;
	z-index: 10;
    height: 20px;
    top: -20px;
}

.close-mobile-nav:hover{
	text-decoration: none;
	color: white;
}
.dropdown-menu.product-grid-max-sm .img-responsive{
	background-color: #fff;
  -moz-box-shadow: 0 3px 5px -10px #a43b14, 0 1px 3px rgba(241, 70, 23, 0.6), 0 0 5px #ff5c1f;
  -webkit-box-shadow: 0 3px 5px -10px #a43b14, 0 1px 3px rgba(241, 70, 23, 0.6), 0 0 5px #ff5c1f;
  box-shadow: 0 3px 5px -10px #a43b14, 0 1px 3px rgba(241, 70, 23, 0.6), 0 0 5px #ff5c1f;
  position: relative;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
	background-color: white;

}



@media only screen and (max-width: 767px){
	.dropdown.open > ul.dropdown-menu{
		background-color: #e7e7e7 !important;

	}
}
@media only screen and (max-width: 320px){
    .visible-320{
        display: none !important;
    }
}
@media only screen and (min-width: 321px){
    .visible-320{
        display: inherit;
    }
}


.product__link-list.hidden-320{
    margin-top: 0px;
    padding-left: 15px;
}



@media only screen and (max-width: 320px){
    .hidden-320{
        display:inherit;
    }

    .carousel-indicators li img, .carousel-indicators li.active img{
        width: 35px !important;
    }
}
@media only screen and (min-width: 321px){
    .hidden-320{
        display:none;
    }
}



@media only screen and (max-width: 767px){

    .carousel-indicators li img, .carousel-indicators li.active img{
        width: 40px;
    }


    ul.product__link-list li{
        float:left;
        margin-right: 15px;
    }



    ul.product__link-list li:last-child{
        margin-right: 0px;
    }

    ul.product__link-list li > div{

    }

    ul.product__link-list > li > a{
        font-family: 'HelveticaNeueLTCom46Roman', Helvetica, Arial, sans-serif;
        font-size: 10px;
        width: 46px;
        font-weight: bold;
        text-align: center;
        background-color: transparent !important;
        border: none !important;
        padding-left: 0px;
        padding-right: 0px;
        text-shadow: none;
        color: white;
        cursor: pointer;
    }
    ul.product__link-list > li.active > a,
    ul.product__link-list > li > a:hover{
        background-image: url( '../img/arrow-up.png' );
        background-position: bottom center;
        background-repeat: no-repeat;
        display: block;
        background-color: transparent;
        color: white !important;
    }

    ul.product__link-list > li.visible-320 > a:hover{
        background: none;
    }


    ul.product__link-list.hidden-320 > li.active > a,
    ul.product__link-list.hidden-320 > li > a:hover{
        background: none;
    }

    ul.product__link-list > li > a > span{
        margin-bottom: -25px;
    }

    ul.product__link-list > li > a .product-down-arrow,
    ul.product__link-list > li > a .product-right-arrow{
        display:none;
    }
}

@media only screen and (min-width: 480px){
    ul.product__link-list li{
        margin-right: 37px;
    }
}

@media only screen and (max-width: 767px){

    .col-md-8 .custom,
    .social-sidebar{
        padding: 0px 15px;
    }

}


.clear{
    clear: both;
    display: block;
}

.nav.nav-tabs.product__link-list{
    border: none;
    margin-left: 15px;
}


body.nonresponsive .content-area .container{
    width: 1194px;
    min-width: 1194px;
    position: relative;
}

body.home header.container .col-sm-6.col-sm-pull-6.col-lg-6.col-lg-pull-6{
    right: auto;
}

body.nonresponsive .content-area .container .contentpanenonresponsive,
body.nonresponsive .strip-white,
body.nonresponsive .strip-orange,
body.nonresponsive footer .container{
    width: 1122px;
}



body.nonresponsive .strip-white{
    width: 1122px;
}

@media only screen and (min-width: 1336px){
    body.nonresponsive .strip-white,
    body.nonresponsive footer .container,
    body.nonresponsive .strip-orange{
        width: 1194px !important;
    }
}


body.nonresponsive .content-area .container .contentpanenonresponsive iframe{
    width: 95%;
}

@media only screen and (min-width: 1336px){
    body.nonresponsive .content-area .container .contentpanenonresponsive iframe{
        width: 100%;
    }

    body.nonresponsive .content-area .container .contentpanenonresponsive{
        width: 1164px;
    }
}


body.nonresponsive footer > .container{
    background-color: white;
    width: 1122px;;
}

@media only screen and (max-width: 767px){
    body.nonresponsive footer > .container{
        width: 1122px;
    }
}

body.nonresponsive .strip-orange{
    position: relative;
    z-index: 999;
    width: 1122px;
}

@media only screen and (max-width: 767px){
    body.nonresponsive footer{

    }
}




body.nonresponsive .content-area,
body.nonresponsive footer.footer--contained,
body.nonresponsive .strip-orange,
body.nonresponsive .strip-white
{
    width: 1194px !important;
    min-width: 1194px !important;
}


body.content-page .header.container{
    margin-bottom: 22px;
}

:focus,
a:focus{
	outline:none !important;
     text-decoration: none !important;
}
::-moz-focus-inner,
a::-moz-focus-inner{
	border:0 !important;
    text-decoration: none !important;
}

.panel-group{
	margin-bottom: 8px;
}

.form-group{
    margin-bottom: 13px;
}

#routesubmit{
    padding: 4px 12px;
}


body.nonresponsive figure.hero-image{
    margin-left: -15px;
    margin-right: -15px;

}


.container.slider__container .image-container{
    float: right;
    width: 100%;
}


body.product-page .product__icon-rezepte.inactive:before,
body.product-page .product__icon-kaufen.inactive:before{
    left: 0px;
}

@media only screen and (max-width: 767px){
    .footer__mobile-nav.header__navigation nav .navbar-collapse .navbar-nav li.active.dropdown-horizontal > .dropdown-menu > li a{
        color: #f0932f !important;
    }
}

@media only screen and (min-width: 480px){
    body.product-page #product-carousel .carousel-inner{
        min-height: 820px;
    }
}


@media only screen and (min-width: 768px){
    body.product-page #product-carousel .carousel-inner{
        min-height: 650px;
    }
}


@media only screen and (min-width: 1024px){
    body.product-page #product-carousel .carousel-inner{
        min-height: 610px;
    }
}

@media only screen and (min-width: 1336px){
    body.product-page #product-carousel .carousel-inner{
        min-height: 600px;
    }
}

textarea.form-control {
height: 134px;
}

body.site.geschichte-erfahren h3{
    display:none;
}



body.product-page .dropdown-menu.product-grid-min-sm.producs{
    display:none;
}


@media only screen and (min-width: 768px){
    body.product-page .header__navigation nav .navbar-collapse .navbar-nav .item-102.active.dropdown-horizontal > .dropdown-menu,
    body.product-page .header__navigation nav .navbar-collapse .navbar-nav .item-261.active.dropdown-horizontal > .dropdown-menu{
        display:none;
    }

    body.product-page .dropdown-menu.product-grid-min-sm.producs{
        display: block !important;
    }
}
.icon_tabs .jmm-title {
    display: none;
}
.jmm-simple-tabs .nav-tabs {
    border-bottom: 2px solid #ef891c;
}
.jmm-simple-tabs .nav-tabs > li {
    margin-bottom: -2px;
}
.jmm-simple-tabs .nav > li > a:hover, .jmm-simple-tabs .nav > li > a:focus {
    background-color: transparent;
    border: medium none;
}
.nav-tabs > li > a {
    border: medium none;
    z-index: 20;
}
.tab-content {
    padding-top: 40px;
}
.nav-tabs > li {
    height: 95px;
    position: relative;
}
@media only screen and (min-width: 642px) {
.nav-tabs > li::after {
    background-color: #fff;
    border-bottom: 2px solid #ef891c;
    border-right: 2px solid #ef891c;
    bottom: -19px;
    content: "";
    display: none;
    height: 38px;
    left: 50%;
    margin-left: -19px;
    position: absolute;
    transform: rotate(45deg);
    width: 38px;
    z-index: 10;
}
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: medium none;
}
.nav-tabs > li.active::after, .nav-tabs > li.active::after, .nav-tabs > li.active::after {
    display: block;
}
.tab-pane {
    min-height: 348px;
    position: relative;
}
.tab-pane .mv_tab_img {
    position: absolute;
    right: -310px;
    top: 0;
}
@media only screen and (max-width: 1336px) {
.jmm-simple-tabs .nav-tabs > li {
    height: 85px;
    width: 104px;
}
.tab-pane .mv_tab_img {
    position: static;
}
a[href="#Sonnenblumenl-163-1"] {
    padding-top: 20px;
}
}
@media only screen and (max-width: 642px) {
.jmm-simple-tabs .nav-tabs > li {
    width: 33.333%;
}
.nav-tabs > li.active::after, .nav-tabs > li.active::after, .nav-tabs > li.active::after {
    display: none;
}
}
@media only screen and (max-width: 358px) {
.jmm-simple-tabs .nav-tabs > li {
    width: 50%;
}
}