@charset "UTF-8";
/*!
 * Bootstrap Reboot & Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
@import url("//hello.myfonts.net/count/3b67af");
@import url("https://fonts.googleapis.com/css2?family=Grandstander:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Grandstander:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
@-ms-viewport {
  width: device-width; }

/*
@mixin labelStyle() {
    
}
@mixin subtitleStyle() {
    
}
*/
/*
// .icon {
//     font-size: 10px;
//     &:before {
//       content:' ';
//       vertical-align:middle;
//       display: inline-block;
//       background-image: url("../scss/svg/svg-sprite.svg");
//       background-repeat: no-repeat;
//       background-size: 21.8em 303.4em;

//       .no-svg & {
//         background-image: url("../svg-sprite.png");
//       }
//     }
// }


// 

// .icon.all-hover-svg {
//   &:before {
//       background-position: 0em 0em;
//       width: 4.2em;
//       height: 3.2em;
//     }
//   }

//   @mixin icon-all-hover-svg(){
//     @extend .all-hover-svg;
//   }
// 

// .icon.all-svg {
//   &:before {
//       background-position: 0em -3.2em;
//       width: 4.2em;
//       height: 3.1em;
//     }
//   }

//   @mixin icon-all-svg(){
//     @extend .all-svg;
//   }
// 

// .icon.app-store-svg {
//   &:before {
//       background-position: 0em -6.3em;
//       width: 11.4em;
//       height: 4em;
//     }
//   }

//   @mixin icon-app-store-svg(){
//     @extend .app-store-svg;
//   }
// 

// .icon.arrival-hover-svg {
//   &:before {
//       background-position: 0em -10.3em;
//       width: 1.8em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-arrival-hover-svg(){
//     @extend .arrival-hover-svg;
//   }
// 

// .icon.arrival-svg {
//   &:before {
//       background-position: 0em -12.1em;
//       width: 1.8em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-arrival-svg(){
//     @extend .arrival-svg;
//   }
// 

// .icon.arrow-down-small-green-svg {
//   &:before {
//       background-position: 0em -13.9em;
//       width: 0.8em;
//       height: 0.4em;
//     }
//   }

//   @mixin icon-arrow-down-small-green-svg(){
//     @extend .arrow-down-small-green-svg;
//   }
// 

// .icon.arrow-down-small-svg {
//   &:before {
//       background-position: 0em -14.3em;
//       width: 0.8em;
//       height: 0.4em;
//     }
//   }

//   @mixin icon-arrow-down-small-svg(){
//     @extend .arrow-down-small-svg;
//   }
// 

// .icon.arrow-down-svg {
//   &:before {
//       background-position: 0em -14.7em;
//       width: 1.4em;
//       height: 0.6em;
//     }
//   }

//   @mixin icon-arrow-down-svg(){
//     @extend .arrow-down-svg;
//   }
// 

// .icon.arrow-up-svg {
//   &:before {
//       background-position: 0em -15.3em;
//       width: 1.4em;
//       height: 0.6em;
//     }
//   }

//   @mixin icon-arrow-up-svg(){
//     @extend .arrow-up-svg;
//   }
// 

// .icon.best-price-guarantee-svg {
//   &:before {
//       background-position: 0em -15.9em;
//       width: 13.4em;
//       height: 13.4em;
//     }
//   }

//   @mixin icon-best-price-guarantee-svg(){
//     @extend .best-price-guarantee-svg;
//   }
// 

// .icon.best-price-lg-svg {
//   &:before {
//       background-position: 0em -29.3em;
//       width: 14em;
//       height: 14em;
//     }
//   }

//   @mixin icon-best-price-lg-svg(){
//     @extend .best-price-lg-svg;
//   }
// 

// .icon.best-price-svg {
//   &:before {
//       background-position: 0em -43.3em;
//       width: 2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-best-price-svg(){
//     @extend .best-price-svg;
//   }
// 

// .icon.calendar-svg {
//   &:before {
//       background-position: 0em -45.3em;
//       width: 0.9em;
//       height: 0.9em;
//     }
//   }

//   @mixin icon-calendar-svg(){
//     @extend .calendar-svg;
//   }
// 

// .icon.call-us-svg {
//   &:before {
//       background-position: 0em -46.2em;
//       width: 2.1em;
//       height: 2.1em;
//     }
//   }

//   @mixin icon-call-us-svg(){
//     @extend .call-us-svg;
//   }
// 

// .icon.checkbox-svg {
//   &:before {
//       background-position: 0em -48.3em;
//       width: 1.5em;
//       height: 1.2em;
//     }
//   }

//   @mixin icon-checkbox-svg(){
//     @extend .checkbox-svg;
//   }
// 

// .icon.checkbox-white-svg {
//   &:before {
//       background-position: 0em -49.5em;
//       width: 2.3em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-checkbox-white-svg(){
//     @extend .checkbox-white-svg;
//   }
// 

// .icon.close-svg {
//   &:before {
//       background-position: 0em -51.3em;
//       width: 1.2em;
//       height: 1.2em;
//     }
//   }

//   @mixin icon-close-svg(){
//     @extend .close-svg;
//   }
// 

// .icon.cookie-policy-svg {
//   &:before {
//       background-position: 0em -52.5em;
//       width: 3.2em;
//       height: 3.2em;
//     }
//   }

//   @mixin icon-cookie-policy-svg(){
//     @extend .cookie-policy-svg;
//   }
// 

// .icon.datepicker-next-svg {
//   &:before {
//       background-position: 0em -55.7em;
//       width: 0.6em;
//       height: 1.2em;
//     }
//   }

//   @mixin icon-datepicker-next-svg(){
//     @extend .datepicker-next-svg;
//   }
// 

// .icon.datepicker-prev-svg {
//   &:before {
//       background-position: 0em -56.9em;
//       width: 0.6em;
//       height: 1.2em;
//     }
//   }

//   @mixin icon-datepicker-prev-svg(){
//     @extend .datepicker-prev-svg;
//   }
// 

// .icon.departure-hover-svg {
//   &:before {
//       background-position: 0em -58.1em;
//       width: 1.8em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-departure-hover-svg(){
//     @extend .departure-hover-svg;
//   }
// 

// .icon.departure-svg {
//   &:before {
//       background-position: 0em -59.9em;
//       width: 1.8em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-departure-svg(){
//     @extend .departure-svg;
//   }
// 

// .icon.earth-green-svg {
//   &:before {
//       background-position: 0em -61.7em;
//       width: 1.8em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-earth-green-svg(){
//     @extend .earth-green-svg;
//   }
// 

// .icon.earth-svg {
//   &:before {
//       background-position: 0em -63.5em;
//       width: 1.8em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-earth-svg(){
//     @extend .earth-svg;
//   }
// 

// .icon.exel-svg {
//   &:before {
//       background-position: 0em -65.3em;
//       width: 1.2em;
//       height: 1.4em;
//     }
//   }

//   @mixin icon-exel-svg(){
//     @extend .exel-svg;
//   }
// 

// .icon.facebook-svg {
//   &:before {
//       background-position: 0em -66.7em;
//       width: 1.2em;
//       height: 2.1em;
//     }
//   }

//   @mixin icon-facebook-svg(){
//     @extend .facebook-svg;
//   }
// 

// .icon.foot-arena-logo-svg {
//   &:before {
//       background-position: 0em -68.8em;
//       width: 21em;
//       height: 9em;
//     }
//   }

//   @mixin icon-foot-arena-logo-svg(){
//     @extend .foot-arena-logo-svg;
//   }
// 

// .icon.foot-ico-ac-svg {
//   &:before {
//       background-position: 0em -77.8em;
//       width: 17.5em;
//       height: 2.9em;
//     }
//   }

//   @mixin icon-foot-ico-ac-svg(){
//     @extend .foot-ico-ac-svg;
//   }
// 

// .icon.foot-ico-artotel-svg {
//   &:before {
//       background-position: 0em -80.7em;
//       width: 10.9em;
//       height: 2.9em;
//     }
//   }

//   @mixin icon-foot-ico-artotel-svg(){
//     @extend .foot-ico-artotel-svg;
//   }
// 

// .icon.foot-ico-at-svg {
//   &:before {
//       background-position: 0em -83.6em;
//       width: 16.6em;
//       height: 2.8em;
//     }
//   }

//   @mixin icon-foot-ico-at-svg(){
//     @extend .foot-ico-at-svg;
//   }
// 

// .icon.foot-ico-facebook-svg {
//   &:before {
//       background-position: 0em -86.4em;
//       width: 3.3em;
//       height: 6.5em;
//     }
//   }

//   @mixin icon-foot-ico-facebook-svg(){
//     @extend .foot-ico-facebook-svg;
//   }
// 

// .icon.foot-ico-flickr-svg {
//   &:before {
//       background-position: 0em -92.9em;
//       width: 3.2em;
//       height: 6.5em;
//     }
//   }

//   @mixin icon-foot-ico-flickr-svg(){
//     @extend .foot-ico-flickr-svg;
//   }
// 

// .icon.foot-ico-hrva-svg {
//   &:before {
//       background-position: 0em -99.4em;
//       width: 16.4em;
//       height: 5.4em;
//     }
//   }

//   @mixin icon-foot-ico-hrva-svg(){
//     @extend .foot-ico-hrva-svg;
//   }
// 

// .icon.foot-ico-instagram-svg {
//   &:before {
//       background-position: 0em -104.8em;
//       width: 3.2em;
//       height: 6.5em;
//     }
//   }

//   @mixin icon-foot-ico-instagram-svg(){
//     @extend .foot-ico-instagram-svg;
//   }
// 

// .icon.foot-ico-istrien-svg {
//   &:before {
//       background-position: 0em -111.3em;
//       width: 7.5em;
//       height: 5em;
//     }
//   }

//   @mixin icon-foot-ico-istrien-svg(){
//     @extend .foot-ico-istrien-svg;
//   }
// 

// .icon.foot-ico-linkedin-svg {
//   &:before {
//       background-position: 0em -116.3em;
//       width: 3.2em;
//       height: 6.5em;
//     }
//   }

//   @mixin icon-foot-ico-linkedin-svg(){
//     @extend .foot-ico-linkedin-svg;
//   }
// 

// .icon.foot-ico-parkplaza-svg {
//   &:before {
//       background-position: 0em -122.8em;
//       width: 9.2em;
//       height: 7.2em;
//     }
//   }

//   @mixin icon-foot-ico-parkplaza-svg(){
//     @extend .foot-ico-parkplaza-svg;
//   }
// 

// .icon.foot-ico-pphe-svg {
//   &:before {
//       background-position: 0em -130em;
//       width: 13.4em;
//       height: 5.4em;
//     }
//   }

//   @mixin icon-foot-ico-pphe-svg(){
//     @extend .foot-ico-pphe-svg;
//   }
// 

// .icon.foot-ico-twitter-svg {
//   &:before {
//       background-position: 0em -135.4em;
//       width: 3.2em;
//       height: 6.5em;
//     }
//   }

//   @mixin icon-foot-ico-twitter-svg(){
//     @extend .foot-ico-twitter-svg;
//   }
// 

// .icon.foot-ico-youtube-svg {
//   &:before {
//       background-position: 0em -141.9em;
//       width: 3.2em;
//       height: 6.5em;
//     }
//   }

//   @mixin icon-foot-ico-youtube-svg(){
//     @extend .foot-ico-youtube-svg;
//   }
// 

// .icon.foot-logo-svg {
//   &:before {
//       background-position: 0em -148.4em;
//       width: 4.2em;
//       height: 2.8em;
//     }
//   }

//   @mixin icon-foot-logo-svg(){
//     @extend .foot-logo-svg;
//   }
// 

// .icon.g-pin-1-svg {
//   &:before {
//       background-position: 0em -151.2em;
//       width: 1.2em;
//       height: 1.6em;
//     }
//   }

//   @mixin icon-g-pin-1-svg(){
//     @extend .g-pin-1-svg;
//   }
// 

// .icon.g-pin-1-xs-svg {
//   &:before {
//       background-position: 0em -152.8em;
//       width: 0.9em;
//       height: 1.2em;
//     }
//   }

//   @mixin icon-g-pin-1-xs-svg(){
//     @extend .g-pin-1-xs-svg;
//   }
// 

// .icon.g-pin-2-svg {
//   &:before {
//       background-position: 0em -154em;
//       width: 1.2em;
//       height: 1.6em;
//     }
//   }

//   @mixin icon-g-pin-2-svg(){
//     @extend .g-pin-2-svg;
//   }
// 

// .icon.g-pin-2-xs-svg {
//   &:before {
//       background-position: 0em -155.6em;
//       width: 0.9em;
//       height: 1.2em;
//     }
//   }

//   @mixin icon-g-pin-2-xs-svg(){
//     @extend .g-pin-2-xs-svg;
//   }
// 

// .icon.gall-svg {
//   &:before {
//       background-position: 0em -156.8em;
//       width: 1.6em;
//       height: 1.6em;
//     }
//   }

//   @mixin icon-gall-svg(){
//     @extend .gall-svg;
//   }
// 

// .icon.gallery-button-svg {
//   &:before {
//       background-position: 0em -158.4em;
//       width: 1.6em;
//       height: 1.6em;
//     }
//   }

//   @mixin icon-gallery-button-svg(){
//     @extend .gallery-button-svg;
//   }
// 

// .icon.gallery-name-ico-svg {
//   &:before {
//       background-position: 0em -160em;
//       width: 4.8em;
//       height: 4.8em;
//     }
//   }

//   @mixin icon-gallery-name-ico-svg(){
//     @extend .gallery-name-ico-svg;
//   }
// 

// .icon.google-play-svg {
//   &:before {
//       background-position: 0em -164.8em;
//       width: 11.4em;
//       height: 4em;
//     }
//   }

//   @mixin icon-google-play-svg(){
//     @extend .google-play-svg;
//   }
// 

// .icon.google-plus-svg {
//   &:before {
//       background-position: 0em -168.8em;
//       width: 2.2em;
//       height: 1.6em;
//     }
//   }

//   @mixin icon-google-plus-svg(){
//     @extend .google-plus-svg;
//   }
// 

// .icon.head-logo-small-svg {
//   &:before {
//       background-position: 0em -170.4em;
//       width: 4.2em;
//       height: 2.8em;
//     }
//   }

//   @mixin icon-head-logo-small-svg(){
//     @extend .head-logo-small-svg;
//   }
// 

// .icon.head-logo-svg {
//   &:before {
//       background-position: 0em -173.2em;
//       width: 16.6em;
//       height: 2.8em;
//     }
//   }

//   @mixin icon-head-logo-svg(){
//     @extend .head-logo-svg;
//   }
// 

// .icon.jpg-svg {
//   &:before {
//       background-position: 0em -176em;
//       width: 1.2em;
//       height: 1.4em;
//     }
//   }

//   @mixin icon-jpg-svg(){
//     @extend .jpg-svg;
//   }
// 

// .icon.kalendar-next-svg {
//   &:before {
//       background-position: 0em -177.4em;
//       width: 2.8em;
//       height: 2.8em;
//     }
//   }

//   @mixin icon-kalendar-next-svg(){
//     @extend .kalendar-next-svg;
//   }
// 

// .icon.kalendar-prev-svg {
//   &:before {
//       background-position: 0em -180.2em;
//       width: 2.8em;
//       height: 2.8em;
//     }
//   }

//   @mixin icon-kalendar-prev-svg(){
//     @extend .kalendar-prev-svg;
//   }
// 

// .icon.location-svg {
//   &:before {
//       background-position: 0em -183em;
//       width: 0.9em;
//       height: 1.2em;
//     }
//   }

//   @mixin icon-location-svg(){
//     @extend .location-svg;
//   }
// 

// .icon.mail-svg {
//   &:before {
//       background-position: 0em -184.2em;
//       width: 1.6em;
//       height: 1.2em;
//     }
//   }

//   @mixin icon-mail-svg(){
//     @extend .mail-svg;
//   }
// 

// .icon.map-svg {
//   &:before {
//       background-position: 0em -185.4em;
//       width: 1.8em;
//       height: 1.6em;
//     }
//   }

//   @mixin icon-map-svg(){
//     @extend .map-svg;
//   }
// 

// .icon.marker-svg {
//   &:before {
//       background-position: 0em -187em;
//       width: 1.6em;
//       height: 2.1em;
//     }
//   }

//   @mixin icon-marker-svg(){
//     @extend .marker-svg;
//   }
// 

// .icon.mm-camp-svg {
//   &:before {
//       background-position: 0em -189.1em;
//       width: 1.8em;
//       height: 2em;
//     }
//   }

//   @mixin icon-mm-camp-svg(){
//     @extend .mm-camp-svg;
//   }
// 

// .icon.mobile-nav-more-svg {
//   &:before {
//       background-position: 0em -191.1em;
//       width: 0.8em;
//       height: 1em;
//     }
//   }

//   @mixin icon-mobile-nav-more-svg(){
//     @extend .mobile-nav-more-svg;
//   }
// 

// .icon.mobile-phones-svg {
//   &:before {
//       background-position: 0em -192.1em;
//       width: 3.8em;
//       height: 3.4em;
//     }
//   }

//   @mixin icon-mobile-phones-svg(){
//     @extend .mobile-phones-svg;
//   }
// 

// .icon.nivas-eagle-svg {
//   &:before {
//       background-position: 0em -195.5em;
//       width: 21.8em;
//       height: 25em;
//     }
//   }

//   @mixin icon-nivas-eagle-svg(){
//     @extend .nivas-eagle-svg;
//   }
// 

// .icon.nivas-ico-hover-svg {
//   &:before {
//       background-position: 0em -220.5em;
//       width: 2em;
//       height: 2.5em;
//     }
//   }

//   @mixin icon-nivas-ico-hover-svg(){
//     @extend .nivas-ico-hover-svg;
//   }
// 

// .icon.nivas-ico-svg {
//   &:before {
//       background-position: 0em -223em;
//       width: 2em;
//       height: 2.5em;
//     }
//   }

//   @mixin icon-nivas-ico-svg(){
//     @extend .nivas-ico-svg;
//   }
// 

// .icon.pdf-svg {
//   &:before {
//       background-position: 0em -225.5em;
//       width: 1.2em;
//       height: 1.4em;
//     }
//   }

//   @mixin icon-pdf-svg(){
//     @extend .pdf-svg;
//   }
// 

// .icon.photoswipe-close-svg {
//   &:before {
//       background-position: 0em -226.9em;
//       width: 4.5em;
//       height: 4.5em;
//     }
//   }

//   @mixin icon-photoswipe-close-svg(){
//     @extend .photoswipe-close-svg;
//   }
// 

// .icon.photoswipe-next-svg {
//   &:before {
//       background-position: 0em -231.4em;
//       width: 2.6em;
//       height: 6em;
//     }
//   }

//   @mixin icon-photoswipe-next-svg(){
//     @extend .photoswipe-next-svg;
//   }
// 

// .icon.photoswipe-prev-svg {
//   &:before {
//       background-position: 0em -237.4em;
//       width: 2.6em;
//       height: 6em;
//     }
//   }

//   @mixin icon-photoswipe-prev-svg(){
//     @extend .photoswipe-prev-svg;
//   }
// 

// .icon.pin-green-svg {
//   &:before {
//       background-position: 0em -243.4em;
//       width: 0.8em;
//       height: 1.2em;
//     }
//   }

//   @mixin icon-pin-green-svg(){
//     @extend .pin-green-svg;
//   }
// 

// .icon.print-svg {
//   &:before {
//       background-position: 0em -244.6em;
//       width: 1.6em;
//       height: 1.6em;
//     }
//   }

//   @mixin icon-print-svg(){
//     @extend .print-svg;
//   }
// 

// .icon.promo-code-svg {
//   &:before {
//       background-position: 0em -246.2em;
//       width: 2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-promo-code-svg(){
//     @extend .promo-code-svg;
//   }
// 

// .icon.scroll-cta-svg {
//   &:before {
//       background-position: 0em -248.2em;
//       width: 2.6em;
//       height: 1.2em;
//     }
//   }

//   @mixin icon-scroll-cta-svg(){
//     @extend .scroll-cta-svg;
//   }
// 

// .icon.secure-lg-svg {
//   &:before {
//       background-position: 0em -249.4em;
//       width: 14em;
//       height: 14em;
//     }
//   }

//   @mixin icon-secure-lg-svg(){
//     @extend .secure-lg-svg;
//   }
// 

// .icon.secure-svg {
//   &:before {
//       background-position: 0em -263.4em;
//       width: 2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-secure-svg(){
//     @extend .secure-svg;
//   }
// 

// .icon.slider-next-big-svg {
//   &:before {
//       background-position: 0em -265.4em;
//       width: 3.2em;
//       height: 5.8em;
//     }
//   }

//   @mixin icon-slider-next-big-svg(){
//     @extend .slider-next-big-svg;
//   }
// 

// .icon.slider-next-svg {
//   &:before {
//       background-position: 0em -271.2em;
//       width: 1em;
//       height: 1.4em;
//     }
//   }

//   @mixin icon-slider-next-svg(){
//     @extend .slider-next-svg;
//   }
// 

// .icon.slider-prev-big-svg {
//   &:before {
//       background-position: 0em -272.6em;
//       width: 3.2em;
//       height: 5.8em;
//     }
//   }

//   @mixin icon-slider-prev-big-svg(){
//     @extend .slider-prev-big-svg;
//   }
// 

// .icon.slider-prev-svg {
//   &:before {
//       background-position: 0em -278.4em;
//       width: 1em;
//       height: 1.4em;
//     }
//   }

//   @mixin icon-slider-prev-svg(){
//     @extend .slider-prev-svg;
//   }
// 

// .icon.time-2-svg {
//   &:before {
//       background-position: 0em -279.8em;
//       width: 0.9em;
//       height: 0.9em;
//     }
//   }

//   @mixin icon-time-2-svg(){
//     @extend .time-2-svg;
//   }
// 

// .icon.time-svg {
//   &:before {
//       background-position: 0em -280.7em;
//       width: 0.9em;
//       height: 0.9em;
//     }
//   }

//   @mixin icon-time-svg(){
//     @extend .time-svg;
//   }
// 

// .icon.twitter-svg {
//   &:before {
//       background-position: 0em -281.6em;
//       width: 2em;
//       height: 1.6em;
//     }
//   }

//   @mixin icon-twitter-svg(){
//     @extend .twitter-svg;
//   }
// 

// .icon.video-button-svg {
//   &:before {
//       background-position: 0em -283.2em;
//       width: 1.2em;
//       height: 1.4em;
//     }
//   }

//   @mixin icon-video-button-svg(){
//     @extend .video-button-svg;
//   }
// 

// .icon.why-info-lg-svg {
//   &:before {
//       background-position: 0em -284.6em;
//       width: 14em;
//       height: 14em;
//     }
//   }

//   @mixin icon-why-info-lg-svg(){
//     @extend .why-info-lg-svg;
//   }
// 

// .icon.why-info-svg {
//   &:before {
//       background-position: 0em -298.6em;
//       width: 2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-why-info-svg(){
//     @extend .why-info-svg;
//   }
// 

// .icon.word-svg {
//   &:before {
//       background-position: 0em -300.6em;
//       width: 1.2em;
//       height: 1.4em;
//     }
//   }

//   @mixin icon-word-svg(){
//     @extend .word-svg;
//   }
// 

// .icon.zip-svg {
//   &:before {
//       background-position: 0em -302em;
//       width: 1.2em;
//       height: 1.4em;
//     }
//   }

//   @mixin icon-zip-svg(){
//     @extend .zip-svg;
//   }
// 
*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
  width: device-width; }

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:hover {
    color: #0056b3;
    text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

.container {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1180px; } }

.container-fluid {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 20px;
  padding-left: 20px; }
  @media (min-width: 992px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
    .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
    .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
    .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
    .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
    .col-xl-auto {
      padding-right: 10px;
      padding-left: 10px; } }

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1; }

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13; }

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0; }

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3; }

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4; }

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5; }

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6; }

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7; }

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8; }

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9; }

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10; }

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11; }

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important; }

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important; }

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.pswp img {
  max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

.pswp__button {
  cursor: pointer; }

.pswp__button--arrow--left {
  display: block;
  width: 29px;
  height: 17px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: none;
  border: none;
  background-position: center;
  background: url("/src/img/gfx/strelica-left.svg");
  left: 60px; }
  @media (max-width: 991.98px) {
    .pswp__button--arrow--left {
      display: none; } }

.pswp__button--arrow--right {
  display: block;
  width: 29px;
  height: 17px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: none;
  border: none;
  background-position: center;
  background: url("/src/img/gfx/strelica-right.svg");
  right: 60px; }
  @media (max-width: 991.98px) {
    .pswp__button--arrow--right {
      display: none; } }

.pswp__button--close {
  display: block;
  width: 17px;
  height: 18px;
  position: absolute;
  top: 30px;
  right: 30px;
  background: none;
  border: none;
  background-position: center;
  background: url("/src/img/gfx/close.svg"); }

.pswp__counter {
  color: #b2d4e3;
  font-size: 23px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.reveal {
  opacity: 0;
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: opacity 300ms ease-in-out, -webkit-transform 500ms ease-in-out;
  transition: opacity 300ms ease-in-out, -webkit-transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out, opacity 300ms ease-in-out;
  transition: transform 500ms ease-in-out, opacity 300ms ease-in-out, -webkit-transform 500ms ease-in-out; }
  .reveal.visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

/* end bootstrap stuff */
/**
 * @license
 * MyFonts Webfont Build ID 3893167, 2020-04-21T04:58:12-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AvenirLTPro-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/pro-55-roman/
 * 
 * Webfont: AvenirLTPro-Medium by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/pro-65-medium/
 * 
 * Webfont: AvenirLTPro-Black by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/pro-95-black/
 * 
 * 
 * Webfonts copyright: Copyright © 2014 Monotype GmbH. All rights reserved.
 * 
 * © 2020 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
/************************/
/*    Roman = normal    */
/************************/
@font-face {
  font-family: 'Avenir';
  src: url("../../src/fonts/AvenirLTPro-Roman/font.woff2") format("woff2"), url("../../src/fonts/AvenirLTPro-Roman/font.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/********************/
/*    Medium = 500  */
/********************/
@font-face {
  font-family: 'Avenir';
  src: url("../../src/fonts/AvenirLTPro-Medium/font.woff2") format("woff2"), url("../../src/fonts/AvenirLTPro-Medium/font.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

/********************/
/*    Black  = 900 */
/********************/
@font-face {
  font-family: 'Avenir';
  src: url("../../src/fonts/AvenirLTPro-Black/font.woff2") format("woff2"), url("../../src/fonts/AvenirLTPro-Black/font.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

/********************/
/*   Grandstander  */
/********************/
/********************/
/*   Nunito  */
/********************/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit; }

h1, .h1 {
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 2rem; }

h3, .h3 {
  font-size: 1.75rem; }

h4, .h4 {
  font-size: 1.5rem; }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
  font-size: 80%;
  font-weight: 400; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d; }
  .blockquote-footer::before {
    content: "\2014 \00A0"; }

/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

Custom variables, mixins and classes:

- VARIABLES
-- Colors
- MIXINS
-- Gradient mixin
-- Clear last child
-- Clearfix
--- mixin clearfix
--- class clearfix
-- Mobile negative margin
-- Desktop negative margin
- CLASS
-- Text-alignement
-- Position
-- Only mobile display
-- Only desktop display

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
VARIABLES
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
/* CSS variables */
:root {
  /*
	<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
	Colors
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	*/
  --color-primary: #001832;
  --color-secondary: #c6191b;
  --color-brownish-grey: #6e6e6e;
  --color-pale-grey: #f2f6fa;
  --color-cod-gray: #1e1e1e;
  --base-header-height: 66px; }

/* Sass variables */
/* <<<< Colors >>>> */
/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
MIXINS
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
/* <<<< Gradient mixin >>>> */
/* <<<< CLear last child >>>> */
/* <<<< Clearfix >>>> */
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/* <<<< Mobile negative margin >>>> */
/* <<<< Desktop negative margin >>>> */
/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
CLASS
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
/* <<<< Text-aligement >>>> */
.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

/* <<<< position >>>> */
.position-relative {
  position: relative; }

.position-fixed {
  position: fixed; }

.position-static {
  position: static; }

.position-absolute {
  position: absolute; }

/* <<<< Only mobile display >>>> */
/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

BUTTONS
- Main block buttons
-- color variations mixin
- Pointer/arrow buttons
-- arrow styles
-- pointer-btn color variations mixin

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
/*
<<<<<<<<<<<<<<<<<<<<<
Main block buttons
>>>>>>>>>>>>>>>>>>>>>
*/
.btn, .brosura {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5625em;
  letter-spacing: 0.5px;
  padding: 16px 20px 15px;
  display: inline-block;
  width: auto;
  max-width: 100%;
  background: var(--color-primary);
  color: #fff;
  font-weight: 900;
  text-align: center;
  -webkit-transition: all .26s ease-out;
  transition: all .26s ease-out;
  outline: none;
  border: none;
  cursor: pointer; }
  .btn:hover, .brosura:hover {
    text-decoration: none;
    background: #1a1a1a;
    color: #fffcb5; }
  @media (min-width: 1200px) {
    .btn, .brosura {
      padding: 20px 25px; } }
  .btn--c-primary {
    background: var(--color-primary);
    color: #fff; }
    .btn--c-primary:hover {
      background: #fff;
      color: var(--color-primary); }
  .btn--d-block {
    display: block;
    width: 100%;
    max-width: 280px; }

.brosura {
  padding-left: 50px; }
  .brosura:hover {
    background: var(--color-primary);
    color: var(--color-secondary); }

/*
<<<<<<<<<<<<<<<<<<<<<
Pointer/arrow buttons
>>>>>>>>>>>>>>>>>>>>>
*/
.pointer-btn {
  display: inline-block;
  padding: 20px 19px 20px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.71429em;
  font-style: italic;
  font-weight: 500;
  color: var(--color-secondary);
  margin: 0;
  position: relative;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }
  .pointer-btn:before, .pointer-btn:after {
    content: "";
    position: absolute;
    display: block;
    -webkit-transition: inherit;
    transition: inherit; }
  .pointer-btn:after {
    background: linear-gradient(135deg, transparent 1%, transparent 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
    width: 8px;
    height: 8px;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    right: 0;
    bottom: 17px; }
  .pointer-btn:before {
    width: 100%;
    margin-right: 0px;
    background: linear-gradient(135deg, var(--color-primary) 1%, var(--color-primary) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
    background-size: 200%;
    background-position: 101% 0;
    height: 3px;
    left: 0;
    bottom: 20px; }
  .pointer-btn:hover {
    text-decoration: none;
    color: var(--color-primary); }
    .pointer-btn:hover:before {
      background-position: 50% 0; }
  .pointer-btn--c-white:after {
    background: linear-gradient(135deg, transparent 1%, transparent 50%, #FFFFFF 50%, #FFFFFF 100%); }
  .pointer-btn--c-white:before {
    background: linear-gradient(135deg, var(--color-primary) 1%, var(--color-primary) 50%, #FFFFFF 50%, #FFFFFF 100%);
    background-size: 200%;
    background-position: 101% 0; }
  .pointer-btn--c-white:hover {
    color: #FFFFFF; }
    .pointer-btn--c-white:hover:before {
      background-position: 50% 0; }

.btn-more {
  position: relative;
  margin-top: 20px;
  margin-bottom: 0px;
  padding-left: 49px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.78571em;
  font-weight: 900;
  letter-spacing: 0.93px;
  color: var(--color-secondary);
  background: none; }
  @media (min-width: 992px) {
    .btn-more {
      margin-top: 42px;
      margin-bottom: 33px; } }
  .btn-more:before {
    position: absolute;
    content: " ";
    display: inline-block;
    margin-right: 11px;
    background: url("/src/img/svg/plus.svg");
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    top: 23px;
    left: 0; }
  .btn-more:hover {
    color: var(--color-secondary);
    background: none; }

.btn-play {
  display: block;
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--color-secondary);
  -webkit-box-shadow: inset 0 0 0 4px var(--color-secondary), inset 0 0 0 6px white;
  box-shadow: inset 0 0 0 4px var(--color-secondary), inset 0 0 0 6px white;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }
  @media (min-width: 992px) {
    .btn-play {
      width: 64px;
      height: 64px;
      -webkit-box-shadow: inset 0 0 0 6px var(--color-secondary), inset 0 0 0 8px white;
      box-shadow: inset 0 0 0 6px var(--color-secondary), inset 0 0 0 8px white; } }
  .btn-play:before {
    display: block;
    position: absolute;
    top: calc(50% - 7px);
    left: calc(50% - 4px);
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 11px;
    border-color: transparent transparent transparent #ffffff; }
  .btn-play:hover {
    background-color: var(--color-primary);
    -webkit-box-shadow: inset 0 0 0 4px var(--color-primary), inset 0 0 0 6px white;
    box-shadow: inset 0 0 0 4px var(--color-primary), inset 0 0 0 6px white; }
    @media (min-width: 992px) {
      .btn-play:hover {
        -webkit-box-shadow: inset 0 0 0 6px var(--color-primary), inset 0 0 0 8px white;
        box-shadow: inset 0 0 0 6px var(--color-primary), inset 0 0 0 8px white; } }

.btn-download {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75em;
  font-weight: 500;
  line-height: 1.75;
  color: var(--color-primary);
  height: 42px;
  -webkit-transition: all .26s ease-out;
  transition: all .26s ease-out; }
  .btn-download span {
    position: relative;
    display: inline-block;
    font-size: 10px;
    font-size: 1rem;
    line-height: 4.2em;
    color: white;
    font-weight: bold;
    margin-left: 11px;
    text-transform: uppercase;
    z-index: 4;
    width: 41px;
    height: 41px;
    text-align: center;
    background-color: var(--color-primary);
    border-radius: 50%;
    -webkit-transition: all .26s ease-out;
    transition: all .26s ease-out; }
  .btn-download:hover {
    color: var(--color-primary);
    text-decoration: none; }
    .btn-download:hover span {
      background-color: var(--color-secondary); }
  .btn-download--alt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2em; }
    @media (min-width: 992px) {
      .btn-download--alt {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.75em;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }

.btn--center {
  display: inline-block;
  position: relative;
  left: 50%;
  width: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.btn-back {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  -webkit-transition: all .26s ease-out;
  transition: all .26s ease-out;
  font-weight: 400;
  color: black; }
  .btn-back svg {
    margin-right: 20px;
    vertical-align: middle;
    -webkit-transition: all .26s ease-out;
    transition: all .26s ease-out; }
  .btn-back:hover {
    color: var(--color-secondary);
    text-decoration: none; }
    .btn-back:hover svg path {
      fill: var(--color-secondary); }

/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

Layout - everything after header and before footer

- BOOTRSTRAP FLUID GRID FIX
- SITE WRAPPER
- HEADER
- FOOTER
- MAIN
- CONTENT HEAD
- CONTENT BODY
- SIDEBAR
- MASTER BLOCK

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
BOOTRSTRAP FLUID GRID FIX
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
@media (max-width: 1200px) {
  .container {
    max-width: 100%; } }

/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
SITE WRAPPER
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
.site-wrapper {
  width: 100%;
  margin: 0 auto; }

/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
FLUID CONTAINER OVERRIDES
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
@media (min-width: 992px) {
  .page--default {
    padding-left: 190px;
    padding-right: 0px; } }

.page--compact {
  padding-bottom: 20px; }
  @media (min-width: 992px) {
    .page--compact {
      padding-left: 210px;
      padding-right: 20px; } }

/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
HEADER
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
.header {
  position: fixed;
  width: 100%;
  z-index: 100; }

/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
FOOTER
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
MAIN
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
.l-main {
  margin-bottom: 40px; }
  @media (min-width: 1200px) {
    .l-main {
      margin-bottom: 80px; } }

/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
CONTENT HEAD
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
CONTENT BODY
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
@media (max-width: 991.98px) {
  .content--about-jobs {
    padding-left: 10px;
    padding-right: 10px; } }

.content--logistika {
  margin-left: 0;
  margin-right: 0; }

@media (max-width: 991.98px) {
  .content--news-list .xResult [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px; } }

.content--light {
  background: #FFFFFF; }

@media (max-width: 991.98px) {
  .content .quote-higlight {
    margin-left: -10px;
    margin-right: -10px; } }

@media (max-width: 991.98px) {
  .content--search .p-m-0 {
    padding-left: 0px;
    padding-right: 0px; } }

/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
SIDEBAR
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
/*


/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
MASTER BLOCK
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
/*

<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
PAGE LIST
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
.page {
  padding-top: 66px; }
  @media (min-width: 992px) {
    .page {
      padding-top: 0; } }
  .page--light {
    background: #f3f5f8; }
    @media (max-width: 991.98px) {
      .page--light {
        padding-left: 20px;
        padding-right: 20px; } }
  .page--jobs-list {
    background: #f3f5f8; }
    @media (max-width: 991.98px) {
      .page--jobs-list {
        padding-left: 0px;
        padding-right: 0px; } }
  @media (max-width: 991.98px) {
    .page--logistika {
      padding-right: 0px !important;
      padding-left: 0px !important; } }
  @media (min-width: 992px) {
    .page--logistika-read .site-footer {
      padding-left: 0; } }
  .page--logistika-read footer {
    margin-left: -10px;
    margin-right: -20px;
    margin-bottom: -20px; }
    @media (min-width: 992px) {
      .page--logistika-read footer {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -20px; } }
  .page-search {
    padding-bottom: 30px; }
    @media (max-width: 991.98px) {
      .page-search {
        padding-right: 0px !important;
        padding-left: 0px !important; } }

body:before {
  content: '';
  display: block;
  position: fixed;
  z-index: 90;
  pointer-events: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms; }

body[data-overlay=on]:before {
  opacity: 0.5; }

button:active, button:focus {
  outline: none; }

.logistika.frikom .btn-download.header-logistic__download-link {
  display: none; }

.about-single table {
  width: auto; }

button.xFilter.btn, button.xFilter.brosura {
  width: 100%;
  margin-top: 15px; }

.bck--responsive {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .bck--responsive div {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute; }
    .bck--responsive div span {
      width: 100%;
      height: 100%;
      display: block;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
  .bck--responsive .lt-small,
  .bck--responsive .lt-medium,
  .bck--responsive .ft-medium-large,
  .bck--responsive .gt-medium,
  .bck--responsive .gt-large,
  .bck--responsive .gt-small,
  .bck--responsive .mobile,
  .bck--responsive .phablet-to-laptop,
  .bck--responsive .laptop {
    display: none; }
    .bck--responsive .lt-small img,
    .bck--responsive .lt-medium img,
    .bck--responsive .ft-medium-large img,
    .bck--responsive .gt-medium img,
    .bck--responsive .gt-large img,
    .bck--responsive .gt-small img,
    .bck--responsive .mobile img,
    .bck--responsive .phablet-to-laptop img,
    .bck--responsive .laptop img {
      display: none; }
  @media (max-width: 767px) {
    .bck--responsive .lt-small {
      display: block; }
      .bck--responsive .lt-small img {
        display: block; } }
  @media (max-width: 991px) {
    .bck--responsive .lt-medium {
      display: block; }
      .bck--responsive .lt-medium img {
        display: block; } }
  @media (min-width: 768px) {
    .bck--responsive .gt-small {
      display: block; }
      .bck--responsive .gt-small img {
        display: block; } }
  @media (min-width: 992px) {
    .bck--responsive .gt-medium {
      display: block; }
      .bck--responsive .gt-medium img {
        display: block; } }
  @media (min-width: 1200px) {
    .bck--responsive .gt-large {
      display: block; }
      .bck--responsive .gt-large img {
        display: block; } }
  @media (max-width: 600px) {
    .bck--responsive .mobile {
      display: block; }
      .bck--responsive .mobile img {
        display: block; } }
  @media (min-width: 600px) and (max-width: 991px) {
    .bck--responsive .phablet-to-laptop {
      display: block; }
      .bck--responsive .phablet-to-laptop img {
        display: block; } }
  @media (min-width: 992px) {
    .bck--responsive .laptop {
      display: block; }
      .bck--responsive .laptop img {
        display: block; } }
  .bck--responsive picture {
    display: none; }

.bck--fixed div span {
  background-attachment: fixed;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.bck--video .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .bck--video .video video {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.bck--video .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 25% 0%;
  background-size: cover; }

.video-container, .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin-bottom: 30px; }
  .video-container iframe, .video-container video, .video-wrapper iframe, .video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.styleguide-page {
  padding-top: 150px;
  padding-bottom: 50px; }
  @media (min-width: 992px) {
    .styleguide-page {
      padding-left: 220px; } }
  .styleguide-page .section-title {
    font-size: 37px;
    font-size: 3.7rem;
    margin-bottom: 14px;
    color: var(--color-secondary);
    padding-top: 40px;
    padding-bottom: 10px;
    margin-bottom: 33px;
    border-bottom: 2px dashed #9d3737;
    display: block; }

.stylecolor-box {
  font-size: 17px;
  font-size: 1.7rem;
  padding: 7px;
  margin-bottom: 30px;
  color: #FFFFFF; }
  .stylecolor-box--invert {
    color: #000000; }

::-moz-selection {
  background: var(--color-primary);
  color: #FFFFFF; }

::selection {
  background: var(--color-primary);
  color: #FFFFFF; }

html {
  font-size: 62.5%; }

body {
  font-family: 'Avenir', sans-serif;
  color: #1a1a1a; }

h1, h2, h3, h4 {
  font-family: "Avenir", sans-serif; }
  h1 a:not([class]), h2 a:not([class]), h3 a:not([class]), h4 a:not([class]) {
    font-size: inherit;
    line-height: inherit; }

h1,
.h1,
.title {
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.3em;
  font-weight: 900;
  letter-spacing: 1px;
  margin-bottom: 20px; }
  @media (min-width: 992px) {
    h1,
    .h1,
    .title {
      font-size: 70px;
      font-size: 7rem;
      line-height: 1.28571em;
      margin-bottom: 45px; } }

h2,
.h2,
.sub-title {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.3125em;
  font-weight: 900;
  margin-bottom: 16px; }
  @media (min-width: 992px) {
    h2,
    .h2,
    .sub-title {
      font-size: 60px;
      font-size: 6rem;
      line-height: 1.23333em;
      margin-bottom: 30px; } }

h3 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.45455em;
  font-weight: 900;
  margin-bottom: 16px; }
  @media (min-width: 992px) {
    h3 {
      font-size: 50px;
      font-size: 5rem;
      line-height: 1.2em;
      margin-bottom: 20px; } }

h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  font-weight: 900;
  margin-bottom: 16px; }
  @media (min-width: 992px) {
    h4 {
      font-size: 42px;
      font-size: 4.2rem;
      line-height: 1.28571em;
      margin-bottom: 20px; } }

h5 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  font-weight: 900;
  margin-bottom: 16px; }
  @media (min-width: 992px) {
    h5 {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25em;
      margin-bottom: 20px; } }

h6 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  font-weight: 900;
  margin-bottom: 16px; }
  @media (min-width: 992px) {
    h6 {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 1.45455em;
      margin-bottom: 20px; } }

p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  margin-bottom: 30px; }

strong {
  font-weight: 700; }

a:not([class]) {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5625em;
  font-weight: 900;
  letter-spacing: 0.5px;
  color: var(--color-secondary);
  position: relative; }
  a:not([class]):hover {
    text-decoration: underline; }

a.btn-link, a.c-article-card__btn {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5625em;
  font-weight: 900;
  letter-spacing: 0.5px;
  color: var(--color-secondary);
  position: relative;
  padding-left: 15px; }
  a.btn-link:hover, a.c-article-card__btn:hover {
    text-decoration: underline; }
  a.btn-link:before, a.c-article-card__btn:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background-color: var(--color-secondary);
    border-radius: 50%; }

img {
  display: block;
  max-width: 100%;
  height: auto; }

ul:not([class]),
ol:not([class]) {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2em;
  list-style-position: outside;
  list-style-type: none;
  padding-left: 20px;
  margin-bottom: 30px; }
  ul:not([class]) li,
  ol:not([class]) li {
    padding-left: 30px;
    margin-bottom: 6px;
    position: relative; }
  ul:not([class]) a:hover,
  ol:not([class]) a:hover {
    text-decoration: none; }

ul:not([class]) li:before {
  content: "•";
  position: absolute;
  left: 10px;
  font-size: 12px;
  color: var(--color-secondary); }

ol:not([class]) {
  counter-reset: list-counter; }
  ol:not([class]) li {
    counter-increment: list-counter;
    position: relative;
    padding-left: 40px; }
    ol:not([class]) li::before {
      content: counter(list-counter) ". ";
      font-weight: 700;
      position: absolute;
      left: -2px;
      color: var(--color-secondary); }

blockquote,
blockquote:not([class]) {
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.45455em;
  font-weight: 500;
  position: relative;
  padding: 30px 0;
  margin-top: 30px;
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    blockquote,
    blockquote:not([class]) {
      font-size: 42px;
      font-size: 4.2rem;
      line-height: 1.28571em;
      margin-top: 50px;
      margin-bottom: 50px; } }
  blockquote:before,
  blockquote:not([class]):before {
    content: "• •";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    color: var(--color-secondary); }
  blockquote:after,
  blockquote:not([class]):after {
    content: "• •";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    color: var(--color-secondary); }
  blockquote p,
  blockquote em,
  blockquote strong,
  blockquote a,
  blockquote:not([class]) p,
  blockquote:not([class]) em,
  blockquote:not([class]) strong,
  blockquote:not([class]) a {
    font-size: inherit;
    line-height: inherit; }
  blockquote p,
  blockquote:not([class]) p {
    margin: 0; }

table {
  font-style: normal;
  font-weight: 400;
  color: #494848;
  border-collapse: collapse;
  position: relative;
  text-align: left;
  /* background-color: #f5f2f2; */
  /* border-bottom: #000000 1px solid; */
  width: 100%;
  margin-bottom: 32px;
  padding-bottom: 10px; }
  @media (min-width: 992px) {
    table {
      margin-bottom: 40px; } }

tbody th,
tfoot th,
tbody th a,
tbody td a,
tfoot th a,
tfoot td a {
  font-style: normal;
  font-weight: 700;
  color: #000000; }

table th,
table td {
  padding: 6px 20px 5px; }
  @media (min-width: 992px) {
    table th,
    table td {
      padding: 20px 22px; } }

table th,
table th a {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75em;
  color: var(--color-primary);
  background-color: #f2f2f2; }
  @media (min-width: 992px) {
    table th,
    table th a {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.75em; } }

table td,
table td a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75em;
  color: #1b1c20; }
  @media (min-width: 992px) {
    table td,
    table td a {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.75em; } }

table td a,
table td strong,
table td b {
  font-style: normal;
  font-weight: 700; }

table td em,
table td i {
  font-style: normal;
  font-weight: 400; }

table tr td {
  border-bottom: 1px solid #d8d8d8;
  -webkit-transition: background-color 200ms ease-in-out, color 150ms ease-in-out;
  transition: background-color 200ms ease-in-out, color 150ms ease-in-out; }

.table-wrapper {
  overflow: auto; }

.c-message {
  padding: 42px 40px; }
  .c-message--success {
    background-color: var(--color-primary);
    color: #fff; }
  .c-message--error {
    background-color: var(--color-secondary);
    color: #fff; }
  .c-message__newsletter {
    padding: 15px 40px;
    margin-top: 20px; }
    @media (min-width: 768px) {
      .c-message__newsletter {
        max-width: 392px; } }
    .c-message__newsletter p {
      margin-bottom: 0;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.25em;
      text-align: center; }
    .c-message__newsletter--success {
      background-color: #007bff; }
  .c-message p {
    margin-bottom: 0; }

input:focus,
textarea:focus {
  outline: none; }
  input:focus:not(.search-head__search-input),
  textarea:focus:not(.search-head__search-input) {
    -webkit-box-shadow: inset 0 -2px 0 0 #007bff;
    box-shadow: inset 0 -2px 0 0 #007bff; }

.input-label {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  color: var(--color-cod-gray);
  margin-bottom: 10px; }

.input-text {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.5);
  background-color: #f3f5f8;
  color: var(--color-primary);
  padding: 18px 20px;
  border: none;
  position: relative;
  width: 100%;
  margin-bottom: 20px; }
  .input-text::-webkit-input-placeholder {
    color: rgba(0, 24, 50, 0.5); }
  .input-text::-moz-placeholder {
    color: rgba(0, 24, 50, 0.5); }
  .input-text::-ms-input-placeholder {
    color: rgba(0, 24, 50, 0.5); }
  .input-text::placeholder {
    color: rgba(0, 24, 50, 0.5); }
  .input-text.error {
    -webkit-box-shadow: inset 0 -2px 0 0 var(--color-secondary);
    box-shadow: inset 0 -2px 0 0 var(--color-secondary); }

.input-textarea {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.5);
  background-color: #f3f5f8;
  color: var(--color-primary);
  padding: 18px 20px;
  border: none;
  position: relative;
  width: 100%;
  min-height: 220px; }
  .input-textarea::-webkit-input-placeholder {
    color: rgba(0, 24, 50, 0.5); }
  .input-textarea::-moz-placeholder {
    color: rgba(0, 24, 50, 0.5); }
  .input-textarea::-ms-input-placeholder {
    color: rgba(0, 24, 50, 0.5); }
  .input-textarea::placeholder {
    color: rgba(0, 24, 50, 0.5); }
  .input-textarea.error {
    -webkit-box-shadow: inset 0 -2px 0 0 var(--color-secondary);
    box-shadow: inset 0 -2px 0 0 var(--color-secondary); }

input[type="radio"] {
  display: none; }

input[type="radio"] + label {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  padding: 6px 30px 6px 30px;
  color: var(--color-cod-gray);
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  border-radius: 10px;
  cursor: pointer;
  width: 100%; }
  input[type="radio"] + label:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px var(--color-cod-gray) inset;
    box-shadow: 0 0 0 2px var(--color-cod-gray) inset;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  input[type="radio"] + label:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    left: 5px;
    top: 17px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 8px var(--color-secondary) inset;
    box-shadow: 0 0 0 8px var(--color-secondary) inset;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0);
    transform: scale(0); }

input[type="radio"]:checked + label:before {
  -webkit-box-shadow: 0 0 0 2px var(--color-secondary) inset;
  box-shadow: 0 0 0 2px var(--color-secondary) inset; }

input[type="radio"]:checked + label:after {
  -webkit-transform: scale(1);
  transform: scale(1); }

input[type="checkbox"] {
  display: none; }

input[type=checkbox] + label {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  padding: 6px 30px 6px 30px;
  color: var(--color-cod-gray);
  display: block;
  position: relative;
  cursor: pointer; }
  input[type=checkbox] + label:before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0 0 0 2px var(--color-cod-gray) inset;
    box-shadow: 0 0 0 2px var(--color-cod-gray) inset; }
  input[type=checkbox] + label:after {
    position: absolute;
    content: '';
    top: 50%;
    opacity: 0;
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: all 200ms cubic-bezier(0.25, 0.25, 0.255, 1.305);
    transition: all 200ms cubic-bezier(0.25, 0.25, 0.255, 1.305);
    background-image: url("/src/img/svg/tickbox_tick.svg");
    width: 13px;
    height: 9px;
    left: 2px;
    background-repeat: no-repeat; }
  input[type=checkbox] + label.checkbox-right {
    padding-left: 0px; }
    input[type=checkbox] + label.checkbox-right:before {
      right: 0;
      left: auto; }
    input[type=checkbox] + label.checkbox-right:after {
      right: 1px;
      left: auto; }

input[type=checkbox]:checked + label {
  color: var(--color-secondary); }
  input[type=checkbox]:checked + label:before {
    -webkit-box-shadow: 0 0 0 2px var(--color-secondary) inset;
    box-shadow: 0 0 0 2px var(--color-secondary) inset; }
  input[type=checkbox]:checked + label:after {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1); }

iframe {
  max-width: 100%; }

.hidden {
  display: none; }

@media (min-width: 992px) {
  .hidden--desktop {
    display: none !important; } }

@media (max-width: 991.98px) {
  .hidden--mobile {
    display: none !important; } }

.col-1-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }
  @media (min-width: 767px) {
    .col-1-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%; } }

.underline {
  text-decoration: underline; }

/*.xdebug-error {
	display: none;
}*/
.site-footer {
  position: relative;
  background: var(--color-primary);
  padding-top: 100px;
  color: #FFFFFF;
  padding-left: 30px;
  padding-right: 30px; }
  @media (min-width: 992px) {
    .site-footer {
      padding-top: 196px;
      padding-left: 190px;
      padding-right: 0; } }
  @media (min-width: 576px) {
    .site-footer__title {
      text-align: center; } }
  @media (min-width: 768px) {
    .site-footer__title {
      text-align: left; } }
  @media (min-width: 992px) {
    .site-footer__title {
      margin-bottom: 24px; } }
  .site-footer__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.1875em;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: #1e67aa;
    text-transform: uppercase;
    margin-bottom: 29px;
    text-align: left; }
    @media (min-width: 576px) {
      .site-footer__title {
        text-align: center; } }
    @media (min-width: 768px) {
      .site-footer__title {
        text-align: left; } }
    @media (min-width: 992px) {
      .site-footer__title {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.1875em;
        letter-spacing: 1px;
        margin-bottom: 24px; } }
  @media (min-width: 1200px) {
    .site-footer__info {
      margin-left: 0; } }
  .site-footer__link {
    color: #FFFFFF;
    text-decoration: underline;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .site-footer__link:hover {
      color: var(--color-secondary); }
  .site-footer__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media (min-width: 576px) {
      .site-footer__wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around; } }
    @media (min-width: 768px) {
      .site-footer__wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    @media (min-width: 992px) {
      .site-footer__wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    @media (min-width: 1200px) {
      .site-footer__wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
  .site-footer__text {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71429em;
    opacity: 0.8;
    margin-bottom: -1px; }
    @media (min-width: 992px) {
      .site-footer__text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; } }
  .site-footer__list {
    padding-top: 25px;
    padding-left: 0px;
    list-style-type: none;
    margin: 0; }
    @media (min-width: 576px) {
      .site-footer__list {
        padding-top: 0; } }
    @media (min-width: 992px) {
      .site-footer__list {
        padding-left: 90px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; } }
    @media (min-width: 1200px) {
      .site-footer__list {
        padding-left: 90px; } }
  .site-footer__item {
    padding-bottom: 24px; }
  .site-footer__copyright {
    padding-bottom: 80px;
    text-align: left; }
    @media (min-width: 576px) {
      .site-footer__copyright {
        text-align: center; } }
    @media (min-width: 768px) {
      .site-footer__copyright {
        text-align: left; } }
    @media (min-width: 992px) {
      .site-footer__copyright {
        padding-bottom: 100px; } }
  .site-footer__dev {
    margin: 0;
    display: block;
    width: 20px;
    height: 24px;
    font: 0/0 a;
    margin: 0 auto;
    padding-bottom: 104px; }
    @media (min-width: 992px) {
      .site-footer__dev {
        position: absolute;
        font: 0/0 a;
        bottom: 32px;
        right: 47px;
        margin: 0;
        padding: 0; }
        .site-footer__dev:after {
          top: 0;
          left: 0; } }
    .site-footer__dev:after {
      content: '';
      display: block;
      position: absolute;
      width: 20px;
      height: 24px;
      background: url("/src/img/svg/nivas.svg") no-repeat center;
      -webkit-transition: all 0.5s cubic-bezier(0.46, 0.75, 0.63, 0.45);
      transition: all 0.5s cubic-bezier(0.46, 0.75, 0.63, 0.45); }
    .site-footer__dev:hover:after {
      -webkit-transform: rotateY(360deg);
      transform: rotateY(360deg); }

.newsletter {
  padding-bottom: 100px; }
  @media (min-width: 992px) {
    .newsletter {
      padding-left: 30px; } }
  .newsletter__title {
    margin-bottom: 29px;
    text-align: left; }
    @media (min-width: 576px) {
      .newsletter__title {
        text-align: center; } }
    @media (min-width: 768px) {
      .newsletter__title {
        text-align: left; } }
    @media (min-width: 992px) {
      .newsletter__title {
        margin-bottom: 24px; } }
  .newsletter__subtitle {
    font-size: 22px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 50px; }
    @media (min-width: 992px) {
      .newsletter__subtitle {
        margin-bottom: 75px; } }
  .newsletter__wrap {
    position: relative; }
    @media (min-width: 992px) {
      .newsletter__wrap {
        max-width: 394px; } }
  .newsletter__input {
    border: none;
    border-bottom: 1px solid rgba(30, 103, 170, 0.6);
    display: block;
    background-color: transparent;
    background: none;
    color: #FFFFFF !important;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    width: 100%;
    padding: 20px 0px;
    -webkit-box-shadow: 0 0 0 0 white inset !important; }
    .newsletter__input:focus {
      outline: 0;
      -webkit-box-shadow: 0;
      box-shadow: 0;
      border-color: rgba(30, 103, 170, 0.3); }
    .newsletter__input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px #001832 inset !important;
      background-color: #001832 !important;
      -webkit-text-fill-color: #ffffff; }
  .newsletter__label {
    position: absolute;
    bottom: 20px;
    left: 0;
    font-size: 14px;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .25s ease-in-out, -webkit-transform .25s;
    transition: opacity .25s ease-in-out, -webkit-transform .25s;
    transition: transform .25s, opacity .25s ease-in-out;
    transition: transform .25s, opacity .25s ease-in-out, -webkit-transform .25s;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; }
  .newsletter__input:focus + label {
    -webkit-transform: translateY(-26px) scale(0.8);
    transform: translateY(-26px) scale(0.8); }
  .newsletter__input:not(:placeholder-shown) + label {
    -webkit-transform: translateY(-26px) scale(0.8);
    transform: translateY(-26px) scale(0.8); }
  .newsletter__btn {
    position: absolute;
    bottom: 3px;
    right: 0; }
  .newsletter__terms {
    margin-top: 10px; }
    @media (min-width: 992px) {
      .newsletter__terms {
        max-width: 394px; } }
  .newsletter__terms-label,
  .newsletter input[type=checkbox] + label {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    color: #fff;
    opacity: 0.8;
    padding-right: 0;
    /* &:after {
			background-image: url("/src/img/svg/tickbox_tick-white.svg");
		} */ }
    @media (min-width: 992px) {
      .newsletter__terms-label,
      .newsletter input[type=checkbox] + label {
        padding-right: 6px; } }
    .newsletter__terms-label:before,
    .newsletter input[type=checkbox] + label:before {
      -webkit-box-shadow: 0 0 0 2px #fff inset;
      box-shadow: 0 0 0 2px #fff inset;
      opacity: 0.8; }
    .newsletter__terms-label a,
    .newsletter input[type=checkbox] + label a {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1em;
      color: #fff;
      font-weight: 400;
      text-decoration: underline;
      -webkit-transition: color 250ms ease-in-out;
      transition: color 250ms ease-in-out; }
      .newsletter__terms-label a:hover,
      .newsletter input[type=checkbox] + label a:hover {
        color: var(--color-secondary); }
  .newsletter input[type=checkbox]:checked + label {
    color: #fff; }
    .newsletter input[type=checkbox]:checked + label:before {
      -webkit-box-shadow: 0 0 0 2px var(--color-secondary) inset;
      box-shadow: 0 0 0 2px var(--color-secondary) inset; }

/*
.foot-nav {
	&__list {
		@include fontSize(14);
		// margin: 0 0 10px;
		// padding: 0 5px;
		width: 100%;
		max-height: 50px;
		overflow: hidden;
		transition: all .35s ease-in-out;
		padding-left: 0;
		// margin: 0 0 10px;
		// padding: 0 5px;
		margin: 0 0 0px;
		padding: 0 0 0px;
		position: relative;
		@media screen and (max-width: 991px) {

			&:after {
				content: '';
				position: absolute;
				bottom: 0; left: 0;
				height: 1px; width: 100%;
				background: #2f2f2f;
			}

		}
		@include media-breakpoint-up(lg){
			// width: 14.28%;
			width: auto;
			padding-bottom: 46px;
			max-height: inherit;
		}
		//js class for mobile toggle sub navigation event
		&.js-toggle {
			max-height: 700px;
		}
	}
	&__item {
		list-style: none;
		width: 100%;
		display: inline-block;
		position: relative;
		@media screen and (max-width: 991px) {
			&:first-child {
				display: flex;
				align-items: center;
				height: 50px;
			}
			&:last-child {
				margin-bottom: 20px;
			}
		}
		@media screen and (min-width: 768px) {
			&:last-child {
				.foot-nav__link {
					//padding: 0;
				}
			}
		}
	}
	&__toggle {
		position: absolute;
		right: 0;
		top: calc(50%);
		padding: 10px;
		z-index: 10;
		transform: translateY(-50%);
		cursor: pointer;
		@include media-breakpoint-up(lg){ display: none; }
		svg {
			fill: #fff;
			transition: all .12s ease-in-out;
		}
		&.js-toggle-rotate {
			svg {
				transform: rotate(180deg);
			}
		}
		&:hover {
		}
	}
	&__title,
	&__link {
		position: relative;
		display: inline-block;
		padding: 6px 0;
		color: $colorLightGray;
		@include fontSize(16);
		@include lineHeight(30,16);
		text-decoration: none;
		&:after {
			content: "";
			position: absolute;
			left: 0;
			bottom: 10px;
			height: 1px;
			width: 0;
			background: $colorLightGray;
			transition: all 0.25s cubic-bezier(.67,.72,.86,.6);
		}
		&:hover {
			text-decoration: none;
			color: $colorLightGray;
			&:after {
				width: 100%;
			}
		}
		@include media-breakpoint-up(lg) {
			padding: 0 0 6px 0;
		}
	}
	&__title {
		color: $colorWhite;
		text-transform: uppercase;
		letter-spacing: 2.52px;
		@include fontSize(14);
		line-height: normal;
		font-weight: 700;
		&:hover {
			text-decoration: none;
			color: $colorBlue;
			&:after {
				width: 100%;
				background: $colorBlue;
			}
		}
		@include media-breakpoint-up(lg) {
			padding: 0 0 10px 0;
			margin-bottom: 0;
			color: $colorBlue;
		}
	}
}

// * after footer logos + details
.footer-info {
	height: 80px;
	background-color: $colorHeader;
	position: relative;
	align-items: center;
	order: 1;

	@include media-breakpoint-up(lg){
		position: absolute;
		transform: translateY(-80px);
		z-index: 0;
		order: unset;
	}

	> .row {
		align-items: center;
		height: 100%;
	}


	&__akd-logo {
		margin: 0 auto 33px;
		display: block;
	}
	&__details {
		color: #9b9b9b;
		@include fontSize(14);
		@include lineHeight(24,14);
		//text-align: center;
		margin-bottom: 0;
		display: none;

		@include media-breakpoint-up(lg){
			display: block;
		}
	}
	&__new-line {
		display: block;
	}
	&__homepage-link {
		color: #9b9b9b;
		@include fontSize(14);
		@include lineHeight(24,14);
		text-align: center;
	}
	&__logo {
		margin-right: 10px;
		display: none;

		@include media-breakpoint-up(lg){
			display: block;
		}
	}

	&__logo-icon{

	}
}

.footer-bg {
	background: #1a1a1a;
	padding-top: 30px;

	@include media-breakpoint-up(lg){
		padding-top: 80px;
		padding-bottom: 160px;
	}
}
.foot-logo {
	background: #b2d4e3;
	@media screen and (min-width: 992px) {
		z-index: 50;
		// padding-bottom: 80px;
		position: relative;
		&:before {
			content: '';
			position: absolute;
			top: -80px; left: 0;
			background: #b2d4e3;
			width: 100%; height: 80px;
		}
		&:after {
			content: '';
			position: absolute;
			bottom: -160px; left: 0;
			background: #b2d4e3;
			width: 100%; height: 160px;
		}
	}
	&__img-wrap {
		height: 100%; width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 60px;
		padding-bottom: 60px;

		@include media-breakpoint-up(lg){
			padding-top: 80px;
			padding-bottom: 0;
		}
	}
	&__img {
		max-width: 220px;
		@include media-breakpoint-up(sm){
			max-width: 100%;
		}
	}
}

.socials{
	position: relative;
	display: flex;
	align-items: center;
	height: 80px;
	justify-content: center;

	@include media-breakpoint-up(xl){
		padding-right: 60px;
		justify-content: space-between;
		padding-right: 40px;
		height: auto;
		&:after {

			content: '';
			position: absolute;
			width: 1px;
			height: 50px;
			top: 50%;
			right: 20px;
			transform: translateY(-50%);
			background: #2f2f2f;
		}
	}


	&__links{
		display: inline-block;
		margin: 0 20px;

		@include media-breakpoint-up(lg){
			margin: 0;
		}
	}

	&__icon{

	}
}











// safu
.safu-block {
	background: #f3f3f3;
	padding: 61px 0;
	&__disclaimer {
		display: flex;
		align-items: center;
	}
	&__text {
		@include primaryFont;
		@include fontSize(14);
		@include lineHeight(21,14);
		color: #3b3a3a;
		margin: 0 0 37px 0;
		text-align: center;
		@media screen and (min-width: 992px) {
			margin: 0;
			text-align: left;
		}
	}
	&__logotipi {
		display: block;
		@media screen and (min-width: 992px) {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
		}
	}
	&__img {
		display: block;
		@media screen and (max-width: 991px) {
			margin: 0 auto 30px auto;
			&:last-of-type {
				margin: 0 auto;
			}
		}
		@media screen and (min-width: 992px) {
			margin-right: auto;
			max-width: 150px;
		}
		@media screen and (min-width: 1200px) {
			max-width: 100%;
		}
	}
}
*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 1; }
  .hamburger.is-active:hover {
    opacity: 1; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: var(--color-secondary); }

.hamburger-box {
  width: 28px;
  height: 19px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 28px;
    height: 3px;
    background-color: var(--color-secondary);
    border-radius: 0;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
  .hamburger-inner::after {
    bottom: -8px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  -webkit-perspective: 56px;
  perspective: 56px; }

.hamburger--3dx .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 56px;
  perspective: 56px; }

.hamburger--3dx-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  -webkit-perspective: 56px;
  perspective: 56px; }

.hamburger--3dy .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 56px;
  perspective: 56px; }

.hamburger--3dy-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  -webkit-perspective: 56px;
  perspective: 56px; }

.hamburger--3dxy .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg) rotateY(180deg);
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  -webkit-perspective: 56px;
  perspective: 56px; }

.hamburger--3dxy-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(-5.6px, 0, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(-5.6px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-5.6px, 0, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(-5.6px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(5.6px, 0, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(5.6px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(5.6px, 0, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(5.6px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-5.6px, -7px, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(-5.6px, -7px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-5.6px, 7px, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(-5.6px, 7px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(5.6px, -7px, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(5.6px, -7px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(5.6px, 7px, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(5.6px, 7px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  -webkit-transition-property: none;
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
  transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -16px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
  transform: translate3d(0, -8px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
  transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -16px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -8px, 0) rotate(45deg);
  transform: translate3d(0, -8px, 0) rotate(45deg);
  -webkit-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 1.5px;
  -webkit-transition-duration: 0.275s;
  transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 8px;
    -webkit-transition: opacity 0.125s 0.275s ease;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 16px;
    -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(135deg);
  transform: translate3d(0, 8px, 0) rotate(135deg);
  -webkit-transition-delay: 0.075s;
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(-270deg);
    transform: translate3d(0, -16px, 0) rotate(-270deg);
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 1.5px;
  -webkit-transition-duration: 0.275s;
  transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 8px;
    -webkit-transition: opacity 0.125s 0.275s ease;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 16px;
    -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(-135deg);
  transform: translate3d(0, 8px, 0) rotate(-135deg);
  -webkit-transition-delay: 0.075s;
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(270deg);
    transform: translate3d(0, -16px, 0) rotate(270deg);
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color 0.125s 0.175s ease-in;
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
    .hamburger--emphatic .hamburger-inner::after {
      top: 8px;
      right: 0;
      -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
  .hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -56px;
      top: -56px;
      -webkit-transform: translate3d(56px, 56px, 0) rotate(45deg);
      transform: translate3d(56px, 56px, 0) rotate(45deg);
      -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -56px;
      top: -56px;
      -webkit-transform: translate3d(-56px, 56px, 0) rotate(-45deg);
      transform: translate3d(-56px, 56px, 0) rotate(-45deg);
      -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    -webkit-transition: background-color 0.125s 0.175s ease-in;
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 8px;
      right: 0;
      -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -56px;
      top: 56px;
      -webkit-transform: translate3d(56px, -56px, 0) rotate(-45deg);
      transform: translate3d(56px, -56px, 0) rotate(-45deg);
      -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -56px;
      top: 56px;
      -webkit-transform: translate3d(-56px, -56px, 0) rotate(45deg);
      transform: translate3d(-56px, -56px, 0) rotate(45deg);
      -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 1.5px; }
  .hamburger--slider .hamburger-inner::before {
    top: 8px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 16px; }

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
  transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-4px, -5px, 0);
    transform: rotate(-45deg) translate3d(-4px, -5px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(-90deg);
    transform: translate3d(0, -16px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 1.5px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 8px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 16px; }

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
  transform: translate3d(0, 8px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(4px, -5px, 0);
    transform: rotate(45deg) translate3d(4px, -5px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(90deg);
    transform: translate3d(0, -16px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
  transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: 0.22s;
  transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 1.5px;
  -webkit-transition: background-color 0s 0.13s linear;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 8px;
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 16px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  -webkit-transition-delay: 0.22s;
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
    transform: translate3d(0, 8px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -16px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
  transform: translate3d(0, -8px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: transparent !important;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: transparent !important;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.075s;
  transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
  transform: rotate(765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
  transform: rotate(-765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }

body.home .hamburger-inner {
  background-color: #fff; }
  body.home .hamburger-inner:before, body.home .hamburger-inner:after {
    background-color: #fff; }

body.home .hamburger--spin.is-active .hamburger-inner {
  background-color: #fff; }
  body.home .hamburger--spin.is-active .hamburger-inner:before, body.home .hamburger--spin.is-active .hamburger-inner:after {
    background-color: #fff; }

/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

SITE HEADER

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
/*
>>>>>>>>> mislav <3
>>>>>>>>> transparent header
.site-header {
	background-color: rgba(0, 0, 0, .34);
	box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2);
}
*/
.site-header {
  height: var(--base-header-height);
  width: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1500;
  -webkit-transition: background-color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  background-color: #ffffff; }
  @media (min-width: 992px) {
    .site-header {
      width: 190px;
      height: auto; } }
  @media (max-width: 991.98px) {
    .site-header--not-top {
      -webkit-transform: translateY(-123px);
      transform: translateY(-123px); } }
  @media (max-width: 991.98px) {
    .site-header--pinned {
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  .site-header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 66px; }
    @media (min-width: 992px) {
      .site-header__wrap {
        height: 100vh;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 60px;
        -webkit-box-shadow: inset -1px 0 0 0 #f2f2f2;
        box-shadow: inset -1px 0 0 0 #f2f2f2;
        background-color: #fff; } }
  .site-header__wrap-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 0 #f2f2f2;
    box-shadow: inset 0 -1px 0 0 #f2f2f2; }
    @media (min-width: 992px) {
      .site-header__wrap-overlay {
        display: none; } }
  .site-header__search-toggle {
    z-index: 3; }
    @media (min-width: 992px) {
      .site-header__search-toggle {
        display: none; } }

.btn-search {
  width: 66px;
  height: 66px;
  position: relative;
  border: none;
  background: transparent; }
  .btn-search.is-active {
    background-color: var(--color-secondary); }
    .btn-search.is-active .btn-search__icon-magnifying-glass {
      opacity: 0; }
    .btn-search.is-active .btn-search__icon-close {
      opacity: 1; }
  .btn-search__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .btn-search__icon-magnifying-glass {
    opacity: 1;
    -webkit-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out; }
  .btn-search__icon-close {
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out; }

/* .menu-toggle {
	box-shadow: 0 2px 31px 0 rgba(0, 35, 69, 0.4);

	&__dot {
		display: block;
		width: 4px;
		height: 4px;
		background-color: var(--color-secondary);
	}
} */
.menu-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 66px;
  height: 66px;
  margin-left: auto;
  z-index: 3;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* &:hover {
		.menu-toggle__dot {
			background-color: var(--color-secondary);

			&:nth-of-type(1) { transform: translate(-($pix-size), -($pix-size)); }
			&:nth-of-type(3) { transform: translate(($pix-size*5), -($pix-size)); }
			&:nth-of-type(7) { transform: translate(-($pix-size), ($pix-size*5)); }
			&:nth-of-type(9) { transform: translate(($pix-size*5), ($pix-size*5)); }
		}
	} */ }
  @media (min-width: 992px) {
    .menu-toggle {
      display: none; } }
  .menu-toggle__inner-wrap {
    width: 20px;
    height: 20px;
    display: block;
    pointer-events: none; }
  .menu-toggle__dot {
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: var(--color-secondary);
    border-radius: 100%;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
    .menu-toggle__dot:nth-of-type(1) {
      -webkit-transform: translate(0px, 0px);
      transform: translate(0px, 0px); }
    .menu-toggle__dot:nth-of-type(2) {
      -webkit-transform: translate(8px, 0px);
      transform: translate(8px, 0px); }
    .menu-toggle__dot:nth-of-type(3) {
      -webkit-transform: translate(16px, 0px);
      transform: translate(16px, 0px); }
    .menu-toggle__dot:nth-of-type(4) {
      -webkit-transform: translate(0px, 8px);
      transform: translate(0px, 8px); }
    .menu-toggle__dot:nth-of-type(5) {
      -webkit-transform: translate(8px, 8px);
      transform: translate(8px, 8px); }
    .menu-toggle__dot:nth-of-type(6) {
      -webkit-transform: translate(16px, 8px);
      transform: translate(16px, 8px); }
    .menu-toggle__dot:nth-of-type(7) {
      -webkit-transform: translate(0px, 16px);
      transform: translate(0px, 16px); }
    .menu-toggle__dot:nth-of-type(8) {
      -webkit-transform: translate(8px, 16px);
      transform: translate(8px, 16px); }
    .menu-toggle__dot:nth-of-type(9) {
      -webkit-transform: translate(16px, 16px);
      transform: translate(16px, 16px); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(1) {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(2) {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(3) {
    -webkit-transform: translate(16px, 0);
    transform: translate(16px, 0); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(4) {
    -webkit-transform: translate(4px, 12px);
    transform: translate(4px, 12px); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(6) {
    -webkit-transform: translate(12px, 4px);
    transform: translate(12px, 4px); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(7) {
    -webkit-transform: translate(0, 16px);
    transform: translate(0, 16px); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(8) {
    -webkit-transform: translate(12px, 12px);
    transform: translate(12px, 12px); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(9) {
    -webkit-transform: translate(16px, 16px);
    transform: translate(16px, 16px); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(1) {
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(2) {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(3) {
    -webkit-transform: translate(20px, -4px);
    transform: translate(20px, -4px); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(4) {
    -webkit-transform: translate(2px, 14px);
    transform: translate(2px, 14px); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(6) {
    -webkit-transform: translate(14px, 2px);
    transform: translate(14px, 2px); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(7) {
    -webkit-transform: translate(-4px, 20px);
    transform: translate(-4px, 20px); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(8) {
    -webkit-transform: translate(14px, 14px);
    transform: translate(14px, 14px); }
  .menu-toggle.is-active .menu-toggle__dot:nth-of-type(9) {
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px); }

.main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding-top: var(--base-header-height);
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  text-align: left; }
  @media (min-width: 992px) {
    .main-menu {
      -webkit-transform: none;
      transform: none;
      height: auto;
      position: relative;
      margin-top: 0;
      overflow: initial;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-shadow: inset -1px 0 0 0 #f2f2f2;
      box-shadow: inset -1px 0 0 0 #f2f2f2;
      padding-top: 0; } }
  .main-menu.is-active {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .main-menu:before {
    content: '';
    display: block;
    position: fixed;
    z-index: 10;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms; }
  .main-menu[data-overlay=on]:before {
    opacity: 0.5; }
  .main-menu__wrap {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 56px;
    padding-right: 30px;
    padding-left: 30px;
    width: auto; }
    @media (min-width: 992px) {
      .main-menu__wrap {
        margin-bottom: 0; } }
    @media only screen and (min-width: 992px) and (min-height: 810px) {
      .main-menu__wrap {
        padding-top: 48px; } }
  .main-menu__submenu {
    margin-top: auto;
    margin-bottom: 46px; }
    @media (min-width: 992px) {
      .main-menu__submenu {
        margin-bottom: 0; } }
  .main-menu__item {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
    @media (min-width: 992px) {
      .main-menu__item.is-active .dropdown-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        overflow: visible; }
      .main-menu__item.is-active .dropdown-menu__indicator {
        background-color: var(--color-secondary); }
        .main-menu__item.is-active .dropdown-menu__indicator:before {
          opacity: 1;
          background-color: var(--color-secondary); }
        .main-menu__item.is-active .dropdown-menu__indicator:after {
          opacity: 1;
          background-color: var(--color-secondary); } }
    .main-menu__item:not(:last-child) .main-menu__sub-item:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #d8d8d8;
      opacity: 1;
      -webkit-transition: opacity 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out; }
      @media (min-width: 992px) {
        .main-menu__item:not(:last-child) .main-menu__sub-item:after {
          display: none; } }
    .main-menu__item:not(:last-child) .main-menu__sub-item.is-active:after {
      opacity: 0; }
    .main-menu__item.hover-out .main-menu__sub-item {
      color: rgba(255, 255, 255, 0.5); }
  .main-menu__sub-item {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375em;
    font-weight: 500;
    color: var(--color-primary);
    display: block;
    padding: 13px 0;
    position: relative;
    -webkit-transition: opacity 250ms ease-in-out, color 250ms ease-in-out;
    transition: opacity 250ms ease-in-out, color 250ms ease-in-out;
    position: relative;
    overflow: hidden; }
    .main-menu__sub-item:hover,
    .main-menu__item.is-active .main-menu__sub-item, .main-menu__sub-item.current {
      text-decoration: none;
      color: var(--color-secondary);
      opacity: 1;
      -webkit-transition: opacity 250ms ease-in-out color 250ms ease-in-out;
      transition: opacity 250ms ease-in-out color 250ms ease-in-out; }
      .main-menu__sub-item:hover:before,
      .main-menu__item.is-active .main-menu__sub-item:before, .main-menu__sub-item.current:before {
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    .main-menu__sub-item.is-active {
      color: var(--color-secondary); }
  .main-menu__search-activator {
    display: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: transparent;
    -webkit-box-shadow: inset 1px 0 0 0 #3a3a3a;
    box-shadow: inset 1px 0 0 0 #3a3a3a;
    position: absolute;
    height: 80px;
    width: 80px;
    right: 80px;
    top: 0;
    padding: 0;
    margin-bottom: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out; }
    @media (min-width: 992px) {
      .main-menu__search-activator {
        display: block; } }
  .main-menu__search-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .main-menu__search-form {
    display: block;
    position: relative;
    background-color: #fff;
    border: none;
    cursor: pointer;
    z-index: 1;
    bottom: 1px; }
  .main-menu__search-heading {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.66667em;
    font-weight: 500;
    color: var(--color-primary);
    display: block;
    text-align: center;
    margin-bottom: 10px;
    display: none; }
    @media (min-width: 992px) {
      .main-menu__search-heading {
        display: block; } }
  .main-menu__search-input {
    outline: none;
    border: none;
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: var(--color-pale-grey);
    cursor: pointer;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.33333em;
    padding: 14px 20px;
    white-space: nowrap;
    overflow: hidden;
    min-height: 62px;
    color: var(--color-primary);
    /* &:-webkit-autofill {
			-webkit-box-shadow: 0 0 0 50px #000 inset !important;
			-webkit-text-fill-color: #fff !important;
		} */ }
    @media (min-width: 992px) {
      .main-menu__search-input {
        padding: 21px 20px; } }
    .main-menu__search-input::-webkit-input-placeholder {
      color: #6d7278; }
    .main-menu__search-input::-moz-placeholder {
      color: #6d7278; }
    .main-menu__search-input::-ms-input-placeholder {
      color: #6d7278; }
    .main-menu__search-input::placeholder {
      color: #6d7278; }
    .main-menu__search-input:focus {
      -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.5);
      box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.5);
      background-color: #f3f5f8; }
  .main-menu__search-submit {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    position: absolute;
    min-width: 74px;
    min-height: 62px;
    right: 0;
    top: 0;
    padding: 0;
    margin-bottom: 0;
    cursor: pointer;
    color: #fff;
    background-color: #000;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.33333em;
    font-weight: 900; }
    @media (min-width: 992px) {
      .main-menu__search-submit {
        min-width: 74px;
        min-height: 62px;
        text-indent: 0;
        color: #fff;
        background-color: #000;
        right: 0;
        -webkit-transition: background-color 250ms ease-in-out;
        transition: background-color 250ms ease-in-out;
        -webkit-box-shadow: inset 0 0 0 1px #3a3a3a;
        box-shadow: inset 0 0 0 1px #3a3a3a;
        letter-spacing: 1px;
        bottom: 0;
        top: auto;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.25em;
        font-weight: 900; } }

.dropdown-menu {
  width: 100%;
  background: #fff;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 250ms ease-in-out;
  transition: max-height 250ms ease-in-out; }
  @media (min-width: 992px) {
    .dropdown-menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      pointer-events: none;
      -webkit-transition-delay: 180ms;
      transition-delay: 180ms;
      padding: 0;
      max-height: none;
      min-height: 640px;
      left: 0;
      top: 0;
      width: 242px;
      height: 100vh;
      position: fixed;
      right: auto;
      -webkit-box-shadow: inset 0 0 10px 0 #efefef;
      box-shadow: inset 0 0 10px 0 #efefef;
      background-color: #ffffff;
      left: 190px;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      z-index: -1;
      /* .site-header.site-header--not-top:not(.site-header--pinned) & {
			opacity: 0;
			pointer-events: none;
		} */ } }
  .dropdown-menu:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out; }
    @media (min-width: 992px) {
      .dropdown-menu:after {
        content: none; } }
  .dropdown-menu.js-toggle {
    max-height: 640px; }
    .dropdown-menu.js-toggle:after {
      opacity: 1; }
  .dropdown-menu__list-wrap {
    position: relative; }
    @media (min-width: 992px) {
      .dropdown-menu__list-wrap {
        width: 100%;
        overflow: auto; } }
  .dropdown-menu__list {
    list-style-type: none;
    padding: 0;
    /* @include media-breakpoint-up(lg) {

			&:hover {

				.dropdown-menu__list-item {
					opacity: 0.6;

					&:hover {
						opacity: 1;
					}
				}

			}

		} */ }
    @media (min-width: 992px) {
      .dropdown-menu__list {
        background-color: #fff;
        height: 100vh;
        -webkit-box-shadow: inset 0 0 10px 0 #efefef;
        box-shadow: inset 0 0 10px 0 #efefef;
        padding-top: 240px; } }
    @media only screen and (min-width: 992px) and (min-height: 780px) {
      .dropdown-menu__list {
        padding-top: 306px; } }
  .dropdown-menu__list-title {
    margin: 0;
    position: relative;
    display: inline-block;
    position: absolute;
    top: 70px;
    left: auto; }
  .dropdown-menu__list-item {
    position: relative;
    background-color: var(--color-pale-grey);
    padding: 0 20px;
    -webkit-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out; }
    @media (min-width: 992px) {
      .dropdown-menu__list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        background-color: transparent;
        padding: 0 40px 0 20px; } }
    .dropdown-menu__list-item.hover .dropdown-menu__subsection {
      display: block;
      pointer-events: auto;
      visibility: visible;
      -webkit-transition-delay: 0.2s, 0s, 0.2s;
      transition-delay: 0.2s, 0s, 0.2s;
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      -webkit-box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.5);
      box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.5); }
    .dropdown-menu__list-item.hover .subsection__indicator {
      background-color: var(--color-secondary); }
    .dropdown-menu__list-item:last-of-type .subsection__menu {
      margin-bottom: 20px; }
      @media (min-width: 992px) {
        .dropdown-menu__list-item:last-of-type .subsection__menu {
          margin-bottom: 0; } }
    .dropdown-menu__list-item:not(:last-of-type) .dropdown-menu__sub-item:not(.is-active) {
      -webkit-box-shadow: inset 0 -1px 0 0 #d8d8d8;
      box-shadow: inset 0 -1px 0 0 #d8d8d8; }
      @media (min-width: 992px) {
        .dropdown-menu__list-item:not(:last-of-type) .dropdown-menu__sub-item:not(.is-active) {
          -webkit-box-shadow: none;
          box-shadow: none; } }
    .dropdown-menu__list-item.is-inactive {
      background: transparent; }
  .dropdown-menu__sub-item {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375em;
    font-weight: 500;
    color: var(--color-primary);
    display: block;
    padding: 13px 0;
    position: relative;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out; }
    @media (min-width: 992px) {
      .dropdown-menu__sub-item {
        line-height: 1em;
        padding: 6px 0; } }
    .dropdown-menu__sub-item:hover,
    .dropdown-menu__list-item.hover .dropdown-menu__sub-item {
      text-decoration: none;
      color: var(--color-secondary); }
    .dropdown-menu__sub-item.is-active {
      color: var(--color-secondary);
      -webkit-box-shadow: inset 0 -1px 0 0 var(--color-secondary);
      box-shadow: inset 0 -1px 0 0 var(--color-secondary); }
  .dropdown-menu__toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    border: none;
    background-color: transparent;
    padding: 24px;
    cursor: pointer;
    /* &:before {
			content: '';
			display: block;
			position: absolute;
			top: 50%;
			right: 0;
			transform: translateY(-50%);
			height: 0;
			border-style: solid;
			border-width: 5px 5px 0 5px;
			border-color: #575757 transparent transparent transparent;
			transition: transform 250ms ease-in-out;
		} */ }
    @media (min-width: 992px) {
      .dropdown-menu__toggle {
        display: none; } }
    .dropdown-menu__toggle.js-toggle-rotate {
      /* &:before {
				transform: translateY(-50%) rotate(180deg);
			} */ }
      .dropdown-menu__toggle.js-toggle-rotate .dropdown-menu__plus-ico {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg); }
  .dropdown-menu__plus-ico {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
    .dropdown-menu__plus-ico path {
      -webkit-transition: fill 250ms ease-in-out;
      transition: fill 250ms ease-in-out; }
  .dropdown-menu__indicator {
    display: none; }
    @media (min-width: 992px) {
      .dropdown-menu__indicator {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: 4px;
        height: 4px;
        background-color: #cbcbcb;
        border-radius: 50%;
        margin-top: -2px;
        -webkit-transition: opacity 250ms ease-in-out, color 250ms ease-in-out;
        transition: opacity 250ms ease-in-out, color 250ms ease-in-out; } }
    @media (min-width: 992px) {
      .dropdown-menu__indicator:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: -7px;
        width: 4px;
        height: 4px;
        background-color: #cbcbcb;
        border-radius: 50%;
        margin-top: -2px;
        opacity: 0;
        -webkit-transition: opacity 250ms ease-in-out, color 250ms ease-in-out;
        transition: opacity 250ms ease-in-out, color 250ms ease-in-out; } }
    @media (min-width: 992px) {
      .dropdown-menu__indicator:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: -14px;
        width: 4px;
        height: 4px;
        background-color: #cbcbcb;
        border-radius: 50%;
        margin-top: -2px;
        opacity: 0;
        -webkit-transition: opacity 250ms ease-in-out, color 250ms ease-in-out;
        transition: opacity 250ms ease-in-out, color 250ms ease-in-out; } }
  .dropdown-menu__subsection {
    display: block;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 250ms ease-in-out;
    transition: max-height 250ms ease-in-out; }
    @media (min-width: 992px) {
      .dropdown-menu__subsection {
        pointer-events: none;
        -webkit-transition: opacity .3s ease-in, visibility .1s linear .3s, -webkit-transform .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
        transition: opacity .3s ease-in, visibility .1s linear .3s, -webkit-transform .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
        transition: transform .3s ease-in-out, opacity .3s ease-in, visibility .1s linear .3s, box-shadow .3s ease-in-out;
        transition: transform .3s ease-in-out, opacity .3s ease-in, visibility .1s linear .3s, box-shadow .3s ease-in-out, -webkit-transform .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
        max-height: none;
        overflow: auto;
        padding-top: 240px;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100vh;
        -webkit-box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0);
        box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0);
        background-color: #ffffff;
        width: 242px;
        z-index: -1; } }
  @media only screen and (min-width: 992px) and (min-width: 992px) and (min-height: 780px) {
    .dropdown-menu__subsection {
      padding-top: 356px; } }
    .dropdown-menu__subsection.js-toggle {
      max-height: 640px; }

.subsection__title {
  font-size: 70px;
  font-size: 7rem;
  line-height: 1.28571em;
  font-weight: bold;
  margin-bottom: 8px;
  display: none; }
  @media (min-width: 992px) {
    .subsection__title {
      display: block; } }

.subsection__title-link {
  -webkit-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out;
  text-transform: uppercase; }
  .subsection__title-link:hover {
    text-decoration: none; }

.subsection__description {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.86667em;
  font-weight: normal;
  margin-bottom: 25px;
  display: none; }
  @media (min-width: 992px) {
    .subsection__description {
      display: block; } }

.subsection__menu {
  list-style-type: none;
  background-color: var(--color-pale-grey);
  padding-left: 20px; }
  @media (min-width: 992px) {
    .subsection__menu {
      background-color: transparent;
      padding: 0 20px; } }

.subsection__menu-item:not(:last-of-type) .subsection__menu-link {
  -webkit-box-shadow: inset 0 -1px 0 0 var(--color-pale-grey);
  box-shadow: inset 0 -1px 0 0 var(--color-pale-grey); }
  @media (min-width: 992px) {
    .subsection__menu-item:not(:last-of-type) .subsection__menu-link {
      -webkit-box-shadow: none;
      box-shadow: none; } }

.subsection__menu-link {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.125em;
  font-weight: 500;
  position: relative;
  -webkit-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out;
  padding: 14px 0;
  display: block;
  color: var(--color-primary); }
  @media (min-width: 992px) {
    .subsection__menu-link {
      line-height: 1em;
      padding: 10px 0; } }
  .subsection__menu-link:hover {
    text-decoration: none;
    color: var(--color-secondary); }
    .subsection__menu-link:hover .subsection__menu-svg {
      -webkit-transform: translateY(-50%) translateX(4px);
      transform: translateY(-50%) translateX(4px); }

.subsection__menu-svg {
  display: none;
  margin-left: 12px;
  position: absolute;
  top: 50%;
  right: -22px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
  @media (min-width: 992px) {
    .subsection__menu-svg {
      display: block; } }

.subsection__toggle {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background-color: transparent;
  padding: 24px;
  cursor: pointer; }
  @media (min-width: 992px) {
    .subsection__toggle {
      display: none; } }
  .subsection__toggle.js-toggle-rotate .subsection__plus-ico {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg); }

.subsection__plus-ico {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
  .subsection__plus-ico path {
    -webkit-transition: fill 250ms ease-in-out;
    transition: fill 250ms ease-in-out; }

.subsection__indicator {
  display: none; }
  @media (min-width: 992px) {
    .subsection__indicator {
      display: block;
      position: absolute;
      top: 50%;
      right: 40px;
      width: 4px;
      height: 4px;
      background-color: #cbcbcb;
      border-radius: 50%;
      margin-top: -2px;
      -webkit-transition: opacity 250ms ease-in-out, color 250ms ease-in-out;
      transition: opacity 250ms ease-in-out, color 250ms ease-in-out; } }

.section-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .section-background__item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
    background-blend-mode: multiply;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out; }
    .section-background__item.item-active {
      opacity: 1; }

.lang-menu {
  /* @include media-breakpoint-up(lg) {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 80px;
		margin-top: 0;
		margin-bottom: 0;
		-webkit-box-shadow: inset 1px 0 0 0 #3a3a3a;
		box-shadow: inset 1px 0 0 0 #3a3a3a;
	} */ }
  .lang-menu__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .lang-menu__item {
    position: relative; }
    @media (min-width: 992px) {
      .lang-menu__item {
        -webkit-transition: background-color 250ms ease-in-out;
        transition: background-color 250ms ease-in-out; } }
    .lang-menu__item:not(:last-of-type):after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      top: 12px;
      bottom: 12px;
      background-color: #dbdbdb;
      width: 1px;
      height: auto; }
    @media (min-width: 992px) {
      .lang-menu__item--current {
        display: block; } }
    @media (min-width: 992px) {
      .lang-menu__item--current:hover {
        background-color: transparent; } }
  .lang-menu__sub-item {
    padding: 16px 16px 14px;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.28571em;
    color: #dbdbdb;
    font-weight: 900;
    -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    letter-spacing: 1px;
    height: 100%; }
    .lang-menu__sub-item:hover {
      text-decoration: none;
      color: var(--color-secondary); }
    .lang-menu__sub-item--current {
      color: #6d7278; }

/* button.hamburger {
	padding: 20px;
	margin-left: auto;
	z-index: 3;

	@include media-breakpoint-up(lg) {
		display: none;
	}
} */
.book-now {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1em;
  letter-spacing: 1px;
  padding: 18px 22px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 68px;
  bottom: 0;
  max-width: 75px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  -webkit-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out; }
  @media (min-width: 992px) {
    .book-now {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1em;
      max-width: none;
      padding: 30px 30px 28px;
      right: 160px;
      min-height: 72px; } }
  .book-now:hover {
    text-decoration: none; }

.share-menu {
  position: absolute;
  right: 68px;
  top: 0;
  height: 74px;
  overflow: visible; }
  @media (min-width: 992px) {
    .share-menu {
      position: relative;
      right: auto;
      height: 80px; } }

.share-menu-list {
  list-style-type: none;
  padding: 0;
  -webkit-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
  opacity: 0;
  pointer-events: none; }
  .share-menu-list.is-active {
    opacity: 1;
    pointer-events: auto; }
  .share-menu-list__sub-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 74px;
    width: 74px;
    background-color: #000;
    -webkit-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (min-width: 992px) {
      .share-menu-list__sub-item {
        height: 80px;
        width: 80px; } }

.button-share {
  border: none;
  background-color: transparent;
  -webkit-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.2);
  width: 74px;
  height: 74px;
  padding: 0;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: background-color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out; }
  @media (min-width: 992px) {
    .button-share {
      background-color: rgba(29, 29, 27, 0.45);
      -webkit-box-shadow: inset 1px 0 0 0 #3a3a3a;
      box-shadow: inset 1px 0 0 0 #3a3a3a;
      width: 80px;
      height: 80px; } }

.logo-heading {
  position: absolute;
  top: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3; }
  @media (min-width: 992px) {
    .logo-heading {
      top: 0;
      position: relative;
      left: 0;
      -webkit-transform: none;
      transform: none;
      margin: 0; } }
  .logo-heading__link {
    display: block; }
  .logo-heading__image {
    max-width: 111px; }
    @media (min-width: 992px) {
      .logo-heading__image {
        max-width: 100%;
        display: block;
        margin: 0 auto; } }
  .logo-heading__title {
    font: 0/0 a;
    text-shadow: none;
    color: transparent; }

.secondary-menu {
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0;
  -webkit-box-shadow: inset 0px 1px 0px 0px #f2f2f2;
  box-shadow: inset 0px 1px 0px 0px #f2f2f2; }
  .secondary-menu__list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative; }

.dropup-menu-toggle {
  width: 48px;
  height: 48px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  /* &--search {
		width: 66px;
		height: 66px;
		position: fixed;
		top: 0;
		left: 0;

		@include media-breakpoint-up(lg) {
			width: 48px;
			height: 48px;
			position: relative;
		}
	} */ }
  .dropup-menu-toggle:hover .dropup-menu-toggle__icon path, .dropup-menu-toggle.is-active .dropup-menu-toggle__icon path {
    fill: var(--color-secondary); }
  .dropup-menu-toggle__icon path {
    -webkit-transition: fill 250ms ease-in-out;
    transition: fill 250ms ease-in-out; }

.dropup-menu {
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  -webkit-box-shadow: inset 0 -1px 0 0 var(--color-secondary);
  box-shadow: inset 0 -1px 0 0 var(--color-secondary);
  display: none; }
  .dropup-menu.is-active {
    display: block; }
  .dropup-menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    list-style: none;
    max-width: 200px;
    margin: 0 auto;
    height: 50px; }
  .dropup-menu__list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .dropup-menu__list-sub-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%; }

.social-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 60px;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(228, 228, 228, 0.5);
  box-shadow: inset 0 1px 0 0 rgba(228, 228, 228, 0.5);
  background-color: #f4f4f4;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .social-menu:hover .social-menu__item .social-menu__icon {
    opacity: 0.22; }
    .social-menu:hover .social-menu__item .social-menu__icon path {
      fill: #fff; }
  .social-menu:hover .social-menu__item:hover .social-menu__icon {
    opacity: 1; }
    .social-menu:hover .social-menu__item:hover .social-menu__icon path {
      fill: #fff; }
  .social-menu.bg-facebook {
    background-color: #3b5998; }
  .social-menu.bg-instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
  .social-menu.bg-youtube {
    background-color: #ff0000; }
  .social-menu.bg-pinterest {
    background-color: #e60023; }
  .social-menu__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .social-menu__sub-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%; }
  .social-menu__icon {
    -webkit-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
    /* &:hover {

			path {
				fill: #fff;
			}

		} */ }
    .social-menu__icon path {
      -webkit-transition: fill 250ms ease-in-out;
      transition: fill 250ms ease-in-out; }

.search-form-box {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 69px 20px 50px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
  z-index: 1;
  -webkit-box-shadow: 0 17px 28px 0 rgba(219, 219, 219, 0.35);
  box-shadow: 0 17px 28px 0 rgba(219, 219, 219, 0.35); }
  @media (min-width: 992px) {
    .search-form-box {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      height: 100%;
      top: 0;
      right: auto;
      bottom: 0;
      left: 190px;
      width: 484px;
      padding: 220px 40px 40px;
      z-index: -1;
      -webkit-box-shadow: inset 0 0 10px 0 #efefef;
      box-shadow: inset 0 0 10px 0 #efefef; } }
  .search-form-box.is-active {
    -webkit-transform: translateY(0) translateY(var(--base-header-height));
    transform: translateY(0) translateY(var(--base-header-height)); }
    @media (min-width: 992px) {
      .search-form-box.is-active {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

.tab-nav {
  position: relative;
  background: var(--color-primary);
  /*background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,24,50,0) 5%, rgba(0,24,50,0) 95%, rgba(0,24,50,1) 100%);*/ }
  .tab-nav:after {
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, from(#020024), color-stop(5%, rgba(0, 24, 50, 0)), color-stop(95%, rgba(0, 24, 50, 0)), to(#001832));
    background: linear-gradient(90deg, #020024 0%, rgba(0, 24, 50, 0) 5%, rgba(0, 24, 50, 0) 95%, #001832 100%); }
  .tab-nav__wrap {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 20px 0px; }
  .tab-nav__item {
    margin-right: 18px;
    display: inline-block; }
    .tab-nav__item:last-child {
      margin-right: 0; }
  .tab-nav__sub-item {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375em;
    font-weight: 900;
    letter-spacing: 0.4px;
    position: relative;
    color: #FFFFFF;
    padding: 20px 9px 18px 9px; }
    .tab-nav__sub-item:after {
      display: block;
      position: absolute;
      content: ' ';
      bottom: 0;
      left: 0px;
      width: 0%;
      height: 3px;
      background-color: #FFFFFF;
      -webkit-transition: width 1s;
      transition: width 1s; }
    .tab-nav__sub-item:hover {
      text-decoration: none; }
      .tab-nav__sub-item:hover:after {
        width: 100%; }
    .tab-nav__sub-item--active {
      color: var(--color-secondary);
      background-color: var(--color-secondary); }

.page-news .nvsSel {
  margin-bottom: 61px; }
  @media (min-width: 992px) {
    .page-news .nvsSel {
      margin-bottom: 100px; } }

.content--news-list {
  padding: 60px 0; }
  @media (min-width: 992px) {
    .content--news-list {
      padding-top: 90px; } }

.error-block {
  display: block;
  position: relative;
  overflow: hidden; }
  .error-block__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .error-block__gfx {
    width: 100%;
    background-color: #e0e7ee;
    margin-bottom: 50px;
    height: 302px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (min-width: 992px) {
      .error-block__gfx {
        width: 50%;
        height: 700px;
        margin-bottom: 0; } }
  .error-block__image {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
    @media (max-width: 767.98px) {
      .error-block__image {
        -webkit-transform: scale(1.25);
        transform: scale(1.25); } }
    @media (min-width: 576px) {
      .error-block__image {
        -webkit-transform: scale(0.85);
        transform: scale(0.85); } }
    @media (min-width: 1100px) {
      .error-block__image {
        -webkit-transform: scale(1.2);
        transform: scale(1.2); } }
    @media (min-width: 992px) {
      .error-block__image {
        -webkit-transform: scale(1.1);
        transform: scale(1.1); } }
  .error-block__numb {
    color: var(--color-primary);
    font-weight: 900;
    position: absolute;
    font-size: 60vw; }
    .error-block__numb--first {
      top: -32vw;
      left: -7vw;
      -webkit-transform: rotate(-12deg);
      transform: rotate(-12deg); }
    .error-block__numb--second {
      bottom: -47vw;
      right: 11vw;
      -webkit-transform: rotate(8deg);
      transform: rotate(8deg); }
    .error-block__numb--third {
      top: -110px;
      right: -65px;
      -webkit-transform: rotate(12deg);
      transform: rotate(12deg); }
  .error-block__text {
    display: block;
    width: 100%;
    padding: 0 20px 30px 20px; }
    @media (min-width: 992px) {
      .error-block__text {
        width: 50%;
        padding: 210px 50px 0px 50px; } }
  .error-block__title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3125em;
    font-weight: 900;
    color: var(--color-secondary);
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .error-block__title {
        font-size: 42px;
        font-size: 4.2rem;
        line-height: 1.2381em;
        margin-bottom: 27px; } }
  .error-block__subtitle {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.55556em;
    font-weight: 900;
    color: var(--color-secondary);
    margin-bottom: 2px; }
  .error-block__list {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.1875em;
    list-style-position: outside;
    list-style-type: none;
    padding-left: 10px;
    margin-bottom: 30px;
    counter-reset: list-counter;
    color: #000; }
    .error-block__list li {
      padding-left: 30px;
      margin-bottom: 6px;
      position: relative;
      counter-increment: list-counter; }
      .error-block__list li::before {
        content: counter(list-counter) ". ";
        font-weight: 700;
        position: absolute;
        left: -2px;
        color: var(--color-secondary); }
  .error-block__btn {
    color: inherit;
    text-decoration: underline;
    font-weight: 900;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .error-block__btn:hover {
      text-decoration: none;
      color: var(--color-secondary); }

.page-certificate-msc {
  background-color: var(--color-primary); }
  .page-certificate-msc .gradient-bg {
    background: -webkit-gradient(linear, left bottom, left top, from(#001832), to(#0E2A2F));
    background: linear-gradient(360deg, #001832 0%, #0E2A2F 100%); }
  .page-certificate-msc .blue-txt {
    color: #92D5E6; }
  .page-certificate-msc .full-width {
    width: 100%; }
  .page-certificate-msc .hero {
    background-color: #0E2A2F;
    padding-top: 0;
    position: relative;
    overflow: hidden; }
    @media (min-width: 992px) {
      .page-certificate-msc .hero {
        max-width: 100%;
        padding-top: 0; } }
  .page-certificate-msc .hero__media {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 220vw;
    overflow: hidden;
    text-align: center; }
    @media (min-width: 992px) {
      .page-certificate-msc .hero__media {
        height: 62vw; } }
    @media (min-width: 1920px) {
      .page-certificate-msc .hero__media {
        height: 80%; } }
  .page-certificate-msc .hero__img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%; }
    @media (min-width: 992px) {
      .page-certificate-msc .hero__img {
        min-width: 100%; } }
  .page-certificate-msc .breadcrumb {
    padding-bottom: 32px; }
    .page-certificate-msc .breadcrumb__link {
      color: #fff; }
      .page-certificate-msc .breadcrumb__link::after {
        color: var(--color-brownish-grey); }
    .page-certificate-msc .breadcrumb__current {
      color: #D4D4D4;
      text-decoration: underline; }
  .page-certificate-msc .hero__title {
    color: var(--color-pale-grey);
    font-size: 38px;
    line-height: 50px;
    margin: 0 auto 32px;
    max-width: 970px;
    text-align: center;
    text-shadow: 0px 6px 10px #00000033; }
    @media (min-width: 992px) {
      .page-certificate-msc .hero__title {
        font-size: 70px;
        line-height: 90px;
        margin: 0 auto 48px; } }
    .page-certificate-msc .hero__title .blue-txt {
      color: #92D5E6; }
  .page-certificate-msc .hero__text, .page-certificate-msc .hero__text p {
    color: var(--color-pale-grey);
    font-size: 18px;
    line-height: 24px;
    margin: 0 auto 32px;
    max-width: 720px;
    text-align: center;
    text-shadow: 0px 4px 10px #00000066; }
    @media (min-width: 992px) {
      .page-certificate-msc .hero__text, .page-certificate-msc .hero__text p {
        font-size: 22px;
        line-height: 32px;
        margin: 0 auto 48px; } }
  .page-certificate-msc .hero__logo {
    margin: 0 auto 71px; }
    @media (min-width: 992px) {
      .page-certificate-msc .hero__logo {
        margin: 0 auto; } }
  .page-certificate-msc .hero__gallery {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    max-width: 100%;
    position: relative;
    z-index: 2; }
    @media (min-width: 992px) {
      .page-certificate-msc .hero__gallery {
        gap: 37px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
  .page-certificate-msc .hero__gallery-img {
    height: auto;
    width: calc((100% - 60px) / 2);
    -o-object-fit: contain;
    object-fit: contain; }
    .page-certificate-msc .hero__gallery-img:nth-child(2) {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3; }
    @media (min-width: 992px) {
      .page-certificate-msc .hero__gallery-img {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: calc((100% - 74px) / 3); }
        .page-certificate-msc .hero__gallery-img:nth-child(2) {
          -webkit-box-ordinal-group: initial;
          -ms-flex-order: initial;
          order: initial;
          padding-top: 83px; } }
  .page-certificate-msc .msc__title {
    color: var(--color-pale-grey);
    font-size: 39px;
    line-height: 48px;
    margin: 48px 0 32px; }
    @media (min-width: 992px) {
      .page-certificate-msc .msc__title {
        font-size: 96px;
        line-height: 96px;
        margin: 100px 0 64px;
        max-width: 900px; } }
    @media (min-width: 768px) and (max-width: 1199.98px) {
      .page-certificate-msc .msc__title {
        font-size: 82px;
        line-height: 82px; } }
  .page-certificate-msc .msc__title-indented {
    margin-left: 115px;
    text-indent: -115px; }
    @media (min-width: 992px) {
      .page-certificate-msc .msc__title-indented {
        margin-left: calc(30% + 37px);
        text-indent: calc(-30% - 37px);
        margin-left: 21vw;
        text-indent: -21vw; } }
  @media (min-width: 992px) {
    .page-certificate-msc .text-block__wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 76px; } }
  .page-certificate-msc .text-block__large {
    color: var(--color-pale-grey);
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 32px; }
    @media (min-width: 992px) {
      .page-certificate-msc .text-block__large {
        -webkit-box-flex: 1.09;
        -ms-flex: 1.09;
        flex: 1.09;
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 0; } }
  .page-certificate-msc .text-block__small {
    color: var(--color-pale-grey);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px; }
    @media (min-width: 992px) {
      .page-certificate-msc .text-block__small {
        -webkit-box-flex: .8;
        -ms-flex: .8;
        flex: .8;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0;
        padding-left: 120px; } }
  .page-certificate-msc .msc__middle {
    color: var(--color-pale-grey);
    font-size: 18px;
    line-height: 24px;
    margin: 40px 0 48px; }
    .page-certificate-msc .msc__middle:first-of-type {
      margin: 48px 0 0; }
    @media (min-width: 992px) {
      .page-certificate-msc .msc__middle {
        font-size: 30px;
        line-height: 40px;
        margin: 48px 0 132px; }
        .page-certificate-msc .msc__middle:first-of-type {
          margin: 100px 0 0; } }
  .page-certificate-msc .msc__outro {
    color: var(--color-pale-grey);
    font-size: 24px;
    line-height: 32px;
    margin-top: 40px; }
    @media (min-width: 992px) {
      .page-certificate-msc .msc__outro {
        font-size: 30px;
        line-height: 40px;
        margin-top: 132px; } }
    .page-certificate-msc .msc__outro-blue {
      color: #92D5E6;
      font-weight: 800; }
      @media (min-width: 992px) {
        .page-certificate-msc .msc__outro-blue {
          margin-top: 76px; } }
  .page-certificate-msc .msc__outro-img {
    margin: 40px auto 0; }
    @media (min-width: 992px) {
      .page-certificate-msc .msc__outro-img {
        margin: 63px 0 0; } }
  .page-certificate-msc .principle__wrapper {
    height: 138vw;
    padding-bottom: 56px;
    position: relative; }
    @media (min-width: 992px) {
      .page-certificate-msc .principle__wrapper {
        height: 51.85vw;
        padding-bottom: 90px; } }
  .page-certificate-msc .principle__content {
    color: var(--color-pale-grey);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 2; }
  .page-certificate-msc .principle__media {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center; }
  .page-certificate-msc .principle__img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%; }
  .page-certificate-msc .principle__subtitle {
    color: var(--color-pale-grey);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 40px;
    margin-bottom: 8px;
    text-shadow: 0px 4px 10px #00000066; }
  .page-certificate-msc .principle__title {
    color: var(--color-pale-grey);
    font-size: 40px;
    font-weight: 900;
    line-height: 48px;
    margin-bottom: 32px;
    text-shadow: 0px 4px 10px #00000066; }
    @media (min-width: 992px) {
      .page-certificate-msc .principle__title {
        font-size: 80px;
        line-height: 90px;
        max-width: 870px; } }
  .page-certificate-msc .principle__text {
    color: var(--color-pale-grey);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
    text-shadow: 0px 4px 10px #00000066; }
    @media (min-width: 992px) {
      .page-certificate-msc .principle__text {
        font-size: 20px;
        line-height: 32px;
        max-width: 372px; } }

.page-certificate-asc {
  background-color: var(--color-primary); }
  .page-certificate-asc .gradient-bg {
    background: -webkit-gradient(linear, left bottom, left top, from(#001832), to(#0E2A2F));
    background: linear-gradient(360deg, #001832 0%, #0E2A2F 100%); }
  .page-certificate-asc .blue-txt {
    color: #92D5E6; }
  .page-certificate-asc .full-width {
    width: 100%; }
  .page-certificate-asc .hero {
    background-color: #0A2431;
    padding-top: 0;
    position: relative; }
    @media (min-width: 992px) {
      .page-certificate-asc .hero {
        padding-top: 0; } }
  .page-certificate-asc .hero__media {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 64px);
    max-height: 797px;
    overflow: hidden;
    text-align: center; }
    @media (min-width: 992px) {
      .page-certificate-asc .hero__media {
        height: 63vw;
        max-height: 100%; } }
    @media (min-width: 1920px) {
      .page-certificate-asc .hero__media {
        height: 100%; } }
    .page-certificate-asc .hero__media::before {
      background: linear-gradient(7.49deg, rgba(10, 36, 49, 0) 12.56%, rgba(10, 36, 49, 0.7) 66.52%);
      content: '';
      display: block;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  .page-certificate-asc .hero__img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto; }
    @media (min-width: 768px) and (max-width: 1199.98px) {
      .page-certificate-asc .hero__img {
        width: 100%; } }
    @media (min-width: 992px) {
      .page-certificate-asc .hero__img {
        height: 100%;
        min-width: 100%;
        width: initial; } }
  .page-certificate-asc .breadcrumb {
    padding-bottom: 32px;
    padding-top: 77px; }
    @media (min-width: 992px) {
      .page-certificate-asc .breadcrumb {
        padding-top: 176px; } }
    .page-certificate-asc .breadcrumb__link {
      color: #fff; }
      .page-certificate-asc .breadcrumb__link::after {
        color: var(--color-brownish-grey); }
    .page-certificate-asc .breadcrumb__current {
      color: #D4D4D4;
      text-decoration: underline; }
  .page-certificate-asc .hero__title {
    color: var(--color-pale-grey);
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 32px;
    max-width: 970px;
    text-align: center;
    text-shadow: 0px 6px 10px #00000033; }
    @media (min-width: 992px) {
      .page-certificate-asc .hero__title {
        font-size: 70px;
        line-height: 90px;
        margin: 0 auto 48px; } }
  .page-certificate-asc .hero__subtitle {
    color: var(--color-pale-grey);
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 32px;
    font-weight: 500;
    max-width: 970px;
    text-align: center;
    text-shadow: 0px 6px 10px #00000033; }
    @media (min-width: 992px) {
      .page-certificate-asc .hero__subtitle {
        font-size: 40px;
        line-height: 50px;
        margin: 0 auto 48px; } }
  .page-certificate-asc .hero__text, .page-certificate-asc .hero__text p {
    color: var(--color-pale-grey);
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    margin: 0 auto 48px;
    max-width: 970px;
    text-shadow: 0px 4px 10px #00000066; }
    @media (min-width: 992px) {
      .page-certificate-asc .hero__text, .page-certificate-asc .hero__text p {
        font-size: 30px;
        line-height: 40px;
        font-weight: 500;
        margin: 0 auto 97px; } }
  .page-certificate-asc .hero__logo {
    margin: 0 auto 82px; }
    @media (min-width: 992px) {
      .page-certificate-asc .hero__logo {
        margin: 0 auto 213px; } }
  .page-certificate-asc .hero__gallery {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 37px;
    position: relative;
    z-index: 2; }
  .page-certificate-asc .hero__gallery-img {
    height: auto;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain; }
    .page-certificate-asc .hero__gallery-img:nth-child(2) {
      padding-top: 83px; }
  .page-certificate-asc .asc__title {
    color: var(--color-pale-grey);
    font-size: 40px;
    line-height: 48px;
    margin: 48px 0 32px; }
    @media (min-width: 992px) {
      .page-certificate-asc .asc__title {
        font-size: 96px;
        line-height: 96px;
        margin: 100px 0 64px;
        max-width: 900px; } }
    @media (min-width: 768px) and (max-width: 1199.98px) {
      .page-certificate-asc .asc__title {
        font-size: 82px;
        line-height: 82px; } }
  @media (min-width: 992px) {
    .page-certificate-asc .text-block__wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 76px; } }
  .page-certificate-asc .text-block__large {
    color: var(--color-pale-grey);
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 32px; }
    @media (min-width: 992px) {
      .page-certificate-asc .text-block__large {
        -webkit-box-flex: 1.09;
        -ms-flex: 1.09;
        flex: 1.09;
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 0; } }
  .page-certificate-asc .text-block__small {
    color: var(--color-pale-grey);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px; }
    @media (min-width: 992px) {
      .page-certificate-asc .text-block__small {
        -webkit-box-flex: .8;
        -ms-flex: .8;
        flex: .8;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0;
        padding-left: 120px; } }
  .page-certificate-asc .double-image__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 43px; }
    @media (min-width: 992px) {
      .page-certificate-asc .double-image__wrapper {
        margin-bottom: 110px; } }
    .page-certificate-asc .double-image__wrapper picture:first-child .double-image__img {
      padding-top: 53px; }
  .page-certificate-asc .asc__half-title {
    color: var(--color-pale-grey);
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 32px; }
    @media (min-width: 992px) {
      .page-certificate-asc .asc__half-title {
        font-size: 64px;
        line-height: 78px;
        margin-bottom: 40px;
        width: 50%; } }
  .page-certificate-asc .asc-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px; }
    @media (min-width: 992px) {
      .page-certificate-asc .asc-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        row-gap: 32px; } }
  .page-certificate-asc .asc-grid__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px; }
    @media (min-width: 992px) {
      .page-certificate-asc .asc-grid__item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 16px 24px; } }
  .page-certificate-asc .asc-grid__text {
    color: var(--color-pale-grey);
    font-size: 18px;
    line-height: 28px; }
    @media (min-width: 992px) {
      .page-certificate-asc .asc-grid__text {
        font-size: 24px;
        line-height: 36px; } }
  .page-certificate-asc .asc__outro {
    color: var(--color-pale-grey);
    font-size: 24px;
    line-height: 32px;
    margin-top: 40px; }
    @media (min-width: 992px) {
      .page-certificate-asc .asc__outro {
        font-size: 30px;
        line-height: 40px;
        margin-top: 132px; } }
    .page-certificate-asc .asc__outro-blue {
      color: #92D5E6;
      font-weight: 800; }
      @media (min-width: 992px) {
        .page-certificate-asc .asc__outro-blue {
          margin-top: 76px; } }
  .page-certificate-asc .asc__outro-img {
    margin: 40px auto 48px; }
    @media (min-width: 992px) {
      .page-certificate-asc .asc__outro-img {
        margin: 63px auto 100px; } }
  .page-certificate-asc .msc-proizvodi__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px; }
    @media (min-width: 992px) {
      .page-certificate-asc .msc-proizvodi__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px; } }
  .page-certificate-asc .msc-proizvodi__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0E58A3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 456px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 60px 27px; }
    @media (min-width: 992px) {
      .page-certificate-asc .msc-proizvodi__item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 520px;
        padding: 64px 24px; } }
  .page-certificate-asc .msc-proizvodi__title {
    color: var(--color-pale-grey);
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 48px;
    text-align: center; }
    @media (min-width: 992px) {
      .page-certificate-asc .msc-proizvodi__title {
        font-size: 42px;
        line-height: 54px;
        margin-bottom: 32px; } }
  .page-certificate-asc .msc-proizvodi__item-title {
    color: var(--color-pale-grey);
    font-size: 22px;
    line-height: 32px;
    text-align: center; }
  .page-certificate-asc .msc-proizvodi__item-img {
    max-height: 252px;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto; }
  .page-certificate-asc .msc-proizvodi__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }
  .page-certificate-asc .msc-proizvodi__link-all {
    font-weight: 900; }
  .page-certificate-asc .msc-proizvodi__link {
    color: var(--color-pale-grey);
    font-size: 16px;
    line-height: 25px;
    text-decoration: underline; }

/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

HOME HERO COMPONENT

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
.home-hero {
  position: relative;
  height: 100vh;
  min-height: 700px; }
  .home-hero__media:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(#000000));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #000000);
    background-blend-mode: multiply; }
  .home-hero__contents {
    display: block;
    position: relative;
    margin: 0 auto 80px;
    max-width: 900px;
    padding-top: 180px; }
  .home-hero__title {
    font-size: 70px;
    font-size: 7rem;
    line-height: 1.28571em;
    color: #FFFFFF;
    font-family: "Avenir", sans-serif;
    font-weight: normal;
    text-align: center; }
    .home-hero__title span {
      font-weight: bold; }

/*
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

Animations

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
@-webkit-keyframes slide {
  from {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }
@keyframes slide {
  from {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

@-webkit-keyframes opacity1 {
  0% {
    opacity: 0; }
  46% {
    opacity: 0; }
  75% {
    opacity: 1; } }

@keyframes opacity1 {
  0% {
    opacity: 0; }
  46% {
    opacity: 0; }
  75% {
    opacity: 1; } }

.anim-hide {
  opacity: 0; }

.animation {
  overflow-y: hidden; }
  .animation .animation-item {
    display: inline-block;
    overflow-y: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .animation .animation-item .animation-letter {
      display: inline-block;
      overflow-y: hidden;
      text-shadow: 0px 4px 5px #00000020;
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-delay: 0.1s;
      transition-delay: 0.1s;
      opacity: 0;
      -webkit-animation-name: opacity1;
      animation-name: opacity1;
      -webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
      -webkit-animation-iteration-count: once;
      animation-iteration-count: once; }
  .animation .animation-item.animate .animation-letter:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s; }
  .animation .animation-item.animate .animation-letter:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  .animation .animation-item.animate .animation-letter:nth-child(4) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s; }
  .animation .animation-item.animate .animation-letter:nth-child(5) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s; }
  .animation .animation-item.animate .animation-letter:nth-child(6) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s; }
  .animation .animation-item.animate .animation-letter:nth-child(7) {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s; }
  .animation .animation-item.animate .animation-letter:nth-child(8) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s; }
  .animation .animation-item.animate .animation-letter:nth-child(9) {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s; }
  .animation .animation-item.animate .animation-letter:nth-child(10) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s; }
  .animation .animation-item.animate .animation-letter:nth-child(11) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s; }
  .animation .animation-item.animate .animation-letter:nth-child(12) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s; }
  .animation .animation-item.animate .animation-letter:nth-child(13) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s; }
  .animation .animation-item.animate .animation-letter:nth-child(14) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s; }
  .animation .animation-item.animate .animation-letter:nth-child(15) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s; }
  .animation .animation-item.animate .animation-letter:nth-child(16) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s; }
  .animation .animation-item.animate .animation-letter:nth-child(17) {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s; }
  .animation .animation-item.animate .animation-letter:nth-child(18) {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s; }
  .animation .animation-item.animate .animation-letter:nth-child(19) {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s; }
  .animation .animation-item.animate .animation-letter:nth-child(20) {
    -webkit-transition-delay: 2s;
    transition-delay: 2s; }
  .animation.reveal {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
    .animation.reveal .animate {
      margin-top: -7px; }
      @media (min-width: 992px) {
        .animation.reveal .animate {
          margin-top: -15px; } }
      .animation.reveal .animate span {
        display: initial;
        padding-top: 7px; }
        @media (min-width: 992px) {
          .animation.reveal .animate span {
            padding-top: 15px; } }
      .animation.reveal .animate .animation-letter {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1; }

.hero-dark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 77px;
  background: var(--color-primary); }
  @media (min-width: 992px) {
    .hero-dark {
      padding-top: 114px;
      min-height: 440px; } }
  .hero-dark--single {
    padding-bottom: 44px; }
  .hero-dark__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; }
  .hero-dark__subtitle {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #8da4b9;
    margin-bottom: 15px;
    font-weight: 400; }
    @media (min-width: 992px) {
      .hero-dark__subtitle {
        margin-bottom: 17px; } }
  .hero-dark__title {
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.3em;
    color: #FFFFFF;
    margin-bottom: 86px; }
    @media (min-width: 992px) {
      .hero-dark__title {
        font-size: 80px;
        font-size: 8rem;
        line-height: 1.25em; } }
    .hero-dark__title p {
      font-size: 40px;
      font-size: 4rem;
      line-height: 1.3em;
      color: #FFFFFF;
      margin-bottom: 0; }
      @media (min-width: 992px) {
        .hero-dark__title p {
          font-size: 80px;
          font-size: 8rem;
          line-height: 1.25em; } }
  .hero-dark--fish {
    position: relative;
    background: url(/images/primary/fish-mag-bg.jpg) no-repeat center bottom;
    background-size: cover; }
    @media (min-width: 992px) {
      .hero-dark--fish {
        min-height: 512px; } }
    .hero-dark--fish .hero-dark__media {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      text-align: center; }
    .hero-dark--fish .hero-dark__img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translateY(-37%) translateX(-50%) scale(1.2);
      transform: translateY(-37%) translateX(-50%) scale(1.2);
      max-height: 140%;
      overflow: hidden; }
      @media (min-width: 768px) {
        .hero-dark--fish .hero-dark__img {
          -webkit-transform: translateY(-50%) translateX(-50%) scale(1.6);
          transform: translateY(-50%) translateX(-50%) scale(1.6);
          max-height: 100%; } }
  .hero-dark--certificats {
    position: relative;
    padding-top: 120px;
    min-height: 363px; }
    @media (min-width: 992px) {
      .hero-dark--certificats {
        padding-top: 190px;
        min-height: 480px; } }
    .hero-dark--certificats .hero-dark__media {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      text-align: center; }
    .hero-dark--certificats .hero-dark__img {
      position: absolute;
      height: 100%;
      left: 50%;
      top: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      overflow: hidden;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
    .hero-dark--certificats .hero-dark__title {
      margin-bottom: 0;
      text-align: center; }

.hero-light {
  padding-bottom: 20px; }
  @media (min-width: 992px) {
    .hero-light {
      padding-bottom: 192px; } }
  .hero-light--spaced {
    padding-bottom: 40px; }
    @media (min-width: 992px) {
      .hero-light--spaced {
        padding-bottom: 84px; } }
  .hero-light--nogutter {
    padding-bottom: 40px; }
    @media (min-width: 992px) {
      .hero-light--nogutter {
        padding-bottom: 0; } }
  .hero-light__title {
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.3em;
    font-weight: 900;
    text-align: center;
    color: var(--color-primary);
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .hero-light__title {
        font-size: 70px;
        font-size: 7rem;
        line-height: 1.28571em;
        margin-bottom: 48px; } }
    @media (min-width: 992px) {
      .hero-light__title--alt {
        margin-bottom: 16px; } }
    .hero-light__title p {
      font-size: 40px;
      font-size: 4rem;
      line-height: 1.3em;
      font-weight: 900;
      text-align: center;
      color: var(--color-primary);
      margin-bottom: 0; }
      @media (min-width: 992px) {
        .hero-light__title p {
          font-size: 70px;
          font-size: 7rem;
          line-height: 1.28571em; } }
  .hero-light__list {
    display: none; }
    @media (min-width: 992px) {
      .hero-light__list {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-bottom: 0px;
        text-align: center;
        margin-bottom: 80px; } }
  .hero-light__item {
    display: inline;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 500;
    color: var(--color-primary); }
    @media (min-width: 992px) {
      .hero-light__item {
        line-height: 1.71429em; } }
    .hero-light__item:after {
      display: inline-block;
      content: " ";
      width: 3px;
      height: 3px;
      background: var(--color-secondary);
      border-radius: 50%;
      margin-left: 7px;
      margin-right: 7px;
      vertical-align: middle; }
    .hero-light__item:last-child:after {
      display: none; }

.hero-home {
  position: relative;
  padding-top: 90px;
  padding-bottom: 91px;
  background: #f2f6fa;
  height: auto;
  min-height: 574px; }
  @media (min-width: 992px) {
    .hero-home {
      padding-top: 196px;
      padding-bottom: 91px;
      min-height: 740px; } }
  .hero-home__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #f2f6fa; }
  .hero-home__image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
    font-family: 'object-fit: cover; object-position: bottom;';
    width: 100%;
    height: 100%; }
    @media (min-width: 992px) {
      .hero-home__image {
        -o-object-position: center;
        object-position: center;
        font-family: 'object-fit: cover; object-position: center;'; } }
  .hero-home__wrap {
    padding: 80px 0 130px 0;
    position: relative;
    z-index: 2; }
    @media (min-width: 992px) {
      .hero-home__wrap {
        padding: 196px 0 100px 0; } }
  .hero-home__subtitle {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 900;
    letter-spacing: 2.4px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 16px; }
  .hero-home__title {
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.25em;
    font-weight: 900;
    color: #fff;
    margin-bottom: 23px; }
    @media (min-width: 992px) {
      .hero-home__title {
        font-size: 54px;
        font-size: 5.4rem;
        line-height: 1.18519em;
        margin-bottom: 30px; } }
    @media only screen and (min-width: 1200px) and (min-height: 840px) {
      .hero-home__title {
        font-size: 70px;
        font-size: 7rem;
        line-height: 1.14286em;
        margin-bottom: 20px; } }
  .hero-home__title-link {
    color: #fff;
    opacity: 1; }
    body.frikom .hero-home__title-link {
      color: #fff; }
    .hero-home__title-link:hover {
      text-decoration: none;
      color: #fff; }
  .hero-home__link {
    display: block;
    position: relative;
    margin-bottom: 57px; }

.home-slider {
  position: relative; }
  .home-slider .swiper-container {
    height: calc(100vh - 66px);
    min-height: 560px; }
    @media (min-width: 992px) {
      .home-slider .swiper-container {
        height: 100vh;
        min-height: 740px; } }
  .home-slider .swiper-slide {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin: 0;
    padding: 0;
    height: auto;
    position: relative; }
    .home-slider .swiper-slide[data-swiper-slide-index="0"]:after {
      content: '';
      background: #000000;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0.175;
      pointer-events: none; }
    .home-slider .swiper-slide[data-swiper-slide-index="0"] .hero-home__title-link {
      color: #fff; }
    body.frikom .home-slider .swiper-slide {
      position: relative;
      /* &[data-swiper-slide-index="2"] {
				.hero-home__title-link {
					color: #fff;
				}
			} */ }
      body.frikom .home-slider .swiper-slide:after {
        content: '';
        background: #000000;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0.175;
        pointer-events: none; }
  .home-slider .swiper-pagination-bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
    bottom: 75px;
    left: 0;
    gap: 10px; }
    @media (min-width: 992px) {
      .home-slider .swiper-pagination-bullets {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left;
        bottom: 75px;
        left: 50%;
        gap: 10px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: initial; } }
  .home-slider .swiper-pagination-bullet {
    width: auto;
    opacity: 1;
    border-radius: 0;
    height: auto;
    background: none; }
    @media (min-width: 992px) {
      .home-slider .swiper-pagination-bullet {
        text-align: left;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 250px; } }
    .home-slider .swiper-pagination-bullet:hover .swiper-pagination-bullet-item {
      visibility: visible; }
    .home-slider .swiper-pagination-bullet:hover .swiper-pagination-bullet-text {
      color: #fff;
      opacity: 1; }
      body.frikom .home-slider .swiper-pagination-bullet:hover .swiper-pagination-bullet-text {
        color: #fff; }
  .home-slider .swiper-pagination-bullet-item {
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out;
    opacity: 1;
    border-radius: 0;
    position: relative; }
    @media (min-width: 992px) {
      .home-slider .swiper-pagination-bullet-item {
        width: 30px;
        height: 30px; } }
    .home-slider .swiper-pagination-bullet-item .bullet-dark-blue {
      -webkit-animation: growDarkBlue .2s;
      animation: growDarkBlue .2s;
      background-color: #001832;
      border-radius: 50%;
      display: inline-block;
      height: 30px;
      opacity: 1;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 30px;
      z-index: 2; }
    .home-slider .swiper-pagination-bullet-item .bullet-light-blue {
      -webkit-animation: growLightBlue .2s;
      animation: growLightBlue .2s;
      background-color: #142E4A;
      border-radius: 50%;
      display: inline-block;
      height: 10px;
      opacity: 1;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 10px;
      z-index: 2; }
    .home-slider .swiper-pagination-bullet-item .bullet-target-white {
      border: 5px solid white;
      border-radius: 50%;
      display: inline-block;
      height: 30px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 30px;
      z-index: 1; }
    .home-slider .swiper-pagination-bullet-item .bullet-target-red {
      background-color: #C6191B;
      border-radius: 50%;
      display: inline-block;
      height: 10px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 10px;
      z-index: 1; }
    .home-slider .swiper-pagination-bullet-item .bullet-progress-loader {
      display: inline-block;
      width: 30px;
      height: 30px;
      border: 5px solid #FFF;
      border-radius: 50%;
      position: relative;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      opacity: 0; }
    .home-slider .swiper-pagination-bullet-item .bullet-progress-loader::before {
      content: "";
      position: absolute;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      inset: -5px;
      border-radius: 50%;
      border: 5px solid #C6191B; }

@-webkit-keyframes loaderRotateClip {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    opacity: 1; }
  25% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    opacity: 1; }
  50% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    opacity: 1; }
  75% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    opacity: 1; }
  100% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    opacity: 1; } }

@keyframes loaderRotateClip {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    opacity: 1; }
  25% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    opacity: 1; }
  50% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    opacity: 1; }
  75% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    opacity: 1; }
  100% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    opacity: 1; } }
  .home-slider .swiper-pagination-bullet-active .bullet-target-white, .home-slider .swiper-pagination-bullet-active .bullet-target-red {
    z-index: 2; }
  .home-slider .swiper-pagination-bullet-active .bullet-dark-blue, .home-slider .swiper-pagination-bullet-active .bullet-light-blue {
    opacity: 0; }
  .home-slider .swiper-pagination-bullet-active .bullet-light-blue {
    -webkit-animation: hideLightBlue .5s;
    animation: hideLightBlue .5s; }
  .home-slider .swiper-pagination-bullet-active .bullet-dark-blue {
    -webkit-animation: hideDarkBlue .5s;
    animation: hideDarkBlue .5s; }
  .home-slider .swiper-pagination-bullet-active .bullet-target-white {
    -webkit-animation: growTargetWhite .5s;
    animation: growTargetWhite .5s; }
  .home-slider .swiper-pagination-bullet-active .bullet-target-red {
    -webkit-animation: growTargetRed .5s;
    animation: growTargetRed .5s; }
  .home-slider .swiper-pagination-bullet-active .bullet-progress-loader {
    -webkit-animation: loaderRotateClip 3s .5s linear forwards;
    animation: loaderRotateClip 3s .5s linear forwards;
    z-index: 3; }
  .home-slider .swiper-pagination-bullet-active .bullet-progress {
    -webkit-transition: all 0.035s ease;
    transition: all 0.035s ease; }

@-webkit-keyframes growDarkBlue {
  0% {
    height: 0;
    width: 0; }
  100% {
    height: 30px;
    width: 30px; } }

@keyframes growDarkBlue {
  0% {
    height: 0;
    width: 0; }
  100% {
    height: 30px;
    width: 30px; } }

@-webkit-keyframes growLightBlue {
  0% {
    height: 0;
    width: 0; }
  50% {
    height: 0;
    width: 0; }
  100% {
    height: 10px;
    width: 10px; } }

@keyframes growLightBlue {
  0% {
    height: 0;
    width: 0; }
  50% {
    height: 0;
    width: 0; }
  100% {
    height: 10px;
    width: 10px; } }

@-webkit-keyframes hideDarkBlue {
  0% {
    height: 30px;
    width: 30px;
    opacity: 1; }
  25% {
    height: 30px;
    width: 30px;
    opacity: 1; }
  50% {
    height: 30px;
    width: 30px;
    opacity: 0; }
  75% {
    height: 0;
    width: 0;
    opacity: 0; }
  100% {
    height: 0;
    width: 0;
    opacity: 0; } }

@keyframes hideDarkBlue {
  0% {
    height: 30px;
    width: 30px;
    opacity: 1; }
  25% {
    height: 30px;
    width: 30px;
    opacity: 1; }
  50% {
    height: 30px;
    width: 30px;
    opacity: 0; }
  75% {
    height: 0;
    width: 0;
    opacity: 0; }
  100% {
    height: 0;
    width: 0;
    opacity: 0; } }

@-webkit-keyframes hideLightBlue {
  0% {
    height: 10px;
    width: 10px;
    opacity: 1; }
  50% {
    height: 30px;
    width: 30px;
    opacity: 1; }
  75% {
    height: 30px;
    width: 30px;
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    height: 0;
    width: 0;
    opacity: 0; } }

@keyframes hideLightBlue {
  0% {
    height: 10px;
    width: 10px;
    opacity: 1; }
  50% {
    height: 30px;
    width: 30px;
    opacity: 1; }
  75% {
    height: 30px;
    width: 30px;
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    height: 0;
    width: 0;
    opacity: 0; } }

@-webkit-keyframes growTargetWhite {
  0% {
    border-width: 0px;
    height: 0;
    width: 0; }
  25% {
    border-width: 0px;
    height: 0;
    width: 0; }
  50% {
    border-width: 0px;
    height: 0;
    width: 0; }
  75% {
    border-width: 5px;
    height: 0;
    width: 0; }
  100% {
    border-width: 5px;
    height: 30px;
    width: 30px; } }

@keyframes growTargetWhite {
  0% {
    border-width: 0px;
    height: 0;
    width: 0; }
  25% {
    border-width: 0px;
    height: 0;
    width: 0; }
  50% {
    border-width: 0px;
    height: 0;
    width: 0; }
  75% {
    border-width: 5px;
    height: 0;
    width: 0; }
  100% {
    border-width: 5px;
    height: 30px;
    width: 30px; } }

@-webkit-keyframes growTargetRed {
  0% {
    height: 0;
    width: 0; }
  25% {
    height: 0;
    width: 0; }
  50% {
    height: 10px;
    width: 10px; }
  75% {
    height: 10px;
    width: 10px; }
  100% {
    height: 10px;
    width: 10px; } }

@keyframes growTargetRed {
  0% {
    height: 0;
    width: 0; }
  25% {
    height: 0;
    width: 0; }
  50% {
    height: 10px;
    width: 10px; }
  75% {
    height: 10px;
    width: 10px; }
  100% {
    height: 10px;
    width: 10px; } }
  .home-slider .swiper-pagination-bullet-text {
    display: none; }
    @media (min-width: 992px) {
      .home-slider .swiper-pagination-bullet-text {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.55556em;
        color: var(--color-brownish-grey);
        display: none;
        margin-bottom: 30px;
        font-weight: 500;
        margin-bottom: 0;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        body.frikom .home-slider .swiper-pagination-bullet-text {
          color: #fff;
          opacity: 0.4; } }
  .home-slider .swiper-pagination-bullet-active .swiper-pagination-bullet-item {
    height: 30px;
    visibility: visible; }
  @media (min-width: 992px) {
    .home-slider .swiper-pagination-bullet-active .swiper-pagination-bullet {
      visibility: visible; }
    .home-slider .swiper-pagination-bullet-active .swiper-pagination-bullet-item {
      height: 30px; }
    .home-slider .swiper-pagination-bullet-active .swiper-pagination-bullet-text {
      color: #fff;
      opacity: 1; }
      body.frikom .home-slider .swiper-pagination-bullet-active .swiper-pagination-bullet-text {
        color: #fff;
        opacity: 1; } }
  .home-slider::after {
    bottom: 45px;
    content: url("/src/img/svg/hero-swirl-right.svg");
    height: 40px;
    right: 0;
    position: absolute;
    z-index: 2; }
  .home-slider::before {
    background-color: #fff;
    bottom: 0;
    border-top-left-radius: 45px;
    content: '';
    display: block;
    height: 45px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2; }
  .home-slider .btn.btn--c-primary.food-combination__btn, .home-slider .btn--c-primary.food-combination__btn.brosura {
    padding: 13px 34px 12px; }
    @media (min-width: 1200px) {
      .home-slider .btn.btn--c-primary.food-combination__btn, .home-slider .btn--c-primary.food-combination__btn.brosura {
        padding: 13px 34px 12px; } }

.swiper-scroll-indicator {
  position: absolute;
  bottom: 38px;
  z-index: 10;
  -webkit-animation: scrollDown 1.5s infinite;
  animation: scrollDown 1.5s infinite;
  right: 20px; }
  @media (min-width: 992px) {
    .swiper-scroll-indicator {
      left: 0;
      right: auto; } }

@-webkit-keyframes scrollDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(12px);
    transform: translateY(12px); } }

@keyframes scrollDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(12px);
    transform: translateY(12px); } }

.nvsSel {
  position: relative;
  margin: 0 0 28px; }
  @media (min-width: 992px) {
    .nvsSel {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; } }
  .nvsSel.error .selectField {
    border: var(--color-secondary) 1px solid; }
  .nvsSel .selectField {
    display: block;
    position: relative;
    width: 100%;
    min-height: 46px;
    color: #494848;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333em;
    font-weight: 900;
    padding: 10px 20px;
    -webkit-box-shadow: inset 0 -1px 0px rgba(119, 140, 160, 0.3);
    box-shadow: inset 0 -1px 0px rgba(119, 140, 160, 0.3);
    color: var(--color-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .nvsSel .selectField:after {
      content: "";
      display: block;
      background-image: url("/src/img/svg/caret-navy.svg");
      width: 11px;
      height: 6px;
      position: absolute;
      top: 50%;
      right: 20px;
      margin-top: -3px; }
  .nvsSel ul {
    display: none;
    list-style: none;
    background-color: #fff;
    border-top: none;
    padding: 10px 0;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 100;
    position: absolute;
    left: 0;
    top: 100%;
    max-height: 500px;
    overflow-y: auto;
    -webkit-box-shadow: 3px 8px 32px 0 rgba(0, 35, 69, 0.1);
    box-shadow: 3px 8px 32px 0 rgba(0, 35, 69, 0.1); }
    .nvsSel ul li {
      padding: 0;
      margin: 0;
      padding: 0 20px; }
      .nvsSel ul li:before {
        content: none; }
      .nvsSel ul li.focus a {
        color: var(--color-secondary); }
      .nvsSel ul li a,
      .nvsSel ul li a:not([href]):not([tabindex]) {
        display: block;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.33333em;
        color: var(--color-primary);
        padding: 13px 0 14px;
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: color 250ms ease-in-out;
        transition: color 250ms ease-in-out; }
        .nvsSel ul li a:hover,
        .nvsSel ul li a:not([href]):not([tabindex]):hover {
          color: var(--color-secondary); }
        .nvsSel ul li a:before,
        .nvsSel ul li a:not([href]):not([tabindex]):before {
          content: none; }
      .nvsSel ul li:not(:last-of-type) a,
      .nvsSel ul li:not(:last-of-type) a:not([href]):not([tabindex]) {
        -webkit-box-shadow: inset 0 -1px 0px rgba(119, 140, 160, 0.3);
        box-shadow: inset 0 -1px 0px rgba(119, 140, 160, 0.3); }
    .nvsSel ul .on a {
      color: var(--color-secondary); }
  .nvsSel.open .selectField {
    color: var(--color-secondary);
    -webkit-box-shadow: inset 0 -1px 0px var(--color-secondary);
    box-shadow: inset 0 -1px 0px var(--color-secondary); }
    .nvsSel.open .selectField:after {
      background-image: url("/src/img/svg/caret-red.svg");
      width: 11px;
      height: 6px; }
  .nvsSel.open ul {
    display: block; }

.dropdown {
  position: relative; }
  .dropdown__select {
    -webkit-box-shadow: inset 0px -1px 0 0 var(--color-secondary);
    box-shadow: inset 0px -1px 0 0 var(--color-secondary);
    position: relative;
    min-height: 34px; }
    .dropdown__select--job-app {
      padding: 18px 20px;
      background-color: #f3f5f8;
      -webkit-box-shadow: inset 0px -1px 0 0 var(--color-primary);
      box-shadow: inset 0px -1px 0 0 var(--color-primary);
      min-height: 60px; }
  .dropdown__select-current-item {
    display: block;
    padding: 5px 70px 5px 10px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333em;
    font-weight: 900;
    color: var(--color-primary);
    margin-bottom: 0;
    -webkit-transition: color 250ms ease-in-out;
    transition: color 250ms ease-in-out; }
    .dropdown__select-current-item:hover {
      color: var(--color-secondary);
      text-decoration: none; }
      .dropdown__select-current-item:hover ~ .dropdown__select-icon path {
        fill: var(--color-secondary); }
    .dropdown__select-current-item.is-active {
      color: var(--color-secondary); }
      .dropdown__select-current-item.is-active ~ .dropdown__select-icon {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg); }
        .dropdown__select-current-item.is-active ~ .dropdown__select-icon path {
          fill: var(--color-secondary); }
  .dropdown__select-icon {
    position: absolute;
    top: 50%;
    right: 9px;
    margin-top: -4px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; }
    .dropdown__select-icon path {
      -webkit-transition: fill 250ms ease-in-out;
      transition: fill 250ms ease-in-out; }
  .dropdown__list {
    padding: 0 0 0 12px;
    list-style-type: none; }
    .dropdown__list .xFilter:hover {
      color: #fff; }
    @media (min-width: 992px) {
      .dropdown__list .xFilter {
        display: none; } }
  .dropdown__list--main {
    display: none;
    padding: 16px 20px;
    background-color: #eef1f3; }
  .dropdown__list--filters {
    display: none;
    padding: 16px 20px;
    background-color: #fff;
    -webkit-box-shadow: 3px 8px 32px 0 rgba(0, 35, 69, 0.1);
    box-shadow: 3px 8px 32px 0 rgba(0, 35, 69, 0.1);
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 2; }
  @media (min-width: 992px) {
    .dropdown__list-item {
      margin-right: 10px; } }
  @media (min-width: 1200px) {
    .dropdown__list-item {
      margin-right: 20px; } }
  .dropdown__sub-item {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5em;
    font-weight: 900;
    color: var(--color-primary);
    padding: 6px 0;
    -webkit-transition: color 250ms ease-in-out;
    transition: color 250ms ease-in-out; }
    .dropdown__sub-item:hover {
      color: var(--color-secondary);
      text-decoration: none; }
  .dropdown__sub-item--fw500 {
    font-weight: 500; }

@media (min-width: 992px) {
  .dropdown-filter {
    padding: 16px 0; }
    .dropdown-filter ul {
      position: relative; }
    .dropdown-filter .dropdown__list-item {
      margin-right: 0px;
      padding: 0 20px;
      -webkit-transition: color 250ms ease-in-out;
      transition: color 250ms ease-in-out; }
      .dropdown-filter .dropdown__list-item:hover {
        background-color: #f2f6fa; } }

@media (min-width: 992px) {
  .dropdown-expanded-desktop {
    margin-bottom: 60px; } }

@media (min-width: 992px) {
  .dropdown-expanded-desktop .dropdown__select {
    display: none; } }

@media (min-width: 992px) {
  .dropdown-expanded-desktop .dropdown__list--main {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: inset 0 -1px 0 0 var(--color-secondary);
    box-shadow: inset 0 -1px 0 0 var(--color-secondary);
    position: relative; } }

@media (min-width: 992px) {
  .dropdown-expanded-desktop .dropdown__list-item:hover > .dropdown__sub-item, .dropdown-expanded-desktop .dropdown__list-item.current > .dropdown__sub-item {
    color: var(--color-secondary); } }

@media (min-width: 992px) {
  .dropdown-expanded-desktop .dropdown__list-item:hover > .dropdown__sub-item:after, .dropdown-expanded-desktop .dropdown__list-item.current > .dropdown__sub-item:after {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@media (min-width: 992px) {
  .dropdown-expanded-desktop .dropdown__list-item:hover .sub-list, .dropdown-expanded-desktop .dropdown__list-item.current .sub-list {
    opacity: 1;
    pointer-events: auto; } }

@media (min-width: 992px) {
  .dropdown-expanded-desktop .dropdown__sub-item {
    line-height: 1.375em;
    padding: 11px 14px;
    position: relative;
    overflow: hidden;
    color: #516775; } }

.dropdown-expanded-desktop .dropdown__sub-item:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-secondary);
  height: 3px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }

@media (min-width: 992px) {
  .sub-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    padding: 0;
    background-color: #fff;
    -webkit-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
    opacity: 0;
    pointer-events: none; } }

@media (min-width: 992px) {
  .sub-list__item {
    padding: 0 10px; } }

.sub-list__item:first-of-type {
  padding-left: 0; }

@media (min-width: 992px) {
  .sub-list__item .dropdown__sub-item {
    padding: 19px 10px 16px; }
    .sub-list__item .dropdown__sub-item:after {
      content: none; } }

.selected-filter {
  display: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 15px; }
  .selected-filter__item {
    padding-right: 10px; }
  .selected-filter__item-label {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33333em;
    font-weight: 500;
    color: var(--color-primary);
    margin-bottom: 3px; }
  .selected-filter__item-list {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33333em;
    font-weight: 500;
    color: #969696;
    margin-bottom: 0; }
  .selected-filter__clear {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33333em;
    font-weight: 900;
    color: var(--color-primary);
    -webkit-transition: color 250ms ease-in-out;
    transition: color 250ms ease-in-out; }
    .selected-filter__clear:hover {
      color: var(--color-secondary); }

.decorative-headings {
  text-align: center; }
  .decorative-headings--separator {
    border-top: 1px solid var(--color-pale-grey);
    margin-top: 100px; }
  .decorative-headings__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 900;
    letter-spacing: 2.4px;
    color: var(--color-secondary);
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
    z-index: 2; }
    .decorative-headings__title:before {
      content: '';
      display: block;
      margin: 0 auto;
      margin-bottom: 16px; }
    .decorative-headings__title--color-primary {
      color: var(--color-primary); }
    .decorative-headings__title--utensils:before {
      width: 51px;
      height: 50px;
      background: url("/src/img/svg/utensils.svg") no-repeat center; }
    .decorative-headings__title--chefs:before {
      width: 56px;
      height: 56px;
      background: url("/src/img/svg/chefs.svg") no-repeat center; }
    .decorative-headings__title--newspaper:before {
      width: 86px;
      height: 43px;
      background: url("/src/img/svg/newspaper.svg") no-repeat center; }
    .decorative-headings__title--plates:before {
      width: 73px;
      height: 38px;
      background: url("/src/img/svg/plates.svg") no-repeat center; }
    .decorative-headings__title--drinks:before {
      width: 60px;
      height: 60px;
      background: url("/src/img/svg/drinks.svg") no-repeat center; }
    .decorative-headings__title--tongue:before {
      width: 45px;
      height: 33px;
      background: url("/src/img/svg/tongue.svg") no-repeat center; }
    .decorative-headings__title--fruit:before {
      width: 56px;
      height: 33px;
      background: url("/src/img/svg/fruit-navy.svg") no-repeat center; }
    .decorative-headings__title--inspiration:before {
      width: 51px;
      height: 50px;
      background: url("/src/img/svg/inspiration.svg") no-repeat center; }
    .decorative-headings__title--fish:before {
      width: 59px;
      height: 30px;
      background: url("/src/img/svg/fish-blue.svg") no-repeat center; }
    .decorative-headings__title--fish-sticks:before {
      width: 52px;
      height: 58px;
      background: url("/src/img/svg/fish-sticks.svg") no-repeat center; }
    .decorative-headings__title--fish-filet:before {
      width: 52px;
      height: 44px;
      background: url("/src/img/svg/fish-filet.svg") no-repeat center; }
    .decorative-headings__title--fish-nuggets:before {
      width: 54px;
      height: 51px;
      background: url("/src/img/svg/fish-nuggets.svg") no-repeat center; }
    .decorative-headings__title--sea-treasure:before {
      width: 60px;
      height: 50px;
      background: url("/src/img/svg/sea-treasure-icon.svg") no-repeat center;
      background-size: 60px 50px; }
  .decorative-headings__description--lg p {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.41667em;
    font-weight: 500;
    color: var(--color-cod-gray);
    margin-bottom: 60px; }
  .decorative-headings__description--md p {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    font-weight: 500;
    color: var(--color-primary); }
  .decorative-headings__description--sm p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.66667em;
    font-weight: 500;
    color: var(--color-cod-gray); }
  .page-fish .decorative-headings__description {
    z-index: 1;
    position: relative;
    max-width: 70%;
    margin: 0 auto; }

.decorative {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 65px; }
  @media (min-width: 992px) {
    .decorative {
      padding-top: 126px;
      padding-bottom: 77px; } }
  .decorative--p-0 {
    padding: 0; }
  .decorative--p-t-0 {
    padding-top: 0; }
  .decorative--p-0-m {
    padding: 0; }
    @media (min-width: 992px) {
      .decorative--p-0-m {
        padding-top: 126px;
        padding-bottom: 77px; } }
  .decorative--m-0 {
    margin: 0; }
  .decorative__background {
    position: absolute;
    top: 55px;
    height: 100%; }
    @media (min-width: 992px) {
      .decorative__background {
        top: 14px; } }
    .decorative__background--top-140 {
      top: 120px; }
      @media (min-width: 992px) {
        .decorative__background--top-140 {
          top: 25px; } }
    .decorative__background--top-160 {
      top: 160px; }
    .decorative__background span {
      display: block;
      font-size: 140px;
      font-size: 14rem;
      line-height: 1em;
      font-weight: 900;
      color: var(--color-pale-grey);
      white-space: nowrap;
      -webkit-transform: translateX(50vw);
      transform: translateX(50vw);
      -webkit-transition: -webkit-transform 4s linear;
      transition: -webkit-transform 4s linear;
      transition: transform 4s linear;
      transition: transform 4s linear, -webkit-transform 4s linear; }
      @media (min-width: 992px) {
        .decorative__background span {
          font-size: 400px;
          font-size: 40rem;
          line-height: 1em;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          height: 100%; } }
      .decorative__background span.active {
        -webkit-transform: translateX(-100%) translateX(100vw);
        transform: translateX(-100%) translateX(100vw); }
        @media (min-width: 992px) {
          .decorative__background span.active {
            -webkit-transform: translateX(-100%) translateX(100vw) translateX(-190px);
            transform: translateX(-100%) translateX(100vw) translateX(-190px); } }
  .decorative__headings {
    position: relative;
    z-index: 1;
    text-align: center;
    min-height: 240px; }
  .decorative__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 900;
    letter-spacing: 2.4px;
    color: var(--color-secondary);
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative; }
    .decorative__title:before {
      content: '';
      display: block;
      margin: 0 auto;
      margin-bottom: 16px; }
    .decorative__title--color-primary {
      color: var(--color-primary); }
    .decorative__title--utensils:before {
      width: 51px;
      height: 50px;
      background: url("/src/img/svg/utensils.svg") no-repeat center; }
    .decorative__title--chefs:before {
      width: 56px;
      height: 56px;
      background: url("/src/img/svg/chefs.svg") no-repeat center; }
    .decorative__title--newspaper:before {
      width: 86px;
      height: 43px;
      background: url("/src/img/svg/newspaper.svg") no-repeat center; }
    .decorative__title--plates:before {
      width: 73px;
      height: 38px;
      background: url("/src/img/svg/plates.svg") no-repeat center; }
    .decorative__title--drinks:before {
      width: 60px;
      height: 60px;
      background: url("/src/img/svg/drinks.svg") no-repeat center; }
    .decorative__title--fish:before {
      width: 60px;
      height: 60px;
      background: url("/src/img/svg/fish-navy.svg") no-repeat center; }
    .decorative__title--fruit:before {
      width: 60px;
      height: 60px;
      background: url("/src/img/svg/fruit-navy.svg") no-repeat center; }
    .decorative__title--dough:before {
      width: 60px;
      height: 60px;
      background: url("/src/img/svg/dough-navy.svg") no-repeat center; }
    .decorative__title--meals:before {
      width: 60px;
      height: 60px;
      background: url("/src/img/svg/meal-navy.svg") no-repeat center; }
    .decorative__title--meat:before {
      width: 60px;
      height: 60px;
      background: url("/src/img/svg/meat-navy.svg") no-repeat center; }
    .decorative__title--tongue:before {
      width: 45px;
      height: 33px;
      background: url("/src/img/svg/tongue.svg") no-repeat center; }
    .decorative__title--icecream:before {
      width: 60px;
      height: 60px;
      background: url("/src/img/svg/icecream-navy.svg") no-repeat center; }
    .decorative__title--certificats:before {
      width: 52px;
      height: 49px;
      background: url("/src/img/svg/certificats.svg") no-repeat center; }
  .decorative__description--lg p {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.41667em;
    font-weight: 500;
    color: var(--color-cod-gray);
    margin-bottom: 40px; }
    @media (min-width: 992px) {
      .decorative__description--lg p {
        margin-bottom: 60px; } }
  .decorative__description--md p {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    font-weight: 500;
    color: var(--color-primary); }
  .decorative__description--sm p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.66667em;
    font-weight: 500;
    color: var(--color-cod-gray); }

.decorative-history {
  overflow: hidden;
  position: relative; }
  @media (min-width: 992px) {
    .decorative-history {
      margin-top: 57px;
      margin-bottom: 33px; } }
  @media (min-width: 992px) {
    .decorative-history--separator {
      margin-top: 133px;
      margin-bottom: 0px; } }
  @media (max-width: 1199.98px) {
    .decorative-history__headings {
      padding-left: 50px;
      padding-right: 50px; } }
  .decorative-history__media {
    height: 330px;
    overflow: hidden;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .decorative-history__media {
        min-height: 600px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0px; } }
  .decorative-history__image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }
  .decorative-history__background {
    position: absolute;
    top: 60px;
    z-index: -1;
    width: 100%;
    text-align: center; }
    @media (min-width: 992px) {
      .decorative-history__background {
        bottom: 24px; } }
    .decorative-history__background span {
      display: block;
      font-size: 240px;
      font-size: 24rem;
      line-height: 0.8em;
      font-weight: 900;
      color: var(--color-pale-grey);
      -webkit-transform: translateX(-4%);
      transform: translateX(-4%);
      white-space: nowrap; }
      @media (min-width: 992px) {
        .decorative-history__background span {
          font-size: 600px;
          font-size: 60rem;
          line-height: 1em;
          -webkit-transform: translateX(-4%);
          transform: translateX(-4%); } }
  .decorative-history__headings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%; }
  .decorative-history__subtitle {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: var(--color-primary);
    text-transform: uppercase;
    margin-bottom: 14px; }
    @media (min-width: 992px) {
      .decorative-history__subtitle {
        margin-bottom: 15px; } }
  .decorative-history__title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    font-weight: 900;
    color: #002345;
    margin-bottom: 30px; }
    @media (min-width: 992px) {
      .decorative-history__title {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.3125em;
        margin-bottom: 56px; } }
  @media (min-width: 992px) {
    .decorative-history__separator {
      margin-left: 8.33333%;
      margin-right: 8.33333%;
      padding-top: 100px;
      border-bottom: 1px solid var(--color-pale-grey); } }

.food-categories__list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.food-categories__item {
  padding-bottom: 28px; }
  .food-categories__item:last-child {
    padding-bottom: 0; }

.food-categories__icon {
  margin-right: 22px;
  vertical-align: middle;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .food-categories__icon path {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.food-categories__link {
  position: relative;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.45455em;
  font-weight: 900;
  -webkit-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out;
  padding-left: 66px; }
  .food-categories__link:hover {
    text-decoration: none;
    color: #FFFFFF; }
    .food-categories__link:hover:before {
      opacity: 0; }
    .food-categories__link:hover:after {
      opacity: 1; }
    .food-categories__link:hover .food-categories__icon path {
      fill: #FFFFFF; }
  .food-categories__link--fish {
    color: #4fa3bd; }
    .food-categories__link--fish:before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-right: 22px;
      vertical-align: middle;
      background-image: url("/src/img/svg/fish.svg");
      width: 44px;
      height: 24px;
      opacity: 1;
      -webkit-transition: opacity 250ms ease-in-out;
      transition: opacity 250ms ease-in-out;
      background-repeat: no-repeat; }
    .food-categories__link--fish:after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-right: 22px;
      vertical-align: middle;
      background-image: url("/src/img/svg/fish-white.svg");
      width: 44px;
      height: 24px;
      opacity: 0;
      -webkit-transition: opacity 250ms ease-in-out;
      transition: opacity 250ms ease-in-out;
      background-repeat: no-repeat; }
  .food-categories__link--fruit {
    color: #a6d675; }
    .food-categories__link--fruit:before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-right: 22px;
      vertical-align: middle;
      background-image: url("/src/img/svg/fruit.svg");
      width: 44px;
      height: 18px;
      opacity: 1;
      -webkit-transition: opacity 250ms ease-in-out;
      transition: opacity 250ms ease-in-out;
      background-repeat: no-repeat; }
    .food-categories__link--fruit:after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-right: 22px;
      vertical-align: middle;
      background-image: url("/src/img/svg/fruit-white.svg");
      width: 44px;
      height: 18px;
      opacity: 0;
      -webkit-transition: opacity 250ms ease-in-out;
      transition: opacity 250ms ease-in-out;
      background-repeat: no-repeat; }
  .food-categories__link--dough {
    color: #ffce6b; }
    .food-categories__link--dough:before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-right: 22px;
      vertical-align: middle;
      background-image: url("/src/img/svg/dough.svg");
      width: 44px;
      height: 24px;
      opacity: 1;
      -webkit-transition: opacity 250ms ease-in-out;
      transition: opacity 250ms ease-in-out;
      background-repeat: no-repeat; }
    .food-categories__link--dough:after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-right: 22px;
      vertical-align: middle;
      background-image: url("/src/img/svg/dough-white.svg");
      width: 44px;
      height: 24px;
      opacity: 0;
      -webkit-transition: opacity 250ms ease-in-out;
      transition: opacity 250ms ease-in-out;
      background-repeat: no-repeat; }
  .food-categories__link--meals {
    color: #ed9d32; }
    .food-categories__link--meals:before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-right: 22px;
      vertical-align: middle;
      background-image: url("/src/img/svg/meal.svg");
      width: 42px;
      height: 34px;
      opacity: 1;
      -webkit-transition: opacity 250ms ease-in-out;
      transition: opacity 250ms ease-in-out;
      background-repeat: no-repeat; }
    .food-categories__link--meals:after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-right: 22px;
      vertical-align: middle;
      background-image: url("/src/img/svg/meal-white.svg");
      width: 42px;
      height: 34px;
      opacity: 0;
      -webkit-transition: opacity 250ms ease-in-out;
      transition: opacity 250ms ease-in-out;
      background-repeat: no-repeat; }
  .food-categories__link--meat {
    color: #eb694a; }
    .food-categories__link--meat:before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-right: 22px;
      vertical-align: middle;
      background-image: url("/src/img/svg/meat.svg");
      width: 46px;
      height: 24px;
      opacity: 1;
      -webkit-transition: opacity 250ms ease-in-out;
      transition: opacity 250ms ease-in-out;
      background-repeat: no-repeat; }
    .food-categories__link--meat:after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-right: 22px;
      vertical-align: middle;
      background-image: url("/src/img/svg/meat-white.svg");
      width: 46px;
      height: 24px;
      opacity: 0;
      -webkit-transition: opacity 250ms ease-in-out;
      transition: opacity 250ms ease-in-out;
      background-repeat: no-repeat; }

.food-categories-alt .food-categories__item {
  padding-left: 66px; }

.food-categories-alt .food-categories__link {
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  padding-left: 0px; }
  .food-categories-alt .food-categories__link--fish:before, .food-categories-alt .food-categories__link--fish:after {
    left: -66px; }
  .food-categories-alt .food-categories__link--fruit:before, .food-categories-alt .food-categories__link--fruit:after {
    left: -66px; }
  .food-categories-alt .food-categories__link--dough:before, .food-categories-alt .food-categories__link--dough:after {
    left: -66px; }
  .food-categories-alt .food-categories__link--meals:before, .food-categories-alt .food-categories__link--meals:after {
    left: -66px; }
  .food-categories-alt .food-categories__link--meat:before, .food-categories-alt .food-categories__link--meat:after {
    left: -66px; }

.food-combination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (min-width: 992px) {
    .food-combination {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; } }
  .food-combination__products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 100%;
    flex: 0 100%;
    background-color: #FFFFFF;
    padding-top: 49px;
    padding-bottom: 30px; }
    @media (min-width: 992px) {
      .food-combination__products {
        -webkit-box-flex: 0;
        -ms-flex: 0 60%;
        flex: 0 60%;
        margin: 20px 0;
        padding-top: 90px;
        padding-bottom: 51px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
  .food-combination__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative; }
    .food-combination__wrap:after {
      display: block;
      position: absolute;
      content: '+';
      right: calc(50% - 8px);
      bottom: 129px;
      color: var(--color-primary);
      font-size: 26px;
      font-size: 2.6rem;
      line-height: 1.69231em;
      font-weight: 900; }
      @media (min-width: 992px) {
        .food-combination__wrap:after {
          bottom: 50%; } }
  .food-combination__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 50%;
    flex: 0 50%;
    position: relative; }
    @media (min-width: 992px) {
      .food-combination__item {
        margin: 0 40px; } }
    .food-combination__item:hover {
      text-decoration: none; }
      .food-combination__item:hover .food-combination__title {
        color: var(--color-secondary); }
      .food-combination__item:hover .food-combination__product-image {
        -webkit-transform: scale(1.025);
        transform: scale(1.025); }
  .food-combination__product-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: auto;
    height: 120px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    margin: 0 20px 23px 20px; }
    @media (min-width: 992px) {
      .food-combination__product-media {
        width: 100%;
        height: 220px;
        margin: 0 0 47px 0px; } }
  .food-combination__product-image {
    display: block;
    width: auto;
    height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media (min-width: 992px) {
      .food-combination__product-image {
        width: 100%;
        height: auto; } }
  .food-combination__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25em;
    color: var(--color-primary);
    font-weight: 500;
    margin-bottom: 48px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media (min-width: 992px) {
      .food-combination__title {
        margin-bottom: 51px; } }
  .food-combination__recipe {
    -webkit-box-flex: 0;
    -ms-flex: 0 100%;
    flex: 0 100%; }
    @media (min-width: 992px) {
      .food-combination__recipe {
        -webkit-box-flex: 0;
        -ms-flex: 0 40%;
        flex: 0 40%; } }
  .food-combination__btn-wrapper {
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center; }
  .food-combination__btn {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.78571em;
    text-transform: uppercase;
    padding: 13px 34px 12px; }
    @media (min-width: 992px) {
      .food-combination__btn {
        padding-left: 43px;
        padding-right: 43px; } }
    .food-combination__btn:hover {
      background: var(--color-secondary);
      color: #FFFFFF; }

.food-groups {
  padding: 80px 0 60px 0; }
  @media (min-width: 992px) {
    .food-groups {
      padding: 115px 0 120px 0; } }
  .food-groups__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .food-groups__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 50%;
    flex: 0 50%; }
    @media (min-width: 992px) {
      .food-groups__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 25%;
        flex: 0 25%; } }
  .food-groups__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .food-groups__link:hover {
      text-decoration: none;
      background-color: var(--color-primary); }
      .food-groups__link:hover .food-groups__text--fish {
        color: #4fa3bd; }
      .food-groups__link:hover .food-groups__text--fruit {
        color: #a6d675; }
      .food-groups__link:hover .food-groups__text--dough {
        color: #ffce6b; }
      .food-groups__link:hover .food-groups__text--meals {
        color: #ed9d32; }
      .food-groups__link:hover .food-groups__text--meat {
        color: #eb694a; }
  .food-groups__text {
    position: relative;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.58824em;
    font-weight: 900;
    color: var(--color-primary);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding-top: 28px;
    padding-bottom: 21px;
    text-align: center; }
    @media (min-width: 992px) {
      .food-groups__text {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.35em; } }
    .food-groups__text:before {
      content: '';
      display: block;
      margin: 0 auto;
      margin-bottom: 20px;
      height: 80px;
      width: 100%;
      background-size: 125px 175px; }
    .food-groups__text--fish:before {
      background: url("/src/img/svg/fish.svg") no-repeat center;
      width: 60px; }
    .food-groups__text--fruit:before {
      background: url("/src/img/svg/fruit.svg") no-repeat center;
      width: 63px; }
    .food-groups__text--dough:before {
      background: url("/src/img/svg/dough.svg") no-repeat center;
      width: 56px; }
    .food-groups__text--meals:before {
      background: url("/src/img/svg/meal.svg") no-repeat center;
      width: 57px; }
    .food-groups__text--meat:before {
      background: url("/src/img/svg/meat.svg") no-repeat center;
      width: 60px; }

.card {
  position: relative; }
  .card__label {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 500;
    color: var(--color-brownish-grey); }
    @media (min-width: 992px) {
      .card__label {
        line-height: 1.71429em; } }
  .card__subtitle {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase; }
    @media (min-width: 992px) {
      .card__subtitle {
        line-height: 1.71429em; } }
  .card__description {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.66667em;
    font-weight: 500; }
  .card__media {
    background-color: rgba(119, 140, 160, 0.3);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  .card__list {
    padding: 0;
    margin: 0;
    list-style-type: none; }
  .card__link:hover {
    text-decoration: none; }

.card-article {
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(119, 140, 160, 0.3), inset -1px -1px 0px 0px rgba(119, 140, 160, 0.3);
  box-shadow: inset 1px 1px 0px 0px rgba(119, 140, 160, 0.3), inset -1px -1px 0px 0px rgba(119, 140, 160, 0.3);
  overflow: hidden;
  background: #FFFFFF;
  height: 100%; }
  .card-article__item {
    display: block;
    width: 100%;
    height: inherit; }
    .card-article__item:hover {
      text-decoration: none; }
      .card-article__item:hover .card-article__image {
        -webkit-transform: scale(1.025);
        transform: scale(1.025); }
      .card-article__item:hover .card-article__title {
        color: var(--color-secondary); }
    @media (min-width: 992px) {
      .card-article__item:hover .card-article__link {
        display: block; } }
  .card-article__item-link {
    display: block;
    width: 100%;
    height: 100%; }
  .card-article__media {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #f2f6fa; }
    .card-article__media--sm {
      height: 130px; }
      @media (min-width: 992px) {
        .card-article__media--sm {
          height: initial;
          aspect-ratio: 480/256;
          padding-top: 52%; } }
    .card-article__media--lg {
      height: 240px; }
      @media (min-width: 992px) {
        .card-article__media--lg {
          height: 380px; } }
    .card-article__media--h-240 {
      height: 240px; }
    .card-article__media--auto-height {
      height: auto; }
      @media (min-width: 992px) {
        .card-article__media--auto-height {
          height: auto; } }
  .card-article__image-link {
    display: block;
    height: 100%; }
  .card-article__image {
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    top: 0;
    left: 0; }
  .card-article__image--rel {
    position: relative; }
  .card-article__body {
    padding: 20px; }
    @media (min-width: 992px) {
      .card-article__body {
        padding: 30px 30px 20px 30px;
        min-height: 217px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: calc(100% - 380px); } }
    .card-article__body--lg {
      min-height: 280px; }
      @media (min-width: 992px) {
        .card-article__body--lg {
          padding: 30px; } }
    .card-article__body--xl {
      min-height: 300px; }
      @media (min-width: 992px) {
        .card-article__body--xl {
          padding: 30px; } }
    .card-article__body--flex-column {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .card-article__body--flex-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: calc(100% - 240px); }
      @media (min-width: 992px) {
        .card-article__body--flex-row {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row; } }
  .card-article__label {
    color: var(--color-brownish-grey);
    margin-bottom: 1px; }
    @media (min-width: 992px) {
      .card-article__label {
        margin-bottom: 4px; } }
  .card-article__overtitle {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.28571em;
    font-weight: 500;
    color: #002345;
    letter-spacing: 1.5px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-transform: uppercase;
    text-decoration: none; }
  .card-article__title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    font-weight: 900;
    color: #002345;
    margin-bottom: 40px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media (min-width: 992px) {
      .card-article__title {
        margin-bottom: 30px; } }
  .card-article__title-link {
    color: #002345;
    -webkit-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
    .card-article__title-link:hover {
      color: var(--color-secondary);
      text-decoration: none; }
  .card-article__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1px; }
    @media (min-width: 992px) {
      .card-article__list {
        margin-bottom: 4px; } }
  .card-article__list-item {
    display: inline;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 500;
    color: var(--color-brownish-grey); }
    @media (min-width: 992px) {
      .card-article__list-item {
        line-height: 1.71429em; } }
    .card-article__list-item:after {
      display: inline-block;
      content: " ";
      width: 3px;
      height: 3px;
      background: #c9c9c9;
      border-radius: 50%;
      margin-left: 7px;
      margin-right: 7px;
      vertical-align: middle; }
    .card-article__list-item:last-child:after {
      display: none; }
  .card-article__link {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5625em;
    font-weight: 900;
    color: var(--color-secondary);
    text-decoration: underline;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    bottom: 20px; }
    @media (min-width: 992px) {
      .card-article__link {
        display: none;
        position: absolute;
        bottom: 20px; } }
    .card-article__link:hover {
      color: var(--color-secondary); }
  .card-article .card__summary-item {
    color: var(--color-brownish-grey);
    padding-bottom: 11px; }
    @media (min-width: 992px) {
      .card-article .card__summary-item {
        padding-bottom: 0px;
        padding-right: 16px; } }
  .card-article-news .card-article__item {
    height: 100%; }
  .card-article-news .card-article__image {
    height: auto;
    width: 100%;
    max-width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    top: 0;
    left: 0;
    position: relative; }
  .card-article-news .card-article__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: calc(100% - 130px);
    min-height: 260px; }
    @media (min-width: 992px) {
      .card-article-news .card-article__body {
        height: calc(100% - 200px); } }
  .card-article-news .card-article__label {
    display: inline-block; }
  .card-article-news .card-article__link {
    bottom: 20px;
    position: absolute;
    display: inline-block; }
    @media (min-width: 992px) {
      .card-article-news .card-article__link {
        display: none; } }

.card-slider {
  margin: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px; }
  .card-slider__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .card-slider__item:hover {
      text-decoration: none; }
      .card-slider__item:hover .card-slider__media {
        -webkit-transform: scale(1.025);
        transform: scale(1.025); }
      .card-slider__item:hover .card-slider__title {
        color: var(--color-secondary); }
  .card-slider__media {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: -71px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1; }
    @media (min-width: 992px) {
      .card-slider__media {
        width: 180px;
        height: 180px;
        margin-bottom: -80px; } }
  .card-slider__image {
    width: 140px;
    position: relative; }
    @media (min-width: 992px) {
      .card-slider__image {
        width: 180px; } }
  .card-slider__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 96px 20px 20px 20px;
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(119, 140, 160, 0.3), inset -1px -1px 0px 0px rgba(119, 140, 160, 0.3);
    box-shadow: inset 1px 1px 0px 0px rgba(119, 140, 160, 0.3), inset -1px -1px 0px 0px rgba(119, 140, 160, 0.3); }
    @media (min-width: 992px) {
      .card-slider__body {
        padding: 105px 30px 20px 30px;
        min-height: 254px; } }
  .card-slider__label {
    padding-bottom: 11px; }
  .card-slider__title {
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.tips-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.card-block {
  position: relative;
  overflow: hidden;
  min-height: 456px; }
  @media (min-width: 992px) {
    .card-block {
      height: 100%; } }
  .card-block__link {
    width: 100%;
    height: 100%;
    display: block; }
    .card-block__link:hover {
      text-decoration: none; }
      .card-block__link:hover .card-block__media {
        -webkit-transform: scale(1.025);
        transform: scale(1.025); }
      @media (min-width: 992px) {
        .card-block__link:hover .card-block__text {
          display: inline-block; } }
  .card-block__media {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: var(--color-primary); }
    .card-block__media:after {
      content: "";
      position: absolute;
      z-index: 0;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      /*
			background-image: radial-gradient(circle at 50% 54%, rgba(30, 30, 30, 0.8) 0%, rgba(30, 30, 30, 0) 86%);
			opacity: 0.8;*/
      background-image: linear-gradient(138deg, #000000 13%, rgba(0, 0, 0, 0) 63%);
      opacity: 0.4; }
  .card-block__image {
    max-width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover; }
  .card-block__body {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 456px;
    height: inherit;
    padding: 30px 20px; }
    @media (min-width: 992px) {
      .card-block__body {
        padding: 50px 40px;
        min-height: 580px; } }
  .card-block__subtitle {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-bottom: 14px; }
    @media (min-width: 992px) {
      .card-block__subtitle {
        line-height: 1.71429em;
        padding-bottom: 6px; } }
  .card-block__title {
    position: relative;
    font-weight: 900;
    color: #FFFFFF;
    margin-bottom: 30px;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3125em; }
    @media (min-width: 992px) {
      .card-block__title {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.3125em;
        line-height: 6vw;
        font-size: 4.35vw; } }
    @media (min-width: 1200px) {
      .card-block__title {
        font-size: 56px;
        font-size: 5.6rem;
        line-height: 1.35714em; } }
    .card-block__title--quote:before {
      content: " ” ";
      display: block;
      left: 0;
      top: -16px;
      width: 50px;
      height: 60px;
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.3125em; }
      @media (min-width: 992px) {
        .card-block__title--quote:before {
          font-size: 90px;
          font-size: 9rem;
          line-height: 0.84444em; } }
  .card-block__quote {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3125em;
    font-weight: 900;
    color: #FFFFFF; }
    @media (min-width: 992px) {
      .card-block__quote {
        font-size: 90px;
        font-size: 9rem;
        line-height: 0.84444em; } }
  .card-block__text {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.625em;
    font-weight: 900;
    color: #FFFFFF;
    text-decoration: underline;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    bottom: 50px; }
    @media (min-width: 992px) {
      .card-block__text {
        display: none; } }
    .card-block__text:hover {
      color: var(--color-secondary); }
  @media (min-width: 992px) {
    .card-block__body-links {
      position: absolute;
      bottom: 46px; } }
  .card-block__body-link {
    position: relative;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    font-weight: 900;
    color: #FFFFFF;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding-left: 15px;
    display: block; }
    .card-block__body-link:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 4px;
      height: 4px;
      background-color: var(--color-secondary);
      border-radius: 50%; }
    .card-block__body-link:hover {
      color: var(--color-secondary); }

@media (min-width: 992px) {
  .card-block-alt .card-block__title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3125em;
    line-height: 4.35vw;
    font-size: 3.55vw; } }

@media (min-width: 1200px) {
  .card-block-alt .card-block__title {
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 1.2381em; } }

.card-block-alt .card-block__media:after {
  opacity: 0.4;
  background-image: linear-gradient(137deg, #000000 0%, rgba(0, 0, 0, 0) 69%); }

.card-links {
  background-color: #f3f5f8;
  padding: 30px 20px 30px 20px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (min-width: 992px) {
    .card-links {
      padding: 50px 40px 46px 40px; } }
  .card-links__subtitle {
    color: var(--color-primary);
    margin-bottom: 75px; }
  .card-links__list {
    list-style-type: none;
    padding-left: 0; }
  .card-links__item {
    padding-left: 14px;
    padding-bottom: 18px;
    position: relative; }
    @media (min-width: 992px) {
      .card-links__item {
        padding-bottom: 28px; } }
    .card-links__item:before {
      content: "•";
      position: absolute;
      left: 0px;
      top: 6px;
      font-size: 12px;
      color: var(--color-secondary); }
    .card-links__item:last-child {
      padding-bottom: 0; }
  .card-links__link {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    color: var(--color-primary);
    font-weight: 900;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .card-links__link:hover {
      text-decoration: none;
      color: var(--color-secondary); }

.card-food {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: var(--color-primary);
  padding: 30px 20px 35px 20px;
  height: 100%; }
  @media (min-width: 992px) {
    .card-food {
      padding: 50px 40px 46px 40px; } }
  @media (min-width: 992px) {
    .card-food--alt {
      padding: 50px 30px 46px 30px; } }
  .card-food__subtitle {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 33px; }
  .card-food__description p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    color: #FFFFFF;
    margin-bottom: 63px; }

.card-recipe {
  position: relative;
  overflow: hidden;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .card-recipe--single {
    min-height: 280px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .card-recipe--single .card-recipe__title {
      margin-bottom: 0; }
    @media (min-width: 992px) {
      .card-recipe--single {
        margin-right: 20px;
        min-height: 580px; } }
    @media (min-width: 992px) {
      .card-recipe--single:last-child {
        margin-right: 0; } }
  .card-recipe__link {
    min-height: 450px; }
    @media (min-width: 992px) {
      .card-recipe__link {
        min-height: 680px; } }
    .card-recipe__link--sm {
      min-height: 280px; }
      @media (min-width: 992px) {
        .card-recipe__link--sm {
          min-height: 580px; } }
    .card-recipe__link:hover {
      text-decoration: none; }
      .card-recipe__link:hover .card-recipe__media {
        -webkit-transform: scale(1.025);
        transform: scale(1.025); }
  .card-recipe__media {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .card-recipe__media:after {
      content: "";
      position: absolute;
      z-index: 0;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: radial-gradient(circle at 50% 54%, rgba(30, 30, 30, 0.8) 0%, rgba(30, 30, 30, 0) 86%); }
  .card-recipe__image {
    max-width: 100%;
    height: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover; }
  .card-recipe__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .card-recipe__body-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .card-recipe__subtitle {
    color: #FFFFFF;
    padding-bottom: 3px; }
    .card-recipe__subtitle--sm {
      padding-bottom: 6px; }
  .card-recipe__title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3125em;
    font-weight: 900;
    color: #FFFFFF;
    margin-bottom: 27px; }
    @media (min-width: 992px) {
      .card-recipe__title {
        font-size: 56px;
        font-size: 5.6rem;
        line-height: 1.35714em;
        margin-bottom: 38px; } }

.card-category {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%; }
  .card-category__link {
    width: 100%;
    height: 310px;
    overflow: hidden; }
    @media (min-width: 992px) {
      .card-category__link {
        min-height: 410px;
        height: 100%; } }
    .card-category__link:hover {
      text-decoration: none; }
      .card-category__link:hover .card-category__media {
        -webkit-transform: scale(1.025);
        transform: scale(1.025); }
        .card-category__link:hover .card-category__media:after {
          opacity: 1; }
      @media (min-width: 992px) {
        .card-category__link:hover .card-category__body-link {
          opacity: 1; }
        .card-category__link:hover .card-category__body-wrapper {
          padding-top: 60px; } }
  .card-category__media {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .card-category__media:after {
      content: "";
      position: absolute;
      z-index: 0;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 24, 50, 0.6);
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      opacity: 0; }
  .card-category__image {
    max-width: 100%;
    height: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover; }
  .card-category__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .card-category__body-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding: 25px 20px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media (min-width: 992px) {
      .card-category__body-wrapper {
        padding: 35px 35px; } }
  .card-category__title {
    position: relative;
    font-weight: 900;
    color: #FFFFFF;
    margin-bottom: 0px;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3125em; }
    @media (min-width: 992px) {
      .card-category__title {
        font-size: 37px;
        font-size: 3.7rem;
        line-height: 1.13514em; } }
    .card-category__title--fish:before {
      content: '';
      display: block;
      position: relative;
      top: 0%;
      left: 0;
      background-image: url("/src/img/svg/fish-white.svg");
      width: 53px;
      height: 27px;
      background-repeat: no-repeat;
      margin-bottom: 3px; }
    .card-category__title--fruit:before {
      content: '';
      display: block;
      position: relative;
      top: 0%;
      left: 0;
      background-image: url("/src/img/svg/fruit-white.svg");
      width: 59px;
      height: 24px;
      background-repeat: no-repeat;
      margin-bottom: 7px; }
    .card-category__title--dough:before {
      content: '';
      display: block;
      position: relative;
      top: 0%;
      left: 0;
      background-image: url("/src/img/svg/dough-white.svg");
      width: 54px;
      height: 26px;
      background-repeat: no-repeat;
      margin-bottom: 4px; }
    .card-category__title--meals:before {
      content: '';
      display: block;
      position: relative;
      top: 0%;
      left: 0;
      background-image: url("/src/img/svg/meal-white.svg");
      width: 42px;
      height: 34px;
      background-repeat: no-repeat;
      margin-bottom: 5px; }
    .card-category__title--meat:before {
      content: '';
      display: block;
      position: relative;
      top: 0%;
      left: 0;
      background-image: url("/src/img/svg/meat-white.svg");
      width: 49px;
      height: 26px;
      background-repeat: no-repeat;
      margin-bottom: 10px; }
  .card-category__body-links {
    position: absolute;
    left: 20px;
    bottom: 11px; }
    @media (min-width: 992px) {
      .card-category__body-links {
        left: 32px;
        bottom: 49px; } }
  .card-category__body-link {
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.4375em;
    font-weight: 900;
    color: #FFFFFF;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding-left: 10px;
    display: block; }
    @media (min-width: 992px) {
      .card-category__body-link {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 2.16667em;
        opacity: 0; } }
    .card-category__body-link:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 4px;
      height: 4px;
      background-color: #FFFFFF;
      border-radius: 50%; }
    .card-category__body-link:hover {
      color: var(--color-secondary); }

.card-recomended {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }
  @media (min-width: 992px) {
    .card-recomended {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .card-recomended__wrap {
    overflow: hidden;
    padding: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(119, 140, 160, 0.3), inset -1px 0px 0px 0px rgba(119, 140, 160, 0.3);
    box-shadow: inset 1px 1px 0px 0px rgba(119, 140, 160, 0.3), inset -1px 0px 0px 0px rgba(119, 140, 160, 0.3); }
    @media (min-width: 992px) {
      .card-recomended__wrap {
        padding: 60px 60px 74px 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        min-height: 680px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-shadow: inset 1px 1px 0px 0px rgba(119, 140, 160, 0.3), inset -1px -1px 0px 0px rgba(119, 140, 160, 0.3);
        box-shadow: inset 1px 1px 0px 0px rgba(119, 140, 160, 0.3), inset -1px -1px 0px 0px rgba(119, 140, 160, 0.3); } }
  .card-recomended__label {
    padding-bottom: 1px;
    text-align: center; }
    @media (min-width: 992px) {
      .card-recomended__label {
        padding-bottom: 21px;
        text-align: left; } }
  .card-recomended__link {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    font-weight: 900;
    color: var(--color-primary);
    margin-bottom: 40px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: block;
    text-align: center; }
    @media (min-width: 992px) {
      .card-recomended__link {
        font-size: 42px;
        font-size: 4.2rem;
        line-height: 1.2381em;
        margin-bottom: 37px;
        text-align: left; } }
    .card-recomended__link:hover {
      color: var(--color-secondary);
      text-decoration: none; }
  .card-recomended__media-link {
    width: 100%;
    height: 488px; }
    @media (min-width: 992px) {
      .card-recomended__media-link {
        height: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%; } }
    .card-recomended__media-link:hover .card-recomended__image {
      -webkit-transform: scale(1.025);
      transform: scale(1.025); }
  .card-recomended__media {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
  .card-recomended__image {
    position: absolute;
    height: 488px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media (min-width: 992px) {
      .card-recomended__image {
        height: 100%; } }
  .card-recomended__products {
    padding-top: 44px; }
  .card-recomended__subtitle {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 500;
    color: var(--color-primary);
    margin-bottom: 22px;
    text-align: center; }
    @media (min-width: 992px) {
      .card-recomended__subtitle {
        margin-bottom: 24px;
        text-align: left; } }
  .card-recomended__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0; }
    @media (min-width: 992px) {
      .card-recomended__items {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
  .card-recomended__item {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .card-recomended__item:first-child {
      padding-right: 0px; }
    @media (min-width: 992px) {
      .card-recomended__item:first-child {
        padding-right: 30px; } }
    .card-recomended__item:hover {
      text-decoration: none; }
      .card-recomended__item:hover .card-recomended__product-image {
        -webkit-transform: scale(1.025);
        transform: scale(1.025); }
      .card-recomended__item:hover .card-recomended__title {
        color: var(--color-secondary); }
      .card-recomended__item:hover .card-recomended__size {
        color: var(--color-secondary); }
  .card-recomended__title {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.26667em;
    color: var(--color-primary);
    font-weight: 500;
    margin: 0;
    text-align: center; }
    @media (min-width: 992px) {
      .card-recomended__title {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.3125em;
        text-align: left; } }
  .card-recomended__size {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.26667em;
    color: var(--color-brownish-grey);
    display: inline-block;
    text-align: center; }
    @media (min-width: 992px) {
      .card-recomended__size {
        text-align: left; } }
  .card-recomended__product-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90px;
    height: 90px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    margin-bottom: 14px; }
  .card-recomended__product-image {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin: auto; }

.product-highlight {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 60px 20px;
  min-height: 456px; }
  .product-highlight--fish {
    background: #4fa3bd; }
  .product-highlight--fish-alt {
    background: #194782; }
  .product-highlight--fish-alt2 {
    background: #7d1721; }
  .product-highlight--clementine {
    background: #EE7202; }
  .product-highlight--fruit {
    background: #a6d675; }
  .product-highlight--dough {
    background: #ffce6b; }
  .product-highlight--meals {
    background: #ed9d32; }
  .product-highlight--meat {
    background: #eb694a; }
  .product-highlight--icecream {
    background: #97d7ee; }
  @media (min-width: 992px) {
    .product-highlight {
      height: 100%;
      padding: 80px 20px; }
      .product-highlight:hover {
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .product-highlight:hover .product-highlight__link {
          opacity: 1; }
          .product-highlight:hover .product-highlight__link:last-child {
            opacity: 0.7; } }
  .product-highlight__title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    font-weight: 900;
    color: #FFFFFF;
    margin-bottom: 32px; }
    @media (min-width: 992px) {
      .product-highlight__title {
        margin-bottom: 48px; } }
    .product-highlight__title--center {
      text-align: center; }
  .product-highlight__title-link {
    color: #FFFFFF;
    -webkit-transition: color 250ms ease-in-out;
    transition: color 250ms ease-in-out; }
    .product-highlight__title-link:hover {
      color: var(--color-secondary);
      text-decoration: none; }
  .product-highlight__media {
    width: 100%;
    height: 208px;
    overflow: hidden;
    margin-bottom: 39px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (min-width: 992px) {
      .product-highlight__media {
        height: 260px;
        margin-bottom: 53px; } }
  .product-highlight__media-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .product-highlight__media-link:hover .product-highlight__image {
      -webkit-transform: scale(1.025);
      transform: scale(1.025); }
  .product-highlight__image {
    height: 100%;
    width: auto;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
  .product-highlight__links {
    padding: 0 20px; }
    @media (min-width: 992px) {
      .product-highlight__links {
        left: 0;
        position: absolute;
        bottom: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  .product-highlight__link {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5625em;
    font-weight: 900;
    color: #FFFFFF;
    margin-right: 25px;
    text-decoration: underline;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block; }
    @media (min-width: 992px) {
      .product-highlight__link {
        max-width: 50%; } }
    .product-highlight__link:last-child {
      opacity: 0.7;
      margin-right: 0; }
    .product-highlight__link:hover {
      color: var(--color-secondary); }
      .product-highlight__link:hover:last-child {
        opacity: 1; }
    @media (min-width: 992px) {
      .product-highlight__link {
        opacity: 0; }
        .product-highlight__link:last-child {
          opacity: 0; } }

.quote-highlight {
  position: relative;
  padding: 60px 40px 70px;
  background: var(--color-primary);
  color: #FFFFFF;
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    .quote-highlight {
      padding: 112px 160px; } }
  .quote-highlight__title {
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.4em;
    font-weight: 900;
    color: #FFFFFF;
    margin: 0;
    padding: 0; }
    @media (min-width: 992px) {
      .quote-highlight__title {
        font-size: 36px;
        font-size: 3.6rem;
        line-height: 1.55556em; } }
    .quote-highlight__title:before {
      content: '';
      display: block;
      margin-bottom: 30px;
      height: 43px; }
      @media (min-width: 992px) {
        .quote-highlight__title:before {
          margin-bottom: 49px;
          height: 50px; } }
    .quote-highlight__title--fish span {
      color: #4fa3bd; }
    .quote-highlight__title--fish:before {
      width: 86px;
      height: 43px;
      background: url("/src/img/svg/fish.svg") no-repeat center; }
      @media (min-width: 992px) {
        .quote-highlight__title--fish:before {
          width: 96px;
          height: 48px; } }
    .quote-highlight__title--fruit span {
      color: #a6d675; }
    .quote-highlight__title--fruit:before {
      width: 103px;
      height: 42px;
      background: url("/src/img/svg/fruit.svg") no-repeat center; }
    .quote-highlight__title--dough span {
      color: #ffce6b; }
    .quote-highlight__title--dough:before {
      width: 92px;
      background: url("/src/img/svg/dough.svg") no-repeat center; }
    .quote-highlight__title--meals span {
      color: #ed9d32; }
    .quote-highlight__title--meals:before {
      width: 90px;
      height: 72px;
      background: url("/src/img/svg/meal.svg") no-repeat center; }
    .quote-highlight__title--meat span {
      color: #eb694a; }
    .quote-highlight__title--meat:before {
      width: 96px;
      background: url("/src/img/svg/meat.svg") no-repeat center; }
    .quote-highlight__title--icecream span {
      color: #97d7ee; }
    .quote-highlight__title--icecream:before {
      width: 85px;
      height: 81px;
      background: url("/src/img/svg/icecream.svg") no-repeat center; }

.articles-aside {
  width: 100%;
  margin-bottom: 70px;
  margin-top: -30px; }
  @media (min-width: 992px) {
    .articles-aside {
      height: inherit;
      width: 33.33333%;
      margin-top: 50px;
      margin-bottom: 0; } }
  .articles-aside__wrapper {
    background: var(--color-pale-grey);
    padding: 60px 20px 52px 20px; }
    @media (min-width: 992px) {
      .articles-aside__wrapper {
        position: sticky;
        top: 0;
        background: none;
        padding: 64px 20px 44px 40px; } }
  .articles-aside__title-wrap {
    background-color: var(--color-primary);
    padding: 20px;
    width: 100%;
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
    @media (min-width: 992px) {
      .articles-aside__title-wrap {
        display: none; } }
    .articles-aside__title-wrap.active {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  .articles-aside__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: var(--color-primary);
    margin-bottom: 32px;
    text-transform: uppercase;
    text-align: center; }
    @media (min-width: 992px) {
      .articles-aside__title {
        text-align: left;
        margin-bottom: 54px; } }
    .articles-aside__title--alt {
      color: #fff;
      margin: 0; }
  .articles-aside__title-link {
    color: #fff; }
    .articles-aside__title-link:hover {
      text-decoration: none;
      color: #fff; }
  .articles-aside__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .articles-aside__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 20px;
    width: 100%; }
    .articles-aside__item:last-child {
      padding-bottom: 0; }
    .articles-aside__item:hover {
      text-decoration: none; }
      .articles-aside__item:hover .articles-aside__name {
        color: var(--color-secondary); }
      .articles-aside__item:hover .articles-aside__image {
        -webkit-transform: scale(1.025);
        transform: scale(1.025); }
    @media (min-width: 992px) {
      .articles-aside__item:last-child {
        padding-bottom: 41px; } }
  .articles-aside__media {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px; }
  .articles-aside__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .articles-aside__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.625em;
    font-weight: 500;
    color: var(--color-primary);
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 375px; }
    @media (min-width: 992px) {
      .articles-aside__name {
        max-width: 192px; } }
  .articles-aside__link {
    display: none; }
    @media (min-width: 992px) {
      .articles-aside__link {
        display: block;
        padding-left: 90px; } }

.cooking-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
  color: var(--color-brownish-grey); }
  @media (min-width: 992px) {
    .cooking-summary {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .cooking-summary--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .cooking-summary--center-m {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (min-width: 992px) {
      .cooking-summary--center-m {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
  .cooking-summary--nocolapse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .cooking-summary--direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  @media (min-width: 992px) {
    .cooking-summary--end {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; } }
  .cooking-summary--dark {
    color: var(--color-primary); }
  .cooking-summary__item {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 500;
    padding-right: 16px;
    padding-bottom: 12px;
    position: relative; }
    @media (min-width: 992px) {
      .cooking-summary__item {
        line-height: 1.71429em;
        padding-bottom: 10px; } }
    .cooking-summary__item--time:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      background-image: url("/src/img/svg/recipe-time.svg");
      background-repeat: no-repeat;
      width: 22px;
      height: 22px; }
    .cooking-summary__item--time-light:before {
      background-image: url("/src/img/svg/recipe-time-white.svg"); }
    .cooking-summary__item--time-dark:before {
      background-image: url("/src/img/svg/recipe-time-navy.svg"); }
    .cooking-summary__item--time-red:before {
      background-image: url("/src/img/svg/recipe-time-red.svg"); }
    .cooking-summary__item--difficulty:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      background-image: url("/src/img/svg/recipe-difficulty.svg");
      background-repeat: no-repeat;
      width: 21px;
      height: 21px; }
    .cooking-summary__item--difficulty-light:before {
      background-image: url("/src/img/svg/recipe-difficulty-white.svg"); }
    .cooking-summary__item--difficulty-dark:before {
      background-image: url("/src/img/svg/recipe-difficulty-navy.svg"); }
    .cooking-summary__item--difficulty-red:before {
      background-image: url("/src/img/svg/recipe-difficulty-red.svg"); }
    .cooking-summary__item--portion {
      padding-right: 0; }
      .cooking-summary__item--portion:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        background-image: url("/src/img/svg/recipe-portion.svg");
        background-repeat: no-repeat;
        width: 17px;
        height: 20px; }
    .cooking-summary__item--portion-light:before {
      background-image: url("/src/img/svg/recipe-portion-white.svg"); }
    .cooking-summary__item--portion-dark:before {
      background-image: url("/src/img/svg/recipe-portion-navy.svg"); }
    .cooking-summary__item--portion-red:before {
      background-image: url("/src/img/svg/recipe-portion-red.svg"); }

@media (min-width: 992px) {
  .contact-info {
    margin-bottom: 60px; } }

.contact-info h2 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.3125em;
  font-weight: 900;
  color: var(--color-primary);
  margin-bottom: 20px;
  padding-top: 60px; }
  @media (min-width: 992px) {
    .contact-info h2 {
      font-size: 38px;
      font-size: 3.8rem;
      line-height: 1.52632em;
      margin-bottom: 42px;
      padding-top: 100px; } }

.contact-info h3 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.3125em;
  font-weight: 900;
  color: var(--color-primary);
  margin-bottom: 20px;
  padding-top: 60px; }
  @media (min-width: 992px) {
    .contact-info h3 {
      font-size: 38px;
      font-size: 3.8rem;
      line-height: 1.52632em;
      margin-bottom: 42px; } }

.contact-info h4 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 2.07143em;
  font-weight: 900;
  color: var(--color-primary);
  margin-bottom: 20px;
  padding-top: 60px; }
  @media (min-width: 992px) {
    .contact-info h4 {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.3125em;
      margin-bottom: 42px; } }

.contact-info p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  color: var(--color-primary); }

.contact-info a {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  font-weight: 900;
  color: var(--color-secondary);
  text-decoration: underline; }
  .contact-info a:hover {
    color: var(--color-primary);
    text-decoration: none; }

@media (min-width: 992px) {
  .contact-info__details {
    padding-left: 8.33333%; } }

@media (min-width: 992px) {
  .contact-info__wrap {
    margin-left: 8.33333%; } }

.contact-info__wrap dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  flex-direction: column;
  -webkit-box-shadow: inset 0px -1px 0px 0px rgba(119, 140, 160, 0.3);
  box-shadow: inset 0px -1px 0px 0px rgba(119, 140, 160, 0.3);
  padding-top: 20px;
  padding-bottom: 20px; }
  @media (min-width: 992px) {
    .contact-info__wrap dl {
      padding-bottom: 20px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .contact-info__wrap dl:last-child {
    margin-bottom: 0px; }

.contact-info__wrap dt, .contact-info__wrap dd {
  width: 100%;
  display: block; }
  @media (min-width: 992px) {
    .contact-info__wrap dt, .contact-info__wrap dd {
      width: 50%;
      display: inline-block; } }

.contact-info__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: inset 0px -1px 0px 0px rgba(119, 140, 160, 0.3);
  box-shadow: inset 0px -1px 0px 0px rgba(119, 140, 160, 0.3); }
  @media (min-width: 992px) {
    .contact-info__inner {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding-left: 8.33333%; } }
  .contact-info__inner > div {
    padding: 20px 0 0 0; }
    @media (min-width: 992px) {
      .contact-info__inner > div {
        width: 45%;
        padding: 20px 0; } }

.contact-info dl {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  margin: 0; }

.contact-info dt {
  font-weight: 900;
  color: var(--color-primary); }

.contact-info dd {
  font-weight: normal;
  color: var(--color-cod-gray);
  padding: 0;
  margin: 0; }

.contact-info dd a,
.contact-info p a {
  font-weight: 900;
  color: var(--color-primary);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .contact-info dd a:hover,
  .contact-info p a:hover {
    color: var(--color-secondary);
    text-decoration: none; }

.combination-block {
  padding-top: 60px;
  padding-bottom: 20px;
  background-color: #eef1f3; }
  @media (min-width: 992px) {
    .combination-block {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .combination-block .decorative-headings__description--lg p {
    margin-bottom: 40px; }
    @media (min-width: 992px) {
      .combination-block .decorative-headings__description--lg p {
        margin-bottom: 60px; } }

.news-block {
  background-color: white; }
  @media (min-width: 992px) {
    .news-block {
      margin: 0;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 26px;
      padding-bottom: 100px; } }
  .news-block .articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px; }
    @media (min-width: 576px) {
      .news-block .articles {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
    .news-block .articles > div {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 200px;
      flex: 1 1 200px;
      max-width: 310px;
      height: auto;
      margin-right: 20px; }
      .news-block .articles > div:last-child {
        margin-right: 0; }
      @media (max-width: 767.98px) {
        .news-block .articles > div {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
          flex: 1 1 100%;
          margin-right: 0;
          margin-top: 20px;
          max-width: 100%; } }
  .news-block--spaced {
    padding-top: 60px;
    padding-bottom: 0;
    background: #FFFFFF; }
    .news-block--spaced .articles {
      padding-top: 20px; }

.recipes-block {
  padding: 0 0 80px 0; }
  @media (min-width: 992px) {
    .recipes-block {
      padding: 30px 0 92px 0; } }
  .recipes-block__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media (min-width: 992px) {
      .recipes-block__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
  .recipes-block .decorative-headings__description p {
    margin-bottom: 40px; }
    @media (min-width: 992px) {
      .recipes-block .decorative-headings__description p {
        margin-bottom: 97px; } }

.recipe__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 64px 20px 40px 20px; }
  @media (min-width: 992px) {
    .recipe__heading {
      padding: 89px 0 60px 0; } }

.recipe__metainfo {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.35714em;
  color: var(--color-brownish-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.recipe__metainfo-title {
  font-weight: 900;
  padding-right: 7px; }

.recipe__author {
  padding-right: 30px; }
  @media (min-width: 992px) {
    .recipe__author {
      padding-right: 16px; } }

.recipe__date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.35714em;
  font-weight: 500;
  color: var(--color-primary);
  text-align: center;
  padding: 5px 0 10px 0; }

.recipe__featured-media {
  height: 232px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  background-color: var(--color-pale-grey);
  margin-left: -10px;
  margin-right: -10px; }
  @media (min-width: 992px) {
    .recipe__featured-media {
      height: 780px;
      margin-left: 0px;
      margin-right: 0px; } }

.recipe__back-image {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  background-size: cover; }

.recipe__image {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background-size: cover; }

.recipe__video-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: inherit;
  position: relative; }
  .recipe__video-inner:before {
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); }
  .recipe__video-inner span {
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.625em;
    width: 167px;
    font-weight: 900;
    text-align: center;
    color: #ffffff;
    padding-top: 12px; }

.recipe__aside {
  padding: 60px 30px 30px;
  background-color: var(--color-pale-grey); }
  @media (min-width: 992px) {
    .recipe__aside {
      padding: 100px 60px 60px 60px; } }
  .recipe__aside--alt {
    background: none;
    padding: 40px 30px;
    border-bottom: 1px solid var(--color-pale-grey);
    margin-bottom: 30px; }
    @media (min-width: 992px) {
      .recipe__aside--alt {
        border-bottom: none;
        padding-top: 65px; } }

.recipe__integridients {
  padding-bottom: 30px; }
  @media (min-width: 992px) {
    .recipe__integridients {
      padding-bottom: 80px; } }
  .recipe__integridients span {
    text-decoration: underline;
    font-weight: 900;
    color: var(--color-primary); }

.recipe__sugestion p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.625em;
  color: #002345; }

.recipe__preparation {
  padding: 60px 0 40px 0; }
  @media (min-width: 992px) {
    .recipe__preparation {
      padding: 100px 0 0 60px;
      margin-bottom: 100px; } }

.recipe__description h2, .recipe__description h3, .recipe__description h4 {
  color: var(--color-primary); }

.recipe__description p a img {
  display: inline-block; }

.recipe__description > p:not([class]) {
  margin-bottom: 16px; }
  @media (min-width: 992px) {
    .recipe__description > p:not([class]) {
      margin-bottom: 20px; } }

.recipe__content img {
  margin: 40px 0; }

.recipe__list {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  color: #002345;
  list-style-position: outside;
  list-style-type: none; }
  .recipe__list li {
    padding-left: 30px;
    margin-bottom: 60px;
    counter-increment: list-counter;
    position: relative; }
    .recipe__list li:before {
      font-size: 24px;
      font-size: 2.4rem;
      content: counter(list-counter) ". ";
      font-weight: 700;
      position: absolute;
      left: -2px;
      color: var(--color-secondary); }

.recipe-share {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .recipe-share__item {
    display: inline-block; }
  .recipe-share__sub-item {
    display: inline-block;
    padding-right: 22px; }
    @media (min-width: 992px) {
      .recipe-share__sub-item {
        padding-right: 10px; } }
    .recipe-share__sub-item:hover {
      text-decoration: none; }

.related-products {
  margin-bottom: 0; }
  .related-products__item {
    color: var(--color-primary);
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.1875em; }
    .related-products__item--alt {
      list-style-type: none;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.38889em;
      font-weight: 900;
      color: var(--color-primary);
      margin: 8px 0;
      position: relative; }
    .related-products__item--subtitle {
      list-style-type: none; }
      .related-products__item--subtitle h4 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.38889em;
        margin: 20px 0 8px 0; }
  .related-products__link {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.1875em;
    font-weight: 900;
    text-decoration: underline !important;
    cursor: pointer;
    color: var(--color-primary); }
    .related-products__link:hover {
      color: #000 !important; }

.products {
  padding-top: 60px;
  padding-bottom: 0px; }
  @media (min-width: 992px) {
    .products {
      padding-top: 62px;
      padding-bottom: 12px; } }
  .products--padding-top-0 {
    padding-top: 0; }
  .products__title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3125em;
    font-weight: 900;
    color: var(--color-primary);
    margin-bottom: 32px; }
    @media (max-width: 359px) {
      .products__title {
        padding: 0 3px; } }
    @media (min-width: 992px) {
      .products__title {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 0.95833em; } }
  .products__title--color-fruit {
    color: #db3868; }
  .products__title--color-chocolate {
    color: #6f3216; }
  .products__title--color-vanilla {
    color: #e1a96a; }
  .products__title--color-fun {
    color: #761425; }
  .products__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 48px; }
    @media (min-width: 992px) {
      .products__wrap {
        padding-left: 8.33333%;
        padding-bottom: 89px; } }
    @media (min-width: 992px) {
      .products__wrap--alt {
        padding-left: 0; } }
    .products__wrap > div {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0; }
      @media (min-width: 992px) {
        .products__wrap > div {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 33.333%;
          flex: 1 1 33.333%;
          -webkit-box-flex: 0;
          -ms-flex-positive: 0;
          flex-grow: 0; } }

.product-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.product-block {
  width: 100%; }
  @media (min-width: 992px) {
    .product-block {
      width: 66.66667%; } }

.product-info {
  padding: 0 20px 36px 20px;
  position: relative; }
  @media (min-width: 992px) {
    .product-info {
      padding: 0 17% 36px 17%; }
      .product-info:after {
        display: block;
        position: absolute;
        width: 1px;
        background-color: rgba(119, 140, 160, 0.3);
        content: " ";
        height: calc(100% - 118px);
        bottom: 0;
        right: 0; } }
  .product-info__title {
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.3em;
    font-weight: 900;
    text-align: center;
    color: var(--color-primary);
    margin-bottom: 16px; }
    @media (max-width: 359px) {
      .product-info__title {
        padding: 0 3px; } }
    @media (min-width: 992px) {
      .product-info__title {
        font-size: 80px;
        font-size: 8rem;
        line-height: 1.25em;
        margin-bottom: 20px; } }
  .product-info__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px; }
    @media (min-width: 992px) {
      .product-info__links {
        margin-bottom: 67px; } }
  .product-info__link {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.46667em;
    color: var(--color-brownish-grey);
    padding: 2px 11px;
    margin: 0 2px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .product-info__link.is-active {
      color: var(--color-primary);
      font-weight: 500; }
      .product-info__link.is-active:before {
        width: 100%; }
    .product-info__link:before {
      position: absolute;
      width: 0%;
      height: 3px;
      left: 0;
      bottom: 0;
      background-color: var(--color-secondary);
      display: block;
      content: " ";
      -webkit-transition: width 0.2s ease-in-out;
      transition: width 0.2s ease-in-out; }
    .product-info__link:hover {
      color: var(--color-primary);
      text-decoration: none;
      font-weight: 500; }
  .product-info__details {
    height: 304px;
    margin-bottom: 70px; }
    @media (min-width: 992px) {
      .product-info__details {
        height: 580px;
        margin-bottom: 120px; } }
  .product-info__media {
    display: none;
    position: relative;
    height: 100%;
    width: 100%; }
    .product-info__media.is-open {
      display: block; }
  .product-info__image {
    position: absolute;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain; }
  .product-info__intro {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    font-weight: 900;
    color: var(--color-primary);
    margin-bottom: 35px; }
    @media (min-width: 992px) {
      .product-info__intro {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 1.35714em;
        margin-bottom: 65px; } }
  .product-info__description {
    margin-bottom: 75px; }
    @media (min-width: 992px) {
      .product-info__description {
        margin-bottom: 95px; } }
    .product-info__description p {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.55556em;
      color: var(--color-primary); }
    .product-info__description a {
      color: var(--color-secondary); }

.nutrition {
  margin-bottom: 60px; }
  @media (min-width: 992px) {
    .nutrition {
      margin-bottom: 95px; } }
  .nutrition__tab {
    position: relative;
    display: block;
    border-bottom: 1px solid var(--color-primary); }
    .nutrition__tab:hover {
      text-decoration: none; }
    .nutrition__tab:before {
      display: block;
      position: absolute;
      right: 0;
      bottom: 15px;
      content: " ";
      width: 11px;
      height: 11px;
      background: url("/src/img/svg/plus.svg") no-repeat center;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .nutrition__tab.is-active:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
  .nutrition__data {
    display: none;
    border-bottom: 1px solid var(--color-secondary);
    overflow-x: auto; }
    .nutrition__data.is-open {
      display: block; }
  .nutrition__table {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    min-width: 540px; }
    .nutrition__table th, .nutrition__table td {
      width: 22%; }
      .nutrition__table th:nth-child(1), .nutrition__table td:nth-child(1) {
        width: 36%; }
    .nutrition__table th {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.66667em;
      color: #002345;
      padding: 14px 20px;
      border: none; }
    .nutrition__table td {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.66667em;
      padding: 13px 20px;
      border-bottom: solid 1px #f4faff;
      color: #002345; }
      .nutrition__table td span {
        font-weight: 900; }
      .nutrition__table td tr td {
        padding-left: 13px; }
  .nutrition__note {
    padding: 12px 16px;
    background: rgba(93, 116, 136, 0.1);
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.53846em;
    color: #002345;
    width: 100%;
    min-width: 540px; }

.filter {
  padding: 28px 30px 30px;
  border: solid 1px rgba(119, 140, 160, 0.3); }
  @media (min-width: 992px) {
    .filter {
      padding: 28px 8.33333% 25px 8.33333%;
      margin-bottom: 47px 0; } }
  .filter__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: var(--color-brownish-grey);
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 23px; }
  .filter__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media (min-width: 992px) {
      .filter__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
  .filter__wrapper-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 12px 20px; }
    @media (min-width: 992px) {
      .filter__wrapper-item {
        margin: 0 12px; } }
  @media (min-width: 992px) {
    .filter__input {
      margin-left: 25px;
      margin-right: 25px;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 27%;
      flex: 1 0 27%; } }

.tags {
  margin-bottom: 60px;
  padding-bottom: 40px;
  border-bottom: solid 1px rgba(119, 140, 160, 0.3); }
  @media (min-width: 992px) {
    .tags {
      margin-bottom: 47px;
      padding: 0 66px 31px 66px; } }
  .tags__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: var(--color-brownish-grey);
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 22px; }
    @media (min-width: 992px) {
      .tags__title {
        margin-bottom: 21px; } }
  .tags__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .tags__link {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857em;
    font-weight: 500;
    color: var(--color-primary);
    background: #f1f1f1;
    display: inline-block;
    margin: 0 8px 18px 8px;
    padding: 4px 12px;
    border-radius: 20px;
    text-transform: lowercase;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media (min-width: 992px) {
      .tags__link {
        margin-bottom: 22px; } }
    .tags__link:last-child {
      margin-right: 0px; }
    .tags__link:hover {
      text-decoration: none;
      background: var(--color-primary);
      color: #f1f1f1; }
    .tags__link--inverted {
      text-transform: lowercase;
      background: var(--color-primary);
      color: #f1f1f1; }
      .tags__link--inverted:last-child:first-letter {
        text-transform: uppercase; }
      .tags__link--inverted:hover {
        color: var(--color-primary);
        background: #f1f1f1; }

.product {
  position: relative;
  margin-bottom: 20px; }
  .product__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .product__item:hover {
      text-decoration: none; }
      .product__item:hover .product__title {
        color: var(--color-secondary); }
      .product__item:hover .product__image {
        -webkit-transform: scale(1.025);
        transform: scale(1.025); }
  .product__media {
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin-bottom: 37px;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (min-width: 992px) {
      .product__media {
        width: 160px;
        height: 160px; } }
    @media (min-width: 992px) {
      .product__media--sm {
        width: 160px;
        height: 160px; } }
    @media (min-width: 992px) {
      .product__media--md {
        width: 180px;
        height: 180px; } }
    @media (min-width: 992px) {
      .product__media--lg {
        width: 220px;
        height: 220px; } }
  .product__image {
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .product__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25em;
    font-weight: 500;
    text-align: center;
    color: var(--color-primary);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    max-width: 200px; }
    @media (max-width: 359px) {
      .product__title {
        padding: 0 3px; } }

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 77px 30px 40px 30px; }
  @media (min-width: 992px) {
    .breadcrumb {
      padding: 114px 30px 48px 30px; } }
  .breadcrumb__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center; }
  .breadcrumb__item {
    display: inline-block;
    position: relative; }
  .breadcrumb__link {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    color: var(--color-primary);
    font-weight: 500;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: underline; }
    .breadcrumb__link:hover {
      color: var(--color-brownish-grey); }
    .breadcrumb__link:after {
      display: inline-block;
      content: " ";
      width: 3px;
      height: 3px;
      background: var(--color-brownish-grey);
      border-radius: 50%;
      margin-left: 6px;
      margin-right: 3px;
      vertical-align: middle; }
  .breadcrumb__current {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    color: var(--color-brownish-grey); }

.main-form__submit {
  border: none;
  background: var(--color-primary);
  color: #FFFFFF;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5625em;
  font-weight: 900;
  letter-spacing: 0.5px;
  padding: 16px 63px;
  margin: 38px 0; }
  .main-form__submit:hover {
    background: var(--color-secondary); }

.quote {
  display: block;
  text-align: center;
  position: relative;
  padding: 71px 20px 72px 20px; }
  @media (min-width: 992px) {
    .quote {
      padding: 111px 37px; } }
  .quote:before {
    content: '';
    display: block;
    width: 100%; }
  @media (min-width: 992px) {
    .quote--cup {
      padding: 129px 0 109px 0; } }
  .quote--cup:before {
    height: 51px;
    margin-bottom: 20px;
    background: url("/src/img/svg/goblet.svg") no-repeat center; }
  @media (min-width: 992px) {
    .quote--certificate {
      padding: 91px 0 79px 0; } }
  .quote--certificate:before {
    height: 60px;
    margin-bottom: 20px;
    background: url("/src/img/svg/certificate.svg") no-repeat center; }
    @media (min-width: 992px) {
      .quote--certificate:before {
        margin-bottom: 15px; } }
  .quote__subtitle {
    display: block;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 500;
    color: var(--color-primary);
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    text-transform: uppercase; }
  .quote__title {
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 1.2381em;
    font-weight: 900;
    color: var(--color-primary);
    margin-bottom: 0; }
    @media (min-width: 992px) {
      .quote__title {
        font-size: 80px;
        font-size: 8rem;
        line-height: 1.25em; } }
  .quote__section {
    position: relative;
    display: block;
    margin-bottom: 32px; }
    .quote__section:after {
      content: "• •";
      display: block;
      position: absolute;
      bottom: -22px;
      left: 50%;
      -webkit-transform: translate(-50%);
      transform: translate(-50%);
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1em;
      color: var(--color-secondary); }
    .quote__section--lighter {
      font-weight: 500; }
      .quote__section--lighter span {
        font-weight: 900; }
    .quote__section:last-child:after {
      display: none; }

.section-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background: var(--color-primary);
  overflow-x: auto;
  padding: 0 60px;
  background-image: none; }
  @media (min-width: 992px) {
    .section-nav {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0 8.33333%; } }
  .section-nav--light {
    background: #f3f5f8;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (max-width: 991.98px) {
      .section-nav--light {
        padding: 0px;
        overflow-x: auto; } }
  .section-nav--transparent {
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, right top, from(#FFF), to(#FFF)), -webkit-gradient(linear, left top, right top, from(#FFF), to(#FFF)), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), color-stop(70%, rgba(0, 24, 50, 0))), -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.2)), color-stop(70%, rgba(0, 24, 50, 0)));
    background-image: linear-gradient(to right, #FFF, #FFF), linear-gradient(to right, #FFF, #FFF), linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 24, 50, 0) 70%), linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 24, 50, 0) 70%); }
  .section-nav--border-color-secondary {
    -webkit-box-shadow: inset 0 -1px 0 0 var(--color-secondary);
    box-shadow: inset 0 -1px 0 0 var(--color-secondary); }
  @media (max-width: 991.98px) {
    .section-nav--left-align {
      padding-left: 0;
      padding-right: 0;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .section-nav--left-align .section-nav__list {
        padding-left: 10px; } }
  .section-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    list-style-type: none;
    margin: 0;
    /* &:after {
			content: '';
			display: block;
			width: 130px;
			height: 100%;
			background-image: linear-gradient(to left, #001832, rgba(0, 24, 50, 0) 70%);
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
		} */ }
  .section-nav__list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }
    .section-nav__list-item:not(:last-of-type) {
      margin-right: 16px; }
      @media (min-width: 992px) {
        .section-nav__list-item:not(:last-of-type) {
          margin-right: 28px; } }
    .section-nav__list-item.current .section-nav__list-subitem {
      color: #c6191b; }
      .section-nav__list-item.current .section-nav__list-subitem--icon:after {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0); }
      .section-nav__list-item.current .section-nav__list-subitem--icon-fish {
        color: #4fa3bd; }
      .section-nav__list-item.current .section-nav__list-subitem--icon-fruit {
        color: #a6d675; }
      .section-nav__list-item.current .section-nav__list-subitem--icon-dough {
        color: #ffce6b; }
      .section-nav__list-item.current .section-nav__list-subitem--icon-meals {
        color: #ed9d32; }
      .section-nav__list-item.current .section-nav__list-subitem--icon-meat {
        color: #eb694a; }
  .section-nav__list-subitem {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375em;
    font-weight: 900;
    color: #516775;
    letter-spacing: 0.4px;
    padding: 10px 12px;
    display: block;
    -webkit-transition: color 250ms ease-in-out;
    transition: color 250ms ease-in-out;
    position: relative; }
    .section-nav__list-subitem:hover {
      text-decoration: none;
      color: #c6191b;
      -webkit-transition: color 250ms ease-in-out;
      transition: color 250ms ease-in-out; }
  .section-nav__list-subitem--icon {
    padding-top: 40px; }
  .section-nav__list-subitem--icon-fish:hover {
    color: #4fa3bd; }
    .section-nav__list-subitem--icon-fish:hover:after {
      opacity: 1;
      -webkit-transform: translateX(-50%) translateY(0);
      transform: translateX(-50%) translateY(0); }
  .section-nav__list-subitem--icon-fish:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(26px);
    transform: translateX(-50%) translateY(26px);
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity 250ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    background-image: url("/src/img/svg/fish.svg");
    width: 36px;
    height: 18px;
    background-size: 36px 18px; }
  .section-nav__list-subitem--icon-fruit:hover {
    color: #a6d675; }
    .section-nav__list-subitem--icon-fruit:hover:after {
      opacity: 1;
      -webkit-transform: translateX(-50%) translateY(0);
      transform: translateX(-50%) translateY(0); }
  .section-nav__list-subitem--icon-fruit:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(26px);
    transform: translateX(-50%) translateY(26px);
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity 250ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    background-image: url("/src/img/svg/fruit.svg");
    width: 42px;
    height: 17px;
    background-size: 42px 17px; }
  .section-nav__list-subitem--icon-dough:hover {
    color: #ffce6b; }
    .section-nav__list-subitem--icon-dough:hover:after {
      opacity: 1;
      -webkit-transform: translateX(-50%) translateY(0);
      transform: translateX(-50%) translateY(0); }
  .section-nav__list-subitem--icon-dough:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(26px);
    transform: translateX(-50%) translateY(26px);
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity 250ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    background-image: url("/src/img/svg/dough.svg");
    width: 36px;
    height: 22px;
    background-size: 36px 22px; }
  .section-nav__list-subitem--icon-meals:hover {
    color: #ed9d32; }
    .section-nav__list-subitem--icon-meals:hover:after {
      opacity: 1;
      -webkit-transform: translateX(-50%) translateY(0);
      transform: translateX(-50%) translateY(0); }
  .section-nav__list-subitem--icon-meals:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(26px);
    transform: translateX(-50%) translateY(26px);
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity 250ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    background-image: url("/src/img/svg/meal.svg");
    width: 34px;
    height: 28px;
    background-size: 34px 28px; }
  .section-nav__list-subitem--icon-meat:hover {
    color: #eb694a; }
    .section-nav__list-subitem--icon-meat:hover:after {
      opacity: 1;
      -webkit-transform: translateX(-50%) translateY(0);
      transform: translateX(-50%) translateY(0); }
  .section-nav__list-subitem--icon-meat:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(26px);
    transform: translateX(-50%) translateY(26px);
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity 250ms ease-in-out;
    transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    background-image: url("/src/img/svg/meat.svg");
    width: 36px;
    height: 20px;
    background-size: 36px 20px; }
  @media (min-width: 768px) {
    .section-nav--zone .section-nav {
      background: transparent; } }
  .section-nav--zone .section-nav__list-subitem {
    color: #fff; }
    .section-nav--zone .section-nav__list-subitem:hover {
      color: #c6191b; }

.section-nav-swiper {
  /* swiper overrides, DON'T TOUCH! */ }
  .section-nav-swiper.swiper-container {
    padding: 0 60px; }
    @media (min-width: 992px) {
      .section-nav-swiper.swiper-container {
        padding: 0 8.33333%; } }
  .section-nav-swiper.is-active {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    @media (min-width: 992px) {
      .section-nav-swiper.is-active {
        overflow: hidden; } }
    @media (min-width: 992px) {
      .section-nav-swiper.is-active .swiper-wrapper {
        width: auto; } }
    .section-nav-swiper.is-active .swiper-button-prev:before, .section-nav-swiper.is-active .swiper-button-prev:after,
    .section-nav-swiper.is-active .swiper-button-next:before,
    .section-nav-swiper.is-active .swiper-button-next:after {
      opacity: 1; }
  .section-nav-swiper .swiper-wrapper {
    width: auto; }
  .section-nav-swiper .swiper-slide {
    width: auto; }
  .section-nav-swiper .swiper-button-prev:before {
    content: '';
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    width: 60px;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(50%, #001832), color-stop(75%, #001832));
    background: linear-gradient(to left, transparent, #001832 50%, #001832 75%);
    z-index: 1; }
    @media (min-width: 992px) {
      .section-nav-swiper .swiper-button-prev:before {
        width: 100px; } }
  .section-nav-swiper .swiper-button-prev:after {
    content: '';
    display: block;
    position: absolute;
    background-image: url("/src/img/svg/arrow-left-red.svg");
    background-repeat: no-repeat;
    top: 50%;
    margin-top: -6px;
    width: 18px;
    height: 12px;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
    z-index: 2; }
  .section-nav-swiper .swiper-button-next:before {
    content: '';
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    width: 60px;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #001832), color-stop(75%, #001832));
    background: linear-gradient(to right, transparent, #001832 50%, #001832 75%);
    z-index: 1; }
    @media (min-width: 992px) {
      .section-nav-swiper .swiper-button-next:before {
        width: 100px; } }
  .section-nav-swiper .swiper-button-next:after {
    content: '';
    display: block;
    position: absolute;
    background-image: url("/src/img/svg/arrow-right-red.svg");
    background-repeat: no-repeat;
    top: 50%;
    margin-top: -6px;
    width: 18px;
    height: 12px;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
    z-index: 2; }

.magic-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #c6191b; }

@media (max-width: 991.98px) {
  .sticky-block {
    position: sticky;
    top: 0;
    z-index: 100;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; } }

@media (min-width: 768px) {
  .sticky-block--zone {
    margin-top: -42px; } }

.sticky-block--zone-fish .swiper-container {
  background: transparent; }
  @media (min-width: 768px) {
    .sticky-block--zone-fish .swiper-container .section-nav__list-subitem {
      color: #fff; } }

.sticky-block--zone-certificats {
  margin-top: -42px; }
  .sticky-block--zone-certificats .swiper-container {
    background: transparent; }
  .sticky-block--zone-certificats .section-nav__list-subitem {
    color: #fff; }

.hero-dark--fish {
  background-size: cover;
  background-position: center center; }

.sticky-block--zone-fish .section-nav-swiper .swiper-button-prev:before {
  background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(50%, #ffffff), color-stop(75%, #ffffff));
  background: linear-gradient(to left, transparent, #ffffff 50%, #ffffff 75%); }

.sticky-block--zone-fish .section-nav-swiper .swiper-button-next:before {
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #ffffff), color-stop(75%, #ffffff));
  background: linear-gradient(to right, transparent, #ffffff 50%, #ffffff 75%); }

@media (max-width: 991.98px) {
  .site-header--pinned ~ .page .sticky-block {
    top: 66px; } }

/**
 * Swiper 5.2.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 16, 2019
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory; }

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */ }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next'; }

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff; }

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000; }

.swiper-button-lock {
  display: none; }

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */ }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff; }

.swiper-pagination-black {
  --swiper-pagination-color: #000000; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */ }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.tips-block {
  padding-top: 80px;
  padding-bottom: 80px; }

.tips-slider .swiper-container {
  padding-bottom: 40px; }
  @media (min-width: 992px) {
    .tips-slider .swiper-container {
      padding-bottom: 0; } }

@media (min-width: 992px) {
  .tips-slider .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

.tips-slider .swiper-slide {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin: 0;
  padding: 20px; }
  @media (min-width: 992px) {
    .tips-slider .swiper-slide {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
      flex: 1 1 0; } }

.tips-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #d6dce2;
  -webkit-transition: background-color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out;
  -webkit-box-shadow: inset 0px 0px 0px 1px #d6dce2;
  box-shadow: inset 0px 0px 0px 1px #d6dce2;
  opacity: 1;
  margin: 0 3px; }
  .tips-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover {
    background-color: #fff; }

.tips-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #fff; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none; }

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1; }

.pswp__button:active {
  outline: none;
  opacity: 0.9; }

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

/* .pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	content: '';
	top: 35px;
	background-color: rgba(0, 0, 0, 0.3);
	height: 30px;
	width: 32px;
	position: absolute;
} */
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px; }

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000; }

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0; }

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }

.pswp__caption small {
  font-size: 11px;
  color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  background-color: rgba(0, 24, 50, 0.9); }

.pswp__caption__center {
  text-align: center;
  max-width: 420px;
  margin: 0 auto;
  padding: 10px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em; }
  @media (min-width: 992px) {
    .pswp__caption__center {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.6em; } }

.pswp__button--close {
  z-index: 10;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 1; }
  .pswp__button--close .menu-toggle__dot {
    background-color: #fff; }

.video-iframe__cont {
  width: 100%;
  height: 100%; }
  .video-iframe__cont iframe {
    border: none;
    outline: none;
    padding: 50px 0; }
    @media (min-width: 992px) {
      .video-iframe__cont iframe {
        padding: 50px; } }

.certifikati-msc .pswp .video-iframe__cont {
  width: calc(100% - 100px);
  height: calc(100% - 100px);
  position: relative;
  margin: 0 auto;
  margin-top: 50px; }
  @media (min-width: 992px) {
    .certifikati-msc .pswp .video-iframe__cont {
      width: calc(100% - 200px);
      height: calc(100% - 200px);
      margin-top: 100px; } }

.certifikati-msc .pswp .video-block__video {
  -o-object-fit: contain;
  object-fit: contain; }

.arrow-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  left: 30px;
  /* &:hover {

		.arrow-left__inner-wrap {
			transform: translateX(-6px);
		}
	} */ }
  .arrow-left__inner-wrap {
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
    right: 20px;
    pointer-events: none;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
  .arrow-left__dot {
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: var(--color-primary);
    border-radius: 100%;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
    .arrow-left__dot:nth-of-type(1) {
      -webkit-transform: translate(16px, 8px);
      transform: translate(16px, 8px); }
    .arrow-left__dot:nth-of-type(2) {
      -webkit-transform: translate(24px, 8px);
      transform: translate(24px, 8px); }
    .arrow-left__dot:nth-of-type(3) {
      -webkit-transform: translate(16px, 0);
      transform: translate(16px, 0); }
    .arrow-left__dot:nth-of-type(4) {
      -webkit-transform: translate(8px, 8px);
      transform: translate(8px, 8px); }
    .arrow-left__dot:nth-of-type(5) {
      -webkit-transform: translate(12px, 4px);
      transform: translate(12px, 4px); }
    .arrow-left__dot:nth-of-type(6) {
      -webkit-transform: translate(12px, 12px);
      transform: translate(12px, 12px); }
    .arrow-left__dot:nth-of-type(7) {
      -webkit-transform: translate(16px, 16px);
      transform: translate(16px, 16px); }
  .arrow-left:hover .arrow-left__dot {
    background-color: var(--color-secondary); }
    .arrow-left:hover .arrow-left__dot:nth-of-type(1) {
      -webkit-transform: translate(20px, 8px);
      transform: translate(20px, 8px); }
    .arrow-left:hover .arrow-left__dot:nth-of-type(2) {
      -webkit-transform: translate(28px, 8px);
      transform: translate(28px, 8px); }
    .arrow-left:hover .arrow-left__dot:nth-of-type(3) {
      -webkit-transform: translate(20px, -4px);
      transform: translate(20px, -4px); }
    .arrow-left:hover .arrow-left__dot:nth-of-type(5) {
      -webkit-transform: translate(14px, 2px);
      transform: translate(14px, 2px); }
    .arrow-left:hover .arrow-left__dot:nth-of-type(6) {
      -webkit-transform: translate(14px, 14px);
      transform: translate(14px, 14px); }
    .arrow-left:hover .arrow-left__dot:nth-of-type(7) {
      -webkit-transform: translate(20px, 20px);
      transform: translate(20px, 20px); }

.arrow-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  right: 30px;
  /* &:hover {

		.arrow-right__inner-wrap {
			transform: translateX(6px);
		}
	} */ }
  .arrow-right__inner-wrap {
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
    pointer-events: none;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
  .arrow-right__dot {
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: var(--color-primary);
    border-radius: 100%;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
    .arrow-right__dot:nth-of-type(1) {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    .arrow-right__dot:nth-of-type(2) {
      -webkit-transform: translate(4px, 4px);
      transform: translate(4px, 4px); }
    .arrow-right__dot:nth-of-type(3) {
      -webkit-transform: translate(0, 8px);
      transform: translate(0, 8px); }
    .arrow-right__dot:nth-of-type(4) {
      -webkit-transform: translate(4px, 12px);
      transform: translate(4px, 12px); }
    .arrow-right__dot:nth-of-type(5) {
      -webkit-transform: translate(8px, 8px);
      transform: translate(8px, 8px); }
    .arrow-right__dot:nth-of-type(6) {
      -webkit-transform: translate(-8px, 8px);
      transform: translate(-8px, 8px); }
    .arrow-right__dot:nth-of-type(7) {
      -webkit-transform: translate(0, 16px);
      transform: translate(0, 16px); }
    .arrow-right__dot:nth-of-type(8) {
      -webkit-transform: translate(12px, 12px);
      transform: translate(12px, 12px); }
    .arrow-right__dot:nth-of-type(9) {
      -webkit-transform: translate(16px, 16px);
      transform: translate(16px, 16px); }
  .arrow-right:hover .arrow-right__dot {
    background-color: var(--color-secondary); }
    .arrow-right:hover .arrow-right__dot:nth-of-type(1) {
      -webkit-transform: translate(-4px, -4px);
      transform: translate(-4px, -4px); }
    .arrow-right:hover .arrow-right__dot:nth-of-type(2) {
      -webkit-transform: translate(2px, 2px);
      transform: translate(2px, 2px); }
    .arrow-right:hover .arrow-right__dot:nth-of-type(3) {
      -webkit-transform: translate(-4px, 8px);
      transform: translate(-4px, 8px); }
    .arrow-right:hover .arrow-right__dot:nth-of-type(4) {
      -webkit-transform: translate(2px, 14px);
      transform: translate(2px, 14px); }
    .arrow-right:hover .arrow-right__dot:nth-of-type(6) {
      -webkit-transform: translate(-12px, 8px);
      transform: translate(-12px, 8px); }
    .arrow-right:hover .arrow-right__dot:nth-of-type(7) {
      -webkit-transform: translate(-4px, 20px);
      transform: translate(-4px, 20px); }
    .arrow-right:hover .arrow-right__dot:nth-of-type(8) {
      -webkit-transform: translate(14px, 14px);
      transform: translate(14px, 14px); }
    .arrow-right:hover .arrow-right__dot:nth-of-type(9) {
      -webkit-transform: translate(20px, 20px);
      transform: translate(20px, 20px); }

.gallery__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.gallery__thumbnail-link {
  margin-bottom: 20px;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1; }
  @media (min-width: 576px) {
    .gallery__thumbnail-link {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; } }
  .gallery__thumbnail-link:hover .gallery__thumbnail {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  @media (min-width: 576px) {
    .gallery__thumbnail-link:nth-child(1) {
      padding-right: 10px; } }
  @media (min-width: 768px) {
    .gallery__thumbnail-link:nth-child(1) {
      -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%; } }
  .gallery__thumbnail-link:nth-child(1):last-of-type {
    padding-right: 0; }
  @media (min-width: 576px) {
    .gallery__thumbnail-link:nth-child(2) {
      padding-left: 10px; } }
  @media (min-width: 768px) {
    .gallery__thumbnail-link:nth-child(2) {
      -ms-flex-preferred-size: 66.666%;
      flex-basis: 66.666%; } }
  .gallery__thumbnail-link:nth-child(2):last-of-type {
    padding-left: 0; }
    @media (min-width: 576px) {
      .gallery__thumbnail-link:nth-child(2):last-of-type {
        padding-left: 10px; } }
  @media (min-width: 576px) {
    .gallery__thumbnail-link:nth-child(3) {
      padding-right: 10px; } }
  @media (min-width: 768px) {
    .gallery__thumbnail-link:nth-child(3) {
      -ms-flex-preferred-size: 66.666%;
      flex-basis: 66.666%; } }
  .gallery__thumbnail-link:nth-child(3):last-of-type {
    padding-right: 0; }
  @media (min-width: 576px) {
    .gallery__thumbnail-link:nth-child(4) {
      padding-left: 10px; } }
  @media (min-width: 768px) {
    .gallery__thumbnail-link:nth-child(4) {
      -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%; } }

.gallery__thumbnail-link--hidden {
  display: none; }

@media (min-width: 768px) {
  .gallery__thumbnail-box {
    height: 280px;
    position: relative;
    overflow: hidden; } }

@media (min-width: 992px) {
  .gallery__thumbnail-box {
    height: 380px; } }

.gallery__thumbnail {
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
  width: 100%; }
  @media (min-width: 768px) {
    .gallery__thumbnail {
      position: absolute;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover; } }

.search-head {
  display: block;
  margin-top: 22px; }
  @media (min-width: 992px) {
    .search-head {
      margin-top: 0;
      margin-left: 20px; } }
  .search-head--spaced {
    margin-bottom: 55px; }
    @media (min-width: 992px) {
      .search-head--spaced {
        margin-bottom: 80px; } }
  .search-head__search-form {
    display: block;
    position: relative;
    background-color: #fff;
    border: none;
    cursor: pointer;
    z-index: 1;
    bottom: 1px; }
  .search-head__search-heading {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875em;
    font-weight: 500;
    color: var(--color-primary);
    text-align: center;
    margin-bottom: 7px; }
    @media (min-width: 992px) {
      .search-head__search-heading {
        display: none; } }
    @media (min-width: 992px) {
      .search-head__search-heading--alt {
        display: block; } }
  .search-head__search-input {
    outline: none;
    border: none;
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: var(--color-pale-grey);
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    padding: 15px 82px 16px 24px;
    white-space: nowrap;
    overflow: hidden;
    min-height: 50px;
    color: var(--color-primary);
    border-radius: 25px;
    width: 340px; }
    @media screen and (min-width: 320px) and (max-width: 420px) {
      .search-head__search-input {
        width: 100%; } }
    @media screen and (min-width: 421px) and (max-width: 1400px) {
      .search-head__search-input {
        width: 260px; } }
    .search-head__search-input::-webkit-input-placeholder {
      color: #6d7278; }
    .search-head__search-input::-moz-placeholder {
      color: #6d7278; }
    .search-head__search-input::-ms-input-placeholder {
      color: #6d7278; }
    .search-head__search-input::placeholder {
      color: #6d7278; }
    .search-head__search-input--full-width {
      width: 100%; }
  .search-head__search-submit {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    position: absolute;
    min-width: 68px;
    min-height: 50px;
    right: 0;
    bottom: 0;
    padding: 0;
    margin-bottom: 0;
    cursor: pointer;
    color: #fff;
    background-color: var(--color-primary);
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 900;
    border-radius: 25px; }
    .search-head__search-submit--xlw-btn {
      min-width: 41px;
      min-height: 41px; }
    .search-head__search-submit--main-search {
      right: calc(50% - 130px); }
      @media screen and (min-width: 300px) and (max-width: 382px) {
        .search-head__search-submit--main-search {
          right: 0px; } }
      @media (min-width: 992px) {
        .search-head__search-submit--main-search {
          right: 0; } }

.header-logistic {
  padding-top: 60px;
  padding-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .header-logistic__wrap {
    display: block;
    width: 100%; }
    @media (min-width: 992px) {
      .header-logistic__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
  .header-logistic__title {
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 1.2381em;
    font-weight: 900;
    color: var(--color-primary);
    margin-bottom: 40px; }
    @media (min-width: 992px) {
      .header-logistic__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: 1.28571em;
        margin-bottom: 0; } }
  .header-logistic__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center; }
    @media (min-width: 992px) {
      .header-logistic__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; } }
    .search-head__search-submit .header-logistic__inner {
      right: calc(50%); }
  @media screen and (min-width: 992px) and (max-width: 1100px) {
    .header-logistic__download-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-right: 0px;
      line-height: 19px;
      text-align: right; } }

.products-list {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 40px; }
  @media (min-width: 992px) {
    .products-list {
      padding-top: 50px;
      padding-bottom: 80px; } }
  .products-list--padding-top-0 {
    padding-top: 0; }
  .products-list__headings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 40px;
    padding: 12px 20px 10px 20px;
    background-color: var(--color-pale-grey); }
    @media (min-width: 992px) {
      .products-list__headings {
        padding: 0px;
        min-height: 68px; } }
  .products-list__headings-item {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.28571em;
    font-weight: 900;
    color: var(--color-primary);
    width: 100%;
    display: none; }
    .products-list__headings-item:first-child {
      display: block;
      padding-left: 20px; }
    @media (min-width: 992px) {
      .products-list__headings-item {
        display: block;
        width: 10%;
        padding: 10px 0; } }
    @media (min-width: 992px) {
      .products-list__headings-item--triple {
        width: 30%; } }
    @media (min-width: 992px) {
      .products-list__headings-item--duble {
        width: 20%; } }
    .products-list__headings-item span {
      display: block; }
      @media (min-width: 992px) {
        .products-list__headings-item span {
          max-width: 70px; } }
  .products-list__item {
    padding: 16px 0;
    border-bottom: 1px solid var(--color-pale-grey); }
    @media (min-width: 992px) {
      .products-list__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%; } }
  .products-list__item-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer; }
    @media (min-width: 992px) {
      .products-list__item-heading {
        width: 30%;
        cursor: auto; } }
    .products-list__item-heading.is-active .products-list__item-title a {
      color: var(--color-secondary); }
    .products-list__item-heading.is-active .products-list__item-more {
      background: var(--color-secondary); }
      .products-list__item-heading.is-active .products-list__item-more svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      .products-list__item-heading.is-active .products-list__item-more path {
        fill: #fff !important; }
    .products-list__item-heading:hover .products-list__item-title a {
      text-decoration: none; }
      @media (min-width: 992px) {
        .products-list__item-heading:hover .products-list__item-title a {
          color: var(--color-secondary); } }
  .products-list__item-media {
    width: 80px;
    height: 80px;
    overflow: hidden; }
  .products-list__item-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25em;
    font-weight: 900;
    padding: 0 35px 0 14px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    @media (min-width: 992px) {
      .products-list__item-title {
        padding: 0 14px; } }
    .products-list__item-title a {
      color: var(--color-primary);
      -webkit-transition: all .2s ease-out;
      transition: all .2s ease-out; }
      .products-list__item-title a:hover {
        text-decoration: none;
        color: var(--color-secondary); }
  .products-list__item-more {
    position: absolute;
    width: 26px;
    height: 26px;
    display: inline-block;
    content: " ";
    right: 0px;
    border-radius: 50%;
    padding: 7px; }
    @media (min-width: 992px) {
      .products-list__item-more {
        display: none; } }
  .products-list__item-content {
    padding: 25px 0 9px 0;
    display: none; }
    @media (min-width: 992px) {
      .products-list__item-content {
        width: 70%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 31px 0 9px 0; } }
    .products-list__item-content.is-active {
      display: block; }
      @media (min-width: 992px) {
        .products-list__item-content.is-active {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
  .products-list__item-value {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.1875em;
    color: var(--color-cod-gray);
    padding-bottom: 20px; }
    @media (min-width: 992px) {
      .products-list__item-value {
        width: calc(100% / 7); } }
    @media (min-width: 992px) {
      .products-list__item-value--double {
        width: calc(100% / 7 * 2); } }
    .products-list__item-value:last-child {
      padding-bottom: 0px; }
    .products-list__item-value span {
      width: 50%;
      display: inline-block;
      font-weight: 900;
      color: var(--color-primary); }
      @media (min-width: 992px) {
        .products-list__item-value span {
          display: none; } }

.product-details {
  padding-top: 44px; }
  @media (min-width: 992px) {
    .product-details {
      padding-top: 60px;
      padding-bottom: 100px; } }
  .product-details__title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.36364em;
    font-weight: 900;
    color: var(--color-primary);
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .product-details__title {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.25em;
        margin-bottom: 0; } }
  .product-details__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 210px;
    overflow: hidden;
    margin-bottom: 15px; }
    @media (min-width: 992px) {
      .product-details__media {
        height: 440px;
        max-width: 440px;
        margin-top: 18px;
        margin-bottom: 28px;
        margin-right: 40px; } }
  .product-details__image {
    height: 100%; }
    @media (min-width: 992px) {
      .product-details__image {
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain; } }
  .product-details__details {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 60px;
    border-bottom: 1px solid var(--color-pale-grey); }
    @media (min-width: 992px) {
      .product-details__details {
        margin-top: 0px;
        border-bottom: none; } }
  .product-details__details-value {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.1875em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--color-primary);
    padding: 14px 0;
    border-top: 1px solid var(--color-pale-grey); }
    @media (min-width: 992px) {
      .product-details__details-value {
        border-top: none;
        border-bottom: 1px solid var(--color-pale-grey); } }
    .product-details__details-value span {
      display: inline-block;
      width: 50%;
      overflow: visible;
      font-weight: 900;
      padding-right: 10px; }

@media (min-width: 992px) {
  .download--spaced {
    margin-left: 30%; } }

.download__wrap {
  margin-bottom: 60px; }

.download__title {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.45455em;
  font-weight: 900;
  color: var(--color-primary);
  margin-bottom: 10px; }
  @media (min-width: 992px) {
    .download__title {
      font-size: 38px;
      font-size: 3.8rem;
      line-height: 1.52632em;
      margin-bottom: 20px; } }

.download__item {
  padding: 16px 0;
  border-bottom: solid 1px rgba(93, 116, 136, 0.3); }
  .download__item--with-label {
    padding: 0 0 16px 0; }

.download__label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.35714em;
  letter-spacing: 1.5px;
  color: var(--color-brownish-grey);
  text-transform: uppercase;
  margin-bottom: 8px; }

.download__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .download__text span {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.55556em;
    color: var(--color-cod-gray);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px; }

.download__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background: var(--color-secondary);
  color: #FFFFFF;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  font-size: 10px;
  font-size: 1rem;
  line-height: 3em;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .download__button:hover {
    color: #FFFFFF;
    background: var(--color-primary);
    text-decoration: none; }

.job-offer {
  margin-bottom: 20px; }
  .job-offer__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid rgba(119, 140, 160, 0.3);
    padding-bottom: 30px; }
    @media (min-width: 992px) {
      .job-offer__wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: 70px; } }
    .job-offer__wrap:not(:first-child) {
      margin-top: 50px; }
      @media (min-width: 992px) {
        .job-offer__wrap:not(:first-child) {
          margin-top: 107px; } }
    .job-offer__wrap:last-child {
      border-bottom: none;
      padding-bottom: 30px; }
      @media (min-width: 992px) {
        .job-offer__wrap:last-child {
          margin-bottom: 34px; } }
  @media (min-width: 768px) {
    .job-offer__heading {
      padding-left: 20px; } }
  .job-offer__heading, .job-offer__content {
    width: 100%; }
    @media (min-width: 992px) {
      .job-offer__heading, .job-offer__content {
        width: 50%; } }
  @media (min-width: 992px) {
    .job-offer__content {
      padding-top: 9px; } }
  .job-offer__content > p:not([class]) {
    margin-bottom: 16px; }
    @media (min-width: 992px) {
      .job-offer__content > p:not([class]) {
        margin-bottom: 20px; } }
  .job-offer__title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    font-weight: 900;
    color: var(--color-primary);
    margin-bottom: 10px; }
    @media (min-width: 992px) {
      .job-offer__title {
        margin-bottom: 17px;
        font-size: 40px;
        font-size: 4rem;
        line-height: 1.35em; } }
    @media (min-width: 1200px) {
      .job-offer__title {
        margin-bottom: 17px;
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 1.33333em; } }
  .job-offer__subtitle {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    font-weight: 900;
    color: var(--color-primary);
    margin-bottom: 10px; }
    @media (min-width: 992px) {
      .job-offer__subtitle {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 1.33333em; } }
  .job-offer__deadline {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.55556em;
    color: var(--color-secondary);
    display: block;
    margin-bottom: 30px; }
  .job-offer__content h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.55556em;
    color: var(--color-cod-gray);
    font-weight: 900;
    display: block;
    margin-bottom: 6px;
    text-transform: capitalize; }
  .job-offer__content ul {
    padding-left: 4px;
    margin-bottom: 45px; }
    .job-offer__content ul li {
      color: #000; }
      .job-offer__content ul li:before {
        color: var(--color-primary); }
  .job-offer__content .note {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71429em;
    display: block;
    margin-bottom: 40px; }
    @media (min-width: 992px) {
      .job-offer__content .note {
        margin-bottom: 76px; } }
  .job-offer__content a {
    color: var(--color-cod-gray);
    font-weight: 900;
    text-decoration: underline; }
    .job-offer__content a:hover {
      color: var(--color-secondary);
      text-decoration: none; }
  .job-offer__content p span {
    font-weight: 900;
    margin-bottom: 0; }
  .job-offer__intro {
    border-bottom: 1px solid rgba(119, 140, 160, 0.3);
    padding-bottom: 10px;
    margin-bottom: 40px; }
    @media (min-width: 992px) {
      .job-offer__intro {
        padding-bottom: 30px;
        margin-bottom: 60px; } }
  .job-offer__type {
    display: block;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.55556em;
    margin-bottom: 16px;
    color: #000; }

.job-offers {
  position: relative;
  padding: 30px 0 138px; }
  @media (min-width: 992px) {
    .job-offers {
      padding: 64px 54px 40px; } }
  .job-offers__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 224px;
    border: 1px solid #5D74884D;
    padding: 24px 12px 20px;
    margin-bottom: 20px; }
    .job-offers__item:hover {
      text-decoration: none; }
      .job-offers__item:hover .job-offers__title {
        color: #C6191B; }
      .job-offers__item:hover .job-offers__link:after {
        opacity: 1;
        margin-left: 8px; }
    @media (min-width: 992px) {
      .job-offers__item {
        padding: 24px 24px 20px;
        margin-bottom: 24px; } }
  .job-offers__title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    font-weight: 900;
    color: var(--color-primary);
    margin-bottom: 16px;
    -webkit-transition: all .26s ease-out;
    transition: all .26s ease-out; }
  .job-offers__location p {
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857em;
    font-weight: 400;
    color: #6E6E6E;
    margin-bottom: 0px; }
    .job-offers__location p:before {
      display: inline-block;
      content: " ";
      background: url(/images/pin-icon.svg) no-repeat center;
      vertical-align: bottom;
      width: 14px;
      height: 21px;
      margin-right: 8px; }
  .job-offers__link {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857em;
    font-weight: 800;
    position: relative;
    color: #C6191B; }
    .job-offers__link:after {
      display: inline-block;
      content: " ";
      background: url(/images/arrow-right.svg) no-repeat center;
      width: 15px;
      height: 12px;
      margin-left: 0px;
      opacity: 0;
      -webkit-transition: all .26s ease-out;
      transition: all .26s ease-out; }

.job-application__intro {
  border-bottom: 1px solid rgba(119, 140, 160, 0.3);
  padding-bottom: 10px;
  margin-bottom: 40px; }
  @media (min-width: 992px) {
    .job-application__intro {
      padding-bottom: 30px;
      margin-bottom: 60px; } }

.job-application__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 70px; }
  @media (min-width: 992px) {
    .job-application__wrap {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      padding-bottom: 70px; } }

.job-application__heading {
  width: 100%; }
  @media (min-width: 992px) {
    .job-application__heading {
      width: 40%;
      padding-right: 20px; } }

.job-application__subtitle {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.45455em;
  font-weight: 900;
  color: var(--color-primary);
  margin-bottom: 14px; }

.job-application__content {
  width: 100%; }
  @media (min-width: 992px) {
    .job-application__content {
      width: 60%; } }

.job-application__note {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.71429em;
  display: block;
  margin-bottom: 40px; }

.job-application__dropdown-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.job-application__dropdown {
  min-height: 60px;
  margin-bottom: 20px;
  margin-right: 10px;
  width: 100%; }
  @media (min-width: 992px) {
    .job-application__dropdown {
      margin-right: 20px; } }
  .job-application__dropdown:last-child {
    margin-right: 0; }

.search-header {
  padding-top: 60px; }
  @media (min-width: 992px) {
    .search-header {
      padding-top: 140px; } }
  .search-header__title {
    color: var(--color-primary);
    margin-bottom: 10px; }
    @media (min-width: 992px) {
      .search-header__title {
        font-size: 80px;
        font-size: 8rem;
        line-height: 1.25em;
        margin-bottom: 70px; } }

.link-list {
  display: block;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  background-color: #fff;
  z-index: 100;
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
  -webkit-transform: translateY(100%);
  transform: translateY(100%); }
  @media (min-width: 992px) {
    .link-list {
      position: absolute;
      top: 0;
      left: 0;
      width: 30%;
      padding-right: 30px;
      -webkit-transform: none;
      transform: none; } }
  .link-list__box {
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
    @media (min-width: 992px) {
      .link-list__box {
        -webkit-transform: translateY(0%);
        transform: translateY(0%); } }
    .link-list__box.active {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  .link-list.active {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
    @media (min-width: 992px) {
      .link-list.active {
        -webkit-transform: none;
        transform: none; } }
  .link-list__tab {
    height: 60px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    padding: 0 20px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
    .link-list__tab:after {
      display: block;
      position: absolute;
      right: 20px;
      content: " ";
      width: 11px;
      height: 11px;
      background: url("/src/img/svg/plus.svg") no-repeat center;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    @media (min-width: 992px) {
      .link-list__tab {
        height: auto;
        padding: 0;
        cursor: auto;
        -webkit-box-shadow: none;
        box-shadow: none; }
        .link-list__tab:after {
          display: none; } }
    .link-list__tab.is-active {
      -webkit-box-shadow: none;
      box-shadow: none; }
      .link-list__tab.is-active:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .link-list__tab.is-active .link-list__title {
        color: var(--color-secondary); }
  .link-list__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.35714em;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: var(--color-primary);
    text-transform: uppercase;
    margin-bottom: 0; }
  .link-list__wrap {
    display: none;
    position: absolute;
    bottom: 60px;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.1); }
    @media (min-width: 992px) {
      .link-list__wrap {
        display: block;
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
        bottom: 0; } }
  .link-list__list {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .link-list__item {
    margin: 0 20px;
    border-bottom: 1px solid #f3f5f8; }
    @media (min-width: 992px) {
      .link-list__item {
        margin: 0;
        border-bottom: none; } }
  .link-list__link {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.33333em;
    font-weight: 500;
    letter-spacing: 0.47px;
    color: var(--color-cod-gray);
    padding: 18px 0 16px 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media (min-width: 992px) {
      .link-list__link {
        padding: 20px 0 0 0; } }
    .link-list__link:hover {
      text-decoration: none;
      color: var(--color-secondary); }

@media (min-width: 992px) {
  .news-article {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px; } }

.news-article__media {
  margin-right: -20px;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-bottom: 50px; }
  @media (min-width: 992px) {
    .news-article__media {
      margin-top: -190px;
      margin-right: 0;
      margin-left: 0; } }

.news-article__image {
  width: 100%;
  height: auto; }

.news-article__content-about {
  position: relative; }
  @media (min-width: 992px) {
    .news-article__content-about {
      min-height: 290px; } }
  .news-article__content-about p,
  .news-article__content-about h1,
  .news-article__content-about h2,
  .news-article__content-about h3,
  .news-article__content-about h4,
  .news-article__content-about h6,
  .news-article__content-about table,
  .news-article__content-about .table-wrapper,
  .news-article__content-about ul,
  .news-article__content-about ol {
    overflow: scroll; }
    @media (min-width: 992px) {
      .news-article__content-about p,
      .news-article__content-about h1,
      .news-article__content-about h2,
      .news-article__content-about h3,
      .news-article__content-about h4,
      .news-article__content-about h6,
      .news-article__content-about table,
      .news-article__content-about .table-wrapper,
      .news-article__content-about ul,
      .news-article__content-about ol {
        margin-left: 30%;
        overflow: visible; } }
  .news-article__content-about > p:not([class]) {
    margin-bottom: 16px; }
    @media (min-width: 992px) {
      .news-article__content-about > p:not([class]) {
        margin-bottom: 20px; } }

.news-article__content-news > p,
.news-article__content-news > h1,
.news-article__content-news > h2,
.news-article__content-news > h3,
.news-article__content-news > h4,
.news-article__content-news > h5,
.news-article__content-news > h6,
.news-article__content-news > ul,
.news-article__content-news > ol,
.news-article__content-news > blockquote,
.news-article__content-news > table,
.news-article__content-news .table-wrapper,
.news-article__content-news > .rules,
.news-article__content-news > .download {
  margin-bottom: 16px;
  overflow: scroll; }
  @media (min-width: 992px) {
    .news-article__content-news > p,
    .news-article__content-news > h1,
    .news-article__content-news > h2,
    .news-article__content-news > h3,
    .news-article__content-news > h4,
    .news-article__content-news > h5,
    .news-article__content-news > h6,
    .news-article__content-news > ul,
    .news-article__content-news > ol,
    .news-article__content-news > blockquote,
    .news-article__content-news > table,
    .news-article__content-news .table-wrapper,
    .news-article__content-news > .rules,
    .news-article__content-news > .download {
      margin-bottom: 20px;
      margin-left: 20%;
      width: 100%;
      max-width: 60%;
      overflow: visible; } }

.news-article__content-news > p {
  margin-bottom: 16px; }
  @media (min-width: 992px) {
    .news-article__content-news > p {
      margin-bottom: 20px; } }

.news-article__content-news p a:not([class]), .news-article__content-news ul a:not([class]), .news-article__content-news li a:not([class]) {
  color: var(--color-cod-gray) !important; }
  .news-article__content-news p a:not([class]):hover, .news-article__content-news ul a:not([class]):hover, .news-article__content-news li a:not([class]):hover {
    color: var(--color-cod-gray) !important;
    text-decoration: underline !important; }
  .news-article__content-news p a:not([class]) img, .news-article__content-news ul a:not([class]) img, .news-article__content-news li a:not([class]) img {
    display: inline-block; }

@media (min-width: 992px) {
  .news-article__content-news .fb-post,
  .news-article__content-news .fb_iframe_widget,
  .news-article__content-news #surveyMonkeyInfo {
    margin-left: 20%;
    width: 100%;
    max-width: 60%; } }

@media (min-width: 992px) {
  .news-article__content-news .smcx-widget,
  .news-article__content-news .smcx-embed {
    margin-left: 20%;
    width: 100%; } }

@media (min-width: 992px) {
  .news-article__content-news .instagram-media,
  .news-article__content-news .instagram-media-rendere {
    margin-left: 20% !important;
    width: 100% !important;
    max-width: 60% !important; } }

.news-article__intro-block {
  text-align: center;
  margin-bottom: 40px;
  margin-left: 20px;
  margin-right: 20px; }
  @media (min-width: 992px) {
    .news-article__intro-block {
      text-align: left;
      margin-left: 10%;
      width: 100%;
      max-width: 80%; } }
  .news-article__intro-block p {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    font-weight: 900;
    color: var(--color-primary); }
    @media (min-width: 992px) {
      .news-article__intro-block p {
        font-size: 42px;
        font-size: 4.2rem;
        line-height: 1.28571em; } }

@media (min-width: 992px) {
  .news-article__abstract {
    text-align: left; } }

.news-article__abstract p {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.45455em;
  font-weight: 900;
  color: var(--color-primary); }

.news-article h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.45455em;
  font-weight: 900; }
  @media (min-width: 992px) {
    .news-article h2 {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 1.45455em;
      margin-bottom: 10px; } }

.news-article h1, .news-article h2, .news-article h3, .news-article h4, .news-article h5, .news-article h6, .news-article strong {
  color: var(--color-primary); }

/*
.page--compact .news-article__content-about ul {
	@include media-breakpoint-up(lg) {
		margin-left: 0;
	}
}
.page--compact .link-list {
	margin-top: 50px;
}
.page--compact .news-article__content-about {
	padding-top: 50px;
}
*/
.title-alt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.38889em;
  font-weight: 900;
  color: var(--color-primary);
  position: relative;
  margin-bottom: 8px; }
  .title-alt:before {
    content: "";
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 12px; }
  .title-alt--preparation {
    margin-bottom: 8px; }
    .title-alt--preparation:before {
      background: url("/src/img/svg/salt-pepper.svg") no-repeat center;
      width: 26px;
      height: 39px; }
  .title-alt--apron {
    margin-bottom: 11px; }
    .title-alt--apron:before {
      background: url("/src/img/svg/apron.svg") no-repeat center;
      width: 27px;
      height: 34px; }
  .title-alt--dish {
    margin-bottom: 17px; }
    .title-alt--dish:before {
      background: url("/src/img/svg/dish.svg") no-repeat center;
      width: 30px;
      height: 30px; }
  .title-alt--heart-rate {
    margin-bottom: 8px; }
    .title-alt--heart-rate:before {
      margin-right: 13px;
      background: url("/src/img/svg/ikona-nutritivna.svg") no-repeat center;
      width: 26px;
      height: 26px; }

.rules {
  margin-bottom: 40px; }
  @media (min-width: 992px) {
    .rules {
      margin-bottom: 55px; } }
  .rules__label {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.55556em;
    font-weight: 900;
    color: var(--color-cod-gray);
    margin-bottom: 2px; }
  .rules dt {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.55556em;
    font-weight: 900;
    color: var(--color-cod-gray); }
    .rules dt span {
      font-weight: 500; }

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }
  @media (min-width: 992px) {
    .pagination {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .pagination__direction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
  .pagination__direction--previous {
    margin-right: 20px; }
    .pagination__direction--previous:before {
      content: '';
      display: block;
      background-image: url(/src/img/svg/arrow-left.svg);
      width: 18px;
      height: 12px;
      margin-right: 10px; }
  .pagination__direction--next {
    margin-left: 20px; }
    .pagination__direction--next:after {
      content: '';
      display: inline-block;
      background-image: url(/src/img/svg/arrow-right.svg);
      width: 18px;
      height: 12px;
      margin-left: 10px; }
  .pagination__direction-text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5625em;
    letter-spacing: 0.5px;
    color: var(--color-primary); }
  .pagination__dropdown {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 10px;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(119, 140, 160, 0.4);
    box-shadow: inset 0 -1px 0 0 rgba(119, 140, 160, 0.4); }
    @media (min-width: 992px) {
      .pagination__dropdown {
        margin: 0 80px; } }
    .pagination__dropdown:after {
      content: '';
      display: inline-block;
      background-image: url(/src/img/svg/caret-down.svg);
      width: 12px;
      height: 7px;
      margin-left: 10px; }
  .pagination__dropdown-info {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5625em;
    letter-spacing: 0.5px;
    color: var(--color-primary); }
  .pagination__dropdown-select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.0001;
    width: 100%;
    height: 100%; }

.product-category {
  position: relative;
  margin-bottom: 20px; }
  .product-category__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .product-category__item:hover {
      text-decoration: none; }
      .product-category__item:hover .product__title {
        color: var(--color-secondary); }
      .product-category__item:hover .product__image {
        -webkit-transform: scale(1.025);
        transform: scale(1.025); }
  .product-category__media {
    overflow: hidden;
    margin-bottom: 37px;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    .product-category__media:before {
      content: '';
      display: block;
      position: absolute;
      border-radius: 50%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #d3dce5;
      z-index: -1;
      -webkit-transform: scale(0.7);
      transform: scale(0.7);
      -webkit-transition: background-color 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
      transition: background-color 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
      transition: transform 300ms ease-in-out, background-color 300ms ease-in-out;
      transition: transform 300ms ease-in-out, background-color 300ms ease-in-out, -webkit-transform 300ms ease-in-out; }
  .product-category__image {
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0.6;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out; }
  .product-category__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.125em;
    font-weight: 500;
    text-align: center;
    color: #d7e0e9;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative; }
    @media (min-width: 992px) {
      .product-category__title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.55556em; } }

.product-category-fruit .product-category__media:before {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  background-color: #db3868; }

.product-category-fruit .product-category__image {
  opacity: 1; }

.product-category-fruit .product-category__title {
  color: #db3868; }

.product-category-fruit.is-current .product-category__media:before, .product-category-fruit:hover .product-category__media:before, .product-category-fruit.is-inactive:hover .product-category__media:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  background-color: #db3868; }

.product-category-fruit.is-current .product-category__image, .product-category-fruit:hover .product-category__image, .product-category-fruit.is-inactive:hover .product-category__image {
  opacity: 1; }

.product-category-fruit.is-current .product-category__title, .product-category-fruit:hover .product-category__title, .product-category-fruit.is-inactive:hover .product-category__title {
  color: #db3868; }

.product-category-fruit.is-inactive .product-category__media:before {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  background-color: #d3dce5; }

.product-category-fruit.is-inactive .product-category__image {
  opacity: 0.6; }

.product-category-fruit.is-inactive .product-category__title {
  color: #d7e0e9; }

.product-category-chocolate .product-category__media:before {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  background-color: #6f3216; }

.product-category-chocolate .product-category__image {
  opacity: 1; }

.product-category-chocolate .product-category__title {
  color: #6f3216; }

.product-category-chocolate.is-current .product-category__media:before, .product-category-chocolate:hover .product-category__media:before, .product-category-chocolate.is-inactive:hover .product-category__media:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  background-color: #6f3216; }

.product-category-chocolate.is-current .product-category__image, .product-category-chocolate:hover .product-category__image, .product-category-chocolate.is-inactive:hover .product-category__image {
  opacity: 1; }

.product-category-chocolate.is-current .product-category__title, .product-category-chocolate:hover .product-category__title, .product-category-chocolate.is-inactive:hover .product-category__title {
  color: #6f3216; }

.product-category-chocolate.is-inactive .product-category__media:before {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  background-color: #d3dce5; }

.product-category-chocolate.is-inactive .product-category__image {
  opacity: 0.6; }

.product-category-chocolate.is-inactive .product-category__title {
  color: #d7e0e9; }

.product-category-vanilla .product-category__media:before {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  background-color: #e1a96a; }

.product-category-vanilla .product-category__image {
  opacity: 1; }

.product-category-vanilla .product-category__title {
  color: #e1a96a; }

.product-category-vanilla.is-current .product-category__media:before, .product-category-vanilla:hover .product-category__media:before, .product-category-vanilla.is-inactive:hover .product-category__media:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  background-color: #e1a96a; }

.product-category-vanilla.is-current .product-category__image, .product-category-vanilla:hover .product-category__image, .product-category-vanilla.is-inactive:hover .product-category__image {
  opacity: 1; }

.product-category-vanilla.is-current .product-category__title, .product-category-vanilla:hover .product-category__title, .product-category-vanilla.is-inactive:hover .product-category__title {
  color: #e1a96a; }

.product-category-vanilla.is-inactive .product-category__media:before {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  background-color: #d3dce5; }

.product-category-vanilla.is-inactive .product-category__image {
  opacity: 0.6; }

.product-category-vanilla.is-inactive .product-category__title {
  color: #d7e0e9; }

.product-category-fun .product-category__media:before {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  background-color: #761425; }

.product-category-fun .product-category__image {
  opacity: 1; }

.product-category-fun .product-category__title {
  color: #761425; }

.product-category-fun.is-current .product-category__media:before, .product-category-fun:hover .product-category__media:before, .product-category-fun.is-inactive:hover .product-category__media:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  background-color: #761425; }

.product-category-fun.is-current .product-category__image, .product-category-fun:hover .product-category__image, .product-category-fun.is-inactive:hover .product-category__image {
  opacity: 1; }

.product-category-fun.is-current .product-category__title, .product-category-fun:hover .product-category__title, .product-category-fun.is-inactive:hover .product-category__title {
  color: #761425; }

.product-category-fun.is-inactive .product-category__media:before {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  background-color: #d3dce5; }

.product-category-fun.is-inactive .product-category__image {
  opacity: 0.6; }

.product-category-fun.is-inactive .product-category__title {
  color: #d7e0e9; }

.product-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  z-index: 2; }
  .product-categories > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
    @media (min-width: 992px) {
      .product-categories > div {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0; } }
  .product-categories__title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3125em;
    font-weight: 900;
    color: var(--color-primary);
    margin-bottom: 32px; }
    @media (min-width: 992px) {
      .product-categories__title {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 0.95833em; } }
  .product-categories--alt > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%; }
    @media (min-width: 768px) {
      .product-categories--alt > div {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33%;
        flex: 1 1 33%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 0 10px; } }
    @media (min-width: 992px) {
      .product-categories--alt > div {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33%;
        flex: 1 1 33%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0; } }
  .product-categories--alt .product-category__image {
    opacity: 1; }
  .product-categories--alt .product-category__title {
    color: #4FA3BD;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.27273em; }

.about-read__intro-heading {
  margin-bottom: 40px;
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.45455em; }
  @media (min-width: 992px) {
    .about-read__intro-heading {
      text-align: left;
      margin-bottom: 42px; } }

.about-read__intro-text {
  margin-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 992px) {
    .about-read__intro-text {
      padding-left: 0;
      padding-right: 0; } }

.about-read__article {
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 992px) {
    .about-read__article {
      margin-bottom: 100px; } }
  @media (min-width: 992px) {
    .about-read__article {
      padding-left: 0;
      padding-right: 0; } }
  .about-read__article--intro {
    margin-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px; }
    @media (min-width: 992px) {
      .about-read__article--intro {
        padding-left: 0;
        padding-right: 0; } }

.about-read__card {
  padding: 0;
  display: none;
  background-color: white; }
  @media (min-width: 992px) {
    .about-read__card {
      display: block; } }

.about-read__subtitle {
  margin-bottom: 10px; }

.about-read__item {
  padding: 0;
  margin-bottom: 7px; }

.about-read__link {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.66667em; }

/*
@font-face {
	font-family: 'GothamRounded-Bold';
	src: url('../../source/fonts/GothamRounded/GothamRounded-Bold.eot');
	src: url('../../source/fonts/GothamRounded/GothamRounded-Bold.eot?#iefix') format('embedded-opentype'),
		url('../../source/fonts/GothamRounded/GothamRounded-Bold.woff2') format('woff2'),
		url('../../source/fonts/GothamRounded/GothamRounded-Bold.woff') format('woff'),
		url('../../source/fonts/GothamRounded/GothamRounded-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/
* {
  margin: 0;
  padding: 0; }

ul, ol, dl, p {
  margin: 0;
  padding: 0;
  list-style: none; }

#gdpr-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000; }

#gdpr_toolbar.compact {
  width: auto;
  padding: 0; }
  #gdpr_toolbar.compact .gdpr-msg {
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0; }
  #gdpr_toolbar.compact .gdpr-prompt__title span,
  #gdpr_toolbar.compact .gdpr-prompt__ctrl,
  #gdpr_toolbar.compact .gdpr-opt,
  #gdpr_toolbar.compact .gdpr-prompt__msg {
    display: none; }
  #gdpr_toolbar.compact .gdpr-prompt__title {
    padding: 0;
    line-height: 1; }

#gdpr_toolbar .gdpr-prompt__ctrl .x_submit_necessary {
  display: block; }

#gdpr_toolbar .gdpr-prompt__ctrl .x_submit_selected {
  display: none; }

#gdpr_toolbar .gdpr-prompt__ctrl.active .x_submit_necessary {
  display: none; }

#gdpr_toolbar .gdpr-prompt__ctrl.active .x_submit_selected {
  display: block; }

#gdpr_toolbar.hide {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0; }

.gdpr-compact {
  position: fixed;
  z-index: 10;
  right: 0;
  bottom: 0;
  line-height: 1;
  display: inline-block;
  -webkit-transform: translate3d(100%, 100%, 0);
  transform: translate3d(100%, 100%, 0);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0; }
  .gdpr-compact.show {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  .gdpr-compact:before {
    content: "";
    width: 120px;
    height: 120px;
    position: fixed;
    right: -60px;
    bottom: -60px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #001832;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .gdpr-compact svg {
    position: relative;
    right: 12px;
    bottom: 12px;
    width: 24px;
    height: 24px;
    display: inline-block;
    fill: #ffffff;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .gdpr-compact:hover:before {
    background: #c6191b; }
  .gdpr-compact:hover svg {
    fill: #ffffff; }

.gdpr-prompt {
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  color: #001832;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.43;
  font-family: "Avenir", sans-serif;
  z-index: 10001;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 400px; }
  @media only screen and (max-width: 400px) {
    .gdpr-prompt {
      width: 100%; } }
  .gdpr-prompt__title {
    color: #c6191b;
    font-family: "Avenir", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.36;
    text-transform: uppercase;
    padding: 40px 40px 0 40px; }
    .gdpr-prompt__title svg {
      display: none; }
  .gdpr-prompt__msg {
    padding: 0 40px; }
    .gdpr-prompt__msg a {
      color: #c6191b;
      font-family: "Avenir", sans-serif; }
  .gdpr-prompt__ctrl {
    padding: 30px 40px 20px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #ffffff;
    position: relative; }
    @media only screen and (max-width: 400px) {
      .gdpr-prompt__ctrl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 50px 10px 50px; } }
  .gdpr-prompt__cta {
    color: #001832;
    font-family: "Avenir", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    padding: 17px 25px 15px 0;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    position: relative; }
    @media only screen and (max-width: 400px) {
      .gdpr-prompt__cta {
        margin-bottom: 20px; } }
    .gdpr-prompt__cta:after, .gdpr-prompt__cta:before {
      content: "";
      position: absolute;
      right: 10px;
      top: 50%;
      width: 2px;
      height: 7px;
      -webkit-transform: translateY(-50%) rotate(-45deg);
      transform: translateY(-50%) rotate(-45deg);
      background: #001832;
      -webkit-transition: all .2s ease-in;
      transition: all .2s ease-in; }
    .gdpr-prompt__cta:before {
      -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg);
      right: 14px; }
    .gdpr-prompt__cta.active {
      color: #c6191b; }
      .gdpr-prompt__cta.active:after, .gdpr-prompt__cta.active:before {
        background: #c6191b;
        -webkit-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg); }
      .gdpr-prompt__cta.active:before {
        -webkit-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg); }
    .gdpr-prompt__cta:hover {
      text-decoration: none;
      color: #c6191b; }
      .gdpr-prompt__cta:hover:after, .gdpr-prompt__cta:hover:before {
        background: #c6191b; }
    .gdpr-prompt__cta--btn {
      font-family: "Avenir", sans-serif;
      background: #c6191b;
      color: #f2f2f2;
      border: 2px solid #c6191b;
      border-radius: 100px;
      padding: 15px 15px;
      -webkit-transition: all .2s ease-in;
      transition: all .2s ease-in; }
      .gdpr-prompt__cta--btn:hover {
        background: #ffffff;
        color: #c6191b; }
      .gdpr-prompt__cta--btn:after, .gdpr-prompt__cta--btn:before {
        display: none; }

.gdpr-msg {
  -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: relative;
  top: 0;
  z-index: 0;
  padding-bottom: 20px;
  background: #ffffff; }
  .gdpr-msg.show {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }

.gdpr-opt {
  padding: 40px 0;
  position: fixed;
  overflow-y: scroll;
  z-index: -1;
  right: 0;
  top: 0;
  height: 90vh;
  width: 400px;
  background: #ffffff;
  -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: translateY(100%);
  transform: translateY(100%); }
  @media only screen and (max-width: 400px) {
    .gdpr-opt {
      width: 100%;
      overflow-y: scroll;
      padding-bottom: 100px; } }
  .gdpr-opt.show {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .gdpr-opt__title {
    padding: 0 40px;
    color: #c6191b;
    font-family: "Avenir", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.36;
    text-transform: uppercase; }
  .gdpr-opt__subtitle {
    padding: 0 40px; }
  .gdpr-opt__list {
    margin: 40px 0 0 0;
    background: #f2f2f2;
    padding: 40px; }
    .gdpr-opt__list li {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.43;
      padding-bottom: 20px;
      margin-bottom: 22px;
      border-bottom: 1px solid #ccc; }
      .gdpr-opt__list li:last-child {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0; }
    .gdpr-opt__list strong {
      font-size: 16px;
      font-size: 1.6rem;
      font-family: "Avenir", sans-serif;
      display: inline-block;
      width: 100%;
      margin-bottom: 10px; }
  .gdpr-opt__ctrl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 40px;
    margin-top: 40px; }
  .gdpr-opt label {
    cursor: pointer; }

/* The switch - the box around the slider */
.switch {
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
  width: 36px;
  height: 18px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:after {
  position: absolute;
  content: "Off";
  color: #ccc;
  left: 45px;
  top: -1px;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in; }

input:checked + .slider {
  background-color: #c6191b; }

input:checked + .slider:after {
  content: "On";
  color: #c6191b; }

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  transform: translateX(18px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

@media only screen and (max-width: 991px) {
  .card-zona-wrapper--fish-nuggets .card-block,
  .card-zona-wrapper--fish-filet .card-block,
  .card-zona-wrapper--fish-sticks .card-block {
    height: auto;
    min-height: auto; } }

.card-zona-wrapper--fish-nuggets .card-block__media,
.card-zona-wrapper--fish-filet .card-block__media,
.card-zona-wrapper--fish-sticks .card-block__media {
  position: relative; }

.card-zona-wrapper--fish-nuggets .card-block__image,
.card-zona-wrapper--fish-filet .card-block__image,
.card-zona-wrapper--fish-sticks .card-block__image {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right top;
  object-position: right top;
  position: relative; }

.card-zona {
  -webkit-box-shadow: none;
  box-shadow: none; }
  .card-zona-wrapper--fish-sticks .card-zona {
    background: #194782; }
  .card-zona-wrapper--fish-filet .card-zona {
    background: #7F191F; }
  .card-zona-wrapper--fish-nuggets .card-zona {
    background: #7F191F; }
  .card-zona__item {
    padding: 40px 0; }
    @media (min-width: 992px) {
      .card-zona__item {
        padding: 80px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        min-height: 580px; } }
  .card-zona__title {
    font-weight: 900;
    color: #FFFFFF;
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    margin: 0 auto 42px;
    max-width: 80%; }
    @media (min-width: 992px) {
      .card-zona__title {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.45455em;
        margin: 0 auto 42px;
        max-width: 80%; } }
  .card-zona__media {
    height: auto;
    background: transparent;
    padding: 0 30px; }
  .card-zona__image {
    position: relative;
    width: auto;
    margin: 0 auto; }
  .card-zona__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 18px; }
    .card-zona__list li {
      display: inline;
      margin: 0 15px; }
    .card-zona__list--fish {
      text-align: center; }
  .card-zona__link {
    color: #FFFFFF;
    text-align: center;
    font-weight: 900;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.66667em;
    text-decoration: underline; }
    .card-zona__list li:last-of-type .card-zona__link {
      opacity: 0.7; }
    .card-zona__link:hover {
      color: #FFFFFF;
      text-decoration: none; }

.intro-zona {
  background: #F2F6FA;
  padding: 180px 0 80px; }
  .intro-zona__title {
    color: #4FA3BD;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.75em;
    font-weight: 900;
    position: relative; }
    .intro-zona__title::before {
      content: " ";
      width: 96px;
      height: 48px;
      background: url("/src/img/svg/fish-zona-icon.svg") no-repeat center;
      position: absolute;
      top: -100px; }
  .intro-zona__description {
    padding-top: 10px; }
    .intro-zona__description p {
      color: #1E1E1E;
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.6em;
      font-weight: 500; }

.b-certificats {
  position: relative;
  padding: 48px 0;
  background-color: #F2F6FA; }
  @media (min-width: 992px) {
    .b-certificats {
      padding: 80px 0; } }
  .b-certificats__labels {
    margin-bottom: 40px;
    height: 76px;
    width: auto;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 992px) {
      .b-certificats__labels {
        margin-bottom: 32px;
        height: 102px; } }
  .b-certificats__labels-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 32px; }
    @media (min-width: 992px) {
      .b-certificats__labels-wrapper {
        margin-bottom: 40px; } }
  .b-certificats__logo {
    width: 60px;
    height: auto; }
  .b-certificats__intro {
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    font-weight: 500;
    color: #4FA3BD;
    margin-bottom: 40px; }
    @media (min-width: 992px) {
      .b-certificats__intro {
        margin-bottom: 32px; } }
  .b-certificats__intro-text {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.66667em;
    font-weight: 500;
    color: #1E1E1E;
    margin-bottom: 16px; }
    @media (min-width: 992px) {
      .b-certificats__intro-text {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.6em;
        margin-bottom: 0px; } }

.b-certificates-article {
  margin-top: 40px; }
  @media (min-width: 992px) {
    .b-certificates-article {
      margin-top: 100px;
      margin-bottom: 60px; }
      .b-certificates-article .row:nth-child(even) .c-article-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
        .b-certificates-article .row:nth-child(even) .c-article-card .c-article-card__content {
          border: 1px solid #778CA04D;
          border-right: none; }
        .b-certificates-article .row:nth-child(even) .c-article-card .c-article-card__label {
          left: unset;
          right: 16px; } }

.c-article-card {
  margin-bottom: 40px; }
  @media (min-width: 992px) {
    .c-article-card {
      margin-bottom: 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .c-article-card__content {
    padding: 20px 20px 30px;
    border: 1px solid #778CA04D;
    border-top: none;
    background: white; }
    @media (min-width: 992px) {
      .c-article-card__content {
        padding: 30px;
        border: 1px solid #778CA04D;
        border-left: none;
        width: 50%; } }
  .c-article-card__overtitle {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857em;
    font-weight: 500;
    color: #516775;
    text-transform: uppercase;
    margin-bottom: 4px; }
  .c-article-card__title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.45455em;
    font-weight: 900;
    margin-bottom: 20px;
    color: #001832; }
  .c-article-card__abstarct p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875em;
    font-weight: 400;
    margin-bottom: 16px;
    color: #002345; }
    .c-article-card__abstarct p:last-of-type {
      margin-bottom: 20px; }
      @media (min-width: 992px) {
        .c-article-card__abstarct p:last-of-type {
          margin-bottom: 32px; } }
  .c-article-card__btn {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.66667em;
    text-transform: uppercase; }
  .c-article-card__media-wrap {
    position: relative;
    height: 240px; }
    @media (min-width: 992px) {
      .c-article-card__media-wrap {
        height: 100%;
        min-height: 510px;
        width: 50%; } }
  .c-article-card__media {
    position: relative;
    width: 100%;
    height: 100%; }
    @media (min-width: 992px) {
      .c-article-card__media {
        min-height: 510px; } }
  .c-article-card__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute; }
  .c-article-card__label {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 48px;
    height: auto; }
    @media (min-width: 992px) {
      .c-article-card__label {
        width: 99px; } }

.video-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 536px; }
  .video-block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 28, 84, 0.3);
    z-index: 2; }
  .video-block__video {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
    width: 100%; }
  .video-block__btn {
    position: relative;
    display: block;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    z-index: 3;
    background: linear-gradient(146.23deg, #92D5E6 9.39%, #0BACA7 121.86%);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .video-block__btn:before {
      display: block;
      position: absolute;
      content: " ";
      width: 24px;
      height: 24px;
      top: calc(50% - 12px);
      left: calc(50% - 12px);
      background: url(/src/img/svg/Play.svg) no-repeat center; }

@-webkit-keyframes rotateBackAndForth {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    /* Rotate to 20 degrees */ }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    /* Return to original */ } }

@keyframes rotateBackAndForth {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    /* Rotate to 20 degrees */ }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    /* Return to original */ } }

@-webkit-keyframes rotate360 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate360 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.page--kids {
  background-color: #DDF3FF; }
  @media (min-width: 1200px) {
    .page--kids .container {
      max-width: 1600px; } }
  @media (min-width: 992px) {
    .page--kids .row {
      padding: 0 40px; } }

.kids-title {
  font-family: 'Grandstander', sans-serif;
  text-transform: uppercase; }
  .kids-title--f-124 {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 1em;
    font-weight: 800; }
    @media (min-width: 1200px) {
      .kids-title--f-124 {
        font-size: 124px;
        font-size: 12.4rem;
        line-height: 1em; } }
  .kids-title--f-80 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1em;
    font-weight: 800; }
    @media (min-width: 992px) {
      .kids-title--f-80 {
        font-size: 80px;
        font-size: 8rem;
        line-height: 1em; } }
  .kids-title--f-60 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1em;
    font-weight: 700; }
    @media (min-width: 992px) {
      .kids-title--f-60 {
        font-size: 60px;
        font-size: 6rem;
        line-height: 1.03333em; } }

.hero-kids {
  padding: 60px 0 70px;
  background-color: #DDF3FF;
  position: relative;
  text-align: center; }
  .hero-kids::after {
    content: ' ';
    background: url("/src/img/svg/heart.svg") no-repeat 0 0;
    position: absolute;
    background-size: contain;
    width: 115px;
    height: 185px;
    right: 0;
    top: 55%; }
    @media (min-width: 992px) {
      .hero-kids::after {
        width: 242px;
        height: 380px;
        top: 305px; } }
  @media (min-width: 992px) {
    .hero-kids {
      padding: 120px 0 40px; } }
  .hero-kids__title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1em;
    margin-bottom: 33px;
    color: #195D8E; }
    @media (min-width: 992px) {
      .hero-kids__title {
        font-size: 72px;
        font-size: 7.2rem;
        line-height: 1em;
        margin-bottom: 60px; } }
  .hero-kids__description {
    position: relative;
    z-index: 1; }
    .hero-kids__description p {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5em;
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      color: #195D8E;
      margin-bottom: 24px; }
      @media (min-width: 992px) {
        .hero-kids__description p {
          font-size: 20px;
          font-size: 2rem;
          line-height: 1.6em;
          margin-bottom: 40px; } }
    .hero-kids__description strong {
      font-weight: 900; }
  .hero-kids__bg {
    background: url("/src/img/svg/white-sm.svg") no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 93%;
    height: 100%; }
    @media (min-width: 992px) {
      .hero-kids__bg {
        background: url("/src/img/svg/white-lg.svg") no-repeat 0 0;
        z-index: 0;
        width: 66%; } }

.kids-banner {
  background-color: #DDF3FF;
  position: relative;
  padding: 0px 0 30%; }
  @media (min-width: 1200px) {
    .kids-banner {
      padding: 0; } }
  .kids-banner::before {
    content: ' ';
    background: url("/src/img/svg/bg-blue-big.svg") no-repeat 87% 0;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%; }
    @media (min-width: 768px) {
      .kids-banner::before {
        background: url("/src/img/svg/bg-blue-big.svg") no-repeat 0 0;
        background-size: cover;
        background-position: center; } }
    @media only screen and (min-width: 2596px) {
      .kids-banner::before {
        background-size: contain; } }
  .kids-banner__lottie {
    display: none; }
    @media (min-width: 1200px) {
      .kids-banner__lottie {
        display: block;
        width: 95px;
        height: 154px;
        position: absolute;
        top: 70px;
        left: 20px; } }
    .kids-banner__lottie--right {
      display: block;
      position: absolute;
      right: 5%;
      top: -100px;
      width: 71px;
      height: 116px; }
      @media (min-width: 992px) {
        .kids-banner__lottie--right {
          -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
          width: 95px;
          height: 154px;
          right: 120px;
          top: -130px; } }
      @media (min-width: 1200px) {
        .kids-banner__lottie--right {
          right: 115px;
          top: -146px; } }
      @media only screen and (min-width: 1500px) {
        .kids-banner__lottie--right {
          right: 194px;
          top: -112px; } }
      .kids-banner__lottie--right .kids-banner__srca {
        width: 71px;
        height: 116px; }
        @media (min-width: 992px) {
          .kids-banner__lottie--right .kids-banner__srca {
            width: 95px;
            height: 154px; } }
  .kids-banner__srca {
    width: 95px;
    height: 154px; }
  .kids-banner__title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1em;
    color: #FFFFFF;
    text-align: center;
    position: relative; }
    @media (min-width: 768px) {
      .kids-banner__title {
        font-size: 72px;
        font-size: 7.2rem;
        line-height: 1em; } }
    @media (min-width: 1200px) {
      .kids-banner__title {
        padding-top: 300px;
        padding-bottom: 432px;
        margin-bottom: 0;
        text-align: left; } }
    @media only screen and (min-width: 1500px) {
      .kids-banner__title {
        padding-bottom: 460px; } }
    @media (min-width: 1200px) {
      .kids-banner__title::after {
        content: ' ';
        background: url("/src/img/svg/hearts-blue.svg") no-repeat 0 0;
        background-size: contain;
        background-position: center;
        position: absolute;
        left: 25%;
        top: 15%;
        z-index: 1;
        width: 95px;
        height: 97px; } }
  @media (min-width: 1200px) {
    .kids-banner__media {
      position: absolute;
      right: 10px;
      top: 0;
      width: 750px; } }
  @media only screen and (min-width: 1500px) {
    .kids-banner__media {
      width: 1000px;
      top: -115px; } }
  @media only screen and (min-width: 1600px) {
    .kids-banner__media {
      width: 1200px; } }
  .kids-banner__media::after {
    content: ' ';
    background: url("/src/img/svg/hearts-blue.svg") no-repeat 0 0;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 10%;
    top: -70px;
    z-index: 1;
    width: 95px;
    height: 97px; }
    @media (min-width: 576px) {
      .kids-banner__media::after {
        left: 30%;
        top: 0px; } }
    @media (min-width: 1200px) {
      .kids-banner__media::after {
        content: none;
        width: 0;
        height: 0; } }
  .kids-banner__img {
    margin: 0 auto; }
    @media (min-width: 1200px) {
      .kids-banner__img {
        margin: unset; } }

.kids-recipe {
  text-align: center;
  background-color: #DDF3FF; }
  .kids-recipe__title {
    color: #195D8E;
    margin-bottom: 0; }
  .kids-recipe__subtitle {
    color: #195D8E;
    margin-bottom: 16px; }
    @media (min-width: 992px) {
      .kids-recipe__subtitle {
        margin-bottom: 24px; } }
  .kids-recipe__description {
    margin-bottom: 38px; }
    @media (min-width: 992px) {
      .kids-recipe__description {
        margin-bottom: 56px; } }
    .kids-recipe__description p {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5em;
      font-family: 'Nunito', sans-serif;
      color: #195D8E; }
      @media (min-width: 992px) {
        .kids-recipe__description p {
          font-size: 24px;
          font-size: 2.4rem;
          line-height: 1.33333em; } }
  .kids-recipe__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly; }
  .kids-recipe__list-item {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 143px;
    position: relative;
    margin-bottom: 5px;
    overflow: hidden; }
    @media (min-width: 992px) {
      .kids-recipe__list-item {
        width: 25%;
        padding: 85px 0;
        height: auto;
        margin-bottom: 0; } }
    .kids-recipe__list-item--bg-pink::before {
      content: ' ';
      background: url("/src/img/pink-bg.png") no-repeat center center;
      background-size: contain;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0;
      -webkit-animation: rotateBackAndForth 4s ease-in-out infinite;
      animation: rotateBackAndForth 4s ease-in-out infinite; }
    .kids-recipe__list-item--bg-blue::before {
      content: ' ';
      background: url("/src/img/blue-bg.png") no-repeat center center;
      background-size: contain;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0;
      -webkit-animation: rotateBackAndForth 4s ease-in-out infinite;
      animation: rotateBackAndForth 4s ease-in-out infinite; }
    .kids-recipe__list-item--bg-green::before {
      content: ' ';
      background: url("/src/img/green-bg.png") no-repeat center center;
      background-size: contain;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0;
      -webkit-animation: rotateBackAndForth 4s ease-in-out infinite;
      animation: rotateBackAndForth 4s ease-in-out infinite; }
    .kids-recipe__list-item--bg-orange::before {
      content: ' ';
      background: url("/src/img/orange-bg.png") no-repeat center center;
      background-size: contain;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0;
      -webkit-animation: rotateBackAndForth 4s ease-in-out infinite;
      animation: rotateBackAndForth 4s ease-in-out infinite; }
  .kids-recipe__item-title {
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1em;
    margin-bottom: 0;
    position: relative; }
    @media (min-width: 1200px) {
      .kids-recipe__item-title {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 1.14286em; } }
    .kids-recipe__item-title span {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 0.66667em; }
      @media (min-width: 1200px) {
        .kids-recipe__item-title span {
          font-size: 48px;
          font-size: 4.8rem;
          line-height: 0.66667em; } }

.kids-communication {
  text-align: center;
  background-color: #DDF3FF;
  position: relative;
  padding-top: 150px; }
  @media (min-width: 992px) {
    .kids-communication {
      padding-top: 170px; } }
  .kids-communication::before {
    content: ' ';
    background: url("/src/img/svg/light-blue.svg") no-repeat 63% 0;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%; }
  .kids-communication__title {
    color: #195D8E;
    margin-bottom: 0; }
  .kids-communication__subtitle {
    color: #195D8E;
    margin-bottom: 0; }
  .kids-communication__smalltittle {
    color: #195D8E;
    margin-bottom: 0; }
  .kids-communication__wrapper {
    height: 650px;
    width: 100%;
    max-width: 320px;
    position: relative;
    margin: 0 auto; }
    @media (min-width: 992px) {
      .kids-communication__wrapper {
        max-width: unset;
        width: 780px;
        height: 742px; } }
    @media only screen and (min-width: 1300px) {
      .kids-communication__wrapper {
        height: 1037px;
        width: 1090px; } }
    .kids-communication__wrapper::after {
      content: ' ';
      background: url("/src/img/svg/hands-icon.svg") no-repeat 0 0;
      position: absolute;
      background-size: contain;
      width: 75px;
      height: 63px;
      right: 40px;
      top: 260px; }
      @media (min-width: 992px) {
        .kids-communication__wrapper::after {
          width: 190px;
          height: 160px;
          left: calc(50% - 95px);
          top: calc(50% - 80px);
          right: unset; } }
      @media only screen and (min-width: 1300px) {
        .kids-communication__wrapper::after {
          width: 228px;
          height: 193px;
          left: calc(50% - 114px);
          top: calc(50% - 96px); } }
  .kids-communication__circle {
    width: 148px;
    height: 148px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute; }
    @media (min-width: 992px) {
      .kids-communication__circle {
        width: 250px;
        height: 250px; } }
    @media only screen and (min-width: 1300px) {
      .kids-communication__circle {
        width: 320px;
        height: 320px; } }
    .kids-communication__circle::before {
      content: ' ';
      position: absolute;
      width: 55px;
      height: 55px; }
      @media (min-width: 992px) {
        .kids-communication__circle::before {
          width: 100px;
          height: 100px; } }
      @media only screen and (min-width: 1300px) {
        .kids-communication__circle::before {
          width: 120px;
          height: 120px; } }
    .kids-communication__circle--green {
      background: #65BE72;
      -webkit-box-shadow: 0 0 16px 0px #65be72;
      box-shadow: 0 0 16px 0px #65be72;
      right: 0;
      top: 88px; }
      @media (min-width: 992px) {
        .kids-communication__circle--green {
          right: 100px;
          top: 70px; } }
      @media only screen and (min-width: 1300px) {
        .kids-communication__circle--green {
          right: 205px;
          top: 104px; } }
      .kids-communication__circle--green::before {
        content: ' ';
        background: url("/src/img/svg/communication-icon.svg") no-repeat 0 0;
        background-size: contain;
        top: -24px; }
        @media (min-width: 992px) {
          .kids-communication__circle--green::before {
            top: -50px; } }
    .kids-communication__circle--blue {
      background: #195D8E;
      -webkit-box-shadow: 0 0 16px 0px #195d8e;
      box-shadow: 0 0 16px 0px #195d8e;
      right: 15px;
      top: 348px; }
      @media (min-width: 992px) {
        .kids-communication__circle--blue {
          right: 18px;
          top: 352px; } }
      @media only screen and (min-width: 1300px) {
        .kids-communication__circle--blue {
          right: 82px;
          top: 456px; } }
      .kids-communication__circle--blue::before {
        content: ' ';
        background: url("/src/img/svg/info-icon.svg") no-repeat 0 0;
        background-size: contain;
        top: -11px;
        right: -15px; }
        @media (min-width: 992px) {
          .kids-communication__circle--blue::before {
            top: -24px;
            right: -20px; } }
        @media only screen and (min-width: 1300px) {
          .kids-communication__circle--blue::before {
            top: -24px;
            right: -28px; } }
    .kids-communication__circle--pink {
      background: #ED498E;
      -webkit-box-shadow: 0 0 16px 0px #ed498e;
      box-shadow: 0 0 16px 0px #ed498e;
      top: 418px;
      left: 0; }
      @media (min-width: 992px) {
        .kids-communication__circle--pink {
          top: unset;
          bottom: -30px;
          left: calc(50% - 125px); } }
      @media only screen and (min-width: 1300px) {
        .kids-communication__circle--pink {
          bottom: 42px;
          left: calc(50% - 160px); } }
      .kids-communication__circle--pink::before {
        content: ' ';
        background: url("/src/img/svg/ice-cream-icon.svg") no-repeat 0 0;
        background-size: contain;
        top: -24px; }
        @media (min-width: 992px) {
          .kids-communication__circle--pink::before {
            top: -50px; } }
    .kids-communication__circle--orange {
      background: #F48438;
      -webkit-box-shadow: 0 0 16px 0px #f48438;
      box-shadow: 0 0 16px 0px #f48438;
      left: 15px;
      top: 228px; }
      @media (min-width: 992px) {
        .kids-communication__circle--orange {
          left: 18px;
          top: 352px; } }
      @media only screen and (min-width: 1300px) {
        .kids-communication__circle--orange {
          left: 82px;
          top: 456px; } }
      .kids-communication__circle--orange::before {
        content: ' ';
        background: url("/src/img/svg/pie-icon.svg") no-repeat 0 0;
        background-size: contain;
        top: -11px;
        left: -15px; }
        @media (min-width: 992px) {
          .kids-communication__circle--orange::before {
            top: -24px;
            left: -20px; } }
        @media only screen and (min-width: 1300px) {
          .kids-communication__circle--orange::before {
            top: -24px;
            left: -28px; } }
    .kids-communication__circle--light-blue {
      background: #64BAE9;
      -webkit-box-shadow: 0 0 16px 0px #64bae9;
      box-shadow: 0 0 16px 0px #64bae9;
      left: 0px;
      top: 55px; }
      @media (min-width: 992px) {
        .kids-communication__circle--light-blue {
          left: 100px;
          top: 70px; } }
      @media only screen and (min-width: 1300px) {
        .kids-communication__circle--light-blue {
          left: 205px;
          top: 104px; } }
      .kids-communication__circle--light-blue::before {
        content: ' ';
        background: url("/src/img/svg/person-icon.svg") no-repeat 0 0;
        background-size: contain;
        top: -24px; }
        @media (min-width: 992px) {
          .kids-communication__circle--light-blue::before {
            top: -50px; } }
  .kids-communication__circle-text {
    padding: 15px; }
    @media (min-width: 992px) {
      .kids-communication__circle-text {
        padding: 50px; } }
    .kids-communication__circle-text p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.07143em;
      font-family: 'Nunito', sans-serif;
      color: #fff;
      font-weight: 800; }
      @media (min-width: 992px) {
        .kids-communication__circle-text p {
          font-size: 20px;
          font-size: 2rem;
          line-height: 1.2em; } }
      @media only screen and (min-width: 1300px) {
        .kids-communication__circle-text p {
          font-size: 26px;
          font-size: 2.6rem;
          line-height: 1.23077em; } }

.kids-comm-banner {
  position: relative; }
  @media (min-width: 992px) {
    .kids-comm-banner {
      padding: 50px 0 620px; } }
  .kids-comm-banner__media {
    margin-left: -250px;
    margin-top: -34px; }
    @media (min-width: 992px) {
      .kids-comm-banner__media {
        position: absolute;
        width: 764px;
        height: 441px;
        top: 40px;
        right: -10%;
        margin-left: unset;
        margin-top: unset; } }
    @media (min-width: 1200px) {
      .kids-comm-banner__media {
        width: 1325px;
        height: 765px;
        right: -18%;
        left: auto;
        top: -50px; } }
  .kids-comm-banner__description {
    padding: 58px 30px 148px;
    position: relative;
    width: 320px;
    margin: 0 auto; }
    @media (min-width: 992px) {
      .kids-comm-banner__description {
        padding: 58px 42px 148px; } }
    @media (min-width: 1200px) {
      .kids-comm-banner__description {
        padding: 74px 10px 148px; } }
    .kids-comm-banner__description p {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.55556em;
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      color: #195D8E;
      position: relative;
      z-index: 1; }
      @media (min-width: 1200px) {
        .kids-comm-banner__description p {
          font-size: 24px;
          font-size: 2.4rem;
          line-height: 1.33333em; } }
    .kids-comm-banner__description::after {
      content: ' ';
      background: url("/src/img/lb-bg.png") no-repeat 0 0;
      position: absolute;
      background-size: contain;
      width: 312px;
      height: 263px;
      right: calc(50% - 156px);
      top: 0;
      z-index: 0; }
      @media (min-width: 1200px) {
        .kids-comm-banner__description::after {
          width: 415px;
          height: 350px;
          right: calc(50% - 207px); } }
    .kids-comm-banner__description::before {
      content: ' ';
      background: url("/src/img/svg/arrow-down.svg") no-repeat 0 0;
      background-size: contain;
      position: absolute;
      width: 270px;
      height: 180px;
      left: calc(50% - 135px);
      bottom: -40px;
      z-index: 1; }
      @media (min-width: 992px) {
        .kids-comm-banner__description::before {
          background: url("/src/img/svg/arrow.svg") no-repeat 0 0;
          background-size: contain;
          width: 200px;
          height: 135px;
          left: -56px;
          bottom: 0; } }
      @media (min-width: 1200px) {
        .kids-comm-banner__description::before {
          width: 270px;
          height: 180px;
          left: -110px;
          bottom: -40px; } }

.kids-habits {
  color: #fff;
  position: relative; }
  @media (min-width: 992px) {
    .kids-habits {
      margin-top: -460px; } }
  .kids-habits::before {
    content: ' ';
    background: url("/src/img/svg/green-bg-big.svg") no-repeat 0% 0;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%; }
    @media (min-width: 992px) {
      .kids-habits::before {
        height: calc(100% - 232px); } }
    @media only screen and (min-width: 2446px) {
      .kids-habits::before {
        background-size: contain; } }
  .kids-habits__media {
    margin-top: 96px;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
    @media (min-width: 768px) {
      .kids-habits__media {
        width: 100%; } }
    .kids-habits__media::after {
      content: ' ';
      background: url("/src/img/svg/hearts-green.svg") no-repeat 0 0;
      background-size: contain;
      background-position: center;
      position: absolute;
      z-index: 1;
      bottom: 30px;
      right: -45px;
      width: 110px;
      height: 87px; }
      @media (min-width: 768px) {
        .kids-habits__media::after {
          bottom: 150px;
          right: 20%;
          width: 180px;
          height: 141px; } }
      @media (min-width: 1200px) {
        .kids-habits__media::after {
          content: none;
          width: 0;
          height: 0; } }
  .kids-habits__img {
    max-width: 260px; }
    @media (min-width: 768px) {
      .kids-habits__img {
        max-width: unset; } }
  .kids-habits__stamp {
    position: absolute;
    top: 5%;
    right: -78px;
    z-index: 0;
    width: 180px;
    height: 182px;
    overflow: hidden; }
    @media (min-width: 768px) {
      .kids-habits__stamp {
        right: 0;
        width: 420px;
        height: 420px;
        top: 5%; } }
    @media (min-width: 1200px) {
      .kids-habits__stamp {
        width: 250px;
        height: 250px;
        top: 17%;
        right: -5%; } }
    @media only screen and (min-width: 1500px) {
      .kids-habits__stamp {
        width: 420px;
        height: 420px;
        top: 7%; } }
  .kids-habits__stamp-img {
    -webkit-animation: rotate360 12s linear infinite;
    animation: rotate360 12s linear infinite; }
  .kids-habits__info {
    position: relative;
    padding: 42px 0 34px; }
    @media (min-width: 992px) {
      .kids-habits__info {
        padding: 240px 0 136px; } }
    @media only screen and (min-width: 2000px) {
      .kids-habits__info {
        padding: 355px 0 136px; } }
    @media (min-width: 1200px) {
      .kids-habits__info::after {
        content: ' ';
        background: url("/src/img/svg/hearts-green.svg") no-repeat 0 0;
        background-size: contain;
        background-position: center;
        position: absolute;
        left: 30px;
        top: 68px;
        z-index: 1;
        width: 180px;
        height: 141px; } }
  .kids-habits__lottie {
    width: 88px;
    height: 142px;
    position: absolute;
    right: 5%;
    top: -30px; }
    @media (min-width: 992px) {
      .kids-habits__lottie {
        top: 150px; } }
    @media (min-width: 1200px) {
      .kids-habits__lottie {
        display: block;
        width: 135px;
        height: 218px;
        top: -30px;
        right: 13%; } }
  .kids-habits__title {
    margin-bottom: 16px; }
    @media (min-width: 992px) {
      .kids-habits__title {
        margin-bottom: 9px; } }
  .kids-habits__subtitle {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1em;
    margin-bottom: 24px; }
    @media (min-width: 992px) {
      .kids-habits__subtitle {
        font-size: 44px;
        font-size: 4.4rem;
        line-height: 1em;
        margin-bottom: 32px; } }
  .kids-habits__description p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5em;
    font-family: 'Nunito', sans-serif;
    margin-bottom: 16px; }
    @media (min-width: 992px) {
      .kids-habits__description p {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.27273em;
        margin-bottom: 36px; } }
  .kids-habits__description b {
    font-weight: 800; }
  .kids-habits__video-block {
    width: 100%;
    overflow: hidden; }
    @media (max-width: 991.98px) {
      .kids-habits__video-block {
        margin-left: -20px;
        width: calc(100% + 40px); } }
    @media (min-width: 992px) {
      .kids-habits__video-block {
        margin-bottom: 60px; } }
  .kids-habits__video {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    height: 0; }
    @media (min-width: 992px) {
      .kids-habits__video {
        border-radius: 48px; } }
  .kids-habits__video-sound-on, .kids-habits__video-sound-off {
    cursor: pointer;
    display: none;
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    .kids-habits__video-sound-on.is-active, .kids-habits__video-sound-off.is-active {
      display: block; }

.kids-related {
  background-color: #DDF3FF;
  border-top: 1px solid #269136;
  position: relative; }
  .kids-related__list {
    display: grid;
    grid-template-columns: 1fr; }
    @media (min-width: 992px) {
      .kids-related__list {
        grid-template-columns: repeat(3, 1fr); } }
  .kids-related__list-item {
    border-bottom: 1px solid #269136; }
    .kids-related__list-item:last-of-type {
      border-bottom: 0; }
    @media (min-width: 992px) {
      .kids-related__list-item {
        border-right: 1px solid #269136; } }
    @media (min-width: 992px) {
      .kids-related__list-item:nth-child(3n) {
        border-right: 0; } }
    @media (min-width: 992px) {
      .kids-related__list-item:nth-last-child(-n + 3):nth-child(3n + 1), .kids-related__list-item:nth-last-child(-n + 2):nth-child(3n + 2), .kids-related__list-item:nth-last-child(-n + 1):nth-child(3n + 0) {
        border-bottom: 0; } }
  .kids-related__img {
    margin: 24px auto; }
  .kids-related__link:hover {
    text-decoration: none; }
  .kids-related__title {
    margin-bottom: 0;
    padding-bottom: 40px;
    color: #001832;
    text-align: center;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.33333em;
    font-weight: 800;
    font-family: 'Nunito', sans-serif; }

/* https://tailwindcss.com/docs/margin */
.m-0 {
  margin: 0; }

.m-1 {
  margin: 0.25rem; }

.m-2 {
  margin: 0.5rem; }

.m-3 {
  margin: 0.75rem; }

.m-4 {
  margin: 1rem; }

.m-5 {
  margin: 1.25rem; }

.m-6 {
  margin: 1.5rem; }

.m-8 {
  margin: 2rem; }

.m-10 {
  margin: 2.5rem; }

.m-12 {
  margin: 3rem; }

.m-16 {
  margin: 4rem; }

.m-20 {
  margin: 5rem; }

.m-24 {
  margin: 6rem; }

.m-32 {
  margin: 8rem; }

.m-40 {
  margin: 10rem; }

.m-48 {
  margin: 12rem; }

.m-56 {
  margin: 14rem; }

.m-64 {
  margin: 16rem; }

.m-auto {
  margin: auto; }

.m-px {
  margin: 1px; }

.-m-1 {
  margin: -0.25rem; }

.-m-2 {
  margin: -0.5rem; }

.-m-3 {
  margin: -0.75rem; }

.-m-4 {
  margin: -1rem; }

.-m-5 {
  margin: -1.25rem; }

.-m-6 {
  margin: -1.5rem; }

.-m-8 {
  margin: -2rem; }

.-m-10 {
  margin: -2.5rem; }

.-m-12 {
  margin: -3rem; }

.-m-16 {
  margin: -4rem; }

.-m-20 {
  margin: -5rem; }

.-m-24 {
  margin: -6rem; }

.-m-32 {
  margin: -8rem; }

.-m-40 {
  margin: -10rem; }

.-m-48 {
  margin: -12rem; }

.-m-56 {
  margin: -14rem; }

.-m-64 {
  margin: -16rem; }

.-m-px {
  margin: -1px; }

.my-0 {
  margin-top: 0;
  margin-bottom: 0; }

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem; }

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem; }

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem; }

.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem; }

.my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem; }

.my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem; }

.my-48 {
  margin-top: 12rem;
  margin-bottom: 12rem; }

.my-56 {
  margin-top: 14rem;
  margin-bottom: 14rem; }

.my-64 {
  margin-top: 16rem;
  margin-bottom: 16rem; }

.my-auto {
  margin-top: auto;
  margin-bottom: auto; }

.my-px {
  margin-top: 1px;
  margin-bottom: 1px; }

.-my-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem; }

.-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem; }

.-my-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem; }

.-my-4 {
  margin-top: -1rem;
  margin-bottom: -1rem; }

.-my-5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem; }

.-my-6 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem; }

.-my-8 {
  margin-top: -2rem;
  margin-bottom: -2rem; }

.-my-10 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem; }

.-my-12 {
  margin-top: -3rem;
  margin-bottom: -3rem; }

.-my-16 {
  margin-top: -4rem;
  margin-bottom: -4rem; }

.-my-20 {
  margin-top: -5rem;
  margin-bottom: -5rem; }

.-my-24 {
  margin-top: -6rem;
  margin-bottom: -6rem; }

.-my-32 {
  margin-top: -8rem;
  margin-bottom: -8rem; }

.-my-40 {
  margin-top: -10rem;
  margin-bottom: -10rem; }

.-my-48 {
  margin-top: -12rem;
  margin-bottom: -12rem; }

.-my-56 {
  margin-top: -14rem;
  margin-bottom: -14rem; }

.-my-64 {
  margin-top: -16rem;
  margin-bottom: -16rem; }

.-my-px {
  margin-top: -1px;
  margin-bottom: -1px; }

.mx-0 {
  margin-right: 0;
  margin-left: 0; }

.mx-1 {
  margin-right: 0.25rem;
  margin-left: 0.25rem; }

.mx-2 {
  margin-right: 0.5rem;
  margin-left: 0.5rem; }

.mx-3 {
  margin-right: 0.75rem;
  margin-left: 0.75rem; }

.mx-4 {
  margin-right: 1rem;
  margin-left: 1rem; }

.mx-5 {
  margin-right: 1.25rem;
  margin-left: 1.25rem; }

.mx-6 {
  margin-right: 1.5rem;
  margin-left: 1.5rem; }

.mx-8 {
  margin-right: 2rem;
  margin-left: 2rem; }

.mx-10 {
  margin-right: 2.5rem;
  margin-left: 2.5rem; }

.mx-12 {
  margin-right: 3rem;
  margin-left: 3rem; }

.mx-16 {
  margin-right: 4rem;
  margin-left: 4rem; }

.mx-20 {
  margin-right: 5rem;
  margin-left: 5rem; }

.mx-24 {
  margin-right: 6rem;
  margin-left: 6rem; }

.mx-32 {
  margin-right: 8rem;
  margin-left: 8rem; }

.mx-40 {
  margin-right: 10rem;
  margin-left: 10rem; }

.mx-48 {
  margin-right: 12rem;
  margin-left: 12rem; }

.mx-56 {
  margin-right: 14rem;
  margin-left: 14rem; }

.mx-64 {
  margin-right: 16rem;
  margin-left: 16rem; }

.mx-auto {
  margin-right: auto;
  margin-left: auto; }

.mx-px {
  margin-right: 1px;
  margin-left: 1px; }

.-mx-1 {
  margin-right: -0.25rem;
  margin-left: -0.25rem; }

.-mx-2 {
  margin-right: -0.5rem;
  margin-left: -0.5rem; }

.-mx-3 {
  margin-right: -0.75rem;
  margin-left: -0.75rem; }

.-mx-4 {
  margin-right: -1rem;
  margin-left: -1rem; }

.-mx-5 {
  margin-right: -1.25rem;
  margin-left: -1.25rem; }

.-mx-6 {
  margin-right: -1.5rem;
  margin-left: -1.5rem; }

.-mx-8 {
  margin-right: -2rem;
  margin-left: -2rem; }

.-mx-10 {
  margin-right: -2.5rem;
  margin-left: -2.5rem; }

.-mx-12 {
  margin-right: -3rem;
  margin-left: -3rem; }

.-mx-16 {
  margin-right: -4rem;
  margin-left: -4rem; }

.-mx-20 {
  margin-right: -5rem;
  margin-left: -5rem; }

.-mx-24 {
  margin-right: -6rem;
  margin-left: -6rem; }

.-mx-32 {
  margin-right: -8rem;
  margin-left: -8rem; }

.-mx-40 {
  margin-right: -10rem;
  margin-left: -10rem; }

.-mx-48 {
  margin-right: -12rem;
  margin-left: -12rem; }

.-mx-56 {
  margin-right: -14rem;
  margin-left: -14rem; }

.-mx-64 {
  margin-right: -16rem;
  margin-left: -16rem; }

.-mx-px {
  margin-right: -1px;
  margin-left: -1px; }

.mt-0 {
  margin-top: 0; }

.mt-1 {
  margin-top: 0.25rem; }

.mt-2 {
  margin-top: 0.5rem; }

.mt-3 {
  margin-top: 0.75rem; }

.mt-4 {
  margin-top: 1rem; }

.mt-5 {
  margin-top: 1.25rem; }

.mt-6 {
  margin-top: 1.5rem; }

.mt-8 {
  margin-top: 2rem; }

.mt-10 {
  margin-top: 2.5rem; }

.mt-12 {
  margin-top: 3rem; }

.mt-16 {
  margin-top: 4rem; }

.mt-20 {
  margin-top: 5rem; }

.mt-24 {
  margin-top: 6rem; }

.mt-32 {
  margin-top: 8rem; }

.mt-40 {
  margin-top: 10rem; }

.mt-48 {
  margin-top: 12rem; }

.mt-56 {
  margin-top: 14rem; }

.mt-64 {
  margin-top: 16rem; }

.mt-auto {
  margin-top: auto; }

.mt-px {
  margin-top: 1px; }

.-mt-1 {
  margin-top: -0.25rem; }

.-mt-2 {
  margin-top: -0.5rem; }

.-mt-3 {
  margin-top: -0.75rem; }

.-mt-4 {
  margin-top: -1rem; }

.-mt-5 {
  margin-top: -1.25rem; }

.-mt-6 {
  margin-top: -1.5rem; }

.-mt-8 {
  margin-top: -2rem; }

.-mt-10 {
  margin-top: -2.5rem; }

.-mt-12 {
  margin-top: -3rem; }

.-mt-16 {
  margin-top: -4rem; }

.-mt-20 {
  margin-top: -5rem; }

.-mt-24 {
  margin-top: -6rem; }

.-mt-32 {
  margin-top: -8rem; }

.-mt-40 {
  margin-top: -10rem; }

.-mt-48 {
  margin-top: -12rem; }

.-mt-56 {
  margin-top: -14rem; }

.-mt-64 {
  margin-top: -16rem; }

.-mt-px {
  margin-top: -1px; }

.mr-0 {
  margin-right: 0; }

.mr-1 {
  margin-right: 0.25rem; }

.mr-2 {
  margin-right: 0.5rem; }

.mr-3 {
  margin-right: 0.75rem; }

.mr-4 {
  margin-right: 1rem; }

.mr-5 {
  margin-right: 1.25rem; }

.mr-6 {
  margin-right: 1.5rem; }

.mr-8 {
  margin-right: 2rem; }

.mr-10 {
  margin-right: 2.5rem; }

.mr-12 {
  margin-right: 3rem; }

.mr-16 {
  margin-right: 4rem; }

.mr-20 {
  margin-right: 5rem; }

.mr-24 {
  margin-right: 6rem; }

.mr-32 {
  margin-right: 8rem; }

.mr-40 {
  margin-right: 10rem; }

.mr-48 {
  margin-right: 12rem; }

.mr-56 {
  margin-right: 14rem; }

.mr-64 {
  margin-right: 16rem; }

.mr-auto {
  margin-right: auto; }

.mr-px {
  margin-right: 1px; }

.-mr-1 {
  margin-right: -0.25rem; }

.-mr-2 {
  margin-right: -0.5rem; }

.-mr-3 {
  margin-right: -0.75rem; }

.-mr-4 {
  margin-right: -1rem; }

.-mr-5 {
  margin-right: -1.25rem; }

.-mr-6 {
  margin-right: -1.5rem; }

.-mr-8 {
  margin-right: -2rem; }

.-mr-10 {
  margin-right: -2.5rem; }

.-mr-12 {
  margin-right: -3rem; }

.-mr-16 {
  margin-right: -4rem; }

.-mr-20 {
  margin-right: -5rem; }

.-mr-24 {
  margin-right: -6rem; }

.-mr-32 {
  margin-right: -8rem; }

.-mr-40 {
  margin-right: -10rem; }

.-mr-48 {
  margin-right: -12rem; }

.-mr-56 {
  margin-right: -14rem; }

.-mr-64 {
  margin-right: -16rem; }

.-mr-px {
  margin-right: -1px; }

.mb-0 {
  margin-bottom: 0; }

.mb-1 {
  margin-bottom: 0.25rem; }

.mb-2 {
  margin-bottom: 0.5rem; }

.mb-3 {
  margin-bottom: 0.75rem; }

.mb-4 {
  margin-bottom: 1rem; }

.mb-5 {
  margin-bottom: 1.25rem; }

.mb-6 {
  margin-bottom: 1.5rem; }

.mb-8 {
  margin-bottom: 2rem; }

.mb-10 {
  margin-bottom: 2.5rem; }

.mb-12 {
  margin-bottom: 3rem; }

.mb-16 {
  margin-bottom: 4rem; }

.mb-20 {
  margin-bottom: 5rem; }

.mb-24 {
  margin-bottom: 6rem; }

.mb-32 {
  margin-bottom: 8rem; }

.mb-40 {
  margin-bottom: 10rem; }

.mb-48 {
  margin-bottom: 12rem; }

.mb-56 {
  margin-bottom: 14rem; }

.mb-64 {
  margin-bottom: 16rem; }

.mb-auto {
  margin-bottom: auto; }

.mb-px {
  margin-bottom: 1px; }

.-mb-1 {
  margin-bottom: -0.25rem; }

.-mb-2 {
  margin-bottom: -0.5rem; }

.-mb-3 {
  margin-bottom: -0.75rem; }

.-mb-4 {
  margin-bottom: -1rem; }

.-mb-5 {
  margin-bottom: -1.25rem; }

.-mb-6 {
  margin-bottom: -1.5rem; }

.-mb-8 {
  margin-bottom: -2rem; }

.-mb-10 {
  margin-bottom: -2.5rem; }

.-mb-12 {
  margin-bottom: -3rem; }

.-mb-16 {
  margin-bottom: -4rem; }

.-mb-20 {
  margin-bottom: -5rem; }

.-mb-24 {
  margin-bottom: -6rem; }

.-mb-32 {
  margin-bottom: -8rem; }

.-mb-40 {
  margin-bottom: -10rem; }

.-mb-48 {
  margin-bottom: -12rem; }

.-mb-56 {
  margin-bottom: -14rem; }

.-mb-64 {
  margin-bottom: -16rem; }

.-mb-px {
  margin-bottom: -1px; }

.ml-0 {
  margin-left: 0; }

.ml-1 {
  margin-left: 0.25rem; }

.ml-2 {
  margin-left: 0.5rem; }

.ml-3 {
  margin-left: 0.75rem; }

.ml-4 {
  margin-left: 1rem; }

.ml-5 {
  margin-left: 1.25rem; }

.ml-6 {
  margin-left: 1.5rem; }

.ml-8 {
  margin-left: 2rem; }

.ml-10 {
  margin-left: 2.5rem; }

.ml-12 {
  margin-left: 3rem; }

.ml-16 {
  margin-left: 4rem; }

.ml-20 {
  margin-left: 5rem; }

.ml-24 {
  margin-left: 6rem; }

.ml-32 {
  margin-left: 8rem; }

.ml-40 {
  margin-left: 10rem; }

.ml-48 {
  margin-left: 12rem; }

.ml-56 {
  margin-left: 14rem; }

.ml-64 {
  margin-left: 16rem; }

.ml-auto {
  margin-left: auto; }

.ml-px {
  margin-left: 1px; }

.-ml-1 {
  margin-left: -0.25rem; }

.-ml-2 {
  margin-left: -0.5rem; }

.-ml-3 {
  margin-left: -0.75rem; }

.-ml-4 {
  margin-left: -1rem; }

.-ml-5 {
  margin-left: -1.25rem; }

.-ml-6 {
  margin-left: -1.5rem; }

.-ml-8 {
  margin-left: -2rem; }

.-ml-10 {
  margin-left: -2.5rem; }

.-ml-12 {
  margin-left: -3rem; }

.-ml-16 {
  margin-left: -4rem; }

.-ml-20 {
  margin-left: -5rem; }

.-ml-24 {
  margin-left: -6rem; }

.-ml-32 {
  margin-left: -8rem; }

.-ml-40 {
  margin-left: -10rem; }

.-ml-48 {
  margin-left: -12rem; }

.-ml-56 {
  margin-left: -14rem; }

.-ml-64 {
  margin-left: -16rem; }

.-ml-px {
  margin-left: -1px; }

/* https://tailwindcss.com/docs/margin */
@media (min-width: 992px) {
  .lg\:m-0 {
    margin: 0; }
  .lg\:m-1 {
    margin: 0.25rem; }
  .lg\:m-2 {
    margin: 0.5rem; }
  .lg\:m-3 {
    margin: 0.75rem; }
  .lg\:m-4 {
    margin: 1rem; }
  .lg\:m-5 {
    margin: 1.25rem; }
  .lg\:m-6 {
    margin: 1.5rem; }
  .lg\:m-8 {
    margin: 2rem; }
  .lg\:m-10 {
    margin: 2.5rem; }
  .lg\:m-12 {
    margin: 3rem; }
  .lg\:m-16 {
    margin: 4rem; }
  .lg\:m-20 {
    margin: 5rem; }
  .lg\:m-24 {
    margin: 6rem; }
  .lg\:m-32 {
    margin: 8rem; }
  .lg\:m-40 {
    margin: 10rem; }
  .lg\:m-48 {
    margin: 12rem; }
  .lg\:m-56 {
    margin: 14rem; }
  .lg\:m-64 {
    margin: 16rem; }
  .lg\:m-auto {
    margin: auto; }
  .lg\:m-px {
    margin: 1px; }
  .lg\:-m-1 {
    margin: -0.25rem; }
  .lg\:-m-2 {
    margin: -0.5rem; }
  .lg\:-m-3 {
    margin: -0.75rem; }
  .lg\:-m-4 {
    margin: -1rem; }
  .lg\:-m-5 {
    margin: -1.25rem; }
  .lg\:-m-6 {
    margin: -1.5rem; }
  .lg\:-m-8 {
    margin: -2rem; }
  .lg\:-m-10 {
    margin: -2.5rem; }
  .lg\:-m-12 {
    margin: -3rem; }
  .lg\:-m-16 {
    margin: -4rem; }
  .lg\:-m-20 {
    margin: -5rem; }
  .lg\:-m-24 {
    margin: -6rem; }
  .lg\:-m-32 {
    margin: -8rem; }
  .lg\:-m-40 {
    margin: -10rem; }
  .lg\:-m-48 {
    margin: -12rem; }
  .lg\:-m-56 {
    margin: -14rem; }
  .lg\:-m-64 {
    margin: -16rem; }
  .lg\:-m-px {
    margin: -1px; }
  .lg\:my-0 {
    margin-top: 0;
    margin-bottom: 0; }
  .lg\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  .lg\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .lg\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  .lg\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .lg\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem; }
  .lg\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  .lg\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .lg\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  .lg\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .lg\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem; }
  .lg\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem; }
  .lg\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem; }
  .lg\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem; }
  .lg\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem; }
  .lg\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem; }
  .lg\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem; }
  .lg\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem; }
  .lg\:my-auto {
    margin-top: auto;
    margin-bottom: auto; }
  .lg\:my-px {
    margin-top: 1px;
    margin-bottom: 1px; }
  .lg\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem; }
  .lg\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; }
  .lg\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem; }
  .lg\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem; }
  .lg\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem; }
  .lg\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem; }
  .lg\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem; }
  .lg\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem; }
  .lg\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem; }
  .lg\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem; }
  .lg\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem; }
  .lg\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem; }
  .lg\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem; }
  .lg\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem; }
  .lg\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem; }
  .lg\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem; }
  .lg\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem; }
  .lg\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px; }
  .lg\:mx-0 {
    margin-right: 0;
    margin-left: 0; }
  .lg\:mx-1 {
    margin-right: 0.25rem;
    margin-left: 0.25rem; }
  .lg\:mx-2 {
    margin-right: 0.5rem;
    margin-left: 0.5rem; }
  .lg\:mx-3 {
    margin-right: 0.75rem;
    margin-left: 0.75rem; }
  .lg\:mx-4 {
    margin-right: 1rem;
    margin-left: 1rem; }
  .lg\:mx-5 {
    margin-right: 1.25rem;
    margin-left: 1.25rem; }
  .lg\:mx-6 {
    margin-right: 1.5rem;
    margin-left: 1.5rem; }
  .lg\:mx-8 {
    margin-right: 2rem;
    margin-left: 2rem; }
  .lg\:mx-10 {
    margin-right: 2.5rem;
    margin-left: 2.5rem; }
  .lg\:mx-12 {
    margin-right: 3rem;
    margin-left: 3rem; }
  .lg\:mx-16 {
    margin-right: 4rem;
    margin-left: 4rem; }
  .lg\:mx-20 {
    margin-right: 5rem;
    margin-left: 5rem; }
  .lg\:mx-24 {
    margin-right: 6rem;
    margin-left: 6rem; }
  .lg\:mx-32 {
    margin-right: 8rem;
    margin-left: 8rem; }
  .lg\:mx-40 {
    margin-right: 10rem;
    margin-left: 10rem; }
  .lg\:mx-48 {
    margin-right: 12rem;
    margin-left: 12rem; }
  .lg\:mx-56 {
    margin-right: 14rem;
    margin-left: 14rem; }
  .lg\:mx-64 {
    margin-right: 16rem;
    margin-left: 16rem; }
  .lg\:mx-auto {
    margin-right: auto;
    margin-left: auto; }
  .lg\:mx-px {
    margin-right: 1px;
    margin-left: 1px; }
  .lg\:-mx-1 {
    margin-right: -0.25rem;
    margin-left: -0.25rem; }
  .lg\:-mx-2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem; }
  .lg\:-mx-3 {
    margin-right: -0.75rem;
    margin-left: -0.75rem; }
  .lg\:-mx-4 {
    margin-right: -1rem;
    margin-left: -1rem; }
  .lg\:-mx-5 {
    margin-right: -1.25rem;
    margin-left: -1.25rem; }
  .lg\:-mx-6 {
    margin-right: -1.5rem;
    margin-left: -1.5rem; }
  .lg\:-mx-8 {
    margin-right: -2rem;
    margin-left: -2rem; }
  .lg\:-mx-10 {
    margin-right: -2.5rem;
    margin-left: -2.5rem; }
  .lg\:-mx-12 {
    margin-right: -3rem;
    margin-left: -3rem; }
  .lg\:-mx-16 {
    margin-right: -4rem;
    margin-left: -4rem; }
  .lg\:-mx-20 {
    margin-right: -5rem;
    margin-left: -5rem; }
  .lg\:-mx-24 {
    margin-right: -6rem;
    margin-left: -6rem; }
  .lg\:-mx-32 {
    margin-right: -8rem;
    margin-left: -8rem; }
  .lg\:-mx-40 {
    margin-right: -10rem;
    margin-left: -10rem; }
  .lg\:-mx-48 {
    margin-right: -12rem;
    margin-left: -12rem; }
  .lg\:-mx-56 {
    margin-right: -14rem;
    margin-left: -14rem; }
  .lg\:-mx-64 {
    margin-right: -16rem;
    margin-left: -16rem; }
  .lg\:-mx-px {
    margin-right: -1px;
    margin-left: -1px; }
  .lg\:mt-0 {
    margin-top: 0; }
  .lg\:mt-1 {
    margin-top: 0.25rem; }
  .lg\:mt-2 {
    margin-top: 0.5rem; }
  .lg\:mt-3 {
    margin-top: 0.75rem; }
  .lg\:mt-4 {
    margin-top: 1rem; }
  .lg\:mt-5 {
    margin-top: 1.25rem; }
  .lg\:mt-6 {
    margin-top: 1.5rem; }
  .lg\:mt-8 {
    margin-top: 2rem; }
  .lg\:mt-10 {
    margin-top: 2.5rem; }
  .lg\:mt-12 {
    margin-top: 3rem; }
  .lg\:mt-16 {
    margin-top: 4rem; }
  .lg\:mt-20 {
    margin-top: 5rem; }
  .lg\:mt-24 {
    margin-top: 6rem; }
  .lg\:mt-32 {
    margin-top: 8rem; }
  .lg\:mt-40 {
    margin-top: 10rem; }
  .lg\:mt-48 {
    margin-top: 12rem; }
  .lg\:mt-56 {
    margin-top: 14rem; }
  .lg\:mt-64 {
    margin-top: 16rem; }
  .lg\:mt-auto {
    margin-top: auto; }
  .lg\:mt-px {
    margin-top: 1px; }
  .lg\:-mt-1 {
    margin-top: -0.25rem; }
  .lg\:-mt-2 {
    margin-top: -0.5rem; }
  .lg\:-mt-3 {
    margin-top: -0.75rem; }
  .lg\:-mt-4 {
    margin-top: -1rem; }
  .lg\:-mt-5 {
    margin-top: -1.25rem; }
  .lg\:-mt-6 {
    margin-top: -1.5rem; }
  .lg\:-mt-8 {
    margin-top: -2rem; }
  .lg\:-mt-10 {
    margin-top: -2.5rem; }
  .lg\:-mt-12 {
    margin-top: -3rem; }
  .lg\:-mt-16 {
    margin-top: -4rem; }
  .lg\:-mt-20 {
    margin-top: -5rem; }
  .lg\:-mt-24 {
    margin-top: -6rem; }
  .lg\:-mt-32 {
    margin-top: -8rem; }
  .lg\:-mt-40 {
    margin-top: -10rem; }
  .lg\:-mt-48 {
    margin-top: -12rem; }
  .lg\:-mt-56 {
    margin-top: -14rem; }
  .lg\:-mt-64 {
    margin-top: -16rem; }
  .lg\:-mt-px {
    margin-top: -1px; }
  .lg\:mr-0 {
    margin-right: 0; }
  .lg\:mr-1 {
    margin-right: 0.25rem; }
  .lg\:mr-2 {
    margin-right: 0.5rem; }
  .lg\:mr-3 {
    margin-right: 0.75rem; }
  .lg\:mr-4 {
    margin-right: 1rem; }
  .lg\:mr-5 {
    margin-right: 1.25rem; }
  .lg\:mr-6 {
    margin-right: 1.5rem; }
  .lg\:mr-8 {
    margin-right: 2rem; }
  .lg\:mr-10 {
    margin-right: 2.5rem; }
  .lg\:mr-12 {
    margin-right: 3rem; }
  .lg\:mr-16 {
    margin-right: 4rem; }
  .lg\:mr-20 {
    margin-right: 5rem; }
  .lg\:mr-24 {
    margin-right: 6rem; }
  .lg\:mr-32 {
    margin-right: 8rem; }
  .lg\:mr-40 {
    margin-right: 10rem; }
  .lg\:mr-48 {
    margin-right: 12rem; }
  .lg\:mr-56 {
    margin-right: 14rem; }
  .lg\:mr-64 {
    margin-right: 16rem; }
  .lg\:mr-auto {
    margin-right: auto; }
  .lg\:mr-px {
    margin-right: 1px; }
  .lg\:-mr-1 {
    margin-right: -0.25rem; }
  .lg\:-mr-2 {
    margin-right: -0.5rem; }
  .lg\:-mr-3 {
    margin-right: -0.75rem; }
  .lg\:-mr-4 {
    margin-right: -1rem; }
  .lg\:-mr-5 {
    margin-right: -1.25rem; }
  .lg\:-mr-6 {
    margin-right: -1.5rem; }
  .lg\:-mr-8 {
    margin-right: -2rem; }
  .lg\:-mr-10 {
    margin-right: -2.5rem; }
  .lg\:-mr-12 {
    margin-right: -3rem; }
  .lg\:-mr-16 {
    margin-right: -4rem; }
  .lg\:-mr-20 {
    margin-right: -5rem; }
  .lg\:-mr-24 {
    margin-right: -6rem; }
  .lg\:-mr-32 {
    margin-right: -8rem; }
  .lg\:-mr-40 {
    margin-right: -10rem; }
  .lg\:-mr-48 {
    margin-right: -12rem; }
  .lg\:-mr-56 {
    margin-right: -14rem; }
  .lg\:-mr-64 {
    margin-right: -16rem; }
  .lg\:-mr-px {
    margin-right: -1px; }
  .lg\:mb-0 {
    margin-bottom: 0; }
  .lg\:mb-1 {
    margin-bottom: 0.25rem; }
  .lg\:mb-2 {
    margin-bottom: 0.5rem; }
  .lg\:mb-3 {
    margin-bottom: 0.75rem; }
  .lg\:mb-4 {
    margin-bottom: 1rem; }
  .lg\:mb-5 {
    margin-bottom: 1.25rem; }
  .lg\:mb-6 {
    margin-bottom: 1.5rem; }
  .lg\:mb-8 {
    margin-bottom: 2rem; }
  .lg\:mb-10 {
    margin-bottom: 2.5rem; }
  .lg\:mb-12 {
    margin-bottom: 3rem; }
  .lg\:mb-16 {
    margin-bottom: 4rem; }
  .lg\:mb-20 {
    margin-bottom: 5rem; }
  .lg\:mb-24 {
    margin-bottom: 6rem; }
  .lg\:mb-32 {
    margin-bottom: 8rem; }
  .lg\:mb-40 {
    margin-bottom: 10rem; }
  .lg\:mb-48 {
    margin-bottom: 12rem; }
  .lg\:mb-56 {
    margin-bottom: 14rem; }
  .lg\:mb-64 {
    margin-bottom: 16rem; }
  .lg\:mb-auto {
    margin-bottom: auto; }
  .lg\:mb-px {
    margin-bottom: 1px; }
  .lg\:-mb-1 {
    margin-bottom: -0.25rem; }
  .lg\:-mb-2 {
    margin-bottom: -0.5rem; }
  .lg\:-mb-3 {
    margin-bottom: -0.75rem; }
  .lg\:-mb-4 {
    margin-bottom: -1rem; }
  .lg\:-mb-5 {
    margin-bottom: -1.25rem; }
  .lg\:-mb-6 {
    margin-bottom: -1.5rem; }
  .lg\:-mb-8 {
    margin-bottom: -2rem; }
  .lg\:-mb-10 {
    margin-bottom: -2.5rem; }
  .lg\:-mb-12 {
    margin-bottom: -3rem; }
  .lg\:-mb-16 {
    margin-bottom: -4rem; }
  .lg\:-mb-20 {
    margin-bottom: -5rem; }
  .lg\:-mb-24 {
    margin-bottom: -6rem; }
  .lg\:-mb-32 {
    margin-bottom: -8rem; }
  .lg\:-mb-40 {
    margin-bottom: -10rem; }
  .lg\:-mb-48 {
    margin-bottom: -12rem; }
  .lg\:-mb-56 {
    margin-bottom: -14rem; }
  .lg\:-mb-64 {
    margin-bottom: -16rem; }
  .lg\:-mb-px {
    margin-bottom: -1px; }
  .lg\:ml-0 {
    margin-left: 0; }
  .lg\:ml-1 {
    margin-left: 0.25rem; }
  .lg\:ml-2 {
    margin-left: 0.5rem; }
  .lg\:ml-3 {
    margin-left: 0.75rem; }
  .lg\:ml-4 {
    margin-left: 1rem; }
  .lg\:ml-5 {
    margin-left: 1.25rem; }
  .lg\:ml-6 {
    margin-left: 1.5rem; }
  .lg\:ml-8 {
    margin-left: 2rem; }
  .lg\:ml-10 {
    margin-left: 2.5rem; }
  .lg\:ml-12 {
    margin-left: 3rem; }
  .lg\:ml-16 {
    margin-left: 4rem; }
  .lg\:ml-20 {
    margin-left: 5rem; }
  .lg\:ml-24 {
    margin-left: 6rem; }
  .lg\:ml-32 {
    margin-left: 8rem; }
  .lg\:ml-40 {
    margin-left: 10rem; }
  .lg\:ml-48 {
    margin-left: 12rem; }
  .lg\:ml-56 {
    margin-left: 14rem; }
  .lg\:ml-64 {
    margin-left: 16rem; }
  .lg\:ml-auto {
    margin-left: auto; }
  .lg\:ml-px {
    margin-left: 1px; }
  .lg\:-ml-1 {
    margin-left: -0.25rem; }
  .lg\:-ml-2 {
    margin-left: -0.5rem; }
  .lg\:-ml-3 {
    margin-left: -0.75rem; }
  .lg\:-ml-4 {
    margin-left: -1rem; }
  .lg\:-ml-5 {
    margin-left: -1.25rem; }
  .lg\:-ml-6 {
    margin-left: -1.5rem; }
  .lg\:-ml-8 {
    margin-left: -2rem; }
  .lg\:-ml-10 {
    margin-left: -2.5rem; }
  .lg\:-ml-12 {
    margin-left: -3rem; }
  .lg\:-ml-16 {
    margin-left: -4rem; }
  .lg\:-ml-20 {
    margin-left: -5rem; }
  .lg\:-ml-24 {
    margin-left: -6rem; }
  .lg\:-ml-32 {
    margin-left: -8rem; }
  .lg\:-ml-40 {
    margin-left: -10rem; }
  .lg\:-ml-48 {
    margin-left: -12rem; }
  .lg\:-ml-56 {
    margin-left: -14rem; }
  .lg\:-ml-64 {
    margin-left: -16rem; }
  .lg\:-ml-px {
    margin-left: -1px; } }

/*# sourceMappingURL=master.css.map */