button { all:unset; border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; /* inherit font & color from ancestor */ color: inherit; font: inherit; /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */ line-height: normal; /* Corrects font smoothing for webkit */ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; /* Corrects inability to style clickable `input` types in iOS */ -webkit-appearance: none; } html {height: 100%;} body {min-height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;} body {font-family: 'Barlow', sans-serif;color: #808080;max-width: 1920px;margin:auto;width: 100%;} body {background: #eee;} #root {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-height: 100%;width: 100%;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;} #root > main {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;overflow: hidden;} .modal {width: 90%; max-width: 850px; max-height: 80%;} .modal .dropdown-content.select-dropdown { max-height: 200px !important; } [class*="fa-"]:before {color: inherit;} /* TEXTS */ .accent-text {color: #ff3700;} strong, b {font-weight: 700;} span.light {font-weight: 300;} h2 {font-size: 40px; font-weight: 400; line-height: 85%;margin: 0;} h1, h3 {font-size: 32px; font-weight: 400; line-height: 85%;margin: 0;} h4 {font-size: 24px; font-weight: 400; line-height: 85%;margin: 0;} h5 {font-size: 20px; font-weight: 400; line-height: 85%;margin: 0;} h6 {font-size: 16px; font-weight: 400; line-height: 100%;margin: 0;} p {font-size: 14px; line-height: 157%;} p.small {font-size: 12px;} h1 {font-weight: 700;} p.small.note {font-size: 12px;} .content-description {white-space: pre-line;} button[disabled] {opacity: 0.4; pointer-events: none;} @media screen and (min-width: 767px) { h2 {font-size: 54px;} h1, h3 {font-size: 42px;} h4 {font-size: 26px;} h5 {font-size: 22px;} h6 {font-size: 18px;} } @media screen and (min-width: 991px) { h2 {font-size: 62px;} h1, h3 {font-size: 50px;} h4 {font-size: 28px;} h5 {font-size: 24px;} h6 {font-size: 20px;} p {font-size: 16px;} } @media screen and (min-width: 1201px) { h2 {font-size: 75px;} h1, h3 {font-size: 60px;} h4 {font-size: 34px;} h5 {font-size: 28px;} h6 {font-size: 22px;} p.small {font-size: 16px;} } @media screen and (min-width: 1601px) { h2 {font-size: 100px;} h1, h3 {font-size: 80px;} h4 {font-size: 44px;} h5 {font-size: 34px;} h6 {font-size: 26px;} p {font-size: 18px;} } @media screen and (min-width: 1920px) { h2 {font-size: 120px;} h3 {font-size: 96px;} h4 {font-size: 54px;} h5 {font-size: 38px;} h6 {font-size: 26px;} } .align-right {text-align: right;} .loading {display: -webkit-box;display: -ms-flexbox;display: flex; position: absolute; top: 0; left: 0;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;} .loading span {width: 4px;height: 25px;background: #ff3700;margin: 0 5px;opacity: 0;-webkit-transform: skewX(-24deg);transform: skewX(-24deg);-webkit-animation: breathe 2.5s;animation: breathe 2.5s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;} .loading span:nth-child(1) {-webkit-animation:none;animation:none; opacity: 1;} .loading span:nth-child(2) {-webkit-animation-delay: .2s;animation-delay: .2s;} .loading span:nth-child(3) {-webkit-animation-delay: .4s;animation-delay: .4s;} .loading span:nth-child(4) {-webkit-animation-delay: .6s;animation-delay: .6s;} .loading span:nth-child(5) {-webkit-animation-delay: .8s;animation-delay: .8s;} .loading span:nth-child(6) {-webkit-animation-delay: 1.0s;animation-delay: 1.0s;} .loading span:nth-child(7) {-webkit-animation-delay: 1.2s;animation-delay: 1.2s;} .loading span:nth-child(8) {-webkit-animation-delay: 1.4s;animation-delay: 1.4s;} .loading span:nth-child(9) {-webkit-animation-delay: 1.6s;animation-delay: 1.6s;} .loading span:nth-child(10) {-webkit-animation-delay: 1.8s;animation-delay: 1.8s;} @-webkit-keyframes breathe { 0% { opacity: 0.1; } 40% { opacity: 1; } 100% { opacity: 0.1; } } @keyframes breathe { 0% { opacity: 0.1; } 40% { opacity: 1; } 100% { opacity: 0.1; } } ::-ms-clear { width : 0; height: 0; } a {color:inherit;} *:focus {outline-color: #ff3700;} q {font-style: italic; display: block} q span {font-size: 16px;} /* LINKS */ body [class*="link-"]{color: #808080;-webkit-text-fill-color: #808080;font-size: 14px;font-weight: 700;text-decoration: none;display: inline-block;-webkit-appearance: none;} body [class*="link-"]:not(.no-icon):before {content: '\f061';font-family: 'Font Awesome 5 Free';-webkit-transition: -webkit-transform .2s ease-out;transition: -webkit-transform .2s ease-out;transition: transform .2s ease-out;transition: transform .2s ease-out, -webkit-transform .2s ease-out;margin-right: 8px;margin-top: -3px;vertical-align: initial;font-size: 80%;display: inline-block;-webkit-backface-visibility: hidden;} body [class*="link-"][data-icon="back"]:not(.no-icon):before {content: '\f060'; margin-right: 11px;} body [class*="link-"][data-icon="back"]:not(.no-icon):hover:before, body a:hover [class*="link-"][data-icon="back"]:not(.no-icon):before {-webkit-transform: translateX(-5px);transform: translateX(-5px);} body [class*="link-"][data-icon="down"]:not(.no-icon):before {content: '\f063';} body [class*="link-"][data-icon="down"]:not(.no-icon):hover:before, body a:hover [class*="link-"][data-icon="down"]:not(.no-icon):before {-webkit-transform: translateY(5px);transform: translateY(5px);} body [class*="link-"]:focus, body [class*="link-"]:hover, body a:focus [class*="link-"], body a:hover [class*="link-"] {color: #ff3700;-webkit-text-fill-color: #ff3700;} body [class*="link-"]:focus:before, body [class*="link-"]:hover:before, body a:focus [class*="link-"]:before, body a:hover [class*="link-"]:before {-webkit-transform: translateX(5px);transform: translateX(5px);} body .in-text {text-decoration: underline;text-underline-position: under} body .in-text:hover, body .in-text:active, body .in-text:focus {color: #ff3700;-webkit-text-fill-color: #ff3700;} body .link-secondary.link-white:not(:hover):not(:focus):not(span), body a:not(:hover):not(:focus) .link-secondary.link-white {color:white;-webkit-text-fill-color: white;} body .link-primary, body .link-primary:visited {cursor:pointer;padding: 15px 30px 15px 20px; color: white; -webkit-text-fill-color: white; background: #808080;} body .link-primary.link-outline {background: transparent; border-color: white; border: 2px solid white;} body .link-primary.link-outline.link-dark:not(:hover):not(span), body a:not(:hover) .link-primary.link-outline.link-dark {border-color: #808080;color: #808080;-webkit-text-fill-color: #808080;} body .link-primary:hover, body .link-primary:focus, body a:focus .link-primary, body a:hover .link-primary { color: white !important;-webkit-text-fill-color: white !important; background: #ff3700; border-color: #ff3700 ;} body .play-media{display: inline-block;} body .play-media:hover, body .play-media:focus{color: white;} body .play-media i{font-size: 70px;} body [class*="link-"].even-spacing {padding: 15px;} @media screen and (max-width: 1200px) { body {padding-top: 70px;} } button {-webkit-appearance: none; } /* HEADER */ body {padding-top: 90px;} header {transition: all .2s ease-out; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15); position: fixed;width: 100%;background: white;top: 0px;right: 0;height: 90px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;z-index: 50; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } [data-notifications] {position: relative;} [data-notifications]:after {content: attr(data-notifications);position: absolute;top: -10px;right: -10px;font-size: 0.8em;font-family: 'Barlow';} [data-notifications="0"]:after {display: none;} header .logo-holder img {height: 26px;display: block;} header .menu-trigger {position: absolute;left: 0;top:0;/* width: 54px; *//* padding: 13px; *//* font-size: 21px; */} header .menu-trigger button {display: block;} header .menu-trigger button i{display: block;font-size: 28px;} header .highlighted-links a {padding: 12px; position: relative; display: block;} header .highlighted-links a.active:after {content: ''; position: absolute; bottom: 3px; height: 0px; border-bottom: 2px solid currentColor; width: 100%; left: 0;} header nav {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-end;width: 100%;position: relative;/* background: white; *//* z-index: 0; */} header nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;padding: 0 12px;} header nav ul li a {outline: none;text-align:center; position:relative; padding: 6px 12px; display: inline-block; font-weight: 700; color:#808080; text-decoration: none;} header nav ul li a > *:not(i) {font-weight: 700;} /*header nav ul li a:after {content: '';position: absolute;height: 2px;background: #ff3700;bottom: 0;left: 50%;transform: translateX(-50%);width: 0;transition: all .2s cubic-bezier(0.85, 0.28, 0.31, 0.43);}*/ header nav ul li a:hover, header nav ul li a:focus, header nav ul li a.active {color: #ff3700;} header nav .logo-holder { transition: all .2s ease-out; display: -webkit-box;display: -ms-flexbox;display: flex;position: absolute;left: 105px; transform: translateY(-50%); top: 50%;z-index: 1;} header nav .logo-holder a {display: inline-block;/* width: 177px; */} header nav .menu {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: start;align-content: flex-start;} header nav .menu > ul {padding: 0;} header nav .menu > ul + ul{margin-top: 30px;} header nav .nav-main {display: block; -ms-flex-preferred-size: 100%; flex-basis: 100%;} header nav .nav-secondary {margin-top: 30px;} header nav .nav-secondary, header nav .nav-useful-links {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-preferred-size: 100%;flex-basis: 100%;} header nav .nav-secondary li + li, header nav .nav-useful-links li + li {margin-left: 10px;} header nav .nav-useful-links {margin-top: 100px !important;} header nav .nav-socials {/* flex-basis: 100%; *//* display: block; */} header nav .nav-socials i{font-size:24px;} header nav .nav-buttons {top:0;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;background: #ff3700;-ms-flex-item-align: stretch;-ms-grid-row-align: stretch;align-self: stretch;padding: 0;position: relative;height: 100%;right: 0;z-index: 0;} header nav .nav-buttons > li + li > button:before {content: ''; height: 22px; width: 1px; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute;} header nav 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; width: 44px; height: 100%; color:white;cursor: pointer;-webkit-appearance: none; -webkit-text-fill-color: white !important;} header nav .nav-buttons > a {height:100%;display:block;padding: 0;} header nav button i, header nav button i:before {color: white !important;} /*@media screen and (max-width: 1024px) { */ header nav .nav-buttons:before {display: none !important;} /*}*/ @media screen and (max-width: 1200px) { header nav .logo-holder {left: 90px;} } @media screen and (max-width: 991px) { header nav .highlighted-links {display: none;} header[data-scroll-direction="down"]:not([data-open-state="open"]):not([data-search-state="open"]):not([data-cart-state="open"]) {transform: translateY(-100%);} } header[data-open-state="closed"] nav .menu { opacity: 0;-webkit-transform: rotateY(90deg);transform: rotateY(90deg); margin-top: -20px;-webkit-transition: margin-top .2s ease-out .01s, opacity .2s ease-out .01s, -webkit-transform .01s ease-out .2s;transition: margin-top .2s ease-out .01s, opacity .2s ease-out .01s, -webkit-transform .01s ease-out .2s;transition: transform .01s ease-out .2s, margin-top .2s ease-out .01s, opacity .2s ease-out .01s;transition: transform .01s ease-out .2s, margin-top .2s ease-out .01s, opacity .2s ease-out .01s, -webkit-transform .01s ease-out .2s;} header nav .menu {/* display: none; */position: absolute;top: 100%;left: 0;background: white;width: calc(100% / 2);padding: 120px 15px 30px 110px;opacity:1;-webkit-transition: margin-top .2s ease-out .01s, opacity .2s ease-out .01s, -webkit-transform .01s ease-out .01s;transition: margin-top .2s ease-out .01s, opacity .2s ease-out .01s, -webkit-transform .01s ease-out .01s;transition: transform .01s ease-out .01s, margin-top .2s ease-out .01s, opacity .2s ease-out .01s;transition: transform .01s ease-out .01s, margin-top .2s ease-out .01s, opacity .2s ease-out .01s, -webkit-transform .01s ease-out .01s;z-index: 1;/* content: ''; */background: #ffffff;width: calc(100% / 1.715);position: fixed;height: calc(100vh);top: 0;left: 0;} header nav .menu-container {overflow:auto;width: 100%;height: 100%;} header nav .menu-trigger button {width: auto;padding: 13px;} header nav .menu-trigger button i{background: #808080;height: 3px;width: 40px;position: relative;margin: 15px 0 16px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;} header nav .menu-trigger button i:before, header nav .menu-trigger button i:after{background: #808080;content: '';height: 100%;width: 100%;position: absolute;top: 0;left: 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;} header nav .menu-trigger button i:before {-webkit-transform: translateY(-7px);transform: translateY(-7px);} header nav .menu-trigger button i:after {-webkit-transform: translateY(7px);transform: translateY(7px);} header[data-open-state="closed"][data-search-state="closed"][data-cart-state="closed"] .backdrop {background: rgba(0,0,0,0); } header .header-backdrop {position: fixed;top: 0;z-index: 1;left: 0;width: 100%;height: 0;background: rgba(0,0,0,0);-webkit-transition: height .01s linear .3s, background .2s ease-out 0s;transition: height .01s linear .3s, background .2s ease-out 0s;} header[data-open-state="open"] .header-backdrop {background: rgba(0,0,0,0.6);width: 100%;height: 100%;-webkit-transition: height .01s linear .0s, background .2s ease-out 0.01s;transition: height .01s linear .0s, background .2s ease-out 0.01s;} header[data-open-state="open"] nav .menu-trigger button i {background:none;} header[data-open-state="open"] nav .menu-trigger button i:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);} header[data-open-state="open"] nav .menu-trigger button i:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} header[data-search-state="open"] .logo-holder {left: 50%; transform: translate(-50%, -50%);} header[data-search-state="open"] .menu-trigger {z-index: -1;} header[data-search-state="open"] .header-backdrop {background: rgba(0,0,0,0.6);width: 100%;height: 100%;-webkit-transition: height .01s linear .0s, background .2s ease-out 0.01s;transition: height .01s linear .0s, background .2s ease-out 0.01s;z-index: 0;} /*header[data-search-state="open"] nav button:not(.search-button) {z-index: -1; position: relative;} */ header[data-search-state="closed"] nav .search { opacity: 0;-webkit-transform: rotateY(90deg);transform: rotateY(90deg); margin-top: -20px;-webkit-transition: margin-top .2s ease-out .01s, opacity .2s ease-out .01s, -webkit-transform .01s ease-out .2s;transition: margin-top .2s ease-out .01s, opacity .2s ease-out .01s, -webkit-transform .01s ease-out .2s;transition: transform .01s ease-out .2s, margin-top .2s ease-out .01s, opacity .2s ease-out .01s;transition: transform .01s ease-out .2s, margin-top .2s ease-out .01s, opacity .2s ease-out .01s, -webkit-transform .01s ease-out .2s;} header[data-search-state="open"] nav button:not(.search-button) i, header[data-search-state="open"] nav button:not(.search-button) i:before{color: #808080 !important;-webkit-text-fill-color: #808080;} header[data-search-state="open"] nav .search-button i,header[data-search-state="open"] nav .search-button i:before {color: #ff3700 !important;-webkit-text-fill-color: #ff3700;} header nav .search {padding: 170px 25% 0;opacity:1;-webkit-transition: margin-top .2s ease-out .01s, opacity .2s ease-out .01s, -webkit-transform .01s ease-out .01s;transition: margin-top .2s ease-out .01s, opacity .2s ease-out .01s, -webkit-transform .01s ease-out .01s;transition: transform .01s ease-out .01s, margin-top .2s ease-out .01s, opacity .2s ease-out .01s;transition: transform .01s ease-out .01s, margin-top .2s ease-out .01s, opacity .2s ease-out .01s, -webkit-transform .01s ease-out .01s;z-index: -1;background: #333;width: 100%;position: fixed;height: 400px;top: 0;left: 0;} header nav .search * {text-align: center; } header nav .search .input-field input {font-size: 40px;height: 5rem;font-weight: 700;color:#808080;border-bottom-color: #808080; font-family: 'Barlow'; font-weight: 400;} header nav .search .input-field input::-webkit-input-placeholder {color:#808080;} header nav .search .input-field input:-ms-input-placeholder {color:#808080;} header nav .search .input-field input::-ms-input-placeholder {color:#808080;} header nav .search .input-field input::placeholder {color:#808080;} @media screen and (max-width: 767px) { header nav .search .input-field input {font-size: 20px;height: 2rem} header nav .search {height: 200px;} } header[data-cart-state="open"] nav .nav-buttons {z-index: 1;} header[data-cart-state="open"] nav .logo-holder, header[data-cart-state="open"] .menu-trigger {z-index: -1;} header[data-cart-state="open"] .header-backdrop {z-index: 1;background: rgba(0,0,0,0.6);width: 100%;height: 100%;-webkit-transition: height .01s linear .0s, background .2s ease-out 0.01s;transition: height .01s linear .0s, background .2s ease-out 0.01s;} header[data-cart-state="open"] nav .cart-button {z-index: 2; position: relative; } header[data-cart-state="open"] nav button:not(.cart-button) i, header[data-cart-state="open"] nav button:not(.cart-button) i:before{color:#808080!important;-webkit-text-fill-color: #808080; } header[data-cart-state="open"] nav .cart-button i,header[data-cart-state="open"] nav .cart-button i:before{color:#ff3700 !important;-webkit-text-fill-color: #ff3700; } header[data-cart-state="closed"] nav .mini-cart { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%);} header nav .mini-cart {position: fixed;top: 0;right: 0;width: 237px;-webkit-transform: translateX(0%);transform: translateX(0%);background: #333;height: 100%;padding-top: 110px;-webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;transition: opacity .2s ease-out, -webkit-transform .2s ease-out;transition: transform .2s ease-out, opacity .2s ease-out;transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out;} header nav .mini-cart .cart-wrapper {overflow: auto;max-height: 100%;width: 100%;margin-top: 20px;padding-bottom: 90px;} .mini-cart .cart-close {position: absolute;top: 90px;right: 0;width: 20px;height: 20px;padding: 10px;} .mini-cart .cart-close i{height: 2px;width: 20px;position: relative;margin: 8px 0 9px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;} .mini-cart .cart-close i:before, .mini-cart .cart-close i:after{background: white;content: ''; height: 100%;width: 100%;position: absolute;top: 0;left: 0;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;} .mini-cart .cart-close i:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);} .mini-cart .cart-close i:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .mini-cart h6, .mini-cart p {color: white; text-align: center;} .mini-cart .cart-title {/* position: absolute; *//* top: 20px; */width: 100%;} .mini-cart .empty-basket {text-align: center; margin-top: 10px; } .mini-cart .cart-items {padding: 0; display: block;border-top: 1px solid #808080;} .mini-cart .cart-items li {width: 100%;position: relative;border-bottom: 1px solid #808080;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 20px 10px;-ms-flex-wrap: wrap;flex-wrap: wrap;} .mini-cart .cart-items .product-title {font-weight: 700;-ms-flex-preferred-size: 100%;flex-basis: 100%;text-align: left;} .mini-cart .cart-items .product-variation-desc {font-weight: 400;color: #808080;-ms-flex-preferred-size: 100%;flex-basis: 100%;text-align: left;line-height: 16px;margin-bottom: 15px;} .mini-cart .cart-items .product-quantity {-ms-flex-preferred-size: 50%;flex-basis: 50%; text-align: left;} .mini-cart .cart-items .product-price {-ms-flex-preferred-size: 50%;flex-basis: 50%;text-align: right; font-weight: 700;} .mini-cart .cart-items .product-remove {position: absolute;top: 0;right: 0;width: 30px;height: 30px;} .mini-cart .cart-items .product-remove i {color:white;} .mini-cart .cart-items li p {font-size: 16px;} .mini-cart .cart-total {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; padding: 20px 10px; } .mini-cart p {-ms-flex-preferred-size: 50%;flex-basis: 50%; text-align: left; font-weight: 700;} .mini-cart p + p{text-align: right; font-weight: 400;} .mini-cart a{-ms-flex-preferred-size: calc(100% - 20px);flex-basis: calc(100% - 20px);margin-top: 20px;padding:20px 30px 20px 20px;color: white;} header nav .menu-trigger button:hover, header nav .menu-trigger button:focus, header nav .nav-buttons button:hover, header nav .nav-buttons button:focus {background: rgba(0,0,0,0.15)} header nav .nav-buttons button:active, header nav .menu-trigger button:active {background: rgba(0,0,0,0.25)} header nav .nav-buttons button {z-index: 2;position: relative;} header .menu-trigger {position: absolute;left: 0;z-index: 2;} header nav .menu-trigger button {padding: 18px;} @media screen and (min-width: 1201px) { header nav .menu-trigger button {padding: 28px;} header nav .nav-buttons button {width: 79px;} header .logo-holder img {height: 40px;display: block;} header .menu-trigger button i {font-size: 34px;} } @media screen and (max-width: 1200px) { body {padding-top: 70px;} header {height: 70px; width: 100%; top: 0px;} header nav .nav-buttons button {width: 60px;} header nav .mini-cart {width: 180px; padding-top: 90px;} header nav .menu {padding: 120px 15px 30px 20px} .mini-cart .cart-title {position: static;width: 100%;margin-bottom: 20px;} .mini-cart .cart-close {display: none;} header nav .search {padding: 100px 10% 0; height: 250px; } } @media screen and (max-width: 1600px) { header nav .nav-useful-links {margin-top: 50px !important;} } @media screen and (max-width: 990px) { header nav .menu {padding: 150px 15px 30px 20px;} } @media screen and (max-width: 767px) { header nav .nav-buttons button {width: 30px;} [data-notifications]:after {right: -4px;} header nav .menu {width: 100%; } header nav .nav-secondary, header nav .nav-useful-links {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} header nav .nav-secondary li + li, header nav .nav-useful-links li + li {margin-left: 0;} } footer {display: flex; align-items: flex-end; overflow: hidden;background: white;padding: 30px calc(100% / 24) 90px; z-index: 0; } footer > div {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: start;-ms-flex-align: start;align-items: flex-start;width: 100%;-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;} footer .nav-socials { display: -webkit-box; display: -ms-flexbox; display: flex; } footer .nav-socials li + li {margin-left: 10px; } footer .nav-socials li a:hover, footer .nav-socials li a:active {color: #ff3700;} footer .certifications, footer .copyrights {margin-top: 20px;color: #808080;display: -webkit-box;display: -ms-flexbox;display: flex;} footer .certifications {-ms-flex-item-align: end;align-self: flex-end;} footer .certifications img {max-width: 100%;} footer .copyrights {min-height: 37px; align-items: center;} footer .copyrights li + li {margin-left: 15px; padding-left: 15px;position: relative;} footer .copyrights li + li:before{content: ''; position: absolute; background: #808080; height: 100%; width: 1px;left: 0; top: 0;} @media screen and (max-width: 768px) { footer > div {margin-bottom: 20px;} footer {padding: 30px 30px 60px; display: block;} } .nav-socials li i{font-size: 25px;padding: 10px;} /* ZONES */ /*.zone-full {overflow: hidden;}*/ .zone-full, .zone-mosaic {width: 100%;position: relative;background: white;} .zone-mosaic {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: stretch;align-content: stretch;} .block-link {position: absolute;bottom: 20px;right: 20px;} @media screen and (min-width:1200px) { .block-link {bottom: 40px;right: 40px;margin-top: 0 !important;} } .media-holder, .media-holder img {width: 100%;display: block;} .media-holder img.logo {position: absolute;top: 30px;right:30px;max-width: 250px;width: 100%;} .text-holder {width: 100%;} .text-holder[data-text-align="center"] {text-align: center;} .text-holder[data-text-align="right"] {text-align: right;} /* SIMPLE CONTENT*/ .seal-highlight { position: absolute;top: 70px;right: 0;max-width: 235px;} .seal-highlight div, .seal-highlight a {display: block;transition: transform .2s ease-out; transform-origin: right center; background: white;box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.4);} .seal-highlight a:hover {transform: scale(1.05);} .seal-highlight img {max-width: 100%;} @media screen and (max-width: 1200px) { .seal-highlight {top: 20px;max-width: 180px;} } @media screen and (max-width: 480px) { .seal-highlight {top: 30px;max-width: 140px;} } /* SLIDESHOW */ .block-slideshow {overflow:hidden;position: relative;} .block-slideshow .slides-viewport {width: 100%; position: relative; overflow: hidden;} .block-slideshow .slides {display: -webkit-box;display: -ms-flexbox;display: flex;white-space: nowrap;-webkit-transition: all .5s ease-out;transition: all .5s ease-out;} .block-slideshow[data-use-ratio="16:9"] .slides-viewport {padding-top: 50.25%;} .block-slideshow[data-use-ratio="8:5"] .slides-viewport {padding-top: 62%;} .block-slideshow[data-use-ratio="16:9"] .slides, .block-slideshow[data-use-ratio="8:5"] .slides {position: absolute;top:0; left:0;width: 100%;} .block-slideshow .slides > li{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; } .block-slideshow .slides > li .text-holder * {-webkit-transition: all .3s ease-out;transition: all .3s ease-out;} .block-slideshow[data-has-seal="true"] .slides > li .text-holder h2 {max-width: calc(100% - 400px); margin-left: auto; margin-right: auto;} .block-slideshow .slides > li:not([data-active="true"]) .text-holder * {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);} .block-slideshow .slides > li[data-active="true"] .text-holder * {opacity: 1;-webkit-transform: translateY(00px);transform: translateY(00px);} .block-slideshow .slides > li[data-active="true"] .text-holder h2 {-webkit-transition-delay: .4s;transition-delay: .4s;} .block-slideshow .slides > li[data-active="true"] .text-holder h6 {-webkit-transition-delay: .6s;transition-delay: .6s;} .block-slideshow .slides > li[data-active="true"] .text-holder p {-webkit-transition-delay: .7s;transition-delay: .7s;} .block-slideshow .slides > li .text-holder a {-webkit-transition: opacity .3s ease-out .9s, color .2s ease-out .0s, -webkit-transform .3s ease-out .9s;transition: opacity .3s ease-out .9s, color .2s ease-out .0s, -webkit-transform .3s ease-out .9s;transition: transform .3s ease-out .9s, opacity .3s ease-out .9s, color .2s ease-out .0s;transition: transform .3s ease-out .9s, opacity .3s ease-out .9s, color .2s ease-out .0s, -webkit-transform .3s ease-out .9s;} .block-slideshow .slides-navigation {position: absolute;bottom: 30px; left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } .block-slideshow .slides-navigation li + li {margin-left: 12px;margin-top: 0;} .block-slideshow .slides-navigation li a {cursor: pointer;border-radius: 50%;display: block;width: 10px;height: 10px;opacity: 0.5;background: white; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; } .block-slideshow .slides-navigation li a:not(.active):hover, .block-slideshow .slides-navigation li a:not(.active):active {opacity: 1;background: #ff3700;} .block-slideshow .slides-navigation li a.active {opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);} .block-slideshow[data-version="alternative"] .slides-navigation li a{opacity: 1; background: #ccc; -webkit-box-shadow: none; box-shadow: none; width: 8px; height: 8px;} .block-slideshow[data-version="alternative"] .slides-navigation li a:hover, .block-slideshow[data-version="alternative"] .slides-navigation li a:active, .block-slideshow[data-version="alternative"] .slides-navigation li a.active {background: #ff3700;} .block-slideshow[data-version="alternative"] .block-link {/* justify-content: flex-end; */bottom: 28px;} @media screen and (max-width: 767px) { .block-slideshow[data-has-seal="true"] .slides > li .text-holder h2 {max-width: 100%} .block-slideshow .slides-navigation {bottom: 20px;left: 22px;} } .image-loading {position: relative;width: 100%; } .image-loading span {} .block-slideshow .image-loading {background: #333;} /* PAGE SPECIFIC STYLES */ /*#homepage .zone-full .block-slideshow .text-holder * + *{margin-top: 20px;}*/ #homepage > .zone-full:first-child .block-slideshow .slides-navigation {left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);} #homepage > .zone-full:first-child .block-slideshow .text-holder h6 {max-width: 900px;margin: 40px auto 0;} #homepage > .zone-full:first-child .block-slideshow .text-holder p {margin-top: 0px} #homepage > .zone-full:first-child .block-slideshow .text-holder a, #homepage > .zone-full:first-child .block-slideshow .text-holder span {margin-top: 50px} @media screen and (max-width: 1200px) { #homepage > .zone-full:first-child .block-slideshow .text-holder h6 {margin-top: 20px} #homepage > .zone-full:first-child .block-slideshow .text-holder a, #homepage > .zone-full:first-child .block-slideshow .text-holder span {margin-top: 30px;} } @media screen and (max-width: 767px) { #homepage > .zone-full:first-child .block-slideshow .slides-navigation {left: 20px;bottom: 20px;-webkit-transform: none;transform: none;} } /* MULTIMEDIA */ .block-multimedia {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;white-space: normal;position: relative;} .block-multimedia .media-wrap, .block-multimedia .text-wrap {-ms-flex-preferred-size: 50%;flex-basis: 50%;-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;max-width: 50%;} .block-multimedia .text-wrap {position: relative;} .block-multimedia .media-holder, .block-multimedia .text-holder {width: 200%; } .block-multimedia .text-holder {-webkit-transform: translateX(-50%);transform: translateX(-50%);padding: 0 calc(100% / 6 );} .block-multimedia .text-holder p {white-space: pre-line;} .block-multimedia[data-box-alignment="right"] .text-holder {width: 100%; -webkit-transform: none; transform: none; padding-left: 0; } .block-multimedia[data-version="alternative"] {-ms-flex-wrap: wrap;flex-wrap: wrap;} .block-multimedia[data-version="alternative"] .media-wrap, .block-multimedia[data-version="alternative"] .text-wrap {-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;} .block-multimedia[data-version="alternative"] .media-holder, .block-multimedia[data-version="alternative"] .text-holder {width: 100%; } .block-multimedia[data-version="alternative"] .text-holder {padding: calc(100% / 12) calc(100% / 12) calc(100% / 6); -webkit-transform: none; transform: none; } .block-multimedia[data-version="alternative"] .text-holder > * + * {margin-top: 20px;} @media screen and (min-width: 991px) { .block-multimedia[data-version="alternative"] .text-wrap {position: absolute;right: 0;bottom: 0%;/*-webkit-transform: translateY(-50%);transform: translateY(-50%);*/width: calc(50%);background: white;} .block-multimedia[data-version="alternative"] .text-holder {padding: calc(100% / 12) calc(100% / 12 - 5px) calc(100% / 9);} .block-slideshow[data-version="alternative"] .slides-navigation {left: calc(100% / 24);} } @media screen and (max-width: 1200px) { .block-multimedia[data-version="alternative"] .text-holder {padding: calc(100% / 12) calc(100% / 12 - 5px) calc(100% / 6);} .block-multimedia[data-version="alternative"] .text-wrap{width: 70%; } } /* GRID */ .block-grid > ul {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;} /* MOSAIC */ .block-simple-content {position: relative;min-height: calc(100%);height: 100%; z-index: 0; } /*.block-simple-content .text-holder {font-weight: 700;}*/ .block-carousel {position: relative;height: 100%;} .block-carousel .carousel-title {margin-bottom: 0;} .block-carousel .carousel-viewport{overflow: hidden;width: 100%;height: 100%;max-width: 100%;position: relative;} .block-carousel .carousel-viewport ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: flex-start;width: 100%;height: 100%;overflow: visible;position:relative;-webkit-transition: left .2s ease-out;transition: left .2s ease-out;} .block-carousel .carousel-viewport ul > li{-ms-flex-preferred-size: calc(800% / 12);flex-basis: calc(800% / 12);-ms-flex-negative: 0;flex-shrink: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;} .block-carousel .carousel-viewport ul > li{-ms-flex-preferred-size: calc(800% / 12);flex-basis: calc(800% / 12);-ms-flex-negative: 0;flex-shrink: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;} .block-carousel[data-be-still="true"] .carousel-viewport ul > li {-ms-flex-preferred-size: calc(100% / 3);flex-basis: calc(100% / 3);} .block-carousel .carousel-viewport ul > li img{width: 100%;} .block-carousel .carousel-viewport ul > li .product-card{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1199px) { .block-carousel .carousel-viewport ul > li {-ms-flex-preferred-size: calc(500% / 12);flex-basis: calc(500% / 12); } .block-carousel .carousel-viewport ul > li img {max-height: 80%;} } @media screen and (min-width: 1200px) { .block-carousel .carousel-viewport ul > li{-ms-flex-preferred-size: calc(300% / 8);flex-basis: calc(300% / 8);/* height: 100%; */} } @media screen and (max-width: 767px) { .block-carousel .carousel-viewport ul > li{-ms-flex-preferred-size: calc(800% / 12);flex-basis: calc(800% / 12);} .block-carousel .carousel-viewport ul {-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .block-carousel[data-be-still="true"] .carousel-viewport ul > li {-ms-flex-preferred-size: calc(100%);flex-basis: calc(100%); max-width: 480px;} } /* PRODUCT-CARD */ .product-card {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;text-decoration: none;padding: 70px 15px;width: 100%;height: 100%;} .product-card img {-webkit-transition: all .2s ease-out;transition: all .2s ease-out;width: 100%;} .product-card:hover img, .product-card:focus img {-webkit-transform: scale(1.1);transform: scale(1.1);} .product-card h6, .product-card p {margin-top: 20px; line-height: 100%;} .product-card p {margin-top: 10px; width: 100%} /** MOSAICS */ .zone-mosaic:not([data-no-border="true"]) {border-bottom: 1px solid #dcdcdc;/*box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);*/} .zone-mosaic + .zone-mosaic {-webkit-box-shadow: none;box-shadow: none;} .zone-mosaic .mosaic-cell {position: relative;width: 100%;} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:first-child .block-simple-content {padding:calc(100% / 6) calc(100% / 12);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:first-child .block-simple-content h4 {line-height: 100%} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:last-child .block-simple-content {padding:calc(100% / 6) calc(100% / 12); 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; text-align: center;} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:first-child * + * {margin-top: 20px;} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:last-child .aggregator * + * {margin-top: 10px;} @media screen and (min-width: 1200px) { .zone-mosaic[data-mosaic-type="1"] .mosaic-cell .block-simple-content {position: absolute; top: 0; left: 0; } .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:first-child {width: calc(100% / 3);margin-top: calc(100% / -12);margin-bottom: -1px;/*box-shadow: 0 0px 5px 5px rgba(0,0,0,0.05);*/} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:first-child:before {content: '';padding-top: 100%;display: block;} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:first-child .block-simple-content {padding: calc(100% / 12) calc(100% / 6);text-align: left;} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:last-child {width: calc(200% / 3);} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:last-child:before {content: ''; padding-top: calc(50%);} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:last-child .block-simple-content {padding: 0 calc(100% / 12);text-align: left;} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:last-child .block-simple-content .text-holder {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:last-child .block-simple-content .text-holder > .aggregator {padding: 0 0 0 60px;} } @media screen and (max-width: 1600px) { .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:first-child .block-simple-content {padding: calc(100% / 12);} } @media screen and (max-width: 1200px) { .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:last-child .block-simple-content {padding:calc(100% / 12); } .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:last-child .aggregator {margin-top: 20px;} } @media screen and (max-width: 767px) { .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:first-child .block-simple-content {padding:calc(100% / 6) calc(100% / 12);} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:last-child .block-simple-content {padding:calc(100% / 6) calc(100% / 12); } } @media screen and (min-width: 1920px) { .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:first-child:before {content: ''; padding-top: calc(100%);display: block;} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:first-child * + * {margin-top: 40px;} .zone-mosaic[data-mosaic-type="1"] .mosaic-cell:last-child .aggregator * + * {margin-top: 20px;} } .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(2) .block-multimedia .text-wrap {position: static;} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(2) .block-simple-content {padding:0 calc(100% / 6); 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; text-align: center;} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(2) .text-holder * + *{ margin-top: 20px; } .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(2) .block-multimedia { color:white; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(2) .block-multimedia .text-wrap { padding-top: calc(100% / 6)} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(2) .block-multimedia .block-link {position: static;margin-top: 50px !important;width: 200%;-webkit-transform: translateX(-50%);transform: translateX(-50%);text-align: right;padding: 0 calc(100% / 6);text-shadow: 0px 0px 10px black} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(3) .block-multimedia .block-link {position: static;margin-top: 50px !important;text-align: right;} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(3) .block-multimedia .text-holder {padding-bottom: 30px;} @media screen and (max-width: 1600px) { .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(2) .block-multimedia .block-link {margin-top: 20px !important;} } @media screen and (max-width: 1200px) { .product-card {padding: 30px 15px;} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(2) .block-multimedia .block-link {margin-top: 10px !important;} } @media screen and (min-width: 768px) { .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(2) > [class*="block-"], .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:last-child > [class*="block-"] {position: absolute;top: 0;left: 0;/* bottom: 0; */height: 100%;/* right: 0; */width: 100%;} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(2) {width: calc(300% / 7);left: 0;/* margin-top: -1px; */} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(2):before {content: '';padding-top: 200%;display: block;} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:last-child {width: calc(400% / 7);left: calc(300% / 7);position: absolute;bottom: 0;} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:last-child:before {content: '';padding-top: calc(150%);display: block;} } @media screen and (max-width: 990px) { .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:last-child .block-multimedia .link-secondary.link-white:not(:hover):not(:focus) {color:#808080;-webkit-text-fill-color: #808080;} } @media screen and (min-width: 991px) and (max-width: 1200px){ .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(3) img.logo {max-width: 130px} } @media screen and (min-width: 991px) { .zone-mosaic[data-mosaic-type="2"] .mosaic-cell > [class*="block-"] {position: absolute;top: 0;left: 0;/* bottom: 0; */height: 100%;/* right: 0; */width: 100%;} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:first-child {width: calc(200% / 3);left: calc(100% / 3);top: 0;position: absolute;} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:first-child:before {content: ''; padding-top: 50%;display: block;} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(2) {width: calc(100% / 3);left: 0;/* margin-top: -1px; */} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(2):before {content: '';padding-top: 200%;display: block;} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(2) .text-holder * + *{ margin-top: 40px; } .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:first-child .block-simple-content {padding: 0 calc(100% / 8); text-align: left;} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:last-child {width: calc(200% / 3);left: calc(100% / 3);position: absolute;top: calc(100% / 2);} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:last-child:before {content: '';padding-top: calc(50%);display: block;} .zone-mosaic[data-mosaic-type="2"] .mosaic-cell:nth-child(3) .block-multimedia .text-wrap {background: transparent; color:white ;} /*.zone-mosaic[data-mosaic-type="2"] .mosaic-cell:last-child p.small {margin-top: 0;}*/ } .zone-mosaic[data-mosaic-type="3"] .mosaic-cell .block-simple-content {padding: calc(100% / 12) calc(100% / 12) calc(100% / 24); 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; text-align: center;} .zone-mosaic[data-mosaic-type="3"] .mosaic-cell .block-grid {padding: 0 calc(100% / 12) calc(100% / 24);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;text-align: center;max-width: 100%;margin: auto;} .zone-mosaic[data-mosaic-type="3"] .mosaic-cell .block-grid > ul > li{-ms-flex-preferred-size: 190px;/* flex-basis: 190px; */padding: 20px 10px;text-align: left;} .zone-mosaic[data-mosaic-type="3"] .mosaic-cell .block-grid img{height: 30px;} .zone-mosaic[data-mosaic-type="3"] .mosaic-cell .block-simple-content .text-holder *{/* margin-top: 20px; *//* text-align: center; */} .zone-mosaic[data-mosaic-type="3"] .mosaic-cell .block-simple-content .text-holder .block-grid ul{width: 100%;} @media screen and (min-width: 768px) { .zone-mosaic[data-mosaic-type="3"] .mosaic-cell .block-grid img{height: 40px;} .zone-mosaic[data-mosaic-type="3"] .mosaic-cell .block-grid > ul > li{-ms-flex-preferred-size: 250px;flex-basis: 450px;padding: 40px 30px;/* flex-grow: 1; *//* max-width: 50%; *//* width: 300px; */min-width: 50%;} } @media screen and (min-width: 1200px) { .zone-mosaic[data-mosaic-type="3"] {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .zone-mosaic[data-mosaic-type="3"] .mosaic-cell {-ms-flex-preferred-size: 100%;flex-basis: 100%;} .zone-mosaic[data-mosaic-type="3"] .mosaic-cell .block-simple-content{text-align: center;padding: calc(100% / 24) calc(100% / 12);} .zone-mosaic[data-mosaic-type="3"] .mosaic-cell .block-grid { padding: 0; } } @media screen and (min-width: 1600px) { } .zone-mosaic[data-mosaic-type="4"] .mosaic-cell:nth-child(2) .block-simple-content {padding:0 calc(100% / 6); 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; text-align: center;} .zone-mosaic[data-mosaic-type="4"] .mosaic-cell:last-child .text-holder * + * {margin-top: 20px;} @media screen and (min-width: 768px) { .zone-mosaic[data-mosaic-type="4"] .mosaic-cell > [class*="block-"] {position: absolute;top: 0;left: 0;/* bottom: 0; */height: 100%;width: 100%;} .zone-mosaic[data-mosaic-type="4"] .mosaic-cell:first-child {width: calc(400% / 7);} .zone-mosaic[data-mosaic-type="4"] .mosaic-cell:first-child:before {content: '';padding-top: 150%;display: block;} .zone-mosaic[data-mosaic-type="4"] .mosaic-cell:last-child {width: calc(300% / 7);left: 0;/* margin-top: -1px; */} .zone-mosaic[data-mosaic-type="4"] .mosaic-cell:last-child:before {content: '';padding-top: 200%;display: block;} } @media screen and (min-width: 991px) { .zone-mosaic[data-mosaic-type="4"] .mosaic-cell:first-child {width: calc(200% / 3);} .zone-mosaic[data-mosaic-type="4"] .mosaic-cell:first-child:before {content: '';padding-top: 100%;display: block;} .zone-mosaic[data-mosaic-type="4"] .mosaic-cell:last-child {width: calc(100% / 3);left: 0;/* margin-top: -1px; */} .zone-mosaic[data-mosaic-type="4"] .mosaic-cell:last-child:before {content: '';padding-top: 50%;display: block;} .zone-mosaic[data-mosaic-type="4"] .mosaic-cell:last-child .text-holder * + * {margin-top: 20px;} .zone-mosaic[data-mosaic-type="4"] .mosaic-cell:last-child .text-holder .link-secondary {margin-top: 50px; text-align: right; width: 100%;} .zone-mosaic[data-mosaic-type="4"] .mosaic-cell:first-child .block-simple-content {padding: 0 calc(100% / 8); text-align: left;} .zone-mosaic[data-mosaic-type="4"] .block-multimedia[data-version="alternative"] .text-wrap {left: 0;right: auto;width: 50%;bottom: 0;top: auto;-webkit-transform: none;transform: none;height: 50%;background: rgba(255,255,255,0.9);-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;display: -webkit-box;display: -ms-flexbox;display: flex;} } /* [data-offset="top"] {margin-top:-150px;min-height: calc(100% + 150px);} [data-offset="top"] .text-holder {padding: 150px 100px !important;} */ body [data-text-color="black"] {color: #000;} body [data-text-color="white"] , body [data-text-color="white"] *{color: #fff;-webkit-text-fill-color: #fff;} body [data-text-color="accent"] {color: #ff3700;} body [data-background="accent"] {background: #ff3700;} body [data-background="image"], body [data-background="accent"] {color:white;border-width: 0;-webkit-text-fill-color: #fff;} body [data-background="image"] .link-secondary, body [data-background="accent"] .link-secondary {color:white; -webkit-text-fill-color: #fff;} body [data-background="accent"] .link-secondary:hover, body [data-background="accent"] .link-secondary:focus, body [data-background="accent"] a:hover .link-secondary, body [data-background="accent"] a:focus .link-secondary {color:white; text-decoration: underline; text-underline-position: under;-webkit-text-fill-color: #fff;} body [data-background="image"] .play-media:hover, body [data-background="image"] .link-secondary:hover, body [data-background="image"] .link-secondary:focus { color: #ff3700; -webkit-text-fill-color: #ff3700; } audio {outline: none;} @-webkit-keyframes autofill { to { color: white; background: transparent; } } .input-field[data-version="white"] input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } .input-field[data-version="white"] input::-webkit-input-placeholder {color:white;} .input-field[data-version="white"] input:-ms-input-placeholder {color:white;} .input-field[data-version="white"] input::-ms-input-placeholder {color:white;} .input-field[data-version="white"] input::placeholder {color:white;} .input-field[data-version="white"] input {color:white; border-bottom-color: white;} .input-field[data-version="white"] label {color:white;} .input-field[data-version="white"] .select-wrapper input.select-dropdown{border-bottom-color: white !important; color:white;} .input-field[data-version="white"] .select-wrapper .caret{fill:white;} .dropdown-content {max-height: 400px;} /* LOGIN */ .login-screen {overflow:auto;position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction:column;-webkit-box-pack: start !important;-ms-flex-pack: start !important;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center !important;align-items: center;background: url(../images/client_login.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;z-index: 6;} .login-screen .container {max-width: 900px;width:100%;padding: 165px 150px 30px;min-height: 600px;} .login-screen .container h6 {color:#ed513b; margin: 0; text-align: center; margin-bottom: 30px;} .login-screen .container img {width: 200px; margin:auto; display: block;} .login-screen .container * {text-align: center; } .login-screen .container .input-field input {font-size: 40px;height:7rem;font-weight: 700;} .login-screen .container button {margin: 20px 30px;} .login-screen .container button[disabled] {opacity: 0.4; pointer-events: none;} .login-screen .auth-error {color: #F44336;min-height: 28px;} @media screen and (max-width: 767px) { .login-screen {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} .login-screen .container {padding: 115px 30px 30px} .login-screen .container .input-field input {font-size: 20px;height:3.5rem;font-weight: 700;} } /* MAP */ .block-map {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 0;width: 100%;/* overflow: hidden; */} .block-map #map {-ms-flex-preferred-size: calc(200% / 3);flex-basis: calc(200% / 3);-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-negative: 0;flex-shrink: 0;padding-top: calc(100% / 3 + 150px);} .block-map .location-selector {display:-webkit-box;display:-ms-flexbox;display:flex; padding-bottom:100px; -ms-flex-preferred-size: calc(100% / 3); flex-basis: calc(100% / 3);-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;max-width: calc(100% / 3);/* box-sizing: border-box; *//* transform: translateY(-150px); */margin-left: -100px;} .block-map .location-selector .text-holder {background: #ff3700;position:relative;padding: 100px 0 50px 50px;color: white;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: end;-ms-flex-pack: end;justify-content: flex-end;/* box-sizing: border-box; *//* transform: translateY(-150px); */} .block-map .location-selector .text-holder .reseller-list li * + * {margin-top: 5px;} .block-map .location-selector .text-holder a {text-decoration: underline;} .block-map .location-selector .location-filters { margin: 50px -10px 30px; display: flex;} .block-map .location-selector .input-field {width:40%;margin: 10px;} .block-map .location-selector .reseller-list {position:relative;overflow: hidden;width: calc(100% + 50px);margin-left: -50px;padding-bottom: 0px;} .block-map .location-selector .reseller-list li > p:first-child {font-size: 20px; cursor: pointer;} .block-map .location-selector .reseller-list li > p:first-child:hover {text-decoration: underline; text-underline-position: under;} .block-map .location-selector .reseller-list ul{-webkit-transition:all .2s ease-out;transition:all .2s ease-out;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;width: 100%;} .block-map .location-selector .reseller-list ul li{-ms-flex-preferred-size: 75%;flex-basis: 75%;max-width: 75%;-ms-flex-negative: 0;flex-shrink: 0;padding-left: 50px; position: relative;} .block-map .location-selector .reseller-list ul:first-child li:not(.active):after {content:''; cursor:pointer;position: absolute; left: 0; height: 100%; width: 100%; top: 0;} .block-map .location-selector .reseller-list .reseller-pagination {margin-left: 45px; margin-top: 30px;} .block-map .location-selector .reseller-list .reseller-pagination span {display: inline-block; width: 45px; text-align: center;} .block-map .location-selector .reseller-list .reseller-pagination button:focus, .block-map .location-selector .reseller-list .reseller-pagination button:active {background: none;} .block-map .location-selector .reseller-list .reseller-pagination button {cursor: pointer; margin:0 5px;} .block-map .location-selector .reseller-list .reseller-pagination button[disabled] {cursor: default;opacity: 0.4;} .block-map .location-selector .reseller-list .reseller-nav {position: absolute;bottom: 0;left: 50px;flex-wrap: wrap;margin-left: -10px;max-width: calc(100% - 50px);} .block-map .location-selector .reseller-list .reseller-nav li {-ms-flex-preferred-size: auto;flex-basis: auto;padding-left: 0;} .block-map .location-selector .reseller-list .reseller-nav li{margin-left: 10px;margin-bottom: 4px;} .block-map .location-selector .reseller-list .reseller-nav button{ cursor:pointer; width: 10px; height: 10px; opacity: 0.6; background:white; border-radius: 50%; } .block-map .location-selector .reseller-list .reseller-nav li.active button{ opacity: 1; } #where-to-buy #map {padding-top: calc(100% / 2);} #where-to-buy .location-selector {padding-bottom: 0;} #where-to-buy .location-selector .text-holder {padding-top: 170px;} @media screen and (max-width: 768px) { .block-map {display: block;} .block-map .location-selector {max-width: 100%; width: 100%; margin-left: 0; padding-bottom: 0;} .block-map .location-selector .text-holder, #where-to-buy .location-selector .text-holder {padding: 40px 0 30px 20px;} .block-map .location-selector .input-field {margin-top: 30px;} } /* 404 */ .not-found {position: fixed; top: 0; left: 0; width: 100%; height: 100%;z-index: 1; background: url(../images/404.jpg); background-size: cover; text-align:center;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;} .not-found h4, .not-found p {color: white;} .not-found h4 {margin-top: 10px;} .not-found p {margin-top: 30px;} .not-found a {margin-top: 10px;} /* PRODUCT PAGE */ .product-variation-group-selector {display: flex; align-items: flex-end; } .product-variation-group-selector > * {background:transparent; cursor: pointer; padding: 10px 15px; border-bottom: 2px solid #ccc;} .product-variation-group-selector > .active {border-bottom: 2px solid #ff3700;background: none;} .product-variation-group-selector > button {background: none;} .product-main {background:white;} .product-main .aggregator {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} .product-main .aggregator + .aggregator {margin-top: 100px; } .product-info {-ms-flex-preferred-size: calc(300% / 12);flex-basis: calc(300% / 12);-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;padding-left: calc(100% / 24);z-index: 2;-ms-flex-item-align: start;-ms-grid-row-align: start;align-self: flex-start;padding-top: 50px;} .product-info h6, .product-info p {width: calc(250% / 3);margin-top: 20px;} .product-info h1, .product-info h6 {width: calc(400% / 3);} .product-info h5 {margin-top: 20px;} .product-info .product-variation-selector{width: calc(250% / 3);} .product-info .product-variation-selector > li{margin-top: 20px; padding-top: 1px; } .product-info .add-to-cart, .product-info #paypal-buttons {margin-top: 20px; max-width: 50%;} .product-info #paypal-buttons {min-height: 50px;} .product-variation {-ms-flex-preferred-size: calc(900% / 12);flex-basis: calc(900% / 12);-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;position: relative;padding-top: 46.45%;background: #f7f7f7;} .product-variation .image-holder {position: absolute;top: 0;left: 0%;width: 100%;height: 100%;padding-top: 30px;text-align: center;padding-bottom: 90px;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;} .product-variation img {/* position: absolute; *//* transform: translate(-50%, -50%); */max-width: 100%;max-height: 100%;} .product-variation .product-reference, .product-variation .nav-socials {position: absolute;bottom: 30px;left: 40px;} .product-variation .nav-socials {left: auto;right: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;bottom: 20px;} .product-variation .nav-socials li {margin-left:20px;} .product-variation .nav-socials a:hover{color: #ff3700; } .product-variation .nav-socials i{ font-size: 15px; } .product-aside, .product-description {-ms-flex-preferred-size: calc(900% / 12);flex-basis: calc(900% / 12);-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;padding: 0 calc(100% / 24);max-width: calc(900% / 12);} .product-aside {-ms-flex-preferred-size: calc(300% / 12);flex-basis: calc(300% / 12);max-width: calc(300% / 12);padding-right: calc(100% / 12);} .product-description {padding-right: calc(300% / 12)} .product-description > * + * {margin-top: 60px;} .product-documents {margin-top: 50px; } .product-documents li {margin-top: 10px; } .product-documents li a{font-size: 18px; word-break: break-word;} .product-documents li i{margin-right: 10px; } .product-images {margin-top: 50px; } .product-images li {margin-top: 10px; } .product-images li img{width: 100%; max-width: 100%; } .product-summary p{line-height: 200%; } .product-summary p + p {margin-top: 30px;} .product-highlights li + li {margin-top: 30px;} .product-specs .spec-title {font-weight: 700; } .product-specs > li + li {margin-top: 40px; } .product-specs .spec-list > li {margin-top: 15px; } .product-disclaimers .spec-list > li p{font-size: 12px; } .product-main .block-map {margin-top: 100px;} .product-main .select-wrapper input.select-dropdown {color: #808080; border-bottom-color: #808080;} .product-main .select-wrapper .caret{fill: #808080;} .product-main .select-wrapper.disabled input.select-dropdown:disabled {border-bottom-color:transparent;} .product-main .select-wrapper.disabled .caret {display: none;} .product-main .product-chart {width: 100%;position: relative;height: 400px;overflow: hidden;} .product-main .related-products {max-width: 1200px; margin: 100px auto 0; text-align: center;} .product-main .related-products li{padding: 0 30px} .product-main .related-products li:empty {display: none;} .product-main .related-projects {margin-top: 40px;} /*.product-description button {margin-top: 60px;}*/ @media screen and (max-width: 1200px) { .product-info {padding-top: 50px; -ms-flex-preferred-size: calc(400% / 12); flex-basis: calc(400% / 12);} .product-variation {-ms-flex-preferred-size: calc(800% / 12);flex-basis: calc(800% / 12);} .product-variation .image-holder {padding-top: 70px;} } @media screen and (min-width: 1024px) and (max-width: 1200px) { .product-info {padding-top: 50px; -ms-flex-preferred-size: calc(500% / 12); flex-basis: calc(500% / 12);} .product-variation {-ms-flex-preferred-size: calc(700% / 12);flex-basis: calc(700% / 12);} .product-variation .image-holder {padding-top: 70px;} } @media screen and (max-width: 1023px) { .product-main .aggregator {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} .product-main .aggregator > * {-ms-flex-preferred-size: auto;flex-basis: auto; width: 100%;max-width: 100%;} .product-main .aggregator + .aggregator {margin-top: 50px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;} .product-main .product-aside .product-highlights {display: -webkit-box;display: -ms-flexbox;display: flex; margin-top: 50px;} .product-main .product-info {padding-bottom: 50px;} .product-highlights li { -ms-flex-preferred-size: calc(100% / 3); flex-basis: calc(100% / 3)} .product-highlights li + li {margin-top: 0; margin-left: 30px; } .product-info .product-variation-selector {width: 50%;} .product-info h1 {width: 100%;} } @media screen and (max-width: 480px) { .product-info .product-variation-selector {width: 80%;} .product-variation {padding-top: 100%;} .product-description {padding-right: 15px;} .product-variation .image-holder {padding-top: 30px;padding-bottom: 100px;} .product-variation .nav-socials {left: 30px;right: auto;bottom: 50px;} .product-variation .product-reference {bottom: 10px;} .product-variation .nav-socials li:first-child {margin-left: 0;} } /* search results */ #search-results {padding-top: 90px;} #search-results .search-titles {text-align: center;} #search-results .search-titles p {margin-top:20px;} .product-grid {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;max-width: 1600px;margin: auto;} .product-grid li {-ms-flex-preferred-size: calc(100% / 4);flex-basis: calc(100% / 4);-ms-flex-negative: 1;flex-shrink: 1;-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;position: relative;max-width: calc(100% / 4);} @media screen and (max-width: 1200px) { #search-results {padding-top: 50px;} .product-grid li {-ms-flex-preferred-size: calc(100% / 3);flex-basis: calc(100% / 3);max-width: calc(100% / 3 );} } @media screen and (max-width: 767px) { .product-grid li {-ms-flex-preferred-size: calc(100% / 2);flex-basis: calc(100% / 2);max-width: calc(100% / 2);} } @media screen and (max-width: 480px) { .product-grid li {-ms-flex-preferred-size: calc(100% / 1);flex-basis: calc(100% / 1);max-width: calc(100% / 1);} } /*showcase */ .showcase-main {background:#e7e7e7;} .showcase-main .aggregator {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} .showcase-info {-ms-flex-preferred-size: calc(300% / 12);flex-basis: calc(300% / 12);max-width: calc(300% / 12);-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;padding-left: calc(100% / 24);z-index: 2;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;padding-top: calc(100% / 12); padding-bottom: 20px;} .showcase-info h2 {width: calc(600% / 3);} .showcase-info ul {width: calc(250% / 3);margin-top: 50px; font-weight: 700;} .showcase-info a {font-weight: 700;} .showcase-info a:hover, .showcase-info a.active {color: #ff3700;} .showcase-info .showcase-info-links {margin-top:20px;} .showcase-info .showcase-info-links + .showcase-info-links {margin-top:0} .showcase-info li {margin-top:5px;} .showcase-info .showcase-description {padding: 0 90px 100px 0; margin-top: 100px;} .showcase-info .showcase-description * + * {margin-top: 50px;} .showcase-main .block-slideshow {-ms-flex-preferred-size: calc(900% / 12);flex-basis: calc(900% / 12);-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;position: relative;} .showcase-main .block-slideshow .text-holder > * + * {margin-top: 20px;} .showcase-main .block-slideshow a {/* margin-top: 40px; */} .showcase-main .block-slideshow .slides-navigation {left: calc(50% + 3px);bottom: 35%;} .showcase-products {position: relative;-ms-flex-preferred-size: calc(900% / 12);flex-basis: calc(900% / 12);-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;padding: 0;max-width: calc(900% / 12);-ms-flex-item-align: stretch;-ms-grid-row-align: stretch;align-self: stretch;background: white;} .showcase-products > .loading {height: 200px} .showcase-aside {max-width:calc(300% / 12);-ms-flex-preferred-size: calc(300% / 12);flex-basis: calc(300% / 12);-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;padding: 0 calc(100% / 24);padding-right: calc(100% / 12); } .showcase-aside .showcase-description {padding: 40px 0 200px;} .showcase-aside .showcase-description p + p{ margin-top: 20px; } .showcase-modifiers {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 25px 50px;} .showcase-modifiers > *, .showcase-modifiers .showcase-filters > *{-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;} .showcase-modifiers .showcase-filters {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .showcase-modifiers .showcase-filters li {margin-left: 25px;} .showcase-modifiers .showcase-filters button{cursor: pointer; background: none; } .showcase-modifiers .showcase-filters button.active{font-weight: 700; } .showcase-modifiers .input-field {margin: 0;} .showcase-main .product-grid {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding: 0 30px;} .showcase-main .product-grid > li{-ms-flex-preferred-size: calc(100% / 4);flex-basis: calc(100% / 4);max-width: calc(100% / 4);} @media screen and (max-width: 1024px) { .showcase-main .product-grid > li {-ms-flex-preferred-size: calc(100% / 3);flex-basis: calc(100% / 3);max-width: calc(100% / 3);} } @media screen and (max-width: 768px) { .showcase-main .product-grid {padding: 0 15px;} .showcase-main .aggregator:nth-child(2) {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;} .showcase-main .aggregator:nth-child(2) > * {-ms-flex-preferred-size: auto;flex-basis: auto; width: 100%; max-width: 100%;} .showcase-aside .showcase-description {padding: 40px 0;} .showcase-main .product-grid > li {-ms-flex-preferred-size: calc(100% / 2);flex-basis: calc(100% / 2);max-width: calc(100% / 2);} .showcase-main .aggregator:nth-child(1) {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;} .showcase-main .aggregator:nth-child(1) > * {-ms-flex-preferred-size: auto;flex-basis: auto; width: 100%; max-width: 100%;} .showcase-info h2 {width: 100%; } .showcase-main .block-slideshow .slides-navigation {bottom: 20px; left: 20px;} .showcase-main .block-slideshow .block-link { position: static; margin: 20px 0 0 15px;z-index: -1;} [data-theme="public-spaces"] .showcase-main .block-slideshow .block-link a:not(:hover), [data-theme="workspaces"] .showcase-main .block-slideshow .block-link a:not(:hover) {color:#808080;} } @media screen and (max-width: 480px) { .showcase-modifiers .showcase-filters {display: none;} .showcase-modifiers {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; padding: 25px 0;} .showcase-main .product-grid > li {-ms-flex-preferred-size: calc(100% / 1);flex-basis: calc(100% / 1);max-width: calc(100% / 1);} } #about-page .block-multimedia .text-holder {padding: 0 calc(100% / 2);} #about-page .block-multimedia .text-holder h4, #about-page .block-multimedia .text-holder a { margin-top: 20px; } #about-page .block-multimedia .text-holder h6, #about-page .block-multimedia .text-holder p { margin-top: 40px; } #about-page .image-loading, #sustainability-page .image-loading {background: #333;} .block-tabs {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-align: center; -ms-flex-align: center; align-items: center;} .block-tabs .tab-titles {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow: auto; max-width: 100%;} .block-tabs .tab-titles li {margin: 0 20px; white-space: nowrap;} .block-tabs .tab-titles > li button {background:none!important; cursor: pointer; padding: 0 10px 20px; border-bottom: 2px solid transparent;} .block-tabs .tab-titles > li button:hover, .block-tabs .tab-titles > li button:focus, .block-tabs .tab-titles > li button:active {color: #ff3700; -webkit-text-fill-color: #ff3700;} .block-tabs .tab-titles > li.active button { border-color: #ff3700; color: #ff3700;-webkit-text-fill-color: #ff3700 ;} #signup-form, #reserved-area {padding: 45px 15px 0;text-align:center;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;max-width: 1200px;margin:auto;width: 100%;margin-bottom: 50px;} #reserved-area #logout-button{margin-bottom: 50px; cursor: pointer;} #reserved-area #logout-button:focus, #reserved-area #logout-button:active{background: none;} /* reserved-area */ #reserved-area .client-orders {margin: 30px 0 100px; width: 100%;} #reserved-area .client-orders th {font-weight: 700;} #reserved-area .client-orders th:last-child, #reserved-area .client-orders td:last-child {text-align: right;} #reserved-area .client-orders td:only-child {text-align: center;} #reserved-area .client-orders tr.loading-row td {position: relative; height: 60px;} #reserved-area .client-orders tbody tr:not(.loading-row):hover {background: #ddd; cursor: pointer;} #reserved-area .client-profile {margin: 30px auto 100px; min-height: 100px; position:relative; width: 100%; max-width: 800px;} @media screen and (max-width: 1200px) { #signup-form, #reserved-area {padding-top: 50px;} } .switch .only-on {display: flex;line-height: 150%;} .switch .only-on .lever {margin-left: 0;flex-shrink: 0;margin-top: 3px;} /* signup */ #signup-form .row{margin: 0 auto; } #signup-form h1 {margin-bottom:25px;} #signup-form > .switch {margin-top: 25px;} #signup-form .switch, #signup-form h6 {margin-bottom: 20px;} #signup-form form {width: 100%; max-width: 800px;margin: 30px 0 0;} #signup-form form .input-field{text-align: left;} #signup-form a[data-icon="back"] {margin-top: 20px;} #signup-form a:not([class*="link"]) {text-decoration: underline;} #signup-form p.small {margin: 30px;} /* checkout */ #checkout {padding-top: 90px;padding-bottom: 100px;text-align: left;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;max-width: 1000px;margin:auto;width: 100%;} #checkout h6 {margin-top: 20px;} #checkout > p {margin-top: 20px; text-align: center;} #checkout > p a{text-decoration: underline;} #checkout table ~ a{margin-top: 80px;} #checkout form {width: 100%;max-width: 800px;margin-top:50px; text-align: center;} #checkout form .row {text-align: left;} #checkout form .row .input-field {margin:0;} #checkout form .row .switch {text-align: center; margin: 10px 0;} #checkout form .row button {margin-top: 50px;} .products-review {margin-top: 50px;} .products-review th {font-weight: 700;} .products-review th:not(:first-child), .products-review td:not(:first-child) {text-align: right;} .products-review td:only-child{text-align: center;} .products-review tr.checkout-product:not(:nth-last-child(2)), .products-review tr.checkout-footer {border:none;} .products-review .checkout-product-preview {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-height: 76px;} .products-review .checkout-product-preview img {max-width: 100px; width: 100%; margin-right: 30px;} .products-review .checkout-product-title{padding-top: 10px; } .products-review .checkout-product-quantity button {padding: 8px;line-height: 7px;border: 1px solid #ccc;margin: 0 6px;cursor: pointer;} .products-review .checkout-product-title p:first-child {font-weight: 700; } .products-review .checkout-footer td {font-weight: 700; } @media screen and (max-width: 1200px) { #checkout {padding-top: 50px;} } .whitepapers-showcase .showcase-main, .whitepapers-showcase .showcase-main .aggregator{height: 100%;} .whitepapers-showcase .showcase-info{-ms-flex-item-align: start;align-self: flex-start;} .whitepapers-showcase .showcase-info h2{width: 100%;} .whitepapers-showcase .showcase-info h5{margin-top: 20px} @media screen and (max-width: 1200px) { .whitepapers-showcase .showcase-products, .whitepapers-showcase .showcase-info {padding-top: 30px; } } @media screen and (max-width: 768px) { .whitepapers-showcase .showcase-main .aggregator {-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;-ms-flex-direction: column !important;flex-direction: column !important;} } #sustainability-page .block-multimedia .text-holder * + *{margin-top: 20px;} #sustainability-page .block-simple-content {margin: 100px auto; padding: 0 30px; width: 100%; max-width: calc(1920px / 12 * 8); min-height: auto;} #sustainability-page .block-simple-content h5{text-align: center; width: 100%; max-width: calc(1920px / 12 * 4); margin: 0 auto 100px; } #sustainability-page .block-simple-content p + p{margin-top: 25px; } @media screen and (max-width: 1200px) { #sustainability-page .block-multimedia .text-holder {padding-top: 0;} #sustainability-page .block-simple-content {margin-top: 50px;} #sustainability-page .block-simple-content h5 {margin-bottom: 50px;} } #terms-page .block-simple-content {padding: 0 30px; margin:auto; width: 100%; max-width: calc(1920px / 12 * 6); min-height: auto;} #terms-page .block-simple-content h4{text-align: center; margin: 0 0 50px; } #terms-page .block-simple-content * + *{margin-top: 25px; } #terms-page {background: white;padding: 90px 0 100px;} .content-page .block-simple-content {padding: 0 30px; margin:auto; width: 100%; height: auto; max-width: calc(1920px / 12 * 6); min-height: auto;} .content-page .block-simple-content h4{text-align: center; margin: 0 0 50px; } .content-page .block-simple-content * + *{margin-top: 25px; } .content-page {background: white;padding: 90px 0 100px;} .content-page .table-wrapper{overflow: auto;width: 100%;} .content-page ul.table-list{margin: 50px 0;} .content-page ul.table-list > li:before, .content-page ul.table-list > li:after {width: auto; content: ''; display: table-cell;} .content-page ul.table-list > li > span {padding: 15px 0px;width: calc(900px / 6);} .content-page ul.table-list > li > span:first-child {width: calc(900px / 6 * 2); } .content-page ul.table-list > li > span:not(:first-child) {text-align: center; } .content-page ul.table-list > li.table-list-header > span {padding-bottom: 10px; } .content-page ul.table-list > li.table-list-header + li:not(.table-list-header) > *, .content-page ul.table-list > li.table-list-header + li:not(.table-list-header):after, .content-page ul.table-list > li.table-list-header + li:not(.table-list-header):before {border-top: 1px solid #cccccc; } .content-page ul.table-list > li.table-list-footer > *, .content-page ul.table-list > li.table-list-footer:after, .content-page ul.table-list > li.table-list-footer:before {border-bottom: 1px solid #ccc;} .content-page ul.table-list > li.table-list-header + li.table-list-header > span {padding-top: 0; } @media screen and (max-width: 1200px) { #terms-page {padding: 50px 0; } #project-request-page {padding: 50px 0; } } @media screen and (max-width: 767px) { #project-request-page .table-wrapper {padding: 0 30px;} #project-request-page ul.table-list > li > span {padding: 10px 0;} } #root > #project-request-page {overflow: visible;} #project-request-page h4{text-align: left;width: 50%;margin-top: 25px;} #project-request-page .block-50-50 {display: flex; align-items: flex-end; justify-content: space-between; margin: 20px -10px 40px;} #project-request-page .block-50-50 > * {width: 50%; margin: 0 10px; } #project-request-page .block-slideshow * {margin-top: 0 !important; } #project-request-page .floating-box {position: sticky;top: 90px;right: 0;z-index: 20;display: flex;justify-content: flex-end;align-items: flex-start; margin: auto;padding: 0 30px;height: 0;} #project-request-page .floating-box .button-box{background: white;width: auto;padding: 15px;margin: 0 -15px;/* float: right; */} @media screen and (max-width: 768px) { #project-request-page .floating-box {display: none;} #project-request-page h4 {width: 100%} } #project-request-page figure{width: 100%; margin: 30px 0;} #project-request-page figure img{width: 100%;} #project-request-page figure figcaption{margin-top:10px; font-weight: 600;} .button-links {display: flex; justify-content: space-around; } .button-links li {margin: 0 20px !important;} ul.table-list {display: table;width: 100%;table-layout: fixed;} ul.table-list > li {display: table-row;} ul.table-list > li:not(.table-list-header):not(.table-list-footer):nth-child(odd) {background:#f8f8f8 } ul.table-list > li > span {display: table-cell;} #about-page .block-tabs, #sustainability-page .block-tabs {margin: 100px 0; } #about-page .block-tabs .tab-titles li, #services-page .block-tabs .tab-titles li, #sustainability-page .block-tabs .tab-titles li {margin: 0 10px;} #about-page .block-tabs .tab-titles > li button, #services-page .block-tabs .tab-titles > li button, #sustainability-page .block-tabs .tab-titles > li button { padding: 0 10px 10px; } #about-page .block-tabs .tab-items, #services-page .block-tabs .tab-items, #sustainability-page .block-tabs .tab-items{margin-top: 100px;width: 100%;} #reserved-area .block-tabs .tab-items {width: 100%;} .institutional-tab:not(.experience-tab) .col:first-child * + *{margin-top: 30px;} .institutional-tab.experience-tab .col:first-child > * + *{margin-top: 30px;} .institutional-tab .col img {max-width: 100%;} .institutional-tab p, .institutional-tab h6{margin-top: 20px;} .institutional-tab h5{line-height: 100%;} .institutional-tab .video-react{margin-top: 20px; width: 100%;} .institutional-tab .col:last-child a{margin-top: 30px;} .institutional-tab {max-width: 1080px;} .institutional-tab.experience-tab .experience-audios i {margin-right: 10px; cursor: pointer;} .institutional-tab.experience-tab .filter-listing li h6 { margin-top: 0; font-weight: 700; } .institutional-tab.experience-tab .filter-listing li h6 a { cursor: pointer; } .institutional-tab.experience-tab .filter-listing li h6 a.active, .institutional-tab.experience-tab .filter-listing li h6 a:hover { color: #ff3700; } .institutional-tab.experience-tab .wp-listing { display: flex; flex-wrap: wrap; } .institutional-tab.experience-tab .wp-listing li { flex: 0 0 calc(100% / 3);} .institutional-tab.experience-tab .wp-listing li a { margin: 0; padding-top: 45px; padding-bottom: 45px;} .room-type-selector {margin-top: 50px !important;} .institutional-tab .col:first-child {padding-right: 50px;} @media screen and (max-width: 767px) { #about-page .block-tabs .tab-items, #services-page .block-tabs .tab-items {margin-top: 30px;} .institutional-tab > .row > .col{width: 100%;} #about-page .block-multimedia .text-holder {padding: 0 calc(100% / 12)} } #services-page {padding-top: 90px;} #services-page .block-tabs{margin-bottom: 100px;} #services-page > h4 {text-align: center; margin-bottom: 40px;} #academy > .block-multimedia:first-child {position: absolute;top: 0;left: 0; z-index: -1;width: 100%;overflow: hidden;} #academy > .block-multimedia:first-child .image-loading {background: #333;} #academy > .block-multimedia:nth-child(2) .text-holder a {margin-top: 40px;} #academy > .block-multimedia:nth-child(2) .text-holder img {max-width: 300px;} [data-academy-tab="true"] .block-tabs .tab-titles li:not(.active):not(:hover) button:not(:active):not(:focus) p {color:white;} [data-academy-tab="true"] .institutional-tab {margin-top: 100px;} @media screen and (max-width: 1600px) { [data-academy-tab="true"] #services-page .block-tabs .tab-items {margin-top: 0;} } @media screen and (max-width: 1200px) { #services-page {padding-top: 50px;} #academy > .block-multimedia:first-child {top: 70px;} #academy > .block-multimedia:nth-child(2) .text-holder img {max-width: 200px;} } #portfolio-page .showcase-main .product-grid > li {flex-basis: calc(100% / 2);max-width: calc(100% / 2);} #portfolio-page .showcase-info {align-self: flex-start;} #portfolio-page .showcase-main {background: white;} #portfolio-page .showcase-main .product-grid {padding: 0 30px 0 0;} @media screen and (max-width: 768px) { #portfolio-page .showcase-main .aggregator:nth-child(1) {-webkit-box-orient: vertical; -webkit-box-direction: normal ; -ms-flex-direction: column; flex-direction: column; } #portfolio-page .showcase-products {padding-top: 0;} #portfolio-page .showcase-info .showcase-description {padding: 0 20px 20px 0;} #portfolio-page .showcase-main .product-grid {padding: 0;} } @media screen and (min-width: 1201px) { #project-page .product-info, #project-page .product-aside {-ms-flex-preferred-size: calc(400% / 12); flex-basis: calc(400% / 12); max-width: calc(400% / 12);} #project-page .product-variation, #project-page .product-description {-ms-flex-preferred-size: calc(800% / 12); flex-basis: calc(800% / 12);max-width: calc(800% / 12);} } #project-page .product-variation {padding-top: 0; background: white;} #project-page .product-variation .image-holder {position: static;padding-bottom: 0;background: white;padding-top: 0;} #project-page .related-projects .product-grid li {max-width: calc(100% / 3); flex-basis: calc(100% / 3);} #project-page .product-info a {margin-top: 30px;} #project-page .product-info p {margin-top: 30px;} .product-card.project-card:hover img, .product-card.project-card:focus img {transform: none; opacity: 0.8;} .product-card.project-card {padding-bottom: 10px;} @media screen and (max-width: 1200px) and (min-width: 1024px) { #project-page .product-variation .image-holder {padding-top: 0;} } @media screen and (max-width: 767px) { #project-page .related-projects .product-grid li {-ms-flex-preferred-size: calc(100% / 2);flex-basis: calc(100% / 2);max-width: calc(100% / 2);} } @media screen and (max-width: 480px) { #project-page .related-projects .product-grid li {-ms-flex-preferred-size: calc(100% / 1);flex-basis: calc(100% / 1);max-width: calc(100% / 1);} } .image-slider .image-slider--front-offset, .image-slider .image-slider--front, .image-slider .image-slider--back { overflow: hidden; width: 100%; position: relative; } .image-slider .image-slider--front { position: absolute; top: 0; left: 0; } .image-slider .image-slider--back, .image-slider .image-slider--back img, .image-slider .image-slider--front img { max-width: 100%; display: block; } .image-slider { max-width: 100%; display: inline-block; position: relative; overflow: hidden; cursor: col-resize; } .image-slider * { margin: 0 !important; } .image-slider .image-slider--divider { position: absolute; width: 5px; height: 100%; background: #ff3700; top: 0; transform: translateX(-50%); } /* BULK BUY */ #bulk-buy-page .title-area {text-align: center;/* max-width: 1600px; */padding: 0px calc(50% - 600px);margin: 0 auto;} #bulk-buy-page .title-area .search-holder { max-width: 500px; margin: 40px auto 0;} #bulk-buy-page .title-area .search-holder input { text-align: center; } #bulk-buy-page .product-list {margin-top: 50px; position: relative;} #bulk-buy-page .product-list > ul > li:nth-child(even) {background: #eee;} #bulk-buy-page .product-line {padding: 10px calc(50% - 600px); margin: 0 -15px; } #bulk-buy-page .product-line .collapsable-content-wrapper {display: flex; align-items: flex-start; } #bulk-buy-page .product-line .collapsable-content-wrapper > div {flex-grow: 0; margin:0 15px;} #bulk-buy-page .product-line .collapsable-content-wrapper > div.title-holder {flex-grow: 1; max-width: 600px;} #bulk-buy-page .product-line .image-holder {max-width: 300px; width: 100%;} #bulk-buy-page .product-line .image-holder img {width: 100%;} #bulk-buy-page .product-line p + p {margin-top: 15px;} #bulk-buy-page .product-line ul {max-width: 80%; width: 100%; margin-top: 20px;} #bulk-buy-page .product-line ul li {padding-top: 1px; } #bulk-buy-page .product-line .btn-box {margin-top: 1rem; margin-left: 20px;} #bulk-buy-page .product-line .btn-box .input-field {margin-bottom: 0;} #bulk-buy-page .bulk-cart-total {position: fixed;bottom: 0;left: 0;transition: all .3s ease-out; width: 100%;height: 80px;padding: 16px 30px;z-index: 10000000000;background: #ff3700;} #bulk-buy-page .bulk-cart-total.hide-bar {transform: translateY(100%);} #bulk-buy-page .bulk-cart-total .cart-wrapper { display: flex; align-items: center; color: white; } #bulk-buy-page .bulk-cart-total .cart-wrapper p:first-child { flex-grow: 1; } #bulk-buy-page .bulk-cart-total .cart-wrapper p { margin-right: 15px; } #bulk-buy-page .product-line .collapsable-title > div {display: flex; align-items: center; } #bulk-buy-page .product-line .collapsable-title > div > div:first-child {/* margin-top: -16px; */display: flex;cursor: pointer;align-items: flex-start;/* align-self: stretch; */flex-grow: 1;} #bulk-buy-page .product-line .collapsable-title > div > div:first-child p {/* height: 0; */display: block;} #bulk-buy-page .product-line .collapsable-title > div > div:first-child:hover { color: #ff3700; } #bulk-buy-page .product-line .collapsable-title > div > div:first-child i {margin-right: 10px;line-height: 26px;} #bulk-buy-page .product-line .collapsable-title > div > div {margin: 0 15px; } #bulk-buy-page .product-line .collapsable-title > div > p {width: 170px; } #bulk-buy-page .product-line .input-box {overflow: hidden;margin-top: 15px;display: flex;align-items: flex-start;max-width: 180px;} #bulk-buy-page .product-line .input-field {margin-bottom: 0} #bulk-buy-page .product-line .product-variation-group-selector {margin-bottom: 15px;} #order-details .block-collapsable:not(:last-child) {border-bottom: 1px solid #ddd;} #order-details .block-collapsable:first-child {margin-top: 10px;} #order-details .block-collapsable:last-child {margin-bottom: -10px} #order-details .block-collapsable {overflow:hidden;padding: 10px 0;} #order-details .block-collapsable .collapsable-title div {cursor: pointer;padding: 10px;margin: -10px; } #order-details .block-collapsable .collapsable-title div:hover {color: #ff3700;} #order-details .block-collapsable .collapsable-title i {margin-right: 20px;} #order-details .block-collapsable .collapsable-title:hover b, #order-details .block-collapsable .collapsable-title:hover i {color: #ed513b;} #order-details .block-collapsable .block-collapsable {padding-left: 30px;/* padding-bottom: 10px; */} #order-details .block-collapsable .collapsable-content {overflow: hidden;} #order-details .order-infos {margin-top: 30px;} #order-details .collapsable-title > div {display: flex;font-size: 20px;} #order-details .collapsable-content-wrapper {padding-top: 20px;} #order-details .collapsable-title h6 {font-size: 20px;line-height: 16px;} #order-details .order-data p{ margin-top:5px; font-size: 15px; } #order-details .order-data { overflow: hidden; text-overflow: ellipsis; } /* NEWS */ #news {background: transparent;} #news h1 {text-align: center; margin-bottom: 50px;} #news > ul {background:white; } #news > ul > li {padding: 0 calc(50% - 600px)} #news > ul > li:not(:last-child) {border-bottom:1px solid #ccc;} .article-entry { padding: 50px 30px; display: flex; } .article-entry .image-holder{ width: 400px; margin-right: 30px; } .article-entry .image-holder img{ width: 100%; } .article-entry .text-holder { text-align: left; } .article-entry .text-holder p:not(:first-child) { margin-top: 10px; } .article-entry .text-holder h6 {margin-top: 10px;} .article-entry .text-holder p:last-child { margin-top: 20px; } .load-more {position:relative; min-height: 47px; text-align: center; margin: 30px 10px;} @media screen and (max-width: 768px) { .article-entry { display: block; padding: 20px 15px; } .article-entry .image-holder {max-width: 300px; margin: 0 auto 20px;} } #news-article {position: relative; padding-bottom: 0;} #news-article article {padding-top: 100px;} #news-article article > .image-holder{position: fixed; width: 100%; top: 0; left: 0; z-index: 0} #news-article article > .image-holder:after{content: '';position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: rgba(0,0,0,0.4)} #news-article article > .image-holder img{ width: 100%;display: block;} #news-article article .body {position: relative; z-index: 5; padding: 30px calc(50% - 585px);} #news-article article .head {position: relative; z-index: 5; padding: 30px 30px 0; margin: -100px -30px 0; background: white;} #news-article article .head * + * {margin-top: 10px;} #news-article article .body {background: white;} #news-article article .body .aggregator {display: flex; justify-content: space-between; margin-top: 50px;} #news-article article .body p.content-description {flex-basis: 60%; flex-grow: 0;} #news-article article .body aside {flex-basis: 30%; flex-grow: 0;} #news-article article .body aside ul {margin-top: 0px;} #news-article article .body aside ul li + li {margin-top: 20px;} #news-article article .body aside ul + ul{margin-top: 40px;} #news-article article .image-holder .image-loading {background: #333;} #news-article article .related-products {text-align: center; margin-top: 50px;} @media screen and (max-width: 1200px) { #news-article article .body { padding: 30px;} #news-article article .head {padding: 30px 20px 0; margin: -100px -20px 0;} #news-article article .body aside {padding-left: 30px;} } @media screen and (max-width: 768px) { #news-article article .body aside {padding-left: 0px;} #news-article article .body .aggregator {display: block; margin-top: 30px;} #news-article article .body aside ul.images {display: flex; width: 100%; overflow: auto;} #news-article article .body aside ul.images li + li {margin-top: 0px; margin-left: 20px;} } #order-details .block-collapsable:not(:last-child) {border-bottom: 1px solid #ddd;} #order-details .block-collapsable:first-child {margin-top: 10px;} #order-details .block-collapsable:last-child {margin-bottom: -10px} #order-details .block-collapsable {overflow:hidden;padding: 10px 0;} #order-details .block-collapsable .collapsable-title div {cursor: pointer;padding: 10px;margin: -10px;} #order-details .block-collapsable .collapsable-title i {margin-right: 20px;} #order-details .block-collapsable .collapsable-title:hover b, #order-details .block-collapsable .collapsable-title:hover i {color: #ed513b;} #order-details .block-collapsable .block-collapsable {padding-left: 30px;/* padding-bottom: 10px; */} #order-details .block-collapsable .collapsable-content {overflow: hidden;} #order-details .order-infos {margin-top: 30px;} #order-details .collapsable-title > div {display: flex;font-size: 20px;} #order-details .collapsable-content-wrapper {padding-top: 20px;} #order-details .collapsable-title h6 {font-size: 20px;line-height: 16px;} #order-details .order-data p{ margin-top:5px; font-size: 15px; } #order-details .order-data { overflow: hidden; text-overflow: ellipsis; } [data-logo] {height: 28px; display: block; background-repeat: no-repeat;} [data-logo="public-spaces"] {width: 93px; background-image: url("/resources/images/mini-logo-public-spaces.svg"); } [data-logo="professional-audio"] {width: 125px; background-image: url("/resources/images/mini-logo-professional-audio.svg"); } [data-logo="hifi-&-home-cinema"] {width: 150px; background-image: url("/resources/images/mini-logo-hifi-&-home-cinema.svg"); } [data-logo="workspaces"] {width: 130px; background-image: url("/resources/images/mini-logo-workspaces.svg"); } /* themes */ header nav .nav-buttons:before {height: 28px;position: absolute;right: calc(100% + 50px);top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);background-repeat: no-repeat;background-size: contain;background-position: bottom right;} [data-theme="public-spaces"] header nav .nav-buttons {background: #1e9d8b;} [data-theme="public-spaces"] header nav .nav-buttons:before {content: '';width: 93px;background-image:url('/resources/images/mini-logo-public-spaces.svg');} [data-theme="public-spaces"] header[data-search-state="open"] nav .search-button i, [data-theme="public-spaces"] header[data-cart-state="open"] nav .cart-button i, [data-theme="public-spaces"] [data-text-color="accent"], [data-theme="public-spaces"] footer .nav-socials li a:hover, [data-theme="public-spaces"] footer .nav-socials li a:active, [data-theme="public-spaces"] .dropdown-content li>a, [data-theme="public-spaces"] .dropdown-content li>span, [data-theme="public-spaces"] header nav ul li a:hover, [data-theme="public-spaces"] header nav ul li a:focus, [data-theme="public-spaces"] header nav ul li a.active, [data-theme="public-spaces"] [class*="link-"]:focus, [data-theme="public-spaces"] [class*="link-"]:hover, [data-theme="public-spaces"] .showcase-info a:hover, [data-theme="public-spaces"] .showcase-info a.active, [data-theme="public-spaces"] input:not(.browser-default):focus:not([readonly])+label, [data-theme="public-spaces"] .product-variation .nav-socials a:hover, [data-theme="public-spaces"] .accent-text {color:#1e9d8b; -webkit-text-fill-color: #1e9d8b;} [data-theme="public-spaces"] .block-slideshow .slides-navigation li a:not(.active):hover, [data-theme="public-spaces"] .block-slideshow .slides-navigation li a:not(.active):active, [data-theme="public-spaces"] .block-map .location-selector .text-holder {background: #1e9d8b;} [data-theme="public-spaces"] .select-wrapper input.select-dropdown:focus, [data-theme="public-spaces"] input:not([type]):focus:not([readonly]), [data-theme="public-spaces"] input[type=text]:not(.browser-default):focus:not([readonly]), [data-theme="public-spaces"] input[type=password]:not(.browser-default):focus:not([readonly]), [data-theme="public-spaces"] input[type=email]:not(.browser-default):focus:not([readonly]), [data-theme="public-spaces"] input[type=url]:not(.browser-default):focus:not([readonly]), [data-theme="public-spaces"] input[type=time]:not(.browser-default):focus:not([readonly]), [data-theme="public-spaces"] input[type=date]:not(.browser-default):focus:not([readonly]), [data-theme="public-spaces"] input[type=datetime]:not(.browser-default):focus:not([readonly]), [data-theme="public-spaces"] input[type=datetime-local]:not(.browser-default):focus:not([readonly]), [data-theme="public-spaces"] input[type=tel]:not(.browser-default):focus:not([readonly]), [data-theme="public-spaces"] input[type=number]:not(.browser-default):focus:not([readonly]), [data-theme="public-spaces"] input[type=search]:not(.browser-default):focus:not([readonly]), [data-theme="public-spaces"] textarea.materialize-textarea:focus:not([readonly]) {border-bottom-color: #1e9d8b;-webkit-box-shadow: 0 1px 0 0 #1e9d8b;box-shadow: 0 1px 0 0 #1e9d8b;} [data-theme="public-spaces"] *:focus {outline-color:#1e9d8b } [data-theme="public-spaces"] .link-primary:hover, [data-theme="public-spaces"] .link-primary:focus {background:#1e9d8b !important; border-color: #1e9d8b !important; color: white !important; -webkit-text-fill-color: white;} /*[data-theme="public-spaces"] .block-map .location-selector .text-holder h4 {color: #;}*/ [data-theme="professional-audio"] .showcase-main, [data-theme="professional-audio"] .block-slideshow .image-loading {background: #222222;} [data-theme="professional-audio"] header nav .nav-buttons {background: #165788;} [data-theme="professional-audio"] header nav .nav-buttons:before {content: '';width: 125px;background-image:url('/resources/images/mini-logo-professional-audio.svg');} [data-theme="professional-audio"] header[data-search-state="open"] nav .search-button i, [data-theme="professional-audio"] header[data-cart-state="open"] nav .cart-button i, [data-theme="professional-audio"] [data-text-color="accent"], [data-theme="professional-audio"] footer .nav-socials li a:hover, [data-theme="professional-audio"] footer .nav-socials li a:active, [data-theme="professional-audio"] .dropdown-content li>a, [data-theme="professional-audio"] .dropdown-content li>span, [data-theme="professional-audio"] header nav ul li a:hover, [data-theme="professional-audio"] header nav ul li a:focus, [data-theme="professional-audio"] header nav ul li a.active, [data-theme="professional-audio"] [class*="link-"]:focus, [data-theme="professional-audio"] [class*="link-"]:hover, [data-theme="professional-audio"] .showcase-info a:hover, [data-theme="professional-audio"] .showcase-info a.active, [data-theme="professional-audio"] input:not(.browser-default):focus:not([readonly])+label, [data-theme="professional-audio"] .product-variation .nav-socials a:hover, [data-theme="professional-audio"] .accent-text {color:#165788; -webkit-text-fill-color: #165788;} [data-theme="professional-audio"] .block-slideshow .slides-navigation li a:not(.active):hover, [data-theme="professional-audio"] .block-slideshow .slides-navigation li a:not(.active):active, [data-theme="professional-audio"] .block-map .location-selector .text-holder {background: #165788;} [data-theme="professional-audio"] .select-wrapper input.select-dropdown:focus, [data-theme="professional-audio"] input:not([type]):focus:not([readonly]), [data-theme="professional-audio"] input[type=text]:not(.browser-default):focus:not([readonly]), [data-theme="professional-audio"] input[type=password]:not(.browser-default):focus:not([readonly]), [data-theme="professional-audio"] input[type=email]:not(.browser-default):focus:not([readonly]), [data-theme="professional-audio"] input[type=url]:not(.browser-default):focus:not([readonly]), [data-theme="professional-audio"] input[type=time]:not(.browser-default):focus:not([readonly]), [data-theme="professional-audio"] input[type=date]:not(.browser-default):focus:not([readonly]), [data-theme="professional-audio"] input[type=datetime]:not(.browser-default):focus:not([readonly]), [data-theme="professional-audio"] input[type=datetime-local]:not(.browser-default):focus:not([readonly]), [data-theme="professional-audio"] input[type=tel]:not(.browser-default):focus:not([readonly]), [data-theme="professional-audio"] input[type=number]:not(.browser-default):focus:not([readonly]), [data-theme="professional-audio"] input[type=search]:not(.browser-default):focus:not([readonly]), [data-theme="professional-audio"] textarea.materialize-textarea:focus:not([readonly]) {border-bottom-color: #165788;-webkit-box-shadow: 0 1px 0 0 #165788;box-shadow: 0 1px 0 0 #165788;} [data-theme="professional-audio"] *:focus {outline-color:#165788 } [data-theme="professional-audio"] .link-primary:hover, [data-theme="professional-audio"] .link-primary:focus {background:#165788 !important; border-color: #165788 !important; color: white !important; -webkit-text-fill-color: white;} [data-theme="hifi-&-home-cinema"] .showcase-main, [data-theme="hifi-&-home-cinema"] .block-slideshow .image-loading {background: #000;} [data-theme="hifi-&-home-cinema"] header nav .nav-buttons {background: #a05c0f;} [data-theme="hifi-&-home-cinema"] header nav .nav-buttons:before {content: '';width: 150px;background-image:url('/resources/images/mini-logo-hifi-&-home-cinema.svg');} [data-theme="hifi-&-home-cinema"] header[data-search-state="open"] nav .search-button i, [data-theme="hifi-&-home-cinema"] header[data-cart-state="open"] nav .cart-button i, [data-theme="hifi-&-home-cinema"] [data-text-color="accent"], [data-theme="hifi-&-home-cinema"] footer .nav-socials li a:hover, [data-theme="hifi-&-home-cinema"] footer .nav-socials li a:active, [data-theme="hifi-&-home-cinema"] .dropdown-content li>a, [data-theme="hifi-&-home-cinema"] .dropdown-content li>span, [data-theme="hifi-&-home-cinema"] header nav ul li a:hover, [data-theme="hifi-&-home-cinema"] header nav ul li a:focus, [data-theme="hifi-&-home-cinema"] header nav ul li a.active, [data-theme="hifi-&-home-cinema"] [class*="link-"]:focus, [data-theme="hifi-&-home-cinema"] [class*="link-"]:hover, [data-theme="hifi-&-home-cinema"] .showcase-info a:hover, [data-theme="hifi-&-home-cinema"] .showcase-info a.active, [data-theme="hifi-&-home-cinema"] input:not(.browser-default):focus:not([readonly])+label, [data-theme="hifi-&-home-cinema"] .product-variation .nav-socials a:hover, [data-theme="hifi-&-home-cinema"] .accent-text {color:#a05c0f; -webkit-text-fill-color: #a05c0f;} [data-theme="hifi-&-home-cinema"] .block-slideshow .slides-navigation li a:not(.active):hover, [data-theme="hifi-&-home-cinema"] .block-slideshow .slides-navigation li a:not(.active):active, [data-theme="hifi-&-home-cinema"] .block-map .location-selector .text-holder {background: #a05c0f;} [data-theme="hifi-&-home-cinema"] .select-wrapper input.select-dropdown:focus, [data-theme="hifi-&-home-cinema"] input:not([type]):focus:not([readonly]), [data-theme="hifi-&-home-cinema"] input[type=text]:not(.browser-default):focus:not([readonly]), [data-theme="hifi-&-home-cinema"] input[type=password]:not(.browser-default):focus:not([readonly]), [data-theme="hifi-&-home-cinema"] input[type=email]:not(.browser-default):focus:not([readonly]), [data-theme="hifi-&-home-cinema"] input[type=url]:not(.browser-default):focus:not([readonly]), [data-theme="hifi-&-home-cinema"] input[type=time]:not(.browser-default):focus:not([readonly]), [data-theme="hifi-&-home-cinema"] input[type=date]:not(.browser-default):focus:not([readonly]), [data-theme="hifi-&-home-cinema"] input[type=datetime]:not(.browser-default):focus:not([readonly]), [data-theme="hifi-&-home-cinema"] input[type=datetime-local]:not(.browser-default):focus:not([readonly]), [data-theme="hifi-&-home-cinema"] input[type=tel]:not(.browser-default):focus:not([readonly]), [data-theme="hifi-&-home-cinema"] input[type=number]:not(.browser-default):focus:not([readonly]), [data-theme="hifi-&-home-cinema"] input[type=search]:not(.browser-default):focus:not([readonly]), [data-theme="hifi-&-home-cinema"] textarea.materialize-textarea:focus:not([readonly]) {border-bottom-color: #a05c0f;-webkit-box-shadow: 0 1px 0 0 #a05c0f;box-shadow: 0 1px 0 0 #a05c0f;} [data-theme="hifi-&-home-cinema"] *:focus {outline-color:#a05c0f } [data-theme="hifi-&-home-cinema"] .link-primary:hover, [data-theme="hifi-&-home-cinema"] .link-primary:focus {background:#a05c0f !important; border-color: #a05c0f !important; color: white !important;-webkit-text-fill-color: white; } [data-theme="workspaces"] .showcase-main {background: #fff;} [data-theme="workspaces"] header nav .nav-buttons {background: #efbd46;} [data-theme="workspaces"] header nav .nav-buttons:before {content: '';width: 130px;background-image:url('/resources/images/mini-logo-workspaces.svg');} [data-theme="workspaces"] header[data-search-state="open"] nav .search-button i, [data-theme="workspaces"] header[data-cart-state="open"] nav .cart-button i, [data-theme="workspaces"] [data-text-color="accent"], [data-theme="workspaces"] footer .nav-socials li a:hover, [data-theme="workspaces"] footer .nav-socials li a:active, [data-theme="workspaces"] .dropdown-content li>a, [data-theme="workspaces"] .dropdown-content li>span, [data-theme="workspaces"] header nav ul li a:hover, [data-theme="workspaces"] header nav ul li a:focus, [data-theme="workspaces"] header nav ul li a.active, [data-theme="workspaces"] [class*="link-"]:focus, [data-theme="workspaces"] [class*="link-"]:hover, [data-theme="workspaces"] .showcase-info a:hover, [data-theme="workspaces"] .showcase-info a.active, [data-theme="workspaces"] input:not(.browser-default):focus:not([readonly])+label, [data-theme="workspaces"] .product-variation .nav-socials a:hover, [data-theme="workspaces"] .accent-text {color:#efbd46; -webkit-text-fill-color: #efbd46;} [data-theme="workspaces"] .block-slideshow .slides-navigation li a:not(.active):hover, [data-theme="workspaces"] .block-slideshow .slides-navigation li a:not(.active):active, [data-theme="workspaces"] .block-map .location-selector .text-holder {background: #efbd46;} [data-theme="workspaces"] .select-wrapper input.select-dropdown:focus, [data-theme="workspaces"] input:not([type]):focus:not([readonly]), [data-theme="workspaces"] input[type=text]:not(.browser-default):focus:not([readonly]), [data-theme="workspaces"] input[type=password]:not(.browser-default):focus:not([readonly]), [data-theme="workspaces"] input[type=email]:not(.browser-default):focus:not([readonly]), [data-theme="workspaces"] input[type=url]:not(.browser-default):focus:not([readonly]), [data-theme="workspaces"] input[type=time]:not(.browser-default):focus:not([readonly]), [data-theme="workspaces"] input[type=date]:not(.browser-default):focus:not([readonly]), [data-theme="workspaces"] input[type=datetime]:not(.browser-default):focus:not([readonly]), [data-theme="workspaces"] input[type=datetime-local]:not(.browser-default):focus:not([readonly]), [data-theme="workspaces"] input[type=tel]:not(.browser-default):focus:not([readonly]), [data-theme="workspaces"] input[type=number]:not(.browser-default):focus:not([readonly]), [data-theme="workspaces"] input[type=search]:not(.browser-default):focus:not([readonly]), [data-theme="workspaces"] textarea.materialize-textarea:focus:not([readonly]) {border-bottom-color: #efbd46;-webkit-box-shadow: 0 1px 0 0 #efbd46;box-shadow: 0 1px 0 0 #efbd46;} [data-theme="workspaces"] *:focus {outline-color:#efbd46 } [data-theme="workspaces"] .link-primary:hover, [data-theme="workspaces"] .link-primary:focus {background:#efbd46 !important; border-color: #efbd46 !important; color: white !important; -webkit-text-fill-color: white;} [data-theme="sustainability"] .showcase-main {background: #fff;} [data-theme="sustainability"] header nav .nav-buttons {background: #00ac54;} [data-theme="sustainability"] header nav .nav-buttons:before {display: none} body .sustainability-link:hover, body a:hover .sustainability-link, body [data-text-color="sustainability-text"], body .sustainability-text , [data-theme="sustainability"] header[data-search-state="open"] nav .search-button i, [data-theme="sustainability"] header[data-cart-state="open"] nav .cart-button i, [data-theme="sustainability"] [data-text-color="accent"], [data-theme="sustainability"] footer .nav-socials li a:hover, [data-theme="sustainability"] footer .nav-socials li a:active, [data-theme="sustainability"] .dropdown-content li>a, [data-theme="sustainability"] .dropdown-content li>span, [data-theme="sustainability"] header nav ul li a:hover, [data-theme="sustainability"] header nav ul li a:focus, [data-theme="sustainability"] header nav ul li a.active, [data-theme="sustainability"] [class*="link-"]:focus, [data-theme="sustainability"] [class*="link-"]:hover, [data-theme="sustainability"] a:focus [class*="link-"], [data-theme="sustainability"] a:hover [class*="link-"], [data-theme="sustainability"] .showcase-info a:hover, [data-theme="sustainability"] .showcase-info a.active, [data-theme="sustainability"] input:not(.browser-default):focus:not([readonly])+label, [data-theme="sustainability"] .product-variation .nav-socials a:hover, [data-theme="sustainability"] .accent-text {color:#00ac54 !important; -webkit-text-fill-color: #00ac54 !important;} [data-theme="sustainability"] .block-slideshow .slides-navigation li a:not(.active):hover, [data-theme="sustainability"] .block-slideshow .slides-navigation li a:not(.active):active, [data-theme="sustainability"] .block-map .location-selector .text-holder {background: #00ac54;} [data-theme="sustainability"] .select-wrapper input.select-dropdown:focus, [data-theme="sustainability"] input:not([type]):focus:not([readonly]), [data-theme="sustainability"] input[type=text]:not(.browser-default):focus:not([readonly]), [data-theme="sustainability"] input[type=password]:not(.browser-default):focus:not([readonly]), [data-theme="sustainability"] input[type=email]:not(.browser-default):focus:not([readonly]), [data-theme="sustainability"] input[type=url]:not(.browser-default):focus:not([readonly]), [data-theme="sustainability"] input[type=time]:not(.browser-default):focus:not([readonly]), [data-theme="sustainability"] input[type=date]:not(.browser-default):focus:not([readonly]), [data-theme="sustainability"] input[type=datetime]:not(.browser-default):focus:not([readonly]), [data-theme="sustainability"] input[type=datetime-local]:not(.browser-default):focus:not([readonly]), [data-theme="sustainability"] input[type=tel]:not(.browser-default):focus:not([readonly]), [data-theme="sustainability"] input[type=number]:not(.browser-default):focus:not([readonly]), [data-theme="sustainability"] input[type=search]:not(.browser-default):focus:not([readonly]), [data-theme="sustainability"] textarea.materialize-textarea:focus:not([readonly]) {border-bottom-color: #00ac54;-webkit-box-shadow: 0 1px 0 0 #00ac54;box-shadow: 0 1px 0 0 #00ac54;} [data-theme="sustainability"] *:focus {outline-color:#00ac54 } [data-theme="sustainability"] .link-primary:hover, [data-theme="sustainability"] .link-primary:focus {background:#00ac54 !important; border-color: #00ac54 !important; color: white !important; -webkit-text-fill-color: white;} [data-theme="sustainability"] .block-tabs .tab-titles > li button:hover, [data-theme="sustainability"] .block-tabs .tab-titles > li button:focus, [data-theme="sustainability"] .block-tabs .tab-titles > li button:active {color: #00ac54; -webkit-text-fill-color: #00ac54;} [data-theme="sustainability"] .block-tabs .tab-titles > li.active button { border-color: #00ac54; color: #00ac54; -webkit-text-fill-color: #00ac54;} @charset "UTF-8"; .video-react .video-react-control:before, .video-react .video-react-big-play-button:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-react .video-react-control:before, .video-react .video-react-big-play-button:before { text-align: center; } @font-face { font-family: "video-react"; src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("eot"); } @font-face { font-family: "video-react"; src: url(data:application/font-woff;base64,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) format("woff"), url(data:application/x-font-ttf;base64,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) format("truetype"); font-weight: normal; font-style: normal; } .video-react-icon, .video-react .video-react-closed-caption, .video-react .video-react-bezel .video-react-bezel-icon, .video-react .video-react-volume-level, .video-react .video-react-mute-control, .video-react .video-react-volume-menu-button, .video-react .video-react-play-control, .video-react .video-react-play-progress, .video-react .video-react-big-play-button { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "video-react" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .video-react-icon-play-arrow:before, .video-react .video-react-bezel .video-react-bezel-icon-play:before, .video-react .video-react-play-control:before, .video-react .video-react-big-play-button:before { content: ""; } .video-react-icon-play-circle-filled:before { content: ""; } .video-react-icon-play-circle-outline:before { content: ""; } .video-react-icon-pause:before, .video-react .video-react-bezel .video-react-bezel-icon-pause:before, .video-react .video-react-play-control.video-react-playing:before { content: ""; } .video-react-icon-pause-circle-filled:before { content: ""; } .video-react-icon-pause-circle-outline:before { content: ""; } .video-react-icon-stop:before { content: ""; } .video-react-icon-fast-rewind:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before { content: ""; } .video-react-icon-fast-forward:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before { content: ""; } .video-react-icon-skip-previous:before { content: ""; } .video-react-icon-skip-next:before { content: ""; } .video-react-icon-replay-5:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-5:before { content: ""; } .video-react-icon-replay-10:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-10:before { content: ""; } .video-react-icon-replay-30:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-30:before { content: ""; } .video-react-icon-forward-5:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-5:before { content: ""; } .video-react-icon-forward-10:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-10:before { content: ""; } .video-react-icon-forward-30:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-30:before { content: ""; } .video-react-icon-volume-off:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-off:before, .video-react .video-react-mute-control.video-react-vol-muted:before, .video-react .video-react-volume-menu-button.video-react-vol-muted:before { content: ""; } .video-react-icon-volume-mute:before, .video-react .video-react-mute-control.video-react-vol-0:before, .video-react .video-react-volume-menu-button.video-react-vol-0:before { content: ""; } .video-react-icon-volume-down:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-down:before, .video-react .video-react-mute-control.video-react-vol-2:before, .video-react .video-react-volume-menu-button.video-react-vol-2:before, .video-react .video-react-mute-control.video-react-vol-1:before, .video-react .video-react-volume-menu-button.video-react-vol-1:before { content: ""; } .video-react-icon-volume-up:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-up:before, .video-react .video-react-mute-control:before, .video-react .video-react-volume-menu-button:before { content: ""; } .video-react-icon-fullscreen:before { content: ""; } .video-react-icon-fullscreen-exit:before { content: ""; } .video-react-icon-closed-caption:before, .video-react .video-react-closed-caption:before { content: ""; } .video-react-icon-hd:before { content: ""; } .video-react-icon-settings:before { content: ""; } .video-react-icon-share:before { content: ""; } .video-react-icon-info:before { content: ""; } .video-react-icon-info-outline:before { content: ""; } .video-react-icon-close:before { content: ""; } .video-react-icon-circle:before, .video-react .video-react-volume-level:before, .video-react .video-react-play-progress:before { content: ""; } .video-react-icon-circle-outline:before { content: ""; } .video-react-icon-circle-inner-circle:before { content: ""; } .video-react { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; font-size: 10px; line-height: 1; font-family: serif, Times, "Times New Roman"; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .video-react:-moz-full-screen { position: absolute; } .video-react:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-react *, .video-react *:before, .video-react *:after { box-sizing: inherit; } .video-react ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-react.video-react-fluid, .video-react.video-react-16-9, .video-react.video-react-4-3 { width: 100%; max-width: 100%; height: 0; } .video-react.video-react-16-9 { padding-top: 56.25%; } .video-react.video-react-4-3 { padding-top: 75%; } .video-react.video-react-fill { width: 100%; height: 100%; } .video-react .video-react-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-react.video-react-fullscreen { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-react.video-react-fullscreen.video-react-user-inactive { cursor: none; } body.video-react-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto; } body.video-react-full-window .video-react-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-react button { background: none; border: none; color: inherit; display: inline-block; cursor: pointer; overflow: visible; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .video-react .video-react-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; } .video-react .video-react-loading-spinner:before, .video-react .video-react-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; -webkit-animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite; animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite; } .video-react-seeking .video-react-loading-spinner, .video-react-waiting .video-react-loading-spinner { display: block; } .video-react-seeking .video-react-loading-spinner:before, .video-react-waiting .video-react-loading-spinner:before { border-top-color: white; } .video-react-seeking .video-react-loading-spinner:after, .video-react-waiting .video-react-loading-spinner:after { border-top-color: white; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @keyframes video-react-spinner-spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes video-react-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes video-react-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } @-webkit-keyframes video-react-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } .video-react .video-react-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .video-react .video-react-big-play-button.video-react-big-play-button-center { top: 50%; left: 50%; margin-top: -0.75em; margin-left: -1.5em; } .video-react .video-react-big-play-button.big-play-button-hide { display: none; } .video-react:hover .video-react-big-play-button, .video-react .video-react-big-play-button:focus { outline: 0; border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .video-react-menu-button { cursor: pointer; } .video-react-menu-button.video-react-disabled { cursor: default; } .video-react-menu .video-react-menu-content { display: block; padding: 0; margin: 0; overflow: auto; font-family: serif, Times, "Times New Roman"; } .video-react-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; } .video-react-menu li:focus, .video-react-menu li:hover { outline: 0; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-react-menu li.video-react-selected, .video-react-menu li.video-react-selected:focus, .video-react-menu li.video-react-selected:hover { background-color: #fff; color: #2B333F; } .video-react-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .video-react-scrubbing .vjs-menu-button:hover .video-react-menu { display: none; } .video-react .video-react-menu-button-popup .video-react-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .video-react-menu-button-popup .video-react-menu.video-react-lock-showing { display: block; } .video-react .video-react-menu-button-inline { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; overflow: hidden; } .video-react .video-react-menu-button-inline:before { width: 2.222222222em; } .video-react .video-react-menu-button-inline:hover, .video-react .video-react-menu-button-inline:focus, .video-react .video-react-menu-button-inline.video-react-slider-active { width: 12em; } .video-react .video-react-menu-button-inline:hover .video-react-menu, .video-react .video-react-menu-button-inline:focus .video-react-menu, .video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu { display: block; opacity: 1; } .video-react .video-react-menu-button-inline.video-react-slider-active { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .video-react .video-react-menu-button-inline .video-react-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .video-react .video-react-menu-button-inline .video-react-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-react-no-flex .video-react-menu-button-inline .video-react-menu { display: block; opacity: 1; position: relative; width: auto; } .video-react-no-flex .video-react-menu-button-inline:hover, .video-react-no-flex .video-react-menu-button-inline:focus, .video-react-no-flex .video-react-menu-button-inline.video-react-slider-active { width: auto; } .video-react .video-react-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .video-react .video-react-poster img { display: block; vertical-align: middle; margin: 0 auto; max-height: 100%; padding: 0; width: 100%; } .video-react .video-react-slider { outline: 0; position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-react .video-react-slider:focus { -webkit-box-shadow: 0 0 1em #fff; -moz-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; } .video-react .video-react-control { outline: none; position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react .video-react-control:before { font-size: 1.8em; line-height: 1.67; } .video-react .video-react-control:focus:before, .video-react .video-react-control:hover:before, .video-react .video-react-control:focus { text-shadow: 0em 0em 1em #fff, 0em 0em 0.5em #fff; } .video-react .video-react-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .video-react-no-flex .video-react-control { display: table-cell; vertical-align: middle; } .video-react .video-react-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .video-react-has-started .video-react-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; -moz-transition: visibility 0.1s, opacity 0.1s; -o-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; } .video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide { visibility: visible; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .video-react-controls-disabled .video-react-control-bar, .video-react-using-native-controls .video-react-control-bar, .video-react-error .video-react-control-bar { display: none !important; } .video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar { opacity: 1; visibility: visible; } .video-react-has-started.video-react-no-flex .video-react-control-bar { display: table; } .video-react .video-react-progress-control { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 4em; } .video-react-live .video-react-progress-control { display: none; } .video-react .video-react-progress-holder { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; height: 0.3em; } .video-react .video-react-progress-control:hover .video-react-progress-holder { font-size: 1.6666666667em; } /* If we let the font size grow as much as everything else, the current time tooltip ends up ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled to avoid a weird hitch when you roll off the hover. */ .video-react .video-react-progress-control:hover .video-react-time-tooltip, .video-react .video-react-progress-control:hover .video-react-mouse-display:after, .video-react .video-react-progress-control:hover .video-react-play-progress:after { visibility: visible; font-size: 0.6em; } .video-react .video-react-progress-holder .video-react-play-progress, .video-react .video-react-progress-holder .video-react-load-progress, .video-react .video-react-progress-holder .video-react-tooltip-progress-bar, .video-react .video-react-progress-holder .video-react-load-progress div { position: absolute; display: block; height: 0.3em; margin: 0; padding: 0; width: 0; left: 0; top: 0; } .video-react .video-react-play-progress { background-color: #fff; } .video-react .video-react-play-progress:before { position: absolute; top: -0.3333333333em; right: -0.5em; font-size: 0.9em; } .video-react .video-react-time-tooltip, .video-react .video-react-mouse-display:after, .video-react .video-react-play-progress:after { visibility: hidden; pointer-events: none; position: absolute; top: -3.4em; right: -1.9em; font-size: 0.9em; color: #000; content: attr(data-current-time); padding: 6px 8px 8px 8px; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; } .video-react .video-react-time-tooltip, .video-react .video-react-play-progress:before, .video-react .video-react-play-progress:after { z-index: 1; } .video-react .video-react-progress-control .video-react-keep-tooltips-inside:after { display: none; } .video-react .video-react-load-progress { background: #bfc7d3; background: rgba(115, 133, 159, 0.5); } .video-react .video-react-load-progress div { background: white; background: rgba(115, 133, 159, 0.75); } .video-react.video-react-no-flex .video-react-progress-control { width: auto; } .video-react .video-react-time-tooltip { display: inline-block; height: 2.4em; position: relative; float: right; right: -1.9em; } .video-react .video-react-tooltip-progress-bar { visibility: hidden; } .video-react .video-react-progress-control .video-react-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .video-react-no-flex .video-react-progress-control .video-react-mouse-display { z-index: 0; } .video-react .video-react-progress-control:hover .video-react-mouse-display { display: block; } .video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display, .video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display, .video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after { display: none; } .video-react .video-react-mouse-display .video-react-time-tooltip, .video-react .video-react-progress-control .video-react-mouse-display:after { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-react .video-react-play-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react .video-react-fullscreen-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react.video-react-fullscreen { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 9999; } .video-react .video-react-time-control { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .video-react .video-react-time-divider { line-height: 3em; min-width: initial; padding: 0; } .video-react .video-react-mute-control, .video-react .video-react-volume-menu-button { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react .video-react-volume-control { width: 5em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .video-react .video-react-volume-bar { margin: 1.35em 0.45em; } .video-react .video-react-volume-bar.video-react-slider-horizontal { width: 5em; height: 0.3em; } .video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level { width: 100%; } .video-react .video-react-volume-bar.video-react-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level { height: 100%; } .video-react .video-react-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-react .video-react-volume-level:before { position: absolute; font-size: 0.9em; } .video-react .video-react-slider-vertical .video-react-volume-level { width: 0.3em; } .video-react .video-react-slider-vertical .video-react-volume-level:before { top: -0.5em; left: -0.3em; } .video-react .video-react-slider-horizontal .video-react-volume-level { height: 0.3em; } .video-react .video-react-slider-horizontal .video-react-volume-level:before { top: -0.3em; right: -0.5em; } .video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu { display: block; width: 0; height: 0; border-top-color: transparent; } .video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu { left: 0.5em; height: 8em; } .video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu { left: -2em; } .video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content { height: 0; width: 0; overflow-x: hidden; overflow-y: hidden; } .video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content, .video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content, .video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content, .video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content { height: 8em; width: 2.9em; } .video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content, .video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content, .video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content, .video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content { height: 2.9em; width: 8em; } .video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content { background-color: transparent !important; } .video-react .video-react-playback-rate .video-react-playback-rate-value { line-height: 3em; text-align: center; } .video-react .video-react-playback-rate .video-react-menu { width: 4em; left: 0em; } .video-react .video-react-bezel { position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; z-index: 17; margin-left: -26px; margin-top: -26px; background: rgba(0, 0, 0, 0.5); border-radius: 26px; } .video-react .video-react-bezel.video-react-bezel-animation { -moz-animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards; -webkit-animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards; animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards; pointer-events: none; } .video-react .video-react-bezel.video-react-bezel-animation-alt { -moz-animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards; -webkit-animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards; animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards; pointer-events: none; } .video-react .video-react-bezel .video-react-bezel-icon { width: 36px; height: 36px; margin: 8px; font-size: 26px; line-height: 36px; text-align: center; } @keyframes video-react-bezel-fadeout { 0% { opacity: 1; } to { opacity: 0; transform: scale(2); } } @keyframes video-react-bezel-fadeout-alt { 0% { opacity: 1; } to { opacity: 0; transform: scale(2); } } .video-react .video-react-closed-caption { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-react video::-webkit-media-text-track-container { -webkit-transform: translateY(-30px); transform: translateY(-30px); }