/** Shopify CDN: Minification failed

Line 629:0 All "@import" rules must come first

**/
/* ============================================================================
   Front page: General
============================================================================== */

html { font-size: 16px; }

@media only screen and (min-width: 1200px) {
  html { font-size: 18px; }
}

@media only screen and (min-width: 1900px) {
  html { font-size: 21px; }
}

.base-btn {
    background-color: var(--black);
    color: white;
    border: none;
    font-size: 1rem;    
    min-width: 12em;
    max-width: fit-content;
    height: 3.5em;
    min-height: fit-content;
    border-radius: 0.7em;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    text-align: center;
    padding: 0 1.5rem;
    padding-top: 0.2em;
}

.base-btn:hover {
    box-shadow: 0 0 0 0.3em var(--black);
    transition: all .2s cubic-bezier(.01,.86,1,1);
    transform-origin: center center;
}

.btn-submit { border: none; background: transparent; }
.btn-submit svg { overflow: visible !important; }
.site-footer a:hover, .site-footer a:focus { opacity: 1; }

.site-footer a.socialLink:hover svg, .site-footer a.socialLink:focus svg, 
#shopify-section-social-buttons > .socialIcons > a:hover, 
#shopify-section-social-buttons > .socialIcons > a:focus {
  transform: scale(1.15);
}

#shopify-section-social-buttons { overflow: visible; }
.site-footer a.socialLink svg { transition: 150ms; }

#shopify-section-contact-say-hello, .contact-info, .grid.contact-bottom {
  overflow: visible;
}

.socialLink { height: 1.8rem; width: 1.8rem; margin-right: 1rem; }
.site-footer .topFooter > div.follow-us { flex: inherit; }

.award-icons { display: flex; justify-content: center; flex-flow: wrap;}
.award-icons img { height: 70px; margin: 0 1rem; filter: brightness(0); }
.section-title { font-weight: bold; }
.shopify-section.index-section.default-slider { padding: 0; }
.one-twelfth { padding-left: 0; width: 0; }

.index-section { padding-left: 25px; padding-right: 25px; }

#modu-life-size-building-toys-for-active-play .DivScrollDownButton { position: absolute; }

.DivScrollDownButton {
  position: fixed;
  z-index: 100;
  bottom: 45px;
  left: 50px;
  width: 50px;
  opacity: 1;
  transition: 200ms;
  cursor: pointer;
  height: 50px;
}
.DivScrollDownButton a { display: block; }
.DivScrollDownButton img { width: 100%; height: 100%; }

@media screen and (min-width: 1200px) {
  .DivScrollDownButton { left: 50px; }
}

.fadeOut { height: 0px; opacity: 0; }
.bounce {
  -moz-animation: bounce2 2s ease infinite;
  -webkit-animation: bounce2 2s ease infinite;
  animation: bounce2 2s ease infinite;
}

/* Modernized Hardware-Accelerated Bounce */
@keyframes bounce2 {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(-25px); }
  50%  { transform: translateY(0); }
  75%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

#shopify-section-1526556819403 video { margin-left: -25px; }
#shopify-section-1526556819403 .grid.screen { min-height: unset; padding: unset; }

#shopify-section-1526556819403 .video-wrapper {
    position: unset;
    overflow: hidden;
    max-width: -webkit-fill-available;
    padding: unset;
    height: fit-content;
}  
#shopify-section-1526556819403 .video-wrapper iframe {
    border: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 800px) {
  .index-section { padding-left: 130px; padding-right: 130px; }
  #shopify-section-1526556819403 video { margin-left: -130px; } 
  #shopify-section-1526556819403 .grid__item {  
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
  }
}
  
@media only screen and (min-width: 1900px) {
  .index-section { padding-left: 150px; padding-right: 150px; }
  #shopify-section-1526556819403 video { margin-left: -150px; }   
}

@media only screen and (max-width: 800px) {
  #shopify-section-1526556819403 .grid__item {
    display: flex;
    align-items: center;
    padding: 7rem 0px;
    padding-bottom: 6rem;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100vh - 5rem);
    min-height: fit-content;
  }
}

.special-2-desktop h1, .special-2-desktop h2.bigTitle { padding-left: 25px; }
p { max-width: 30rem; margin: 20px 0 30px; font-weight: 400; } 
::marker { font-size: 1.5rem; }
.default-slider { z-index: 6; }
.t-20vh { top: 20vh; }
#captureScroll { min-height: 100vh; height: 100vh; width: 100%; }
#overview { height: 100%; min-height: initial; padding-top: 0rem; }

#shopify-section-1526513306489 .overview-img {
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  margin: 0;
}

#shopify-section-1526513306489 ul.slick-dots li { margin-right: 50px; }

@media only screen and (min-width: 800px) {
  .overview-img {
    max-width: 115%;
    min-height: 20vw;
    width: 115%;
    border: 0;
    margin-left: -5%;
    position: relative;
    z-index: 0;
  }
}

.z-6 { z-index: 6!important; }
.grid { position: relative; }

.arrow-left {
  width: 15px; height: 15px; content: ''; background-image: url('//modutoy.com/cdn/shop/t/109/assets/arrow-left.svg?v=51606551333482058201771916054');
}
.arrow-right {
  width: 15px; height: 15px; content: ''; background-image: url('//modutoy.com/cdn/shop/t/109/assets/arrow-right.svg?v=62049084380892520751771916056');
}

#scroller-h1 { max-width: fit-content; padding-left: 0px; margin-left: 45px; }
.background-section > img { border-radius: 0.4rem; }

@media only screen and (min-width: 800px) { #scroller-h1 { margin-left: 75px; } }
@media only screen and (min-width: 1200px) { #scroller-h1 { margin-left: 130px; } }
@media only screen and (min-width: 1900px) { #scroller-h1 { margin-left: 150px; } }

.grid.center { text-align: center; }
a.socialLink { display: inline-block; }
h4, .h4 { font-size: 0.75rem; margin-top: 15px; }
h4 a { color: var(--black); }

.site-footer p { max-width: 20em; }
#shopify-section-1526562631005 p { max-width: 600px; }
#shopify-section-1526562631005 h1, #shopify-section-1526562631005 h2 .bigTitle { max-width: 700px; margin-left: auto; margin-right: auto; }

#shopify-section-footer button.btn.newsletter__submit:hover,
#contact-page #shopify-section-newsletter-signup button.btn.newsletter__submit:hover,
#coming-soon button.btn.newsletter__submit:hover {
   color: white;
}

#shopify-section-footer button.btn.newsletter__submit:hover span.newsletter__submit-text--large,
#contact-page #shopify-section-newsletter-signup button.btn.newsletter__submit:hover span.newsletter__submit-text--large,
#coming-soon button.btn.newsletter__submit:hover span.newsletter__submit-text--large {
   color: white;
}

.submit-arrow { fill: none; }
.submit-arrow:hover path {
  transition: 0.2s ease-out;
  transform: translateX(10px);
}
.submit-arrow > path { fill: none !important; transition: 0.2s ease-out; }

#shopify-section-1526556819403, #shopify-section-1526513320607 { z-index: 9; height: calc(100vh - 2.2rem); }
.onehalf-screen { min-height: 150vh; }
.grid.screen { min-height: 100vh; display: flex; align-items: center; }
.magicScrollFixedWrapper { width: 100%; }
.grid__item.six-twelfths.slider { padding-left: 0; width: 45%; }

@media only screen and (min-width: 800px) {
  .grid.screen { padding: 7rem 0px; gap: 3rem; }
}

.grid.half-screen { min-height: 50vh; display: flex; align-items: center; }

.btn-fill, .btn-fill:focus, .btn-fill:hover, .btn-fill:active {
  border: solid var(--green) 2px; background: var(--green); color: #fff;
}

.index-section .grid__item { z-index: 6; }
.index-section .circle {
  -webkit-clip-path: circle(50% at 50% 50%);
  clip-path: circle(50% at 50% 50%);
  position: absolute;
  z-index: 5 !important;
}
.index-section .first-content { left: 50vw; top: -50vh; width: 150vh; height: 150vh; background: #fff; }
.index-section .second-content { left: 8vw; bottom: -5vh; width: 35vh; height: 35vh; background: #dcc5a5; }
.index-section .third-content { right: 15vw; top: 14vh; width: 30vh; height: 30vh; background: #ece5d8; }

.drawer-nav__item--secondary a { padding-left: 5vh; }

/* ============================================================================
   SLIDER
============================================================================== */

.modu-slider.slick-dotted.slick-slider { margin-bottom: 0; }
.shopify-section { position: relative; z-index: 6; overflow: hidden; }
.slick-dots li { margin-right: 50px; }

.modu-slider .slick-dots { display: flex; width: 150px; justify-content: space-between; margin-left: calc(50vw - 75px); }
.modu-slider .slick-dots li button:before { background: #cbcbcb; width: 7px; height: 7px; }
.modu-slider .slick-dots li.slick-active button:before { margin: 0px; background: #fff; box-shadow: 0 0 0 6px; border-color: transparent; }
.modu-slider h2 { text-align: center; max-width: 27rem; padding: 15px 30px; hyphens: none; color: white; }
.modu-slider .noscreen.grid { padding-left: 30px; padding-right: 30px; }
.modu-slider .slick-arrow { z-index: 1; }
.modu-slider .slick-next:before, .modu-slider .slick-prev:before { font-size: 40px; }
.modu-slider .slick-prev { left: 50px !important; width: 50px; height: 50px; }
.modu-slider .slick-next { right: 50px !important; width: 50px; height: 50px; }
.modu-slider .slide { min-height: 100vh; background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex !important; justify-content: center; align-items: center; }

@media (max-width: 767px) {
  .modu-slider p { width: 80%; }
  .modu-slider .slick-arrow { display: none !important; }
}

*:focus { outline: none; }
.drawer--right { right: -400px; }
.js-drawer-open-right .drawer--right {
    -ms-transform: translateX(-400px);
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px);
}

#CartDrawer { display: block; right: -100%; }
.drawer--right { right: 0; width: 50vw; }
    
.transp-over { display: none; position: fixed; content: ''; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 100; opacity: .8; background-color: transparent; }

.site-header__cart .icon, .site-header__search .icon { padding: 2.5px 10px; background: white; border-radius: 50%; }
.site-header-wrapper { display: none; }
#shopify-section-modu-menu { z-index: initial; }

.flexParent.site-header__inner { height: auto !important; }
.flexParent > .flexChild { height: 86px !important; padding: 1rem 0 !important; }

.hero__site-header { top: 30px; position: fixed !important; z-index: 9999 !important; color: var(--black); }
.hero__site-header .stickyCart .site-header__cart, 
.hero__site-header .stickyCart .stickyCartText { color: var(--black); }

ul.side.sidebar-menu { z-index: 99999; position: absolute; top: 15rem; display: flex; right: -10.3rem; justify-content: flex-end; transform: rotate(270deg); transform-origin: top; width: 30rem; }

.drawer { z-index: 999; }
body.js-drawer-open-left .icon.icon-hamburger { transform: rotate(90deg); }
body.js-drawer-open-left .hamburger-inner { background-color: var(--black); }

.hamburger-inner { background-color: transparent; }

.site-header__toggle-nav { width: 50px; height: 50px; background: white !important; border-radius: 50%; padding-top: 10px; }
.site-header__toggle-nav:hover .hamburger-box { transform: rotate(90deg); }

#modu-contact .site-header__toggle-nav:before { display: none; }

.js-drawer-open-left .site-header__toggle-nav:before { opacity: 1; }
@media screen and (min-width: 801px) { .site-header__toggle-nav:hover:before { opacity: 1; transform: translate(0,0); } }
@media screen and (max-width: 1200px) { .site-header__toggle-nav:before { top: 4px !important; } }
@media screen and (min-width: 1900px) { .site-header__toggle-nav:before { top: -5px !important; } }
  
.site-header__toggle-nav:before { content: "Menu"; position: absolute; line-height: 0; top: -1px; left: 122px; width: auto; font-weight: 800; font-size: 1rem; opacity: 0; z-index: -1; transform: translateX(-100%); transition: all .2s ease-in-out; }
html[lang="de"] .site-header__toggle-nav:before { content: "Menü"; }

.js-drawer-open-right .site-header__cart:before { opacity: 1; transform: translate(0,0); }
@media screen and (min-width: 801px) { .site-header__cart:hover:before { opacity: 1; transform: translate(0,0); } }
  
.site-header__cart:before { position: absolute; line-height: 0; top: 55%; right: 70px; width: auto; font-size: 1rem; font-weight: 800; opacity: 0; z-index: -1; transform: translate(100%,0); transition: all .2s ease-in-out; }

.site-header__toggle-nav.js-drawer-open-left .icon.icon-hamburger { transition: all 0.3s; }
.announcement-bar__message { display: flex; align-items: center; }
.announcement-bar__message img { height: 20px; margin: 0 auto; }

#contact-page p { color: white; }
#contact-page svg:not(:root) { fill: white; }
#contact-page .e { stroke: white; }

.drawer--top .grid { padding: 19px 50px; }
.drawer--top .search-bar__close { position: absolute; bottom: 30px; right: 30px; }
.drawer--top span.red { font-style: italic; color: red; }
.drawer--top .countdown span { font-size: 3em; color: #ccc; font-weight: 200; padding-right: 10px; }

body.menu__hover__1 .drawer-page-content:after { background-color: var(--red); opacity: 0.8; }
body.menu__hover__2 .drawer-page-content:after { background-color: var(--yellow); opacity: 0.8; }
body.menu__hover__3 .drawer-page-content:after { background-color: var(--dark_grey); opacity: 0.8; }

body.submenu__hover__1 .drawer-page-content:after { background-color: rgb(196, 180, 157); opacity: 0.8; }
body.submenu__hover__2 .drawer-page-content:after { background-color: rgb(77, 100, 129); opacity: 0.8; }
body.submenu__hover__3 .drawer-page-content:after { background-color: rgb(221, 217, 213); opacity: 0.8; }
body.submenu__hover__4 .drawer-page-content:after { background-color: rgb(54, 100, 96); opacity: 0.8; }
body.submenu__hover__5 .drawer-page-content:after { background-color: rgb(0, 0, 0); opacity: 0.8; }

div#NavDrawer.drawer.drawer--left .sidebar-menu-section { height: 100%; }
div#NavDrawer.drawer.drawer--left .sidebar-menu-section ul.drawer-nav a { font-weight: bold; font-size: 2.9em; max-width: 85%; letter-spacing: -.015em; text-transform: lowercase; }

@media only screen and (min-width: 700px) {
  div#NavDrawer.drawer.drawer--left .sidebar-menu-section ul.drawer-nav a { font-size: 3em; }
}
@media only screen and (min-width: 1000px) {
  div#NavDrawer.drawer.drawer--left .sidebar-menu-section ul.drawer-nav a { font-size: 5vw; }
}

div#NavDrawer.drawer.drawer--left .sidebar-menu-section ul.drawer-nav li.drawer-nav__item { margin-top: 3vh; }
div#NavDrawer.drawer.drawer--left .sidebar-menu-section ul.drawer-nav li:nth-child(1) { margin-top: 5rem; }
div#NavDrawer.drawer.drawer--left .sidebar-menu-section ul.drawer-nav li:nth-child(1) a { color: var(--red); }
div#NavDrawer.drawer.drawer--left .sidebar-menu-section ul.drawer-nav li:nth-child(2) a { color: var(--yellow); }
div#NavDrawer.drawer.drawer--left .sidebar-menu-section ul.drawer-nav li:nth-child(3) a { color: var(--dark_grey); }
div#NavDrawer.drawer.drawer--left .sidebar-menu-section ul.drawer-nav li:nth-child(4) a { color: #000000; }
div#NavDrawer.drawer.drawer--left .sidebar-menu-section ul.drawer-nav li:nth-child(5) a { color: #000000; }

.hide-price { display: none; }

.svgContainer { position: absolute; }
.svgContainer svg { height: 100%; width: 100%; }    
.svgContainer.angle-svg { width: 75rem; }
.svgContainer.peg-svg { width: 11rem; }
.svgContainer.square-svg { width: 80rem; }    
.svgContainer.round-svg { width: 65rem; }

.content .svgContainer.one { right: -13rem; top: -10rem; transform: rotate(115deg); }
.content .svgContainer.two { left: 17rem; bottom: -3rem; }
.content .svgContainer > svg, .content-3 .svgContainer > svg { height: 100%; width: 100%; }

.prod-learn-more-section-container .svgContainer svg { height: 100%; width: 100%; }
.prod-learn-more-section-container .svgContainer.two { top: 3rem; left: 13rem; }
.prod-learn-more-section-container .svgContainer.four { right: 3rem; top: 12rem; transform: rotate(100deg); }

.special-1 { position: relative; overflow: visible; z-index: 5; }
.special-1 .slider-controller h1, .special-1 .slider-controller h2 .bigTitle { margin-bottom: 0; }
.special-1 .slider-controller p { color: var(--black); margin: 0 0 50px; }
.special-1 .slick-dots { display: flex; justify-content: space-between; }
.special-1 .slick-dots li button:before { margin: 5px 5px 5px 5px; background: #cbcbcb; width: 8px; height: 8px; }
.special-1 .slick-dots li.slick-active button:before { margin: 0px; background: var(--black); width: 20px; height: 20px; border-color: transparent; }
.special-1 .grid__item { z-index: 1; }

.content-3 { background-color: var(--grey); }
.content-3 .grid__item { z-index: 6; }
.content-3 .circle { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); position: absolute; z-index: 5 !important; }
.content-3 .svgContainer.one-bottom { left: -20rem; top: 3rem; }
.content-3 .svgContainer.two-bottom { right: 2rem; top: -2rem; }

.drawer-nav__item a:active, .drawer-nav__toggle button:active { background: none; }
.grid.notscreen { display: flex; align-items: center; padding-top: 10rem; padding-bottom: 10rem; }

#shopify-section-footer { z-index: 99; position: relative; }
.drawer__close-button { display: none; }
#shopify-section-contact-say-hello a { color: white; }
#shopify-section-contact-say-hello a:hover { color: white; }

p.form--success { width: 100% !important; color: var(--black) !important; border-radius: 12px; }
div#shopify-section-newsletter-signup { padding: 0; }

.special-2 .scroller, .magicScrollFixedWrapper .scroller { display: flex; justify-content: center; align-items: baseline; margin-bottom: 10rem; margin-left: 2rem; margin-right: 2rem; }
.special-2 .scroller div, .magicScrollFixedWrapper .scroller div { opacity: 0.2; flex: 1; filter: grayscale(100%) brightness(0%) !important; transition: all 0s; }
.special-2 .scroller div.active, .magicScrollFixedWrapper .scroller div.active { opacity: 1; filter: grayscale(0%) brightness(100%) !important; transition: all 0s; }
.special-2 .scroller img, .magicScrollFixedWrapper .scroller img { max-width: 120%; margin-left: -10%; min-width: 100%; }
.special-2 .scroller p, .magicScrollFixedWrapper .scroller p { font-weight: bold; margin-top: 0; }

h1 { font-size: 3.5rem; line-height: 1; font-weight: bold; hyphens: none; text-transform: lowercase; }
#shopify-section-1526513306489 .grid.screen.text-left { padding-bottom: 0px !important; }
.hamburger-box { top: 0px; }
p { font-size: 1rem; line-height: 1.4; letter-spacing: -.005em; color: var(--black); }
a { transition: 0.2s; }
.newsletter__submit-text--large { font-size: 1rem; text-transform: lowercase; }

.btn { margin-right: 60px; padding: 10px 30px; transition: all 200ms cubic-bezier(.175, .885, .32, 1.275); }
.btn-red, .btn-red:focus { border: solid var(--red) 2px; background: var(--red) !important; color: #fff !important; }
.btn-black-outline, .btn-black-outline:focus { border: solid var(--black) 2px; background: transparent; color: var(--black); }
.btn-divider { width: 40px; }
.search-bar__icon-button .icon { font-size: 30px; width: 25px; }
button#close-kickstarter-banner { position: absolute; height: 50px; width: 50px; right: -49px; bottom: 29px; }

@media only screen and (max-width: 800px) {
  .svgContainer.angle-svg { width: 50rem; }
  .svgContainer.peg-svg { width: 7.5rem; }
  .svgContainer.square-svg { width: 55rem; }    
  .svgContainer.round-svg { width: 45rem; }
  
  .content-3 .svgContainer.two-bottom, .svgContainer.two { width: 7.5rem !important; }
  
  .modu-bg-animation-1 .svgContainer.peg-svg { left: 3rem !important; }
  .modu-bg-animation-1 .svgContainer.square-svg { top: 77rem !important; left: -45rem !important; }    
  .modu-bg-animation-1 .svgContainer.round-svg { top: 43rem !important; left: 14rem !important; }    
  
  .modu-bg-animation-2 .svgContainer.peg-svg { right: 5rem !important; top: 16rem !important; }
  .modu-bg-animation-2 .svgContainer.square-svg { bottom: -8rem !important; left: -45rem !important; }    
  .modu-bg-animation-2 .svgContainer.round-svg { top: -12rem !important; left: 1rem !important; transform: rotate(190deg) !important; }    
  
  .learn-more-section-container .svgContainer.angle-svg { top: 9rem; left: -29rem; }
  .learn-more-section-container .svgContainer.peg-svg { right: -1rem; bottom: 2rem; }
}

input#Email { font-size: 1rem; padding: 2px 20px 0px 20px; color: var(--black); height: 3em; width: -webkit-fill-available; }
input#Email::placeholder { color: var(--black); opacity: 1; }
input#Email:-ms-input-placeholder { color: var(--black); }
input#Email::-ms-input-placeholder { color: var(--black); }

.drawer--right .drawer__inner { display: flex; align-items: center; justify-content: center; padding: 5px; }

@media only screen and (min-width: 800px) {
  .drawer--right .drawer__inner { padding: 15px 15px 0px; }
}
@media only screen and (max-width: 800px) {
  .drawer--right .drawer__inner { padding: 0px 32px 0px; }  
}

ul.list--inline.social-icons.social-icons--drawer li a { width: 50px; height: 50px; padding: 13.5px; border-radius: 100%; display: flex; transition: all 200ms; font-weight: bold; }
a .btn { padding: 18px 48px; padding-top: 20px; }
ul.list--inline.social-icons.social-icons--drawer li a:hover { transition: all 150ms; font-weight: bold; transform: scale(1.1); }
ul.list--inline.social-icons.social-icons--drawer li a svg { width: 100%; height: 100%; }
.drawer a:hover, .drawer a:focus { opacity: 1; }
.drawer--left, .drawer--right { max-width: 100%; }
#shopify-section-sidebar-menu ul.list--inline.social-icons.social-icons--drawer { position: absolute; right: 15px; bottom: 35px; }
.payment-icons li+li, .social-icons li+li { margin-left: 1.1em; }

@media only screen and (min-width: 800px) {
  h1 { font-size: 5.66rem; margin-bottom: 0.625rem; width: 100%; }
  h2.bigTitle { font-size: 1.5rem; }
}

.icon-cart:before { position: relative; top: 3px; }
.text-center .btn-box .btn { margin-left: auto; margin-right: auto; }
.btn-box { display: flex; }
h1 i, h2.bigTitle i { font-style: normal; display: inline-block; transition: 200ms; transform: rotate(180deg); }
h1 i:hover, h2.bigTitle i:hover { transform: rotate(0deg); }

@keyframes slick-slideright {
  from { transform: translateX(-100%); }
  to { transform: translateX(0%); }
}

.special-1 .slick-slide.slick-active { animation: slick-slideright 1s; }
.slick-slider .slick-dots { bottom: -13px; }
.newsletter-textarea-container { background: #ffffff; width: 100%; min-width: 0 !important; transition: 1.2ms; }

.drawer--top input[type=submit],
.topFooter input[type=submit],
#contact-page input[type=submit],
#coming-soon input[type=submit] {
  background: var(--black); color: white; width: 35%; float: left; border-radius: 0.4rem;
}

#shopify-section-1526513320607 .slick-slider .slick-dots { bottom: 40px; }
#shopify-section-1526513320607 .slick-slider .slick-dots li button:hover:before { background: white; }
#shopify-section-1526513320607 .modu-slider .slick-dots li.slick-active button:before { background: white; box-shadow: 0 0 0 6px #fff; }
#shopify-section-1526513320607 .slick-dots li button:before { background: white; }
.slick-slider .slick-dots li button:active:hover:before { opacity: 1; background: var(--black); }
.mobile-show.modu-logo-big { margin-bottom: 3em; }
.site-footer .topFooter { flex-wrap: wrap; }

@media only screen and (min-width: 800px) {
  .site-footer .topFooter { flex-wrap: nowrap; }
}

.slick-slider .slick-dots li button:hover:before { opacity: 1; background: var(--black); }
#shopify-section-contact-say-hello p { margin-bottom: 1em; }
h3 { font-weight: bold; }
.modu-logo-big { width: 250px; height: auto; }
.modu-logo-big svg { height: 100%; width: 100%; }
.btn-outline:hover { background-color: white; color: var(--black); }
.underscore { height: 3px; width: 12px; background-color: #fff; margin-bottom: 1em; border-radius: 1.5px; }

/* ============================================================================
   PAGES
============================================================================== */
#contact-page { background: var(--dark_blue); min-height: 100vh; color: #fff !important; padding-left: 130px; padding-right: 100px; }
#contact-page .grid__item .contact-top { margin-top: 10em; }
#contact-page .grid__item .contact-top h1, #contact-page .grid__item .contact-top h2.bigTitle { color: #fff !important; }
#contact-page .grid__item .contact-bottom > * { width: 100%; }
#contact-page .grid__item .contact-bottom > * h3 { font-weight: bold; font-size: 1rem; color: #fff; margin-bottom: 5px; }
#contact-page .grid__item .contact-bottom > * p { margin-bottom: 1em; }
#contact-page .grid__item .contact-bottom > * .social-icons { margin-right: 25px; }
#contact-page .grid__item .contact-bottom > * .margin-tb { margin: 1.2em 0; }
#contact-page .grid__item .contact-bottom > * .link-btn { font-weight: bold; color: #c5c5c5; margin-top: 2em; }
#contact-page .grid__item .contact-bottom > * .input-group__field { width: 100%; }
#contact-page .grid__item .contact-bottom { display: flex; justify-content: space-between; flex-flow: row wrap; margin-bottom: 6rem; }

#shopify-section-contact-say-hello svg { margin-top: 1em; }

@media screen and (max-width: 800px) {
  .screen, .grid.notscreen { padding-top: 6rem; padding-bottom: 6rem; }
  #moduLogoLink svg { width: 100px !important; margin-right: -10px; }
  .logoContainer { position: static; }
  
  .DivScrollDownButton { top: 560px; left: calc(50% - 25px); z-index: 10; display: none; }
  ul.side.sidebar-menu { top: 250px; right: -155px; width: 430px; }
  div#NavDrawer.drawer.drawer--left .sidebar-menu-section ul.drawer-nav li:nth-child(1) { margin-top: 53px; }
  
  .site-header__toggle-nav:before { left: 85px; display: none; }
  .site-header__cart:before { top: 26px; }
  #shopify-section-sidebar-menu ul.list--inline.social-icons.social-icons--drawer { right: 23px; bottom: 17px; }
  
  #shopify-section-1526513306489 .overview-img { width: 100%; margin-bottom: 35px; }
  .slick-slide p, .slick-slide h2 { text-align: center; }
  .modu-slider .slick-dots { width: 130px; margin-left: calc(50% - 55px); }
  .modu-slider .slide { min-height: 70vh; }
  #shopify-section-1526513306489 ul.slick-dots li { margin-right: 0; }
  
  #shopify-section-1528882571105 .slick-dots li button:before { background: var(--black); opacity: 0.2; }
  #shopify-section-1528882571105 ul.slick-dots li.slick-active button:before { opacity: 1; }
  .background-section > img { margin: 0 !important; }
  #shopify-section-1527516350554 .btn { margin-bottom: 0px; }
  
  .content-3 .svgContainer.one-bottom { left: -148vw; top: -83vh; }
  .btn-black-outline, .btn-black-outline:focus, .btn.btn-outline { border-width: 3px; }
  .site-footer .topFooter { padding-left: 25px; padding-right: 25px; flex-direction: column !important; }
  .btn.newsletter__submit { padding: 16px 40px; }
  .btn-box { flex-direction: column; gap: 0.5rem; }
  .topFooter.index-section .input-group__btn .btn { border-radius: 15px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
  
  .site-footer .topFooter h3 { margin-top: 2em; }
  .site-footer .topFooter a#moduLogoLink svg { width: 150px; }
  .award-icons img { height: 55px; }
  
  h4 { font-size: 0.75rem; }
  h2.bigTitle { position: relative; }
  
  #shopify-section-1528882571105 .modu-slider .slick-dots, 
  #shopify-section-1529506445557 .modu-slider .slick-dots { width: 300px; margin-left: calc(50% - 145px); }
  
  #shopify-section-1529506445557 .modu-slider .slick-dots li.slick-active button:before { background: var(--black); }
  
  #contact-page { padding-left: 25px; padding-right: 25px; }
  #contact-page h1, #contact-page h2.bigTitle { margin-bottom: 0px; }
  
  .coming-soon-container > .grid__item { padding-left: 20px; padding-right: 20px; }
  #shopify-section-coming-soon-newsletter { padding-right: 0; }
  .coming-soon .input-group { width: 100% !important; }
}

#shopify-section-contact-third-section path { fill: white; }
#shopify-section-contact-say-hello path { fill: white; }

@media only screen and (min-width: 1024px) {
  #contact-page .grid__item .contact-bottom { flex-flow: row; margin-bottom: 0; gap: 6rem; }
  .newsletter-container, #shopify-section-contact-third-section { margin-left: auto; }
}

.btn.newsletter__submit { color: white; }
.push-content-down { height: 50vh; }

@media (max-width: 800px) {
  .drawer--right { width: 100vw !important; right: -400px; }
} 

html, body { overflow-x: hidden; } 


.lazyload, .lazyloading {
    background: url('loader.svg') center center no-repeat;
    background-size: 3rem; 
    opacity: 0.3;
    transition: opacity 0.3s;
    transform: scale(1);
}
.lazyloaded { opacity: 1; transition: all 300ms; }

.cc-close { top: 1em !important; right: 1em !important; }
.cc-link { text-underline-offset: 4px; }
.cc-btn { border: 1px solid var(--black) !important; font-weight: 400 !important; }

@import "custom_more.scss.liquid";

@media screen and (max-width: 480px) {
  #launcher { right: unset !important; left: 3px !important; bottom: 3px !important; } 
  #shopify-section-collection-template .product-item__image-container { min-height: 360px; }
  #shopify-section-collection-template .product-item__link { min-height: 430px; }
  #modu-blocks .prod-left-container { min-height: 626px; }
  #modu-blocks .prod-before-container.only-visible-on-mobile,
  #modu-blocks .prod-img-box.img-base-dot-slide.lazyloaded { min-height: 450px; }
}

@media screen and (max-width: 1400px) and (min-width: 1100px) {
  #shopify-section-collection-template .product-item__link,
  #shopify-section-collection-template .product-item__image-container { min-height: 337px; }
}

.add-on-add-to-cart {
    cursor: pointer; min-width: 1.8rem; max-width: 1.8rem; height: 1.8rem;
    border-radius: 100%; transition: all .1s cubic-bezier(.01,.86,1,1);
    border: 1px solid var(--black); margin: 0.8rem;
}

.add-on-add-to-cart:hover { transition: all 0.1s cubic-bezier(0.01, 0.86, 1, 1); background-color: var(--black); }
.add-on-add-to-cart:hover .c { stroke: white; }