| Server IP : 138.197.176.125 / Your IP : 216.73.216.41 Web Server : Apache/2.4.41 (Ubuntu) System : Linux SuiteCRM-8 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : root ( 0) PHP Version : 8.3.19 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/bekosupport/css/ |
Upload File : |
.cq-wcm-foundation-aria-description,
.cq-wcm-foundation-aria-visuallyhidden {
display: block;
height: 1px;
width: 1px;
overflow: hidden;
position: absolute;
top: -10px;
}
.cq-wcm-foundation-aria-description,
.cq-wcm-foundation-aria-visuallyhidden {
display: block;
height: 1px;
width: 1px;
overflow: hidden;
position: absolute;
top: -10px;
}
.main__logo .Logo__main {
display: inline-block;
}
.img-fluid {
display: block;
max-width: 100%;
height: auto;
}
@font-face {
font-family: 'Core-Sans-Light';
src: url('../fonts/CoreSansA35Light.woff2') format('woff2'),
url('../fonts/CoreSansA35Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Core-Sans-Extra-Light-Italic';
src: url('../fonts/CoreSansA25ExtraLight-Italic.woff2') format('woff2'),
url('../fonts/CoreSansA25ExtraLight-Italic.woff') format('woff');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Core-Sans-Regular-Italic';
src: url('../fonts/CoreSansA45Regular-Italic.woff2') format('woff2'),
url('../fonts/CoreSansA45Regular-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Core-Sans-Medium';
src: url('../fonts/CoreSansA55Medium.woff2') format('woff2'),
url('../fonts/CoreSansA55Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Core Sans-Extra-Light';
src: url('../fonts/CoreSansA25ExtraLight.woff2') format('woff2'),
url('../fonts/CoreSansA25ExtraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Core-Sans-Thin';
src: url('../fonts/CoreSansA15Thin.woff2') format('woff2'),
url('../fonts/CoreSansA15Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Core-Sans-Regular';
src: url('../fonts/CoreSansA45Regular.woff2') format('woff2'),
url('../fonts/CoreSansA45Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Core-Sans-Thin-Italic';
src: url('../fonts/CoreSansA15Thin-Italic.woff2') format('woff2'),
url('../fonts/CoreSansA15Thin-Italic.woff') format('woff');
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Core Sans-Medium-Italic';
src: url('../fonts/CoreSansA55Medium-Italic.woff2') format('woff2'),
url('../fonts/CoreSansA55Medium-Italic.woff') format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Core Sans-Light-Italic';
src: url('../fonts/CoreSansA35Light-Italic.woff2') format('woff2'),
url('../fonts/CoreSansA35Light-Italic.woff') format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Core-Sans-Bold';
src: url('../fonts/CoreSansA65Bold.woff2') format('woff2'),
url('../fonts/CoreSansA65Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Core-Sans-Extra-Bold';
src: url('../fonts/CoreSansA75ExtraBold.woff2') format('woff2'),
url('../fonts/CoreSansA75ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Core-Sans-Heavy';
src: url('../fonts/CoreSansA85Heavy.woff2') format('woff2'),
url('../fonts/CoreSansA85Heavy.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Core-Sans-Bold-Italic';
src: url('../fonts/CoreSansA65Bold-Italic.woff2') format('woff2'),
url('../fonts/CoreSansA65Bold-Italic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Core-Sans-Extra-Bold-Italic';
src: url('../fonts/CoreSansA75ExtraBold-Italic.woff2') format('woff2'),
url('../fonts/CoreSansA75ExtraBold-Italic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Core Sans-Heavy-Italic';
src: url('../fonts/CoreSansA85Heavy-Italic.woff2') format('woff2'),
url('../fonts/CoreSansA85Heavy-Italic.woff') format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
p,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none !important;
}
button {
border: 0;
background: transparent;
}
main {
overflow-x: hidden;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.sm-md-overflow-none {
overflow: hidden;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.body-bk-style .container {
max-width: 100% !important;
}
}
@media only screen and (max-width: 769px) {
.body-bk-style .row > .col,
.body-bk-style .row > [class*='col-'] {
padding-right: 10px !important;
padding-left: 10px !important;
}
}
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0;
color: inherit;
border: 0;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
-webkit-transition: height 0.5s ease-in-out;
transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=''] {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(../images/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.1s ease;
transition: -webkit-transform 0.1s ease;
transition: transform 0.1s ease;
transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
margin-top: 10px;
}
.owl-theme .owl-nav [class*='owl-'] {
color: #fff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #fff;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.fade {
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
-webkit-transition: none;
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
-webkit-transition: none;
transition: none;
}
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-primary {
background-color: #007bff !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #0062cc !important;
}
.bg-secondary {
background-color: #6c757d !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #545b62 !important;
}
.bg-success {
background-color: #28a745 !important;
}
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #1e7e34 !important;
}
.bg-info {
background-color: #17a2b8 !important;
}
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #bd2130 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-right {
border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
border-left: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #007bff !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #28a745 !important;
}
.border-info {
border-color: #17a2b8 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-white {
border-color: #fff !important;
}
.rounded-sm {
border-radius: 0.2rem !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-lg {
border-radius: 0.3rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block;
clear: both;
content: '';
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: '';
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.85714%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.user-select-all {
-webkit-user-select: all !important;
-moz-user-select: all !important;
-ms-user-select: all !important;
user-select: all !important;
}
.user-select-auto {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}
.user-select-none {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports (position: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
.shadow-sm {
-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: '';
background-color: rgba(0, 0, 0, 0);
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
'Courier New', monospace !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-lighter {
font-weight: lighter !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-weight-bolder {
font-weight: bolder !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
a.text-primary:hover,
a.text-primary:focus {
color: #0056b3 !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
color: #494f54 !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover,
a.text-success:focus {
color: #19692c !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover,
a.text-info:focus {
color: #0f6674 !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover,
a.text-warning:focus {
color: #ba8b00 !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover,
a.text-danger:focus {
color: #a71d2a !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover,
a.text-light:focus {
color: #cbd3da !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover,
a.text-dark:focus {
color: #121416 !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-break {
word-break: break-word !important;
word-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
position: absolute !important;
top: -9999px;
left: -9999px;
margin: 0;
visibility: hidden;
}
.fancybox-container {
position: fixed;
z-index: 99992;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: 0;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: manipulation;
touch-action: manipulation;
touch-action: manipulation;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.fancybox-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.9;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
position: absolute;
z-index: 99997;
direction: ltr;
opacity: 0;
-webkit-transition: opacity 0.25s ease, visibility 0 ease 0.25s;
transition: opacity 0.25s ease, visibility 0 ease 0.25s;
visibility: hidden;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
-webkit-transition: opacity 0.25s ease 0, visibility 0 ease 0;
transition: opacity 0.25s ease 0, visibility 0 ease 0;
visibility: visible;
}
.fancybox-infobar {
top: 0;
left: 0;
min-width: 44px;
height: 44px;
padding: 0 10px;
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
line-height: 44px;
mix-blend-mode: difference;
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
user-select: none;
user-select: none;
user-select: none;
}
.fancybox-toolbar {
top: 0;
right: 0;
}
.fancybox-stage {
z-index: 99994;
overflow: visible;
direction: ltr;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
position: absolute;
z-index: 99994;
top: 0;
left: 0;
display: none;
overflow: auto;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: 0;
-webkit-overflow-scrolling: touch;
text-align: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
white-space: normal;
}
.fancybox-slide::before {
display: inline-block;
width: 0;
height: 100%;
content: '';
font-size: 0;
vertical-align: middle;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
position: relative;
display: inline-block;
overflow: auto;
max-width: 100%;
padding: 44px;
margin: 0;
background: #fff;
-webkit-overflow-scrolling: touch;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
position: absolute;
z-index: 99995;
top: 0;
left: 0;
overflow: visible;
max-width: none;
padding: 0;
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
-webkit-transform-origin: top left;
transform-origin: top left;
transform-origin: top left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
user-select: none;
user-select: none;
user-select: none;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
padding: 0;
border: 0;
margin: 0;
background: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
user-select: none;
user-select: none;
user-select: none;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
overflow: visible;
width: 100%;
height: 100%;
padding: 0;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
display: block;
overflow: hidden;
width: 100%;
height: 100%;
padding: 0;
border: 0;
margin: 0;
background: transparent;
}
.fancybox-iframe {
position: absolute;
top: 0;
left: 0;
}
.fancybox-error {
width: 100%;
max-width: 400px;
padding: 40px;
background: #fff;
cursor: default;
}
.fancybox-error p {
padding: 0;
margin: 0;
color: #444;
font-size: 16px;
line-height: 20px;
}
.fancybox-button {
position: relative;
display: inline-block;
width: 44px;
height: 44px;
padding: 10px;
border: 0;
margin: 0;
background: rgba(30, 30, 30, 0.6);
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
vertical-align: top;
visibility: inherit;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: 0;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: 0;
}
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
position: relative;
display: block;
overflow: visible;
width: 100%;
height: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
position: absolute;
z-index: 99998;
top: 0;
right: 0;
left: 0;
height: 2px;
background: #ff5268;
-webkit-transform: scaleX(0);
transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.fancybox-close-small {
position: absolute;
z-index: 401;
top: -44px;
right: -12px;
padding: 8px;
border: 0;
background: transparent;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: 0.8;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
top: 0;
right: 0;
padding: 10px;
color: currentColor;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
.fancybox-navigation .fancybox-button {
position: absolute;
top: calc(50% - 50px);
width: 70px;
height: 100px;
background-clip: content-box;
opacity: 0;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 0;
right: env(safe-area-inset-right);
padding: 31px 6px 31px 26px;
}
.fancybox-caption {
z-index: 99996;
right: 0;
bottom: 0;
left: 0;
padding: 75px 44px 25px;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgba(0, 0, 0, 0.85)),
color-stop(50%, rgba(0, 0, 0, 0.3)),
color-stop(65%, rgba(0, 0, 0, 0.15)),
color-stop(75.5%, rgba(0, 0, 0, 0.075)),
color-stop(82.85%, rgba(0, 0, 0, 0.037)),
color-stop(88%, rgba(0, 0, 0, 0.019)),
to(rgba(0, 0, 0, 0))
);
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.85) 0,
rgba(0, 0, 0, 0.3) 50%,
rgba(0, 0, 0, 0.15) 65%,
rgba(0, 0, 0, 0.075) 75.5%,
rgba(0, 0, 0, 0.037) 82.85%,
rgba(0, 0, 0, 0.019) 88%,
rgba(0, 0, 0, 0) 100%
);
color: #eee;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
pointer-events: none;
text-align: center;
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
overflow: auto;
max-height: 50vh;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
.fancybox-loading {
position: absolute;
z-index: 99999;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
padding: 0;
border: 4px solid #888;
margin: -25px 0 0 -25px;
-webkit-animation: fancybox-rotate 1s linear infinite;
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border-bottom-color: #fff;
border-radius: 50%;
opacity: 0.7;
}
@-webkit-keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.fancybox-animated {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-webkit-transform: rotate(0);
transform: rotate(0);
transform: rotate(0);
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
@media all and (max-height: 576px) {
.fancybox-slide {
padding-right: 6px;
padding-left: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
top: 0;
right: 0;
width: 36px;
height: 36px;
padding: 6px;
background: #4e4e4e;
color: #f2f4f6;
opacity: 1;
}
.fancybox-caption {
padding-right: 12px;
padding-left: 12px;
}
}
.fancybox-share {
max-width: 90%;
padding: 30px;
background: #f4f4f4;
border-radius: 3px;
text-align: center;
}
.fancybox-share h1 {
margin: 0 0 20px;
color: #222;
font-size: 35px;
font-weight: 700;
}
.fancybox-share p {
padding: 0;
margin: 0;
}
.fancybox-share__button {
display: inline-block;
min-width: 130px;
padding: 0 15px;
border: 0;
margin: 0 5px 10px;
border-radius: 3px;
font-size: 14px;
font-weight: 700;
line-height: 40px;
text-decoration: none;
-webkit-transition: all 0.2s;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
user-select: none;
user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
position: relative;
top: -1px;
width: 25px;
height: 25px;
margin-right: 7px;
vertical-align: middle;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
width: 100%;
padding: 10px 15px;
border: 0;
border-bottom: 1px solid #d7d7d7;
margin: 10px 0 0;
background: transparent;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
outline: 0;
}
.fancybox-thumbs {
position: absolute;
z-index: 99995;
top: 0;
right: 0;
bottom: 0;
display: none;
width: 212px;
padding: 2px 2px 4px;
margin: 0;
background: #ddd;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
position: absolute;
position: relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
font-size: 0;
list-style: none;
overflow-x: hidden;
overflow-y: auto;
white-space: nowrap;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
position: relative;
overflow: hidden;
width: 100px;
max-width: calc(50% - 4px);
height: 75px;
max-height: calc(100% - 8px);
padding: 0;
margin: 2px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
outline: 0;
-webkit-tap-highlight-color: transparent;
}
.fancybox-thumbs__list a::before {
position: absolute;
z-index: 99991;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 6px solid #ff5268;
content: '';
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fancybox-thumbs__list a:focus::before {
opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
}
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
.fancybox-toolbar {
display: none !important;
}
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0;
color: inherit;
border: 0;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
-webkit-transition: height 0.5s ease-in-out;
transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=''] {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(../images/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.1s ease;
transition: -webkit-transform 0.1s ease;
transition: transform 0.1s ease;
transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
color: #fff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #dbe2e8;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
background: #dc3545;
color: #fff;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #dbe2e8;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #dc3545;
}
.responsively-lazy:not(img) {
position: relative;
height: 0;
}
.responsively-lazy:not(img) > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
img.responsively-lazy {
width: 100%;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
40% {
opacity: 0.3;
}
60% {
opacity: 0.5;
}
80% {
opacity: 0.9;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
40% {
opacity: 0.3;
}
60% {
opacity: 0.5;
}
80% {
opacity: 0.9;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
40% {
opacity: 0.3;
}
60% {
opacity: 0.5;
}
80% {
opacity: 0.9;
}
100% {
opacity: 1;
}
}
.fadeInUp-scroll {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
.fadeInUp-scroll[data-position*='left-to-right'] {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
.fadeInUp-scroll[data-position*='right-to-left'] {
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
.fadeInUp-scroll[data-position*='top-to-bottom'] {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
.fadeInUp-scroll[data-position*='bottom-to-top'] {
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
.fadeInUp-scroll.visible {
opacity: 1 !important;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
transition: opacity 0.8s, -webkit-transform 0.8s;
transition: transform 0.8s, opacity 0.8s;
transition: transform 0.8s, opacity 0.8s, -webkit-transform 0.8s;
}
.fadeInUp-scroll.visible[data-position*='left-to-right'],
.fadeInUp-scroll.visible[data-position*='right-to-left'] {
-webkit-transform: translateX(0) !important;
transform: translateX(0) !important;
}
.scale-scroll {
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.scale-scroll.visible {
opacity: 1 !important;
-webkit-transform: scale(1) !important;
transform: scale(1) !important;
-webkit-transition: all 1s;
transition: all 1s;
}
.image-animation {
position: relative;
overflow: hidden;
}
.image-animation::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
-webkit-transition: left 600ms cubic-bezier(0.835, 0.015, 0.245, 0.995) 0;
transition: left 600ms cubic-bezier(0.835, 0.015, 0.245, 0.995) 0;
}
.image-animation::after {
content: '';
height: 100%;
width: 0;
position: absolute;
bottom: 0;
right: 0;
background-color: rgba(247, 247, 249, 0.95);
}
.image-animation.animate::before {
left: 100%;
}
@-webkit-keyframes image-animation {
from {
background-color: #fff;
}
to {
background-color: transparent;
}
}
@keyframes image-animation {
from {
background-color: #fff;
}
to {
background-color: transparent;
}
}
@-webkit-keyframes image-animation-filter {
0% {
width: 0;
}
50% {
width: 100%;
}
}
@keyframes image-animation-filter {
0% {
width: 0;
}
50% {
width: 100%;
}
}
.text-title-animation span {
opacity: 0;
visibility: hidden;
-webkit-transition: 300ms opacity, 300ms visibility;
transition: 300ms opacity, 300ms visibility;
}
.text-title-animation span.show {
opacity: 1;
visibility: visible;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
margin: 0.67em 0;
font-size: 2em;
}
hr {
overflow: visible;
height: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 0;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bold !important;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: 100%;
line-height: 1.15;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
padding: 0;
border-style: none;
}
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
display: table;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type='checkbox'],
[type='radio'] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
.no-horizontal-padding {
padding-right: 0;
padding-left: 0;
}
footer {
background: #1e2e3f;
}
footer .footer-contain {
padding: 60px 50px 60px 70px;
}
footer .footer-contain-item svg {
width: 100%;
}
html.rtl header .header-logo {
margin-right: 0;
margin-left: 40px;
}
@media only screen and (min-width: 769px) and (max-width: 1290px) {
html.rtl header .header-logo {
margin-right: 0;
margin-left: 20px;
}
}
html.rtl header .header-item {
padding-right: 300px;
padding-left: 0;
}
@media only screen and (min-width: 769px) and (max-width: 1540px) {
html.rtl header .header-item {
padding-right: 150px;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
html.rtl header .header-item {
padding-right: 20px;
}
}
html.rtl header .header-actions-search {
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-left: 0;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
html.rtl header .header-actions-search {
border-right: 0;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
}
html.rtl header .header-actions-find-retailer {
right: 40px;
}
@media only screen and (min-width: 769px) and (max-width: 1540px) {
html.rtl header .header-actions-find-retailer {
right: 20px;
}
}
html.rtl header .header-actions-find-retailer-body {
right: 52px;
}
html.rtl header .header-menu-mobile-heading {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
html.rtl header .header-menu-mobile-heading-text {
text-align: left;
}
html.rtl header .header-menu-body-menu > ul > li ul li a > div {
margin-right: 0;
margin-left: 20px;
}
html.rtl header .header-menu-body-list-item.active > button > i {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
html.rtl header .header-menu-body-list-item > button > div i {
margin-right: 0;
margin-left: 26px;
}
html.rtl header .header-menu-body-list-item > button > i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
html.rtl header .header-menu-body-list-item > ul li > a i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
html.rtl header .header-menu-body-list-item-submenu-head button {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
html.rtl header .header-menu-body-mobile-button {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
html.rtl .header-search-heading-actions-close {
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-left: 0;
}
html.rtl .header-search-heading-form form input {
padding-right: 44px;
padding-left: 0;
}
html.rtl .header-big-menu-body-sidebar {
border-bottom-left-radius: 0;
border-bottom-right-radius: 20px;
}
html.rtl .header-big-menu-body-sidebar-list-item button i {
margin-right: 0;
margin-left: 38px;
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
html.rtl .header-big-menu-body-sidebar-list-item button i {
margin-right: 20px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1150px) {
html.rtl .header-big-menu-body-sidebar-list-item button i {
width: 20px;
height: 20px;
}
}
html.rtl .header-big-menu-body-content {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 0;
}
html.rtl .header-big-menu-body-content-item-body {
padding: 20px 50px 20px 0;
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
html.rtl .header-big-menu-body-content-item-body {
padding: 10px 20px 10px 0;
}
}
html.rtl .header-big-menu-body-content-item-body-list-sidebar {
padding-right: 0;
padding-left: 28px;
border-right: 0;
border-left: 1px solid #eaecef;
font-weight: 500;
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
html.rtl .header-big-menu-body-content-item-body-list-sidebar {
padding-left: 20px;
}
}
html.rtl
.header-big-menu-body-content-item-body-list-sidebar
ul
li.active
button
i,
html.rtl
.header-big-menu-body-content-item-body-list-sidebar
ul
li:hover
button
i {
margin-right: 20px;
margin-left: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
html.rtl .header-big-menu-body-content-item-body-list-sidebar ul li button {
text-align: right;
}
html.rtl .header-big-menu-body-content-item-body-list-body {
padding-right: 50px;
padding-left: 0;
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
html.rtl .header-big-menu-body-content-item-body-list-body {
padding-left: 20px;
}
}
html.rtl
.header-big-menu-body-content-item-body-list-body-item-row:not(:last-child) {
margin-right: 0;
margin-left: 90px;
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
html.rtl
.header-big-menu-body-content-item-body-list-body-item-row:not(
:last-child
) {
margin-right: 40px;
}
}
html.rtl .header-big-menu-body-content-item-card {
margin: 0 100px 40px 40px;
}
html.rtl .header-big-menu-body-content-item-shape {
right: auto;
left: 0;
}
header {
position: fixed !important;
z-index: 1000 !important;
top: 0;
left: 0;
width: 100%;
height: auto;
background-color: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header {
top: auto;
bottom: 0;
height: 0 !important;
-webkit-box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.08);
}
header .header-contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
header .header-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 44px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-item {
padding-left: 20px;
}
}
header .header-logo {
width: 54px;
margin-right: 40px;
}
@media only screen and (min-width: 769px) and (max-width: 1290px) {
header .header-logo {
width: 45px;
margin-right: 20px;
}
}
header .header-logo a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header .header-logo a img {
width: 100%;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu {
position: fixed;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
opacity: 0;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
visibility: hidden;
}
}
header .header-menu.active {
opacity: 1;
visibility: visible;
}
header .header-menu-mobile-heading {
position: relative;
display: none;
height: 90px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 20px;
padding-left: 20px;
background-color: #0180c9;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-mobile-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
header .header-menu-mobile-heading-logo {
height: 34px;
margin-right: 36px;
}
header .header-menu-mobile-heading-logo img {
height: 100%;
}
header .header-menu-mobile-heading-text {
color: #fff;
font-size: 16px;
line-height: 18px;
width: 44%;
}
header .header-menu-mobile-heading-close {
position: absolute;
top: 14px;
right: 20px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: auto;
width: 100%;
height: 100%;
-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;
padding-bottom: 32px;
}
}
header .header-menu-body-list {
display: none;
width: 100%;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
margin-bottom: 35px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-body-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
header .header-menu-body-list-item {
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}
header .header-menu-body-list-item.active > button > div {
color: #0180c9;
}
header .header-menu-body-list-item.active > button > div svg path,
header .header-menu-body-list-item.active > button > div svg rect,
header .header-menu-body-list-item.active > button > div svg circle {
stroke: #0180c9;
}
header .header-menu-body-list-item.active > button > i {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
header .header-menu-body-list-item.active > button > i svg path {
fill: #0180c9;
}
header .header-menu-body-list-item > button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
header .header-menu-body-list-item > button i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: 0.5s -webkit-transform ease;
transition: 0.5s -webkit-transform ease;
-webkit-transition: 0.5s transform ease;
transition: 0.5s transform ease;
transition: 0.5s transform ease, 0.5s -webkit-transform ease;
}
header .header-menu-body-list-item > button > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #1e2e3f;
font-size: 16px;
line-height: 20px;
}
header .header-menu-body-list-item > button > div i {
margin-right: 26px;
}
header .header-menu-body-list-item ul {
display: none;
margin-top: 20px;
list-style: none;
}
.header-menu-body-list-item ul * {
list-style: none;
fill: var(--brand-color) !important;
}
header .header-menu-body-list-item ul li {
border-bottom: 1px solid #e9ecef;
}
header .header-menu-body-list-item ul li:first-child {
border-top: 1px solid #e9ecef;
}
header .header-menu-body-list-item ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 15px;
padding-bottom: 15px;
color: #1e2e3f;
font-size: 16px;
line-height: 20px;
}
header .header-menu-body-list-item ul li a:hover {
color: var(--brand-color) !important;
}
header .header-menu-body-list-item ul li a:hover i {
display: block;
}
header .header-menu-body-list-item ul li a i {
display: none;
}
header .header-menu-body-list-item-submenu {
position: fixed;
z-index: 2;
top: 90px;
left: 100%;
overflow: auto;
width: 100%;
height: calc(100% - 90px);
padding: 0 20px;
background-color: #fff;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
}
header .header-menu-body-list-item-submenu.active {
left: 0;
}
header .header-menu-body-list-item-submenu-head button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 28px;
padding-bottom: 24px;
color: var(--brand-color);
font-size: 16px;
line-height: 20px;
}
header .header-menu-body-list-item-submenu-head button i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 36px;
}
header .header-menu-body-list-item-submenu-list ul {
display: block;
margin-top: 0;
}
.header-menu-body-menu ul {
list-style: none;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-body-menu {
width: 100%;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-body-menu-products {
display: none;
}
}
header .header-menu-body-menu > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-body-menu > ul {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 18px;
padding-left: 18px;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-body-menu > ul > li {
width: 100%;
border-bottom: 1px solid #e9ecef;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-body-menu > ul > li:first-child {
border-top: 1px solid #e9ecef;
}
}
header .header-menu-body-menu > ul > li > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 45px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 17px;
padding-left: 20px;
background-color: transparent;
border-radius: 22.5px;
color: #1e2e3f;
cursor: pointer;
font-weight: 400;
line-height: 22px;
text-decoration: none;
}
@media only screen and (min-width: 769px) and (max-width: 1290px) {
header .header-menu-body-menu > ul > li > a {
padding-right: 10px;
padding-left: 14px;
font-size: 14px;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-body-menu > ul > li > a {
width: 100%;
height: auto;
padding: 15px 0;
border-radius: 0;
font-size: 16px;
line-height: 20px;
}
}
header .header-menu-body-menu > ul > li > a:hover {
background-color: #e9ecef;
color: var(--brand-color) !important;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-body-menu > ul > li > a:hover {
background-color: transparent;
color: #1e2e3f;
}
}
header .header-menu-body-menu > ul > li ul {
position: fixed;
z-index: 1005;
top: 80px;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 212px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
padding-right: 45px;
padding-left: 45px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
background-color: #f7f8fa;
opacity: 0;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
visibility: hidden;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-body-menu > ul > li ul {
position: relative;
top: 0;
display: none;
height: auto;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
border: 0;
background-color: transparent;
opacity: 1;
-webkit-transition: none;
transition: none;
visibility: visible;
}
}
header .header-menu-body-menu > ul > li ul.active {
opacity: 1;
visibility: visible;
}
header .header-menu-body-menu > ul > li ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 150px;
height: 100px;
-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;
color: #0180c9;
font-size: 18px;
font-weight: 500;
line-height: 26px;
text-align: center;
text-decoration: none;
}
@media only screen and (min-width: 769px) and (max-width: 1500px) {
header .header-menu-body-menu > ul > li ul li a {
min-width: 120px;
font-size: 14px;
line-height: 20px;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-body-menu > ul > li ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
color: var(--brand-color);
font-size: 16px;
line-height: 20px;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-body-menu > ul > li ul li a > div {
width: 26px;
height: 26px;
margin-right: 20px;
}
}
header .header-menu-body-menu > ul > li ul li a > div img {
height: 48px;
margin-bottom: 10px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-body-menu > ul > li ul li a > div img {
width: 100%;
height: 100%;
}
}
header .header-menu-body-mobile-button {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 12px 28px;
margin-top: 55px;
margin-right: auto;
margin-left: auto;
background-color: #1e2e3f;
border-radius: 60px;
color: #fff;
font-size: 16px;
line-height: 20px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-menu-body-mobile-button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
header .header-menu-body-mobile-button i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 8px;
}
header .header-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header .header-actions-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header .header-actions-find-retailer {
position: absolute;
right: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 45px;
height: 45px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 45px;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
}
@media only screen and (min-width: 769px) and (max-width: 1290px) {
header .header-actions-find-retailer {
right: 270px;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-actions-find-retailer {
display: none;
}
}
header .header-actions-find-retailer a {
width: 100%;
height: 100%;
}
header .header-actions-find-retailer:hover {
width: 160px;
background-color: #e9ecef;
}
header
.header-actions-find-retailer:hover
.header-actions-find-retailer-button {
background-color: #0180c9;
}
header
.header-actions-find-retailer:hover
.header-actions-find-retailer-button
path {
fill: #fff;
stroke: #fff;
}
header .header-actions-find-retailer:hover .header-actions-find-retailer-body {
opacity: 1;
}
header .header-actions-find-retailer-button {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 45px;
height: 45px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 0;
background-color: #e9ecef;
border-radius: 50%;
cursor: pointer;
text-decoration: none;
}
header .header-actions-find-retailer-button svg path {
fill: #1e2e3f;
stroke: #1e2e3f;
}
header .header-actions-find-retailer-body {
position: absolute;
top: 50%;
right: 12px;
width: 95px;
color: #0180c9;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.37px;
line-height: 1;
opacity: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.5s opacity ease;
transition: 0.5s opacity ease;
white-space: nowrap;
}
header .header-actions-search {
width: 356px;
height: 100%;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 769px) and (max-width: 1290px) {
header .header-actions-search {
width: 250px;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-actions-search {
width: 60px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-left: 0;
}
}
header .header-actions-search button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 36px;
padding-left: 28px;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
@media only screen and (min-width: 769px) and (max-width: 1290px) {
header .header-actions-search button {
font-size: 14px;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-actions-search button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-actions-search button > div {
display: none;
}
}
header .header-actions-menu {
display: none;
width: 60px;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
header .header-actions-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
header .header-actions-menu button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
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;
}
.header-search {
position: fixed;
z-index: 1001;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: 0.5s opacity ease, 0.5s visibility ease;
transition: 0.5s opacity ease, 0.5s visibility ease;
visibility: hidden;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.header-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.header-search.active {
opacity: 1;
visibility: visible;
}
.header-search-filter {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(30, 46, 63, 0.9);
}
.header-search-heading {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 118px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
background-color: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.header-search-heading {
height: 80px;
}
}
.header-search-heading-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
}
.header-search-heading-form form {
width: 100%;
height: 100%;
}
.header-search-heading-form form input {
width: 100%;
height: 100%;
padding-left: 44px;
border: 0;
font-size: 22px;
line-height: 32px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.header-search-heading-form form input {
padding-left: 20px;
font-size: 16px;
letter-spacing: 0.29px;
line-height: 24px;
}
}
.header-search-heading-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-search-heading-actions-search,
.header-search-heading-actions-close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100px;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header-search-heading-actions-search button,
.header-search-heading-actions-close button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
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;
}
.header-search-heading-actions-search button img,
.header-search-heading-actions-close button img {
width: 16px;
height: 16px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.header-search-heading-actions-search {
width: 45px;
}
}
.header-search-heading-actions-close {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.header-search-heading-actions-close {
position: fixed;
z-index: 1005;
right: 20px;
bottom: 20px;
width: 58px;
height: 58px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.header-search-heading-actions-close svg line {
stroke: #0180c9;
}
}
.header-search-list {
position: relative;
z-index: 1002;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.header-search-list {
overflow: auto;
height: 100%;
}
}
.header-search-list h5 {
margin-top: 30px;
margin-bottom: 20px;
color: #9aa8b6;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.43px;
line-height: 18px;
text-align: center;
}
.header-search-list ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 34px;
color: #0180c9;
font-size: 18px;
font-weight: 500;
text-align: center;
}
.header-dropdown {
position: fixed;
z-index: 1005;
top: 80px;
width: 100%;
height: 212px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
background-color: #f7f8fa;
opacity: 0;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
visibility: hidden;
background-color: transparent !important;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.header-dropdown {
display: none;
}
}
.header-dropdown.active {
opacity: 1;
visibility: visible;
}
.header-dropdown ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
padding-right: 45px;
padding-left: 45px;
}
.header-dropdown ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 150px;
height: 100px;
-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;
color: #0180c9;
font-size: 18px;
font-weight: 500;
line-height: 26px;
text-align: center;
text-decoration: none;
}
.header-dropdown ul li a img {
height: 48px;
margin-bottom: 10px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.header-big-menu {
position: fixed;
z-index: 1005;
top: 80px;
left: 0;
width: 100%;
height: calc(100% - 80px);
padding-right: 44px;
padding-left: 44px;
opacity: 0;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
visibility: hidden;
background-color: transparent !important;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.header-big-menu {
display: none;
}
}
.header-big-menu.active {
opacity: 1;
visibility: visible;
}
.header-big-menu-filter {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
.header-big-menu-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-height: 770px;
}
.header-big-menu-body-sidebar {
position: relative;
z-index: 2;
width: 320px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-bottom-left-radius: 20px;
padding-bottom: 170px;
}
.header-big-menu-body-sidebar-heading {
padding: 38px;
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-sidebar-heading {
padding: 20px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1150px) {
.header-big-menu-body-sidebar-heading {
padding: 10px;
}
}
.header-big-menu-body-sidebar-list-item.active button::before {
content: '';
}
.header-big-menu-body-sidebar-list-item button {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 70px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 25px 10px;
cursor: pointer;
}
@media only screen and (min-width: 1050px) and (max-width: 1300px) {
.header-big-menu-body-sidebar-list-item button {
height: 60px;
font-size: 16px !important;
}
}
.header-big-menu-body-sidebar-list-item button::before {
position: absolute;
top: 2px;
left: -1px;
width: 6px;
height: calc(100% - 4px);
}
@media only screen and (min-width: 769px) and (max-width: 1150px) {
.header-big-menu-body-sidebar-list-item button::before {
width: 4px;
}
}
.header-big-menu-body-sidebar-list-item button i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 30px;
height: 30px;
margin-right: 38px;
}
.header-big-menu-body-sidebar-list-item button i img {
width: 30px;
height: 30px;
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-sidebar-list-item button i {
margin-right: 20px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1150px) {
.header-big-menu-body-sidebar-list-item button i {
width: 20px;
height: 20px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-sidebar-list-item button {
padding: 0px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1150px) {
button {
padding: 15px;
}
}
@media only screen and (min-width: 1151px) and (max-width: 1650px) {
.header-big-menu-body-sidebar {
width: 220px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1150px) {
.header-big-menu-body-sidebar {
width: 170px;
}
}
.header-big-menu-body-content {
position: relative;
z-index: 2;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.header-big-menu-body-content-item {
position: relative;
display: none;
height: 100%;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.header-big-menu-body-content-item.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-big-menu-body-content-item-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 0 20px 50px;
}
.header-big-menu-body-content-item-body-heading {
padding-bottom: 30px;
margin-bottom: 48px;
}
.header-big-menu-body-content-item-body-heading h4 {
margin-bottom: 14px;
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-content-item-body-heading {
padding-bottom: 20px;
margin-bottom: 20px;
}
}
.header-big-menu-body-content-item-body-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
padding-bottom: 100px;
}
.header-big-menu-body-content-item-body-list-sidebar {
width: 250px;
height: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 28px;
}
.header-big-menu-body-content-item-body-list-sidebar ul li:not(:last-child) {
margin-bottom: 40px;
}
@media only screen and (min-width: 769px) and (max-width: 1150px) {
.header-big-menu-body-content-item-body-list-sidebar ul li:not(:last-child) {
margin-bottom: 0;
}
}
.header-big-menu-body-content-item-body-list-sidebar ul li.active button i,
.header-big-menu-body-content-item-body-list-sidebar ul li:hover button i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-big-menu-body-content-item-body-list-sidebar ul li button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-big-menu-body-content-item-body-list-sidebar ul li button i {
display: none;
margin-left: 20px;
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-content-item-body-list-sidebar ul li button i {
margin-left: 10px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-content-item-body-list-sidebar ul li button {
font-size: 14px !important;
line-height: 21px !important;
}
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-content-item-body-list-sidebar {
width: 190px;
padding-right: 15px;
}
}
.header-big-menu-body-content-item-body-list-body {
width: 100%;
padding-left: 50px;
}
.header-big-menu-body-content-item-body-list-body-item {
display: none;
width: 100%;
}
.header-big-menu-body-content-item-body-list-body-item.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-big-menu-body-content-item-body-list-body-item-row:not(:last-child) {
margin-right: 90px;
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-content-item-body-list-body-item-row:not(:last-child) {
margin-right: 40px;
}
}
.header-big-menu-body-content-item-body-list-body-item-row
ul
li:not(:last-child) {
margin-bottom: 40px;
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-content-item-body-list-body-item-row
ul
li:not(:last-child) {
margin-bottom: 20px;
}
}
.header-big-menu-body-content-item-body-list-body-item-row ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-content-item-body-list-body {
padding-left: 20px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-content-item-body {
padding: 10px 0 10px 20px;
}
}
.header-big-menu-body-content-item-shape {
position: absolute;
right: 0;
bottom: 0;
width: 292px;
height: 462px;
background-color: #eaecef;
border-radius: 20px;
}
@media only screen and (min-width: 769px) and (max-width: 1199px) {
.header-big-menu-body-content-item-shape {
width: 35%;
height: 70%;
}
}
.header-big-menu-body-content-item-card {
position: relative;
z-index: 5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 394px;
height: 460px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 20px;
margin: 0 40px 40px 100px;
background-position: center center;
background-size: cover;
border-radius: 20px;
}
@media only screen and (min-width: 769px) and (max-width: 1199px) {
.header-big-menu-body-content-item-card {
width: 35%;
height: 70%;
margin: 0 20px 20px 50px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1199px) {
.header-big-menu-body-content-item-card {
margin: 0 10px 10px 20px;
}
}
.header-big-menu-body-content-item-card::before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 140px;
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgba(30, 46, 63, 0)),
to(#040404)
);
background: linear-gradient(180deg, rgba(30, 46, 63, 0) 0, #040404 100%);
content: '';
-webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.1));
filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.1));
}
.header-big-menu-body-content-item-card-button {
position: relative;
z-index: 2;
margin-bottom: 18px;
}
.header-big-menu-body-content-item-card-button.with-icon a {
padding-right: 34px;
}
.header-big-menu-body-content-item-card-button.with-icon a i {
position: absolute;
top: 0;
right: 0;
}
.header-big-menu-body-content-item-card-button a {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 26px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 15px;
background-color: #fff;
border-radius: 20px;
color: #1e2e3f;
font-size: 12px;
line-height: 15px;
}
.header-big-menu-body-content-item-card-title {
position: relative;
z-index: 2;
color: #fff;
font-size: 26px;
line-height: 36px;
}
.btn {
font-size: 22px;
line-height: 27px;
color: #fff;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
padding: 17px 45px 17px 45px;
background: #0180c9;
border-radius: 120px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media only screen and (min-width: 769px) and (max-width: 1680px) {
.btn {
font-size: 18px;
}
}
.btn.btn-tints-of-solitude {
background: #e9ecef;
border-radius: 60px;
color: #0180c9;
font-size: 16px;
line-height: 20px;
font-family: 'Core-Sans-Medium' !important;
font-weight: 500;
font-style: normal;
padding: 12px 24px;
}
.btn.btn-white-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
color: #1e2e3f;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.btn.btn-white-icon {
font-size: 18px;
line-height: 22px;
}
}
.btn.btn-white-icon svg {
margin-right: 14px;
height: 28px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.btn.btn-white-icon svg {
height: 24px;
}
}
.btn.btn-white-icon svg path {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.btn-white-icon:hover {
color: #0180c9;
}
.btn.btn-white-icon:hover svg path {
stroke: #0180c9;
}
.btn.btn-white {
color: #1e2e3f;
background: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.btn.btn-white {
font-size: 18px;
line-height: 22px;
}
}
.btn.btn-white:hover {
color: #0180c9;
}
.btn.btn-small-text-white {
font-size: 18px;
line-height: 22px;
color: #fff;
padding: 9px 15px;
border: 1px solid #fff;
border-radius: 30px;
background: #1e2e3f;
}
.btn.btn-small-text-white:hover {
background: #0180c9;
border: 1px solid #0180c9;
}
input,
select,
textarea,
button {
-webkit-appearance: none;
}
.body-handoff header,
.body-handoff footer {
display: none;
}
section.handoff-hero {
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 76px;
padding-bottom: 76px;
background-color: #030303;
text-align: center;
}
section.handoff-hero h1 {
font-family: Core Sans, sans-serif;
font-weight: 400;
margin-bottom: 32px;
color: #fff;
font-size: 42px;
line-height: 150%;
}
section.handoff-hero p {
font-family: Core Sans, sans-serif;
font-weight: 400;
color: #fff;
font-size: 14px;
line-height: 150%;
}
section.handoff-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 100px;
padding-bottom: 100px;
}
section.handoff-body .handoff-body-page-list ul {
list-style: none;
}
section.handoff-body .handoff-body-page-list ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section.handoff-body .handoff-body-page-list ul li:not(:last-child) {
margin-bottom: 26px;
}
section.handoff-body .handoff-body-page-list ul li:hover::before {
width: 50px;
}
section.handoff-body .handoff-body-page-list ul li::before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 1px;
margin-right: 16px;
background-color: #030303;
content: '';
-webkit-transition: 0.3s width;
transition: 0.3s width;
}
section.handoff-body .handoff-body-page-list ul li a {
font-family: Core Sans, sans-serif;
font-weight: 300;
color: #030303;
font-size: 14px;
line-height: 150%;
}
section.handoff-body .handoff-body-style-guide-item:not(:last-child) {
margin-bottom: 100px;
}
section.handoff-body .handoff-body-style-guide-item-title {
margin-bottom: 50px;
}
section.handoff-body .handoff-body-style-guide-item-title h5 {
font-family: Core Sans, sans-serif;
font-weight: 300;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #030303;
font-size: 14px;
line-height: 150%;
}
section.handoff-body .handoff-body-style-guide-item-title h5::before {
width: 40px;
height: 1px;
margin-right: 16px;
background-color: #030303;
content: '';
}
section.handoff-footer {
-ms-flex-negative: 0;
flex-shrink: 0;
}
section.handoff-footer .handoff-footer-contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 32px;
padding-bottom: 36px;
border-top: 1px solid rgba(3, 3, 3, 0.5);
}
section.handoff-footer .handoff-footer-contain a,
section.handoff-footer .handoff-footer-contain p {
font-family: Core Sans, sans-serif;
font-weight: 300;
color: #030303;
font-size: 14px;
line-height: 150%;
}
section.handoff-footer .handoff-footer-contain a:hover {
text-decoration: underline !important;
}
.header-contain {
display: none;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.NavMobile__root {
position: fixed;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
}
.Icon__root {
color: #fff;
}
}
.HeaderTop__root {
position: relative !important;
}
@media (min-width: 769px) {
.Header__NewMenu {
height: 120px !important;
}
.ComparisonActive {
top: 120px;
}
.PDP__OverlayNewMenu {
top: 80px !important;
}
.Filter_OverlayNewMenu {
top: 80px !important;
}
.responsivegrid {
margin-top: 80px;
}
.responsivegridComparison {
margin-top: 120px !important;
}
.OverlayPDP__root .OverlayPDP__nav {
margin-top: 80px;
}
.OverlayPDP__top {
top: 40px !important;
}
.ProductFilters__root {
margin-top: 80px;
}
.ProductFiltersComparison__root {
margin-top: 120px;
}
}
.header-big-menu-body-content-item-body-list-sidebar ul li {
list-style: none;
}
.header-big-menu-body-content-item-body-list-body ul li {
list-style: none;
}
.header-big-menu-body-sidebar-list ul li {
list-style: none;
}
.Icon__root {
fill: currentcolor;
}
.SubNavProductsButton__root {
background: 0;
color: #fff;
border: 0;
cursor: pointer;
text-decoration: none;
font-size: 1.95vw;
font-weight: 700;
text-align: center;
max-width: 300px;
opacity: 1;
}
@media (min-width: 1440px) {
.SubNavProductsButton__root {
font-size: 28px;
}
}
.SubNavProductsButton__root.SubNavProductsButton__gray {
opacity: 0.5;
}
.SubNavProductsButton__root.SubNavProductsButton__gray.active,
.SubNavProductsButton__root.SubNavProductsButton__gray:hover {
opacity: 1;
}
.SubNavProductsGrid__root {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 1;
}
.SubNavProductsGrid__root .SubNavProductsGrid__background {
position: absolute;
z-index: -3;
min-height: 100%;
min-width: 100%;
top: 0;
left: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
@media (min-width: 1440px) {
.SubNavProductsGrid__root .SubNavProductsGrid__background {
height: auto;
width: 100%;
min-height: 100%;
}
}
.SubNavProductsGrid__root:hover .SubNavProductsGrid__background {
opacity: 0;
-webkit-transition: opacity 0 0.5s;
transition: opacity 0 0.5s;
}
.SubNavProductsGrid__root .SubNavProductsGrid__category {
width: 20%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
border-right: 1px solid rgba(255, 255, 255, 0.3);
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__categoryBackground {
position: absolute;
min-height: 100%;
min-width: 100%;
top: 0;
left: 0;
z-index: -2;
opacity: 0;
-webkit-transition: opacity 0 ease 0.5s;
transition: opacity 0 ease 0.5s;
}
@media (min-width: 1440px) {
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__categoryBackground {
height: auto;
width: 100%;
}
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__title {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 2.5vw;
padding: 0 20px;
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-property: margin-top, opacity, -webkit-transform;
transition-property: margin-top, opacity, -webkit-transform;
transition-property: margin-top, transform, opacity;
transition-property: margin-top, transform, opacity, -webkit-transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
color: #fff;
font-size: 36px;
font-weight: 700;
letter-spacing: 0.33px;
line-height: 3.4vw;
text-align: center;
max-width: 300px;
opacity: 1;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__title.SubNavProductsGrid__small {
font-size: 2.25vw;
}
@media (min-width: 1440px) {
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__title.SubNavProductsGrid__small {
font-size: 32px;
line-height: 49px;
}
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 2.8vw;
}
@media (min-width: 1440px) {
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__items {
margin-top: 40px;
}
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__items
.SubNavProductsGrid__itemsButtonWrapper {
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__items
.SubNavProductsGrid__itemsButtonWrapper:last-child {
margin-bottom: 0;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__items
.SubNavProductsGrid__itemsButton {
min-height: 35px;
line-height: 2vw;
max-width: 300px;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
margin-bottom: 2vw;
}
@media (min-width: 1440px) {
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__items
.SubNavProductsGrid__itemsButton {
min-height: 36px;
line-height: 32px;
margin-bottom: 32px;
}
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__items:hover
.SubNavProductsGrid__itemsButton {
opacity: 0.5;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__items:hover
.SubNavProductsGrid__itemsButton:hover {
opacity: 1;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__content {
position: relative;
height: 100%;
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;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__top {
position: relative;
top: 77%;
left: 0;
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-property: top;
transition-property: top;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__buttonSeeAllWrapper {
position: absolute;
top: calc(82% + 15px);
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__buttonSeeAll {
-webkit-transform: translateY(15px);
transform: translateY(15px);
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.SubNavProductsGrid__root .SubNavProductsGrid__category:last-child {
border-right: 0;
}
.SubNavProductsGrid__root .SubNavProductsGrid__category:focus-within {
background-color: rgba(0, 0, 0, 0.3);
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus-within
.SubNavProductsGrid__top {
top: 0;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus-within
.SubNavProductsGrid__categoryBackground {
opacity: 1;
z-index: -1;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus-within
.SubNavProductsGrid__title {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-property: margin-top, -webkit-transform;
transition-property: margin-top, -webkit-transform;
transition-property: margin-top, transform;
transition-property: margin-top, transform, -webkit-transform;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus-within
.SubNavProductsGrid__itemsButtonWrapper {
opacity: 1;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus-within
.SubNavProductsGrid__itemsButtonWrapper:first-child {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus-within
.SubNavProductsGrid__itemsButtonWrapper:nth-child(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus-within
.SubNavProductsGrid__itemsButtonWrapper:nth-child(3) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus-within
.SubNavProductsGrid__itemsButtonWrapper:nth-child(4) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus-within
.SubNavProductsGrid__itemsButtonWrapper:nth-child(5) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus-within
.SubNavProductsGrid__itemsButtonWrapper:nth-child(6) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus-within
.SubNavProductsGrid__itemsButtonWrapper:nth-child(7) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus-within
.SubNavProductsGrid__itemsButtonWrapper:nth-child(8) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus-within
.SubNavProductsGrid__itemsButtonWrapper:nth-child(9) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus-within
.SubNavProductsGrid__buttonSeeAll {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.SubNavProductsGrid__root .SubNavProductsGrid__category:focus,
.SubNavProductsGrid__root .SubNavProductsGrid__category:hover {
background-color: rgba(0, 0, 0, 0.3);
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus
.SubNavProductsGrid__top,
.SubNavProductsGrid__root
.SubNavProductsGrid__category:hover
.SubNavProductsGrid__top {
top: 0;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus
.SubNavProductsGrid__categoryBackground,
.SubNavProductsGrid__root
.SubNavProductsGrid__category:hover
.SubNavProductsGrid__categoryBackground {
opacity: 1;
z-index: -1;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus
.SubNavProductsGrid__title,
.SubNavProductsGrid__root
.SubNavProductsGrid__category:hover
.SubNavProductsGrid__title {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-property: margin-top, -webkit-transform;
transition-property: margin-top, -webkit-transform;
transition-property: margin-top, transform;
transition-property: margin-top, transform, -webkit-transform;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus
.SubNavProductsGrid__itemsButtonWrapper,
.SubNavProductsGrid__root
.SubNavProductsGrid__category:hover
.SubNavProductsGrid__itemsButtonWrapper {
opacity: 1;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus
.SubNavProductsGrid__itemsButtonWrapper:first-child,
.SubNavProductsGrid__root
.SubNavProductsGrid__category:hover
.SubNavProductsGrid__itemsButtonWrapper:first-child {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus
.SubNavProductsGrid__itemsButtonWrapper:nth-child(2),
.SubNavProductsGrid__root
.SubNavProductsGrid__category:hover
.SubNavProductsGrid__itemsButtonWrapper:nth-child(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus
.SubNavProductsGrid__itemsButtonWrapper:nth-child(3),
.SubNavProductsGrid__root
.SubNavProductsGrid__category:hover
.SubNavProductsGrid__itemsButtonWrapper:nth-child(3) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus
.SubNavProductsGrid__itemsButtonWrapper:nth-child(4),
.SubNavProductsGrid__root
.SubNavProductsGrid__category:hover
.SubNavProductsGrid__itemsButtonWrapper:nth-child(4) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus
.SubNavProductsGrid__itemsButtonWrapper:nth-child(5),
.SubNavProductsGrid__root
.SubNavProductsGrid__category:hover
.SubNavProductsGrid__itemsButtonWrapper:nth-child(5) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus
.SubNavProductsGrid__itemsButtonWrapper:nth-child(6),
.SubNavProductsGrid__root
.SubNavProductsGrid__category:hover
.SubNavProductsGrid__itemsButtonWrapper:nth-child(6) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus
.SubNavProductsGrid__itemsButtonWrapper:nth-child(7),
.SubNavProductsGrid__root
.SubNavProductsGrid__category:hover
.SubNavProductsGrid__itemsButtonWrapper:nth-child(7) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus
.SubNavProductsGrid__itemsButtonWrapper:nth-child(8),
.SubNavProductsGrid__root
.SubNavProductsGrid__category:hover
.SubNavProductsGrid__itemsButtonWrapper:nth-child(8) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus
.SubNavProductsGrid__itemsButtonWrapper:nth-child(9),
.SubNavProductsGrid__root
.SubNavProductsGrid__category:hover
.SubNavProductsGrid__itemsButtonWrapper:nth-child(9) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category:focus
.SubNavProductsGrid__buttonSeeAll,
.SubNavProductsGrid__root
.SubNavProductsGrid__category:hover
.SubNavProductsGrid__buttonSeeAll {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.Picture__root img {
width: 100%;
}
.SubNavProductsMenuItem__root {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 2.2vw;
}
@media (min-width: 1440px) {
.SubNavProductsMenuItem__root {
padding-top: 32px;
}
}
@media (max-width: 768px) {
.SubNavProductsMenuItem__root {
padding-top: 28px;
}
}
.SubNavProductsMenuItem__root .SubNavProductsMenuItem__textBlock {
position: absolute;
bottom: 3.3vw;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 1440px) {
.SubNavProductsMenuItem__root .SubNavProductsMenuItem__textBlock {
bottom: 48px;
}
}
@media (max-width: 768px) {
.SubNavProductsMenuItem__root .SubNavProductsMenuItem__textBlock {
bottom: 27px;
}
}
.SubNavProductsMenuItem__root .SubNavProductsMenuItem__textBlock p {
margin-bottom: 0.9vw;
color: #0180c9;
font-size: 1.52vw;
line-height: 1.6vw;
font-weight: 700;
width: 14.58vw;
text-align: center;
}
@media (min-width: 1440px) {
.SubNavProductsMenuItem__root .SubNavProductsMenuItem__textBlock p {
margin-bottom: 13px;
font-size: 22px;
line-height: 24px;
width: 210px;
}
}
@media (max-width: 768px) {
.SubNavProductsMenuItem__root .SubNavProductsMenuItem__textBlock p {
margin-bottom: 7px;
font-size: 18px;
font-weight: 500;
width: 162px;
line-height: 22px;
}
}
.SubNavProductsMenuItem__root
.SubNavProductsMenuItem__textBlock
.SubNavProductsMenuItem__count {
color: #9aa8b6;
font-size: 0.97vw;
line-height: 1.1vw;
letter-spacing: 0.03vw;
font-weight: 500;
}
@media (min-width: 1440px) {
.SubNavProductsMenuItem__root
.SubNavProductsMenuItem__textBlock
.SubNavProductsMenuItem__count {
font-size: 14px;
line-height: 16px;
letter-spacing: 0.43px;
}
}
@media (max-width: 768px) {
.SubNavProductsMenuItem__root
.SubNavProductsMenuItem__textBlock
.SubNavProductsMenuItem__count {
font-size: 12px;
}
}
.SubNavProductsMenuItem__root img {
height: 11.11vw;
width: auto;
}
@media (min-width: 1440px) {
.SubNavProductsMenuItem__root img {
height: 160px;
}
}
@media (max-width: 768px) {
.SubNavProductsMenuItem__root img {
height: 100px;
}
}
.SubNavProductsMenuItem__root.SubNavProductsMenuItem__big {
padding-top: 8.33vw;
}
@media (min-width: 1440px) {
.SubNavProductsMenuItem__root.SubNavProductsMenuItem__big {
padding-top: 120px;
}
}
.SubNavProductsMenuItem__root.SubNavProductsMenuItem__big
.SubNavProductsMenuItem__textBlock {
bottom: 8.47vw;
}
@media (min-width: 1440px) {
.SubNavProductsMenuItem__root.SubNavProductsMenuItem__big
.SubNavProductsMenuItem__textBlock {
bottom: 122px;
}
}
.SubNavProductsMenuItem__root.SubNavProductsMenuItem__big img {
height: 20.27vw;
}
@media (min-width: 1440px) {
.SubNavProductsMenuItem__root.SubNavProductsMenuItem__big img {
height: 292px;
}
}
.SubNavProductsMenuItem__root:hover {
background-color: #edeff1;
}
.SubNavProductsMenuItem__root:hover .SubNavProductsMenuItem__textBlock p {
color: #006ba8;
}
.ButtonIcon__root {
display: block;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: #e9ecef;
cursor: pointer;
border: 0;
text-decoration: none;
}
.ButtonIcon__root svg {
fill: #1e2e3f;
stroke: #1e2e3f;
}
.ButtonIcon__root:hover {
background-color: #ebeef0;
color: #0180c9;
}
.ButtonIcon__root:hover svg {
fill: #0180c9;
stroke: #0180c9;
}
.ButtonIcon__root:visited {
color: #1e2e3f;
}
.ButtonIcon__root.ButtonIcon__withoutBackground {
background: 0;
}
.ButtonIcon__root.ButtonIcon__white {
background: #fff;
border: 1px solid #e9ecef;
}
.ButtonIcon__root.ButtonIcon__white:hover {
border-color: #d6d6d6;
}
.ButtonIcon__root.ButtonIcon__iconBlue svg,
.ButtonIcon__root.ButtonIcon__shareFb svg,
.ButtonIcon__root.ButtonIcon__shareMail svg,
.ButtonIcon__root.ButtonIcon__sharePr svg,
.ButtonIcon__root.ButtonIcon__shareTw svg {
color: #0180c9;
fill: #0180c9;
stroke: #0180c9;
}
.ButtonIcon__root.ButtonIcon__iconGreen svg {
color: #3ba936;
fill: #3ba936;
stroke: #3ba936;
}
.ButtonIcon__root.ButtonIcon__iconRed svg {
color: #e40313;
fill: #e40313;
stroke: #e40313;
}
.ButtonIcon__root.ButtonIcon__active,
.ButtonIcon__root.ButtonIcon__blue,
.ButtonIcon__root.ButtonIcon__withCount {
background-color: #0180c9;
color: #fff;
}
.ButtonIcon__root.ButtonIcon__active svg,
.ButtonIcon__root.ButtonIcon__blue svg,
.ButtonIcon__root.ButtonIcon__withCount svg {
fill: #fff;
stroke: #fff;
}
.ButtonIcon__root.ButtonIcon__social svg {
height: 15px;
color: #fff;
fill: #fff;
stroke: #fff;
}
.ButtonIcon__root.ButtonIcon__dark {
background-color: #394553;
}
.ButtonIcon__root.ButtonIcon__dark:hover {
background-color: #5b6d81;
}
.ButtonIcon__root.ButtonIcon__dark svg {
color: #fff;
fill: #fff;
stroke: #fff;
}
.ButtonIcon__root.ButtonIcon__whiteIcon svg {
fill: #fff;
stroke: #fff;
}
.ButtonIcon__root.ButtonIcon__whiteIcon:hover svg {
fill: #e9ecef;
stroke: #e9ecef;
}
.ButtonIcon__root.ButtonIcon__grey {
background: rgba(0, 0, 0, 0.1);
}
.ButtonIcon__root.ButtonIcon__blue:hover {
background-color: #006ba8;
}
.ButtonIcon__root.ButtonIcon__withCount {
background-color: #3ba936;
}
.ButtonIcon__root.ButtonIcon__withCount:hover {
background-color: #298c24;
}
.ButtonIcon__root.ButtonIcon__withCount.ButtonIcon__white {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #1e2e3f;
}
.ButtonIcon__root.ButtonIcon__withCount.ButtonIcon__white svg {
fill: #1e2e3f;
stroke: #1e2e3f;
}
.ButtonIcon__root.ButtonIcon__withCount.ButtonIcon__white:hover {
border-color: #d6d6d6;
}
.ButtonIcon__root .ButtonIcon__count,
.ButtonIcon__root .ButtonIcon__text {
font-size: 12px;
letter-spacing: 0.37px;
font-weight: 500;
}
.ButtonIcon__root .ButtonIcon__count {
position: relative;
top: -2px;
margin-left: 5.5px;
}
@media (max-width: 768px) {
.ButtonIcon__root {
height: 60px;
width: 60px;
}
}
.ButtonIcon__root.ButtonIcon__big {
height: 60px;
width: 60px;
}
@media (max-width: 768px) {
.ButtonIcon__root.ButtonIcon__shareFb svg {
width: auto;
height: 17px;
}
.ButtonIcon__root.ButtonIcon__shareTw svg {
width: auto;
height: 15px;
}
.ButtonIcon__root.ButtonIcon__sharePr svg {
width: auto;
height: 17px;
}
.ButtonIcon__root.ButtonIcon__shareMail svg {
width: auto;
height: 14px;
}
}
.SubNavProductsMenu__root {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
opacity: 0;
visibility: hidden;
background-color: transparent;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
pointer-events: none;
}
.SubNavProductsMenu__root,
.SubNavProductsMenu__root aside {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.SubNavProductsMenu__root aside {
position: relative;
max-width: 360px;
background-color: rgba(0, 0, 0, 0.3);
-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;
}
.SubNavProductsMenu__root aside h2 {
color: #fff;
font-weight: 500;
letter-spacing: 0.33px;
line-height: 3.4vw;
text-align: center;
margin: 0;
margin-top: 2.5vw;
margin-bottom: 2.8vw;
font-size: 2.25vw;
}
@media (min-width: 1440px) {
.SubNavProductsMenu__root aside h2 {
font-size: 32px;
line-height: 49px;
margin-top: 40px;
}
}
.SubNavProductsMenu__root aside .SubNavProductsMenu__buttonBack {
position: absolute;
bottom: 4vw;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
-webkit-transition: opacity 0.5s ease 0.5s;
transition: opacity 0.5s ease 0.5s;
width: 4.16vw;
height: 4.16vw;
}
.SubNavProductsMenu__root aside .SubNavProductsMenu__buttonBack:hover {
background-color: #3b4856;
}
@media (min-width: 1440px) {
.SubNavProductsMenu__root aside .SubNavProductsMenu__buttonBack {
bottom: 59px;
width: 60px;
height: 60px;
}
}
.SubNavProductsMenu__root aside .SubNavProductsMenu__buttonBack svg {
height: 0.97vw;
color: #fff;
fill: #fff;
stroke: #fff;
}
@media (min-width: 1440px) {
.SubNavProductsMenu__root aside .SubNavProductsMenu__buttonBack svg {
height: 14px;
}
}
.SubNavProductsMenu__root .SubNavProductsMenu__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.SubNavProductsMenu__root
.SubNavProductsMenu__items
.SubNavProductsMenu__asideItem {
line-height: 2.2vw;
margin-bottom: 2.2vw;
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
@media (min-width: 1440px) {
.SubNavProductsMenu__root
.SubNavProductsMenu__items
.SubNavProductsMenu__asideItem {
line-height: 31px;
margin-bottom: 32px;
}
}
.SubNavProductsMenu__root .SubNavProductsMenu__items.SubNavProductsMenu__fake {
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.SubNavProductsMenu__root .SubNavProductsMenu__grids {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 100%;
}
.SubNavProductsMenu__root .SubNavProductsMenu__gridWrapper {
height: 100%;
}
.SubNavProductsMenu__root .SubNavProductsMenu__gridWrapper.open {
opacity: 1;
}
.SubNavProductsMenu__root .SubNavProductsMenu__grid {
height: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
background-color: #f7f8fa;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.SubNavProductsMenu__root .SubNavProductsMenu__grid .SubNavProductsMenu__line {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.SubNavProductsMenu__root
.SubNavProductsMenu__grid
.SubNavProductsMenu__line
a {
display: block;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
border-right: 1px solid rgba(0, 0, 0, 0.1);
text-decoration: none;
}
.SubNavProductsMenu__root
.SubNavProductsMenu__grid
.SubNavProductsMenu__line:last-child,
.SubNavProductsMenu__root
.SubNavProductsMenu__grid
.SubNavProductsMenu__line
a:last-child {
border: 0;
}
.SubNavProductsMenu__root.open {
opacity: 1;
visibility: visible;
background-color: #f7f8fa;
pointer-events: auto;
}
.SubNavProductsMenu__root.open aside {
background-color: #5b6d81;
}
.SubNavProductsMenu__root.open
.SubNavProductsMenu__items.SubNavProductsMenu__fake {
opacity: 0;
pointer-events: none;
}
.SubNavProductsMenu__root.open .SubNavProductsMenu__buttonBack {
opacity: 1;
}
.SubNavProductsMenu__root.LSG-active-first-grid {
opacity: 1;
visibility: visible;
}
.SubNavProductsMenu__root.LSG-active-first-grid
.SubNavProductsMenu__gridWrapper:first-child {
display: block;
}
.SubNavProducts__root {
position: relative;
height: 48vw;
background-color: #e9ecef;
min-height: 48vw;
}
@media (min-width: 1440px) {
.SubNavProducts__root {
height: 690px;
min-height: 690px;
}
}
.SubNavLink__root {
text-align: center;
text-decoration: none;
color: #0180c9;
font-size: 18px;
line-height: 26px;
}
.SubNavLink__root svg {
color: #bcc7d3;
fill: #bcc7d3;
stroke: #bcc7d3;
height: 48px;
}
@media (min-width: 769px) {
.SubNavLink__root {
height: 100px;
min-width: 150px;
font-weight: 500;
}
}
@media (max-width: 768px) {
.SubNavLink__root {
height: 215px;
min-width: 50%;
padding-top: 55px;
font-weight: 500;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.SubNavLink__root:nth-child(odd) {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.SubNavLink__root:last-child {
border-right: 0;
}
}
.SubNavLink__root:hover svg {
color: #a5b2bf;
fill: #a5b2bf;
stroke: #a5b2bf;
}
.SubNavLink__root:hover p {
color: #006ba8;
}
.SubNavLink__root.SubNavLink__logoStyle svg {
width: 83px;
}
.SubNavLinks__root {
background-color: #f7f8fa;
}
@media (max-width: 768px) {
.SubNavLinks__root .SubNavLinks__desktop {
display: none;
}
}
.SubNavLinks__root .SubNavLinks__mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.SubNavLinks__root .SubNavLinks__mobile:last-child {
border-bottom: 0;
}
@media (min-width: 769px) {
.SubNavLinks__root .SubNavLinks__mobile {
display: none;
}
}
.SubNavLinks__root .SubNavLinks__line {
padding: 0 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 213px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.SubNav__root {
position: relative;
width: 100vw;
overflow: hidden;
}
.NavigationButton__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 45px;
padding-left: 20px;
padding-right: 17px;
color: inherit;
font-weight: 400;
text-decoration: none;
border-radius: 22.5px;
line-height: 22px;
background-color: transparent;
cursor: pointer;
}
@media (max-width: 1024px) {
.NavigationButton__root {
padding-left: 11px;
padding-right: 10px;
}
}
.NavigationButton__root.NavigationButton__active {
background-color: #e9ecef;
}
.NavigationButton__root span {
position: relative;
top: -3px;
}
.NavigationButton__root:hover {
background-color: #e9ecef;
color: #0180c9;
}
.Menu__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ButtonFindRetailer__root {
display: inline-block;
position: relative;
height: 45px;
width: 45px;
border-radius: 22.5px;
cursor: pointer;
-webkit-transition: width 0.5s;
transition: width 0.5s;
overflow: hidden;
}
.ButtonFindRetailer__root .ButtonFindRetailer__buttonIcon {
position: absolute;
left: 0;
z-index: 1;
}
.ButtonFindRetailer__root span {
opacity: 0;
white-space: nowrap;
}
.ButtonFindRetailer__root:hover {
width: 161px;
background-color: #e9ecef;
}
.ButtonFindRetailer__root:hover div {
background-color: #0180c9;
}
.ButtonFindRetailer__root:hover span {
position: absolute;
right: 15px;
top: 13px;
color: #0180c9;
font-size: 12px;
letter-spacing: 0.37px;
font-weight: 500;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.ButtonFindRetailer__root:hover svg {
fill: #fff;
stroke: #fff;
}
.ButtonLanguage__root {
position: relative;
height: 45px;
width: 45px;
background-color: #e9ecef;
border-radius: 22.5px;
-webkit-transition: width 0.5s;
transition: width 0.5s;
z-index: 0;
}
.ButtonLanguage__root .ButtonLanguage__button {
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.ButtonLanguage__root .ButtonLanguage__langs {
display: none;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.ButtonLanguage__root .ButtonLanguage__buttonClose {
display: none;
}
.ButtonLanguage__root.ButtonLanguage__opened {
overflow: hidden;
width: 182px;
}
.ButtonLanguage__root.ButtonLanguage__opened .ButtonLanguage__langs {
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ButtonLanguage__root.ButtonLanguage__opened
.ButtonLanguage__langs
.ButtonLanguage__langsButton {
border-radius: 0;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.ButtonLanguage__root.ButtonLanguage__opened
.ButtonLanguage__langs
.ButtonLanguage__langsButton.ButtonLanguage__active {
color: #0180c9;
}
.ButtonLanguage__root.ButtonLanguage__opened
.ButtonLanguage__langs
.ButtonLanguage__langsButton:first-child {
border: 0;
}
.ButtonLanguage__root.ButtonLanguage__opened
.ButtonLanguage__langs
.ButtonLanguage__separator {
position: relative;
z-index: 1;
height: 45px;
width: 1px;
background-color: rgba(0, 0, 0, 0.1);
}
.ButtonLanguage__root.ButtonLanguage__opened .ButtonLanguage__buttonClose {
display: block;
}
.ButtonLanguage__root.ButtonLanguage__opened .ButtonLanguage__buttonClose svg {
fill: #fff;
stroke: #fff;
width: 12px;
height: 12px;
}
.HeaderMain__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 80px;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.1);
border-left: 0;
border-right: 0;
}
.HeaderMain__root .subnav {
opacity: 0;
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
.HeaderMain__root .subnav .subnav-inner {
display: none;
}
.HeaderMain__root[data-open-subnav='about'] .subnav,
.HeaderMain__root[data-open-subnav='products'] .subnav,
.HeaderMain__root[data-open-subnav='support'] .subnav {
opacity: 1;
}
.HeaderMain__root[data-open-subnav='products'] .menu .products {
background-color: #e9ecef;
}
.HeaderMain__root[data-open-subnav='products'] .subnav .products {
display: block;
}
.HeaderMain__root[data-open-subnav='support'] .menu .support {
background-color: #e9ecef;
}
.HeaderMain__root[data-open-subnav='support'] .subnav .support {
display: block;
}
.HeaderMain__root[data-open-subnav='about'] .menu .about {
background-color: #e9ecef;
}
.HeaderMain__root[data-open-subnav='about'] .subnav .about {
display: block;
}
.HeaderMain__root .HeaderMain__search {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.HeaderMain__root .HeaderMain__subNav {
position: absolute;
left: 0;
top: 78px;
z-index: 100;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.HeaderTopButton__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
font-size: 12px;
color: inherit;
text-decoration: none;
}
@media (max-width: 768px) {
.HeaderTopButton__root {
background-color: #f7f8fa;
height: 68px;
}
}
.HeaderTopButton__root:hover {
background-color: #e9ecef;
}
.HeaderTopButton__root .HeaderTopButton__text {
font-weight: 500;
margin-left: 10px;
}
@media (max-width: 768px) {
.HeaderTopButton__root .HeaderTopButton__text {
font-size: 18px;
font-weight: 400;
}
}
.HeaderTopButton__root div {
text-align: center;
height: 20px;
width: 20px;
margin-left: 5px;
background-color: #0180c9;
color: #fff;
border-radius: 50%;
}
@media (max-width: 768px) {
.HeaderTopButton__root div {
display: none;
}
}
.HeaderTopButton__root div span {
line-height: 18px;
font-weight: 500;
}
.HeaderTopButton__root svg {
width: 18px;
stroke: #1e2e3f;
}
.WishlistCompareBlock__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 768px) {
.WishlistCompareBlock__root {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
}
.WishlistCompareBlock__root .WishlistCompareBlock__headerTopButton {
width: 50%;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.WishlistCompareBlock__root .WishlistCompareBlock__headerTopButton {
width: 100%;
border-left: 0;
}
.WishlistCompareBlock__root
.WishlistCompareBlock__headerTopButton:first-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
}
.HeaderTop__root {
position: relative;
height: 40px;
background-color: rgba(233, 236, 239, 0.5);
}
.Button__root {
display: block;
background-color: #0180c9;
color: #fff;
stroke: #fff;
height: 60px;
width: 230px;
border-radius: 30px;
border-width: 0;
cursor: pointer;
text-decoration: none;
font-size: 14px;
letter-spacing: 0.3px;
font-weight: 400;
font-family: Core Sans, sans-serif;
}
.Button__root:active {
outline: 0;
}
.Button__root:hover {
background-color: #006ba8;
}
.Button__root.Button__small {
width: 188px;
min-width: 188px;
}
@media (max-width: 768px) {
.Button__root.smallMobile {
width: 188px;
min-width: 188px;
}
}
.Button__root.Button__big {
width: 300px;
min-width: 300px;
}
.Button__root.Button__bigSecond {
width: 309px;
min-width: 309px;
}
@media (max-width: 768px) {
.Button__root.Button__bigSecond {
width: 261px;
min-width: 261px;
}
}
.Button__root.Button__fullWidth {
width: 100%;
}
@media (max-width: 768px) {
.Button__root.bigMobile {
width: 265px;
min-width: 265px;
}
}
@media (max-width: 374px) {
.Button__root.bigMobile {
width: 210px;
min-width: 210px;
}
}
@media (max-width: 768px) {
.Button__root.Button__fullWidthMobile {
width: 100%;
}
}
.Button__root.Button__image svg {
margin-left: 10px;
}
.Button__root.Button__veryBig {
width: 429px;
}
.Button__root.Button__secondary {
background-color: #fff;
color: #0180c9;
border: 1px solid #d4d9de;
}
.Button__root.Button__secondary svg {
stroke: #0180c9;
}
.Button__root.Button__secondary:hover {
border-color: #b7c0c8;
}
.Button__root.Button__success {
background-color: #3ba936;
font-size: 14px;
letter-spacing: 0.3px;
}
.Button__root.Button__success:hover {
background-color: #298c24;
}
.Button__root.Button__text {
color: #0180c9;
background-color: transparent;
width: auto;
padding: 0 5px;
}
.Button__root.Button__text svg {
margin-left: 13px;
}
@media (max-width: 768px) {
.Button__root.Button__textMobile {
color: #0180c9;
background-color: transparent;
width: auto;
min-width: 0;
padding: 0 5px;
}
}
.Button__root.Button__textSecond {
color: #1e2e3f;
background-color: transparent;
width: auto;
-webkit-transition: color 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: color 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.Button__root.Button__textSecond.active,
.Button__root.Button__textSecond:hover {
color: #0180c9;
}
.Button__root.Button__grey {
background-color: #9aa8b6;
}
.Button__root.Button__grey:hover {
background-color: #7c8fa1;
}
.Button__root.Button__dark {
background-color: #394553;
}
.Button__root.Button__dark:hover {
background-color: #5b6d81;
}
.Button__root.Button__greenText {
background-color: #fff;
color: #3ba936;
}
.Button__root.Button__greenText:hover {
background-color: #f4f5f7;
}
.Button__root.Button__shadow {
background-color: rgba(0, 0, 0, 0.16);
}
.Button__root.disabled {
background-color: #9aa8b6;
}
.Button__root .Button__dropdown {
margin-left: 13px;
width: 12px;
height: 12px;
margin-top: 4px;
stroke: #fff;
}
.Button__root .Button__filter {
margin-left: 20px;
}
.Button__root.Button__dropdownSecondary {
width: 100%;
border: 0;
color: #1e2e3f;
font-size: 18px;
}
.Button__root.Button__dropdownSecondary .Button__dropdown {
position: absolute;
right: 17px;
top: calc(50% - 5px);
width: 16px;
height: 12px;
margin-top: 0;
}
.Button__root.Button__dropdownSecondary svg {
stroke: #1e2e3f;
}
.Button__root.Button__animateHover {
-webkit-transition: width 0.3s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: width 0.3s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.Button__root.Button__animateHover span {
max-width: 0;
overflow: hidden;
white-space: nowrap;
-webkit-transition: max-width 0.3s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: max-width 0.3s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.Button__root.Button__animateHover svg {
-webkit-transition: margin-left 0.3s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: margin-left 0.3s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.Button__root.Button__animateHover:not(:hover) {
width: 60px;
}
.Button__root.Button__animateHover:not(:hover) svg {
margin-left: 0;
}
.Button__root.Button__animateHover:hover span {
max-width: 120px;
}
.Button__root.Button__onDarkBg:hover {
background-color: #f4f5f7;
}
.HeaderOverlayCountry__root {
max-height: 300px;
-webkit-transition: max-height 0.5s ease-in;
transition: max-height 0.5s ease-in;
overflow: hidden;
position: relative;
}
.HeaderOverlayCountry__root .HeaderOverlayCountry__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 120px;
padding: 20px 0;
padding-left: 44px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.HeaderOverlayCountry__root .HeaderOverlayCountry__content {
padding-right: 44px;
padding-top: 35px;
padding-bottom: 35px;
}
}
.HeaderOverlayCountry__root .HeaderOverlayCountry__buttonClose svg {
color: #fff;
width: 15px;
height: 15px;
}
.HeaderOverlayCountry__root.close {
max-height: 0;
}
.Header__root {
color: #1e2e3f;
background-color: #fff;
}
@media (max-width: 768px) {
.Header__root .Header__desktop {
display: none;
}
}
.subNavOpened .Header__root {
position: relative;
z-index: 6;
}
.PartnerLogo__root .PartnerLogo__barcelona,
.PartnerLogo__root .PartnerLogo__divider,
.PartnerLogo__root .PartnerLogo__logo {
height: 60px;
position: relative;
top: 1px;
}
.PartnerLogo__root .PartnerLogo__logo {
width: 82px;
color: #0081c9;
}
.PartnerLogo__root .PartnerLogo__barcelona {
width: 60px;
margin-left: 27px;
}
.PartnerLogo__root .PartnerLogo__divider {
width: 1px;
background-color: #fff;
margin-left: 26px;
}
.PartnerLogo__root p {
text-transform: uppercase;
font-weight: 400;
font-size: 11.5px;
letter-spacing: 0.3px;
margin-top: 10px;
margin-left: 3px;
}
.Subscription__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
position: relative;
}
.Subscription__root .Subscription__button {
position: absolute;
width: 100%;
}
.Subscription__root .Subscription__buttonEnter {
height: 60px;
width: 70px;
position: absolute;
top: 0;
right: 10%;
font-size: 14px;
line-height: 20px;
font-weight: 500;
letter-spacing: 0.3px;
color: #bcc7d3;
}
.Subscription__root .Subscription__buttonEnter:hover {
color: #0180c9;
}
.Subscription__root .Subscription__buttonCheckmark {
display: none;
position: absolute;
top: 0;
right: 0;
width: 88px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}
@media (max-width: 1024px) {
.Subscription__root .Subscription__buttonCheckmark {
width: 70px;
}
}
@media (max-width: 374px) {
.Subscription__root .Subscription__buttonCheckmark {
width: 60px;
}
}
.Subscription__root .correct .Subscription__buttonEnter {
display: none;
}
.Subscription__root .correct .Subscription__buttonCheckmark {
display: block;
}
.Subscription__root .correct svg path {
stroke-dashoffset: 54;
}
.Subscription__root .Subscription__subscribeField {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
visibility: hidden;
opacity: 0;
}
.Subscription__root
.Subscription__subscribeField
.Subscription__subscribeButton-wrapper {
opacity: 0;
visibility: hidden;
}
.Subscription__root
.Subscription__subscribeField
.Subscription__subscribeButton-wrapper
svg {
color: #3ba936;
stroke: #3ba936;
}
.Subscription__root
.Subscription__subscribeField
.Subscription__subscribeButton-wrapper
svg
path {
stroke-dasharray: 27;
stroke-dashoffset: 27;
-webkit-transition: stroke-dashoffset 1s ease-in-out;
transition: stroke-dashoffset 1s ease-in-out;
}
.Subscription__root
.Subscription__subscribeField
.Subscription__subscribeButton-wrapper.ctaVisible {
opacity: 1;
visibility: visible;
}
.Subscription__root .Subscription__subscribeField .Subscription__form {
position: relative;
z-index: 1;
-webkit-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
width: 100%;
}
.Subscription__root .Subscription__subscribeField input {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 100px;
width: 100%;
height: 60px;
margin-right: 10px;
outline: 0;
font-size: 14px;
letter-spacing: 0.3px;
padding: 0 90px 0 40px;
}
@media (max-width: 768px) {
.Subscription__root .Subscription__subscribeField input {
padding-right: 80px;
padding-left: 30px;
}
}
@media (max-width: 374px) {
.Subscription__root .Subscription__subscribeField input {
padding-right: 45px;
padding-left: 20px;
}
}
.Subscription__root .Subscription__subscribeField .Subscription__buttonClose {
position: absolute;
right: 0;
}
.Subscription__root.open .Subscription__button {
display: none;
}
.Subscription__root.open .Subscription__subscribeField {
visibility: visible;
opacity: 1;
}
.Subscription__root.open .Subscription__form {
width: calc(100% - 70px);
}
.FooterTop__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 208px;
}
@media (max-width: 1280px) {
.FooterTop__root {
height: 383px;
}
}
@media (max-width: 768px) {
.FooterTop__root {
height: 422px;
}
}
.FooterTop__root .FooterTop__footerTopWrapper {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
}
.FooterTop__root .FooterTop__wrapperInner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media (min-width: 1440px) {
.FooterTop__root .FooterTop__wrapperInner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (max-width: 1280px) {
.FooterTop__root .FooterTop__wrapperInner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 768px) {
.FooterTop__root .FooterTop__wrapperInner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.FooterTop__root .FooterTop__countrySelect {
width: 298px;
margin-left: 7%;
}
@media (max-width: 1280px) {
.FooterTop__root .FooterTop__countrySelect {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-left: 0;
}
}
@media (max-width: 768px) {
.FooterTop__root .FooterTop__countrySelect {
width: 334px;
margin: 20px 0 0;
}
}
@media (max-width: 374px) {
.FooterTop__root .FooterTop__countrySelect {
width: 88%;
min-width: 0;
}
}
.FooterTop__root .FooterTop__subscription {
width: 32%;
max-width: 500px;
margin-left: 7%;
}
@media (max-width: 1280px) {
.FooterTop__root .FooterTop__subscription {
width: 429px;
margin-left: 20px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media (max-width: 1024px) {
.FooterTop__root .FooterTop__subscription {
width: 43%;
}
}
@media (max-width: 768px) {
.FooterTop__root .FooterTop__subscription {
width: 331px;
margin: 20px 0 0;
}
}
@media (max-width: 374px) {
.FooterTop__root .FooterTop__subscription {
width: 88%;
}
}
.FooterTop__root .FooterTop__socialIcons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 210px;
margin-left: 2%;
}
@media (max-width: 1280px) {
.FooterTop__root .FooterTop__socialIcons {
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 30px 0 20px;
}
}
@media (max-width: 768px) {
.FooterTop__root .FooterTop__socialIcons {
width: 240px;
margin-bottom: 0;
}
}
.FooterTop__root .FooterTop__socialIcons a {
margin-right: 9px;
}
.FooterTop__root .FooterTop__socialIcons a:last-child {
margin-right: 0;
}
@media (max-width: 768px) {
.FooterTop__root .FooterTop__socialIcons a {
width: 45px;
height: 45px;
margin-right: 20px;
}
}
@media (max-width: 374px) {
.FooterTop__root .FooterTop__socialIcons a {
margin-right: 10px;
}
}
.FooterSubcategory__root ul {
list-style: none;
padding-left: 0;
margin: 10px 0 20px;
}
@media (max-width: 768px) {
.FooterSubcategory__root ul {
margin-bottom: 35px;
}
}
.FooterSubcategory__root ul li {
padding: 6px 0;
}
@media (max-width: 768px) {
.FooterSubcategory__root ul li {
margin-top: 10px;
}
}
.FooterSubcategory__root ul li a {
color: #fff;
}
@media (max-width: 768px) {
.FooterMain__root {
height: auto;
}
}
.FooterMain__root .FooterMain__categoryTitle {
height: 25px;
margin-bottom: 10px;
}
@media (max-width: 1024px) {
.FooterMain__root .FooterMain__categoryTitle {
font-size: 15px;
}
}
@media (max-width: 768px) {
.FooterMain__root .FooterMain__categoryTitle {
display: none;
}
}
.FooterMain__root .FooterMain__categoryButtonMobile {
width: 100%;
background-color: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 80px;
margin: 0;
}
@media (min-width: 769px) {
.FooterMain__root .FooterMain__categoryButtonMobile {
display: none;
}
}
.FooterMain__root .FooterMain__category {
margin: 20px 0 30px;
}
@media (max-width: 768px) {
.FooterMain__root .FooterMain__category {
text-align: center;
margin: 30px 0 0;
-webkit-transition-property: max-height, margin;
transition-property: max-height, margin;
-webkit-transition-duration: 1s;
transition-duration: 1s;
overflow: hidden;
}
}
.FooterMain__root .FooterMain__row {
border: 0;
}
@media (max-width: 768px) {
.FooterMain__root .FooterMain__containerReset {
padding: 0;
margin: 0;
max-width: none;
}
.FooterMain__root .FooterMain__containerReset .FooterMain__row {
margin: 0;
}
.FooterMain__root .FooterMain__containerReset .FooterMain__row > div {
padding: 0;
}
}
.FooterMain__root .FooterMain__infolinks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.5px;
}
@media (max-width: 768px) {
.FooterMain__root .FooterMain__infolinks {
height: 202px;
position: static;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 42px 16px 82px 16px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
}
.FooterMain__root .FooterMain__infolinks a,
.FooterMain__root .FooterMain__infolinks span {
color: #e9ecef;
}
.Footer__root {
position: relative;
}
.Footer__root a {
text-decoration: none;
}
.MenuMobileCategoryGrid__root {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.MenuMobileCategoryGrid__root a {
display: block;
height: 234px;
min-width: 50%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.MenuMobileCategoryGrid__root a:nth-child(odd) {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.MenuMobileCategoryGrid__root a:last-child {
border-right: 0;
}
.MenuMobileSubcategory__root .MenuMobileSubcategory__button {
background: 0;
height: 85px;
width: 100%;
color: #1e2e3f;
font-size: 30px;
line-height: 40px;
font-weight: 700;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.MenuMobileCategory__root .MenuMobileCategory__button {
height: 80px;
width: 100%;
cursor: pointer;
}
.MenuMobileButtonLinks__root .MenuMobileButtonLinks__button {
height: 80px;
width: 100%;
cursor: pointer;
}
.MenuMobile__root {
background: #fff;
text-align: center;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.MenuMobile__root .MenuMobile__logoBlock {
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.MenuMobile__root .MenuMobile__logoBlock .MenuMobile__logo {
width: 66px;
height: 38px;
margin-top: 30px;
}
.MenuMobile__root .MenuMobile__blog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 80px;
width: 100%;
text-decoration: none;
}
.MenuMobile__root .MenuMobile__buttonCloseContainer {
position: fixed;
bottom: 20px;
left: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
pointer-events: none;
}
.MenuMobile__root .MenuMobile__buttonCloseContainer svg {
width: 16px;
height: 16px;
color: #fff;
}
.MenuMobile__root .MenuMobile__buttonClose {
pointer-events: auto;
}
.MenuMobile__root .MenuMobile__links {
padding-top: 30px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.MenuMobile__root .MenuMobile__links .MenuMobile__link {
display: block;
text-decoration: none;
padding: 9px 0;
color: inherit;
}
.MenuMobile__root .MenuMobile__links .MenuMobile__link svg {
width: 17.8px;
height: auto;
stroke: currentColor;
fill: currentColor;
color: currentColor;
}
.MenuMobile__root .MenuMobile__links .MenuMobile__link span {
font-size: 14px;
font-weight: 400;
letter-spacing: 0.43px;
}
.MenuMobile__root .MenuMobile__links .MenuMobile__link p {
margin-top: 5px;
font-size: 18px;
font-weight: 400;
}
.SearchForm__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 80px;
padding-left: 28px;
padding-right: 32px;
}
@media (max-width: 768px) {
.SearchForm__root {
padding-left: 19px;
padding-right: 8px;
}
}
.SearchForm__root input {
width: 100%;
color: #1e2e3f;
border: 0;
font-size: 16px;
font-weight: 400;
outline: 0;
}
.SearchForm__root button {
height: 45px;
width: 45px;
background: 0;
border: 0;
cursor: pointer;
}
@media (max-width: 768px) {
.SearchForm__root button svg {
width: 18px;
}
}
.SearchForm__root.SearchForm__address {
padding: 0 0 10px;
}
.SearchForm__root.SearchForm__address input {
width: 390px;
font-size: 18px;
line-height: 25px;
}
.SearchForm__root.SearchForm__address button {
margin-right: -14px;
}
@media (max-width: 374px) {
.SearchForm__root.SearchForm__address button {
margin-right: -8px;
}
}
.SearchForm__root.SearchForm__retailer {
width: 473px;
height: 60px;
border-radius: 50px;
background-color: #fff;
padding: 0 30px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.SearchForm__root.SearchForm__retailer {
width: 100%;
}
}
.SearchForm__root.SearchForm__retailer input {
width: 390px;
font-size: 18px;
line-height: 25px;
}
@media (max-width: 768px) {
.SearchForm__root.SearchForm__retailer input {
width: 100%;
line-height: 24px;
font-size: 16px;
letter-spacing: 0.29px;
}
}
@media (max-width: 768px) {
.SearchForm__root.SearchForm__retailer input::-webkit-input-placeholder {
line-height: 24px;
font-size: 16px;
letter-spacing: 0.29px;
}
.SearchForm__root.SearchForm__retailer input:-ms-input-placeholder,
.SearchForm__root.SearchForm__retailer input::-ms-input-placeholder {
line-height: 24px;
font-size: 16px;
letter-spacing: 0.29px;
}
.SearchForm__root.SearchForm__retailer input::-webkit-input-placeholder {
line-height: 24px;
font-size: 16px;
letter-spacing: 0.29px;
}
.SearchForm__root.SearchForm__retailer input::-moz-placeholder {
line-height: 24px;
font-size: 16px;
letter-spacing: 0.29px;
}
.SearchForm__root.SearchForm__retailer input:-ms-input-placeholder {
line-height: 24px;
font-size: 16px;
letter-spacing: 0.29px;
}
.SearchForm__root.SearchForm__retailer input::-ms-input-placeholder {
line-height: 24px;
font-size: 16px;
letter-spacing: 0.29px;
}
.SearchForm__root.SearchForm__retailer input::placeholder {
line-height: 24px;
font-size: 16px;
letter-spacing: 0.29px;
}
}
.SearchForm__root.SearchForm__retailer button {
margin-right: -12px;
}
.SearchBlock__root {
background-color: #fff;
}
.SearchBlock__root .SearchBlock__searchForm {
padding-left: 1.25%;
height: 118px;
}
@media (min-width: 1440px) {
.SearchBlock__root .SearchBlock__searchForm {
padding-left: 44px;
}
}
@media (max-width: 768px) {
.SearchBlock__root .SearchBlock__searchForm {
height: 80px;
padding-left: 17px;
}
}
.SearchBlock__root .SearchBlock__searchForm input {
font-size: 22px;
line-height: 32px;
}
@media (max-width: 768px) {
.SearchBlock__root .SearchBlock__searchForm input {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.29px;
}
}
.SearchSectionHeading__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 768px) {
.SearchSectionHeading__root:not(.SearchSectionHeading__noHideMobile) {
display: none;
}
}
.SearchSectionHeading__root .SearchSectionHeading__text {
line-height: 36px;
font-weight: 700;
color: #1e2e3f;
}
.SearchSectionHeading__root .SearchSectionHeading__count {
position: relative;
top: -3px;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 30px;
width: 30px;
margin-left: 10px;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 50%;
}
.SearchSectionHeading__root .SearchSectionHeading__count span {
font-size: 14px;
line-height: 16px;
letter-spacing: 0.43px;
font-weight: 500;
}
.ProductBadge__root .ProductBadge__image {
width: 50px;
height: 55px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 768px) {
.ProductBadge__root .ProductBadge__image {
width: auto;
margin-right: 11px;
}
}
.ProductBadge__root svg {
width: 38px;
height: auto;
}
@media (max-width: 768px) {
.ProductBadge__root svg {
width: 30px;
}
}
.ProductBadge__root p {
text-align: center;
margin-top: 0;
}
.ProductBadge__root.ProductBadge__small .ProductBadge__image {
width: 40px;
height: 52px;
}
@media (max-width: 768px) {
.ProductBadge__root.ProductBadge__small .ProductBadge__image {
margin-right: 0;
}
}
@media (max-width: 768px) {
.ProductBadge__root.ProductBadge__small p {
color: #fff;
}
}
@media (min-width: 769px) {
.ProductBadge__root.ProductBadge__trustedReviews {
margin-top: 10px;
}
.ProductBadge__root.ProductBadge__trustedReviews svg {
width: 60px;
}
.ProductBadge__root.ProductBadge__trustedReviews p {
display: none;
}
}
.ProductCardSearch__root {
position: relative;
color: #fff;
}
.ProductCardSearch__root .ProductCardSearch__model {
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.37px;
}
.ProductCardSearch__root .ProductCardSearch__desc {
width: 245px;
height: 64px;
overflow: hidden;
font-size: 22px;
line-height: 32px;
margin: 5px auto 0;
}
@media (max-width: 768px) {
.ProductCardSearch__root .ProductCardSearch__desc {
width: 122px;
height: 60px;
margin-top: 10px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.43px;
}
}
.ProductCardSearch__root .ProductCardSearch__image {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ProductCardSearch__root .ProductCardSearch__image img {
width: auto;
}
.ProductCardSearch__root .ProductCardSearch__productBagde {
position: absolute;
top: 185px;
left: 6%;
}
.ProductCardSearch__root.ProductCardSearch__rectangle img {
height: 298px;
}
@media (max-width: 768px) {
.ProductCardSearch__root.ProductCardSearch__rectangle img {
max-height: 160px;
}
}
.ProductCardSearch__root.ProductCardSearch__square .ProductCardSearch__image {
height: 295px;
bottom: 13px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 768px) {
.ProductCardSearch__root.ProductCardSearch__square .ProductCardSearch__image {
height: 165px;
bottom: 17px;
}
}
.ProductCardSearch__root.ProductCardSearch__square img {
width: 238px;
}
@media (max-width: 768px) {
.ProductCardSearch__root.ProductCardSearch__square img {
width: 120px;
}
}
.ProductCardSearch__root.ProductCardSearch__withShadow {
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.ProductCardSearch__root.ProductCardSearch__withShadow {
-webkit-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
}
}
.ViewAllProductsCard__root {
width: 100%;
height: 450px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
}
@media (max-width: 768px) {
.ViewAllProductsCard__root {
height: 280px;
}
}
.ViewAllProductsCard__root .ViewAllProductsCard__text {
font-size: 22px;
font-weight: 400;
line-height: 30px;
color: inherit;
margin-top: 170px;
}
@media (max-width: 768px) {
.ViewAllProductsCard__root .ViewAllProductsCard__text {
margin-top: 110px;
font-size: 14px;
line-height: 20px;
}
}
.ViewAllProductsCard__root .ViewAllProductsCard__button {
margin-top: 40px;
}
@media (max-width: 768px) {
.ViewAllProductsCard__root .ViewAllProductsCard__button {
margin-top: 20px;
}
}
.ProductHelpCardSearch__root {
display: block;
position: relative;
width: 100%;
height: auto;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
background-color: #fff;
text-decoration: none;
}
@media (max-width: 768px) {
.ProductHelpCardSearch__root {
height: 215px;
padding-bottom: 25px;
}
}
.ProductHelpCardSearch__root .ProductHelpCardSearch__topBlock {
height: 180px;
position: relative;
}
@media (max-width: 768px) {
.ProductHelpCardSearch__root .ProductHelpCardSearch__topBlock {
height: 125px;
}
}
.ProductHelpCardSearch__root .ProductHelpCardSearch__prefix {
display: block;
margin: 30px 0 0 30px;
}
@media (max-width: 768px) {
.ProductHelpCardSearch__root .ProductHelpCardSearch__prefix {
display: none;
}
}
.ProductHelpCardSearch__root .ProductHelpCardSearch__title {
height: 65px;
overflow: hidden;
margin: 10px 30px 20px;
}
@media (max-width: 768px) {
.ProductHelpCardSearch__root .ProductHelpCardSearch__title {
height: 40px;
margin: 25px 20px 0 25px;
}
}
.ProductHelpCardSearch__root.ProductHelpCardSearch__withShadow {
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.ProductHelpCardSearch__icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
}
.SearchResultsSupport__root {
border: 0;
}
.ModalSearch__root {
overflow-y: scroll;
min-height: 100%;
height: 100%;
text-align: center;
}
.ModalSearch__root .ModalSearch__background {
background-color: rgba(30, 46, 63, 0.9);
}
@media (max-width: 768px) {
.ModalSearch__root .ModalSearch__background {
display: none;
}
}
@media (max-width: 768px) {
.ModalSearch__root {
background: #fff;
}
}
.ModalSearch__root .ModalSearch__buttonCloseContainer {
position: fixed;
bottom: 20px;
left: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ModalSearch__root .ModalSearch__autocomplete {
-webkit-transition: all 0.5s;
transition: all 0.5s;
background-color: #fff;
}
@media (max-width: 768px) {
.ModalSearch__root .ModalSearch__autocomplete {
padding-bottom: 60px;
}
}
.ModalSearch__root .ModalSearch__assumptions {
line-height: 60px;
text-align: left;
font-weight: 400;
}
.ModalSearch__root .ModalSearch__assumptions button {
display: block;
}
.ModalSearch__root .ModalSearch__assumptions b {
font-weight: 500;
}
.ModalSearch__root .ModalSearch__inspiration {
position: absolute;
top: 119px;
left: 0;
width: 100%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
visibility: hidden;
opacity: 0;
background-color: #fff;
}
@media (max-width: 768px) {
.ModalSearch__root .ModalSearch__inspiration {
top: 81px;
}
}
.ModalSearch__root.inspiration .ModalSearch__inspiration {
visibility: visible;
opacity: 1;
}
.ModalSearch__root.inspiration .ModalSearch__autocomplete {
visibility: hidden;
opacity: 0;
height: 0;
}
.ButtonSearchMobile__root {
height: 60px;
width: 261px;
background-color: #fff;
border-radius: 30px;
padding: 0;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.ButtonSearchMobile__root .ButtonSearchMobile__inner {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ButtonSearchMobile__root span {
line-height: 24px;
letter-spacing: 0.29px;
margin-left: 28px;
}
.ButtonSearchMobile__root svg {
width: 20px;
height: 18px;
}
.ButtonSearchMobile__root.ButtonSearchMobile__minimal {
width: 60px;
}
.ButtonSearchMobile__root.ButtonSearchMobile__minimal
.ButtonSearchMobile__inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ButtonSearchMobile__root.ButtonSearchMobile__minimal img {
margin-right: 0;
}
.ButtonSearchMobile__root.ButtonSearchMobile__minimal:hover {
border-color: #d6d6d6;
}
.NavMobile__root {
pointer-events: none;
-webkit-transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
bottom: 20px;
left: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 769px) {
.NavMobile__root {
display: none;
}
}
.NavMobile__root.scrolled.NavMobile__hiding {
opacity: 0;
pointer-events: none;
}
.NavMobile__root.hidden,
.NavMobile__root.NavMobile__dependentOnScroll.scroll-down {
-webkit-transform: translateY(80px);
transform: translateY(80px);
}
.NavMobile__root * {
pointer-events: auto;
}
.PageNav__root {
display: block;
height: 100px;
background-color: #fff;
}
.Dropdown__root {
position: relative;
}
.Dropdown__root .JS-dropdown-button svg {
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.Dropdown__root.open .JS-dropdown-button svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.Dropdown__dropdownContent {
position: absolute;
width: 190px;
list-style: none;
margin-top: 12px;
padding-left: 0;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
border-radius: 30px;
overflow: hidden;
z-index: -10;
opacity: 0;
-webkit-transition: opacity 0.2s ease, visibility 0 0.5s;
transition: opacity 0.2s ease, visibility 0 0.5s;
visibility: hidden;
}
.Dropdown__dropdownContent.lower {
margin-top: 22px;
}
.Dropdown__dropdownContent.fullWidth {
width: 100%;
}
.Dropdown__dropdownContent.secondary {
margin-top: 1px;
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
border-radius: 0;
background-color: #e9ecef;
}
.Dropdown__root.open .Dropdown__dropdownContent {
opacity: 1;
z-index: 5;
-webkit-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
visibility: visible;
}
@media (max-width: 768px) {
.Dropdown__root.static-filters .Dropdown__dropdownContent {
right: 0;
}
}
.Dropdown__root.JS-form-dropdown .Dropdown__dropdownContent {
border-radius: 8px;
max-height: 323px;
overflow: scroll;
}
@media (max-width: 768px) {
.Dropdown__root.static-filters
.Dropdown__dropdownContent.Dropdown__contentCenterX {
left: auto;
-webkit-transform: none;
transform: none;
}
}
.Dropdown__dropdownItem {
height: 62px;
background-color: #fff;
border-bottom: 1px solid #e9ecef;
}
.Dropdown__dropdownItem:last-child {
border-bottom: 0;
}
.Dropdown__root.open
.Dropdown__dropdownItem:nth-child(0)
.Dropdown__dropdownButton {
-webkit-transition-delay: 0.07s;
transition-delay: 0.07s;
}
.Dropdown__root.open
.Dropdown__dropdownItem:first-child
.Dropdown__dropdownButton {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.Dropdown__root.open
.Dropdown__dropdownItem:nth-child(2)
.Dropdown__dropdownButton {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.Dropdown__root.open
.Dropdown__dropdownItem:nth-child(3)
.Dropdown__dropdownButton {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.Dropdown__root.open
.Dropdown__dropdownItem:nth-child(4)
.Dropdown__dropdownButton {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.Dropdown__root.open
.Dropdown__dropdownItem:nth-child(5)
.Dropdown__dropdownButton {
-webkit-transition-delay: 0.42s;
transition-delay: 0.42s;
}
.Dropdown__root.open
.Dropdown__dropdownItem:nth-child(6)
.Dropdown__dropdownButton {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
}
.Dropdown__root.open
.Dropdown__dropdownItem:nth-child(7)
.Dropdown__dropdownButton {
-webkit-transition-delay: 0.56s;
transition-delay: 0.56s;
}
.Dropdown__root.open
.Dropdown__dropdownItem:nth-child(8)
.Dropdown__dropdownButton {
-webkit-transition-delay: 0.63s;
transition-delay: 0.63s;
}
.Dropdown__root.open
.Dropdown__dropdownItem:nth-child(9)
.Dropdown__dropdownButton {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.Dropdown__root.open
.Dropdown__dropdownItem:nth-child(10)
.Dropdown__dropdownButton {
-webkit-transition-delay: 0.77s;
transition-delay: 0.77s;
}
.Dropdown__dropdownContent.secondary .Dropdown__dropdownItem {
background-color: transparent;
}
.Dropdown__root.JS-form-dropdown .Dropdown__dropdownItem {
height: 70px;
}
.Dropdown__dropdownButton {
width: 100%;
height: 100%;
color: #0180c9;
font-size: 14px;
font-weight: 500;
cursor: pointer;
opacity: 0;
background-color: #fff;
}
.Dropdown__dropdownButton:hover {
background-color: #f6f7f9;
}
.Dropdown__dropdownButton.active {
color: #fff;
cursor: default;
}
.Dropdown__root.open .Dropdown__dropdownButton {
opacity: 1;
-webkit-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
}
.Dropdown__dropdownContent.secondary .Dropdown__dropdownButton {
background-color: #e9ecef;
color: #9aa8b6;
font-size: 18px;
}
.Dropdown__root.JS-form-dropdown .Dropdown__dropdownButton {
font-weight: 300;
color: #1e2e3f;
font-size: 18px;
}
.Dropdown__root.JS-form-dropdown .Dropdown__dropdownButton.active {
color: #fff;
}
.Dropdown__dropdownContent.secondary .Dropdown__dropdownButton.active {
color: #0180c9;
}
.Dropdown__root.JS-form-dropdown .buttonInner {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 28px;
}
.Dropdown__root.open.JS-form-dropdown .JS-dropdown-button {
border-color: #0180c9;
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.Dropdown__root.open.JS-form-dropdown .JS-dropdown-button.changed {
color: #0180c9;
}
.PageNavMobile__root {
display: block;
height: 66px;
background-color: #fff;
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
.OverlayPDP__root {
display: block;
}
.OverlayPDP__root .OverlayPDP__animLeft,
.OverlayPDP__root .OverlayPDP__left,
.OverlayPDP__root .OverlayPDP__nav {
-webkit-transition: -webkit-transform 0.5s
cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: -webkit-transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82),
-webkit-transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82),
-webkit-transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.OverlayPDP__root .OverlayPDP__animLeft {
-webkit-transform: translateX(110px);
transform: translateX(110px);
}
.OverlayPDP__root .OverlayPDP__left,
.OverlayPDP__root .OverlayPDP__nav,
.OverlayPDP__root .OverlayPDP__right1,
.OverlayPDP__root .OverlayPDP__right2 {
position: fixed;
z-index: 50;
-webkit-transition: -webkit-transform 0.5s
cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: -webkit-transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82),
-webkit-transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82),
-webkit-transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.OverlayPDP__root .OverlayPDP__left,
.OverlayPDP__root .OverlayPDP__right1,
.OverlayPDP__root .OverlayPDP__right2 {
bottom: 110px;
}
@media (max-width: 768px) {
.OverlayPDP__root .OverlayPDP__left,
.OverlayPDP__root .OverlayPDP__right1,
.OverlayPDP__root .OverlayPDP__right2 {
bottom: 80px;
}
}
.OverlayPDP__root .OverlayPDP__right1 {
z-index: 51;
}
.OverlayPDP__root .OverlayPDP__right2 {
bottom: 112px;
}
.OverlayPDP__root .OverlayPDP__left {
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
@media (max-width: 768px) {
.OverlayPDP__root .OverlayPDP__left {
left: 17px;
}
}
@media (min-width: 769px) {
.OverlayPDP__root .OverlayPDP__left {
left: 1.25%;
}
}
@media (min-width: 1440px) {
.OverlayPDP__root .OverlayPDP__left {
left: 44px;
}
}
@media (max-width: 768px) {
.OverlayPDP__root .OverlayPDP__right1,
.OverlayPDP__root .OverlayPDP__right2 {
right: 17px;
}
}
@media (min-width: 769px) {
.OverlayPDP__root .OverlayPDP__right1,
.OverlayPDP__root .OverlayPDP__right2 {
right: 1.25%;
}
}
@media (min-width: 1440px) {
.OverlayPDP__root .OverlayPDP__right1,
.OverlayPDP__root .OverlayPDP__right2 {
right: 44px;
}
}
.OverlayPDP__root .OverlayPDP__nav {
z-index: 50;
top: 0;
left: 0;
width: 100%;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
@media (max-width: 768px) {
.OverlayPDP__root .OverlayPDP__nav {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
height: 66px;
}
}
.OverlayPDP__root .OverlayPDP__nav:not(.scrolled) {
display: none;
}
.OverlayPDP__root.active .OverlayPDP__animLeft,
.OverlayPDP__root.active .OverlayPDP__left,
.OverlayPDP__root.active .OverlayPDP__nav {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.OverlayPDP__root:not(.close) .OverlayPDP__right2 {
bottom: 182px;
}
.OverlayPDP__root:not(.close) .OverlayPDP__right2.OverlayPDP__animLeft {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.OverlayPDP__root.close .OverlayPDP__left {
-webkit-transform: translateX(-110px);
transform: translateX(-110px);
}
.OverlayPDP__root.close .OverlayPDP__right1,
.OverlayPDP__root.close .OverlayPDP__right2 {
-webkit-transform: translateX(110px);
transform: translateX(110px);
}
.OverlayPDP__root.close .OverlayPDP__left,
.OverlayPDP__root.close .OverlayPDP__right1 {
-webkit-transition-delay: 0.2s !important;
transition-delay: 0.2s !important;
}
.OverlayPDP__root.close .OverlayPDP__nav {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
@media (max-width: 768px) {
.OverlayPDP__root.close .OverlayPDP__nav {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
}
}
.OverlayPDP__root.hide-action-buttons .OverlayPDP__right1,
.OverlayPDP__root.hide-action-buttons .OverlayPDP__right2 {
-webkit-transform: translateX(110px);
transform: translateX(110px);
}
.OverlayPDP__root.hide-action-buttons .OverlayPDP__right1 {
-webkit-transition-delay: 0.2s !important;
transition-delay: 0.2s !important;
}
.OverlayPDP__root.hide-action-buttons .OverlayPDP__right2 {
-webkit-transition-delay: 0 !important;
transition-delay: 0 !important;
}
@media (max-width: 768px) {
.OverlayPDP__root.scroll-up .OverlayPDP__left,
.OverlayPDP__root.scroll-up .OverlayPDP__right1,
.OverlayPDP__root.scroll-up .OverlayPDP__right2 {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
}
}
.RetailerCard__root {
background-color: rgba(233, 236, 239, 0.4);
border-radius: 8px;
}
.RetailerCard__root .RetailerCard__logo {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.RetailerCard__root .RetailerCard__stockInfo.RetailerCard__inStock {
color: #1e2e3f;
}
.RetailerCard__root .RetailerCard__stockInfo.RetailerCard__outOfStock {
color: #9aa8b6;
}
.WhereToBuyOr__root .WhereToBuyOr__or {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
}
.WhereToBuyOr__root .WhereToBuyOr__line {
width: calc(50% - 15.5px);
}
.FindAStoreBtn__root {
position: relative;
display: block;
height: 120px;
width: 100%;
text-align: left;
border-radius: 8px;
background-color: rgba(233, 236, 239, 0.4);
text-decoration: none;
cursor: pointer;
}
.FindAStoreBtn__titleWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.FindAStoreBtn__title {
margin-left: 50px;
width: calc(100% - 160px);
color: #0180c9;
font-size: 22px;
line-height: 32px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 768px) {
.FindAStoreBtn__title {
width: calc(100% - 110px);
margin-left: 20px;
font-size: 18px;
line-height: 24px;
}
}
.FindAStoreBtn__icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 55px;
}
@media (max-width: 768px) {
.FindAStoreBtn__icon {
right: 20px;
}
}
.FindAStoreBtn__icon img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.Modal__root {
width: 100%;
height: 100%;
background-color: rgba(30, 46, 63, 0.9);
pointer-events: none;
}
.Modal__root .Modal__overlayTop {
position: absolute;
z-index: 10;
top: 40px;
left: 0;
width: 100%;
}
@media (max-width: 768px) {
.Modal__root .Modal__overlayTop {
top: 20px;
}
}
.Modal__root .Modal__overlayBottom {
position: absolute;
z-index: 10;
bottom: 40px;
left: 0;
width: 100%;
}
@media (max-width: 768px) {
.Modal__root .Modal__overlayBottom {
bottom: 40px;
}
}
.Modal__root .Modal__contentWrapper {
overflow-y: auto;
overflow-x: hidden;
height: 100%;
-webkit-overflow-scrolling: touch;
}
.Modal__root .Modal__contentWrapper.Modal__step {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.Modal__root .Modal__content {
padding: 50px 45px 60px;
}
@media (max-width: 768px) {
.Modal__root .Modal__content {
width: 100%;
padding: 40px 20px 50px;
}
}
.Modal__root .Modal__backButton {
position: absolute;
z-index: 10;
}
@media (min-width: 769px) {
.Modal__root .Modal__backButton {
top: 40px;
left: 40px;
}
}
@media (max-width: 768px) {
.Modal__root .Modal__backButton {
right: 20px;
bottom: 95px;
}
}
.Modal__root .Modal__backButton svg {
color: #0180c9;
fill: #0180c9;
stroke: #0180c9;
}
.Modal__root .Modal__backButton.hidden {
display: none;
}
.Modal__root .Modal__buttonClose {
position: absolute;
z-index: 10;
}
@media (min-width: 769px) {
.Modal__root .Modal__buttonClose {
top: 40px;
right: 45px;
}
}
@media (max-width: 768px) {
.Modal__root .Modal__buttonClose {
right: 20px;
bottom: auto;
top: 20px;
}
}
.Modal__root .Modal__bottomOpacity {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 280px;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 255, 255, 0)),
to(#fff)
);
background: linear-gradient(rgba(255, 255, 255, 0), #fff);
z-index: 5;
pointer-events: none;
}
.Modal__empty .Modal__content {
background-color: transparent;
}
.Modal__content.noPadding {
padding: 0;
}
@media (max-width: 768px) {
.Modal__content.noDesktopPadding {
padding: 0;
}
}
.Modal__modal {
pointer-events: auto;
position: absolute;
top: 0;
right: 0;
width: 720px;
height: 100%;
background-color: #fff;
color: #1e2e3f;
z-index: 2;
}
@media (max-width: 768px) {
.Modal__modal {
width: 100%;
}
}
.Modal__empty {
background-color: rgba(30, 46, 63, 0.95);
}
.Modal__fullWidth {
background-color: transparent;
}
.Modal__empty .Modal__modal,
.Modal__fullWidth .Modal__modal {
width: 100%;
background-color: transparent;
}
.Modal__root .Modal__contentWrapper.hidden {
visibility: hidden;
opacity: 0;
}
.Autocomplete__root {
position: relative;
}
.Autocomplete__root .Autocomplete__autocomplete {
border-radius: 8px;
background-color: #fff;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.Autocomplete__root .Autocomplete__autocomplete button {
padding: 0 27px;
min-height: 70px;
border-bottom: 1px solid #d4d9de;
width: 100%;
text-align: left;
}
.Autocomplete__root .Autocomplete__autocomplete button:last-child {
border: 0;
}
.Autocomplete__root .Autocomplete__autocomplete.hidden {
opacity: 0;
visibility: hidden;
}
.SectionHeader__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-decoration: none;
text-align: center;
}
.SectionHeader__root .SectionHeader__prefix {
color: #9aa8b6;
}
.SectionHeader__root .SectionHeader__title {
color: #1e2e3f;
}
.SectionHeader__root .SectionHeader__subtitle {
margin-top: 20px;
font-weight: 400;
color: #5b6d81;
}
@media (max-width: 768px) {
.SectionHeader__root .SectionHeader__subtitle {
margin-top: 25px;
}
}
.SectionHeader__root.SectionHeader__secondary .SectionHeader__subtitle,
.SectionHeader__root.SectionHeader__secondary .SectionHeader__title {
color: #fff;
}
.ArticlePreviewTag__root .ArticlePreviewTag__button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
padding: 0 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
border-radius: 50px;
height: 45px;
background-color: #e9ecef;
color: #1e2e3f;
font-size: 14px;
font-weight: 500;
outline: 0;
}
.ArticlePreviewTag__root
.ArticlePreviewTag__button.ArticlePreviewTag__transparent {
letter-spacing: 0.3px;
color: #fff;
background-color: rgba(0, 0, 0, 0.3);
}
.ArticlePreviewTag__root .ArticlePreviewTag__button.ArticlePreviewTag__small {
height: 24px;
padding: 0 9px;
}
.RetailerResultsCard__root {
position: relative;
width: 312px;
max-height: 180px;
min-height: 153px;
border-radius: 8px;
padding: 55px 30px 0;
background-color: #fff;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
cursor: pointer;
}
@media (max-width: 1023px) {
.RetailerResultsCard__root {
width: 162px;
height: 202px;
max-height: 202px;
padding: 22px 25px 0;
overflow: hidden;
}
}
@media (max-width: 1023px) {
.RetailerResultsCard__root .RetailerResultsCard__distance,
.RetailerResultsCard__root .RetailerResultsCard__logo {
display: none;
}
}
.RetailerResultsCard__root .RetailerResultsCard__name {
position: relative;
width: 100%;
font-size: 24px;
font-weight: 400;
line-height: 32px;
color: #1e2e3f;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media (max-width: 1023px) {
.RetailerResultsCard__root .RetailerResultsCard__name {
font-size: 18px;
line-height: 25px;
white-space: normal;
max-height: 50px;
}
}
.RetailerResultsCard__root .RetailerResultsCard__address {
position: relative;
width: 100%;
color: #9aa8b6;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media (max-width: 1023px) {
.RetailerResultsCard__root .RetailerResultsCard__address {
white-space: normal;
max-height: 63px;
}
}
.RetailerResultsCard__root .RetailerResultsCard__check {
display: none;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 17px;
width: 15px;
height: 15px;
cursor: pointer;
}
@media (max-width: 1023px) {
.RetailerResultsCard__root .RetailerResultsCard__check {
display: block;
}
}
.RetailerResultsCard__root .RetailerResultsCard__extra {
display: none;
}
@media (min-width: 1024px) {
.RetailerResultsCard__root.opened {
cursor: auto;
padding-bottom: 35px;
max-height: 800px;
-webkit-transition: max-height 0.4s ease-in-out;
transition: max-height 0.4s ease-in-out;
}
}
@media (min-width: 1024px) and (max-width: 1023px) {
.RetailerResultsCard__root.opened {
width: 335px;
max-width: calc(100vw - 40px);
height: 547px;
padding: 55px 30px 0;
-webkit-transition: max-height 0;
transition: max-height 0;
}
}
@media (min-width: 1024px) {
.RetailerResultsCard__root.opened .RetailerResultsCard__extra {
display: block;
}
}
@media (min-width: 1024px) and (max-width: 1023px) {
.RetailerResultsCard__root.opened .RetailerResultsCard__logo {
display: block;
}
}
@media (min-width: 1024px) {
.RetailerResultsCard__root.opened .RetailerResultsCard__name {
font-size: 24px;
letter-spacing: 0.2px;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
max-height: auto;
}
}
@media (min-width: 1024px) and (max-width: 1023px) {
.RetailerResultsCard__root.opened .RetailerResultsCard__name {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.2px;
white-space: nowrap;
}
}
@media (min-width: 1024px) {
.RetailerResultsCard__root.opened .RetailerResultsCard__address {
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
max-height: auto;
}
}
@media (min-width: 1024px) and (max-width: 1023px) {
.RetailerResultsCard__root.opened .RetailerResultsCard__address {
white-space: nowrap;
}
}
@media (min-width: 1024px) {
.RetailerResultsCard__root.opened .RetailerResultsCard__contacts {
position: relative;
width: calc(100% + 60px);
margin-left: -30px;
margin-top: 25px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 30px;
}
}
@media (min-width: 1024px) and (max-width: 1023px) {
.RetailerResultsCard__root.opened .RetailerResultsCard__contacts {
height: 142px;
}
}
@media (min-width: 1024px) {
.RetailerResultsCard__root.opened .RetailerResultsCard__mail,
.RetailerResultsCard__root.opened .RetailerResultsCard__phone,
.RetailerResultsCard__root.opened .RetailerResultsCard__site {
position: relative;
height: 69px;
min-height: 70px;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
color: #1e2e3f;
text-decoration: none;
text-overflow: ellipsis;
overflow: hidden;
}
.RetailerResultsCard__root.opened .RetailerResultsCard__mail span,
.RetailerResultsCard__root.opened .RetailerResultsCard__phone span,
.RetailerResultsCard__root.opened .RetailerResultsCard__site span {
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
margin-right: 4px;
}
.RetailerResultsCard__root.opened .RetailerResultsCard__mail svg,
.RetailerResultsCard__root.opened .RetailerResultsCard__phone svg,
.RetailerResultsCard__root.opened .RetailerResultsCard__site svg {
-ms-flex-preferred-size: auto;
flex-basis: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media (min-width: 1024px) and (max-width: 1023px) {
.RetailerResultsCard__root.opened .RetailerResultsCard__mail,
.RetailerResultsCard__root.opened .RetailerResultsCard__phone,
.RetailerResultsCard__root.opened .RetailerResultsCard__site {
height: 47px;
min-height: auto;
border-bottom: 0;
}
.RetailerResultsCard__root.opened .RetailerResultsCard__mail span,
.RetailerResultsCard__root.opened .RetailerResultsCard__phone span,
.RetailerResultsCard__root.opened .RetailerResultsCard__site span {
max-height: 47px;
text-overflow: ellipsis;
overflow: hidden;
}
}
@media (min-width: 1024px) {
.RetailerResultsCard__root.opened .RetailerResultsCard__site svg {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
.RetailerResultsCard__root.opened .RetailerResultsCard__mail {
border-bottom: 0;
}
.RetailerResultsCard__root.opened .RetailerResultsCard__workTime {
position: relative;
width: 100%;
margin-top: 15px;
color: #1e2e3f;
line-height: 26px;
}
.RetailerResultsCard__root.opened .RetailerResultsCard__getInTouch {
margin-top: 20px;
line-height: 18px;
font-size: 12px;
text-align: center;
letter-spacing: 0.2px;
color: #9aa8b6;
}
}
@media (min-width: 1024px) and (max-width: 1023px) {
.RetailerResultsCard__root.opened .RetailerResultsCard__check {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@media (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile {
cursor: auto;
padding-bottom: 35px;
max-height: 800px;
-webkit-transition: max-height 0.4s ease-in-out;
transition: max-height 0.4s ease-in-out;
}
}
@media (max-width: 1023px) and (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile {
width: 335px;
max-width: calc(100vw - 40px);
height: 547px;
padding: 55px 30px 0;
-webkit-transition: max-height 0;
transition: max-height 0;
}
}
@media (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__extra {
display: block;
}
}
@media (max-width: 1023px) and (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__logo {
display: block;
}
}
@media (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__name {
font-size: 24px;
letter-spacing: 0.2px;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
max-height: auto;
}
}
@media (max-width: 1023px) and (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__name {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.2px;
white-space: nowrap;
}
}
@media (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__address {
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
max-height: auto;
}
}
@media (max-width: 1023px) and (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__address {
white-space: nowrap;
}
}
@media (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__contacts {
position: relative;
width: calc(100% + 60px);
margin-left: -30px;
margin-top: 25px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 30px;
}
}
@media (max-width: 1023px) and (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__contacts {
height: auto;
}
}
@media (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__mail,
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__phone,
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__site {
position: relative;
height: 69px;
min-height: 70px;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
color: #1e2e3f;
text-decoration: none;
text-overflow: ellipsis;
overflow: hidden;
}
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__mail span,
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__phone span,
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__site span {
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
margin-right: 4px;
}
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__mail svg,
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__phone svg,
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__site svg {
-ms-flex-preferred-size: auto;
flex-basis: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media (max-width: 1023px) and (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__mail,
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__phone,
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__site {
height: 47px;
min-height: auto;
border-bottom: 0;
}
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__mail span,
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__phone span,
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__site span {
max-height: 47px;
text-overflow: ellipsis;
overflow: hidden;
}
}
@media (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__site svg {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__mail {
border-bottom: 0;
}
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__workTime {
position: relative;
width: 100%;
margin-top: 15px;
color: #1e2e3f;
line-height: 26px;
}
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__getInTouch {
margin-top: 20px;
line-height: 18px;
font-size: 12px;
text-align: center;
letter-spacing: 0.2px;
color: #9aa8b6;
}
}
@media (max-width: 1023px) and (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__check {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
.WhereToBuyMapOverlay__root {
height: 100%;
}
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__controls,
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__search {
z-index: 10;
}
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__cardsWrapper {
position: absolute;
z-index: 11;
top: 0;
left: 35px;
max-height: 100vh;
max-width: 100vw;
overflow: hidden;
}
@media (max-width: 1023px) {
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__cardsWrapper {
top: auto;
bottom: 80px;
left: 0;
}
}
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__cards {
overflow: auto;
-webkit-overflow-scrolling: touch;
max-height: 100vh;
margin-right: -40px;
padding-right: 50px;
padding-left: 10px;
}
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__cards::-webkit-scrollbar {
display: none;
}
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__cards > * {
margin-top: 15px;
}
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__cards > :first-child {
margin: 0;
margin-top: 44px;
}
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__cards:after {
content: '';
display: block;
padding-bottom: 44px;
}
@media (max-width: 1023px) {
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__cards {
max-height: none;
max-width: 100vw;
margin-right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
margin-bottom: -40px;
padding-bottom: 60px;
}
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__cards > * {
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
margin-left: 11px;
max-height: calc(100vh - 117px);
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__cards > :first-child {
margin: 0;
margin-left: 20px;
}
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__cards:after {
content: '';
display: block;
padding-right: 20px;
}
}
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__search {
position: absolute;
top: 44px;
right: 120px;
}
@media (max-width: 768px) {
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__search {
width: 473px;
max-width: calc(100% - 40px);
top: 20px;
right: 20px;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
}
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__controls {
position: absolute;
bottom: 44px;
right: 45px;
}
@media (max-width: 1023px) {
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__controls {
bottom: 92px;
right: 20px;
}
}
@media (max-width: 1023px) {
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__controls .control-desktop,
.WhereToBuyMapOverlay__root.WhereToBuyMapOverlay__withCards
.control-location {
display: none;
}
}
@media (max-width: 768px) {
.WhereToBuyMapOverlay__root.mobile-cards-opened
.WhereToBuyMapOverlay__search {
opacity: 0;
}
}
.ModalWhereToBuyAll__root {
display: block;
height: 100%;
}
.ModalWhereToBuyAll__root .ModalWhereToBuyAll__buttonClose {
position: absolute;
z-index: 10;
top: 44px;
right: 45px;
}
@media (max-width: 768px) {
.ModalWhereToBuyAll__root .ModalWhereToBuyAll__buttonClose {
top: auto;
right: auto;
bottom: 20px;
left: 20px;
}
}
.ModalWhereToBuyAll__root .ModalWhereToBuyAll__map {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.ModalWhereToBuyAll__root .ModalWhereToBuyAll__map.active {
visibility: visible;
opacity: 1;
}
.ModalWhereToBuyAll__root .ModalWhereToBuyAll__step {
position: absolute;
visibility: hidden;
opacity: 0;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
z-index: 3;
pointer-events: none;
}
.ModalWhereToBuyAll__root .ModalWhereToBuyAll__step.active {
visibility: visible;
opacity: 1;
z-index: 4;
}
.ClearAllBtnInfoMessage__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 120px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 1024px) {
.ClearAllBtnInfoMessage__root {
display: block;
}
}
.ClearAllBtnInfoMessage__title {
font-size: 22px;
line-height: 32px;
text-align: left;
}
@media (max-width: 1280px) {
.ClearAllBtnInfoMessage__title {
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 1024px) {
.ClearAllBtnInfoMessage__title {
margin-top: 35px;
text-align: center;
}
}
.ClearAllBtnInfoMessage__rightBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1024px) {
.ClearAllBtnInfoMessage__rightBlock {
display: block;
}
}
.ClearAllBtnInfoMessage__closeBtn {
position: relative;
width: 18px;
height: 18px;
cursor: pointer;
}
.ClearAllBtnInfoMessage__closeBtn:after {
content: '';
position: absolute;
top: -13px;
left: -13px;
right: -13px;
bottom: -13px;
}
.InfoMessage__root {
display: block;
}
.Overlay__root {
display: block;
}
.Overlay__root .Overlay__message {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s
cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: -webkit-transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82),
-webkit-transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82),
-webkit-transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.Overlay__root .Overlay__message.active {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.Overlay__root .Overlay__clearAllBtnMessage {
padding: 0;
}
.DragLabel__root {
width: 82px;
height: 82px;
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;
background-color: #0180c9;
border-radius: 50%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
pointer-events: none;
}
.DragLabel__root .DragLabel__label {
color: #fff;
} /* normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
progress {
vertical-align: baseline;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: 0;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
font-weight: bolder;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
button,
input,
select,
textarea {
font: inherit;
margin: 0;
}
optgroup {
font-weight: 700;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type='reset'],
[type='submit'],
button,
html [type='button'] {
-webkit-appearance: button;
}
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
border: 0;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
textarea {
overflow: auto;
}
[type='checkbox'],
[type='radio'] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-75ExtraBold.a90c5b35.woff2) format('woff2'),
url(../fonts/CoreSansC-75ExtraBold.68d0c47d.woff) format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-15Thin.b54de4f9.woff2) format('woff2'),
url(../fonts/CoreSansC-15Thin.9077af2c.woff) format('woff');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-95BlackIt.b2a31fd8.woff2) format('woff2'),
url(../fonts/CoreSansC-95BlackIt.b0b2ff31.woff) format('woff');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-15ThinIt.0da9a57c.woff2) format('woff2'),
url(../fonts/CoreSansC-15ThinIt.0951fccc.woff) format('woff');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-95Black.fcf777e2.woff2) format('woff2'),
url(../fonts/CoreSansC-95Black.e37657f5.woff) format('woff');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-85HeavyIt.258d620b.woff2) format('woff2'),
url(../fonts/CoreSansC-85HeavyIt.a455145f.woff) format('woff');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-45RegularIt.7d63ceef.woff2) format('woff2'),
url(../fonts/CoreSansC-45RegularIt.78a46e58.woff) format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-85Heavy.549963b5.woff2) format('woff2'),
url(../fonts/CoreSansC-85Heavy.4336b6ff.woff) format('woff');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-65BoldIt.f5c08f49.woff2) format('woff2'),
url(../fonts/CoreSansC-65BoldIt.4602bc16.woff) format('woff');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-25ExtraLightIt.9961698f.woff2) format('woff2'),
url(../fonts/CoreSansC-25ExtraLightIt.6a67fd9b.woff) format('woff');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-35LightIt.33c4a0b6.woff2) format('woff2'),
url(../fonts/CoreSansC-35LightIt.8b61c58c.woff) format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-55MediumIt.9f76113a.woff2) format('woff2'),
url(../fonts/CoreSansC-55MediumIt.69410641.woff) format('woff');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-55Medium.0758926b.woff2) format('woff2'),
url(../fonts/CoreSansC-55Medium.f95e7a7b.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-75ExtraBoldIt.ab22fa88.woff2) format('woff2'),
url(../fonts/CoreSansC-75ExtraBoldIt.5626498d.woff) format('woff');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-45Regular.f29025b6.woff2) format('woff2'),
url(../fonts/CoreSansC-45Regular.4b8ab5a6.woff) format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-65Bold.13df2c3d.woff2) format('woff2'),
url(../fonts/CoreSansC-65Bold.a8c3ea95.woff) format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-35Light.7456c537.woff2) format('woff2'),
url(../fonts/CoreSansC-35Light.252d331a.woff) format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: Core Sans;
src: url(../fonts/CoreSansC-25ExtraLight.23b759b8.woff2) format('woff2'),
url(../fonts/CoreSansC-25ExtraLight.6869942c.woff) format('woff');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: HandOfSeanPro;
src: url(../fonts/HandOfSeanPro-Regular.ef33d229.woff2) format('woff2'),
url(../fonts/HandOfSeanPro-Regular.ae1b2a70.woff) format('woff');
font-weight: 400;
font-style: normal;
}
body {
font-family: Core Sans, sans-serif;
font-size: 16px;
font-weight: 300;
}
button {
padding: 0;
border: 0;
cursor: pointer;
background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
}
.container {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 769px) {
.container {
max-width: 1800px;
}
}
.container-fluid {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1.25%;
margin-left: -1.25%;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto,
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-auto,
.col-xxl,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 1.25%;
padding-left: 1.25%;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1,
.col-auto {
-webkit-box-flex: 0;
}
.col-1 {
-ms-flex: 0 0 8.33333%;
-webkit-box-flex: 0;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2 {
-ms-flex: 0 0 16.66667%;
-webkit-box-flex: 0;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-2,
.col-3 {
-webkit-box-flex: 0;
}
.col-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.33333%;
-webkit-box-flex: 0;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-4,
.col-5 {
-webkit-box-flex: 0;
}
.col-5 {
-ms-flex: 0 0 41.66667%;
-webkit-box-flex: 0;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-6,
.col-7 {
-webkit-box-flex: 0;
}
.col-7 {
-ms-flex: 0 0 58.33333%;
-webkit-box-flex: 0;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8 {
-ms-flex: 0 0 66.66667%;
-webkit-box-flex: 0;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-8,
.col-9 {
-webkit-box-flex: 0;
}
.col-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.33333%;
-webkit-box-flex: 0;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-10,
.col-11 {
-webkit-box-flex: 0;
}
.col-11 {
-ms-flex: 0 0 91.66667%;
-webkit-box-flex: 0;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 375px) {
.col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xs-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xs-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xs-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xs-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xs-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xs-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xs-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xs-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xs-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xs-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xs-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xs-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xs-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xs-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xs-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xs-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xs-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xs-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xs-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xs-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xs-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xs-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xs-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xs-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xs-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xs-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xs-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xs-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xs-0 {
margin-left: 0;
}
.offset-xs-1 {
margin-left: 8.33333%;
}
.offset-xs-2 {
margin-left: 16.66667%;
}
.offset-xs-3 {
margin-left: 25%;
}
.offset-xs-4 {
margin-left: 33.33333%;
}
.offset-xs-5 {
margin-left: 41.66667%;
}
.offset-xs-6 {
margin-left: 50%;
}
.offset-xs-7 {
margin-left: 58.33333%;
}
.offset-xs-8 {
margin-left: 66.66667%;
}
.offset-xs-9 {
margin-left: 75%;
}
.offset-xs-10 {
margin-left: 83.33333%;
}
.offset-xs-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 769px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1025px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1281px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1441px) {
.col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xxl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333%;
}
.offset-xxl-2 {
margin-left: 16.66667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333%;
}
.offset-xxl-5 {
margin-left: 41.66667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333%;
}
.offset-xxl-8 {
margin-left: 66.66667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333%;
}
.offset-xxl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1440px) {
.container {
padding: 0 44px;
}
}
@media (max-width: 769px) {
.container {
padding-right: 17px;
padding-left: 17px;
}
.row {
margin-right: -5px;
margin-left: -5px;
}
.row > .col,
.row > [class*='col-'] {
padding-right: 5px;
padding-left: 5px;
}
}
.container-no-max-width {
max-width: none;
}
@media (max-width: 768px) {
.container--md {
max-width: none;
padding: 0;
}
.container--md .row {
margin: 0;
}
.container--md .row > .col,
.container--md .row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1439px) {
.container--xxl {
max-width: none;
padding: 0;
}
.container--xxl .row {
margin: 0;
}
.container--xxl .row > .col,
.container--xxl .row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1025px) {
.container--tablet {
max-width: none;
padding: 0;
}
.container--tablet .row {
margin: 0;
}
.container--tablet .row > .col,
.container--tablet .row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.container--sm {
padding-right: 17px;
padding-left: 17px;
}
}
.container-full-width {
max-width: unset;
}
@media (max-width: 768px) {
.container-left {
padding-left: 17px;
}
}
@media (min-width: 769px) {
.container-left {
padding-left: 1.25%;
}
}
@media (min-width: 1440px) {
.container-left {
padding-left: 44px;
}
}
body * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html.as-mouseuser * {
outline: 0;
}
html.as-keyboarduser [type='button']:-moz-focusring,
html.as-keyboarduser [type='reset']:-moz-focusring,
html.as-keyboarduser [type='submit']:-moz-focusring,
html.as-keyboarduser button:-moz-focusring {
outline: 1px dotted ButtonText;
}
body.modal-open {
overflow: hidden;
}
body.modal-open-blur #footer,
body.modal-open-blur #header,
body.modal-open-blur #nav-mobile,
body.modal-open-blur #pdp-overlay,
body.modal-open-blur .pageContent {
-webkit-filter: blur(4px);
filter: blur(4px);
}
body:before {
position: absolute;
top: -1000px;
pointer-events: none;
}
body:after,
body:before {
content: '';
z-index: 9999999999;
width: 100%;
height: 1000px;
background-color: #fff;
}
body:after {
position: fixed;
bottom: -1000px;
}
a {
color: #1e2e3f;
}
.h1 {
font-family: Core Sans, sans-serif;
font-size: 54px;
font-weight: 800;
line-height: 60px;
}
@media (max-width: 1280px) {
.h1 {
font-size: 48px;
line-height: 52px;
}
}
@media (max-width: 1024px) {
.h1 {
font-size: 40px;
line-height: 46px;
}
}
@media (max-width: 768px) {
.h1 {
font-size: 36px;
line-height: 42px;
}
}
.h4 {
font-family: Core Sans, sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 40px;
}
@media (max-width: 768px) {
.h4 {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.4px;
}
}
.h6 {
font-family: Core Sans, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 32px;
}
@media (max-width: 768px) {
.h6--sm {
font-size: 22px;
}
}
.h6-normal {
font-family: Core Sans, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 32px;
}
@media (max-width: 768px) {
.h6-normal {
font-size: 22px;
}
}
.h7 {
font-family: Core Sans, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 32px;
}
@media (max-width: 768px) {
.h7 {
line-height: 30px;
}
}
.h8,
.h8-darkblue,
.h8-medium-grey,
.h8-white {
font-family: Core Sans, sans-serif;
font-size: 18px;
font-weight: 400;
}
.h8-white {
color: #fff;
}
.h8-darkblue {
color: #1e2e3f;
}
.h8-medium-grey {
font-weight: 500;
color: #7c8fa1;
}
.h9 {
line-height: 26px;
}
.h9,
.h9-darkblue {
font-size: 16px;
font-weight: 400;
}
.h9-darkblue {
line-height: 22px;
color: #1e2e3f;
}
.subH {
font-weight: 400;
}
.subH,
.subHMedium,
.subHMedium-grey,
.subMedium-green {
font-family: Core Sans, sans-serif;
font-size: 14px;
letter-spacing: 0.43px;
}
.subHMedium,
.subHMedium-grey,
.subMedium-green {
font-weight: 500;
}
.subHMedium-grey {
color: #9aa8b6;
}
.subMedium-green {
color: #3ba936;
}
.subTitle2,
.subTitle2-midgrey,
.subTitle2-white {
font-family: Core Sans, sans-serif;
font-size: 12px;
letter-spacing: 0.37px;
font-weight: 500;
line-height: 14px;
}
.subTitle2-midgrey {
color: #9aa8b6;
}
.subTitle2-white {
color: #fff;
}
.p {
font-family: Core Sans, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 28px;
}
@media (max-width: 768px) {
.p {
font-size: 16px;
line-height: 26px;
}
}
.pSmall {
font-family: Core Sans, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
}
.center {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.xCenter {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (min-width: 769px) {
.xCenter--md {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.yCenter {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.xyFlex {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.xFlex,
.xyFlex,
.xyFlexC {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.xyFlexC {
-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;
}
@media (max-width: 768px) {
.xyFlex--md {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 768px) {
.xFlexC--md,
.xyFlex--md {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.xFlexC--md {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.yFlex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dot {
background-color: #9aa8b6;
border-radius: 50%;
width: 4px;
height: 4px;
opacity: 0.5;
}
.dot,
.show {
display: block;
}
.hide {
display: none;
}
@media (max-width: 768px) {
.hideMobile {
display: none;
}
}
@media (max-width: 1024px) {
.hideTablet {
display: none;
}
}
@media (min-width: 769px) {
.hideDesktop {
display: none;
}
}
.modal {
display: none;
position: fixed;
z-index: 9999;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.modal .modal-button-close {
-webkit-transform: scale(0) rotate(-45deg);
transform: scale(0) rotate(-45deg);
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.modal .modal-fade-up {
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
.modal .modal-fade,
.modal .modal-fade-up {
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.modal.open {
opacity: 1;
pointer-events: auto;
}
.modal.open .modal-button-close {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
.modal.open .modal-fade {
opacity: 1;
}
.modal.open .modal-fade-up {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.modal.open .modal-fade-up:first-child {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.modal.open .modal-fade-up:nth-child(2) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.modal.open .modal-fade-up:nth-child(3) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.modal.open .modal-fade-up:nth-child(4) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.modal.open .modal-fade-up:nth-child(5) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.modal.open .modal-fade-up:nth-child(6) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.modal.open .modal-fade-up:nth-child(7) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.modal.open .modal-fade-up:nth-child(8) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.modal.open .modal-fade-up:nth-child(9) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.modal.open.modal-without-opacity-animation {
-webkit-transition-duration: 0;
transition-duration: 0;
}
.content {
background-color: #fff;
position: relative;
z-index: 2;
}
.collapsible {
overflow: hidden;
-webkit-transition: max-height 0.5s, opacity 0.5s;
transition: max-height 0.5s, opacity 0.5s;
}
.collapsible:not(.open) {
max-height: 0;
}
@media (min-width: 769px) {
.collapsible.collapsible-mobile {
max-height: none;
}
}
@media (min-width: 769px) {
#footer,
#main {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
#main:before {
content: '';
position: absolute;
width: 100%;
height: 0;
z-index: 2;
top: 0;
left: 0;
background: #fff;
opacity: 0;
-webkit-transition: height 1s, opacity 1s;
transition: height 1s, opacity 1s;
}
.subNavOpened #footer,
.subNavOpened #main {
position: relative;
}
.subNavOpened #footer:after,
.subNavOpened #main:after {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.subNavOpened #main:before {
height: 6px;
opacity: 1;
}
}
.modal-filter-button {
margin-bottom: 10px;
margin-right: 10px;
}
.indentLine,
.indentLine--md,
.indentLine--sm {
width: 100%;
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.indentLine--md {
display: none;
}
}
@media (min-width: 769px) {
.indentLine--sm {
display: none;
}
}
.border-left {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.border-right {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.border-bottom {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.link {
text-decoration: none;
color: inherit;
}
.navCategoryMask {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -100;
background-color: #1e2e3f;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.subNavOpened .navCategoryMask {
opacity: 0.9;
z-index: 5;
}
.buttonInner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
}
.JS-toggle-list {
position: relative;
}
.parallax-container {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
}
.parallax {
position: absolute;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: -1;
}
html.safari-desktop .parallax {
position: fixed;
pointer-events: none;
}
html.iOS .parallax-container {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
clip: rect(0, auto, auto, 0);
}
html.iOS .parallax-container .parallax {
position: fixed;
pointer-events: none;
top: 0;
}
[data-toggle-state] {
display: none;
}
.JS-active-state {
display: block;
}
.JS-toggle-state.__toggle {
position: relative;
}
[data-toggle-state].__toggle {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.5s ease-out, visibility 0.5s;
transition: opacity 0.5s ease-out, visibility 0.5s;
}
.JS-active-state.__toggle {
position: relative;
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
.map-label {
width: 60px;
height: 24px;
background-color: #fff;
border-radius: 12px;
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: Core Sans, sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.37px;
}
a[href^="http://maps.google.com/maps"],a[href^="https://maps.google.com/maps"]
{
display: none !important;
}
.gm-style-cc,
.gmnoprint a,
.gmnoprint span {
display: none;
}
.gmnoprint div {
background: none !important;
}
.textBlue {
color: #0180c9;
}
.nowrap {
white-space: nowrap;
}
.pnlm-hotspot {
width: auto !important;
height: auto !important;
border-radius: 0 !important;
pointer-events: none;
}
.pnlm-sprite {
background-image: none !important;
}
.pnlm-hotspot:hover {
background-color: transparent !important;
}
.JS-blur-content.blur {
-webkit-filter: blur(4px);
filter: blur(4px);
}
::-ms-clear {
display: none;
}
[data-aos][data-aos][data-aos-duration='50'],
body[data-aos-duration='50'] [data-aos] {
-webkit-transition-duration: 50ms;
transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay='50'],
body[data-aos-delay='50'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='50'].aos-animate,
body[data-aos-delay='50'] [data-aos].aos-animate {
-webkit-transition-delay: 50ms;
transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration='100'],
body[data-aos-duration='100'] [data-aos] {
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay='100'],
body[data-aos-delay='100'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='100'].aos-animate,
body[data-aos-delay='100'] [data-aos].aos-animate {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration='150'],
body[data-aos-duration='150'] [data-aos] {
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay='150'],
body[data-aos-delay='150'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='150'].aos-animate,
body[data-aos-delay='150'] [data-aos].aos-animate {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration='200'],
body[data-aos-duration='200'] [data-aos] {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay='200'],
body[data-aos-delay='200'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='200'].aos-animate,
body[data-aos-delay='200'] [data-aos].aos-animate {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration='250'],
body[data-aos-duration='250'] [data-aos] {
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay='250'],
body[data-aos-delay='250'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='250'].aos-animate,
body[data-aos-delay='250'] [data-aos].aos-animate {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration='300'],
body[data-aos-duration='300'] [data-aos] {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay='300'],
body[data-aos-delay='300'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='300'].aos-animate,
body[data-aos-delay='300'] [data-aos].aos-animate {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration='350'],
body[data-aos-duration='350'] [data-aos] {
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay='350'],
body[data-aos-delay='350'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='350'].aos-animate,
body[data-aos-delay='350'] [data-aos].aos-animate {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration='400'],
body[data-aos-duration='400'] [data-aos] {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay='400'],
body[data-aos-delay='400'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='400'].aos-animate,
body[data-aos-delay='400'] [data-aos].aos-animate {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration='450'],
body[data-aos-duration='450'] [data-aos] {
-webkit-transition-duration: 0.45s;
transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay='450'],
body[data-aos-delay='450'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='450'].aos-animate,
body[data-aos-delay='450'] [data-aos].aos-animate {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration='500'],
body[data-aos-duration='500'] [data-aos] {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay='500'],
body[data-aos-delay='500'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='500'].aos-animate,
body[data-aos-delay='500'] [data-aos].aos-animate {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration='550'],
body[data-aos-duration='550'] [data-aos] {
-webkit-transition-duration: 0.55s;
transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay='550'],
body[data-aos-delay='550'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='550'].aos-animate,
body[data-aos-delay='550'] [data-aos].aos-animate {
-webkit-transition-delay: 0.55s;
transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration='600'],
body[data-aos-duration='600'] [data-aos] {
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay='600'],
body[data-aos-delay='600'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='600'].aos-animate,
body[data-aos-delay='600'] [data-aos].aos-animate {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration='650'],
body[data-aos-duration='650'] [data-aos] {
-webkit-transition-duration: 0.65s;
transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay='650'],
body[data-aos-delay='650'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='650'].aos-animate,
body[data-aos-delay='650'] [data-aos].aos-animate {
-webkit-transition-delay: 0.65s;
transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration='700'],
body[data-aos-duration='700'] [data-aos] {
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay='700'],
body[data-aos-delay='700'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='700'].aos-animate,
body[data-aos-delay='700'] [data-aos].aos-animate {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration='750'],
body[data-aos-duration='750'] [data-aos] {
-webkit-transition-duration: 0.75s;
transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay='750'],
body[data-aos-delay='750'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='750'].aos-animate,
body[data-aos-delay='750'] [data-aos].aos-animate {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration='800'],
body[data-aos-duration='800'] [data-aos] {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay='800'],
body[data-aos-delay='800'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='800'].aos-animate,
body[data-aos-delay='800'] [data-aos].aos-animate {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration='850'],
body[data-aos-duration='850'] [data-aos] {
-webkit-transition-duration: 0.85s;
transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay='850'],
body[data-aos-delay='850'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='850'].aos-animate,
body[data-aos-delay='850'] [data-aos].aos-animate {
-webkit-transition-delay: 0.85s;
transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration='900'],
body[data-aos-duration='900'] [data-aos] {
-webkit-transition-duration: 0.9s;
transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay='900'],
body[data-aos-delay='900'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='900'].aos-animate,
body[data-aos-delay='900'] [data-aos].aos-animate {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration='950'],
body[data-aos-duration='950'] [data-aos] {
-webkit-transition-duration: 0.95s;
transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay='950'],
body[data-aos-delay='950'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='950'].aos-animate,
body[data-aos-delay='950'] [data-aos].aos-animate {
-webkit-transition-delay: 0.95s;
transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration='1000'],
body[data-aos-duration='1000'] [data-aos] {
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay='1000'],
body[data-aos-delay='1000'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1000'].aos-animate,
body[data-aos-delay='1000'] [data-aos].aos-animate {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration='1050'],
body[data-aos-duration='1050'] [data-aos] {
-webkit-transition-duration: 1.05s;
transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay='1050'],
body[data-aos-delay='1050'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1050'].aos-animate,
body[data-aos-delay='1050'] [data-aos].aos-animate {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration='1100'],
body[data-aos-duration='1100'] [data-aos] {
-webkit-transition-duration: 1.1s;
transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay='1100'],
body[data-aos-delay='1100'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1100'].aos-animate,
body[data-aos-delay='1100'] [data-aos].aos-animate {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration='1150'],
body[data-aos-duration='1150'] [data-aos] {
-webkit-transition-duration: 1.15s;
transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay='1150'],
body[data-aos-delay='1150'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1150'].aos-animate,
body[data-aos-delay='1150'] [data-aos].aos-animate {
-webkit-transition-delay: 1.15s;
transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration='1200'],
body[data-aos-duration='1200'] [data-aos] {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay='1200'],
body[data-aos-delay='1200'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1200'].aos-animate,
body[data-aos-delay='1200'] [data-aos].aos-animate {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration='1250'],
body[data-aos-duration='1250'] [data-aos] {
-webkit-transition-duration: 1.25s;
transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay='1250'],
body[data-aos-delay='1250'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1250'].aos-animate,
body[data-aos-delay='1250'] [data-aos].aos-animate {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration='1300'],
body[data-aos-duration='1300'] [data-aos] {
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay='1300'],
body[data-aos-delay='1300'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1300'].aos-animate,
body[data-aos-delay='1300'] [data-aos].aos-animate {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration='1350'],
body[data-aos-duration='1350'] [data-aos] {
-webkit-transition-duration: 1.35s;
transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay='1350'],
body[data-aos-delay='1350'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1350'].aos-animate,
body[data-aos-delay='1350'] [data-aos].aos-animate {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration='1400'],
body[data-aos-duration='1400'] [data-aos] {
-webkit-transition-duration: 1.4s;
transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay='1400'],
body[data-aos-delay='1400'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1400'].aos-animate,
body[data-aos-delay='1400'] [data-aos].aos-animate {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration='1450'],
body[data-aos-duration='1450'] [data-aos] {
-webkit-transition-duration: 1.45s;
transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay='1450'],
body[data-aos-delay='1450'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1450'].aos-animate,
body[data-aos-delay='1450'] [data-aos].aos-animate {
-webkit-transition-delay: 1.45s;
transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration='1500'],
body[data-aos-duration='1500'] [data-aos] {
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay='1500'],
body[data-aos-delay='1500'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1500'].aos-animate,
body[data-aos-delay='1500'] [data-aos].aos-animate {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration='1550'],
body[data-aos-duration='1550'] [data-aos] {
-webkit-transition-duration: 1.55s;
transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay='1550'],
body[data-aos-delay='1550'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1550'].aos-animate,
body[data-aos-delay='1550'] [data-aos].aos-animate {
-webkit-transition-delay: 1.55s;
transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration='1600'],
body[data-aos-duration='1600'] [data-aos] {
-webkit-transition-duration: 1.6s;
transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay='1600'],
body[data-aos-delay='1600'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1600'].aos-animate,
body[data-aos-delay='1600'] [data-aos].aos-animate {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration='1650'],
body[data-aos-duration='1650'] [data-aos] {
-webkit-transition-duration: 1.65s;
transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay='1650'],
body[data-aos-delay='1650'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1650'].aos-animate,
body[data-aos-delay='1650'] [data-aos].aos-animate {
-webkit-transition-delay: 1.65s;
transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration='1700'],
body[data-aos-duration='1700'] [data-aos] {
-webkit-transition-duration: 1.7s;
transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay='1700'],
body[data-aos-delay='1700'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1700'].aos-animate,
body[data-aos-delay='1700'] [data-aos].aos-animate {
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration='1750'],
body[data-aos-duration='1750'] [data-aos] {
-webkit-transition-duration: 1.75s;
transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay='1750'],
body[data-aos-delay='1750'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1750'].aos-animate,
body[data-aos-delay='1750'] [data-aos].aos-animate {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration='1800'],
body[data-aos-duration='1800'] [data-aos] {
-webkit-transition-duration: 1.8s;
transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay='1800'],
body[data-aos-delay='1800'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1800'].aos-animate,
body[data-aos-delay='1800'] [data-aos].aos-animate {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration='1850'],
body[data-aos-duration='1850'] [data-aos] {
-webkit-transition-duration: 1.85s;
transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay='1850'],
body[data-aos-delay='1850'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1850'].aos-animate,
body[data-aos-delay='1850'] [data-aos].aos-animate {
-webkit-transition-delay: 1.85s;
transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration='1900'],
body[data-aos-duration='1900'] [data-aos] {
-webkit-transition-duration: 1.9s;
transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay='1900'],
body[data-aos-delay='1900'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1900'].aos-animate,
body[data-aos-delay='1900'] [data-aos].aos-animate {
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration='1950'],
body[data-aos-duration='1950'] [data-aos] {
-webkit-transition-duration: 1.95s;
transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay='1950'],
body[data-aos-delay='1950'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1950'].aos-animate,
body[data-aos-delay='1950'] [data-aos].aos-animate {
-webkit-transition-delay: 1.95s;
transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration='2000'],
body[data-aos-duration='2000'] [data-aos] {
-webkit-transition-duration: 2s;
transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay='2000'],
body[data-aos-delay='2000'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2000'].aos-animate,
body[data-aos-delay='2000'] [data-aos].aos-animate {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration='2050'],
body[data-aos-duration='2050'] [data-aos] {
-webkit-transition-duration: 2.05s;
transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay='2050'],
body[data-aos-delay='2050'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2050'].aos-animate,
body[data-aos-delay='2050'] [data-aos].aos-animate {
-webkit-transition-delay: 2.05s;
transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration='2100'],
body[data-aos-duration='2100'] [data-aos] {
-webkit-transition-duration: 2.1s;
transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay='2100'],
body[data-aos-delay='2100'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2100'].aos-animate,
body[data-aos-delay='2100'] [data-aos].aos-animate {
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration='2150'],
body[data-aos-duration='2150'] [data-aos] {
-webkit-transition-duration: 2.15s;
transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay='2150'],
body[data-aos-delay='2150'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2150'].aos-animate,
body[data-aos-delay='2150'] [data-aos].aos-animate {
-webkit-transition-delay: 2.15s;
transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration='2200'],
body[data-aos-duration='2200'] [data-aos] {
-webkit-transition-duration: 2.2s;
transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay='2200'],
body[data-aos-delay='2200'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2200'].aos-animate,
body[data-aos-delay='2200'] [data-aos].aos-animate {
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration='2250'],
body[data-aos-duration='2250'] [data-aos] {
-webkit-transition-duration: 2.25s;
transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay='2250'],
body[data-aos-delay='2250'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2250'].aos-animate,
body[data-aos-delay='2250'] [data-aos].aos-animate {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration='2300'],
body[data-aos-duration='2300'] [data-aos] {
-webkit-transition-duration: 2.3s;
transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay='2300'],
body[data-aos-delay='2300'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2300'].aos-animate,
body[data-aos-delay='2300'] [data-aos].aos-animate {
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration='2350'],
body[data-aos-duration='2350'] [data-aos] {
-webkit-transition-duration: 2.35s;
transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay='2350'],
body[data-aos-delay='2350'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2350'].aos-animate,
body[data-aos-delay='2350'] [data-aos].aos-animate {
-webkit-transition-delay: 2.35s;
transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration='2400'],
body[data-aos-duration='2400'] [data-aos] {
-webkit-transition-duration: 2.4s;
transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay='2400'],
body[data-aos-delay='2400'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2400'].aos-animate,
body[data-aos-delay='2400'] [data-aos].aos-animate {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration='2450'],
body[data-aos-duration='2450'] [data-aos] {
-webkit-transition-duration: 2.45s;
transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay='2450'],
body[data-aos-delay='2450'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2450'].aos-animate,
body[data-aos-delay='2450'] [data-aos].aos-animate {
-webkit-transition-delay: 2.45s;
transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration='2500'],
body[data-aos-duration='2500'] [data-aos] {
-webkit-transition-duration: 2.5s;
transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay='2500'],
body[data-aos-delay='2500'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2500'].aos-animate,
body[data-aos-delay='2500'] [data-aos].aos-animate {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration='2550'],
body[data-aos-duration='2550'] [data-aos] {
-webkit-transition-duration: 2.55s;
transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay='2550'],
body[data-aos-delay='2550'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2550'].aos-animate,
body[data-aos-delay='2550'] [data-aos].aos-animate {
-webkit-transition-delay: 2.55s;
transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration='2600'],
body[data-aos-duration='2600'] [data-aos] {
-webkit-transition-duration: 2.6s;
transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay='2600'],
body[data-aos-delay='2600'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2600'].aos-animate,
body[data-aos-delay='2600'] [data-aos].aos-animate {
-webkit-transition-delay: 2.6s;
transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration='2650'],
body[data-aos-duration='2650'] [data-aos] {
-webkit-transition-duration: 2.65s;
transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay='2650'],
body[data-aos-delay='2650'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2650'].aos-animate,
body[data-aos-delay='2650'] [data-aos].aos-animate {
-webkit-transition-delay: 2.65s;
transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration='2700'],
body[data-aos-duration='2700'] [data-aos] {
-webkit-transition-duration: 2.7s;
transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay='2700'],
body[data-aos-delay='2700'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2700'].aos-animate,
body[data-aos-delay='2700'] [data-aos].aos-animate {
-webkit-transition-delay: 2.7s;
transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration='2750'],
body[data-aos-duration='2750'] [data-aos] {
-webkit-transition-duration: 2.75s;
transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay='2750'],
body[data-aos-delay='2750'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2750'].aos-animate,
body[data-aos-delay='2750'] [data-aos].aos-animate {
-webkit-transition-delay: 2.75s;
transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration='2800'],
body[data-aos-duration='2800'] [data-aos] {
-webkit-transition-duration: 2.8s;
transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay='2800'],
body[data-aos-delay='2800'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2800'].aos-animate,
body[data-aos-delay='2800'] [data-aos].aos-animate {
-webkit-transition-delay: 2.8s;
transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration='2850'],
body[data-aos-duration='2850'] [data-aos] {
-webkit-transition-duration: 2.85s;
transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay='2850'],
body[data-aos-delay='2850'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2850'].aos-animate,
body[data-aos-delay='2850'] [data-aos].aos-animate {
-webkit-transition-delay: 2.85s;
transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration='2900'],
body[data-aos-duration='2900'] [data-aos] {
-webkit-transition-duration: 2.9s;
transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay='2900'],
body[data-aos-delay='2900'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2900'].aos-animate,
body[data-aos-delay='2900'] [data-aos].aos-animate {
-webkit-transition-delay: 2.9s;
transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration='2950'],
body[data-aos-duration='2950'] [data-aos] {
-webkit-transition-duration: 2.95s;
transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay='2950'],
body[data-aos-delay='2950'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2950'].aos-animate,
body[data-aos-delay='2950'] [data-aos].aos-animate {
-webkit-transition-delay: 2.95s;
transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration='3000'],
body[data-aos-duration='3000'] [data-aos] {
-webkit-transition-duration: 3s;
transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay='3000'],
body[data-aos-delay='3000'] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='3000'].aos-animate,
body[data-aos-delay='3000'] [data-aos].aos-animate {
-webkit-transition-delay: 3s;
transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing='linear'],
body[data-aos-easing='linear'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing='ease'],
body[data-aos-easing='ease'] [data-aos] {
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing='ease-in'],
body[data-aos-easing='ease-in'] [data-aos] {
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing='ease-out'],
body[data-aos-easing='ease-out'] [data-aos] {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing='ease-in-out'],
body[data-aos-easing='ease-in-out'] [data-aos] {
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing='ease-in-back'],
body[data-aos-easing='ease-in-back'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing='ease-out-back'],
body[data-aos-easing='ease-out-back'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing='ease-in-out-back'],
body[data-aos-easing='ease-in-out-back'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing='ease-in-sine'],
body[data-aos-easing='ease-in-sine'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing='ease-out-sine'],
body[data-aos-easing='ease-out-sine'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing='ease-in-out-sine'],
body[data-aos-easing='ease-in-out-sine'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing='ease-in-quad'],
body[data-aos-easing='ease-in-quad'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing='ease-out-quad'],
body[data-aos-easing='ease-out-quad'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing='ease-in-out-quad'],
body[data-aos-easing='ease-in-out-quad'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing='ease-in-cubic'],
body[data-aos-easing='ease-in-cubic'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing='ease-out-cubic'],
body[data-aos-easing='ease-out-cubic'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing='ease-in-out-cubic'],
body[data-aos-easing='ease-in-out-cubic'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing='ease-in-quart'],
body[data-aos-easing='ease-in-quart'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing='ease-out-quart'],
body[data-aos-easing='ease-out-quart'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing='ease-in-out-quart'],
body[data-aos-easing='ease-in-out-quart'] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^='fade'][data-aos^='fade'] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}
[data-aos^='fade'][data-aos^='fade'].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[data-aos='fade-up'] {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
}
[data-aos='fade-down'] {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
[data-aos='fade-right'] {
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0);
}
[data-aos='fade-left'] {
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
}
[data-aos='fade-up-right'] {
-webkit-transform: translate3d(-100px, 100px, 0);
transform: translate3d(-100px, 100px, 0);
}
[data-aos='fade-up-left'] {
-webkit-transform: translate3d(100px, 100px, 0);
transform: translate3d(100px, 100px, 0);
}
[data-aos='fade-down-right'] {
-webkit-transform: translate3d(-100px, -100px, 0);
transform: translate3d(-100px, -100px, 0);
}
[data-aos='fade-down-left'] {
-webkit-transform: translate3d(100px, -100px, 0);
transform: translate3d(100px, -100px, 0);
}
[data-aos^='zoom'][data-aos^='zoom'] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}
[data-aos^='zoom'][data-aos^='zoom'].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
[data-aos='zoom-in'] {
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
[data-aos='zoom-in-up'] {
-webkit-transform: translate3d(0, 100px, 0) scale(0.6);
transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos='zoom-in-down'] {
-webkit-transform: translate3d(0, -100px, 0) scale(0.6);
transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos='zoom-in-right'] {
-webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos='zoom-in-left'] {
-webkit-transform: translate3d(100px, 0, 0) scale(0.6);
transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos='zoom-out'] {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
[data-aos='zoom-out-up'] {
-webkit-transform: translate3d(0, 100px, 0) scale(1.2);
transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos='zoom-out-down'] {
-webkit-transform: translate3d(0, -100px, 0) scale(1.2);
transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos='zoom-out-right'] {
-webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos='zoom-out-left'] {
-webkit-transform: translate3d(100px, 0, 0) scale(1.2);
transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^='slide'][data-aos^='slide'] {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
[data-aos^='slide'][data-aos^='slide'].aos-animate {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[data-aos='slide-up'] {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
[data-aos='slide-down'] {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
[data-aos='slide-right'] {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
[data-aos='slide-left'] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
[data-aos^='flip'][data-aos^='flip'] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
[data-aos='flip-left'] {
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg);
}
[data-aos='flip-left'].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0);
}
[data-aos='flip-right'] {
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg);
}
[data-aos='flip-right'].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0);
}
[data-aos='flip-up'] {
-webkit-transform: perspective(2500px) rotateX(-100deg);
transform: perspective(2500px) rotateX(-100deg);
}
[data-aos='flip-up'].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0);
}
[data-aos='flip-down'] {
-webkit-transform: perspective(2500px) rotateX(100deg);
transform: perspective(2500px) rotateX(100deg);
}
[data-aos='flip-down'].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0);
}
.aos-inner-children-up-200 > *,
.aos-inner-fade-up-150,
[data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition-timing-function: cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.aos-inner-fade-up-150 {
-webkit-transition-duration: 0.66s;
transition-duration: 0.66s;
}
.aos-inner-children-up-200 > * {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
[data-aos][data-aos-delay='0'] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos-delay='0'] .aos-inner-fade-up-150 {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
[data-aos][data-aos-delay='0'] .aos-inner-children-up-200 > :first-child {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos-delay='0'] .aos-inner-children-up-200 > :nth-child(2) {
-webkit-transition-delay: 50ms;
transition-delay: 50ms;
}
[data-aos][data-aos-delay='0'] .aos-inner-children-up-200 > :nth-child(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
[data-aos][data-aos-delay='0'] .aos-inner-children-up-200 > :nth-child(4) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
[data-aos][data-aos-delay='0'] .aos-inner-children-up-200 > :nth-child(5) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
[data-aos][data-aos-delay='133'] {
-webkit-transition-delay: 133ms;
transition-delay: 133ms;
}
[data-aos][data-aos-delay='133'] .aos-inner-fade-up-150 {
-webkit-transition-delay: 383ms;
transition-delay: 383ms;
}
[data-aos][data-aos-delay='133'] .aos-inner-children-up-200 > :first-child {
-webkit-transition-delay: 133ms;
transition-delay: 133ms;
}
[data-aos][data-aos-delay='133'] .aos-inner-children-up-200 > :nth-child(2) {
-webkit-transition-delay: 183ms;
transition-delay: 183ms;
}
[data-aos][data-aos-delay='133'] .aos-inner-children-up-200 > :nth-child(3) {
-webkit-transition-delay: 233ms;
transition-delay: 233ms;
}
[data-aos][data-aos-delay='133'] .aos-inner-children-up-200 > :nth-child(4) {
-webkit-transition-delay: 283ms;
transition-delay: 283ms;
}
[data-aos][data-aos-delay='133'] .aos-inner-children-up-200 > :nth-child(5) {
-webkit-transition-delay: 333ms;
transition-delay: 333ms;
}
[data-aos][data-aos-delay='266'] {
-webkit-transition-delay: 266ms;
transition-delay: 266ms;
}
[data-aos][data-aos-delay='266'] .aos-inner-fade-up-150 {
-webkit-transition-delay: 516ms;
transition-delay: 516ms;
}
[data-aos][data-aos-delay='266'] .aos-inner-children-up-200 > :first-child {
-webkit-transition-delay: 266ms;
transition-delay: 266ms;
}
[data-aos][data-aos-delay='266'] .aos-inner-children-up-200 > :nth-child(2) {
-webkit-transition-delay: 316ms;
transition-delay: 316ms;
}
[data-aos][data-aos-delay='266'] .aos-inner-children-up-200 > :nth-child(3) {
-webkit-transition-delay: 366ms;
transition-delay: 366ms;
}
[data-aos][data-aos-delay='266'] .aos-inner-children-up-200 > :nth-child(4) {
-webkit-transition-delay: 416ms;
transition-delay: 416ms;
}
[data-aos][data-aos-delay='266'] .aos-inner-children-up-200 > :nth-child(5) {
-webkit-transition-delay: 466ms;
transition-delay: 466ms;
}
[data-aos][data-aos-delay='399'] {
-webkit-transition-delay: 399ms;
transition-delay: 399ms;
}
[data-aos][data-aos-delay='399'] .aos-inner-fade-up-150 {
-webkit-transition-delay: 649ms;
transition-delay: 649ms;
}
[data-aos][data-aos-delay='399'] .aos-inner-children-up-200 > :first-child {
-webkit-transition-delay: 399ms;
transition-delay: 399ms;
}
[data-aos][data-aos-delay='399'] .aos-inner-children-up-200 > :nth-child(2) {
-webkit-transition-delay: 449ms;
transition-delay: 449ms;
}
[data-aos][data-aos-delay='399'] .aos-inner-children-up-200 > :nth-child(3) {
-webkit-transition-delay: 499ms;
transition-delay: 499ms;
}
[data-aos][data-aos-delay='399'] .aos-inner-children-up-200 > :nth-child(4) {
-webkit-transition-delay: 549ms;
transition-delay: 549ms;
}
[data-aos][data-aos-delay='399'] .aos-inner-children-up-200 > :nth-child(5) {
-webkit-transition-delay: 599ms;
transition-delay: 599ms;
}
[data-aos] {
-webkit-transition: 0.5s;
transition: 0.5s;
}
[data-aos] .aos-inner-children-up-200 > *,
[data-aos] .aos-inner-fade-up-150 {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
[data-aos] .aos-inner-fade-up-150 {
-webkit-transform: translate3d(0, 152px, 0);
transform: translate3d(0, 152px, 0);
}
[data-aos] .aos-inner-children-up-200 > * {
-webkit-transform: translate3d(0, 218px, 0);
transform: translate3d(0, 218px, 0);
}
[data-aos].aos-animate .aos-inner-children-up-200 > *,
[data-aos].aos-animate .aos-inner-fade-up-150 {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[data-aos='scale-1.1-1'] {
-webkit-transform: scale(1.12);
transform: scale(1.12);
-webkit-transition: -webkit-transform 1.66s ease;
transition: -webkit-transform 1.66s ease;
transition: transform 1.66s ease;
transition: transform 1.66s ease, -webkit-transform 1.66s ease;
}
[data-aos='scale-1.1-1'].aos-animate {
-webkit-transform: scale(1);
transform: scale(1);
}
[data-aos='fade-up-long'] {
-webkit-transform: translate3d(0, 434px, 0);
transform: translate3d(0, 434px, 0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.aos-init[data-aos='card'] {
-webkit-transition-property: border, -webkit-transform;
transition-property: border, -webkit-transform;
transition-property: transform, border;
transition-property: transform, border, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition-timing-function: cubic-bezier(0.47, 0.14, 0.15, 0.82);
-webkit-transition-duration: 0.549s;
transition-duration: 0.549s;
-webkit-transform: translate3d(1440px, 0, 0);
transform: translate3d(1440px, 0, 0);
}
.aos-init[data-aos='card']:first-child {
-webkit-transition-delay: 0, 0.7s;
transition-delay: 0, 0.7s;
}
.aos-init[data-aos='card']:nth-child(2) {
-webkit-transition-delay: 0.1s, 0.7s;
transition-delay: 0.1s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(3) {
-webkit-transition-delay: 0.2s, 0.7s;
transition-delay: 0.2s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(4) {
-webkit-transition-delay: 0.3s, 0.7s;
transition-delay: 0.3s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(5) {
-webkit-transition-delay: 0.4s, 0.7s;
transition-delay: 0.4s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(6) {
-webkit-transition-delay: 0.5s, 0.7s;
transition-delay: 0.5s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(7) {
-webkit-transition-delay: 0.6s, 0.7s;
transition-delay: 0.6s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(8) {
-webkit-transition-delay: 0.7s, 0.7s;
transition-delay: 0.7s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(9) {
-webkit-transition-delay: 0.8s, 0.7s;
transition-delay: 0.8s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(10) {
-webkit-transition-delay: 0.9s, 0.7s;
transition-delay: 0.9s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(11) {
-webkit-transition-delay: 1s, 0.7s;
transition-delay: 1s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(12) {
-webkit-transition-delay: 1.1s, 0.7s;
transition-delay: 1.1s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(13) {
-webkit-transition-delay: 1.2s, 0.7s;
transition-delay: 1.2s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(14) {
-webkit-transition-delay: 1.3s, 0.7s;
transition-delay: 1.3s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(15) {
-webkit-transition-delay: 1.4s, 0.7s;
transition-delay: 1.4s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(16) {
-webkit-transition-delay: 1.5s, 0.7s;
transition-delay: 1.5s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(17) {
-webkit-transition-delay: 1.6s, 0.7s;
transition-delay: 1.6s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(18) {
-webkit-transition-delay: 1.7s, 0.7s;
transition-delay: 1.7s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(19) {
-webkit-transition-delay: 1.8s, 0.7s;
transition-delay: 1.8s, 0.7s;
}
.aos-init[data-aos='card']:nth-child(20) {
-webkit-transition-delay: 1.9s, 0.7s;
transition-delay: 1.9s, 0.7s;
}
.aos-init[data-aos='card'].aos-animate {
-webkit-transform: none;
transform: none;
}
.aos-init[data-aos='card']:not(.aos-animate) {
border-color: transparent !important;
}
[data-aos='first-card'] {
-webkit-transition-timing-function: cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition-timing-function: cubic-bezier(0.47, 0.14, 0.15, 0.82);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transform: translate3d(1000px, 0, 0);
transform: translate3d(1000px, 0, 0);
}
[data-aos='first-card'].aos-animate {
-webkit-transform: none;
transform: none;
}
[data-aos='opacity'] {
opacity: 0;
-webkit-transition: opacity 2s;
transition: opacity 2s;
}
[data-aos='opacity'].aos-animate {
opacity: 1;
}
[data-aos^='fade'][data-aos^='fade'].aos-animate {
-webkit-transform: translate(0);
transform: translate(0);
}
[data-aos='fade-up-70'] {
-webkit-transform: translateY(73px);
transform: translateY(73px);
}
[data-aos='fade-up-100'] {
-webkit-transform: translateY(106px);
transform: translateY(106px);
}
[data-aos='fade-up-150'] {
-webkit-transform: translateY(150px);
transform: translateY(150px);
}
[data-aos='fade-up-200'] {
-webkit-transform: translateY(196px);
transform: translateY(196px);
}
[data-aos='fade-up-250'] {
-webkit-transform: translateY(262px);
transform: translateY(262px);
}
[data-aos='fade-up-450'] {
-webkit-transform: translateY(434px);
transform: translateY(434px);
}
[data-aos='fade-up-800'] {
-webkit-transform: translateY(780px);
transform: translateY(780px);
}
[data-aos='fade-500'] {
-webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.Bgc\(\$pink-lavanda-gray-dark\) {
background-color: #f4f5f7 !important;
}
@media (max-width: 768px) {
.Bgc\(\$pink-lavanda-gray-dark\)--sm {
background-color: #f4f5f7 !important;
}
}
@media (max-width: 374px) {
.Bgc\(\$pink-lavanda-gray-dark\)--xs {
background-color: #f4f5f7 !important;
}
}
@media (min-width: 769px) {
.Bgc\(\$pink-lavanda-gray-dark\)--md {
background-color: #f4f5f7 !important;
}
}
@media (min-width: 1025px) {
.Bgc\(\$pink-lavanda-gray-dark\)--lg {
background-color: #f4f5f7 !important;
}
}
@media (min-width: 1281px) {
.Bgc\(\$pink-lavanda-gray-dark\)--xl {
background-color: #f4f5f7 !important;
}
}
.Mih\(60px\) {
min-height: 60px;
}
@media (max-width: 768px) {
.Mih\(60px\)--sm {
min-height: 60px;
}
}
@media (max-width: 374px) {
.Mih\(60px\)--xs {
min-height: 60px;
}
}
@media (min-width: 769px) {
.Mih\(60px\)--md {
min-height: 60px;
}
}
@media (min-width: 1025px) {
.Mih\(60px\)--lg {
min-height: 60px;
}
}
@media (min-width: 1281px) {
.Mih\(60px\)--xl {
min-height: 60px;
}
}
.Mih\(90px\) {
min-height: 90px;
}
@media (max-width: 768px) {
.Mih\(90px\)--sm {
min-height: 90px;
}
}
@media (max-width: 374px) {
.Mih\(90px\)--xs {
min-height: 90px;
}
}
@media (min-width: 769px) {
.Mih\(90px\)--md {
min-height: 90px;
}
}
@media (min-width: 1025px) {
.Mih\(90px\)--lg {
min-height: 90px;
}
}
@media (min-width: 1281px) {
.Mih\(90px\)--xl {
min-height: 90px;
}
}
.slick-slider {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
position: relative;
display: block;
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: 0;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after,
.slick-track:before {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.pnlm-container {
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
cursor: default;
width: 100%;
height: 100%;
font-family: Helvetica, Nimbus Sans L, Liberation Sans, Arial, sans-serif;
background: #f4f4f4
url("data:image/svg+xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'width='67'height='100'viewBox='0067100'%3E%3Cpathstroke='%23ccc'fill='none'd='M33.550L063l33.512L676333.550M00l6725m-.50v75M025L670M33.575v25m0-100v50'/%3E%3C/svg%3E")
repeat;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
line-height: 1.4;
contain: content;
-ms-touch-action: none;
touch-action: none;
}
.pnlm-container * {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.pnlm-ui {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.pnlm-grab {
cursor: -webkit-grab;
cursor: grab;
cursor: url("data:image/svg+xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'height='26'width='26'%3E%3Cpathstroke='%23000'fill='%23fff'd='M15.320.5s6.38-6.734.64-8.24-3.471.01-3.471.013.61-5.721.41-6.49c-2.2-.769-3.334.36-3.334.36s.873-5.76-1.06-5.76-1.585.39-1.585.39-.574-4.59-2.18-4.12c-1.61.468-.5725.51-.5725.51s-1.58-4.89-2.93-3.79c-1.351.11.2585.25.5726.62.8362.432.032.942.175.55'/%3E%3C/svg%3E")
12 8,
default;
}
.pnlm-grabbing {
cursor: -webkit-grabbing;
cursor: grabbing;
cursor: url("data:image/svg+xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'height='26'width='26'%3E%3Cpathstroke='%23000'fill='%23fff'd='M15.320.5s5.07-5.293.77-6.74c-1.31-1.45-2.53.14-2.53.14s2.74-3.29.535-4.06c-2.2-.769-2.521.3-2.521.3s.81-2.13-1.12-2.13-1.521.77-1.521.77-.261-1.59-1.87-1.12c-1.61.468-.8742.17-.8742.17s-.651-1.55-2-.445c-1.351.11-.682.25-.3653.62.8362.432.032.942.175.55'/%3E%3C/svg%3E")
12 8,
default;
}
.pnlm-sprite {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'width='26'height='208'%3E%3Ccirclefill-opacity='.78'cy='117'cx='13'r='11'fill='%23fff'/%3E%3Ccirclefill-opacity='.78'cy='143'cx='13'r='11'fill='%23fff'/%3E%3Ccirclecy='169'cx='13'r='7'fill='none'stroke='%23000'stroke-width='2'/%3E%3Ccirclecy='195'cx='13'r='7'fill='none'stroke='%23000'stroke-width='2'/%3E%3Ccirclecx='13'cy='195'r='2.5'/%3E%3Cpathd='M583v6h2v-4h4v-2zm100v2h4v4h2v-6zm-55v6h6v-6zm-55v6h6v-2H7v-4zm140v4h-4v2h6v-6zM13110a77000-777700077770007-777000-7-7zm-13h2v2h-2zm03h2v5h-2zM557v6h2v-4h4v-2zm100v2h4v4h2v-6zM567v6h6v-2H7v-4zm140v4h-4v2h6v-6zM1738v2H9v-2zM129v3H9v2h3v3h2v-3h3v-2h-3V9zM13136l-6.1256.125h4.375V150h3.5v-7.875h4.375zM10.428173.33v-5.77l5-2.89v5.77zm1-1.73l3-1.73-3.001-1.74z'/%3E%3C/svg%3E");
}
.pnlm-container:-webkit-full-screen {
height: 100% !important;
width: 100% !important;
position: static !important;
}
.pnlm-container:-ms-fullscreen {
height: 100% !important;
width: 100% !important;
position: static !important;
}
.pnlm-container:fullscreen {
height: 100% !important;
width: 100% !important;
position: static !important;
}
.pnlm-render-container {
cursor: inherit;
position: absolute;
height: 100%;
width: 100%;
}
.pnlm-controls {
margin-top: 4px;
background-color: #fff;
border: 1px solid #999;
border-color: rgba(0, 0, 0, 0.4);
border-radius: 3px;
cursor: pointer;
z-index: 2;
-webkit-transform: translateZ(9999px);
transform: translateZ(9999px);
}
.pnlm-control:hover {
background-color: #f8f8f8;
}
.pnlm-controls-container {
position: absolute;
top: 0;
left: 4px;
z-index: 1;
}
.pnlm-zoom-controls {
width: 26px;
height: 52px;
}
.pnlm-zoom-in {
top: 0;
border-radius: 3px 3px 0 0;
}
.pnlm-zoom-in,
.pnlm-zoom-out {
width: 100%;
height: 50%;
position: absolute;
}
.pnlm-zoom-out {
bottom: 0;
background-position: 0 -26px;
border-top: 1px solid #ddd;
border-top-color: rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
}
.pnlm-fullscreen-toggle-button,
.pnlm-hot-spot-debug-indicator,
.pnlm-orientation-button {
width: 26px;
height: 26px;
}
.pnlm-hot-spot-debug-indicator {
position: absolute;
top: 50%;
left: 50%;
width: 26px;
height: 26px;
margin: -13px 0 0 -13px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 13px;
display: none;
}
.pnlm-orientation-button-inactive {
background-position: 0 -156px;
}
.pnlm-orientation-button-active {
background-position: 0 -182px;
}
.pnlm-fullscreen-toggle-button-inactive {
background-position: 0 -52px;
}
.pnlm-fullscreen-toggle-button-active {
background-position: 0 -78px;
}
.pnlm-panorama-info {
position: absolute;
bottom: 4px;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 0 3px 3px 0;
padding-right: 10px;
color: #fff;
text-align: left;
display: none;
z-index: 2;
-webkit-transform: translateZ(9999px);
transform: translateZ(9999px);
}
.pnlm-title-box {
font-size: 20px;
margin-bottom: 3px;
}
.pnlm-author-box,
.pnlm-title-box {
position: relative;
display: table;
padding-left: 5px;
}
.pnlm-author-box {
font-size: 12px;
}
.pnlm-load-box {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 150px;
margin: -75px 0 0 -100px;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 3px;
text-align: center;
font-size: 20px;
display: none;
color: #fff;
}
.pnlm-load-box p {
margin: 20px 0;
}
.pnlm-lbox {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
display: none;
}
.pnlm-loading {
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-name: pnlm-mv;
-webkit-animation-name: pnlm-mv;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
height: 10px;
width: 10px;
background-color: #fff;
position: relative;
}
@keyframes pnlm-mv {
0% {
left: 0;
top: 0;
}
25% {
left: 10px;
top: 0;
}
50% {
left: 10px;
top: 10px;
}
75% {
left: 0;
top: 10px;
}
to {
left: 0;
top: 0;
}
}
@-webkit-keyframes pnlm-mv {
0% {
left: 0;
top: 0;
}
25% {
left: 10px;
top: 0;
}
50% {
left: 10px;
top: 10px;
}
75% {
left: 0;
top: 10px;
}
to {
left: 0;
top: 0;
}
}
.pnlm-load-button {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 100px;
margin: -50px 0 0 -100px;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 3px;
text-align: center;
font-size: 20px;
display: table;
color: #fff;
cursor: pointer;
}
.pnlm-load-button:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.pnlm-load-button p {
display: table-cell;
vertical-align: middle;
}
.pnlm-info-box {
font-size: 15px;
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 150px;
margin: -75px 0 0 -100px;
background-color: #000;
border-radius: 3px;
display: table;
text-align: center;
color: #fff;
table-layout: fixed;
}
.pnlm-info-box a {
color: #fff;
word-wrap: break-word;
overflow-wrap: break-word;
}
.pnlm-info-box p {
display: table-cell;
vertical-align: middle;
padding: 0 5px;
}
.pnlm-error-msg {
display: none;
}
.pnlm-about-msg {
font-size: 11px;
line-height: 11px;
color: #fff;
padding: 5px 8px;
background: rgba(0, 0, 0, 0.7);
border-radius: 3px;
position: absolute;
top: 50px;
left: 50px;
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
z-index: 1;
}
.pnlm-about-msg a:link,
.pnlm-about-msg a:visited {
color: #fff;
}
.pnlm-about-msg a:active,
.pnlm-about-msg a:hover {
color: #eee;
}
.pnlm-hotspot-base {
position: absolute;
visibility: hidden;
cursor: default;
vertical-align: middle;
top: 0;
z-index: 1;
}
.pnlm-hotspot {
height: 26px;
width: 26px;
border-radius: 13px;
}
.pnlm-hotspot:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.pnlm-hotspot.pnlm-info {
background-position: 0 -104px;
}
.pnlm-hotspot.pnlm-scene {
background-position: 0 -130px;
}
div.pnlm-tooltip span {
visibility: hidden;
position: absolute;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
text-align: center;
max-width: 200px;
padding: 5px 10px;
margin-left: -220px;
cursor: default;
}
div.pnlm-tooltip:hover span {
visibility: visible;
}
div.pnlm-tooltip:hover span:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.7) transparent transparent;
bottom: -20px;
left: -10px;
margin: 0 50%;
}
.pnlm-compass {
position: absolute;
width: 50px;
height: 50px;
right: 4px;
bottom: 4px;
border-radius: 25px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'height='50'width='50'%3E%3Cpathd='M24.5086L21.2524h7.5L25.4926h-.984zM21.2526l3.25818h.984l3.258-18h-7.5zm1.195.994h5.11L2541.102l-2.555-14.108z'/%3E%3C/svg%3E");
cursor: default;
display: none;
}
.pnlm-world {
position: absolute;
left: 50%;
top: 50%;
}
.pnlm-face {
position: absolute;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.pnlm-dragfix,
.pnlm-preview-img {
position: absolute;
height: 100%;
width: 100%;
}
.pnlm-preview-img {
background-size: cover;
background-position: 50%;
}
.pnlm-lbar {
width: 150px;
margin: 0 auto;
border: 1px solid #fff;
height: 6px;
}
.pnlm-lbar-fill {
background: #fff;
height: 100%;
width: 0;
}
.pnlm-lmsg {
font-size: 12px;
}
.pnlm-fade-img {
position: absolute;
top: 0;
left: 0;
}
.PlayButton__root {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 90px;
width: 90px;
border-radius: 50%;
border-width: 0;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.425);
}
.PlayButton__root svg {
width: 14px;
height: 20px;
color: #fff;
}
.PlayButton__root.PlayButton__default {
background-color: rgba(0, 0, 0, 0.425);
}
.PlayButton__root.PlayButton__default:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.PlayButton__root.PlayButton__secondary {
background-color: #0180c9;
}
.PlayButton__root.PlayButton__secondary:hover {
background-color: #006ba8;
}
.PlayButton__root.PlayButton__small {
width: 60px;
height: 60px;
}
.PlayButton__root.PlayButton__small svg {
width: 9px;
height: auto;
}
@media (max-width: 768px) {
.PlayButton__root.PlayButton__small {
width: 45px;
height: 45px;
}
}
.Hero__root,
.Hero__slide {
height: 591px;
}
@media (max-width: 768px) {
.Hero__root,
.Hero__slide {
height: 100vh;
min-height: 500px;
}
}
.Hero__root.Hero__modular,
.Hero__slide.Hero__modular {
height: 472px;
}
@media (max-width: 768px) {
.Hero__root.Hero__modular,
.Hero__slide.Hero__modular {
height: 472px;
min-height: 472px;
padding: 75px 0;
}
}
.Hero__root {
position: relative;
color: #fff;
overflow: hidden;
z-index: 0;
background-image: radial-gradient(
circle at center,
rgba(255, 255, 255, 0.3) 0,
rgba(255, 255, 255, 0) 100%
);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 120px 0;
}
@media (max-width: 768px) {
.Hero__root {
padding: 32vh 0;
}
}
.Hero__root .Hero__headerPattern {
z-index: -1;
width: 1440px;
height: 200%;
bottom: 0;
left: 50%;
margin-left: -720px;
}
@media (max-width: 1024px) {
.Hero__root .Hero__headerPattern {
width: 100%;
left: auto;
right: auto;
margin-left: 0;
}
}
.Hero__root .Hero__logo {
width: 66px;
height: 38px;
color: #fff;
fill: #fff;
stroke: #fff;
}
.Hero__bgColor {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.Hero__labelImage {
display: block;
position: absolute;
}
.Hero__parallaxImage {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-position: bottom;
background-repeat: no-repeat;
}
.Hero__parallaxImage.edgeImages {
background-position: left 0 bottom 0, right 0 bottom 0;
}
.Hero__parallaxImage.repeatImageY {
background-repeat: repeat-y;
}
.Hero__slider {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.Hero__slider .slick-dots {
position: absolute;
bottom: 60px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style-type: none;
}
.Hero__slider .slick-dots li {
margin-left: 13px;
}
.Hero__slider .slick-dots li:first-child {
margin-left: 0;
}
.Hero__slider .slick-dots button {
display: block;
width: 6px;
height: 6px;
padding: 0;
border: 0;
border-radius: 100%;
background-color: #bcc7d3;
text-indent: -9999px;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media (max-width: 768px) {
.Hero__slider .slick-dots {
bottom: 122px;
}
}
.Hero__slider .slick-dots .slick-active button {
-webkit-transform: scale(1.67);
transform: scale(1.67);
background-color: #fff;
}
.Hero__slide {
width: 100%;
position: relative;
}
.Hero__slideImage {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
}
.Hero__slideContent {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.Categories__root {
display: block;
}
.CategoriesItem__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-decoration: none;
text-align: center;
width: 160px;
}
@media (max-width: 1024px) {
.CategoriesItem__root {
margin-bottom: 35px;
}
}
@media (max-width: 768px) {
.CategoriesItem__root {
width: 105px;
}
}
.CategoriesItem__root .CategoriesItem__img {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.CategoriesItem__root p {
font-size: 16px;
font-weight: 400;
}
.CategoriesItem__root:hover p {
color: #0180c9;
}
.CategoriesItem__root:hover .CategoriesItem__img {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.ProductCard__root {
height: 100%;
display: block;
color: #fff;
position: relative;
text-align: center;
border-radius: 8px;
overflow: hidden;
}
@media (min-width: 769px) {
.ProductCard__root.ProductCard__rectangle {
border-radius: 0;
}
}
@media (max-width: 768px) {
.ProductCard__root {
height: 441px;
}
}
.ProductCard__root .ProductCard__desc,
.ProductCard__root .ProductCard__model {
position: relative;
z-index: 1;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
}
.ProductCard__root .ProductCard__model {
margin-top: 0;
padding-top: 58px;
text-transform: uppercase;
font-size: 13px;
}
@media (max-width: 768px) {
.ProductCard__root .ProductCard__model {
padding-top: 49px;
}
}
.ProductCard__root .ProductCard__desc {
width: 294px;
height: 92px;
overflow: hidden;
font-size: 22px;
line-height: 30px;
font-weight: 300;
margin: 12px auto auto;
}
@media (max-width: 768px) {
.ProductCard__root .ProductCard__desc {
width: 69%;
max-width: 353px;
}
}
.ProductCard__root .ProductCard__image {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ProductCard__root .ProductCard__image img {
width: auto;
}
.ProductCard__root .ProductCard__image.ProductCard__high img {
height: 320px;
}
@media (max-width: 768px) {
.ProductCard__root .ProductCard__image.ProductCard__high img {
max-height: 243px;
}
}
.ProductCard__root .ProductCard__image.ProductCard__wide img {
width: 232px;
}
@media (max-width: 768px) {
.ProductCard__root .ProductCard__image.ProductCard__wide img {
max-width: 200px;
}
}
@media (min-width: 769px) {
.ProductCardWithPhoto__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 8px;
overflow: hidden;
}
.ProductCardWithPhoto__root .ProductCardWithPhoto__photo,
.ProductCardWithPhoto__root .ProductCardWithPhoto__product {
height: 100%;
width: 50%;
}
.ProductCardWithPhoto__root .ProductCardWithPhoto__photo {
position: relative;
}
.ProductCardWithPhoto__root .ProductCardWithPhoto__photo img {
position: absolute;
top: 0;
right: 0;
width: auto;
height: 100%;
min-width: 100%;
}
}
@media (max-width: 1024px) {
.ProductCardWithPhoto__root .ProductCardWithPhoto__product {
width: 100%;
}
}
.ArticleCard__root {
display: block;
color: #fff;
position: relative;
background-size: cover;
border-radius: 8px;
text-align: center;
overflow: hidden;
}
@media (min-width: 769px) and (max-width: 1025px) {
.ArticleCard__root.H\(540px\)--md {
height: 540px !important;
}
}
@media (max-width: 768px) {
.ArticleCard__root {
height: 540px !important;
}
}
.ArticleCard__root .ArticleCard__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
overflow: hidden;
border-radius: 8px;
}
.ArticleCard__root .ArticleCard__background img {
height: 100%;
width: auto;
position: absolute;
top: 0;
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
min-width: 100%;
}
.ArticleCard__root .ArticleCard__textBlock {
position: absolute;
width: 100%;
bottom: 145px;
z-index: 1;
}
@media (max-width: 768px) {
.ArticleCard__root .ArticleCard__textBlock {
bottom: 122px;
}
}
.ArticleCard__root .ArticleCard__button {
bottom: 42px;
}
@media (max-width: 768px) {
.ArticleCard__root .ArticleCard__button {
bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ArticleCard__root .ArticleCard__button > div {
width: 80%;
}
}
.ArticleCard__root .ArticleCard__imageWrapper {
width: 100%;
height: 200px;
position: absolute;
top: 40px;
}
@media (max-width: 768px) {
.ArticleCard__root .ArticleCard__imageWrapper {
top: 0;
}
}
.ArticleCard__root .ArticleCard__imageWrapper.ArticleCard__rounded {
left: calc(50% - 100px);
background-size: cover;
border-radius: 50%;
width: 200px;
overflow: hidden;
}
@media (max-width: 768px) {
.ArticleCard__root .ArticleCard__imageWrapper.ArticleCard__rounded {
width: 200px;
}
}
.ArticleCard__root .ArticleCard__imageWrapper .ArticleCard__image img {
height: 200px;
width: auto;
}
.ArticleCard__root .ArticleCard__desc {
margin: auto;
margin-top: 7px;
font-size: 22px;
width: 300px;
line-height: 30px;
}
@media (max-width: 768px) {
.ArticleCard__root .ArticleCard__desc {
width: 235px;
}
}
.ArticleCard__root.ArticleCard__withoutBackground {
display: block;
}
@media (max-width: 768px) {
.ArticleCard__root.ArticleCard__withoutBackground {
height: 422px;
}
}
@media (max-width: 768px) and (max-width: 768px) {
.ArticleCard__root.ArticleCard__withoutBackground .ArticleCard__textBlock {
bottom: 107px;
}
}
.ArticleCard__root.ArticleCard__withoutBackground .ArticleCard__category {
color: #9aa8b6;
}
.ArticleCard__root.ArticleCard__withoutBackground .ArticleCard__desc {
margin-top: 15px;
color: #1e2e3f;
}
@media (max-width: 768px) {
.ArticleCard__root.ArticleCard__withoutBackground .ArticleCard__desc {
width: 281px;
}
}
@media (max-width: 768px) {
.ArticleCard__root.ArticleCard__withoutBackground .ArticleCard__button {
bottom: 0;
}
}
@media (min-width: 769px) {
.HomeGrid__articles {
margin-bottom: 38px;
}
}
@media (max-width: 768px) {
.HomeGrid__header {
margin-bottom: 9px;
}
.HomeGrid__articles {
margin-bottom: 30px;
}
}
.SafetyNotice__root {
background-color: #1e2e3f;
border-radius: 8px;
position: relative;
color: #fff;
}
@media (min-width: 769px) {
.SafetyNotice__root {
padding: 60px 0;
}
}
@media (max-width: 768px) {
.SafetyNotice__root {
padding: 50px 0;
border-radius: 0;
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;
}
}
@media (max-width: 768px) {
.SafetyNotice__root .SafetyNotice__textContent {
margin-top: 25px;
}
}
@media (max-width: 768px) {
.SafetyNotice__root .SafetyNotice__heading {
margin-top: 10px;
text-align: center;
}
}
.SafetyNotice__root .SafetyNotice__text {
margin-top: 8px;
}
@media (max-width: 768px) {
.SafetyNotice__root .SafetyNotice__text {
width: 75%;
max-width: 345px;
margin-top: 10px;
font-size: 18px;
line-height: 28px;
text-align: center;
}
}
@media (max-width: 768px) {
.SafetyNotice__root .SafetyNotice__button {
margin-top: 40px;
}
}
@media (max-width: 768px) {
.SafetyNotice__root.SafetyNotice__boldHeading .SafetyNotice__textContent {
margin-top: 20px;
}
}
.SafetyNotice__root.SafetyNotice__boldHeading .SafetyNotice__heading {
letter-spacing: 0.2px;
}
@media (max-width: 374px) {
.SafetyNotice__root.SafetyNotice__boldHeading .SafetyNotice__heading {
width: 95%;
}
}
.SafetyNotice__root.SafetyNotice__boldHeading .SafetyNotice__text {
color: #bcc7d3;
font-weight: 400;
}
@media (max-width: 768px) {
.SafetyNotice__root.SafetyNotice__boldHeading .SafetyNotice__text {
width: 95%;
}
}
@media (max-width: 374px) {
.SafetyNotice__root.SafetyNotice__boldHeading .SafetyNotice__text {
width: 90%;
}
}
@media (max-width: 768px) {
.SafetyNotice__root.SafetyNotice__boldHeading .SafetyNotice__button {
margin-top: 35px;
}
}
.PromiseCard__root {
position: relative;
height: 366px;
border-radius: 8px;
color: #fff;
}
@media (min-width: 769px) {
.PromiseCard__root {
padding-top: 60px;
text-align: center;
}
}
@media (max-width: 768px) {
.PromiseCard__root {
max-width: 334px;
height: auto;
padding: 40px;
padding-left: 115px;
}
}
@media (max-width: 374px) {
.PromiseCard__root {
padding-left: 105px;
}
}
@media (min-width: 769px) {
.PromiseCard__root .PromiseCard__imageWrapper {
height: 52px;
}
}
@media (max-width: 768px) {
.PromiseCard__root .PromiseCard__imageWrapper {
width: 100px;
position: absolute;
left: 7px;
top: 49px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.PromiseCard__root.PromiseCard__guarantee {
background-color: #f57e6b;
}
.PromiseCard__root.PromiseCard__support {
background-color: #87cca4;
}
.PromiseCard__root.PromiseCard__satisfaction {
background-color: #f4b772;
}
.PromiseCard__root svg {
width: auto;
color: #fff;
fill: #fff;
stroke: #fff;
}
.PromiseCard__root svg.PromiseCard__guarantee {
height: 52px;
}
@media (max-width: 768px) {
.PromiseCard__root svg.PromiseCard__guarantee {
height: 47px;
}
}
.PromiseCard__root svg.PromiseCard__support {
height: 47px;
}
@media (max-width: 768px) {
.PromiseCard__root svg.PromiseCard__support {
height: 42px;
}
}
.PromiseCard__root svg.PromiseCard__satisfaction {
height: 47px;
}
@media (max-width: 768px) {
.PromiseCard__root svg.PromiseCard__satisfaction {
height: 40px;
}
}
.PromiseCard__root .PromiseCard__title {
font-size: 24px;
width: 211px;
margin: auto;
margin-top: 36.2px;
line-height: 32px;
}
@media (max-width: 1024px) {
.PromiseCard__root .PromiseCard__title {
max-width: 66%;
}
}
@media (max-width: 768px) {
.PromiseCard__root .PromiseCard__title {
max-width: 100%;
margin-top: 0;
}
}
.PromiseCard__root .PromiseCard__subtitle {
font-size: 18px;
width: 211px;
line-height: 28px;
margin: auto;
margin-top: 15px;
}
@media (max-width: 1024px) {
.PromiseCard__root .PromiseCard__subtitle {
max-width: 90%;
}
}
@media (max-width: 768px) {
.PromiseCard__root .PromiseCard__subtitle {
max-width: 100%;
margin-top: 9px;
}
}
@media (max-width: 768px) {
.PromiseCard__root .PromiseCard__subtitle,
.PromiseCard__root .PromiseCard__title {
width: 179px;
}
}
.Promises__root {
display: block;
}
.ScrollCarousel__container {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 769px) {
.ScrollCarousel__container {
max-width: 1800px;
}
}
.ScrollCarousel__container-fluid {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
.ScrollCarousel__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1.25%;
margin-left: -1.25%;
}
.ScrollCarousel__no-gutters {
margin-right: 0;
margin-left: 0;
}
.ScrollCarousel__no-gutters > .ScrollCarousel__col,
.ScrollCarousel__no-gutters > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.ScrollCarousel__col,
.ScrollCarousel__col-1,
.ScrollCarousel__col-2,
.ScrollCarousel__col-3,
.ScrollCarousel__col-4,
.ScrollCarousel__col-5,
.ScrollCarousel__col-6,
.ScrollCarousel__col-7,
.ScrollCarousel__col-8,
.ScrollCarousel__col-9,
.ScrollCarousel__col-10,
.ScrollCarousel__col-11,
.ScrollCarousel__col-12,
.ScrollCarousel__col-auto,
.ScrollCarousel__col-lg,
.ScrollCarousel__col-lg-1,
.ScrollCarousel__col-lg-2,
.ScrollCarousel__col-lg-3,
.ScrollCarousel__col-lg-4,
.ScrollCarousel__col-lg-5,
.ScrollCarousel__col-lg-6,
.ScrollCarousel__col-lg-7,
.ScrollCarousel__col-lg-8,
.ScrollCarousel__col-lg-9,
.ScrollCarousel__col-lg-10,
.ScrollCarousel__col-lg-11,
.ScrollCarousel__col-lg-12,
.ScrollCarousel__col-lg-auto,
.ScrollCarousel__col-md,
.ScrollCarousel__col-md-1,
.ScrollCarousel__col-md-2,
.ScrollCarousel__col-md-3,
.ScrollCarousel__col-md-4,
.ScrollCarousel__col-md-5,
.ScrollCarousel__col-md-6,
.ScrollCarousel__col-md-7,
.ScrollCarousel__col-md-8,
.ScrollCarousel__col-md-9,
.ScrollCarousel__col-md-10,
.ScrollCarousel__col-md-11,
.ScrollCarousel__col-md-12,
.ScrollCarousel__col-md-auto,
.ScrollCarousel__col-xl,
.ScrollCarousel__col-xl-1,
.ScrollCarousel__col-xl-2,
.ScrollCarousel__col-xl-3,
.ScrollCarousel__col-xl-4,
.ScrollCarousel__col-xl-5,
.ScrollCarousel__col-xl-6,
.ScrollCarousel__col-xl-7,
.ScrollCarousel__col-xl-8,
.ScrollCarousel__col-xl-9,
.ScrollCarousel__col-xl-10,
.ScrollCarousel__col-xl-11,
.ScrollCarousel__col-xl-12,
.ScrollCarousel__col-xl-auto,
.ScrollCarousel__col-xs,
.ScrollCarousel__col-xs-1,
.ScrollCarousel__col-xs-2,
.ScrollCarousel__col-xs-3,
.ScrollCarousel__col-xs-4,
.ScrollCarousel__col-xs-5,
.ScrollCarousel__col-xs-6,
.ScrollCarousel__col-xs-7,
.ScrollCarousel__col-xs-8,
.ScrollCarousel__col-xs-9,
.ScrollCarousel__col-xs-10,
.ScrollCarousel__col-xs-11,
.ScrollCarousel__col-xs-12,
.ScrollCarousel__col-xs-auto,
.ScrollCarousel__col-xxl,
.ScrollCarousel__col-xxl-1,
.ScrollCarousel__col-xxl-2,
.ScrollCarousel__col-xxl-3,
.ScrollCarousel__col-xxl-4,
.ScrollCarousel__col-xxl-5,
.ScrollCarousel__col-xxl-6,
.ScrollCarousel__col-xxl-7,
.ScrollCarousel__col-xxl-8,
.ScrollCarousel__col-xxl-9,
.ScrollCarousel__col-xxl-10,
.ScrollCarousel__col-xxl-11,
.ScrollCarousel__col-xxl-12,
.ScrollCarousel__col-xxl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 1.25%;
padding-left: 1.25%;
}
.ScrollCarousel__col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ScrollCarousel__col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ScrollCarousel__col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ScrollCarousel__col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ScrollCarousel__col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ScrollCarousel__col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ScrollCarousel__col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ScrollCarousel__col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ScrollCarousel__col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ScrollCarousel__col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ScrollCarousel__col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ScrollCarousel__col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ScrollCarousel__col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ScrollCarousel__col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ScrollCarousel__order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ScrollCarousel__order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ScrollCarousel__order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ScrollCarousel__order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ScrollCarousel__order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ScrollCarousel__order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ScrollCarousel__order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ScrollCarousel__order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ScrollCarousel__order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ScrollCarousel__order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ScrollCarousel__order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ScrollCarousel__order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ScrollCarousel__order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ScrollCarousel__order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ScrollCarousel__order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ScrollCarousel__offset-1 {
margin-left: 8.33333%;
}
.ScrollCarousel__offset-2 {
margin-left: 16.66667%;
}
.ScrollCarousel__offset-3 {
margin-left: 25%;
}
.ScrollCarousel__offset-4 {
margin-left: 33.33333%;
}
.ScrollCarousel__offset-5 {
margin-left: 41.66667%;
}
.ScrollCarousel__offset-6 {
margin-left: 50%;
}
.ScrollCarousel__offset-7 {
margin-left: 58.33333%;
}
.ScrollCarousel__offset-8 {
margin-left: 66.66667%;
}
.ScrollCarousel__offset-9 {
margin-left: 75%;
}
.ScrollCarousel__offset-10 {
margin-left: 83.33333%;
}
.ScrollCarousel__offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 375px) {
.ScrollCarousel__col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ScrollCarousel__col-xs-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ScrollCarousel__col-xs-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ScrollCarousel__col-xs-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ScrollCarousel__col-xs-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ScrollCarousel__col-xs-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ScrollCarousel__col-xs-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ScrollCarousel__col-xs-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ScrollCarousel__col-xs-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ScrollCarousel__col-xs-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ScrollCarousel__col-xs-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ScrollCarousel__col-xs-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ScrollCarousel__col-xs-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ScrollCarousel__col-xs-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ScrollCarousel__order-xs-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ScrollCarousel__order-xs-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ScrollCarousel__order-xs-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ScrollCarousel__order-xs-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ScrollCarousel__order-xs-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ScrollCarousel__order-xs-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ScrollCarousel__order-xs-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ScrollCarousel__order-xs-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ScrollCarousel__order-xs-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ScrollCarousel__order-xs-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ScrollCarousel__order-xs-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ScrollCarousel__order-xs-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ScrollCarousel__order-xs-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ScrollCarousel__order-xs-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ScrollCarousel__order-xs-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ScrollCarousel__offset-xs-0 {
margin-left: 0;
}
.ScrollCarousel__offset-xs-1 {
margin-left: 8.33333%;
}
.ScrollCarousel__offset-xs-2 {
margin-left: 16.66667%;
}
.ScrollCarousel__offset-xs-3 {
margin-left: 25%;
}
.ScrollCarousel__offset-xs-4 {
margin-left: 33.33333%;
}
.ScrollCarousel__offset-xs-5 {
margin-left: 41.66667%;
}
.ScrollCarousel__offset-xs-6 {
margin-left: 50%;
}
.ScrollCarousel__offset-xs-7 {
margin-left: 58.33333%;
}
.ScrollCarousel__offset-xs-8 {
margin-left: 66.66667%;
}
.ScrollCarousel__offset-xs-9 {
margin-left: 75%;
}
.ScrollCarousel__offset-xs-10 {
margin-left: 83.33333%;
}
.ScrollCarousel__offset-xs-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 769px) {
.ScrollCarousel__col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ScrollCarousel__col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ScrollCarousel__col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ScrollCarousel__col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ScrollCarousel__col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ScrollCarousel__col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ScrollCarousel__col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ScrollCarousel__col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ScrollCarousel__col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ScrollCarousel__col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ScrollCarousel__col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ScrollCarousel__col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ScrollCarousel__col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ScrollCarousel__col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ScrollCarousel__order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ScrollCarousel__order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ScrollCarousel__order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ScrollCarousel__order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ScrollCarousel__order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ScrollCarousel__order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ScrollCarousel__order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ScrollCarousel__order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ScrollCarousel__order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ScrollCarousel__order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ScrollCarousel__order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ScrollCarousel__order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ScrollCarousel__order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ScrollCarousel__order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ScrollCarousel__order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ScrollCarousel__offset-md-0 {
margin-left: 0;
}
.ScrollCarousel__offset-md-1 {
margin-left: 8.33333%;
}
.ScrollCarousel__offset-md-2 {
margin-left: 16.66667%;
}
.ScrollCarousel__offset-md-3 {
margin-left: 25%;
}
.ScrollCarousel__offset-md-4 {
margin-left: 33.33333%;
}
.ScrollCarousel__offset-md-5 {
margin-left: 41.66667%;
}
.ScrollCarousel__offset-md-6 {
margin-left: 50%;
}
.ScrollCarousel__offset-md-7 {
margin-left: 58.33333%;
}
.ScrollCarousel__offset-md-8 {
margin-left: 66.66667%;
}
.ScrollCarousel__offset-md-9 {
margin-left: 75%;
}
.ScrollCarousel__offset-md-10 {
margin-left: 83.33333%;
}
.ScrollCarousel__offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1025px) {
.ScrollCarousel__col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ScrollCarousel__col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ScrollCarousel__col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ScrollCarousel__col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ScrollCarousel__col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ScrollCarousel__col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ScrollCarousel__col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ScrollCarousel__col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ScrollCarousel__col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ScrollCarousel__col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ScrollCarousel__col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ScrollCarousel__col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ScrollCarousel__col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ScrollCarousel__col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ScrollCarousel__order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ScrollCarousel__order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ScrollCarousel__order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ScrollCarousel__order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ScrollCarousel__order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ScrollCarousel__order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ScrollCarousel__order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ScrollCarousel__order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ScrollCarousel__order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ScrollCarousel__order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ScrollCarousel__order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ScrollCarousel__order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ScrollCarousel__order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ScrollCarousel__order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ScrollCarousel__order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ScrollCarousel__offset-lg-0 {
margin-left: 0;
}
.ScrollCarousel__offset-lg-1 {
margin-left: 8.33333%;
}
.ScrollCarousel__offset-lg-2 {
margin-left: 16.66667%;
}
.ScrollCarousel__offset-lg-3 {
margin-left: 25%;
}
.ScrollCarousel__offset-lg-4 {
margin-left: 33.33333%;
}
.ScrollCarousel__offset-lg-5 {
margin-left: 41.66667%;
}
.ScrollCarousel__offset-lg-6 {
margin-left: 50%;
}
.ScrollCarousel__offset-lg-7 {
margin-left: 58.33333%;
}
.ScrollCarousel__offset-lg-8 {
margin-left: 66.66667%;
}
.ScrollCarousel__offset-lg-9 {
margin-left: 75%;
}
.ScrollCarousel__offset-lg-10 {
margin-left: 83.33333%;
}
.ScrollCarousel__offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1281px) {
.ScrollCarousel__col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ScrollCarousel__col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ScrollCarousel__col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ScrollCarousel__col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ScrollCarousel__col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ScrollCarousel__col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ScrollCarousel__col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ScrollCarousel__col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ScrollCarousel__col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ScrollCarousel__col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ScrollCarousel__col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ScrollCarousel__col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ScrollCarousel__col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ScrollCarousel__col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ScrollCarousel__order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ScrollCarousel__order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ScrollCarousel__order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ScrollCarousel__order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ScrollCarousel__order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ScrollCarousel__order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ScrollCarousel__order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ScrollCarousel__order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ScrollCarousel__order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ScrollCarousel__order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ScrollCarousel__order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ScrollCarousel__order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ScrollCarousel__order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ScrollCarousel__order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ScrollCarousel__order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ScrollCarousel__offset-xl-0 {
margin-left: 0;
}
.ScrollCarousel__offset-xl-1 {
margin-left: 8.33333%;
}
.ScrollCarousel__offset-xl-2 {
margin-left: 16.66667%;
}
.ScrollCarousel__offset-xl-3 {
margin-left: 25%;
}
.ScrollCarousel__offset-xl-4 {
margin-left: 33.33333%;
}
.ScrollCarousel__offset-xl-5 {
margin-left: 41.66667%;
}
.ScrollCarousel__offset-xl-6 {
margin-left: 50%;
}
.ScrollCarousel__offset-xl-7 {
margin-left: 58.33333%;
}
.ScrollCarousel__offset-xl-8 {
margin-left: 66.66667%;
}
.ScrollCarousel__offset-xl-9 {
margin-left: 75%;
}
.ScrollCarousel__offset-xl-10 {
margin-left: 83.33333%;
}
.ScrollCarousel__offset-xl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1441px) {
.ScrollCarousel__col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ScrollCarousel__col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ScrollCarousel__col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ScrollCarousel__col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ScrollCarousel__col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ScrollCarousel__col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ScrollCarousel__col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ScrollCarousel__col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ScrollCarousel__col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ScrollCarousel__col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ScrollCarousel__col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ScrollCarousel__col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ScrollCarousel__col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ScrollCarousel__col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ScrollCarousel__order-xxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ScrollCarousel__order-xxl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ScrollCarousel__order-xxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ScrollCarousel__order-xxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ScrollCarousel__order-xxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ScrollCarousel__order-xxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ScrollCarousel__order-xxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ScrollCarousel__order-xxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ScrollCarousel__order-xxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ScrollCarousel__order-xxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ScrollCarousel__order-xxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ScrollCarousel__order-xxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ScrollCarousel__order-xxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ScrollCarousel__order-xxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ScrollCarousel__order-xxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ScrollCarousel__offset-xxl-0 {
margin-left: 0;
}
.ScrollCarousel__offset-xxl-1 {
margin-left: 8.33333%;
}
.ScrollCarousel__offset-xxl-2 {
margin-left: 16.66667%;
}
.ScrollCarousel__offset-xxl-3 {
margin-left: 25%;
}
.ScrollCarousel__offset-xxl-4 {
margin-left: 33.33333%;
}
.ScrollCarousel__offset-xxl-5 {
margin-left: 41.66667%;
}
.ScrollCarousel__offset-xxl-6 {
margin-left: 50%;
}
.ScrollCarousel__offset-xxl-7 {
margin-left: 58.33333%;
}
.ScrollCarousel__offset-xxl-8 {
margin-left: 66.66667%;
}
.ScrollCarousel__offset-xxl-9 {
margin-left: 75%;
}
.ScrollCarousel__offset-xxl-10 {
margin-left: 83.33333%;
}
.ScrollCarousel__offset-xxl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1440px) {
.ScrollCarousel__container {
padding: 0 44px;
}
}
@media (max-width: 769px) {
.ScrollCarousel__container {
padding-right: 17px;
padding-left: 17px;
}
.ScrollCarousel__row {
margin-right: -5px;
margin-left: -5px;
}
.ScrollCarousel__row > .ScrollCarousel__col,
.ScrollCarousel__row > [class*='col-'] {
padding-right: 5px;
padding-left: 5px;
}
}
.ScrollCarousel__container-no-max-width {
max-width: none;
}
@media (max-width: 768px) {
.ScrollCarousel__container--md {
max-width: none;
padding: 0;
}
.ScrollCarousel__container--md .ScrollCarousel__row {
margin: 0;
}
.ScrollCarousel__container--md .ScrollCarousel__row > .ScrollCarousel__col,
.ScrollCarousel__container--md .ScrollCarousel__row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1439px) {
.ScrollCarousel__container--xxl {
max-width: none;
padding: 0;
}
.ScrollCarousel__container--xxl .ScrollCarousel__row {
margin: 0;
}
.ScrollCarousel__container--xxl .ScrollCarousel__row > .ScrollCarousel__col,
.ScrollCarousel__container--xxl .ScrollCarousel__row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1025px) {
.ScrollCarousel__container--tablet {
max-width: none;
padding: 0;
}
.ScrollCarousel__container--tablet .ScrollCarousel__row {
margin: 0;
}
.ScrollCarousel__container--tablet
.ScrollCarousel__row
> .ScrollCarousel__col,
.ScrollCarousel__container--tablet .ScrollCarousel__row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.ScrollCarousel__container--sm {
padding-right: 17px;
padding-left: 17px;
}
}
.ScrollCarousel__container-full-width {
max-width: unset;
}
@media (max-width: 768px) {
.ScrollCarousel__container-left {
padding-left: 17px;
}
}
@media (min-width: 769px) {
.ScrollCarousel__container-left {
padding-left: 1.25%;
}
}
@media (min-width: 1440px) {
.ScrollCarousel__container-left {
padding-left: 44px;
}
}
.ScrollCarousel__scrollWrapper {
overflow: hidden;
}
.ScrollCarousel__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-y: auto;
margin-bottom: -50px;
padding-bottom: 50px;
cursor: -webkit-grab;
cursor: grab;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 768px) {
.ScrollCarousel__root.ScrollCarousel__containerMobile
.ScrollCarousel__slide:first-child,
.ScrollCarousel__root.ScrollCarousel__containerWrapper
.ScrollCarousel__slide:first-child {
padding-left: 17px;
}
.ScrollCarousel__root.ScrollCarousel__containerMobile
.ScrollCarousel__slide:last-child,
.ScrollCarousel__root.ScrollCarousel__containerWrapper
.ScrollCarousel__slide:last-child {
padding-right: 17px;
}
}
@media (min-width: 769px) {
.ScrollCarousel__root.ScrollCarousel__containerWrapper
.ScrollCarousel__slide:first-child {
padding-left: 1.25%;
}
.ScrollCarousel__root.ScrollCarousel__containerWrapper
.ScrollCarousel__slide:last-child {
padding-right: 1.25%;
}
}
@media (min-width: 1440px) {
.ScrollCarousel__root.ScrollCarousel__containerWrapper
.ScrollCarousel__slide:first-child {
padding-left: 44px;
}
.ScrollCarousel__root.ScrollCarousel__containerWrapper
.ScrollCarousel__slide:last-child {
padding-right: 44px;
}
}
.ScrollCarousel__root .ScrollCarousel__slide {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.ScrollCarousel__root .ScrollCarousel__slide:first-child {
margin-left: 0;
}
.ScrollCarousel__root .ScrollCarousel__slide.ScrollCarousel__withBorders {
border-bottom: 1px solid #eaeaea;
border-top: 0;
}
.ScrollCarousel__root
.ScrollCarousel__slide.ScrollCarousel__withBorders:first-child {
border-left: 1px solid #eaeaea;
}
.ScrollCarousel__root
.ScrollCarousel__slide.ScrollCarousel__withBorders:not(
.ScrollCarousel__first
) {
border-right: 1px solid #eaeaea;
}
.ScrollCarousel__root .ScrollCarousel__slide.reviewCard:nth-child(n + 2) {
margin-left: 35px;
}
.ScrollCarousel__root .ScrollCarousel__slide.videoPreviewCard:nth-child(n + 2) {
margin-left: 37px;
}
@media (max-width: 768px) {
.ScrollCarousel__root
.ScrollCarousel__slide.videoPreviewCard:nth-child(n + 2) {
margin-left: 10px;
}
}
.ScrollCarousel__root .ScrollCarousel__slide.productCard:nth-child(n + 2) {
padding-left: 35px;
}
@media (max-width: 768px) {
.ScrollCarousel__root .ScrollCarousel__slide.productCard:nth-child(n + 2) {
padding-left: 10px;
}
}
.ScrollCarousel__root .ScrollCarousel__slide.blogCard:nth-child(n + 2) {
margin-left: 0;
}
.ScrollCarousel__root .ScrollCarousel__slide.productPropsCard:first-child {
margin-left: 310px;
}
@media (max-width: 768px) {
.ScrollCarousel__root .ScrollCarousel__slide.productPropsCard:first-child {
margin-left: 192px;
}
}
@media (max-width: 670px) {
.ScrollCarousel__root .ScrollCarousel__slide.productPropsCard:first-child {
margin-left: 162px;
}
}
@media (max-width: 570px) {
.ScrollCarousel__root .ScrollCarousel__slide.productPropsCard:first-child {
margin-left: 192px;
}
}
@media (max-width: 500px) {
.ScrollCarousel__root .ScrollCarousel__slide.productPropsCard:first-child {
margin-left: 162px;
}
}
@media (max-width: 390px) {
.ScrollCarousel__root .ScrollCarousel__slide.productPropsCard:first-child {
margin-left: 192px;
}
}
@media (max-width: 330px) {
.ScrollCarousel__root .ScrollCarousel__slide.productPropsCard:first-child {
margin-left: 162px;
}
}
.ScrollCarousel__root .ScrollCarousel__slide.compareCardsSlider:first-child {
margin-left: 345px;
}
@media (max-width: 768px) {
.ScrollCarousel__root .ScrollCarousel__slide.compareCardsSlider:first-child {
margin-left: 172px;
}
}
.ScrollCarousel__root
.ScrollCarousel__slide.fixedCompareMenuSlider:first-child {
margin-left: 310px;
}
@media (max-width: 768px) {
.ScrollCarousel__root
.ScrollCarousel__slide.fixedCompareMenuSlider:first-child {
margin-left: 162px;
}
}
.ArticlePreview__root {
display: block;
width: 462px;
}
@media (max-width: 768px) {
.ArticlePreview__root {
width: 225px;
}
}
.ArticlePreview__root.ArticlePreview__secondary {
width: 462px;
}
@media (max-width: 768px) {
.ArticlePreview__root.ArticlePreview__secondary {
width: 228px;
}
}
.ArticlePreview__root.ArticlePreview__secondary .ArticlePreview__picture {
display: block;
position: relative;
height: 258px;
width: 100%;
border-radius: 8px;
overflow: hidden;
}
@media (max-width: 768px) {
.ArticlePreview__root.ArticlePreview__secondary .ArticlePreview__picture {
height: 140px;
}
}
.ArticlePreview__root.ArticlePreview__secondary .ArticlePreview__picture img {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 100%;
width: auto;
}
.ArticlePreview__root.ArticlePreview__secondary .ArticlePreview__textBlock {
margin-bottom: 9px;
}
.ArticlePreview__root.ArticlePreview__blog .ArticlePreview__picture {
display: block;
position: relative;
height: 258px;
width: 100%;
border-radius: 8px;
overflow: hidden;
}
@media (max-width: 768px) {
.ArticlePreview__root.ArticlePreview__blog .ArticlePreview__picture {
height: 226px;
}
}
.ArticlePreview__root.ArticlePreview__blog .ArticlePreview__picture img {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 100%;
width: auto;
}
@media (max-width: 768px) {
.ArticlePreview__root.ArticlePreview__blog .ArticlePreview__textBlock {
margin-top: 30px;
letter-spacing: 1px;
}
}
@media (max-width: 768px) {
.ArticlePreview__root.ArticlePreview__blog
.ArticlePreview__textBlock
.ArticlePreview__facultative {
display: none;
}
}
.ArticlePreview__root.ArticlePreview__blog .ArticlePreview__title {
font-weight: 400;
}
@media (max-width: 768px) {
.ArticlePreview__root.ArticlePreview__blog .ArticlePreview__title {
letter-spacing: 1.3px;
font-weight: 400;
}
}
.ArticlePreview__root.ArticlePreview__blogCarousel .ArticlePreview__picture {
display: block;
position: relative;
float: left;
height: 100%;
width: 650px;
border-radius: 8px;
overflow: hidden;
}
.ArticlePreview__root.ArticlePreview__blogCarousel
.ArticlePreview__picture
img {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 100%;
width: auto;
}
.ArticlePreview__root.ArticlePreview__blogCarousel .ArticlePreview__textBlock {
padding-left: 30px;
margin-top: 33px;
letter-spacing: 1px;
}
.ArticlePreview__root.ArticlePreview__blogCarousel .ArticlePreview__title {
display: block;
padding-left: 680px;
margin-top: 13px;
letter-spacing: 0.6px;
}
.ArticlePreview__root.ArticlePreview__blogCarousel
.ArticlePreview__description {
display: block;
color: #5b6d81;
padding-left: 680px;
margin-top: 15px;
}
.ArticlePreview__root.ArticlePreview__blogCarousel .ArticlePreview__tag {
padding-left: 680px;
}
.Blog__root {
display: block;
}
.Blog__root .Blog__slide {
padding: 40px;
padding-top: 0;
}
@media (max-width: 768px) {
.Blog__root .Blog__slide {
padding: 0 10px;
padding-bottom: 40px;
}
}
.Player__root {
position: relative;
border-radius: 8px;
overflow: hidden;
}
.Player__root .Player__htmlPoster {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
outline-offset: -3px;
}
.Player__root .Player__htmlPoster.hidden {
opacity: 0;
pointer-events: none;
}
.Player__root:before {
content: '';
display: block;
padding-top: 56.3%;
}
.Player__root .Player__video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 10px;
overflow: hidden;
}
.Player__root .Player__video.hidden {
visibility: hidden;
}
.Player__root button:hover {
background-color: #006ba8;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
text-align: center;
}
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKgAAADYUHzoRaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4uByr8R4fpuvDNzsDCBw7f/3LmSanREszsHABKIAKi0J7gAAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==)
format('woff');
font-weight: 400;
font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
content: '\F101';
}
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-play-circle:before {
content: '\F102';
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
content: '\F103';
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
content: '\F104';
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
content: '\F105';
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
content: '\F106';
}
.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
content: '\F107';
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
content: '\F108';
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
content: '\F109';
}
.vjs-icon-square {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-square:before {
content: '\F10A';
}
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-spinner:before {
content: '\F10B';
}
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js.video-js:lang(en-AU)
.vjs-subs-caps-button
.vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB)
.vjs-subs-caps-button
.vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE)
.vjs-subs-caps-button
.vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ)
.vjs-subs-caps-button
.vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
content: '\F10C';
}
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
content: '\F10D';
}
.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
content: '\F10E';
}
.vjs-icon-share {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-share:before {
content: '\F10F';
}
.vjs-icon-cog {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-cog:before {
content: '\F110';
}
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before {
content: '\F111';
}
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-circle-outline:before {
content: '\F112';
}
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
content: '\F113';
}
.vjs-icon-hd {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-hd:before {
content: '\F114';
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
content: '\F115';
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
content: '\F116';
}
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-facebook:before {
content: '\F117';
}
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-gplus:before {
content: '\F118';
}
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-linkedin:before {
content: '\F119';
}
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-twitter:before {
content: '\F11A';
}
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-tumblr:before {
content: '\F11B';
}
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-pinterest:before {
content: '\F11C';
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
content: '\F11D';
}
.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
content: '\F11E';
}
.vjs-icon-next-item {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-next-item:before {
content: '\F11F';
}
.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-previous-item:before {
content: '\F120';
}
.video-js {
display: block;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: 400;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
word-break: normal;
}
.video-js:-moz-full-screen {
position: absolute;
}
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}
.video-js[tabindex='-1'] {
outline: 0;
}
.video-js *,
.video-js :after,
.video-js :before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin: 0;
}
.video-js.vjs-4-3,
.video-js.vjs-16-9,
.video-js.vjs-fluid {
width: 100%;
max-width: 100%;
height: 0;
}
.video-js.vjs-16-9 {
padding-top: 56.25%;
}
.video-js.vjs-4-3 {
padding-top: 75%;
}
.video-js.vjs-fill,
.video-js .vjs-tech {
width: 100%;
height: 100%;
}
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
}
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.video-js.vjs-fullscreen {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;
}
.vjs-hidden {
display: none !important;
}
.vjs-disabled {
opacity: 0.5;
cursor: default;
}
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px;
}
.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible;
}
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0 auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
color: #66a8cc;
}
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.5em;
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);
border-radius: 0.3em;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -0.75em;
margin-left: -1.5em;
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
-webkit-transition: all 0;
transition: all 0;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause
.vjs-big-play-button {
display: block;
}
.video-js button {
background: 0;
border: 0;
color: inherit;
display: inline-block;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
-webkit-transition: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.vjs-control .vjs-button {
width: 100%;
height: 100%;
}
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: 0.5em;
z-index: 2;
}
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(0, 0, 0, 0.8)),
to(rgba(255, 255, 255, 0))
);
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.8),
rgba(255, 255, 255, 0)
);
overflow: auto;
}
.video-js .vjs-modal-dialog > * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1;
}
.vjs-menu-button {
cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none;
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
display: none;
}
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2b333f;
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em;
font-weight: 700;
cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2b333f;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em;
}
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
display: block;
}
.video-js .vjs-menu-button-inline {
-webkit-transition: all 0.4s;
transition: all 0.4s;
overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em;
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
display: block;
opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto;
}
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden;
}
.video-js .vjs-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);
}
.vjs-has-started .vjs-control-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0.1s, opacity 0.1s;
transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table;
}
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67;
}
.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
text-shadow: 0 0 1em #fff;
}
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
display: none;
}
.video-js .vjs-progress-control {
cursor: pointer;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 4em;
-ms-touch-action: none;
touch-action: none;
}
.video-js .vjs-progress-control.disabled {
cursor: default;
}
.vjs-live .vjs-progress-control {
display: none;
}
.vjs-no-flex .vjs-progress-control {
width: auto;
}
.video-js .vjs-progress-holder {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-webkit-transition: all 0.2s;
transition: all 0.2s;
height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.6666666666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
}
.video-js .vjs-play-progress {
background-color: #fff;
}
.video-js .vjs-play-progress:before {
font-size: 0.9em;
position: absolute;
right: -0.5em;
top: -0.333333333333333em;
z-index: 1;
}
.video-js .vjs-load-progress {
background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none;
}
.video-js
.vjs-progress-control:hover
.vjs-progress-holder:focus
.vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
display: block;
font-size: 0.6em;
visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex
.vjs-progress-control
.vjs-mouse-display {
display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
cursor: default;
}
.video-js .vjs-slider:focus {
text-shadow: 0 0 1em #fff;
-webkit-box-shadow: 0 0 1em #fff;
box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
cursor: pointer;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: 1px;
height: 1px;
margin-left: -1px;
}
.video-js .vjs-volume-panel {
-webkit-transition: width 1s;
transition: width 1s;
}
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel:hover .vjs-volume-control {
visibility: visible;
opacity: 1;
position: relative;
-webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s,
left 0, top 0;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0,
top 0;
}
.video-js
.vjs-volume-panel
.vjs-mute-control:hover
~ .vjs-volume-control.vjs-volume-horizontal,
.video-js
.vjs-volume-panel
.vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
width: 9em;
-webkit-transition: width 0.1s;
transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3.5em;
-webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s,
left 1s 1s, top 1s 1s;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s,
top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
-webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s,
left 1s 1s, top 1s 1s;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s,
top 1s 1s;
}
.video-js.vjs-no-flex
.vjs-volume-panel
.vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
visibility: visible;
opacity: 1;
position: relative;
-webkit-transition: none;
transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex
.vjs-volume-panel
.vjs-volume-control.vjs-volume-vertical {
position: absolute;
bottom: 3em;
left: 0.5em;
}
.video-js .vjs-volume-panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto;
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
top: -0.3em;
right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%;
}
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2b333f;
background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em;
}
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
}
.vjs-has-started .vjs-poster {
display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
display: block;
}
.vjs-using-native-controls .vjs-poster {
display: none;
}
.video-js .vjs-live-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
font-size: 1em;
line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left;
}
.video-js .vjs-time-control {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
display: none;
}
.vjs-time-divider {
display: none;
line-height: 3em;
}
.vjs-live .vjs-time-divider {
display: none;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
cursor: pointer;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em;
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
}
.vjs-subtitles {
color: #fff;
}
.vjs-captions {
color: #fc6;
}
.vjs-tt-cue {
display: block;
}
video::-webkit-media-text-track-display {
-webkit-transform: translateY(-3em);
transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing
video::-webkit-media-text-track-display {
-webkit-transform: translateY(-1.5em);
transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
cursor: pointer;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate > .vjs-menu-button {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center;
}
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center;
}
.vjs-error .vjs-error-display:before {
color: #fff;
content: 'X';
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%;
}
.vjs-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);
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block;
-webkit-animation: 0 linear 0.3s forwards vjs-spinner-show;
animation: 0 linear 0.3s forwards vjs-spinner-show;
}
.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
content: '';
position: absolute;
margin: -6px;
-webkit-box-sizing: inherit;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8)
infinite,
vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: #fff;
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@-webkit-keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@keyframes vjs-spinner-spin {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes vjs-spinner-spin {
to {
-webkit-transform: rotate(1turn);
}
}
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: #fff;
}
60% {
border-top-color: #73859f;
}
to {
border-top-color: #73859f;
}
}
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: #fff;
}
60% {
border-top-color: #73859f;
}
to {
border-top-color: #73859f;
}
}
.vjs-chapters-button .vjs-menu ul {
width: 24em;
}
.video-js
.vjs-subs-caps-button
+ .vjs-menu
.vjs-captions-menu-item
.vjs-menu-item-text
.vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js
.vjs-subs-caps-button
+ .vjs-menu
.vjs-captions-menu-item
.vjs-menu-item-text
.vjs-icon-placeholder:before {
font-family: VideoJS;
content: '\F10D';
font-size: 1.5em;
line-height: inherit;
}
.video-js
.vjs-audio-button
+ .vjs-menu
.vjs-main-desc-menu-item
.vjs-menu-item-text
.vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js
.vjs-audio-button
+ .vjs-menu
.vjs-main-desc-menu-item
.vjs-menu-item-text
.vjs-icon-placeholder:before {
font-family: VideoJS;
content: ' \F11D';
font-size: 1.5em;
line-height: inherit;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex
.vjs-custom-control-spacer {
width: auto;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen)
.vjs-subtitles-button
.vjs-audio-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control {
display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2b333f;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
vertical-align: bottom;
}
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr auto;
}
.vjs-text-track-settings .vjs-track-settings-colors {
display: block;
grid-column: 1;
grid-row: 1;
}
.vjs-text-track-settings .vjs-track-settings-font {
grid-column: 2;
grid-row: 1;
}
.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 2;
grid-row: 2;
}
}
.vjs-track-setting > select {
margin-right: 5px;
}
.vjs-text-track-settings fieldset {
margin: 5px;
padding: 3px;
border: 0;
}
.vjs-text-track-settings fieldset span {
display: inline-block;
}
.vjs-text-track-settings legend {
color: #fff;
margin: 0 0 5px;
}
.vjs-text-track-settings .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
display: block;
margin: 0 0 5px;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
outline-style: solid;
outline-width: medium;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(0),
color-stop(88%, #fff),
to(#73859f)
);
background-image: linear-gradient(0, #fff 88%, #73859f);
}
.vjs-track-settings-controls button:hover {
color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
background-color: #fff;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(88%, #fff),
to(#73859f)
);
background-image: linear-gradient(-180deg, #fff 88%, #73859f);
color: #2b333f;
cursor: pointer;
border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-right: 1em;
}
@media print {
.video-js > :not(.vjs-tech):not(.vjs-poster) {
visibility: hidden;
}
}
.vjs-resize-manager {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
visibility: hidden;
}
.video-js {
font-family: Core Sans, sans-serif;
width: 100%;
height: 100%;
}
.video-js .vjs-tech {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.video-js .vjs-big-play-button {
left: 50%;
top: 50%;
-webkit-transform: translateZ(0) translate(-50%, -50%);
transform: translateZ(0) translate(-50%, -50%);
background-color: #0180c9;
border: 0;
width: 3em;
height: 3em;
border-radius: 50%;
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
background-color: #0180c9;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
top: 0.8em;
}
.video-js .vjs-current-time {
margin-left: auto;
display: block;
padding: 0;
}
.video-js .vjs-time-divider {
display: block;
padding: 0 0.4em;
}
.video-js .vjs-time-control {
min-width: 0;
font-size: 1.4em;
line-height: 2em;
letter-spacing: 0.043em;
}
.video-js .vjs-duration {
display: block;
padding: 0;
margin-left: 1.5em;
}
.vjs-remaining-time {
display: none;
}
.video-js .vjs-control-bar {
-webkit-transform: translateZ(0);
transform: translateZ(0);
background: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: calc(100% - 5.2em);
padding: 0 2.6em;
padding-bottom: 34px;
}
.video-js .vjs-control-bar:before {
content: '';
position: absolute;
z-index: -1;
height: 44%;
width: 100%;
bottom: 0;
left: 0;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(0),
color-stop(0, rgba(30, 46, 63, 0.7)),
to(transparent)
);
background: linear-gradient(0, rgba(30, 46, 63, 0.7) 0, transparent);
pointer-events: none;
}
.video-js .vjs-slider {
background-color: rgba(255, 255, 255, 0.4);
}
.video-js .vjs-load-progress {
background: 0;
}
.video-js .vjs-load-progress div {
background-color: rgba(255, 255, 255, 0.4);
}
.video-js .vjs-progress-holder {
height: 0.4em;
}
.video-js .vjs-play-progress:before {
font-size: 1.2em;
}
.video-js .vjs-volume-panel {
margin-left: 1.7em;
}
.video-js .vjs-fullscreen-control {
-webkit-transform: translateZ(0);
transform: translateZ(0);
position: absolute;
top: 4em;
left: 4em;
height: 4.5em;
width: 4.5em;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.2);
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
font-size: 2.8em;
}
.video-js:not(.vjs-has-started) .vjs-fullscreen-control {
display: none;
}
.video-js .vjs-fullscreen-control {
opacity: 1;
-webkit-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-fullscreen-control {
opacity: 0;
}
.hero_video-dimensions,
.vjs_video_3-dimensions {
width: 100% !important;
height: 100% !important;
}
.Carousel3dVideo__root {
position: relative;
}
.Carousel3dVideo__root:before {
content: '';
display: block;
padding-top: calc(56.3% + 32px);
}
.Carousel3dVideo__root .Carousel3dVideo__dots {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.Carousel3dVideo__root .Carousel3dVideo__dots .Carousel3dVideo__dot {
margin: 0 6px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #bcc7d3;
-webkit-transition: all 0.5s;
transition: all 0.5s;
text-indent: -9999px;
}
.Carousel3dVideo__root .Carousel3dVideo__dots .Carousel3dVideo__dot.active {
-webkit-transform: scale(1.67);
transform: scale(1.67);
background-color: #fff;
}
.Carousel3dVideo__root .Carousel3dVideo__slideWrapper {
position: absolute;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.Carousel3dVideo__root .Carousel3dVideo__slide {
width: 100%;
opacity: 0;
pointer-events: auto;
}
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='current'],
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='next'],
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='prev'] {
-webkit-transition: all;
transition: all;
opacity: 1;
}
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='next'],
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='nextNext'],
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='prev'],
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='prevPrev'] {
opacity: 0.7;
}
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='next'],
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='prev'] {
cursor: -webkit-grab;
cursor: grab;
z-index: 1;
}
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='prevPrev'] {
-webkit-transform: scale(0.5) translate3d(-100vw, 0, 0);
transform: scale(0.5) translate3d(-100vw, 0, 0);
-webkit-transform-origin: left;
transform-origin: left;
}
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='prev'] {
-webkit-transform: scale(0.5) translate3d(-100vw, 0, 0) translateX(250px);
transform: scale(0.5) translate3d(-100vw, 0, 0) translateX(250px);
-webkit-transform-origin: left;
transform-origin: left;
}
@media (max-width: 1439px) {
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='prev'] {
-webkit-transform: scale(0.5) translate3d(-100vw, 0, 0) translateX(125px);
transform: scale(0.5) translate3d(-100vw, 0, 0) translateX(125px);
}
}
@media (max-width: 768px) {
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='prev'] {
-webkit-transform: translate3d(-100vw, 0, 0) translateX(25px);
transform: translate3d(-100vw, 0, 0) translateX(25px);
}
}
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='prev'] > * {
pointer-events: none;
}
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='current'] {
-webkit-transform: '';
transform: '';
-webkit-transform-origin: center;
transform-origin: center;
z-index: 1;
}
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='next'] {
-webkit-transform: scale(0.5) translate3d(100vw, 0, 0) translateX(-250px);
transform: scale(0.5) translate3d(100vw, 0, 0) translateX(-250px);
-webkit-transform-origin: right;
transform-origin: right;
}
@media (max-width: 1439px) {
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='next'] {
-webkit-transform: scale(0.5) translate3d(100vw, 0, 0) translateX(-125px);
transform: scale(0.5) translate3d(100vw, 0, 0) translateX(-125px);
}
}
@media (max-width: 768px) {
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='next'] {
-webkit-transform: translate3d(100vw, 0, 0) translateX(-25px);
transform: translate3d(100vw, 0, 0) translateX(-25px);
}
}
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='next'] > * {
pointer-events: none;
}
.Carousel3dVideo__root .Carousel3dVideo__slide[data-pos='nextNext'] {
-webkit-transform: scale(0.5) translate3d(100vw, 0, 0);
transform: scale(0.5) translate3d(100vw, 0, 0);
-webkit-transform-origin: right;
transform-origin: right;
}
.ModalPlayer__root {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
}
.ModalPlayer__root .ModalPlayer__buttonClose {
position: absolute;
z-index: 10;
}
@media (min-width: 769px) {
.ModalPlayer__root .ModalPlayer__buttonClose {
top: 40px;
right: 45px;
}
}
@media (max-width: 768px) {
.ModalPlayer__root .ModalPlayer__buttonClose {
right: 20px;
bottom: 20px;
}
}
.ModalPlayer__root .ModalPlayer__player {
width: 100%;
border-radius: 10px;
overflow: hidden;
}
.ModalPlayer__multiple {
display: block;
}
.HomePage__root {
padding-bottom: 90px;
}
@media (max-width: 768px) {
.HomePage__root {
padding-bottom: 80px;
}
}
.Breadcrumbs__root {
background-color: #fff;
color: #9aa8b6;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 14px;
}
.Breadcrumbs__root .Breadcrumbs__breadcrumb {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media (max-width: 768px) {
.Breadcrumbs__root .Breadcrumbs__breadcrumb:first-child {
margin-left: 2px;
}
}
.Breadcrumbs__root a {
color: inherit;
text-decoration: none;
margin: 0 7px;
}
.Breadcrumbs__root a:first-child {
margin: 0 9px 0 10px;
}
.Breadcrumbs__root a.Breadcrumbs__home {
margin-left: 0;
}
.Breadcrumbs__root svg {
width: 12px;
height: 13px;
position: relative;
top: 2px;
color: #1e2e3f;
fill: #1e2e3f;
stroke: #1e2e3f;
}
@media (max-width: 768px) {
.Breadcrumbs__root svg {
width: 15px;
height: 15px;
}
}
.Breadcrumbs__root .Breadcrumbs__active,
.Breadcrumbs__root .Breadcrumbs__active span,
.Breadcrumbs__root .Breadcrumbs__last {
color: #1e2e3f;
margin-left: 7px;
}
@media (max-width: 768px) {
span.Breadcrumbs__breadcrumb.Breadcrumbs__last {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.Breadcrumbs__root .Breadcrumbs__dotsBlock {
display: none;
}
.Breadcrumbs__dots {
margin: 0 10px;
}
.HeroPLP__root {
min-height: 320px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 105px 0;
color: #fff;
overflow: hidden;
z-index: 0;
}
@media (max-width: 768px) {
.HeroPLP__root {
padding: 60px 0;
}
}
.HeroPLP__root .HeroPLP__logo {
width: 66px;
height: 38px;
color: #fff;
fill: #fff;
stroke: #fff;
}
.HeroPLP__root .HeroPLP__textContent {
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-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.HeroPLP__root h1 {
width: 660px;
margin-bottom: 10px;
text-align: center;
}
@media (max-width: 768px) {
.HeroPLP__root h1 {
width: 340px;
margin-top: 50px;
}
}
.HeroPLP__root .HeroPLP__subtitle {
width: 490px;
max-height: 96px;
margin-bottom: 15px;
text-align: center;
}
@media (max-width: 768px) {
.HeroPLP__root .HeroPLP__subtitle {
width: 90%;
max-width: 460px;
margin-top: 7px;
margin-bottom: 0;
}
}
.HeroPLP__root.HeroPLP__pattern {
background-image: radial-gradient(
circle at center,
rgba(255, 255, 255, 0.3) 0,
rgba(255, 255, 255, 0) 100%
);
}
@media (max-width: 768px) {
.HeroPLP__root.HeroPLP__pattern {
min-height: 200px;
padding: 50px 0;
}
}
.HeroPLP__root.HeroPLP__pattern .HeroPLP__headerPattern {
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
height: 180%;
overflow: hidden;
}
@media (max-width: 768px) {
.HeroPLP__root.HeroPLP__pattern .HeroPLP__headerPattern {
width: 100%;
}
}
.HeroPLP__root.HeroPLP__image {
min-height: 340px;
background-image: radial-gradient(
circle at center,
rgba(255, 255, 255, 0.3) 0,
rgba(255, 255, 255, 0) 100%
);
}
@media (max-width: 768px) {
.HeroPLP__root.HeroPLP__image {
min-height: 402px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-bottom: 0;
}
}
@media (max-width: 1280px) {
.HeroPLP__root.HeroPLP__image h1 {
width: 500px;
}
}
@media (max-width: 1024px) {
.HeroPLP__root.HeroPLP__image h1 {
width: 400px;
}
}
.HeroPLP__root.HeroPLP__image .HeroPLP__productImage {
position: absolute;
z-index: -1;
}
@media (max-width: 768px) {
.HeroPLP__root.HeroPLP__image .HeroPLP__productImage {
position: relative;
margin-top: 20px;
}
}
.HeroPLP__root.HeroPLP__bgImage {
min-height: 357px;
}
@media (max-width: 768px) {
.HeroPLP__root.HeroPLP__bgImage {
min-height: 370px;
padding: 60px 0;
}
}
.HeroPLP__root.HeroPLP__bgImage .HeroPLP__image {
min-width: 100%;
height: auto;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 0;
}
.HeroPLP__root.HeroPLP__bgImage .HeroPLP__textContent {
height: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: absolute;
top: 0;
left: 0;
padding: inherit;
}
@media (min-width: 769px) {
.HeroPLP__root.HeroPLP__bgImage .HeroPLP__subtitle {
width: 660px;
}
}
@media (max-width: 768px) {
.HeroPLP__root.HeroPLP__bgImage .HeroPLP__subtitle {
margin-top: 15px;
}
}
.HeroPLP__root.HeroPLP__video {
min-height: 440px;
}
@media (max-width: 768px) {
.HeroPLP__root.HeroPLP__video {
min-height: 370px;
}
}
.HeroPLP__root.HeroPLP__video .HeroPLP__videoLength {
font-size: 14px;
font-weight: 500;
margin-top: 17px;
}
.ColorButton__root {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
background-color: #e9ecef;
color: #1e2e3f;
height: 45px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
padding: 0 13px;
white-space: nowrap;
}
.ColorButton__root,
.ColorButton__root:hover {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ColorButton__root.active,
.ColorButton__root:focus {
background-color: #0180c9;
color: #fff;
}
.ColorButton__root .ColorButton__color {
width: 27px;
height: 27px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50px;
margin-right: 9px;
overflow: hidden;
}
.ColorButton__root .ColorButton__color .ColorButton__halfColor {
display: inline-block;
height: 100%;
width: 50%;
}
.ColorButton__root button {
width: 36px;
height: 36px;
}
@media (max-width: 768px) {
.ColorButton__root button {
width: 30px;
height: 30px;
}
}
.ColorButton__root.ColorButton__closebutton {
padding: 0 5px 0 8px;
cursor: unset;
}
@media (max-width: 768px) {
.ColorButton__root.ColorButton__closebutton {
height: 40px;
}
}
.ColorButton__root.ColorButton__closebutton:before {
width: 28px;
height: 28px;
}
.ColorButton__root.ColorButton__closebutton button {
margin-left: 10px;
width: 36px;
height: 36px;
}
.ColorButton__root.ColorButton__closebutton:lang(he),
.ColorButton__root.ColorButton__closebutton:lang(ar) {
padding: 0 12px 0 8px;
}
.ColorButton__root.ColorButton__closebutton button:lang(he),
.ColorButton__root.ColorButton__closebutton button:lang(ar) {
margin-left: auto;
margin-right: 10px;
}
@media (max-width: 768px) {
.ColorButton__root.ColorButton__closebutton button {
width: 30px;
height: 30px;
}
}
.ColorButton__root.ColorButton__closebutton svg {
width: 12px;
height: 12px;
fill: #fff;
stroke: #fff;
}
.ColorButton__root:hover {
background-color: #e1e4e7;
color: #0180c9;
}
.ColorButton__root:hover.ColorButton__closebutton button {
background-color: #b4b6b8;
}
.Tooltip__root {
padding: 0 17px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
line-height: 24px;
cursor: auto;
font-weight: 500;
}
.ButtonTooltip__root {
position: relative;
border-radius: 50%;
}
.ButtonTooltip__root .ButtonTooltip__button {
width: 22px;
height: 22px;
background-color: rgba(0, 0, 0, 0.1);
border-radius: inherit;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ButtonTooltip__root .ButtonTooltip__button .ButtonTooltip__quickInfo,
.ButtonTooltip__root .ButtonTooltip__button .ButtonTooltip__x {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.ButtonTooltip__root .ButtonTooltip__button .ButtonTooltip__quickInfo {
width: 7px;
height: 20px;
position: relative;
top: 4.5px;
left: 1.38px;
opacity: 1;
color: #1e2e3f;
fill: #1e2e3f;
}
.ButtonTooltip__root .ButtonTooltip__button .ButtonTooltip__x {
position: absolute;
width: 12px;
height: 12px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.ButtonTooltip__root .ButtonTooltip__tooltip {
position: absolute;
z-index: 9999;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
height: 0;
padding: 0;
overflow: hidden;
}
.ButtonTooltip__root.open .ButtonTooltip__quickInfo {
opacity: 0;
}
.ButtonTooltip__root.open .ButtonTooltip__x {
opacity: 1;
}
.ButtonTooltip__root.open .ButtonTooltip__tooltip {
opacity: 1;
visibility: visible;
height: auto;
overflow: visible;
}
.ButtonTooltip__root.ButtonTooltip__big .ButtonTooltip__button {
width: 48px;
height: 48px;
}
.ButtonTooltip__root.ButtonTooltip__big
.ButtonTooltip__button
.ButtonTooltip__quickInfo {
width: 10px;
height: 20px;
}
.ButtonTooltip__root.ButtonTooltip__big
.ButtonTooltip__button
.ButtonTooltip__x {
width: 15px;
height: 15px;
}
.ButtonTooltip__root.ButtonTooltip__secondary .ButtonTooltip__button:hover {
background-color: #e1e4e7;
}
.ButtonTooltip__root.ButtonTooltip__secondary .ButtonTooltip__button svg {
fill: #1e2e3f;
}
.ButtonTooltip__root.ButtonTooltip__secondary .ButtonTooltip__button:hover svg {
fill: #0180c9;
}
.FeatureButton__root {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
background-color: #e9ecef;
color: #1e2e3f;
height: 45px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
padding: 0 16px;
white-space: nowrap;
}
.FeatureButton__root,
.FeatureButton__root:hover {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.FeatureButton__root.active,
.FeatureButton__root:focus {
background-color: #0180c9;
color: #fff;
}
.FeatureButton__root svg {
color: #fff;
fill: #fff;
}
.FeatureButton__root.FeatureButton__question {
padding: 0 48px 0 15px;
min-width: 151px;
}
.FeatureButton__root.FeatureButton__closebutton {
padding: 0 5px 0 15px;
cursor: unset;
}
@media (max-width: 768px) {
.FeatureButton__root.FeatureButton__closebutton {
height: 40px;
}
}
.FeatureButton__root.FeatureButton__closebutton button {
margin-left: 15px;
width: 36px;
height: 36px;
border-radius: inherit;
}
@media (max-width: 768px) {
.FeatureButton__root.FeatureButton__closebutton button {
width: 30px;
height: 30px;
}
}
.FeatureButton__root.FeatureButton__closebutton svg {
width: 12px;
height: 12px;
fill: #fff;
stroke: #fff;
}
.FeatureButton__root:hover {
background-color: #e1e4e7;
color: #0180c9;
}
.FeatureButton__wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
background-color: #e9ecef;
color: #1e2e3f;
height: 45px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
position: relative;
-webkit-transition: 0;
transition: 0;
}
.FeatureButton__wrapper:hover {
background-color: #e1e4e7;
color: #0180c9;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.FeatureButton__wrapper.active,
.FeatureButton__wrapper:focus {
background-color: #0180c9;
color: #fff;
}
.FeatureButton__wrapper .FeatureButton__root {
color: inherit;
background-color: transparent;
}
.FeatureButton__wrapper .FeatureButton__button {
position: absolute;
top: 5px;
right: 5px;
width: 36px;
height: 36px;
border-radius: 50%;
margin-left: 17px;
}
.FeatureButton__wrapper:hover {
-webkit-transition: 0;
transition: 0;
}
.FeatureButton__wrapper:hover .FeatureButton__button {
background-color: #b4b6b8;
}
.PropertyButton__root {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
background-color: #e9ecef;
color: #1e2e3f;
height: 45px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
padding: 0 17px;
white-space: nowrap;
}
.PropertyButton__root,
.PropertyButton__root:hover {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.PropertyButton__root.active,
.PropertyButton__root:focus {
background-color: #0180c9;
color: #fff;
}
.PropertyButton__root:hover {
background-color: #e1e4e7;
color: #0180c9;
}
.PropertyButton__root svg {
width: 23px;
margin-left: 16px;
stroke: #000;
}
.PropertyButton__root.PropertyButton__small svg {
height: 14px;
}
.PropertyButton__root.PropertyButton__medium svg {
height: 16px;
}
.PropertyButton__root.PropertyButton__large svg {
height: 18px;
}
.PropertyButton__root button {
width: 36px;
height: 36px;
}
@media (max-width: 768px) {
.PropertyButton__root button {
width: 30px;
height: 30px;
}
}
.PropertyButton__root.PropertyButton__closebutton {
padding: 0 5px 0 15px;
cursor: unset;
}
@media (max-width: 768px) {
.PropertyButton__root.PropertyButton__closebutton {
height: 40px;
}
}
.PropertyButton__root.PropertyButton__closebutton svg {
display: none;
}
.PropertyButton__root.PropertyButton__closebutton button {
margin-left: 15px;
}
.PropertyButton__root.PropertyButton__closebutton .PropertyButton__x svg {
display: block;
margin-left: 0;
width: 12px;
height: 12px;
fill: #fff;
stroke: #fff;
}
.FilterResultsButtons__root {
position: relative;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 768px) {
.FilterResultsButtons__root {
padding-left: 0;
padding-right: 0;
}
}
.FilterResultsButtons__root .FilterResultsButtons__opacityLeft {
background-image: -webkit-gradient(
linear,
right top,
left top,
color-stop(0, rgba(255, 255, 255, 0)),
color-stop(99%, #fff)
);
background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0, #fff 99%);
}
.FilterResultsButtons__root .FilterResultsButtons__opacityRight {
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0, rgba(255, 255, 255, 0)),
color-stop(99%, #fff)
);
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 99%);
}
.ProductFilters__root {
position: relative;
background-color: #fff;
border-bottom: 1px solid transparent;
}
.ProductFilters__root .ProductFilters__mainPanel {
border-top: 1px solid transparent;
}
@media (min-width: 769px) {
.ProductFilters__root,
.ProductFilters__root .ProductFilters__mainPanel {
-webkit-transition: border 0.5s ease;
transition: border 0.5s ease;
}
}
@media (max-width: 768px) {
.ProductFilters__root {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
}
.ProductFilters__root .ProductFilters__leftButtonWrapper,
.ProductFilters__root .ProductFilters__rightButtonWrapper {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 768px) {
.ProductFilters__root .ProductFilters__leftButtonWrapper,
.ProductFilters__root .ProductFilters__rightButtonWrapper {
height: 66px;
}
}
.ProductFilters__root .ProductFilters__leftButtonWrapper {
border-right: 1px solid transparent;
}
@media (min-width: 769px) {
.ProductFilters__root .ProductFilters__rightButtonWrapper {
border-left: 1px solid transparent;
}
}
.ProductFilters__root .ProductFilters__featuredButton button,
.ProductFilters__root .ProductFilters__filterButton {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.ProductFilters__root .ProductFilters__filterButton {
font-weight: 500;
}
@media (max-width: 768px) {
.ProductFilters__root .ProductFilters__filterButton {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border: 0;
background: 0;
}
}
.ProductFilters__root .ProductFilters__filterButton svg {
position: relative;
top: 2px;
}
@media (max-width: 768px) {
.ProductFilters__root .ProductFilters__filterButton svg {
top: 1px;
}
}
.ProductFilters__root .ProductFilters__featuredButton button {
font-weight: 500;
}
@media (max-width: 768px) {
.ProductFilters__root .ProductFilters__featuredButton button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
border: 0;
}
}
@media (max-width: 768px) {
.ProductFilters__root.ProductFilters__hasFilters {
margin-bottom: 25px;
}
}
@media (min-width: 769px) {
.ProductFilters__root:not(.ProductFilters__hasFilters)
.ProductFilters__resultText {
position: absolute;
top: 0;
left: 0;
width: 100%;
pointer-events: none;
height: 80px;
}
}
.ProductFilters__root.sticky-state {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 769px) {
.ProductFilters__root.sticky-state {
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
}
}
@media (max-width: 768px) {
.ProductFilters__root.sticky-state {
opacity: 0;
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
-webkit-transition: opacity 0 ease 0.5s, -webkit-transform 0.5s ease;
transition: opacity 0 ease 0.5s, -webkit-transform 0.5s ease;
transition: transform 0.5s ease, opacity 0 ease 0.5s;
transition: transform 0.5s ease, opacity 0 ease 0.5s,
-webkit-transform 0.5s ease;
}
.ProductFilters__root.sticky-state.ProductFilters__hasFilters {
-webkit-transform: translateY(-147px);
transform: translateY(-147px);
}
}
.ProductFilters__root.sticky-state[data-waypoint='true'] {
-webkit-transform: translateY(0);
transform: translateY(0);
}
@media (max-width: 768px) {
.ProductFilters__root.sticky-state[data-waypoint='true'] {
opacity: 1;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
}
@media (max-width: 768px) {
.ProductFilters__root.sticky-state .ProductFilters__buttons {
padding-left: 0;
padding-right: 0;
}
}
.ProductFilters__root.sticky-state .ProductFilters__leftButtonWrapper,
.ProductFilters__root.sticky-state .ProductFilters__rightButtonWrapper {
border-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.ProductFilters__root.sticky-state .ProductFilters__leftButtonWrapper,
.ProductFilters__root.sticky-state .ProductFilters__rightButtonWrapper {
width: 50%;
}
}
@media (max-width: 768px) {
.ProductFilters__root.sticky-state .ProductFilters__resultText {
display: none;
}
}
.ProductFilters__root.sticky-state .ProductFilters__featuredButton button,
.ProductFilters__root.sticky-state .ProductFilters__filterButton {
border-color: transparent;
border-radius: 0;
}
@media (max-width: 768px) {
.ProductFilters__root.sticky-state .ProductFilters__featuredButton button,
.ProductFilters__root.sticky-state .ProductFilters__filterButton {
display: block;
}
}
.ProductFilters__root.sticky-state .ProductFilters__featuredButton,
.ProductFilters__root.sticky-state .ProductFilters__featuredButton button,
.ProductFilters__root.sticky-state .ProductFilters__filterButton {
width: 100%;
}
@media (max-width: 768px) {
.ProductFilters__root.sticky-state .ProductFilters__featuredButton button {
margin: auto;
}
}
@media (max-width: 768px) {
.ProductFilters__root.sticky-state .ProductFilters__filters {
padding-bottom: 12px;
padding-top: 12px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
}
.ProductFilters__root.sticky-state.ProductFilters__hasFilters
.ProductFilters__resultText {
display: none;
}
@media (min-width: 769px) {
.ProductFilters__root.sticky-state-desktop {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ProductFilters__root.sticky-state-desktop .ProductFilters__mainPanel {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ProductFilters__root.sticky-state-desktop .ProductFilters__leftButtonWrapper,
.ProductFilters__root.sticky-state-desktop
.ProductFilters__rightButtonWrapper {
border-color: rgba(0, 0, 0, 0.1);
}
.ProductFilters__root.sticky-state-desktop
.ProductFilters__featuredButton
button,
.ProductFilters__root.sticky-state-desktop .ProductFilters__filterButton {
border-color: transparent;
border-radius: 0;
}
}
@media (max-width: 768px) {
.ProductFilters__root.dropdown-opened .ProductFilters__leftButtonWrapper {
overflow: hidden;
width: 0;
}
.ProductFilters__root.dropdown-opened .ProductFilters__rightButtonWrapper {
width: 100%;
}
}
.NavPanel__root {
border: 0;
}
.NavPanelItem__root {
width: 195px;
height: 70px;
margin: 5px;
text-decoration: none;
text-align: center;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
color: #1e2e3f;
font-weight: 400;
background-color: rgba(30, 46, 63, 0.1);
}
.NavPanelItem__root:hover {
background-color: rgba(30, 46, 63, 0.15);
}
.NavPanelItem__root.NavPanelItem__active {
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
color: #0180c9;
background-color: #fff;
cursor: default;
}
@media (max-width: 768px) {
.NavPanelItem__root {
width: auto;
max-width: 150px;
min-width: 103px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
padding: 5px;
}
}
.NavPanelMobile__root {
border: 0;
}
.IconBtn__root {
position: relative;
padding-right: 30px;
text-decoration: none;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.3px;
cursor: pointer;
background: 0;
}
.IconBtn__root.white {
fill: #fff;
stroke: #fff;
color: #fff;
}
.IconBtn__root.IconBtn__white:hover {
fill: #e9ecef;
stroke: #e9ecef;
color: #e9ecef;
}
.IconBtn__root.lochmara {
fill: #0180c9;
stroke: #0180c9;
color: #0180c9;
}
.IconBtn__root.lochmara:hover {
fill: #006ba8;
stroke: #006ba8;
color: #006ba8;
}
.IconBtn__root.white:hover {
fill: #e9ecef;
stroke: #e9ecef;
color: #e9ecef;
}
.IconBtn__icon {
position: absolute;
top: 0;
right: 0;
}
.IconBtn__x {
opacity: 0;
position: absolute;
left: 3px;
top: 2px;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.IconBtn__heart .IconBtn__x,
.IconBtn__share .IconBtn__x {
top: 4px;
}
.IconBtn__root.active .IconBtn__x,
.IconBtn__root.removeBtn .IconBtn__x {
opacity: 1;
}
.IconBtn__root.removeBtn .IconBtn__x svg {
position: absolute;
top: 2px;
right: 4px;
width: 16px;
height: 16px;
}
.IconBtn__mainIcon {
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.IconBtn__root.active .IconBtn__mainIcon {
opacity: 0;
}
.IconBtn__share {
top: 2px;
width: 19px;
height: 21px;
}
.IconBtn__heart {
top: 2px;
width: 19px;
height: 17px;
}
.IconBtn__compare {
top: 1px;
right: -4px;
width: 22px;
height: 21px;
}
.IconBtn__download {
width: 16px;
height: 20px;
}
.IconBtn__print {
width: 19px;
height: 19px;
top: 3px;
right: -3px;
}
.PriceTag__root {
color: #1e2e3f;
background-color: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.ProductPLPheader__root {
height: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
@media (max-width: 1280px) {
.ProductPLPheader__root {
height: 140px;
padding: 30px 20px 20px;
}
}
@media (max-width: 1024px) {
.ProductPLPheader__root {
height: 90px;
padding: 0 20px;
}
}
@media (max-width: 768px) {
.ProductPLPheader__root {
height: 75px;
}
}
@media (max-width: 374px) {
.ProductPLPheader__root {
height: 140px;
padding: 30px 20px 20px;
}
}
.ProductPLPheader__root .ProductPLPheader__pricetagWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 1280px) {
.ProductPLPheader__root .ProductPLPheader__pricetagWrapper {
width: 100%;
padding-top: 16px;
}
}
@media (max-width: 1024px) {
.ProductPLPheader__root .ProductPLPheader__pricetagWrapper {
width: auto;
padding-top: 0;
}
}
@media (max-width: 374px) {
.ProductPLPheader__root .ProductPLPheader__pricetagWrapper {
width: 100%;
padding-top: 16px;
}
}
.ProductPLPheader__root .ProductPLPheader__buttonsWrapper {
width: 230px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
}
@media (max-width: 1280px) {
.ProductPLPheader__root .ProductPLPheader__buttonsWrapper {
width: 100%;
}
}
.StarsRating__starWrapper {
display: inline-block;
width: 15px;
height: 15px;
}
.StarsRating__starWrapper:nth-child(n + 2) {
margin-left: 9px;
}
.StarsRating__root.small .StarsRating__starWrapper {
width: 12px;
height: 11px;
}
.StarsRating__root.small .StarsRating__starWrapper:nth-child(n + 2) {
margin-left: 6px;
}
.StarsRating__root.big .StarsRating__starWrapper {
width: 18px;
height: 17px;
}
.StarsRating__root.big .StarsRating__starWrapper:nth-child(n + 2) {
margin-left: 7px;
}
.StarsRating__starWrapper svg {
fill: rgba(0, 0, 0, 0.2);
}
.StarsRating__starWrapper.active svg {
fill: #fab001;
}
.StarsRating__root.StarsRating__aos .StarsRating__starWrapper.active svg {
fill: rgba(0, 0, 0, 0.2);
-webkit-transition: fill 0.2s;
transition: fill 0.2s;
}
.StarsRating__root.StarsRating__aos.aos-animate
.StarsRating__starWrapper:nth-child(2)
svg {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.StarsRating__root.StarsRating__aos.aos-animate
.StarsRating__starWrapper:nth-child(3)
svg {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.StarsRating__root.StarsRating__aos.aos-animate
.StarsRating__starWrapper:nth-child(4)
svg {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.StarsRating__root.StarsRating__aos.aos-animate
.StarsRating__starWrapper:nth-child(5)
svg {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.StarsRating__root.white .StarsRating__starWrapper.active svg {
fill: #fff;
}
.StarsRating__root.StarsRating__aos.aos-animate
.StarsRating__starWrapper.active
svg {
fill: #fab001;
}
.EnergyClassBadge__root {
display: inline-block;
height: 30px;
min-width: 18px;
position: relative;
padding-left: 7px;
}
.EnergyClassBadge__root:after {
content: '';
width: 0;
height: 0;
position: absolute;
left: 100%;
top: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left-width: 11px;
border-left-style: solid;
pointer-events: none;
}
.EnergyClassBadge__root .EnergyClassBadge__text {
color: #fff;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.43px;
}
.EnergyClassBadge__root.EnergyClassBadge__energyClass4 {
background-color: #ece100;
}
.EnergyClassBadge__root.EnergyClassBadge__energyClass4:after {
border-left-color: #ece100;
}
.EnergyClassBadge__root.EnergyClassBadge__energyClass3 {
background-color: #bfd730;
}
.EnergyClassBadge__root.EnergyClassBadge__energyClass3:after {
border-left-color: #bfd730;
}
.EnergyClassBadge__root.EnergyClassBadge__energyClass2 {
background-color: #81cd6c;
}
.EnergyClassBadge__root.EnergyClassBadge__energyClass2:after {
border-left-color: #81cd6c;
}
.EnergyClassBadge__root.EnergyClassBadge__energyClass1 {
background-color: #4aa45a;
}
.EnergyClassBadge__root.EnergyClassBadge__energyClass1:after {
border-left-color: #4aa45a;
}
.ProductSpecBox__root {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-width: 128px;
}
@media (max-width: 768px) {
.ProductSpecBox__root {
max-width: unset;
}
}
.ProductSpecBox__root .ProductSpecBox__title {
margin-top: 22px;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.37px;
line-height: 14px;
color: #9aa8b6;
}
@media (max-width: 768px) {
.ProductSpecBox__root .ProductSpecBox__title {
margin-top: 0;
margin-left: 20px;
position: relative;
top: 1px;
}
}
.ProductSpecBox__root .ProductSpecBox__info {
font-size: 16px;
color: #1e2e3f;
line-height: 24px;
margin-top: 18px;
}
@media (max-width: 768px) {
.ProductSpecBox__root .ProductSpecBox__info {
margin: 0;
}
}
.ProductSpecBox__root .ProductSpecBox__energyClass {
margin-top: 13px;
-ms-flex-item-align: start;
align-self: flex-start;
position: relative;
left: 26%;
}
@media (max-width: 768px) {
.ProductSpecBox__root .ProductSpecBox__energyClass {
left: 0;
margin-top: 11px;
}
}
.ProductExtraSpecs__root .ProductExtraSpecs__text {
text-align: left;
padding: 13px 17px 14px 30px;
background-color: #fff;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-top-color: transparent;
}
.ProductExtraSpecs__root ul {
list-style-type: none;
margin: 0;
padding-left: 0;
}
.ProductExtraSpecs__root ul li {
font-size: 14px;
color: #5b6d81;
line-height: 23px;
letter-spacing: 0.2px;
}
.ProductExtraSpecs__root ul li:before {
content: '\2022';
font-size: 17px;
margin-right: 15px;
position: relative;
top: 1px;
}
.ProductCardPLP__root {
height: 660px;
position: relative;
color: #fff;
text-align: center;
}
@media (max-width: 768px) {
.ProductCardPLP__root {
height: 595px;
}
}
@media (max-width: 374px) {
.ProductCardPLP__root {
height: 660px;
}
}
.ProductCardPLP__root .ProductCardPLP__overflowWrapper {
overflow: hidden;
border-radius: 8px;
}
.ProductCardPLP__root .ProductCardPLP__productBody {
height: 570px;
position: relative;
}
@media (max-width: 1280px) {
.ProductCardPLP__root .ProductCardPLP__productBody {
height: 520px;
}
}
@media (max-width: 1024px) {
.ProductCardPLP__root .ProductCardPLP__productBody {
height: 570px;
}
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__productBody {
height: 500px;
}
}
.ProductCardPLP__root .ProductCardPLP__productBackground {
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-transition: height 0.3s ease;
transition: height 0.3s ease;
}
.ProductCardPLP__root .ProductCardPLP__viewLink {
display: block;
height: 100%;
position: relative;
z-index: 4;
color: #fff;
text-decoration: none;
padding-top: 12px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__viewLink {
padding-top: 19px;
height: 80%;
}
}
.ProductCardPLP__root .ProductCardPLP__ratingModelWrapper {
opacity: 1;
max-height: 65px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-property: opacity, max-height;
transition-property: opacity, max-height;
}
.ProductCardPLP__root .ProductCardPLP__model {
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
margin-top: 15px;
}
.ProductCardPLP__root .ProductCardPLP__desc {
width: 350px;
height: 60px;
max-height: 60px;
overflow: hidden;
margin: 5px auto 0;
font-size: 22px;
line-height: 30px;
font-weight: 300;
letter-spacing: 0.3px;
-webkit-transition: margin-bottom 0.3s ease;
transition: margin-bottom 0.3s ease;
}
@media (max-width: 1280px) {
.ProductCardPLP__root .ProductCardPLP__desc {
width: 300px;
margin-bottom: 8px;
font-size: 18px;
line-height: 26px;
}
}
@media (max-width: 1024px) {
.ProductCardPLP__root .ProductCardPLP__desc {
width: 350px;
font-size: 22px;
line-height: 30px;
}
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__desc {
width: 320px;
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 374px) {
.ProductCardPLP__root .ProductCardPLP__desc {
width: 293px;
font-size: 18px;
line-height: 26px;
}
}
.ProductCardPLP__root .ProductCardPLP__productBadge {
position: absolute;
top: 220px;
left: 6.2%;
-webkit-transition: top 0.3s ease;
transition: top 0.3s ease;
}
@media (max-width: 1280px) {
.ProductCardPLP__root .ProductCardPLP__productBadge {
top: 200px;
}
}
@media (max-width: 1024px) {
.ProductCardPLP__root .ProductCardPLP__productBadge {
top: 220px;
}
}
.ProductCardPLP__root .ProductCardPLP__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin: 20px 0 30px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-property: margin-top, margin-bottom;
transition-property: margin-top, margin-bottom;
}
@media (max-width: 1280px) {
.ProductCardPLP__root .ProductCardPLP__image {
margin-top: 8px;
}
}
@media (max-width: 1024px) {
.ProductCardPLP__root .ProductCardPLP__image {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__image {
margin-top: 10px;
}
}
.ProductCardPLP__root .ProductCardPLP__image img {
width: auto;
height: 268px;
max-height: 268px;
-webkit-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out;
}
@media (max-width: 1280px) {
.ProductCardPLP__root .ProductCardPLP__image img {
height: 244px;
max-height: 244px;
}
}
@media (max-width: 1024px) {
.ProductCardPLP__root .ProductCardPLP__image img {
height: 268px;
max-height: 268px;
}
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__image img {
height: 220px;
max-height: 220px;
}
}
.ProductCardPLP__root .ProductCardPLP__whereToBuy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
-webkit-transform: scale(0.1);
transform: scale(0.1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__whereToBuy {
-webkit-transform: scale(1);
transform: scale(1);
z-index: 5;
}
}
.ProductCardPLP__root .ProductCardPLP__productSpecsWrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 20px;
position: absolute;
top: 450px;
-webkit-transition: top 0.3s ease;
transition: top 0.3s ease;
z-index: 1;
}
@media (min-width: 769px) {
.ProductCardPLP__root .ProductCardPLP__productSpecsWrapper {
z-index: 5;
}
}
@media (max-width: 1280px) {
.ProductCardPLP__root .ProductCardPLP__productSpecsWrapper {
padding: 0 10px;
top: 403px;
}
}
@media (max-width: 1024px) {
.ProductCardPLP__root .ProductCardPLP__productSpecsWrapper {
padding: 0 10px;
top: 450px;
}
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__productSpecsWrapper {
left: 0;
top: auto;
bottom: 107px;
}
}
.ProductCardPLP__root .ProductCardPLP__productSpecs {
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;
width: 385px;
max-height: 99px;
overflow: hidden;
border-radius: 8px;
-webkit-transition: max-height 0.3s ease;
transition: max-height 0.3s ease;
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__productSpecs {
width: 100vw;
overflow: hidden;
position: absolute;
-webkit-box-shadow: none;
box-shadow: none;
left: -17px;
top: 0;
}
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__productSpecs img {
width: 29px;
}
}
.ProductCardPLP__root .ProductCardPLP__sliderWrapper {
width: 100%;
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__sliderWrapper {
height: 55px;
overflow: hidden;
}
}
.ProductCardPLP__root .ProductCardPLP__productBasicSpecs {
width: 100%;
height: 99px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__productBasicSpecs {
width: auto;
height: 75px;
overflow-x: scroll;
overflow-y: hidden;
background: transparent;
border: 0;
border-radius: 0;
padding-left: 30px;
-webkit-overflow-scrolling: touch;
}
.ProductCardPLP__root .ProductCardPLP__productBasicSpecs:after {
content: '';
padding-left: 25px;
}
.ProductCardPLP__root .ProductCardPLP__productBasicSpecs > div {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media (min-width: 769px) {
.ProductCardPLP__root
.ProductCardPLP__productBasicSpecs
.ProductCardPLP__badgeMobile {
display: none;
}
}
@media (max-width: 768px) {
.ProductCardPLP__root
.ProductCardPLP__productBasicSpecs
.ProductCardPLP__badgeMobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
min-width: 130px;
height: 50px;
background-color: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
margin-right: 5px;
padding: 0 15px;
}
}
.ProductCardPLP__root
.ProductCardPLP__productBasicSpecs
.ProductCardPLP__productSpecBox {
width: 33.3%;
}
.ProductCardPLP__root
.ProductCardPLP__productBasicSpecs
.ProductCardPLP__productSpecBox:last-child {
border: 0;
}
@media (max-width: 768px) {
.ProductCardPLP__root
.ProductCardPLP__productBasicSpecs
.ProductCardPLP__productSpecBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
min-width: 130px;
height: 50px;
background-color: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
margin-right: 5px;
padding: 0 15px;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.ProductCardPLP__root .ProductCardPLP__productExtraSpecs {
width: 100%;
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__productExtraSpecs {
display: none;
}
}
.ProductCardPLP__root:hover .ProductCardPLP__productBackground {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
@media (min-width: 769px) {
.ProductCardPLP__root:hover .ProductCardPLP__ratingModelWrapper {
max-height: 0;
opacity: 0;
}
.ProductCardPLP__root:hover .ProductCardPLP__productBackground {
height: 388px;
}
.ProductCardPLP__root:hover .ProductCardPLP__viewLink {
height: calc(100% - 82px);
padding-top: 16px;
}
.ProductCardPLP__root:hover .ProductCardPLP__productBadge {
top: 140px;
}
.ProductCardPLP__root:hover .ProductCardPLP__image img {
max-height: 244px;
}
.ProductCardPLP__root:hover.ProductCardPLP__squareImage
.ProductCardPLP__image
img {
max-height: 196px;
}
.ProductCardPLP__root:hover .ProductCardPLP__productSpecsWrapper {
top: 290px;
}
.ProductCardPLP__root:hover .ProductCardPLP__productSpecs {
max-height: 215px;
}
.ProductCardPLP__root:hover .ProductCardPLP__sliderWrapper div {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ProductCardPLP__root:hover .ProductCardPLP__whereToBuy {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 1280px) {
.ProductCardPLP__root:hover .ProductCardPLP__image img {
max-height: 220px;
}
.ProductCardPLP__root:hover.ProductCardPLP__squareImage
.ProductCardPLP__image
img {
max-height: 170px;
}
.ProductCardPLP__root:hover .ProductCardPLP__productBadge {
top: 126px;
}
.ProductCardPLP__root:hover .ProductCardPLP__productSpecsWrapper {
top: 238px;
}
}
@media (max-width: 1024px) {
.ProductCardPLP__root:hover .ProductCardPLP__image img {
max-height: 244px;
}
.ProductCardPLP__root:hover.ProductCardPLP__squareImage
.ProductCardPLP__image
img {
max-height: 190px;
}
.ProductCardPLP__root:hover .ProductCardPLP__productBadge {
top: 140px;
}
.ProductCardPLP__root:hover .ProductCardPLP__productSpecsWrapper {
top: 290px;
}
}
@media (max-width: 768px) {
.ProductCardPLP__root:hover .ProductCardPLP__image img {
max-height: 275px;
}
.ProductCardPLP__root:hover.ProductCardPLP__squareImage
.ProductCardPLP__image
img {
max-height: 225px;
}
.ProductCardPLP__root:hover .ProductCardPLP__productSpecsWrapper {
top: auto;
bottom: 107px;
}
}
.ProductCardPLP__root:focus-within .ProductCardPLP__productBackground {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
@media (min-width: 769px) {
.ProductCardPLP__root:focus-within .ProductCardPLP__ratingModelWrapper {
max-height: 0;
opacity: 0;
}
.ProductCardPLP__root:focus-within .ProductCardPLP__productBackground {
height: 388px;
}
.ProductCardPLP__root:focus-within .ProductCardPLP__viewLink {
height: calc(100% - 82px);
padding-top: 16px;
}
.ProductCardPLP__root:focus-within .ProductCardPLP__productBadge {
top: 140px;
}
.ProductCardPLP__root:focus-within .ProductCardPLP__image img {
max-height: 244px;
}
.ProductCardPLP__root:focus-within.ProductCardPLP__squareImage
.ProductCardPLP__image
img {
max-height: 196px;
}
.ProductCardPLP__root:focus-within .ProductCardPLP__productSpecsWrapper {
top: 290px;
}
.ProductCardPLP__root:focus-within .ProductCardPLP__productSpecs {
max-height: 215px;
}
.ProductCardPLP__root:focus-within .ProductCardPLP__sliderWrapper div {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ProductCardPLP__root:focus-within .ProductCardPLP__whereToBuy {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 1280px) {
.ProductCardPLP__root:focus-within .ProductCardPLP__image img {
max-height: 220px;
}
.ProductCardPLP__root:focus-within.ProductCardPLP__squareImage
.ProductCardPLP__image
img {
max-height: 170px;
}
.ProductCardPLP__root:focus-within .ProductCardPLP__productBadge {
top: 126px;
}
.ProductCardPLP__root:focus-within .ProductCardPLP__productSpecsWrapper {
top: 238px;
}
}
@media (max-width: 1024px) {
.ProductCardPLP__root:focus-within .ProductCardPLP__image img {
max-height: 244px;
}
.ProductCardPLP__root:focus-within.ProductCardPLP__squareImage
.ProductCardPLP__image
img {
max-height: 190px;
}
.ProductCardPLP__root:focus-within .ProductCardPLP__productBadge {
top: 140px;
}
.ProductCardPLP__root:focus-within .ProductCardPLP__productSpecsWrapper {
top: 290px;
}
}
@media (max-width: 768px) {
.ProductCardPLP__root:focus-within .ProductCardPLP__image img {
max-height: 275px;
}
.ProductCardPLP__root:focus-within.ProductCardPLP__squareImage
.ProductCardPLP__image
img {
max-height: 225px;
}
.ProductCardPLP__root:focus-within .ProductCardPLP__productSpecsWrapper {
top: auto;
bottom: 107px;
}
}
.ProductCardPLP__root.ProductCardPLP__squareImage .ProductCardPLP__image {
margin-top: 40px;
}
@media (max-width: 1280px) {
.ProductCardPLP__root.ProductCardPLP__squareImage .ProductCardPLP__image {
margin-top: 30px;
}
}
@media (max-width: 768px) {
.ProductCardPLP__root.ProductCardPLP__squareImage .ProductCardPLP__image {
margin-top: 15px;
}
}
.ProductCardPLP__root.ProductCardPLP__squareImage .ProductCardPLP__image img {
height: 245px;
max-height: 245px;
}
@media (max-width: 1280px) {
.ProductCardPLP__root.ProductCardPLP__squareImage .ProductCardPLP__image img {
height: 170px;
max-height: 170px;
}
}
@media (max-width: 1024px) {
.ProductCardPLP__root.ProductCardPLP__squareImage .ProductCardPLP__image img {
height: 210px;
max-height: 210px;
}
}
.ProductFeatureButton__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 188px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 30px;
cursor: pointer;
color: #0180c9;
background-color: #fff;
font-size: 15px;
letter-spacing: 0.3px;
font-size: 14px;
width: 210px;
height: 60px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
padding: 3px 8px 0 26px;
font-weight: 500;
}
.ProductFeatureButton__root img {
width: 48px;
height: 48px;
}
.ProductFeatureButton__root:hover {
border-color: #d6d6d6;
}
.ProductFeatureButton__root:hover .buttonTooltipHover {
background-color: #e1e4e7;
}
.ProductFeatureButton__root:hover .buttonTooltipHover svg {
fill: #0180c9;
}
.ProductFeatures__root {
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;
}
@media (max-width: 768px) {
.ProductFeatures__root {
padding-top: 0;
width: auto;
}
}
.ProductFeatures__root .ProductFeatures__subheader {
font-weight: 500;
font-size: 14px;
color: #9aa8b6;
letter-spacing: 0.43px;
text-align: center;
line-height: 18px;
margin-bottom: 11px;
}
@media (max-width: 768px) {
.ProductFeatures__root .ProductFeatures__subheader {
font-weight: 300;
letter-spacing: 0.53px;
}
}
.ProductFeatures__root .ProductFeatures__header {
width: 275px;
font-size: 22px;
color: #1e2e3f;
text-align: center;
line-height: 32px;
margin-top: 0;
}
@media (max-width: 768px) {
.ProductFeatures__root .ProductFeatures__header {
font-weight: 300;
letter-spacing: 0.53px;
}
}
.ProductFeatures__root .ProductFeatures__featureButtons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 38px;
}
.ProductCardWithPhotoPLP__root {
position: relative;
}
.ProductCardWithPhotoPLP__root .ProductCardWithPhotoPLP__photo {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
width: 52%;
position: relative;
left: 1px;
overflow: hidden;
height: 660px;
max-height: 660px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-bottom-left-radius: 8px;
}
@media (max-width: 1024px) {
.ProductCardWithPhotoPLP__root .ProductCardWithPhotoPLP__photo {
display: none;
}
}
.ProductCardWithPhotoPLP__root .ProductCardWithPhotoPLP__photo img {
position: absolute;
top: 0;
right: 0;
width: auto;
height: 660px;
min-height: 660px;
}
.ProductCardWithPhotoPLP__root .ProductCardWithPhotoPLP__product {
width: 48%;
}
@media (max-width: 1024px) {
.ProductCardWithPhotoPLP__root .ProductCardWithPhotoPLP__product {
width: 100%;
}
}
.ProductCardWithPhotoPLP__root .ProductCardWithPhotoPLP__product .borderRadius {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ProductCardWithPhotoPLP__root.ProductCardWithPhotoPLP__reversed
.ProductCardWithPhotoPLP__photo {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 48%;
}
.ProductCardWithPhotoPLP__root.ProductCardWithPhotoPLP__reversed
.ProductCardWithPhotoPLP__product {
width: 52%;
}
@media (max-width: 1024px) {
.ProductCardWithPhotoPLP__root.ProductCardWithPhotoPLP__reversed
.ProductCardWithPhotoPLP__product {
width: 100%;
}
}
.ProductCardWithPhotoPLP__root.ProductCardWithPhotoPLP__reversed .borderRadius {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ProductCardWithPhotoPLP__root
.ProductCardWithPhotoPLP__product:hover
+ .ProductCardWithPhotoPLP__photo {
height: 478px;
max-height: 478px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 1280px) {
.ProductCardWithPhotoPLP__root
.ProductCardWithPhotoPLP__product:hover
+ .ProductCardWithPhotoPLP__photo {
height: 528px;
max-height: 528px;
}
}
.ArticleCardPLP__root {
position: relative;
}
@media (max-width: 768px) {
.ArticleCardPLP__root {
height: 206px;
padding-top: 1px;
}
}
.ArticleCardPLP__root .ArticleCardPLP__category {
color: #9aa8b6;
}
@media (max-width: 768px) {
.ArticleCardPLP__root .ArticleCardPLP__category {
letter-spacing: 0.8px;
font-weight: 300;
margin-top: 8px;
}
}
.ArticleCardPLP__root .ArticleCardPLP__textBlock {
position: absolute;
width: 100%;
bottom: 105px;
z-index: 1;
}
@media (max-width: 768px) {
.ArticleCardPLP__root .ArticleCardPLP__textBlock {
position: static;
}
}
.ArticleCardPLP__root .ArticleCardPLP__imageWrapper {
width: 100%;
height: 200px;
position: absolute;
}
@media (max-width: 768px) {
.ArticleCardPLP__root .ArticleCardPLP__imageWrapper {
display: none;
}
}
.ArticleCardPLP__root
.ArticleCardPLP__imageWrapper.ArticleCardPLP__roundedImage {
left: calc(50% - 100px);
background-size: cover;
border-radius: 50%;
width: 200px;
}
.ArticleCardPLP__root .ArticleCardPLP__imageWrapper .ArticleCardPLP__image img {
height: 200px;
width: auto;
}
.ArticleCardPLP__root .ArticleCardPLP__desc {
margin: auto;
margin-top: 11px;
font-size: 22px;
width: 275px;
line-height: 32px;
}
@media (max-width: 768px) {
.ArticleCardPLP__root .ArticleCardPLP__desc {
width: 270px;
font-size: 23px;
font-weight: 300;
}
}
.ProductsGrid__root {
border: 0;
}
.irs {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.irs,
.irs-line {
position: relative;
display: block;
}
.irs-line {
overflow: hidden;
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
position: absolute;
display: block;
top: 0;
}
.irs-line-left {
left: 0;
width: 11%;
}
.irs-line-mid {
left: 9%;
width: 82%;
}
.irs-line-right {
right: 0;
width: 11%;
}
.irs-bar {
width: 0;
}
.irs-bar,
.irs-bar-edge {
position: absolute;
display: block;
left: 0;
}
.irs-bar-edge {
top: 0;
}
.irs-shadow {
position: absolute;
display: none;
left: 0;
width: 0;
}
.irs-handle {
position: absolute;
display: block;
cursor: default;
z-index: 1;
}
.irs-handle.type_last {
z-index: 2;
}
.irs-min {
left: 0;
}
.irs-max,
.irs-min {
position: absolute;
display: block;
cursor: default;
}
.irs-max {
right: 0;
}
.irs-from,
.irs-single,
.irs-to {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap;
}
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: #000;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
padding: 0 3px;
color: #000;
}
.irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: transparent;
z-index: 2;
}
.lt-ie9 .irs-disable-mask {
background: #000;
filter: alpha(opacity=0);
cursor: not-allowed;
}
.irs-disabled {
opacity: 0.4;
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
.irs {
height: 55px;
}
.irs-with-grid {
height: 75px;
}
.irs-line {
height: 10px;
top: 33px;
background: #eee;
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(-50%, #ddd),
color-stop(150%, #fff)
);
background: linear-gradient(180deg, #ddd -50%, #fff 150%);
border: 1px solid #ccc;
border-radius: 16px;
-moz-border-radius: 16px;
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
height: 8px;
}
.irs-bar {
border-top: 1px solid #428bca;
border-bottom: 1px solid #428bca;
}
.irs-bar,
.irs-bar-edge {
height: 10px;
top: 33px;
background: #428bca;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(0),
color-stop(0, #428bca),
to(#7fc3e8)
);
background: linear-gradient(0, #428bca 0, #7fc3e8);
}
.irs-bar-edge {
width: 14px;
border: 1px solid #428bca;
border-right: 0;
border-radius: 16px 0 0 16px;
-moz-border-radius: 16px 0 0 16px;
}
.irs-shadow {
height: 2px;
top: 38px;
background: #000;
opacity: 0.3;
border-radius: 5px;
-moz-border-radius: 5px;
}
.lt-ie9 .irs-shadow {
filter: alpha(opacity=30);
}
.irs-handle {
top: 25px;
width: 27px;
height: 27px;
border: 1px solid #aaa;
background: #ddd;
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(20%, #dcdcdc),
to(#fff)
);
background: linear-gradient(180deg, #fff 0, #dcdcdc 20%, #fff);
border-radius: 27px;
-moz-border-radius: 27px;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.irs-handle.state_hover,
.irs-handle:hover {
background: #fff;
}
.irs-max,
.irs-min {
color: #333;
font-size: 12px;
line-height: 1.333;
text-shadow: none;
top: 0;
padding: 1px 5px;
background: rgba(0, 0, 0, 0.1);
border-radius: 3px;
-moz-border-radius: 3px;
}
.lt-ie9 .irs-max,
.lt-ie9 .irs-min {
background: #ccc;
}
.irs-from,
.irs-single,
.irs-to {
color: #fff;
font-size: 14px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background: #428bca;
border-radius: 3px;
-moz-border-radius: 3px;
}
.lt-ie9 .irs-from,
.lt-ie9 .irs-single,
.lt-ie9 .irs-to {
background: #999;
}
.irs-grid {
height: 27px;
}
.irs-grid-pol {
opacity: 0.5;
background: #428bca;
}
.irs-grid-pol.small {
background: #999;
}
.irs-grid-text {
bottom: 5px;
color: #99a4ac;
}
.RangeSlider__root {
padding-top: 6px;
}
@media (min-width: 769px) {
.RangeSlider__inner {
margin-left: -8px;
margin-right: -8px;
}
}
.irs-handle {
top: 22px;
width: 26px;
height: 26px;
border-color: rgba(0, 0, 0, 0.1);
background: 0;
background-color: #fff;
}
.irs-bar {
height: 6px;
background: 0;
background-color: #0180c9;
}
.irs-from,
.irs-single,
.irs-to {
color: #0180c9;
background: 0;
font-size: 18px;
top: -12px;
padding: 1px 10px;
}
.irs-grid-pol {
height: 20px;
width: 2px;
top: -24px;
background-color: #e1e6ea;
}
.irs-grid-pol.small,
.irs-grid-text {
display: none;
}
.irs-line {
margin-left: 13px;
margin-right: 13px;
background-image: url(../images/rangeBgLine.675e1532.png);
background-repeat: repeat-x;
height: 6px;
border: 0;
border-radius: 0;
}
.FilterSectionHeader__root {
font-size: 18px;
font-weight: 400;
}
.FilterSectionHeader__root:after {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
margin-top: 10px;
}
.CheckboxButton__root
input[type='checkbox']:checked
+ .PropertyButton__root
svg {
fill: #97bade;
stroke: #97bade;
}
.CheckboxButton__root input[type='checkbox']:checked + .CheckboxButton__inner {
background-color: #0180c9;
color: #fff;
}
.CheckboxButton__root
input[type='checkbox']:checked
+ .CheckboxButton__inner
.button-tooltip,
.CheckboxButton__root
input[type='checkbox']:checked
+ .CheckboxButton__inner
.ButtonTooltip__button {
background-color: #fff;
}
.CheckboxButton__root
input[type='checkbox']:checked
+ .CheckboxButton__inner
.button-tooltip
svg,
.CheckboxButton__root
input[type='checkbox']:checked
+ .CheckboxButton__inner
.ButtonTooltip__button
svg {
fill: #0180c9;
stroke: #0180c9;
}
.CheckboxButton__root
input[type='checkbox']:not(:checked)
+ .CheckboxButton__inner {
background-color: #e9ecef;
color: #1e2e3f;
}
@media (min-width: 1025px) {
.CheckboxButton__root
input[type='checkbox']:not(:checked)
+ .CheckboxButton__inner:hover {
background-color: #e1e4e7;
color: #0180c9;
}
}
.FilterSectionColor__root .FilterSectionColor__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 19px 0 0;
}
.FilterSectionCapacity__root .FilterSectionCapacity__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 19px 0 0;
}
.FilterSectionFeatures__root .ButtonTooltip__x {
color: #fff;
}
.FilterSectionFeatures__root .button-tooltip .ButtonTooltip__quickInfo {
fill: #fff;
}
.FilterSectionFeatures__root .ButtonTooltip__root.open .ButtonTooltip__x {
color: #fff;
}
.FilterBottomMenu__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
visibility: hidden;
}
@media (max-width: 768px) {
.FilterBottomMenu__root {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
max-width: 330px;
opacity: 1;
visibility: visible;
padding: 0 20px;
}
}
.FilterBottomMenu__root .FilterBottomMenu__clearButton {
margin-right: 13px;
}
@media (max-width: 768px) {
.FilterBottomMenu__root .FilterBottomMenu__clearButton {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-right: 10px;
}
}
@media (max-width: 768px) {
.FilterBottomMenu__root .FilterBottomMenu__submitButton {
width: 330px;
margin-bottom: 10px;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
visibility: hidden;
}
}
@media (min-width: 769px) {
.FilterBottomMenu__root .FilterBottomMenu__closeButtonWrapper {
display: none;
}
}
.FilterBottomMenu__root.open,
.FilterBottomMenu__root.open .FilterBottomMenu__submitButton {
opacity: 1;
visibility: visible;
}
.ModalFilters__root .ModalFilters__bottomButtonsWrapper {
bottom: 40px;
left: 0;
width: 100%;
}
@media (max-width: 768px) {
.ModalFilters__root .ModalFilters__bottomButtonsWrapper {
bottom: 20px;
}
}
.ModalFilters__root .ModalFilters__bottomButtonsWrapper .ModalFilters__buttons {
margin: auto;
width: 400px;
}
.TextBlockPLP__root .TextBlockPLP__text .TextBlockPLP__subtitle {
color: #9aa8b6;
font-weight: 400;
}
@media (max-width: 768px) {
.TextBlockPLP__root .TextBlockPLP__text .TextBlockPLP__subtitle {
font-size: 14px;
letter-spacing: 0.5px;
}
}
.TextBlockPLP__root .TextBlockPLP__text .TextBlockPLP__desc {
margin-top: 15px;
width: 405px;
}
@media (max-width: 768px) {
.TextBlockPLP__root .TextBlockPLP__text .TextBlockPLP__desc {
width: 335px;
margin-top: 15px;
line-height: 32px;
}
}
@media (max-width: 374px) {
.TextBlockPLP__root .TextBlockPLP__text .TextBlockPLP__desc {
width: 300px;
}
}
.Carousel3d__root {
height: 100%;
}
.Carousel3d__root .Carousel3d__background {
-webkit-transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.Carousel3d__root .Carousel3d__dots {
position: absolute;
top: 11%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.Carousel3d__root .Carousel3d__dots .Carousel3d__dot {
margin: 0 6px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #bcc7d3;
-webkit-transition: all 0.5s;
transition: all 0.5s;
text-indent: -9999px;
}
.Carousel3d__root .Carousel3d__dots .Carousel3d__dot.active {
-webkit-transform: scale(1.67);
transform: scale(1.67);
background-color: #fff;
}
.Carousel3d__root .Carousel3d__slideWrapper {
position: absolute;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
pointer-events: none;
}
.Carousel3d__root img {
max-height: 68vh;
max-width: 61vw;
width: auto;
height: auto;
}
.Carousel3d__root .Carousel3d__slide {
opacity: 0;
pointer-events: auto;
cursor: -webkit-grab;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.Carousel3d__root .Carousel3d__slide[data-pos='current'],
.Carousel3d__root .Carousel3d__slide[data-pos='next'],
.Carousel3d__root .Carousel3d__slide[data-pos='prev'] {
-webkit-transition: all;
transition: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
opacity: 1;
}
.Carousel3d__root .Carousel3d__slide[data-pos='next'],
.Carousel3d__root .Carousel3d__slide[data-pos='nextNext'],
.Carousel3d__root .Carousel3d__slide[data-pos='prev'],
.Carousel3d__root .Carousel3d__slide[data-pos='prevPrev'] {
opacity: 0.7;
}
.Carousel3d__root .Carousel3d__slide[data-pos='next'],
.Carousel3d__root .Carousel3d__slide[data-pos='prev'] {
z-index: 1;
}
.Carousel3d__root .Carousel3d__slide[data-pos='prevPrev'] {
-webkit-transform: scale(0.5) translate3d(-100vw, 0, 0);
transform: scale(0.5) translate3d(-100vw, 0, 0);
-webkit-transform-origin: left;
transform-origin: left;
}
.Carousel3d__root .Carousel3d__slide[data-pos='prev'] {
-webkit-transform: scale(0.5) translate3d(-100vw, 0, 0) translateX(250px);
transform: scale(0.5) translate3d(-100vw, 0, 0) translateX(250px);
-webkit-transform-origin: left;
transform-origin: left;
}
@media (max-width: 1439px) {
.Carousel3d__root .Carousel3d__slide[data-pos='prev'] {
-webkit-transform: scale(0.5) translate3d(-100vw, 0, 0) translateX(125px);
transform: scale(0.5) translate3d(-100vw, 0, 0) translateX(125px);
}
}
@media (max-width: 768px) {
.Carousel3d__root .Carousel3d__slide[data-pos='prev'] {
-webkit-transform: scale(0.5) translate3d(-100vw, 0, 0) translateX(50px);
transform: scale(0.5) translate3d(-100vw, 0, 0) translateX(50px);
}
}
.Carousel3d__root .Carousel3d__slide[data-pos='current'] {
-webkit-transform: none;
transform: none;
-webkit-transform-origin: center;
transform-origin: center;
z-index: 2;
}
.Carousel3d__root .Carousel3d__slide[data-pos='next'] {
-webkit-transform: scale(0.5) translate3d(100vw, 0, 0) translateX(-250px);
transform: scale(0.5) translate3d(100vw, 0, 0) translateX(-250px);
-webkit-transform-origin: right;
transform-origin: right;
}
@media (max-width: 1439px) {
.Carousel3d__root .Carousel3d__slide[data-pos='next'] {
-webkit-transform: scale(0.5) translate3d(100vw, 0, 0) translateX(-125px);
transform: scale(0.5) translate3d(100vw, 0, 0) translateX(-125px);
}
}
@media (max-width: 768px) {
.Carousel3d__root .Carousel3d__slide[data-pos='next'] {
-webkit-transform: scale(0.5) translate3d(100vw, 0, 0) translateX(-50px);
transform: scale(0.5) translate3d(100vw, 0, 0) translateX(-50px);
}
}
.Carousel3d__root .Carousel3d__slide[data-pos='nextNext'] {
-webkit-transform: scale(0.5) translate3d(100vw, 0, 0);
transform: scale(0.5) translate3d(100vw, 0, 0);
-webkit-transform-origin: right;
transform-origin: right;
}
.modal:not(.open) .Carousel3d__slide[data-pos='prev'] {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.modal:not(.open) .Carousel3d__slide[data-pos='current'],
.modal:not(.open) .Carousel3d__slide[data-pos='next'] {
-webkit-transform: scale(0.5) translate3d(100vw, 0, 0);
transform: scale(0.5) translate3d(100vw, 0, 0);
-webkit-transform-origin: right;
transform-origin: right;
}
.PdpTop__root {
position: relative;
color: #fff;
height: calc(100% - 50px);
}
@media (max-width: 768px) {
.PdpTop__root {
overflow: hidden;
}
}
.PdpTop__root .PdpTop__background img {
position: absolute;
top: calc(-23% - 50px);
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
min-height: 125%;
height: auto;
min-width: 100%;
width: auto;
}
.PdpTop__root .PdpTop__backgroundMobile,
.PdpTop__root .PdpTop__backgroundMobile img {
height: 100%;
width: auto;
}
@media (min-width: 769px) {
.PdpTop__root .PdpTop__arrow {
opacity: 1;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
color: #fff;
stroke: #fff;
}
.PdpTop__root .PdpTop__arrow.scrolled {
opacity: 0;
}
}
.PdpTop__root .PdpTop__inner {
position: relative;
width: 100%;
height: 100%;
}
.PdpTop__root .PdpTop__content {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.PdpTop__root .PdpTop__content .PdpTop__title {
margin-bottom: 119px;
text-align: center;
}
@media (max-width: 768px) {
.PdpTop__root .PdpTop__content .PdpTop__title {
margin-bottom: 212px;
}
}
.PdpTopBlock__root {
display: block;
}
@media (max-width: 768px) {
.PdpTopBlock__root {
height: 200vh;
margin-bottom: -100vh;
}
}
@media (max-width: 768px) {
.PdpTopBlock__root .PdpTopBlock__inner {
position: sticky;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 0;
}
.PdpTopBlock__root .PdpTopBlock__inner .PdpTopBlock__stub {
height: 100vh;
}
@supports (position: sticky) {
.PdpTopBlock__root .PdpTopBlock__inner .PdpTopBlock__stub {
display: none;
}
}
}
.View3d__root {
height: 100%;
}
.View3d__root img {
opacity: 0.0001;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: -webkit-grab;
cursor: grab;
max-width: 100%;
max-height: 100%;
margin: auto;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 767px) {
.View3d__root img {
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.View3d__root img:first-child {
opacity: 1;
}
.ShareBlock__root {
display: block;
}
.ShareBlock__root > * {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
-webkit-transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.ShareBlock__root.active > * {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.ShareBlock__root.active > :nth-child(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.ShareBlock__root.active > :nth-child(3) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.modal.open .ShareBlock__root > *,
.ShareBlock__root.active > :nth-child(4) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.modal.open .ShareBlock__root > * {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.modal.open .ShareBlock__root > :nth-child(2) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.modal.open .ShareBlock__root > :nth-child(3) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.modal.open .ShareBlock__root > :nth-child(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.SizeButtons__root {
display: block;
}
.SizeButtons__root button {
padding: 11px 13px 10px 17px;
font-weight: 400;
background-color: transparent;
border-radius: 30px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.SizeButtons__root button.active {
background-color: rgba(233, 236, 239, 0.5);
color: #0180c9;
}
.ProductBadge2__root .ProductBadge2__image {
width: 75px !important;
height: 75px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ProductBadge2__root .ProductBadge2__image picture {
width: 100%;
height: 100%;
}
.ProductBadge2__root .ProductBadge2__image picture img {
width: 100%;
height: 100%;
}
.ProductBadge2__root svg {
width: 38px;
height: auto;
}
.ProductBadge2__root p {
color: #fff;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.8px;
text-align: center;
margin-top: 0;
}
@media (max-width: 767px) {
.ProductBadge2__root p {
color: #1e2e3f;
font-weight: 500;
}
}
.ProductBadge2__root p.ProductBadge2__secondary {
color: #1e2e3f;
font-size: 12px;
font-weight: 500;
}
.ProductInfoParams__root {
display: block;
background-color: #fff;
}
@media (max-width: 1023px) {
.ProductInfoParams__root {
cursor: pointer;
}
}
@media (max-width: 767px) {
.ProductInfoParams__root {
position: relative;
z-index: 2;
border-radius: 30px 30px 0 0;
}
}
.ProductInfoParams__top {
height: 120px;
display: none;
}
@media (max-width: 1023px) {
.ProductInfoParams__top {
display: block;
}
}
@media (max-width: 767px) {
.ProductInfoParams__top {
height: auto;
}
}
.ProductInfoParams__top .ProductInfoParams__mobileHeader {
display: none;
}
@media (max-width: 767px) {
.ProductInfoParams__top .ProductInfoParams__mobileHeader {
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;
}
}
.ProductInfoParams__center {
height: 120px;
}
@media (max-width: 767px) {
.ProductInfoParams__center {
height: 100px;
}
}
.ProductInfoParams__center .ProductInfoParams__buttonBuyWrapper {
width: 290px;
margin-left: auto;
}
@media (min-width: 1440px) {
.ProductInfoParams__center .ProductInfoParams__buttonBuyWrapper {
border-left: 1px solid rgba(0, 0, 0, 0.1);
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
-webkit-transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.ProductInfoParams__center .ProductInfoParams__buttonBuyWrapper.aos-animate {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@media (max-width: 1023px) {
.ProductInfoParams__center .ProductInfoParams__buttonBuyWrapper {
width: auto;
margin-left: 0;
}
}
.ProductInfoParams__bottom {
height: 122px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
.ProductInfoParams__bottom {
border-bottom-color: transparent;
-webkit-transition: border-bottom-color 0.5s ease 0.5s;
transition: border-bottom-color 0.5s ease 0.5s;
}
}
.ProductInfoParams__bottom.aos-animate {
border-bottom-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
.ProductInfoParams__bottom {
height: auto;
}
}
.ProductInfoParams__bottom .ProductInfoParams__row {
height: 120px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1439px) {
.ProductInfoParams__bottom .ProductInfoParams__row {
border: 0;
}
}
.ProductInfoParams__bottom .ProductInfoParams__row .ProductInfoParams__cellLeft,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft.ProductInfoParams__size,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight.ProductInfoParams__size {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-left: 30px;
padding-right: 20px;
}
@media (max-width: 1439px) {
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft.ProductInfoParams__size,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight.ProductInfoParams__size {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
}
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft.ProductInfoParams__autoWidth,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight.ProductInfoParams__autoWidth {
display: inline-block;
padding: 0 30px;
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft.ProductInfoParams__autoWidth
button,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight.ProductInfoParams__autoWidth
button {
color: #0180c9;
}
@media (max-width: 767px) {
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft
.ProductInfoParams__title,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight
.ProductInfoParams__title {
margin-top: 20px;
}
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft
.ProductInfoParams__energyBadge,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight
.ProductInfoParams__energyBadge {
margin-top: 11px;
}
@media (max-width: 767px) {
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft
.ProductInfoParams__energyBadge,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight
.ProductInfoParams__energyBadge {
margin-top: 13px;
}
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft
.ProductInfoParams__info,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight
.ProductInfoParams__info {
height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 6px;
width: 76px;
text-align: center;
line-height: 24px;
}
@media (max-width: 767px) {
.ProductInfoParams__bottom .ProductInfoParams__row .ProductInfoParams__price {
display: none;
}
}
@media (min-width: 1440px) {
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft {
float: left;
border-right: 1px solid rgba(0, 0, 0, 0.1);
word-break: break-word;
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight {
float: right;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
}
@media (max-width: 1439px) {
.ProductInfoParams__bottom .ProductInfoParams__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight.ProductInfoParams__buy {
display: none;
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__left
> * {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__left
> :first-child {
border: 0;
}
}
@media (min-width: 768px) {
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__left
> * {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
-webkit-transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__left
> :nth-child(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__left
> :nth-child(3) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__left
> :nth-child(4) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__left
> :nth-child(5) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__left
> .aos-animate {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@media (max-width: 767px) {
.ProductInfoParams__bottom .ProductInfoParams__row .ProductInfoParams__row {
overflow: hidden;
}
.ProductInfoParams__bottom .ProductInfoParams__row .ProductInfoParams__left {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__left::-webkit-scrollbar {
display: none;
}
}
.ProductInfoParams__mobileBadges {
display: none;
}
@media (max-width: 767px) {
.ProductInfoParams__mobileBadges {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
}
}
.ProductInfoParams__checkmark {
stroke: #3ba936;
}
.ButtonView__root {
position: relative;
height: 64px;
width: 64px;
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;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.1);
color: #fff;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.37px;
line-height: 14px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
overflow: hidden;
}
.ButtonView__root:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.ButtonView__root.active {
background: 0;
}
.ButtonView__root.ButtonView__withImg.ButtonView__topImage {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ButtonView__root.ButtonView__withImg.ButtonView__centerImage {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ButtonView__root.ButtonView__withImg.ButtonView__bottomImage {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ButtonView__root .ButtonView__view360 {
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-transition: all 0.5s;
transition: all 0.5s;
}
.ButtonView__root .ButtonView__view360 span {
margin-top: 12px;
margin-bottom: 5px;
}
.ButtonView__root .ButtonView__view360 svg {
stroke: #fff;
}
.ButtonView__root .ButtonView__close360 {
opacity: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
fill: #fff;
}
.ButtonView__root .ButtonView__more {
width: 32px;
margin-top: 16px;
}
.ButtonView__root .ButtonView__border {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
border: 2px solid transparent;
border-radius: 50%;
}
.ButtonView__root.active .ButtonView__border {
border-color: #fff;
}
.ButtonView__root.active360 .ButtonView__view360 {
opacity: 0;
}
.ButtonView__root.active360 .ButtonView__close360 {
opacity: 1;
}
.ButtonView__root .ButtonView__video {
background-color: rgba(0, 0, 0, 0.3);
border-radius: 50%;
}
.ProductInfo__root {
display: block;
overflow: hidden;
position: relative;
}
@media (min-width: 1440px) {
.ProductInfo__root {
margin-bottom: -60px;
}
}
@media (max-width: 767px) {
.ProductInfo__root {
overflow: unset;
}
}
.ProductInfo__root.ProductInfo__withLifeStyle .ProductInfo__title {
-webkit-transform: translateY(73px);
transform: translateY(73px);
opacity: 0;
}
@media (min-width: 769px) {
.ProductInfo__root.ProductInfo__withLifeStyle {
margin-top: -60px;
}
}
@media (max-width: 767px) {
.ProductInfo__root .ProductInfo__topWrapper {
z-index: 0;
position: sticky;
top: 0;
height: 740px;
margin-bottom: -370px;
-webkit-transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.ProductInfo__root .ProductInfo__topWrapper .ProductInfo__buttonView {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.ProductInfo__root .ProductInfo__top {
height: 470px;
color: #fff;
position: relative;
border-radius: 8px 8px 0 0;
}
@media (max-width: 768px) {
.ProductInfo__root .ProductInfo__top {
border-radius: 0;
}
}
@media (max-width: 767px) {
.ProductInfo__root .ProductInfo__top {
height: 50%;
overflow: hidden;
}
}
.ProductInfo__root .ProductInfo__top .ProductInfo__topInner {
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;
height: 100%;
position: relative;
margin: 0 30px;
}
.ProductInfo__root
.ProductInfo__top
.ProductInfo__topInner.ProductInfo__fullWidth {
margin: 0;
}
@media (max-width: 767px) {
.ProductInfo__root .ProductInfo__top .ProductInfo__header {
display: none;
}
}
.ProductInfo__root .ProductInfo__top .ProductInfo__title {
min-height: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
margin-top: 40px;
font-size: 22px;
line-height: 32px;
width: 414px;
font-weight: 400;
-webkit-transition: all 0.66s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.66s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.ProductInfo__root .ProductInfo__top .ProductInfo__viewButtons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 33px;
right: -10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ProductInfo__root
.ProductInfo__top
.ProductInfo__viewButtons
.ProductInfo__hint360 {
opacity: 0;
position: absolute;
top: -20px;
right: 26px;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
text-align: center;
}
@media (max-width: 1024px) {
.ProductInfo__root
.ProductInfo__top
.ProductInfo__viewButtons
.ProductInfo__hint360 {
top: -30px;
width: 138px;
right: 15px;
}
}
@media (max-width: 767px) {
.ProductInfo__root
.ProductInfo__top
.ProductInfo__viewButtons
.ProductInfo__hint360 {
display: none;
}
}
.ProductInfo__root
.ProductInfo__top
.ProductInfo__viewButtons.active360
.ProductInfo__hint360 {
opacity: 1;
}
.ProductInfo__root
.ProductInfo__top
.ProductInfo__viewButtons
.ProductInfo__buttonView {
margin-left: 10px;
margin-right: 10px;
margin-top: 20px;
-webkit-transform: translateX(487px);
transform: translateX(487px);
opacity: 0;
}
@media (max-width: 1024px) {
.ProductInfo__root .ProductInfo__top .ProductInfo__viewButtons {
width: 200px;
}
}
@media (max-width: 767px) {
.ProductInfo__root .ProductInfo__top .ProductInfo__viewButtons {
width: auto;
right: auto;
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.ProductInfo__root .ProductInfo__top .ProductInfo__desktopBadges {
position: absolute;
bottom: 30px;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
@media (max-width: 1024px) {
.ProductInfo__root .ProductInfo__top .ProductInfo__desktopBadges {
width: 200px;
}
}
@media (max-width: 767px) {
.ProductInfo__root .ProductInfo__top .ProductInfo__desktopBadges {
display: none;
}
}
.ProductInfo__root .ProductInfo__top .ProductInfo__desktopBadges > * {
-webkit-transform: translateX(-236px);
transform: translateX(-236px);
opacity: 0;
}
.ProductInfo__root .ProductInfo__top .ProductInfo__images {
position: absolute;
z-index: 2;
bottom: -178px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 460px;
width: 320px;
}
@media (max-width: 1439px) {
.ProductInfo__root .ProductInfo__top .ProductInfo__images {
bottom: -90px;
height: 380px;
}
}
@media (max-width: 767px) {
.ProductInfo__root .ProductInfo__top .ProductInfo__images {
max-width: calc(100vw - 34px);
height: calc(100% - 130px);
bottom: auto;
top: 20px;
max-height: calc(100% - 20px);
width: 100vw;
-webkit-transition: height 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: height 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
}
@media (min-width: 768px) {
.ProductInfo__root
.ProductInfo__top
.ProductInfo__images
.ProductInfo__imagesInner {
opacity: 0;
-webkit-transform: translate3d(0, 487px, 0);
transform: translate3d(0, 487px, 0);
-webkit-transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.ProductInfo__root
.ProductInfo__top
.ProductInfo__images
.ProductInfo__imagesInner.aos-animate {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.ProductInfo__root .ProductInfo__top .ProductInfo__images .ProductInfo__views {
-webkit-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
}
@media (max-width: 767px) {
.ProductInfo__root
.ProductInfo__top
.ProductInfo__images
.ProductInfo__views {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
}
.ProductInfo__root
.ProductInfo__top
.ProductInfo__images
.ProductInfo__views.active {
opacity: 1;
z-index: 10;
}
.ProductInfo__root .ProductInfo__top .ProductInfo__images .ProductInfo__image {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-height: 100%;
max-width: 100%;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
@media (max-width: 767px) {
.ProductInfo__root
.ProductInfo__top
.ProductInfo__images
.ProductInfo__image {
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.ProductInfo__root
.ProductInfo__top
.ProductInfo__images
.ProductInfo__image.active {
opacity: 1;
z-index: 10;
}
.ProductInfo__root.scrolled .ProductInfo__top .ProductInfo__title {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
@media (max-width: 1280px) {
.ProductInfo__root.ProductInfo__wideImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__desktopBadges {
width: 200px;
}
}
.ProductInfo__root.ProductInfo__wideImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__images {
width: 480px;
height: 330px;
bottom: -60px;
}
@media (max-width: 1024px) {
.ProductInfo__root.ProductInfo__wideImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__images {
width: 350px;
}
}
@media (max-width: 767px) {
.ProductInfo__root.ProductInfo__wideImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__images {
width: 100%;
max-width: calc(100% - 34px);
height: calc(100% - 130px);
}
}
@media (max-width: 1280px) {
.ProductInfo__root.ProductInfo__wideImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__viewButtons {
width: 200px;
}
}
@media (max-width: 767px) {
.ProductInfo__root.ProductInfo__wideImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__viewButtons {
width: auto;
}
}
@media (max-width: 1280px) {
.ProductInfo__root.ProductInfo__veryWideImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__desktopBadges {
width: 200px;
}
}
.ProductInfo__root.ProductInfo__veryWideImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__images {
width: 500px;
height: 330px;
bottom: -60px;
}
@media (max-width: 1024px) {
.ProductInfo__root.ProductInfo__veryWideImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__images {
width: 350px;
}
}
@media (max-width: 767px) {
.ProductInfo__root.ProductInfo__veryWideImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__images {
width: 100%;
height: calc(100% - 130px);
}
}
@media (max-width: 1280px) {
.ProductInfo__root.ProductInfo__veryWideImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__viewButtons {
width: 200px;
}
}
@media (max-width: 767px) {
.ProductInfo__root.ProductInfo__veryWideImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__viewButtons {
width: auto;
}
}
.ProductInfo__root.ProductInfo__lowImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__images {
width: 480px;
height: 330px;
bottom: -60px;
}
@media (max-width: 1024px) {
.ProductInfo__root.ProductInfo__lowImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__images {
width: 350px;
}
}
@media (max-width: 767px) {
.ProductInfo__root.ProductInfo__lowImage
.ProductInfo__topWrapper
.ProductInfo__top
.ProductInfo__images {
width: 100%;
height: calc(100% - 130px);
}
}
.ProductInfo__root
.ProductInfo__top.aos-animate
.ProductInfo__desktopBadges
> * {
-webkit-transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.ProductInfo__root
.ProductInfo__top.aos-animate
.ProductInfo__desktopBadges
> :first-child {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ProductInfo__root
.ProductInfo__top.aos-animate
.ProductInfo__desktopBadges
> :nth-child(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.ProductInfo__root .ProductInfo__top.aos-animate .ProductInfo__buttonView {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
.ProductInfo__root
.ProductInfo__top.aos-animate
.ProductInfo__buttonView:nth-child(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.ProductInfo__root
.ProductInfo__top.aos-animate
.ProductInfo__buttonView:nth-child(4) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ProductInfo__root
.ProductInfo__top.aos-animate
.ProductInfo__buttonView:nth-child(5) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ProductInfo__zoomZone {
border-radius: 50px;
width: 700px;
height: 520px;
bottom: -240px;
}
@media (max-width: 1439px) {
.ProductInfo__zoomZone {
bottom: -242px;
height: 532px;
}
}
.ProductInfo__shadow {
position: absolute;
bottom: -24px;
left: calc(50% + 20px);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0.7;
}
@media (max-width: 767px) {
.ProductInfo__shadow {
display: none;
}
}
.ProductInfo__root.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.DimensionsItem__root .DimensionsItem__title {
margin-top: -4px;
}
.DimensionsItem__root.DimensionsItem__modular .DimensionsItem__title {
margin-top: 7px;
margin-bottom: 20px;
}
@media (max-width: 374px) {
.DimensionsItem__root.DimensionsItem__modular .DimensionsItem__title {
margin-top: 7px;
}
}
.MainSpecsItem__root {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
padding: 30px 40px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.MainSpecsItem__root:last-child {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.MainSpecsItem__root:last-child {
border-right: 0;
}
}
@media (max-width: 1024px) {
.MainSpecsItem__root {
padding-left: 18px;
padding-right: 18px;
}
}
@media (max-width: 768px) {
.MainSpecsItem__root {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
}
.MainSpecsItem__root .MainSpecsItem__iconsBlock {
height: 150px;
width: 150px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 374px) {
.MainSpecsItem__root .MainSpecsItem__iconsBlock {
height: 40vw;
width: 40vw;
margin-top: 2.6vw;
}
}
.MainSpecsItem__root .MainSpecsItem__iconsBlock .MainSpecsItem__iconsAndText {
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;
min-height: 70px;
margin-top: 3px;
}
.MainSpecsItem__root .MainSpecsItem__iconsBlock .MainSpecsItem__icons {
height: 31px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media (max-width: 374px) {
.MainSpecsItem__root .MainSpecsItem__iconsBlock .MainSpecsItem__icons {
height: 8.2vw;
}
}
.MainSpecsItem__root
.MainSpecsItem__iconsBlock
.MainSpecsItem__icons.MainSpecsItem__narrow {
width: 97px;
}
@media (max-width: 374px) {
.MainSpecsItem__root
.MainSpecsItem__iconsBlock
.MainSpecsItem__icons.MainSpecsItem__narrow {
width: 25.8vw;
}
}
.MainSpecsItem__root
.MainSpecsItem__iconsBlock
.MainSpecsItem__icons.MainSpecsItem__wide {
width: 113px;
}
@media (max-width: 374px) {
.MainSpecsItem__root
.MainSpecsItem__iconsBlock
.MainSpecsItem__icons.MainSpecsItem__wide {
width: 30vw;
}
}
.MainSpecsItem__root .MainSpecsItem__iconsBlock .MainSpecsItem__icons svg {
color: #fff;
fill: #fff;
stroke: #fff;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
opacity: 0.4;
}
.MainSpecsItem__root
.MainSpecsItem__iconsBlock
.MainSpecsItem__icons
svg:first-child {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.MainSpecsItem__root
.MainSpecsItem__iconsBlock
.MainSpecsItem__icons
svg:nth-child(2) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.MainSpecsItem__root
.MainSpecsItem__iconsBlock
.MainSpecsItem__icons
svg:nth-child(3) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.MainSpecsItem__root
.MainSpecsItem__iconsBlock
.MainSpecsItem__icons
svg:nth-child(4) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.MainSpecsItem__root
.MainSpecsItem__iconsBlock
.MainSpecsItem__icons
svg:nth-child(5) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.MainSpecsItem__root
.MainSpecsItem__iconsBlock
.MainSpecsItem__icons:last-child
svg {
margin: 0;
}
.MainSpecsItem__root
.MainSpecsItem__iconsBlock
.MainSpecsItem__icons.aos-animate
svg.MainSpecsItem__fill {
opacity: 1;
}
.MainSpecsItem__root .MainSpecsItem__iconsBlock .MainSpecsItem__iconsTitle {
color: #fff;
width: 110px;
height: 34px;
overflow: hidden;
text-align: center;
line-height: 16px;
margin-top: 10px;
}
@media (max-width: 374px) {
.MainSpecsItem__root .MainSpecsItem__iconsBlock .MainSpecsItem__iconsTitle {
width: 29.3vw;
height: 9vw;
font-size: 4.2vw;
line-height: 4.2vw;
margin-top: 2.6vw;
}
}
.MainSpecsItem__root .MainSpecsItem__title {
font-size: 14px;
line-height: 18px;
color: #9aa8b6;
}
@media (max-width: 374px) {
.MainSpecsItem__root .MainSpecsItem__title {
font-size: 3.7vw;
line-height: 4.8vw;
}
}
.MainSpecsItem__root .MainSpecsItem__subTitle {
font-size: 18px;
margin-top: 5px;
line-height: 24px;
color: #5b6d81;
}
@media (max-width: 374px) {
.MainSpecsItem__root .MainSpecsItem__subTitle {
font-size: 4.8vw;
margin-top: 1.3vw;
line-height: 6.4vw;
}
}
.MainSpecsItem__root .MainSpecsItem__value {
font-size: 24px;
line-height: 40px;
margin-top: 10px;
font-weight: 700;
}
@media (max-width: 374px) {
.MainSpecsItem__root .MainSpecsItem__value {
font-size: 6.4vw;
line-height: 10.6vw;
margin-top: 2.6vw;
}
}
.MainSpecsItem__root.MainSpecsItem__orange .MainSpecsItem__iconsBlock {
background-color: #f4b772;
}
.MainSpecsItem__root.MainSpecsItem__orange .MainSpecsItem__value {
color: #f4b772;
}
.MainSpecsItem__root.MainSpecsItem__red .MainSpecsItem__iconsBlock {
background-color: #f57e6b;
}
.MainSpecsItem__root.MainSpecsItem__red .MainSpecsItem__value {
color: #f57e6b;
}
.MainSpecsItem__root.MainSpecsItem__burgundy .MainSpecsItem__iconsBlock {
background-color: #cb5c72;
}
.MainSpecsItem__root.MainSpecsItem__burgundy .MainSpecsItem__value {
color: #cb5c72;
}
.MainSpecsItem__root.MainSpecsItem__lightMintGreen .MainSpecsItem__iconsBlock {
background-color: #81cd6c;
}
.MainSpecsItem__root.MainSpecsItem__lightMintGreen .MainSpecsItem__value {
color: #81cd6c;
}
.MainSpecsItem__root.MainSpecsItem__blue .MainSpecsItem__iconsBlock {
background-color: #7eb1cb;
}
.MainSpecsItem__root.MainSpecsItem__blue .MainSpecsItem__value {
color: #7eb1cb;
}
.MainSpecs__root {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-transition: border-color 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82) 1s;
transition: border-color 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82) 1s;
}
.MainSpecs__root.aos-animate {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.MainSpecs__root .MainSpecs__inner {
width: 100%;
max-width: 1800px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.MainSpecs__root .MainSpecs__inner > * {
-webkit-transform: translateY(300px);
transform: translateY(300px);
opacity: 0;
-webkit-transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.MainSpecs__root .MainSpecs__inner > :nth-child(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.MainSpecs__root .MainSpecs__inner > :nth-child(3) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.MainSpecs__root .MainSpecs__inner > :nth-child(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.MainSpecs__root .MainSpecs__inner.aos-animate > * {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@media (max-width: 768px) {
.MainSpecs__root .MainSpecs__inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions {
width: 43%;
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;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1024px) {
.MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions {
width: 50%;
}
}
@media (max-width: 768px) {
.MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions {
width: 100%;
padding-bottom: 32px;
border-left: 0;
}
}
@media (max-width: 374px) {
.MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions {
width: 100vw;
padding-bottom: 8.5vw;
}
}
.MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions .MainSpecs__scheme {
position: relative;
width: 528px;
}
@media (max-width: 768px) {
.MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions .MainSpecs__scheme {
display: none;
}
}
.MainSpecs__root
.MainSpecs__inner
.MainSpecs__dimensions
.MainSpecs__scheme
.MainSpecs__d,
.MainSpecs__root
.MainSpecs__inner
.MainSpecs__dimensions
.MainSpecs__scheme
.MainSpecs__h,
.MainSpecs__root
.MainSpecs__inner
.MainSpecs__dimensions
.MainSpecs__scheme
.MainSpecs__w {
position: absolute;
font-weight: 500;
}
.MainSpecs__root
.MainSpecs__inner
.MainSpecs__dimensions
.MainSpecs__scheme
.MainSpecs__h {
top: 19px;
left: 110px;
}
.MainSpecs__root
.MainSpecs__inner
.MainSpecs__dimensions
.MainSpecs__scheme
.MainSpecs__d {
top: 91px;
left: 141px;
}
.MainSpecs__root
.MainSpecs__inner
.MainSpecs__dimensions
.MainSpecs__scheme
.MainSpecs__w {
top: 105px;
left: 289px;
}
.MainSpecs__root
.MainSpecs__inner
.MainSpecs__dimensions
.MainSpecs__scheme
svg {
width: 243px;
margin-left: 133px;
}
.MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions .MainSpecs__title {
font-size: 18px;
margin-top: 45px;
line-height: 24px;
color: #5b6d81;
}
@media (max-width: 768px) {
.MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions .MainSpecs__title {
margin-top: 30px;
}
}
@media (max-width: 374px) {
.MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions .MainSpecs__title {
margin-top: 8vw;
font-size: 4.8vw;
line-height: 6.4vw;
}
}
.MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions .MainSpecs__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 21px;
width: 335px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 768px) {
.MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions .MainSpecs__items {
margin-top: 25px;
}
}
@media (max-width: 374px) {
.MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions .MainSpecs__items {
width: 89.3vw;
margin-top: 6.6vw;
}
}
@media (max-width: 768px) {
.MainSpecs__root .MainSpecs__mainSpecsItem {
width: 50%;
}
.MainSpecs__root .MainSpecs__mainSpecsItem:first-child,
.MainSpecs__root .MainSpecs__mainSpecsItem:nth-child(2) {
border-top: 0;
}
.MainSpecs__root .MainSpecs__mainSpecsItem:first-child,
.MainSpecs__root .MainSpecs__mainSpecsItem:nth-child(3) {
border-left: 0;
}
}
@media (max-width: 374px) {
.MainSpecs__root.MainSpecs__withDimensions .MainSpecs__mainSpecsItem {
width: 50%;
}
}
@media (max-width: 768px) {
.MainSpecs__root.MainSpecs__withDimensions
.MainSpecs__mainSpecsItem:nth-child(3) {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
}
@media (max-width: 768px) {
.MainSpecs__root.MainSpecs__withDimensions
.MainSpecs__dimensions
+ .MainSpecs__mainSpecsItem {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-left: 0;
}
}
.FeatureText__root .FeatureText__prefix {
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.FeatureText__root .FeatureText__title {
width: 310px;
margin-top: 17px;
letter-spacing: 0.2px;
}
@media (max-width: 1280px) {
.FeatureText__root .FeatureText__title {
width: 100%;
}
}
@media (max-width: 768px) {
.FeatureText__root .FeatureText__title {
width: 100%;
letter-spacing: 0.4px;
}
}
.FeatureText__root .FeatureText__sub {
display: block;
font-size: 12px;
font-weight: 500;
line-height: 14px;
letter-spacing: 0.37px;
color: #9aa8b6;
margin-top: 30px;
}
@media (max-width: 1024px) {
.FeatureText__root .FeatureText__sub {
display: none;
}
}
.FeatureText__root .FeatureText__postfix {
margin-top: 20px;
line-height: 28px;
font-size: 18px;
color: #0180c9;
}
.FeatureText__root .FeatureText__postfix .FeatureText__refer {
font-weight: 500;
text-decoration: none;
color: #0180c9;
}
.MainFeatureImages__root {
position: relative;
}
.MainFeatureImages__root .MainFeatureImages__imagesInner {
position: relative;
width: 100%;
height: 100%;
}
.MainFeatureImages__root .MainFeatureImages__bigImage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: absolute;
top: 0;
width: 85%;
height: 500px;
overflow: hidden;
}
@media (max-width: 1280px) {
.MainFeatureImages__root .MainFeatureImages__bigImage {
height: 450px;
}
}
@media (max-width: 1024px) {
.MainFeatureImages__root .MainFeatureImages__bigImage {
height: 430px;
}
}
@media (max-width: 768px) {
.MainFeatureImages__root .MainFeatureImages__bigImage {
display: none;
}
}
.MainFeatureImages__root
.MainFeatureImages__bigImage
.MainFeatureImages__image {
width: 100%;
height: auto;
}
.MainFeatureImages__root .MainFeatureImages__bigImageBackground {
width: 100%;
height: 100%;
background-position: 50%;
background-size: cover;
border-radius: 8px;
}
.MainFeatureImages__root .MainFeatureImages__featureImage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: 0;
width: 310px;
height: 320px;
border-radius: 8px;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1280px) {
.MainFeatureImages__root .MainFeatureImages__featureImage {
width: 250px;
height: 260px;
}
}
@media (max-width: 1024px) {
.MainFeatureImages__root .MainFeatureImages__featureImage {
width: 190px;
height: 200px;
}
}
@media (max-width: 768px) {
.MainFeatureImages__root .MainFeatureImages__featureImage {
position: static;
width: 100%;
height: 100%;
}
}
@media (max-width: 1280px) {
.MainFeatureImages__root .MainFeatureImages__featureImage img {
height: 70%;
max-height: 240px;
}
}
@media (max-width: 768px) {
.MainFeatureImages__root .MainFeatureImages__featureImage img {
height: auto;
}
}
@media (max-width: 374px) {
.MainFeatureImages__root .MainFeatureImages__featureImage img {
max-height: 200px;
}
}
.MainFeatureImages__root.MainFeatureImages__right .MainFeatureImages__bigImage {
right: 0;
-webkit-transform: translate3d(50vw, 0, 0);
transform: translate3d(50vw, 0, 0);
}
.MainFeatureImages__root.MainFeatureImages__right
.MainFeatureImages__featureImage {
left: 0;
-webkit-transform: translate3d(90vw, 0, 0);
transform: translate3d(90vw, 0, 0);
}
.MainFeatureImages__root.MainFeatureImages__left .MainFeatureImages__bigImage {
left: 0;
-webkit-transform: translate3d(-50vw, 0, 0);
transform: translate3d(-50vw, 0, 0);
}
.MainFeatureImages__root.MainFeatureImages__left
.MainFeatureImages__featureImage {
right: 0;
-webkit-transform: translate3d(-90vw, 0, 0);
transform: translate3d(-90vw, 0, 0);
}
.MainFeatureImages__root.MainFeatureImages__featureOnly
.MainFeatureImages__featureImage {
display: block;
-webkit-box-shadow: none;
box-shadow: none;
}
.MainFeatureImages__root.MainFeatureImages__featureOnly
.MainFeatureImages__featureImage
.MainFeatureImages__featureImageBackground {
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
border-radius: 8px;
}
@media (min-width: 769px) {
.MainFeatureImages__root.MainFeatureImages__featureOnly
.MainFeatureImages__featureImage {
width: 100%;
right: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (max-width: 768px) {
.MainFeatureImages__root.MainFeatureImages__featureOnly
.MainFeatureImages__featureImage {
overflow: hidden;
}
}
.MainFeatureImages__root.MainFeatureImages__featureOnly
.MainFeatureImages__featureImageWrapper {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.MainFeatureImages__root.MainFeatureImages__noShadow
.MainFeatureImages__featureImage {
-webkit-box-shadow: none;
box-shadow: none;
}
.MainFeatureImages__root.MainFeatureImages__small .MainFeatureImages__bigImage {
width: 93%;
height: 450px;
}
.MainFeatureImages__root.MainFeatureImages__small
.MainFeatureImages__featureImage {
width: 230px;
height: 235px;
}
@media (max-width: 1280px) {
.MainFeatureImages__root.MainFeatureImages__small
.MainFeatureImages__featureImage {
width: 200px;
height: 205px;
}
}
@media (max-width: 1024px) {
.MainFeatureImages__root.MainFeatureImages__small
.MainFeatureImages__featureImage {
width: 190px;
height: 195px;
}
}
@media (max-width: 768px) {
.MainFeatureImages__root.MainFeatureImages__small
.MainFeatureImages__featureImage {
width: 100%;
height: 100%;
}
}
.MainFeatureImages__root.MainFeatureImages__small.MainFeatureImages__squareFeatureImage
.MainFeatureImages__featureImage
img {
height: 70%;
}
.MainFeatureImages__root.MainFeatureImages__small.MainFeatureImages__featureOnly
.MainFeatureImages__featureImage {
width: 93%;
height: 450px;
left: auto;
}
@media (max-width: 768px) {
.MainFeatureImages__root.MainFeatureImages__small.MainFeatureImages__featureOnly
.MainFeatureImages__featureImage {
width: 100%;
height: 100%;
}
}
.MainFeatureImages__root.aos-animate .MainFeatureImages__bigImage,
.MainFeatureImages__root.aos-animate .MainFeatureImages__featureImage {
-webkit-transform: translate(0);
transform: translate(0);
-webkit-transition: -webkit-transform 1s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: -webkit-transform 1s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 1s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 1s cubic-bezier(0.47, 0.14, 0.15, 0.82),
-webkit-transform 1s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 1s cubic-bezier(0.47, 0.14, 0.15, 0.82),
-webkit-transform 1s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.MainFeatures__root {
overflow: hidden;
}
.MainFeatures__root .MainFeatures__mainFeatureImages {
width: 95%;
height: 520px;
}
@media (max-width: 1280px) {
.MainFeatures__root .MainFeatures__mainFeatureImages {
height: 470px;
}
}
@media (max-width: 1024px) {
.MainFeatures__root .MainFeatures__mainFeatureImages {
height: 450px;
}
}
@media (max-width: 768px) {
.MainFeatures__root .MainFeatures__mainFeatureImages {
width: 100%;
height: 320px;
}
}
.MainFeatures__root .prefix {
color: #9aa8b6;
}
.MainFeatures__root.MainFeatures__featureOnly .MainFeatures__mainFeatureImages {
width: 100%;
height: 500px;
}
@media (max-width: 1024px) {
.MainFeatures__root.MainFeatures__featureOnly
.MainFeatures__mainFeatureImages {
height: 420px;
}
}
@media (max-width: 768px) {
.MainFeatures__root.MainFeatures__featureOnly
.MainFeatures__mainFeatureImages {
height: 320px;
}
}
.MainFeatures__root.MainFeatures__featureOnly
.MainFeatures__mainFeatureImages
.feature-image {
height: 100%;
}
.MainFeatures__root.MainFeatures__featureOnly
.MainFeatures__mainFeatureImages
.feature-image-background {
background-size: contain;
}
.MainFeatures__root.MainFeatures__featureOnly
.MainFeatures__mainFeatureImages
.feature-image-wrapper {
width: 72%;
height: 76%;
}
@media (max-width: 1024px) {
.MainFeatures__root.MainFeatures__featureOnly
.MainFeatures__mainFeatureImages
.feature-image-wrapper {
height: 62%;
width: 66%;
height: 80%;
width: 100%;
}
}
@media (max-width: 374px) {
.MainFeatures__root.MainFeatures__featureOnly
.MainFeatures__mainFeatureImages
.feature-image-wrapper {
width: 90%;
height: 70%;
}
}
.PDPquote__root {
position: relative;
}
.PDPquote__root .PDPquote__text {
margin-top: 60px;
font-family: Core Sans, sans-serif;
font-size: 40px;
line-height: 48px;
text-align: center;
}
@media (max-width: 768px) {
.PDPquote__root .PDPquote__text {
margin-top: 40px;
}
}
.PDPquote__root .PDPquote__author {
font-size: 22px;
line-height: 32px;
}
.PDPquote__root .PDPquote__origin {
margin-top: 5px;
font-size: 14px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.43px;
color: #bcc7d3;
}
.PDPquote__root .PDPquote__readFullReview {
margin-top: 35px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.3px;
text-decoration: none;
color: inherit;
background-color: transparent;
}
.PDPquote__root .PDPquote__readFullReview svg {
width: 18px;
height: 14px;
margin-left: 12px;
position: relative;
top: 2px;
fill: #fff;
stroke: #fff;
color: #fff;
}
.PDPquote__root .PDPquote__readFullReview:hover {
color: #e9ecef;
}
.PDPquote__root .PDPquote__readFullReview:hover svg {
fill: #e9ecef;
stroke: #e9ecef;
color: #e9ecef;
}
.PDPquote__root.PDPquote__user {
border: 0;
}
.PDPquote__root.PDPquote__social .PDPquote__topIcon {
width: 29px;
height: 24px;
}
.PDPquote__root.PDPquote__social .PDPquote__text {
margin-top: 65px;
}
.PDPquote__root.PDPquote__chef {
border: 0;
}
@media (max-width: 768px) {
.PDPquote__root.PDPquote__chef .PDPquote__topIcon {
width: 32px;
height: 21px;
-ms-flex-item-align: start;
align-self: flex-start;
}
}
@media (max-width: 768px) {
.PDPquote__root.PDPquote__chef .PDPquote__text {
text-align: start;
}
}
@media (max-width: 768px) {
.PDPquote__root.PDPquote__chef .PDPquote__author,
.PDPquote__root.PDPquote__chef .PDPquote__text {
-ms-flex-item-align: start;
align-self: flex-start;
}
}
@media (max-width: 768px) {
.PDPquote__root.PDPquote__chef .PDPquote__origin {
color: #9aa8b6;
-ms-flex-item-align: start;
align-self: flex-start;
}
}
.PDPquote__root .socialText {
color: #70a9c6;
}
.PDPquote__root.PDPquote__light {
background-color: #fff;
color: #1e2e3f;
}
.PDPquote__root.PDPquote__dark,
.PDPquote__root.PDPquote__darkMd-lightSm {
background-color: #1e2e3f;
color: #fff;
}
@media (max-width: 768px) {
.PDPquote__root.PDPquote__darkMd-lightSm {
background-color: #fff;
color: #1e2e3f;
}
}
.OtherFeaturesCard__root {
position: relative;
background-color: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.OtherFeaturesCard__root .OtherFeaturesCard__stub,
.OtherFeaturesCard__root > img {
width: 310px;
height: 280px;
}
.OtherFeaturesCard__root .OtherFeaturesCard__stub svg,
.OtherFeaturesCard__root > img svg {
color: #fff;
}
@media (max-width: 768px) {
.OtherFeaturesCard__root .OtherFeaturesCard__stub,
.OtherFeaturesCard__root > img {
width: 220px;
height: 200px;
}
}
.OtherFeaturesCard__root .OtherFeaturesCard__title {
font-family: Core Sans, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #9aa8b6;
}
.OtherFeaturesCard__root .OtherFeaturesCard__text {
margin-top: 8px;
font-size: 22px;
line-height: 32px;
color: #1e2e3f;
}
.OtherFeatures__root .OtherFeatures__firstCard {
margin-left: 0;
}
.EatLikeAPro__root {
position: relative;
background-image: radial-gradient(
circle at center,
rgba(255, 255, 255, 0.3) 0,
rgba(255, 255, 255, 0) 100%
);
}
.EatLikeAPro__root .EatLikeAPro__pattern {
bottom: 0;
left: 0;
width: 100%;
height: 350%;
overflow: hidden;
}
.ScoreRating__score {
display: inline-block;
vertical-align: middle;
font-size: 18px;
line-height: 18px;
color: #1e2e3f;
}
.ScoreRating__root.big .ScoreRating__score {
vertical-align: top;
font-size: 30px;
line-height: 30px;
font-weight: 400;
}
.ScoreRating__limit {
display: inline-block;
vertical-align: middle;
position: relative;
top: -3px;
padding-left: 7px;
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: #9aa8b6;
}
.ScoreRating__root.big .ScoreRating__limit {
vertical-align: top;
line-height: 30px;
top: -5px;
}
.Rating__root {
width: 100%;
}
@media (max-width: 768px) {
.Rating__root {
width: 125px;
}
}
.Rating__scoreRating,
.Rating__starsRating {
display: inline-block;
vertical-align: top;
}
.Rating__starsRating {
margin: 2px 0 0 13px;
}
.Rating__starsRating.big {
margin: 9px 0 0 13px;
}
@media (max-width: 768px) {
.Rating__starsRating.big {
margin: 8px 0 0;
}
}
@media (max-width: 768px) {
.Rating__root.hideMobileStars .Rating__starsRating {
display: none;
}
}
.Rating__description {
margin-top: 10px;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.37px;
color: #9aa8b6;
font-weight: 400;
}
@media (max-width: 768px) {
.Rating__description {
margin-top: 17px;
width: 117px;
}
}
.RatingBar__root {
position: relative;
width: 100%;
height: 8px;
background-image: url(../images/rangeBgLine.675e1532_1.png);
background-size: contain;
background-position: 0 0;
background-repeat: repeat-x;
}
.RatingBar__progress {
width: 0;
height: 100%;
position: absolute;
background-color: #fab001;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
-webkit-transform-origin: left;
transform-origin: left;
}
.RatingBar__progress.aos-animate {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.RatingInfoList__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 700px;
}
@media (min-width: 1440px) {
.RatingInfoList__root {
width: 1200px;
}
}
@media (max-width: 768px) {
.RatingInfoList__root {
width: 181px;
}
}
@media (max-width: 374px) {
.RatingInfoList__root {
width: 161px;
}
}
.RatingInfoList__ratingInfoItem {
position: relative;
width: 195px;
margin-left: 35px;
}
@media (min-width: 769px) {
.RatingInfoList__ratingInfoItem:nth-child(3n + 1) {
margin-left: 0;
}
.RatingInfoList__ratingInfoItem:nth-child(n + 4) {
margin-top: 60px;
}
}
@media (min-width: 1440px) {
.RatingInfoList__ratingInfoItem:nth-child(n + 4) {
margin-top: 0;
}
.RatingInfoList__ratingInfoItem:nth-child(n + 6) {
margin-top: 60px;
}
.RatingInfoList__ratingInfoItem:nth-child(3n + 1) {
margin-left: 35px;
}
.RatingInfoList__ratingInfoItem:nth-child(5n + 1) {
margin-left: 0;
}
}
@media (max-width: 768px) {
.RatingInfoList__ratingInfoItem {
margin: 0;
}
.RatingInfoList__ratingInfoItem:nth-child(n + 2) {
margin-top: 15px;
}
}
.RatingInfoList__title {
font-size: 12px;
line-height: 14px;
font-weight: 400;
letter-spacing: 0.37px;
color: #9aa8b6;
}
@media (max-width: 768px) {
.RatingInfoList__title {
position: absolute;
top: -4px;
right: 4px;
}
}
.RatingInfoList__progressTitle {
font-size: 20px;
line-height: 28px;
color: #1e2e3f;
font-weight: 400;
}
@media (max-width: 768px) {
.RatingInfoList__progressTitle {
display: none;
}
}
.RatingInfoList__percentage {
font-size: 14px;
line-height: 28px;
color: #9aa8b6;
font-weight: 400;
}
.RatingInfoList__progressBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 3px;
width: 100%;
}
@media (max-width: 768px) {
.RatingInfoList__progressBlock {
margin-top: 0;
}
}
.RatingInfoList__progressWrapper {
margin-top: 16px;
width: 143px;
}
@media (max-width: 768px) {
.RatingInfoList__progressWrapper {
margin-top: 0;
width: 118px;
}
}
@media (max-width: 374px) {
.RatingInfoList__progressWrapper {
width: 108px;
}
}
.ReviewCard__root {
position: relative;
width: 541px;
height: 490px;
background-color: #fff;
border-radius: 8px;
}
@media (max-width: 768px) {
.ReviewCard__root {
width: 278px;
height: 403px;
}
}
.ReviewCard__title {
font-family: Core Sans, sans-serif;
font-size: 40px;
line-height: 48px;
color: #1e2e3f;
text-align: center;
}
.ReviewCard__text {
height: 78px;
overflow: hidden;
font-size: 16px;
line-height: 26px;
color: #5b6d81;
text-align: center;
}
@media (max-width: 768px) {
.ReviewCard__text {
height: 104px;
}
}
.ReviewCard__btnWrapper {
display: none;
position: absolute;
left: 0;
right: 0;
}
.ReviewCard__text.truncated + .ReviewCard__btnWrapper {
display: block;
}
.ReviewCard__author {
font-size: 22px;
line-height: 32px;
color: #1e2e3f;
}
.ReviewCard__adress {
font-size: 14px;
font-weight: 400;
line-height: 16px;
color: #1e2e3f;
letter-spacing: 0.43px;
}
.ReviewCard__date {
display: block;
font-size: 12px;
font-weight: 400;
line-height: 14px;
color: #9aa8b6;
letter-spacing: 0.37px;
}
.DocumentIconBtns__root {
width: 325px;
}
@media (max-width: 374px) {
.DocumentIconBtns__root {
width: 280px;
}
}
@media (max-width: 768px) {
.DocumentIconBtns__root.DocumentIconBtns__hideMobile {
width: 220px;
}
}
.ContentToggle__root {
width: 100%;
}
.ContentToggle__header {
position: relative;
min-height: 100px;
z-index: 1;
border-radius: 8px;
background-color: #fff;
-webkit-transition: -webkit-box-shadow 0.5s;
transition: -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s;
transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
cursor: pointer;
}
@media (min-width: 1025px) {
.ContentToggle__header:hover {
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
}
.ContentToggle__titleWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: inherit;
}
.ContentToggle__title {
margin-left: 60px;
padding: 29px 0;
width: calc(100% - 240px);
font-size: 22px;
line-height: 29px;
color: #1e2e3f;
-webkit-transition: color 0.5s;
transition: color 0.5s;
}
@media (max-width: 768px) {
.ContentToggle__title {
margin-left: 20px;
padding: 25px 0;
width: calc(100% - 120px);
font-size: 18px;
line-height: 25px;
}
}
@media (min-width: 769px) {
.ContentToggle__title.faq {
margin-left: 230px;
width: calc(100% - 410px);
}
}
@media (min-width: 1025px) {
.ContentToggle__header:hover .ContentToggle__title {
color: #0180c9;
}
}
.ContentToggle__switchBtnWrapper {
position: absolute;
top: 0;
right: 0;
height: 100%;
margin-top: auto;
margin-bottom: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ContentToggle__switchBtn {
height: 60px;
width: 60px;
overflow: hidden;
background-color: #fff;
}
.ContentToggle__switchBtnIcon {
position: relative;
height: 100%;
width: 100%;
border-radius: 50%;
border: 1px solid #e9ecef;
cursor: pointer;
background-color: #fff;
font-size: 0;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ContentToggle__switchBtnIcon:hover {
border-color: #d6d6d6;
}
.ContentToggle__switchBtnIcon:after,
.ContentToggle__switchBtnIcon:before {
content: '';
position: absolute;
}
.ContentToggle__switchBtnIcon:after {
width: 20px;
height: 2px;
}
.ContentToggle__switchBtnIcon:after,
.ContentToggle__switchBtnIcon:before {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #0180c9;
}
.ContentToggle__switchBtnIcon:before {
width: 2px;
height: 20px;
}
.ContentToggle__content {
position: relative;
width: 100%;
opacity: 0;
padding-top: 10px;
margin-top: -10px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background-color: #fff;
}
.ContentToggle__icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 768px) {
.ContentToggle__icon {
display: none;
}
}
.ContentToggle__icon.faq {
left: 60px;
width: 41px;
height: 43px;
color: #bcc7d3;
}
.ContentToggle__root.open .ContentToggle__header {
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.ContentToggle__root.open .ContentToggle__switchBtnIcon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ContentToggle__root.open .ContentToggle__content {
opacity: 1;
}
.ContentToggle__root.ContentToggle__faq .ContentToggle__title {
margin-left: 20%;
}
@media (max-width: 768px) {
.ContentToggle__root.ContentToggle__faq .ContentToggle__title {
margin-left: 20px;
}
}
.PropertyTable__root {
position: relative;
width: 100%;
}
.PropertyTable__root:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 1px;
height: 100%;
background-color: #e9e9e9;
}
.PropertyTable__column {
position: relative;
display: inline-block;
vertical-align: middle;
width: 50%;
text-align: center;
}
.PropertyTable__column:nth-child(odd) {
padding: 23px;
color: #5b6d81;
line-height: 22px;
}
.PropertyTable__column:nth-child(2n) {
padding: 22px 23px;
color: #1e2e3f;
letter-spacing: 0.3px;
line-height: 24px;
}
.PropertyTable__row:nth-child(odd) {
background-color: #fff;
}
.PropertyTable__row:nth-child(2n) {
background-color: #f8f9fa;
}
.PropertyTable__row:last-child {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.PropertyTable__checked {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
stroke: #0180c9;
}
.PropertyTable__infoButton {
position: absolute;
top: 50%;
right: 40px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
@media (max-width: 1024px) {
.PropertyTable__infoButton {
right: 20px;
}
}
.ProductCardPDP__root {
position: relative;
color: #fff;
}
.ProductCardPDP__root .ProductCardPDP__model {
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.37px;
}
.ProductCardPDP__root .ProductCardPDP__desc {
width: 245px;
height: 64px;
overflow: hidden;
font-size: 22px;
line-height: 32px;
margin: 5px auto 0;
}
@media (max-width: 768px) {
.ProductCardPDP__root .ProductCardPDP__desc {
width: 170px;
height: 75px;
font-size: 18px;
line-height: 24px;
margin-top: 12px;
}
}
.ProductCardPDP__root .ProductCardPDP__image {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ProductCardPDP__root .ProductCardPDP__image img {
width: auto;
}
.ProductCardPDP__root .ProductCardPDP__productBagde {
position: absolute;
top: 185px;
left: 6%;
}
.ProductCardPDP__root.ProductCardPDP__rectangle .ProductCardPDP__image img {
height: 298px;
}
@media (max-width: 768px) {
.ProductCardPDP__root.ProductCardPDP__rectangle .ProductCardPDP__image img {
max-height: 193px;
}
}
.ProductCardPDP__root.ProductCardPDP__square .ProductCardPDP__image {
height: 295px;
bottom: 13px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 768px) {
.ProductCardPDP__root.ProductCardPDP__square .ProductCardPDP__image {
height: 215px;
bottom: 17px;
}
}
.ProductCardPDP__root.ProductCardPDP__square .ProductCardPDP__image img {
width: 238px;
}
@media (max-width: 768px) {
.ProductCardPDP__root.ProductCardPDP__square .ProductCardPDP__image img {
width: 170px;
}
}
.ProductCardPDP__root.ProductCardPDP__withShadow {
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.ProductCardPDP__root.ProductCardPDP__mobile .ProductCardPDP__desc {
width: 122px;
height: 60px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.43px;
}
.ProductCardPDP__root.ProductCardPDP__mobile.ProductCardPDP__rectangle img {
max-height: 160px;
}
.ProductCardPDP__root.ProductCardPDP__mobile.ProductCardPDP__square
.ProductCardPDP__image {
height: 175px;
}
.ProductCardPDP__root.ProductCardPDP__mobile.ProductCardPDP__square img {
width: 120px;
}
.ProductsBundle__root .ProductsBundle__firstCard {
margin-left: 0;
}
.DownloadDocsBtn__root {
position: relative;
display: block;
height: 100px;
width: 100%;
text-align: left;
border-radius: 8px;
background-color: #f2f4f5;
text-decoration: none;
cursor: pointer;
}
.DownloadDocsBtn__root.supportLink {
background-color: #0180c9;
}
.DownloadDocsBtn__titleWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.DownloadDocsBtn__title {
margin-left: 30px;
width: calc(100% - 150px);
color: #1e2e3f;
font-size: 18px;
line-height: 25px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.DownloadDocsBtn__root.supportLink .DownloadDocsBtn__title {
color: #fff;
}
.DownloadDocsBtn__icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 30px;
width: 60px;
height: 60px;
border: 1px solid #e9ecef;
border-radius: 50%;
background-color: #fff;
}
.DownloadDocsBtn__icon:hover {
border-color: #d6d6d6;
}
.DownloadDocsBtn__icon svg {
color: #0180c9;
fill: #0180c9;
stroke: #0180c9;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 16px;
height: 20px;
}
.DownloadDocsList__root {
margin-top: -2.5%;
}
@media (max-width: 768px) {
.DownloadDocsList__root {
margin-top: 0;
}
}
.DownloadDocsList__btnWrapper {
padding-top: 2.5%;
}
@media (max-width: 768px) {
.DownloadDocsList__btnWrapper {
padding-top: 0;
}
}
@media (max-width: 768px) {
.DownloadDocsList__btnWrapper:first-child {
margin-top: 0;
}
}
.VideoPreviewCard__root {
position: relative;
width: 424px;
height: 286px;
border-radius: 8px;
background-color: #d5d5d5;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.VideoPreviewCard__root {
width: 277px;
height: 186px;
}
}
.VideoPreviewCard__playBtnWrapper {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.VideoPreviewCard__title {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
margin: auto;
padding: 0 60px;
max-height: 64px;
width: 100%;
font-size: 22px;
line-height: 32px;
text-align: center;
color: #fff;
}
@media (max-width: 768px) {
.VideoPreviewCard__title {
bottom: 30px;
padding: 0 30px;
max-height: 24px;
font-size: 18px;
line-height: 24px;
}
}
.ProductHelpCard__root {
display: block;
position: relative;
width: 195px;
height: 235px;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
background-color: #fff;
text-decoration: none;
}
@media (max-width: 768px) {
.ProductHelpCard__root {
width: 163px;
height: 236px;
margin: 10px 5px 0;
}
}
@media (max-width: 374px) {
.ProductHelpCard__root {
width: 138px;
height: 220px;
}
}
.ProductHelpCard__root .ProductHelpCard__topBlock {
height: 135px;
position: relative;
}
.ProductHelpCard__root .ProductHelpCard__prefix {
display: block;
margin: 30px 0 0 30px;
}
.ProductHelpCard__root .ProductHelpCard__title {
height: 60px;
overflow: hidden;
margin: 20px 30px;
color: #1e2e3f;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.3px;
}
@media (max-width: 374px) {
.ProductHelpCard__root .ProductHelpCard__title {
font-size: 14px;
margin: 20px 25px;
}
}
.ProductHelpCard__root.ProductHelpCard__big {
width: 100%;
height: auto;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.ProductHelpCard__root.ProductHelpCard__big .ProductHelpCard__topBlock {
height: 180px;
}
.ProductHelpCard__root.ProductHelpCard__big .ProductHelpCard__title {
height: 65px;
font-size: 22px;
font-weight: 400;
line-height: 32px;
margin-top: 10px;
}
.ProductHelpCard__root.ProductHelpCard__withShadow {
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.ProductHelpCard__root.ProductHelpCard__mobile {
padding-bottom: 25px;
}
.ProductHelpCard__root.ProductHelpCard__mobile .ProductHelpCard__topBlock {
height: 125px;
}
.ProductHelpCard__root.ProductHelpCard__mobile .ProductHelpCard__title {
height: 40px;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.2px;
margin: 25px 20px 0;
}
.ProductHelpCard__icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
color: #fff;
fill: #fff;
stroke: #fff;
}
.ProductHelpCard__number {
position: absolute;
padding-top: 4px;
padding-left: 11px;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #fff;
}
.ProductHelpList__root {
display: block;
}
.ProductHelpList__listWrapper {
margin: -36px -18px 0;
}
@media (max-width: 768px) {
.ProductHelpList__listWrapper {
margin: -10px -5px 0;
}
}
.ProductHelpList__card {
margin: 36px 18px 0;
}
@media (max-width: 768px) {
.ProductHelpList__card {
margin: 10px 5px 0;
}
}
.ProductHelpList__listWrapper.ProductHelpList__gridType2 {
margin: -30px -18px 0;
}
@media (max-width: 768px) {
.ProductHelpList__listWrapper.ProductHelpList__gridType2 {
margin: -10px -5px 0;
}
}
.ProductHelpList__listWrapper.ProductHelpList__gridType2
.ProductHelpList__card {
margin: 30px 18px 0;
}
@media (max-width: 768px) {
.ProductHelpList__listWrapper.ProductHelpList__gridType2
.ProductHelpList__card {
margin: 10px 5px 0;
}
}
.ProductSupport__ProductHelpListWrapper {
border-radius: 8px;
padding-top: 1px;
}
.ProductSupport__ProductHelpListTitle {
font-size: 30px;
line-height: 40px;
}
.BuyBtnSection__root {
border-radius: 8px;
}
@media (max-width: 768px) {
.BuyBtnSection__root {
border-radius: 0;
}
}
.ToggleBtn__root {
display: block;
height: 28px;
background-color: transparent;
}
.ToggleBtn__toggle {
position: relative;
display: inline-block;
vertical-align: middle;
width: 44px;
height: 26px;
background-color: #9aa8b6;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
border-radius: 13px;
}
.active .ToggleBtn__toggle {
background-color: #0180c9;
}
.ToggleBtn__toggle:before {
content: '';
position: absolute;
top: 1px;
left: 1px;
width: 24px;
height: 24px;
background-color: #fff;
border-radius: 50%;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.active .ToggleBtn__toggle:before {
-webkit-transform: translateX(18px);
transform: translateX(18px);
}
.ToggleBtn__title {
display: inline-block;
vertical-align: middle;
margin-left: 16px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.49px;
color: #9aa8b6;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.active .ToggleBtn__title {
color: #0180c9;
}
.ProductColors__root {
display: block;
}
.ProductColors__title {
display: inline-block;
vertical-align: top;
}
@media (max-width: 768px) {
.ProductColors__title {
display: none;
}
}
.ProductColors__colors {
display: inline-block;
vertical-align: top;
}
.ProductColors__color {
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
border-radius: 50%;
}
.ProductColors__color:first-child {
margin-left: 16px;
}
@media (max-width: 768px) {
.ProductColors__color:first-child {
margin-left: 0;
}
}
.ProductColors__border {
border: 1px solid rgba(0, 0, 0, 0.1);
}
.PropsTableCardItem__root {
background-color: #fff;
overflow: hidden;
max-height: 106px;
-webkit-transition: max-height 0.3s ease-in, opacity 0.3s ease-in;
transition: max-height 0.3s ease-in, opacity 0.3s ease-in;
}
@media (max-width: 768px) {
.PropsTableCardItem__root {
max-height: 93px;
}
}
.collapseEqual .PropsTableCardItem__root.JS-collapse-item {
max-height: 0;
opacity: 0;
}
.PropsTableCardItem__propTitle {
padding-top: 20px;
padding-left: 38px;
height: 46px;
font-size: 12px;
line-height: 14px;
font-weight: 400;
letter-spacing: 0.37px;
color: #9aa8b6;
}
@media (max-width: 768px) {
.PropsTableCardItem__propTitle {
padding-left: 18px;
height: 43px;
}
}
.PropsTableCardItem__propValueWrapper {
padding-left: 73px;
height: 60px;
background-color: #f8f9fa;
}
@media (max-width: 768px) {
.PropsTableCardItem__propValueWrapper {
padding-left: 27px;
height: 50px;
}
}
.mainProductCard .PropsTableCardItem__propValueWrapper {
padding-left: 38px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
@media (max-width: 768px) {
.mainProductCard .PropsTableCardItem__propValueWrapper {
padding-left: 18px;
}
}
.productPropsCard:last-child .PropsTableCardItem__propValueWrapper {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.PropsTableCardItem__propValue {
font-size: 18px;
line-height: 60px;
color: #1e2e3f;
}
@media (max-width: 768px) {
.PropsTableCardItem__propValue {
font-size: 16px;
line-height: 50px;
letter-spacing: 0.29px;
}
}
.mainProductCard .PropsTableCardItem__propValue {
font-weight: 400;
}
.ButtonSeeAll__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.16);
color: #fff;
height: 4.2vw;
width: 13vw;
border-radius: 30px;
border-width: 0;
cursor: pointer;
font-size: 14px;
letter-spacing: 0.3px;
font-weight: 400;
text-decoration: none;
text-align: center;
}
@media (min-width: 1440px) {
.ButtonSeeAll__root {
height: 60px;
width: 188px;
}
}
.ButtonSeeAll__root .ButtonSeeAll__text {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: 1vw;
font-weight: 500;
}
@media (min-width: 1440px) {
.ButtonSeeAll__root .ButtonSeeAll__text {
font-size: 14px;
}
}
.ButtonSeeAll__root .ButtonSeeAll__circle {
height: 4.2vw;
width: 4.2vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 1440px) {
.ButtonSeeAll__root .ButtonSeeAll__circle {
height: 60px;
width: 60px;
}
}
.ButtonSeeAll__root .ButtonSeeAll__circle svg {
width: 17px;
height: 15px;
}
.ButtonSeeAll__root:hover {
background-color: rgba(0, 0, 0, 0.3);
}
.ButtonSeeAll__root:hover .ButtonSeeAll__circle {
background-color: rgba(0, 0, 0, 0.6);
}
.ProductCompareSlider__slider {
position: relative;
overflow: hidden;
}
.collapsible:not(.open).ProductCompareSlider__slider {
max-height: none;
}
@media (max-width: 768px) {
.collapsible:not(.open).ProductCompareSlider__slider {
max-height: 625px;
}
}
.ProductCompareSlider__showMoreBtn {
margin-left: auto;
margin-right: auto;
}
.ProductCompareSlider__showMoreBtnTitle {
text-align: center;
font-size: 14px;
line-height: 20px;
font-weight: 400;
letter-spacing: 0.3px;
color: #0180c9;
}
.ProductCompareSlider__slider.open + .ProductCompareSlider__showMoreBtnBlock {
display: none;
}
.ProductsRelated__root .ProductsRelated__firstCard {
margin-left: 0;
}
.ModalDownloadDocs__root .ModalDownloadDocs__bottomButtonsWrapper {
bottom: 40px;
left: 0;
width: 100%;
}
@media (max-width: 768px) {
.ModalDownloadDocs__root .ModalDownloadDocs__bottomButtonsWrapper {
bottom: 20px;
}
}
.ModalDownloadDocs__root
.ModalDownloadDocs__bottomButtonsWrapper
.ModalDownloadDocs__buttons {
margin: auto;
width: 400px;
}
.Input__root {
width: 100%;
}
.Input__inputField {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 72px;
width: 100%;
font-size: 18px;
background-color: #fff;
border-radius: 8px;
border: 1px solid #fff;
cursor: text;
-webkit-transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
transition: border-color 0.3s ease, box-shadow 0.3s ease,
-webkit-box-shadow 0.3s ease;
}
.Input__root.focus .Input__inputField {
border-color: #0180c9;
}
.Input__root.error .Input__inputField,
.Input__root.focus .Input__inputField,
.Input__root.required .Input__inputField {
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.Input__root.error .Input__inputField {
border-color: #e40313;
}
.Input__input {
padding: 18px 28px 0;
height: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
background-color: transparent;
border: 0;
border-radius: 8px;
color: #1e2e3f;
resize: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (max-width: 374px) {
.Input__input {
padding: 18px 10px 0;
}
}
.Input__root.textArea .Input__input {
padding-top: 0;
padding-bottom: 0;
border-top: 40px solid #fff;
border-bottom: 18px solid #fff;
}
.Input__root.textArea .Input__input:before {
display: block;
content: '';
width: 100%;
height: 50px;
background-color: red;
}
.Input__placeholder {
position: absolute;
top: 0;
left: 28px;
line-height: 72px;
color: #1e2e3f;
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease;
transition: color 0.3s ease, -webkit-transform 0.3s ease;
transition: color 0.3s ease, transform 0.3s ease;
transition: color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
z-index: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: calc(100% - 56px);
}
@media (max-width: 374px) {
.Input__placeholder {
left: 10px;
max-width: calc(100% - 20px);
}
}
.Input__root.required .Input__placeholder {
color: #9aa8b6;
}
.Input__root.focus .Input__placeholder,
.Input__root.required .Input__placeholder {
-webkit-transform: scale(0.7) translateY(-21px);
transform: scale(0.7) translateY(-21px);
}
.Input__root.focus .Input__placeholder {
color: #0180c9;
}
.Input__root.error .Input__placeholder {
color: #e40313;
}
.Input__root.tooltip .Input__placeholder,
.Input__root.tooltipIcon .Input__placeholder {
max-width: calc(100% - 100px);
}
@media (max-width: 374px) {
.Input__root.tooltip .Input__placeholder,
.Input__root.tooltipIcon .Input__placeholder {
max-width: calc(100% - 80px);
}
}
.Input__root.textArea .Input__placeholder {
max-width: calc(100% - 110px);
top: 21px;
line-height: 25px;
overflow: auto;
text-overflow: inherit;
white-space: normal;
}
@media (max-width: 374px) {
.Input__root.textArea .Input__placeholder {
max-width: calc(100% - 70px);
}
}
.Input__root.focus.textArea .Input__placeholder,
.Input__root.required.textArea .Input__placeholder {
max-width: 100%;
}
.Input__root .counter {
position: relative;
top: 0;
bottom: 0;
margin: 28px 32px 0 0;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.37px;
color: #9aa8b6;
text-align: right;
}
@media (max-width: 374px) {
.Input__root .counter {
margin-right: 10px;
}
}
.Input__root.textArea .counter {
margin-top: 30px;
}
.Input__errorWrapper {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.3s ease;
transition: max-height 0.3s ease;
}
.Input__root.error .Input__errorWrapper {
max-height: 60px;
}
@media (max-width: 768px) {
.Input__root.error .Input__errorWrapper {
max-height: 78px;
}
}
@media (max-width: 374px) {
.Input__root.error .Input__errorWrapper {
max-height: 96px;
}
}
.Input__error {
margin-top: 6px;
margin-left: 28px;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.2px;
color: #e40313;
}
.Input__tooltip {
position: relative;
display: none;
font-size: 14px;
line-height: 72px;
letter-spacing: 0.3px;
color: #0180c9;
background-color: transparent;
text-decoration: none;
}
@media (max-width: 768px) {
.Input__tooltip {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 48px;
height: 48px;
background-color: #f4f5f7;
font-size: 0;
border-radius: 50%;
}
}
@media (max-width: 768px) {
.Input__tooltip:hover {
background-color: #e1e4e7;
}
}
.Input__root.tooltip .Input__tooltip {
display: block;
}
.Input__root.tooltipIcon .Input__tooltip {
display: block;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 48px;
height: 48px;
background-color: #f4f5f7;
font-size: 0;
border-radius: 50%;
}
.Input__root.tooltipIcon .Input__tooltip:hover {
background-color: #e1e4e7;
}
.Input__quickInfoIcon {
position: absolute;
display: none;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 10px;
height: 20px;
color: #1e2e3f;
}
@media (max-width: 768px) {
.Input__quickInfoIcon {
display: block;
}
}
.Input__tooltip:hover .Input__quickInfoIcon {
fill: #0180c9;
-webkit-transition: fill 0.5s ease;
transition: fill 0.5s ease;
}
.Input__root.tooltipIcon .Input__quickInfoIcon {
display: block;
}
.Input__buttonTooltip {
position: relative;
z-index: 10;
height: 48px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.Input__calendarIcon {
width: 18px;
height: 18px;
position: absolute;
top: 27px;
right: 30px;
cursor: pointer;
}
@media (max-width: 768px) {
.Input__calendarIcon {
right: 25px;
}
}
.Checkbox__root {
position: relative;
display: block;
}
.Checkbox__input {
display: none;
}
.Checkbox__checkbox {
cursor: pointer;
display: inline-block;
}
.Checkbox__checkboxState {
position: absolute;
top: 0;
left: 0;
width: 28px;
height: 28px;
background-color: #fff;
border: 2px solid #fff;
border-radius: 50%;
-webkit-transition: border-color 0.3s ease, background-color 0.3s ease;
transition: border-color 0.3s ease, background-color 0.3s ease;
}
.Checkbox__checkboxState:after {
position: absolute;
content: '';
width: 16px;
height: 16px;
background-color: #fff;
border-radius: 50%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.Checkbox__checkboxState.error {
border-color: #e40313;
}
.Checkbox__root.big .Checkbox__checkboxState {
top: 3px;
}
.Checkbox__input:checked + .Checkbox__checkbox .Checkbox__checkboxState {
border-color: #0180c9;
}
.Checkbox__input:checked + .Checkbox__checkbox .Checkbox__checkboxState:after {
background-color: #0180c9;
}
.Checkbox__title,
.Checkbox__title a {
font-size: 14px;
line-height: 21px;
letter-spacing: 0.3px;
font-weight: 500;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.Checkbox__title {
display: inline-block;
margin-left: 42px;
color: #1e2e3f;
}
.Checkbox__title a {
color: #0180c9;
text-decoration: none;
}
.Checkbox__root.big .Checkbox__title {
margin-left: 48px;
font-size: 22px;
line-height: 32px;
letter-spacing: 0;
font-weight: 300;
}
.StarRateSelect__root {
display: inline-block;
}
.StarRateSelect__starWrapper {
display: inline-block;
padding: 21px;
width: 60px;
height: 60px;
border-radius: 50%;
border: 1px solid #e9ecef;
background-color: #fff;
cursor: pointer;
}
@media (max-width: 374px) {
.StarRateSelect__starWrapper {
width: 58px;
height: 58px;
padding: 20px;
}
}
.StarRateSelect__starWrapper:nth-child(n + 2) {
margin-left: 9px;
}
@media (max-width: 374px) {
.StarRateSelect__starWrapper:nth-child(n + 2) {
margin-left: 5px;
}
}
.StarRateSelect__starWrapper svg {
fill: rgba(0, 0, 0, 0.2);
position: relative;
top: -3px;
-webkit-transition: fill, 0.3s;
transition: fill, 0.3s;
}
.StarRateSelect__starWrapper.active svg {
fill: #fab001;
}
.ModalAddReview__header {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 5;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ModalAddReview__title {
font-size: 18px;
line-height: 26px;
color: #1e2e3f;
text-align: center;
}
.ModalAddReview__subTitle {
font-size: 14px;
line-height: 24px;
color: #9aa8b6;
text-align: center;
}
@media (max-width: 768px) {
.ModalAddReview__subTitle {
line-height: 20px;
}
}
.ModalReviewCard__root {
position: relative;
width: 100%;
min-height: 284px;
background-color: #fff;
border-radius: 8px;
}
@media (max-width: 768px) {
.ModalReviewCard__root {
width: 100%;
}
}
.ModalReviewCard__root:first-child {
margin-top: 0;
}
.ModalReviewCard__reviewSection {
width: 58%;
}
@media (max-width: 768px) {
.ModalReviewCard__reviewSection {
width: 100%;
}
}
.ModalReviewCard__authorSection {
width: 150px;
}
@media (max-width: 768px) {
.ModalReviewCard__authorSection {
width: 100%;
}
}
.ModalReviewCard__title {
font-family: Core Sans, sans-serif;
font-size: 36px;
line-height: 48px;
color: #1e2e3f;
}
.ModalReviewCard__text {
overflow: hidden;
font-size: 16px;
line-height: 26px;
color: #5b6d81;
}
.ModalReviewCard__author {
font-size: 22px;
line-height: 32px;
color: #1e2e3f;
}
.ModalReviewCard__adress {
font-size: 14px;
font-weight: 400;
line-height: 16px;
color: #1e2e3f;
letter-spacing: 0.43px;
}
.ModalReviewCard__date {
display: block;
font-size: 12px;
font-weight: 400;
line-height: 14px;
color: #9aa8b6;
letter-spacing: 0.37px;
}
.ModalReviews__root {
color: #fff;
}
.ModalReviews__headerWrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 5;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 768px) {
.ModalReviews__headerWrapper {
border-bottom-color: transparent;
}
}
.ModalReviews__header {
margin: 0 20px;
}
.ModalShare__root .ModalShare__bottomButtonsWrapper {
bottom: 40px;
left: 0;
width: 100%;
}
@media (max-width: 768px) {
.ModalShare__root .ModalShare__bottomButtonsWrapper {
bottom: 20px;
}
}
.ModalShare__root .ModalShare__bottomButtonsWrapper .ModalShare__buttons {
margin: auto;
width: 400px;
}
.TextWithImages__root {
display: block;
}
.TextWithImages__root img {
height: 65px;
position: relative;
top: 17px;
margin: 0 10px;
margin-top: -30px;
}
@media (max-width: 1280px) {
.TextWithImages__root img {
height: 57px;
top: 10px;
}
}
@media (max-width: 1024px) {
.TextWithImages__root img {
height: 50px;
margin-left: 5px;
margin-right: 5px;
}
}
.ProductsRecent__root .ProductsRecent__firstCard {
margin-left: 0;
}
.PdpPage__tableListWrapper {
background-color: #f2f4f5;
}
@media (max-width: 768px) {
.PdpPage__content {
background-color: #fff;
position: relative;
z-index: 2;
}
}
.BuiltInAppliances__root {
display: block;
color: #fff;
position: relative;
overflow: hidden;
}
.BuiltInAppliances__root .BuiltInAppliances__background {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
overflow: hidden;
}
.BuiltInAppliances__root .BuiltInAppliances__background img {
position: absolute;
height: 100%;
width: auto;
}
@media (min-width: 1440px) {
.BuiltInAppliances__root .BuiltInAppliances__background img {
height: auto;
width: 100%;
}
}
.BuiltInAppliances__root .BuiltInAppliances__title {
position: relative;
width: 650px;
}
@media (max-width: 768px) {
.BuiltInAppliances__root .BuiltInAppliances__title {
max-width: 335px;
}
}
.BuiltInAppliances__root .BuiltInAppliances__textBlock {
position: absolute;
width: 100%;
bottom: 120px;
z-index: 1;
}
@media (max-width: 768px) {
.BuiltInAppliances__root .BuiltInAppliances__textBlock {
bottom: 60px;
}
}
.BuiltInAppliances__root .BuiltInAppliances__logo {
display: none;
position: relative;
width: 66px;
height: 38px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #fff;
}
@media (max-width: 768px) {
.BuiltInAppliances__root .BuiltInAppliances__logo {
display: block;
}
}
.BuiltInAppliances__root .BuiltInAppliances__description {
margin-left: auto;
margin-right: auto;
width: 425px;
letter-spacing: 0.4px;
}
@media (max-width: 768px) {
.BuiltInAppliances__root .BuiltInAppliances__description {
max-width: 325px;
font-size: 22px;
letter-spacing: 0;
}
}
@media (max-width: 374px) {
.BuiltInAppliances__root .BuiltInAppliances__description {
width: 300px;
font-size: 20px;
line-height: 30px;
}
}
.BuiltInCategories__root {
overflow: hidden;
position: relative;
}
.BuiltInCategories__root .BuiltInCategories__categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -15px;
}
.BuiltInCategories__root .BuiltInCategories__category {
margin: 0 35px;
}
@media (max-width: 768px) {
.BuiltInCategories__root .BuiltInCategories__category {
margin: 0 5px;
}
}
@media (max-width: 374px) {
.BuiltInCategories__root .BuiltInCategories__category {
width: 100%;
}
}
.BuiltInCategories__categoryMenuWrapper {
position: absolute;
top: 0;
left: 0;
height: 0;
width: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: height 0.5s ease-out, opacity 0.5s ease-out,
visibility 0.5s;
transition: height 0.5s ease-out, opacity 0.5s ease-out, visibility 0.5s;
}
.BuiltInCategories__categoryMenuWrapper.active {
visibility: visible;
z-index: 1;
height: 160px;
opacity: 1;
-webkit-transition: height 0.5s ease-out, opacity 0.5s ease-out;
transition: height 0.5s ease-out, opacity 0.5s ease-out;
}
.BuiltInCategories__categoryMenu {
margin-top: 20px;
padding: 15px 0;
}
.BuiltInCategory__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
width: 160px;
height: 240px;
background-color: transparent;
text-decoration: none;
margin: 30px auto 0;
-webkit-transition: height 0.5s ease-out;
transition: height 0.5s ease-out;
}
.BuiltInCategory__root .BuiltInCategory__image {
width: 100%;
height: 160px;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.BuiltInCategory__root .BuiltInCategory__img {
margin: 0 auto;
width: 100%;
}
.BuiltInCategory__root .BuiltInCategory__title {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #1e2e3f;
}
.BuiltInCategory__root .BuiltInCategory__arrow {
width: 20px;
height: 20px;
stroke: #0180c9;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
@media (min-width: 1025px) {
.BuiltInCategory__root:hover .BuiltInCategory__title {
color: #0180c9;
}
.BuiltInCategory__root:hover .BuiltInCategory__image {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
.BuiltInCategory__root.active .BuiltInCategory__title {
color: #0180c9;
}
.BuiltInCategory__root.active .BuiltInCategory__arrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.CategoriesMenuSliderItem__root {
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;
width: 195px;
height: 70px;
border-radius: 8px;
padding: 10px 28px;
text-align: center;
background-color: rgba(30, 46, 63, 0.1);
color: #1e2e3f;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
text-decoration: none;
cursor: pointer;
}
@media (max-width: 768px) {
.CategoriesMenuSliderItem__root {
width: 166px;
}
}
.CategoriesMenuSliderItem__root:hover {
background-color: rgba(30, 46, 63, 0.15);
}
.CategoriesMenuSliderItem__root.active {
background-color: #fff;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
@media (min-width: 769px) {
.CategoriesMenuSliderItem__root.active-desktop {
background-color: #fff;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
}
button.CategoriesMenuSliderItem__root.active,
button.CategoriesMenuSliderItem__root.active-desktop {
cursor: default;
}
.CategoriesMenuSliderItem__title {
width: 100%;
font-size: 16px;
line-height: 22px;
font-weight: 400;
}
.CategoriesMenuSliderItem__root.active-desktop .CategoriesMenuSliderItem__title,
.CategoriesMenuSliderItem__root.active .CategoriesMenuSliderItem__title {
color: #0180c9;
}
.CategoriesMenuSlider__root {
margin-bottom: -10px;
}
.DescriptionCardWithPhoto__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 8px;
overflow: hidden;
}
.DescriptionCardWithPhoto__root .DescriptionCardWithPhoto__photo,
.DescriptionCardWithPhoto__root .DescriptionCardWithPhoto__textBlock {
height: 100%;
width: 50%;
overflow: hidden;
}
.DescriptionCardWithPhoto__root .DescriptionCardWithPhoto__photo {
position: relative;
}
.DescriptionCardWithPhoto__root .DescriptionCardWithPhoto__photo img {
position: absolute;
top: 0;
width: auto;
height: 100%;
min-width: 100%;
}
@media (max-width: 1024px) {
.DescriptionCardWithPhoto__root .DescriptionCardWithPhoto__photo {
display: none;
}
.DescriptionCardWithPhoto__root .DescriptionCardWithPhoto__textBlock {
width: 100%;
}
}
.DescriptionCardWithPhoto__title {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.4px;
}
@media (max-width: 768px) {
.DescriptionCardWithPhoto__title {
font-size: 22px;
line-height: 32px;
}
}
.DescriptionCardWithPhoto__text {
font-size: 18px;
line-height: 24px;
}
.DescriptionCardWithPhoto__advice {
font-size: 22px;
line-height: 32px;
}
.DescriptionCard__root {
display: block;
position: relative;
background-size: cover;
border-radius: 8px;
overflow: hidden;
}
.DescriptionCard__root .DescriptionCard__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
overflow: hidden;
border-radius: 8px;
}
.DescriptionCard__root .DescriptionCard__background img {
height: 100%;
width: auto;
position: absolute;
top: 0;
min-width: 100%;
}
.DescriptionCard__root .DescriptionCard__textBlock {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
width: 280px;
text-align: center;
z-index: 1;
}
@media (max-width: 768px) {
.DescriptionCard__root .DescriptionCard__textBlock {
width: 260px;
}
}
.DescriptionCard__title {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.4px;
}
@media (max-width: 768px) {
.DescriptionCard__title {
font-size: 22px;
line-height: 32px;
}
}
.DescriptionCard__text {
font-size: 18px;
line-height: 24px;
}
.OurRangeLink__root {
display: inline-block;
position: relative;
margin: 20px 0;
width: 311px;
height: 196px;
border-radius: 8px;
text-decoration: none;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.OurRangeLink__root {
width: 277px;
height: 177px;
}
}
.OurRangeLink__root .OurRangeLink__title {
font-size: 18px;
line-height: 24px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #9aa8b6;
}
.OurRangeLink__root .OurRangeLink__text {
font-size: 18px;
line-height: 25px;
color: #1e2e3f;
}
.OurRangeLink__root.OurRangeLink__secondary .OurRangeLink__title {
color: #1e2e3f;
font-size: 22px;
line-height: 32px;
white-space: normal;
text-overflow: clip;
}
@media (max-width: 768px) {
.OurRangeLink__root.OurRangeLink__secondary .OurRangeLink__title {
font-size: 18px;
line-height: 25px;
}
}
.OurRangeLink__root.OurRangeLink__secondary .OurRangeLink__text {
color: #9aa8b6;
}
.OurRange__root {
display: block;
}
.OurRange__root .OurRange__background {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
z-index: -1;
}
.OurRange__root .OurRange__background img {
position: absolute;
height: 100%;
width: auto;
}
@media (min-width: 1440px) {
.OurRange__root .OurRange__background img {
height: auto;
width: 100%;
}
}
@media (max-width: 768px) {
.OurRange__root.OurRange__secondary .OurRange__picture {
margin-top: 30px;
}
}
.OurRange__ourRangeSlider {
position: absolute;
width: 100%;
}
.BuiltInBlog__root {
display: block;
}
.BuiltInBlog__root .BuiltInBlog__carousel {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.BuiltInBlog__root .BuiltInBlog__carousel:not(:first-child) {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.BuiltInBlog__root .BuiltInBlog__carousel.active {
visibility: visible;
opacity: 1;
}
.BuiltInBlog__root .BuiltInBlog__slide {
padding: 40px;
padding-top: 0;
}
@media (max-width: 768px) {
.BuiltInBlog__root .BuiltInBlog__slide {
padding: 0 10px;
padding-bottom: 40px;
}
}
.OverModal__root {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(30, 46, 63, 0.9);
visibility: hidden;
opacity: 0;
z-index: 20;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.OverModal__root.open {
visibility: visible;
opacity: 1;
}
.OverModal__buttonClose {
position: absolute;
z-index: 10;
}
@media (min-width: 769px) {
.OverModal__buttonClose {
top: 40px;
right: 45px;
}
}
@media (max-width: 768px) {
.OverModal__buttonClose {
position: fixed;
right: 20px;
bottom: 20px;
}
}
.ImageMapCarouselSlide__container {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 769px) {
.ImageMapCarouselSlide__container {
max-width: 1800px;
}
}
.ImageMapCarouselSlide__container-fluid {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
.ImageMapCarouselSlide__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1.25%;
margin-left: -1.25%;
}
.ImageMapCarouselSlide__no-gutters {
margin-right: 0;
margin-left: 0;
}
.ImageMapCarouselSlide__no-gutters > .ImageMapCarouselSlide__col,
.ImageMapCarouselSlide__no-gutters > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.ImageMapCarouselSlide__col,
.ImageMapCarouselSlide__col-1,
.ImageMapCarouselSlide__col-2,
.ImageMapCarouselSlide__col-3,
.ImageMapCarouselSlide__col-4,
.ImageMapCarouselSlide__col-5,
.ImageMapCarouselSlide__col-6,
.ImageMapCarouselSlide__col-7,
.ImageMapCarouselSlide__col-8,
.ImageMapCarouselSlide__col-9,
.ImageMapCarouselSlide__col-10,
.ImageMapCarouselSlide__col-11,
.ImageMapCarouselSlide__col-12,
.ImageMapCarouselSlide__col-auto,
.ImageMapCarouselSlide__col-lg,
.ImageMapCarouselSlide__col-lg-1,
.ImageMapCarouselSlide__col-lg-2,
.ImageMapCarouselSlide__col-lg-3,
.ImageMapCarouselSlide__col-lg-4,
.ImageMapCarouselSlide__col-lg-5,
.ImageMapCarouselSlide__col-lg-6,
.ImageMapCarouselSlide__col-lg-7,
.ImageMapCarouselSlide__col-lg-8,
.ImageMapCarouselSlide__col-lg-9,
.ImageMapCarouselSlide__col-lg-10,
.ImageMapCarouselSlide__col-lg-11,
.ImageMapCarouselSlide__col-lg-12,
.ImageMapCarouselSlide__col-lg-auto,
.ImageMapCarouselSlide__col-md,
.ImageMapCarouselSlide__col-md-1,
.ImageMapCarouselSlide__col-md-2,
.ImageMapCarouselSlide__col-md-3,
.ImageMapCarouselSlide__col-md-4,
.ImageMapCarouselSlide__col-md-5,
.ImageMapCarouselSlide__col-md-6,
.ImageMapCarouselSlide__col-md-7,
.ImageMapCarouselSlide__col-md-8,
.ImageMapCarouselSlide__col-md-9,
.ImageMapCarouselSlide__col-md-10,
.ImageMapCarouselSlide__col-md-11,
.ImageMapCarouselSlide__col-md-12,
.ImageMapCarouselSlide__col-md-auto,
.ImageMapCarouselSlide__col-xl,
.ImageMapCarouselSlide__col-xl-1,
.ImageMapCarouselSlide__col-xl-2,
.ImageMapCarouselSlide__col-xl-3,
.ImageMapCarouselSlide__col-xl-4,
.ImageMapCarouselSlide__col-xl-5,
.ImageMapCarouselSlide__col-xl-6,
.ImageMapCarouselSlide__col-xl-7,
.ImageMapCarouselSlide__col-xl-8,
.ImageMapCarouselSlide__col-xl-9,
.ImageMapCarouselSlide__col-xl-10,
.ImageMapCarouselSlide__col-xl-11,
.ImageMapCarouselSlide__col-xl-12,
.ImageMapCarouselSlide__col-xl-auto,
.ImageMapCarouselSlide__col-xs,
.ImageMapCarouselSlide__col-xs-1,
.ImageMapCarouselSlide__col-xs-2,
.ImageMapCarouselSlide__col-xs-3,
.ImageMapCarouselSlide__col-xs-4,
.ImageMapCarouselSlide__col-xs-5,
.ImageMapCarouselSlide__col-xs-6,
.ImageMapCarouselSlide__col-xs-7,
.ImageMapCarouselSlide__col-xs-8,
.ImageMapCarouselSlide__col-xs-9,
.ImageMapCarouselSlide__col-xs-10,
.ImageMapCarouselSlide__col-xs-11,
.ImageMapCarouselSlide__col-xs-12,
.ImageMapCarouselSlide__col-xs-auto,
.ImageMapCarouselSlide__col-xxl,
.ImageMapCarouselSlide__col-xxl-1,
.ImageMapCarouselSlide__col-xxl-2,
.ImageMapCarouselSlide__col-xxl-3,
.ImageMapCarouselSlide__col-xxl-4,
.ImageMapCarouselSlide__col-xxl-5,
.ImageMapCarouselSlide__col-xxl-6,
.ImageMapCarouselSlide__col-xxl-7,
.ImageMapCarouselSlide__col-xxl-8,
.ImageMapCarouselSlide__col-xxl-9,
.ImageMapCarouselSlide__col-xxl-10,
.ImageMapCarouselSlide__col-xxl-11,
.ImageMapCarouselSlide__col-xxl-12,
.ImageMapCarouselSlide__col-xxl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 1.25%;
padding-left: 1.25%;
}
.ImageMapCarouselSlide__col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ImageMapCarouselSlide__col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ImageMapCarouselSlide__col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ImageMapCarouselSlide__col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ImageMapCarouselSlide__col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ImageMapCarouselSlide__col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ImageMapCarouselSlide__col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ImageMapCarouselSlide__col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ImageMapCarouselSlide__col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ImageMapCarouselSlide__col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ImageMapCarouselSlide__col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ImageMapCarouselSlide__col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ImageMapCarouselSlide__col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ImageMapCarouselSlide__col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ImageMapCarouselSlide__order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ImageMapCarouselSlide__order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ImageMapCarouselSlide__order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ImageMapCarouselSlide__order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ImageMapCarouselSlide__order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ImageMapCarouselSlide__order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ImageMapCarouselSlide__order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ImageMapCarouselSlide__order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ImageMapCarouselSlide__order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ImageMapCarouselSlide__order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ImageMapCarouselSlide__order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ImageMapCarouselSlide__order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ImageMapCarouselSlide__order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ImageMapCarouselSlide__order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ImageMapCarouselSlide__order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ImageMapCarouselSlide__offset-1 {
margin-left: 8.33333%;
}
.ImageMapCarouselSlide__offset-2 {
margin-left: 16.66667%;
}
.ImageMapCarouselSlide__offset-3 {
margin-left: 25%;
}
.ImageMapCarouselSlide__offset-4 {
margin-left: 33.33333%;
}
.ImageMapCarouselSlide__offset-5 {
margin-left: 41.66667%;
}
.ImageMapCarouselSlide__offset-6 {
margin-left: 50%;
}
.ImageMapCarouselSlide__offset-7 {
margin-left: 58.33333%;
}
.ImageMapCarouselSlide__offset-8 {
margin-left: 66.66667%;
}
.ImageMapCarouselSlide__offset-9 {
margin-left: 75%;
}
.ImageMapCarouselSlide__offset-10 {
margin-left: 83.33333%;
}
.ImageMapCarouselSlide__offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 375px) {
.ImageMapCarouselSlide__col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ImageMapCarouselSlide__col-xs-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ImageMapCarouselSlide__col-xs-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ImageMapCarouselSlide__col-xs-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ImageMapCarouselSlide__col-xs-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ImageMapCarouselSlide__col-xs-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ImageMapCarouselSlide__col-xs-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ImageMapCarouselSlide__col-xs-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ImageMapCarouselSlide__col-xs-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ImageMapCarouselSlide__col-xs-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ImageMapCarouselSlide__col-xs-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ImageMapCarouselSlide__col-xs-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ImageMapCarouselSlide__col-xs-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ImageMapCarouselSlide__col-xs-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ImageMapCarouselSlide__order-xs-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ImageMapCarouselSlide__order-xs-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ImageMapCarouselSlide__order-xs-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ImageMapCarouselSlide__order-xs-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ImageMapCarouselSlide__order-xs-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ImageMapCarouselSlide__order-xs-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ImageMapCarouselSlide__order-xs-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ImageMapCarouselSlide__order-xs-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ImageMapCarouselSlide__order-xs-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ImageMapCarouselSlide__order-xs-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ImageMapCarouselSlide__order-xs-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ImageMapCarouselSlide__order-xs-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ImageMapCarouselSlide__order-xs-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ImageMapCarouselSlide__order-xs-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ImageMapCarouselSlide__order-xs-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ImageMapCarouselSlide__offset-xs-0 {
margin-left: 0;
}
.ImageMapCarouselSlide__offset-xs-1 {
margin-left: 8.33333%;
}
.ImageMapCarouselSlide__offset-xs-2 {
margin-left: 16.66667%;
}
.ImageMapCarouselSlide__offset-xs-3 {
margin-left: 25%;
}
.ImageMapCarouselSlide__offset-xs-4 {
margin-left: 33.33333%;
}
.ImageMapCarouselSlide__offset-xs-5 {
margin-left: 41.66667%;
}
.ImageMapCarouselSlide__offset-xs-6 {
margin-left: 50%;
}
.ImageMapCarouselSlide__offset-xs-7 {
margin-left: 58.33333%;
}
.ImageMapCarouselSlide__offset-xs-8 {
margin-left: 66.66667%;
}
.ImageMapCarouselSlide__offset-xs-9 {
margin-left: 75%;
}
.ImageMapCarouselSlide__offset-xs-10 {
margin-left: 83.33333%;
}
.ImageMapCarouselSlide__offset-xs-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 769px) {
.ImageMapCarouselSlide__col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ImageMapCarouselSlide__col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ImageMapCarouselSlide__col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ImageMapCarouselSlide__col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ImageMapCarouselSlide__col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ImageMapCarouselSlide__col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ImageMapCarouselSlide__col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ImageMapCarouselSlide__col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ImageMapCarouselSlide__col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ImageMapCarouselSlide__col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ImageMapCarouselSlide__col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ImageMapCarouselSlide__col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ImageMapCarouselSlide__col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ImageMapCarouselSlide__col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ImageMapCarouselSlide__order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ImageMapCarouselSlide__order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ImageMapCarouselSlide__order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ImageMapCarouselSlide__order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ImageMapCarouselSlide__order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ImageMapCarouselSlide__order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ImageMapCarouselSlide__order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ImageMapCarouselSlide__order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ImageMapCarouselSlide__order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ImageMapCarouselSlide__order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ImageMapCarouselSlide__order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ImageMapCarouselSlide__order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ImageMapCarouselSlide__order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ImageMapCarouselSlide__order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ImageMapCarouselSlide__order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ImageMapCarouselSlide__offset-md-0 {
margin-left: 0;
}
.ImageMapCarouselSlide__offset-md-1 {
margin-left: 8.33333%;
}
.ImageMapCarouselSlide__offset-md-2 {
margin-left: 16.66667%;
}
.ImageMapCarouselSlide__offset-md-3 {
margin-left: 25%;
}
.ImageMapCarouselSlide__offset-md-4 {
margin-left: 33.33333%;
}
.ImageMapCarouselSlide__offset-md-5 {
margin-left: 41.66667%;
}
.ImageMapCarouselSlide__offset-md-6 {
margin-left: 50%;
}
.ImageMapCarouselSlide__offset-md-7 {
margin-left: 58.33333%;
}
.ImageMapCarouselSlide__offset-md-8 {
margin-left: 66.66667%;
}
.ImageMapCarouselSlide__offset-md-9 {
margin-left: 75%;
}
.ImageMapCarouselSlide__offset-md-10 {
margin-left: 83.33333%;
}
.ImageMapCarouselSlide__offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1025px) {
.ImageMapCarouselSlide__col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ImageMapCarouselSlide__col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ImageMapCarouselSlide__col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ImageMapCarouselSlide__col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ImageMapCarouselSlide__col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ImageMapCarouselSlide__col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ImageMapCarouselSlide__col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ImageMapCarouselSlide__col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ImageMapCarouselSlide__col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ImageMapCarouselSlide__col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ImageMapCarouselSlide__col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ImageMapCarouselSlide__col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ImageMapCarouselSlide__col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ImageMapCarouselSlide__col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ImageMapCarouselSlide__order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ImageMapCarouselSlide__order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ImageMapCarouselSlide__order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ImageMapCarouselSlide__order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ImageMapCarouselSlide__order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ImageMapCarouselSlide__order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ImageMapCarouselSlide__order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ImageMapCarouselSlide__order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ImageMapCarouselSlide__order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ImageMapCarouselSlide__order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ImageMapCarouselSlide__order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ImageMapCarouselSlide__order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ImageMapCarouselSlide__order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ImageMapCarouselSlide__order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ImageMapCarouselSlide__order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ImageMapCarouselSlide__offset-lg-0 {
margin-left: 0;
}
.ImageMapCarouselSlide__offset-lg-1 {
margin-left: 8.33333%;
}
.ImageMapCarouselSlide__offset-lg-2 {
margin-left: 16.66667%;
}
.ImageMapCarouselSlide__offset-lg-3 {
margin-left: 25%;
}
.ImageMapCarouselSlide__offset-lg-4 {
margin-left: 33.33333%;
}
.ImageMapCarouselSlide__offset-lg-5 {
margin-left: 41.66667%;
}
.ImageMapCarouselSlide__offset-lg-6 {
margin-left: 50%;
}
.ImageMapCarouselSlide__offset-lg-7 {
margin-left: 58.33333%;
}
.ImageMapCarouselSlide__offset-lg-8 {
margin-left: 66.66667%;
}
.ImageMapCarouselSlide__offset-lg-9 {
margin-left: 75%;
}
.ImageMapCarouselSlide__offset-lg-10 {
margin-left: 83.33333%;
}
.ImageMapCarouselSlide__offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1281px) {
.ImageMapCarouselSlide__col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ImageMapCarouselSlide__col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ImageMapCarouselSlide__col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ImageMapCarouselSlide__col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ImageMapCarouselSlide__col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ImageMapCarouselSlide__col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ImageMapCarouselSlide__col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ImageMapCarouselSlide__col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ImageMapCarouselSlide__col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ImageMapCarouselSlide__col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ImageMapCarouselSlide__col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ImageMapCarouselSlide__col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ImageMapCarouselSlide__col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ImageMapCarouselSlide__col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ImageMapCarouselSlide__order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ImageMapCarouselSlide__order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ImageMapCarouselSlide__order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ImageMapCarouselSlide__order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ImageMapCarouselSlide__order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ImageMapCarouselSlide__order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ImageMapCarouselSlide__order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ImageMapCarouselSlide__order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ImageMapCarouselSlide__order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ImageMapCarouselSlide__order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ImageMapCarouselSlide__order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ImageMapCarouselSlide__order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ImageMapCarouselSlide__order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ImageMapCarouselSlide__order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ImageMapCarouselSlide__order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ImageMapCarouselSlide__offset-xl-0 {
margin-left: 0;
}
.ImageMapCarouselSlide__offset-xl-1 {
margin-left: 8.33333%;
}
.ImageMapCarouselSlide__offset-xl-2 {
margin-left: 16.66667%;
}
.ImageMapCarouselSlide__offset-xl-3 {
margin-left: 25%;
}
.ImageMapCarouselSlide__offset-xl-4 {
margin-left: 33.33333%;
}
.ImageMapCarouselSlide__offset-xl-5 {
margin-left: 41.66667%;
}
.ImageMapCarouselSlide__offset-xl-6 {
margin-left: 50%;
}
.ImageMapCarouselSlide__offset-xl-7 {
margin-left: 58.33333%;
}
.ImageMapCarouselSlide__offset-xl-8 {
margin-left: 66.66667%;
}
.ImageMapCarouselSlide__offset-xl-9 {
margin-left: 75%;
}
.ImageMapCarouselSlide__offset-xl-10 {
margin-left: 83.33333%;
}
.ImageMapCarouselSlide__offset-xl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1441px) {
.ImageMapCarouselSlide__col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ImageMapCarouselSlide__col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ImageMapCarouselSlide__col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ImageMapCarouselSlide__col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ImageMapCarouselSlide__col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ImageMapCarouselSlide__col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ImageMapCarouselSlide__col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ImageMapCarouselSlide__col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ImageMapCarouselSlide__col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ImageMapCarouselSlide__col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ImageMapCarouselSlide__col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ImageMapCarouselSlide__col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ImageMapCarouselSlide__col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ImageMapCarouselSlide__col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ImageMapCarouselSlide__order-xxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ImageMapCarouselSlide__order-xxl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ImageMapCarouselSlide__order-xxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ImageMapCarouselSlide__order-xxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ImageMapCarouselSlide__order-xxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ImageMapCarouselSlide__order-xxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ImageMapCarouselSlide__order-xxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ImageMapCarouselSlide__order-xxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ImageMapCarouselSlide__order-xxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ImageMapCarouselSlide__order-xxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ImageMapCarouselSlide__order-xxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ImageMapCarouselSlide__order-xxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ImageMapCarouselSlide__order-xxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ImageMapCarouselSlide__order-xxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ImageMapCarouselSlide__order-xxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ImageMapCarouselSlide__offset-xxl-0 {
margin-left: 0;
}
.ImageMapCarouselSlide__offset-xxl-1 {
margin-left: 8.33333%;
}
.ImageMapCarouselSlide__offset-xxl-2 {
margin-left: 16.66667%;
}
.ImageMapCarouselSlide__offset-xxl-3 {
margin-left: 25%;
}
.ImageMapCarouselSlide__offset-xxl-4 {
margin-left: 33.33333%;
}
.ImageMapCarouselSlide__offset-xxl-5 {
margin-left: 41.66667%;
}
.ImageMapCarouselSlide__offset-xxl-6 {
margin-left: 50%;
}
.ImageMapCarouselSlide__offset-xxl-7 {
margin-left: 58.33333%;
}
.ImageMapCarouselSlide__offset-xxl-8 {
margin-left: 66.66667%;
}
.ImageMapCarouselSlide__offset-xxl-9 {
margin-left: 75%;
}
.ImageMapCarouselSlide__offset-xxl-10 {
margin-left: 83.33333%;
}
.ImageMapCarouselSlide__offset-xxl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1440px) {
.ImageMapCarouselSlide__container {
padding: 0 44px;
}
}
@media (max-width: 769px) {
.ImageMapCarouselSlide__container {
padding-right: 17px;
padding-left: 17px;
}
.ImageMapCarouselSlide__row {
margin-right: -5px;
margin-left: -5px;
}
.ImageMapCarouselSlide__row > .ImageMapCarouselSlide__col,
.ImageMapCarouselSlide__row > [class*='col-'] {
padding-right: 5px;
padding-left: 5px;
}
}
.ImageMapCarouselSlide__container-no-max-width {
max-width: none;
}
@media (max-width: 768px) {
.ImageMapCarouselSlide__container--md {
max-width: none;
padding: 0;
}
.ImageMapCarouselSlide__container--md .ImageMapCarouselSlide__row {
margin: 0;
}
.ImageMapCarouselSlide__container--md
.ImageMapCarouselSlide__row
> .ImageMapCarouselSlide__col,
.ImageMapCarouselSlide__container--md
.ImageMapCarouselSlide__row
> [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1439px) {
.ImageMapCarouselSlide__container--xxl {
max-width: none;
padding: 0;
}
.ImageMapCarouselSlide__container--xxl .ImageMapCarouselSlide__row {
margin: 0;
}
.ImageMapCarouselSlide__container--xxl
.ImageMapCarouselSlide__row
> .ImageMapCarouselSlide__col,
.ImageMapCarouselSlide__container--xxl
.ImageMapCarouselSlide__row
> [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1025px) {
.ImageMapCarouselSlide__container--tablet {
max-width: none;
padding: 0;
}
.ImageMapCarouselSlide__container--tablet .ImageMapCarouselSlide__row {
margin: 0;
}
.ImageMapCarouselSlide__container--tablet
.ImageMapCarouselSlide__row
> .ImageMapCarouselSlide__col,
.ImageMapCarouselSlide__container--tablet
.ImageMapCarouselSlide__row
> [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.ImageMapCarouselSlide__container--sm {
padding-right: 17px;
padding-left: 17px;
}
}
.ImageMapCarouselSlide__container-full-width {
max-width: unset;
}
@media (max-width: 768px) {
.ImageMapCarouselSlide__container-left {
padding-left: 17px;
}
}
@media (min-width: 769px) {
.ImageMapCarouselSlide__container-left {
padding-left: 1.25%;
}
}
@media (min-width: 1440px) {
.ImageMapCarouselSlide__container-left {
padding-left: 44px;
}
}
.ImageMapCarouselSlide__root {
position: relative;
width: 310px;
color: #fff;
text-align: center;
overflow: hidden;
}
@media (max-width: 768px) {
.ImageMapCarouselSlide__root {
width: 221px;
}
}
.ImageMapCarouselSlide__contentWrapper {
padding-top: 1px;
border-radius: 8px;
}
.ImageMapCarouselSlide__link {
display: block;
text-decoration: none;
color: inherit;
}
.ImageMapCarouselSlide__model {
text-transform: uppercase;
font-size: 12px;
line-height: 18px;
font-weight: 400;
letter-spacing: 0.37px;
}
.ImageMapCarouselSlide__title {
height: 90px;
font-size: 22px;
line-height: 32px;
}
@media (max-width: 768px) {
.ImageMapCarouselSlide__title {
height: 72px;
font-size: 18px;
line-height: 24px;
}
}
.ImageMapCarouselSlide__imageWrapper {
position: relative;
height: 277px;
width: calc(100% - 70px);
margin-left: auto;
margin-right: auto;
}
@media (max-width: 768px) {
.ImageMapCarouselSlide__imageWrapper {
width: calc(100% - 50px);
height: 179px;
}
}
.ImageMapCarouselSlide__image {
display: block;
margin: auto;
max-width: 100%;
}
.ImageMapCarousel__center {
position: relative;
display: inline-block;
max-width: 100%;
}
.ImageMapCarousel__mainWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 1;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.ModalImageMap__imageMap {
width: 100vw;
height: 100vh;
}
.ModalImageMap__point {
margin: 30px 0 0 30px;
background-color: #fff;
border-radius: 30px;
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
pointer-events: auto;
}
.ModalImageMap__title {
display: inline-block;
vertical-align: top;
padding: 0 30px;
line-height: 60px;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.3px;
color: #0180c9;
}
.ModalImageMap__plus {
display: inline-block;
vertical-align: top;
margin: 6px 6px 0 0;
width: 48px;
height: 48px;
border-radius: 50%;
background-color: rgba(1, 128, 201, 0.1);
}
.ModalImageMap__plusIcon {
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 21px;
height: 20px;
fill: #0180c9;
stroke: #0180c9;
}
.ModalImageMap__gallery {
padding: 70px 0;
}
@media (min-width: 1440px) {
.ModalImageMap__gallery {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media (max-width: 768px) {
.ModalImageMap__gallery {
padding: 60px 0 180px;
}
}
.ModalImageMap__galleryTitle {
text-align: center;
font-size: 30px;
line-height: 40px;
color: #fff;
}
@media (max-width: 768px) {
.ModalImageMap__galleryTitle {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.4px;
}
}
@media (max-width: 768px) {
.ModalImageMap__button {
position: fixed;
left: 20px;
bottom: 20px;
}
}
.ModalImageMap__rotatePhotoIcon {
width: 39px;
height: 24px;
position: absolute;
z-index: 1;
fill: #fff;
stroke: #fff;
}
.BuiltInStudio__root {
display: block;
position: relative;
background-color: #1e2e3f;
border-radius: 8px;
color: #fff;
}
@media (max-width: 768px) {
.BuiltInStudio__wrapper {
background-color: #1e2e3f;
}
}
.BlogTop__root {
color: #fff;
position: relative;
overflow: hidden;
}
.BlogTop__root .BlogTop__background {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
overflow: hidden;
}
.BlogTop__root .BlogTop__textBlock {
position: absolute;
width: 100%;
z-index: 1;
}
@media (max-width: 768px) {
.BlogTop__root .BlogTop__textBlock {
margin-top: 45px;
}
}
.BlogTop__root .BlogTop__logo {
display: none;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-top: 30px;
z-index: 1;
width: 66px;
height: 38px;
color: #fff;
fill: #fff;
stroke: #fff;
}
@media (max-width: 768px) {
.BlogTop__root .BlogTop__logo {
display: block;
}
}
.BlogTop__root .BlogTop__desc {
margin-left: auto;
margin-right: auto;
max-width: 655px;
}
@media (max-width: 768px) {
.BlogTop__root .BlogTop__desc {
max-width: 325px;
}
}
.BlogToggle__root {
background-color: #f4f5f6;
}
@media (min-width: 769px) {
.BlogToggle__root {
border-bottom: 1px solid transparent;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.BlogToggle__root[data-waypoint='true'] {
position: fixed;
top: auto;
left: 0;
width: 100%;
z-index: 50;
background-color: #fff;
border-color: #e9ecef;
}
}
@media (max-width: 768px) {
.ArticleList__root .ArticleList__title {
font-size: 18px;
font-weight: 400;
}
}
.ArticleList__root .ArticleList__list {
padding: 0;
}
.ArticleList__root .ArticleList__article {
display: block;
}
.ArticleList__root .ArticleList__picture {
display: block;
position: relative;
float: left;
border-radius: 8px;
overflow: hidden;
}
.ArticleList__root .ArticleList__picture img {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 100%;
width: auto;
}
.ArticleList__root .ArticleList__textBlock {
display: block;
position: relative;
top: 20px;
padding-left: 145px;
}
@media (max-width: 768px) {
.ArticleList__root .ArticleList__textBlock {
padding-left: 115px;
top: 12px;
}
}
.BlogGrid__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
line-height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.BlogGrid__root .BlogGrid__slide {
height: 535px;
overflow: hidden;
line-height: normal;
padding: 40px 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 769px) {
.BlogGrid__root .BlogGrid__slide {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.BlogGrid__root .BlogGrid__slide:nth-child(2n) {
border-right: 0;
}
}
@media (min-width: 1440px) {
.BlogGrid__root .BlogGrid__slide:nth-child(2n) {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.BlogGrid__root .BlogGrid__slide:nth-child(3n) {
border-right: 0;
}
}
@media (max-width: 768px) {
.BlogGrid__root .BlogGrid__slide {
padding: 40px 20px;
}
}
.BlogCarousel__root {
display: block;
overflow: hidden;
}
.BlogCarousel__root .BlogCarousel__slide {
display: block;
width: 1075px;
height: 520px;
padding: 40px 50px;
overflow: hidden;
}
.BlogArticleScroll__root {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
width: 100%;
background-color: #fff;
-webkit-transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.BlogArticleScroll__root .BlogArticleScroll__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.BlogArticleScroll__root .BlogArticleScroll__title {
position: absolute;
width: 50%;
text-align: center;
}
@media (max-width: 768px) {
.BlogArticleScroll__root .BlogArticleScroll__title {
width: 90%;
}
}
.BlogArticleScroll__root.BlogArticleScroll__withShareBlock
.BlogArticleScroll__content {
margin: 0 45px;
}
.BlogArticleScroll__root.BlogArticleScroll__withShareBlock
.BlogArticleScroll__title {
width: 120px;
}
@media (max-width: 768px) {
.BlogArticleScroll__root.BlogArticleScroll__withShareBlock
.BlogArticleScroll__title {
width: auto;
}
}
.BlogArticleScroll__root.BlogArticleScroll__fixed {
position: fixed;
z-index: 50;
top: 0;
left: 0;
}
.BlogArticleScroll__root.BlogArticleScroll__animateDown {
-webkit-transform: translateY(-120px);
transform: translateY(-120px);
}
.BlogArticleScroll__root.BlogArticleScroll__animateDown[data-waypoint='true'] {
-webkit-transform: none;
transform: none;
}
.BlogArticleScroll__root:not(.BlogArticleScroll__animateDown)
.BlogArticleScroll__arrowBack,
.BlogArticleScroll__root:not(.BlogArticleScroll__animateDown)
.BlogArticleScroll__title {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.BlogArticleScroll__root:not(.BlogArticleScroll__animateDown)
.BlogArticleScroll__shareBlock {
position: absolute;
right: -10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.BlogArticleScroll__root:not(.BlogArticleScroll__animateDown):not(
[data-waypoint='true']
)
.BlogArticleScroll__arrowBack,
.BlogArticleScroll__root:not(.BlogArticleScroll__animateDown):not(
[data-waypoint='true']
)
.BlogArticleScroll__title {
opacity: 0;
visibility: hidden;
}
.BlogArticleScroll__root:not(.BlogArticleScroll__animateDown):not(
[data-waypoint='true']
)
.BlogArticleScroll__shareBlock {
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.BlogArticleScroll__root:not(
.BlogArticleScroll__animateDown
)[data-waypoint='true'] {
position: fixed;
z-index: 50;
top: 0;
left: 0;
}
.BlogArticleScroll__root.off {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.BlogArticleScroll__scrollStatus {
-webkit-transform-origin: left;
transform-origin: left;
width: 100%;
}
.BlogArticleTop__root {
color: #fff;
position: relative;
overflow: hidden;
}
@media (max-width: 768px) {
.BlogArticleTop__root {
height: calc(100vh - 50px);
min-height: 518px;
}
}
.BlogArticleTop__root .BlogArticleTop__background {
position: relative;
height: 100%;
z-index: -1;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
overflow: hidden;
}
.BlogArticleTop__root .BlogArticleTop__textBlock {
position: absolute;
width: 100%;
z-index: 1;
}
.BlogArticleTop__root .BlogArticleTop__logo {
display: none;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 30px;
z-index: 1;
width: 66px;
height: 38px;
color: #fff;
fill: #fff;
stroke: #fff;
}
@media (max-width: 768px) {
.BlogArticleTop__root .BlogArticleTop__logo {
display: block;
}
}
.BlogArticleTop__root .BlogArticleTop__title {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 768px) {
.BlogArticleTop__root .BlogArticleTop__title {
max-width: 325px;
}
}
.BlogArticleTop__root .BlogArticleTop__desc {
margin-left: auto;
margin-right: auto;
max-width: 655px;
letter-spacing: 0.4px;
}
@media (max-width: 768px) {
.BlogArticleTop__root .BlogArticleTop__desc {
max-width: 325px;
font-size: 22px;
line-height: 30px;
letter-spacing: normal;
}
}
.BlogArticleTextBlock__root .BlogArticleTextBlock__title {
color: #1e2e3f;
}
@media (max-width: 768px) {
.BlogArticleTextBlock__root .BlogArticleTextBlock__title {
letter-spacing: 0.4px;
}
}
.BlogArticleTextBlock__root .BlogArticleTextBlock__text {
color: #5b6d81;
}
.BlogArticleCard__root {
overflow: hidden;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.BlogArticleCard__root .BlogArticleCard__background {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
}
.BlogArticleCard__root .BlogArticleCard__textBlock {
color: #9aa8b6;
}
.BlogArticleCard__root p {
font-size: 16px;
}
.BlogArticleCarousel__root {
display: block;
overflow: hidden;
height: 510px;
}
.BlogArticleCarousel__root
.blogArticleCarousel
> :first-child
> .blogArticleCard {
margin-left: 275px;
}
@media (max-width: 768px) {
.BlogArticleCarousel__root
.blogArticleCarousel
> :first-child
> .blogArticleCard {
margin-left: 20px;
}
}
@media (max-width: 768px) {
.BlogArticleCarousel__root
.blogArticleCarousel
> :first-child
> .blogArticleCard.type2 {
margin-left: calc((100vw - 690px) / 2);
}
}
@media (max-width: 709px) {
.BlogArticleCarousel__root
.blogArticleCarousel
> :first-child
> .blogArticleCard.type2 {
margin-left: 17px;
}
}
@media (min-width: 769px) {
.BlogArticleCarousel__root
.blogArticleCarousel
> :first-child
> .blogArticleCard.type2 {
margin-left: calc((100vw - 424px) / 2);
}
}
@media (min-width: 920px) {
.BlogArticleCarousel__root
.blogArticleCarousel
> :first-child
> .blogArticleCard.type2 {
margin-left: calc((100vw - 884px) / 2);
}
}
@media (min-width: 1380px) {
.BlogArticleCarousel__root
.blogArticleCarousel
> :first-child
> .blogArticleCard.type2 {
margin-left: calc((100vw - 1380px) / 2 + 18px);
}
}
.BlogArticleCarousel__root
.blogArticleCarousel
> :last-child
> .blogArticleCard {
margin-right: 275px;
}
@media (max-width: 768px) {
.BlogArticleCarousel__root
.blogArticleCarousel
> :last-child
> .blogArticleCard {
margin-right: 20px;
}
}
@media (max-width: 768px) {
.BlogArticleCarousel__root
.blogArticleCarousel
> :last-child
> .blogArticleCard.type2 {
margin-right: calc((100vw - 690px) / 2);
}
}
@media (max-width: 709px) {
.BlogArticleCarousel__root
.blogArticleCarousel
> :last-child
> .blogArticleCard.type2 {
margin-right: 17px;
}
}
@media (min-width: 769px) {
.BlogArticleCarousel__root
.blogArticleCarousel
> :last-child
> .blogArticleCard.type2 {
margin-right: calc((100vw - 424px) / 2);
}
}
@media (min-width: 920px) {
.BlogArticleCarousel__root
.blogArticleCarousel
> :last-child
> .blogArticleCard.type2 {
margin-right: calc((100vw - 884px) / 2);
}
}
@media (min-width: 1380px) {
.BlogArticleCarousel__root
.blogArticleCarousel
> :last-child
> .blogArticleCard.type2 {
margin-right: calc((100vw - 1380px) / 2 + 18px);
}
}
@media (max-width: 768px) {
.BlogArticleCarousel__root {
height: 283px;
}
}
.RecipeCard__root {
position: relative;
}
.RecipeCard__root .RecipeCard__headerPart {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.RecipeCard__root .RecipeCard__headerPart {
border-right: 0;
}
}
html.rtl .RecipeCard__root .RecipeCard__card.offset-md-3 {
margin-right: 25% !important;
margin-left: auto !important;
}
.RecipeCard__root .RecipeCard__card {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.RecipeCard__root .RecipeCard__card .RecipeCard__headerPart:last-of-type {
border-right: 0;
}
.IngredientsList__root {
position: relative;
}
.IngredientsList__root .IngredientsList__title {
font-weight: 400;
line-height: 32px;
font-size: 24px;
letter-spacing: 0.2px;
color: #1e2e3f;
}
.IngredientsList__root .IngredientsList__listName {
padding-bottom: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.IngredientsList__root .IngredientsList__listItem {
line-height: 42px;
color: #5b6d81;
}
.BlogArticleFeedback__root {
position: relative;
}
.BlogArticleFeedback__root .BlogArticleFeedback__border {
background-color: rgba(0, 0, 0, 0.1);
}
.BlogArticleFeedback__root .BlogArticleFeedback__enjoyed {
font-weight: 400;
line-height: 32px;
font-size: 24px;
text-align: center;
letter-spacing: 0.4px;
color: #fff;
}
.BlogArticleFeedback__root .BlogArticleFeedback__share a {
width: 45px;
height: 45px;
margin: 0;
}
.BlogSimilarArticles__root {
display: block;
position: relative;
padding-top: 75px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.BlogSimilarArticles__root {
padding-top: 40px;
}
}
.BlogSimilarArticles__root .BlogSimilarArticles__slide {
padding: 40px;
padding-top: 0;
}
@media (max-width: 768px) {
.BlogSimilarArticles__root .BlogSimilarArticles__slide {
padding: 0 10px;
padding-bottom: 40px;
}
}
.BlogArticleKeepScrolling__root .BlogArticleKeepScrolling__keepScrolling {
color: #5b6d81;
font-style: normal;
font-weight: 500;
line-height: 20px;
font-size: 14px;
text-align: center;
letter-spacing: 0.3px;
}
.LSG__root {
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 40px;
margin-top: 40px;
}
.LSG__root:last-child {
margin-bottom: 0;
}
.LSG__details {
margin: 20px 45px;
cursor: pointer;
position: relative;
}
.LSG__details summary {
font-size: 16px;
outline: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.LSG__buttonCopyWrapper {
position: absolute;
right: 15px;
top: 10px;
}
.LSG__buttonCopyWrapper .LSG__tooltip {
position: absolute;
top: -35px;
}
.LSG__buttonCopy {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#e4e4e4),
to(#f7f7f7)
);
background-image: linear-gradient(180deg, #e4e4e4, #f7f7f7);
border: 1px solid #afafaf;
padding: 1px 7px 2px;
cursor: pointer;
}
.LSG__transform {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@media (min-width: 769px) {
.LSG__onlyMobile {
display: none;
}
}
@media (max-width: 768px) {
.LSG__onlyDesktop {
display: none;
}
}
.LSG__modal {
-webkit-transform: translateZ(0);
transform: translateZ(0);
height: 100vh;
}
code[class*='language-'],
pre[class*='language-'] {
color: #000;
background: 0;
text-shadow: 0 1px #fff;
font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-ms-hyphens: none;
hyphens: none;
}
code[class*='language-']::-moz-selection,
code[class*='language-'] ::-moz-selection,
pre[class*='language-']::-moz-selection,
pre[class*='language-'] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
code[class*='language-']::-moz-selection,
code[class*='language-'] ::-moz-selection,
pre[class*='language-']::-moz-selection,
pre[class*='language-'] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
code[class*='language-']::selection,
code[class*='language-'] ::selection,
pre[class*='language-']::selection,
pre[class*='language-'] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*='language-'],
pre[class*='language-'] {
text-shadow: none;
}
}
pre[class*='language-'] {
padding: 1em;
margin: 0.5em 0;
overflow: auto;
}
:not(pre) > code[class*='language-'],
pre[class*='language-'] {
background: #f5f2f0;
}
:not(pre) > code[class*='language-'] {
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
}
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
color: #708090;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: 0.7;
}
.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
color: #905;
}
.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
color: #690;
}
.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
color: #9a6e3a;
background: rgba(255, 255, 255, 0.5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.class-name,
.token.function {
color: #dd4a68;
}
.token.important,
.token.regex,
.token.variable {
color: #e90;
}
.token.bold,
.token.important {
font-weight: 700;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
.LsgHeader__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 80px;
position: fixed;
top: 0;
left: 0;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
border-left: 0;
border-right: 0;
background-color: #fff;
z-index: 9999;
}
.LsgHeader__root .subnav {
opacity: 0;
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
.LsgHeader__root .subnav .subnav-inner {
display: none;
}
.LsgHeader__root[data-open-subnav='about'] .subnav,
.LsgHeader__root[data-open-subnav='products'] .subnav,
.LsgHeader__root[data-open-subnav='support'] .subnav {
opacity: 1;
}
.LsgHeader__root[data-open-subnav='products'] .menu .products {
background-color: #e9ecef;
}
.LsgHeader__root[data-open-subnav='products'] .subnav .products {
display: block;
}
.LsgHeader__root[data-open-subnav='support'] .menu .support {
background-color: #e9ecef;
}
.LsgHeader__root[data-open-subnav='support'] .subnav .support {
display: block;
}
.LsgHeader__root[data-open-subnav='about'] .menu .about {
background-color: #e9ecef;
}
.LsgHeader__root[data-open-subnav='about'] .subnav .about {
display: block;
}
.LsgHeader__root .LsgHeader__search {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.LsgHeader__root .LsgHeader__search {
width: 100vw;
}
}
.LsgHeader__root .LsgHeader__subNav {
position: absolute;
left: 0;
top: 78px;
z-index: 100;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.LsgHeader__header {
font-size: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 160px;
}
.ViewLabel__root {
width: 82px;
height: 82px;
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;
background-color: #0180c9;
border-radius: 50%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
pointer-events: none;
}
@media (max-width: 768px) {
.ViewLabel__root {
display: none;
}
}
.ViewLabel__root .ViewLabel__label {
color: #fff;
}
.ProductCardPartsHeader__root {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.ProductCardPartsHeader__root .ProductCardPartsHeader__modelNumber {
border: 0;
}
.ProductCardPartsHeader__root .ProductCardPartsHeader__modelNumber svg {
position: relative;
left: 5px;
top: 2px;
color: #fff;
stroke: #fff;
}
.ProductCardPartsHeader__root .ProductCardPartsHeader__modelNumber span {
margin-left: 15px;
font-size: 14px;
font-weight: 500;
line-height: 21px;
letter-spacing: 0.3px;
}
.ProductCardParts__root {
display: block;
height: 510px;
position: relative;
color: #fff;
text-align: center;
text-decoration: none;
}
@media (max-width: 768px) {
.ProductCardParts__root {
height: 440px;
}
}
.ProductCardParts__root .ProductCardParts__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 85px;
padding: 0 21px;
}
@media (max-width: 768px) {
.ProductCardParts__root .ProductCardParts__header {
height: 75px;
}
}
.ProductCardParts__root .ProductCardParts__productBody {
position: relative;
min-height: 425px;
overflow: hidden;
}
@media (max-width: 768px) {
.ProductCardParts__root .ProductCardParts__productBody {
min-height: 365px;
}
}
.ProductCardParts__root .ProductCardParts__productBackground {
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-transition: height 0.3s ease;
transition: height 0.3s ease;
}
.ProductCardParts__root .ProductCardParts__productData {
height: 100%;
position: relative;
z-index: 4;
color: #fff;
text-decoration: none;
padding-top: 12px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 768px) {
.ProductCardParts__root .ProductCardParts__productData {
padding-top: 19px;
height: 80%;
}
}
.ProductCardParts__root .ProductCardParts__ratingModelWrapper {
opacity: 1;
max-height: 65px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-property: opacity, max-height;
transition-property: opacity, max-height;
}
.ProductCardParts__root .ProductCardParts__model {
font-size: 13px;
text-transform: uppercase;
margin-top: 15px;
}
.ProductCardParts__root .ProductCardParts__desc {
width: 350px;
height: 60px;
max-height: 60px;
overflow: hidden;
margin: 5px auto 0;
font-size: 22px;
line-height: 30px;
font-weight: 300;
letter-spacing: 0.3px;
-webkit-transition: margin-bottom 0.3s ease;
transition: margin-bottom 0.3s ease;
}
@media (max-width: 1280px) {
.ProductCardParts__root .ProductCardParts__desc {
width: 300px;
margin-bottom: 8px;
font-size: 18px;
line-height: 26px;
}
}
@media (max-width: 1024px) {
.ProductCardParts__root .ProductCardParts__desc {
width: 350px;
font-size: 22px;
line-height: 30px;
}
}
@media (max-width: 768px) {
.ProductCardParts__root .ProductCardParts__desc {
width: 280px;
}
}
@media (max-width: 374px) {
.ProductCardParts__root .ProductCardParts__desc {
width: 270px;
font-size: 18px;
line-height: 26px;
}
}
.ProductCardParts__root .ProductCardParts__productBadge {
position: absolute;
top: 130px;
left: 7%;
-webkit-transition: top 0.3s ease;
transition: top 0.3s ease;
z-index: 1;
}
@media (max-width: 768px) {
.ProductCardParts__root .ProductCardParts__productBadge {
top: 205px;
left: 4%;
}
.ProductCardParts__root .ProductCardParts__productBadge svg {
width: 38px;
}
}
.ProductCardParts__root .ProductCardParts__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
height: 225px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-property: margin-top, margin-bottom;
transition-property: margin-top, margin-bottom;
}
@media (max-width: 1280px) {
.ProductCardParts__root .ProductCardParts__image {
height: 215px;
height: 200px;
}
}
@media (max-width: 768px) {
.ProductCardParts__root .ProductCardParts__image {
height: 155px;
}
}
@media (max-width: 768px) {
.ProductCardParts__root.ProductCardParts__square .ProductCardParts__image {
height: 180px;
}
}
.ProductCardParts__root.ProductCardParts__square .ProductCardParts__image img {
height: 200px;
width: auto;
}
@media (max-width: 1280px) {
.ProductCardParts__root.ProductCardParts__square
.ProductCardParts__image
img {
height: 165px;
}
}
@media (max-width: 768px) {
.ProductCardParts__root.ProductCardParts__square
.ProductCardParts__image
img {
height: 150px;
}
}
.ProductCardParts__root.ProductCardParts__rectangle
.ProductCardParts__image
img {
width: 83%;
height: auto;
}
@media (min-width: 1440px) {
.ProductCardParts__root.ProductCardParts__rectangle
.ProductCardParts__image
img {
max-width: 350px;
}
}
@media (max-width: 1024px) {
.ProductCardParts__root.ProductCardParts__rectangle
.ProductCardParts__image
img {
max-width: 300px;
}
}
@media (max-width: 768px) {
.ProductCardParts__root.ProductCardParts__rectangle
.ProductCardParts__image
img {
width: 70%;
}
}
.ProductCardParts__root.ProductCardParts__modelNumber
.ProductCardParts__header {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.SearchNoResults__root .SearchNoResults__topMessage {
width: 260px;
margin: 0 auto;
font-size: 18px;
line-height: 28px;
font-weight: 400;
}
.SearchNoResults__root .SearchNoResults__subTitle {
margin-top: 55px;
color: #9aa8b6;
}
.SearchNoResults__root .SearchNoResults__suggestion {
display: block;
margin-bottom: 30px;
color: #0180c9;
font-size: 18px;
line-height: 30px;
font-weight: 500;
text-decoration: none;
}
.SearchNoResults__root .SearchNoResults__suggestion:visited {
color: #0180c9;
}
.PDPbrandQuote__root {
position: relative;
color: #1e2e3f;
}
@media (max-width: 768px) {
.PDPbrandQuote__root {
text-align: center;
}
}
.PDPbrandQuote__root .PDPbrandQuote__brandImage {
width: 90%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.PDPbrandQuote__root .PDPbrandQuote__brandImage img {
width: 100%;
height: auto;
border-radius: 8px;
}
.PDPbrandQuote__root .PDPbrandQuote__quotation {
width: 31px;
height: 21px;
margin-top: 50px;
}
@media (max-width: 768px) {
.PDPbrandQuote__root .PDPbrandQuote__quotation {
margin-left: auto;
margin-right: auto;
}
}
.PDPbrandQuote__root .PDPbrandQuote__quotation svg {
fill: #1e2e3f;
stroke: #1e2e3f;
color: #1e2e3f;
width: 31px;
height: 21px;
}
.PDPbrandQuote__root .PDPbrandQuote__text {
margin-top: 33px;
font-family: Core Sans, sans-serif;
font-size: 50px;
line-height: 58px;
letter-spacing: 0.35px;
}
@media (max-width: 768px) {
.PDPbrandQuote__root .PDPbrandQuote__text {
margin-top: 30px;
font-size: 40px;
line-height: 48px;
}
}
.PDPbrandQuote__root .PDPbrandQuote__authorImg {
margin-top: 60px;
}
@media (max-width: 768px) {
.PDPbrandQuote__root .PDPbrandQuote__authorImg {
margin-top: 40px;
}
}
.PDPbrandQuote__root .PDPbrandQuote__readFullReview {
display: inline-block;
margin-top: 288px;
margin-left: 50px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.3px;
text-decoration: none;
color: #0180c9;
}
@media (max-width: 1024px) {
.PDPbrandQuote__root .PDPbrandQuote__readFullReview {
margin-left: 20px;
}
}
@media (max-width: 768px) {
.PDPbrandQuote__root .PDPbrandQuote__readFullReview {
margin: 55px auto 0;
}
}
.PDPbrandQuote__root .PDPbrandQuote__readFullReview svg {
width: 18px;
height: 14px;
margin-left: 12px;
position: relative;
top: 2px;
fill: #0180c9;
stroke: #0180c9;
color: #0180c9;
}
.PDPbrandQuote__root .PDPbrandQuote__readFullReview:hover {
color: #006ba8;
}
.PDPbrandQuote__root .PDPbrandQuote__readFullReview:hover svg {
fill: #006ba8;
stroke: #006ba8;
color: #006ba8;
}
.SearchFormRetailerMobile__root {
display: none;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 80px;
width: 100%;
padding-left: 15px;
padding-right: 15px;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.SearchFormRetailerMobile__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.SearchFormRetailerMobile__root input {
display: block;
position: absolute;
width: calc(100% - 140px);
top: 50%;
left: 70px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #1e2e3f;
border: 0;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.29px;
font-weight: 400;
outline: 0;
}
.SearchFormRetailerMobile__root input::-webkit-input-placeholder {
color: #1e2e3f;
opacity: 1;
font-size: 16px;
line-height: 24px;
}
.SearchFormRetailerMobile__root input:-ms-input-placeholder,
.SearchFormRetailerMobile__root input::-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
font-size: 16px;
line-height: 24px;
}
.SearchFormRetailerMobile__root input::-webkit-input-placeholder {
color: #1e2e3f;
opacity: 1;
font-size: 16px;
line-height: 24px;
}
.SearchFormRetailerMobile__root input::-moz-placeholder {
color: #1e2e3f;
opacity: 1;
font-size: 16px;
line-height: 24px;
}
.SearchFormRetailerMobile__root input:-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
font-size: 16px;
line-height: 24px;
}
.SearchFormRetailerMobile__root input::-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
font-size: 16px;
line-height: 24px;
}
.SearchFormRetailerMobile__root input::placeholder {
color: #1e2e3f;
opacity: 1;
font-size: 16px;
line-height: 24px;
}
.SearchFormRetailerMobile__root button {
height: 45px;
width: 45px;
background: 0;
border: 0;
cursor: pointer;
}
.ModelSelectItem__root {
height: 70px;
padding-left: 30px;
padding-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e5e5e5;
text-decoration: none;
cursor: pointer;
}
.ModelSelectItem__root:hover {
background-color: #f6f7f9;
}
.ModelSelectItem__root .ModelSelectItem__modelName {
text-transform: uppercase;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.29px;
color: #1e2e3f;
}
.ModelSelectItem__root .ModelSelectItem__image {
width: 60px;
height: 60px;
}
.ModelSelect__root {
position: relative;
width: 430px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.ModelSelect__root {
width: 90%;
}
}
.ModelSelect__root .ModelSelect__form {
width: 100%;
height: 65px;
}
.ModelSelect__root input {
width: 95%;
height: 99%;
color: #1e2e3f;
border: 0;
font-size: 18px;
line-height: 25px;
font-weight: 400;
outline: 0;
}
.ModelSelect__root input::-webkit-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.ModelSelect__root input:-ms-input-placeholder,
.ModelSelect__root input::-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.ModelSelect__root input::-webkit-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.ModelSelect__root input::-moz-placeholder {
color: #1e2e3f;
opacity: 1;
}
.ModelSelect__root input:-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.ModelSelect__root input::-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.ModelSelect__root input::placeholder {
color: #1e2e3f;
opacity: 1;
}
.ModelSelect__root button {
width: 20px;
height: 17px;
background: 0;
border: 0;
cursor: pointer;
}
.ModelSelect__root button svg {
width: 100%;
height: 100%;
color: #0180c9;
fill: #0180c9;
}
.ModelSelect__root .ModelSelect__modalLink {
width: 100%;
height: 100%;
margin-top: 40px;
font-weight: 500;
}
.ModelSelect__root .ModelSelect__selectContent {
position: absolute;
top: 66px;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
border-radius: 8px;
overflow: hidden;
z-index: 5;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.ModelSelect__root .ModelSelect__selectContent.hidden {
opacity: 0;
visibility: hidden;
}
.SearchByModelNumber__root .SearchByModelNumber__searchField {
width: 430px;
}
@media (max-width: 768px) {
.SearchByModelNumber__root .SearchByModelNumber__searchField {
width: 90%;
}
}
.SearchByModelNumber__root .SearchByModelNumber__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 65px;
margin-top: 60px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.SearchByModelNumber__root .SearchByModelNumber__form {
margin-top: 20px;
}
}
.SearchByModelNumber__root input {
width: 97%;
height: 100%;
color: #1e2e3f;
border: 0;
font-size: 18px;
line-height: 25px;
font-weight: 400;
outline: 0;
}
.SearchByModelNumber__root input::-webkit-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.SearchByModelNumber__root input:-ms-input-placeholder,
.SearchByModelNumber__root input::-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.SearchByModelNumber__root input::-webkit-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.SearchByModelNumber__root input::-moz-placeholder {
color: #1e2e3f;
opacity: 1;
}
.SearchByModelNumber__root input:-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.SearchByModelNumber__root input::-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.SearchByModelNumber__root input::placeholder {
color: #1e2e3f;
opacity: 1;
}
.SearchByModelNumber__root button {
width: 20px;
height: 19px;
background: 0;
border: 0;
cursor: pointer;
}
.SearchByModelNumber__root button svg {
width: 100%;
height: 100%;
color: #0180c9;
fill: #0180c9;
}
.SearchByModelNumber__root .SearchByModelNumber__modalLink {
width: 100%;
height: 100%;
margin-top: 40px;
font-weight: 500;
}
.SearchByModelNumber__modalLink.Button__root:hover {
background-color: transparent !important;
}
.SearchByModelNumber__modalSelect {
margin-top: 60px;
}
@media (max-width: 768px) {
.SearchByModelNumber__modalSelect {
margin-top: 20px;
}
}
.HeadingBlock__root {
position: relative;
text-align: center;
background-color: #e9ecef;
color: #1e2e3f;
}
@media (max-width: 768px) {
.HeadingBlock__root {
background-color: #1e2e3f;
color: #fff;
}
}
.HeadingBlock__root svg {
width: 66px;
height: 38px;
}
.HeadingBlock__root .HeadingBlock__heading {
margin: 0 auto;
}
@media (max-width: 768px) {
.HeadingBlock__root .HeadingBlock__heading {
width: 90%;
max-width: 480px;
}
}
.HeadingBlock__root .HeadingBlock__subtitle {
margin: 10px auto 0;
color: #5b6d81;
}
@media (max-width: 768px) {
.HeadingBlock__root .HeadingBlock__subtitle {
width: 80%;
margin-top: 15px;
}
}
.HeadingBlock__root.HeadingBlock__blueLogo .HeadingBlock__subtitle {
color: #5b6d81;
}
@media (max-width: 768px) {
.HeadingBlock__root.HeadingBlock__blueLogo {
background-color: #e9ecef;
color: #0081c9;
}
.HeadingBlock__root.HeadingBlock__blueLogo .HeadingBlock__heading {
color: #1e2e3f;
}
.HeadingBlock__root.HeadingBlock__blueLogo .HeadingBlock__subtitle {
color: #5b6d81;
}
}
.FindSerialNumberBlock__root {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 300px;
border-radius: 8px;
background-color: #f4f5f7;
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root {
height: 445px;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root .FindSerialNumberBlock__image {
width: 85%;
max-width: 300px;
position: absolute;
bottom: -5px;
}
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root .FindSerialNumberBlock__image img {
width: 100%;
height: auto;
}
}
.FindSerialNumberBlock__root .FindSerialNumberBlock__textBlock {
width: 175px;
margin-top: 50px;
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root .FindSerialNumberBlock__textBlock {
width: 100%;
margin-top: 0;
}
}
.FindSerialNumberBlock__root .FindSerialNumberBlock__title {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.2px;
font-weight: 400;
}
.FindSerialNumberBlock__root .FindSerialNumberBlock__subtitle {
font-size: 16px;
line-height: 26px;
color: #5b6d81;
margin-top: 20px;
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root .FindSerialNumberBlock__subtitle {
font-size: 18px;
line-height: 27px;
font-weight: 400;
}
}
.FindSerialNumberBlock__root.FindSerialNumberBlock__imageRight
.FindSerialNumberBlock__image {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root.FindSerialNumberBlock__imageRight
.FindSerialNumberBlock__image {
bottom: auto;
top: 0;
right: 7%;
}
}
.FindSerialNumberBlock__root.FindSerialNumberBlock__imageRight
.FindSerialNumberBlock__textBlock {
margin-top: 85px;
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root.FindSerialNumberBlock__imageRight
.FindSerialNumberBlock__textBlock {
position: absolute;
bottom: 30px;
}
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root.FindSerialNumberBlock__imageRight
.FindSerialNumberBlock__subtitle {
width: 85%;
}
}
.FindSerialNumberBlock__root.FindSerialNumberBlock__big {
background-color: transparent;
height: 390px;
}
@media (max-width: 1024px) {
.FindSerialNumberBlock__root.FindSerialNumberBlock__big {
min-height: 580px;
}
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root.FindSerialNumberBlock__big {
display: block;
height: 420px;
min-height: 0;
}
}
.FindSerialNumberBlock__root.FindSerialNumberBlock__big
.FindSerialNumberBlock__image {
width: 100%;
max-width: none;
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root.FindSerialNumberBlock__big
.FindSerialNumberBlock__image {
text-align: center;
}
}
.FindSerialNumberBlock__root.FindSerialNumberBlock__big
.FindSerialNumberBlock__image
img {
width: 117%;
position: absolute;
bottom: 0;
left: 8%;
}
@media (min-width: 1440px) {
.FindSerialNumberBlock__root.FindSerialNumberBlock__big
.FindSerialNumberBlock__image
img {
max-width: 400px;
}
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root.FindSerialNumberBlock__big
.FindSerialNumberBlock__image
img {
width: 83%;
max-width: 283px;
position: static;
}
}
.FindSerialNumberBlock__root.FindSerialNumberBlock__big
.FindSerialNumberBlock__textBlock {
width: 100%;
margin-top: 65px;
padding-left: 30px;
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root.FindSerialNumberBlock__big
.FindSerialNumberBlock__textBlock {
margin-top: 85px;
padding-left: 0;
}
}
.FindSerialNumberBlock__root.FindSerialNumberBlock__big
.FindSerialNumberBlock__title {
font-size: 14px;
line-height: 18px;
letter-spacing: 0.43px;
color: #9aa8b6;
font-weight: 500;
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root.FindSerialNumberBlock__big
.FindSerialNumberBlock__title {
width: 69%;
max-width: 200px;
margin: 0 auto;
text-align: center;
}
}
.FindSerialNumberBlock__root.FindSerialNumberBlock__big
.FindSerialNumberBlock__subtitle {
font-size: 18px;
line-height: 25px;
font-weight: 400;
color: #1e2e3f;
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root.FindSerialNumberBlock__big
.FindSerialNumberBlock__subtitle {
width: 90%;
max-width: 340px;
margin: 20px auto 0;
text-align: center;
}
}
.CheckIfAffected__root {
width: 100%;
background-color: #f4f5f7;
padding-top: 60px;
-webkit-transition: padding-bottom 0.5s;
transition: padding-bottom 0.5s;
}
.CheckIfAffected__root .CheckIfAffected__heading {
width: 425px;
margin: 0 auto;
text-align: center;
}
@media (max-width: 768px) {
.CheckIfAffected__root .CheckIfAffected__heading {
width: 85%;
}
}
.CheckIfAffected__root .CheckIfAffected__bottom {
text-align: center;
background-color: #fff;
border-radius: 8px;
padding: 0;
max-height: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
visibility: hidden;
}
.CheckIfAffected__root .CheckIfAffected__bottom .CheckIfAffected__affected {
display: none;
}
.CheckIfAffected__root[status='affected'],
.CheckIfAffected__root[status='notAffected'] {
padding-bottom: 40px;
}
.CheckIfAffected__root[status='affected'] .CheckIfAffected__bottom,
.CheckIfAffected__root[status='notAffected'] .CheckIfAffected__bottom {
visibility: visible;
max-height: 300px;
padding: 60px 15px 75px;
}
.CheckIfAffected__root[status='affected'] .CheckIfAffected__affected {
display: inline-block;
}
.VideoBlockWithText__root {
padding: 90px 0 75px;
}
@media (max-width: 768px) {
.VideoBlockWithText__root {
padding: 65px 0 40px;
}
}
.VideoBlockWithText__root .VideoBlockWithText__video {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: auto;
margin-left: auto;
border-radius: 8px;
background-repeat: no-repeat;
background-size: cover;
}
.VideoBlockWithText__root .VideoBlockWithText__prefix {
margin: 0 auto 30px;
color: #9aa8b6;
font-weight: 500;
line-height: 18px;
text-align: center;
}
.VideoBlockWithText__root .VideoBlockWithText__caption {
width: 400px;
margin: -10px auto 40px;
text-align: center;
letter-spacing: 0.3px;
}
@media (max-width: 768px) {
.VideoBlockWithText__root .VideoBlockWithText__caption {
width: 260px;
}
}
.VideoBlockWithText__root .VideoBlockWithText__videoTitleBlock {
height: 75%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
cursor: pointer;
}
.VideoBlockWithText__root .VideoBlockWithText__videoLength {
margin-top: 20px;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.43px;
font-weight: 500;
}
.VideoBlockWithText__root .VideoBlockWithText__description {
width: 500px;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
letter-spacing: 0.4px;
}
.ProductCategoryCard__root {
display: block;
position: relative;
width: 100%;
height: 385px;
margin-bottom: 35px;
padding-top: 50px;
text-align: center;
border-radius: 8px;
color: #fff;
text-decoration: none;
overflow: hidden;
}
@media (max-width: 768px) {
.ProductCategoryCard__root {
height: 220px;
margin-bottom: 10px;
padding-top: 25px;
}
}
.ProductCategoryCard__root .ProductCategoryCard__desc {
width: 245px;
height: 32px;
overflow: hidden;
font-size: 22px;
font-weight: 400;
line-height: 30px;
margin: 5px auto 0;
}
@media (max-width: 768px) {
.ProductCategoryCard__root .ProductCategoryCard__desc {
width: 170px;
height: 75px;
font-size: 18px;
line-height: 24px;
margin-top: 10px;
}
}
.ProductCategoryCard__root .ProductCategoryCard__image {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ProductCategoryCard__root .ProductCategoryCard__image img {
width: auto;
}
.ProductCategoryCard__root.ProductCategoryCard__rectangle img {
height: 273px;
}
@media (max-width: 768px) {
.ProductCategoryCard__root.ProductCategoryCard__rectangle img {
max-height: 150px;
}
}
.ProductCategoryCard__root.ProductCategoryCard__square
.ProductCategoryCard__image {
height: 295px;
bottom: 13px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 768px) {
.ProductCategoryCard__root.ProductCategoryCard__square
.ProductCategoryCard__image {
height: 130px;
bottom: 17px;
}
}
.ProductCategoryCard__root.ProductCategoryCard__square img {
width: 238px;
}
@media (max-width: 768px) {
.ProductCategoryCard__root.ProductCategoryCard__square img {
width: 123px;
}
}
.ProductCategoryCard__root.ProductCategoryCard__withShadow {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.ProductCategoryCard__root.ProductCategoryCard__small
.ProductCategoryCard__desc {
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: 90%;
height: 50px;
margin-top: 0;
line-height: 24px;
}
}
.ProductCategoryCard__root.ProductCategoryCard__small.ProductCategoryCard__rectangle
img {
height: 235px;
}
@media (max-width: 768px) {
.ProductCategoryCard__root.ProductCategoryCard__small.ProductCategoryCard__rectangle
img {
max-height: 130px;
}
}
.ProductCategoryCard__root.ProductCategoryCard__small.ProductCategoryCard__square
.ProductCategoryCard__image {
height: 250px;
}
@media (max-width: 768px) {
.ProductCategoryCard__root.ProductCategoryCard__small.ProductCategoryCard__square
.ProductCategoryCard__image {
height: 120px;
}
}
.ProductCategoryCard__root.ProductCategoryCard__small.ProductCategoryCard__square
img {
width: 180px;
}
@media (max-width: 768px) {
.ProductCategoryCard__root.ProductCategoryCard__small.ProductCategoryCard__square
img {
width: 120px;
}
}
.ManualsProductGridModal__root {
border: 0;
}
.StepModalFindModelNumberVideo__root .StepModalFindModelNumberVideo__video {
width: 425px;
height: 285px;
margin-right: auto;
margin-left: auto;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 768px) {
.StepModalFindModelNumberVideo__root .StepModalFindModelNumberVideo__video {
width: 100%;
height: 350px;
}
}
.StepModalFindModelNumberVideo__root
.StepModalFindModelNumberVideo__videoTitleBlock {
margin-top: 150px;
color: #fff;
cursor: pointer;
text-align: center;
}
.StepModalFindModelNumberVideo__root svg {
width: 9px;
height: 13px;
margin-right: 10px;
position: relative;
top: 1px;
color: #fff;
}
.StepModalFindModelNumberVideo__root
.StepModalFindModelNumberVideo__videoLength {
font-size: 14px;
line-height: 16px;
letter-spacing: 0.43px;
font-weight: 500;
}
.ModelCheck__root {
position: relative;
width: 430px;
}
@media (max-width: 768px) {
.ModelCheck__root {
width: 90%;
}
}
.ModelCheck__root .ModelCheck__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 65px;
margin-top: 60px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.ModelCheck__root .ModelCheck__form {
margin-top: 20px;
}
}
.ModelCheck__root input {
width: 96%;
height: 99%;
color: #1e2e3f;
border: 0;
font-size: 18px;
line-height: 25px;
font-weight: 400;
outline: 0;
}
.ModelCheck__root input::-webkit-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.ModelCheck__root input:-ms-input-placeholder,
.ModelCheck__root input::-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.ModelCheck__root input::-webkit-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.ModelCheck__root input::-moz-placeholder {
color: #1e2e3f;
opacity: 1;
}
.ModelCheck__root input:-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.ModelCheck__root input::-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.ModelCheck__root input::placeholder {
color: #1e2e3f;
opacity: 1;
}
.ModelCheck__root button {
width: 20px;
height: 17px;
background: 0;
border: 0;
cursor: pointer;
}
.ModelCheck__root button svg {
width: 100%;
height: 100%;
color: #0180c9;
fill: #0180c9;
}
.ModelCheck__root .ModelCheck__modalLink {
width: 100%;
height: 100%;
margin-top: 40px;
font-weight: 500;
}
.ModelCheck__root .ModelCheck__selectContent {
position: absolute;
width: 100%;
margin-top: 65px;
background-color: #fff;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
border-radius: 8px;
overflow: hidden;
z-index: 5;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.form-check-model[data-status='success'] .ModelCheck__searchButton,
.ModelCheck__success {
display: none;
}
.form-check-model[data-status='success'] .ModelCheck__success {
display: block;
}
.ModelCheck__checkmark {
stroke: #3ba936;
}
.CheckModelNumber__root .CheckModelNumber__searchField {
width: 430px;
}
@media (max-width: 768px) {
.CheckModelNumber__root .CheckModelNumber__searchField {
width: 90%;
}
}
.CheckModelNumber__root .CheckModelNumber__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 65px;
margin-top: 60px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.CheckModelNumber__root .CheckModelNumber__form {
margin-top: 20px;
}
}
.CheckModelNumber__root input {
width: 96%;
height: 100%;
color: #1e2e3f;
border: 0;
font-size: 18px;
line-height: 25px;
font-weight: 400;
outline: 0;
}
.CheckModelNumber__root input::-webkit-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.CheckModelNumber__root input:-ms-input-placeholder,
.CheckModelNumber__root input::-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.CheckModelNumber__root input::-webkit-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.CheckModelNumber__root input::-moz-placeholder {
color: #1e2e3f;
opacity: 1;
}
.CheckModelNumber__root input:-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.CheckModelNumber__root input::-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.CheckModelNumber__root input::placeholder {
color: #1e2e3f;
opacity: 1;
}
.CheckModelNumber__root button {
width: 20px;
height: 19px;
background: 0;
border: 0;
cursor: pointer;
}
.CheckModelNumber__root button svg {
width: 100%;
height: 100%;
color: #0180c9;
fill: #0180c9;
}
.CheckModelNumber__root .CheckModelNumber__modalLink {
width: 100%;
height: 100%;
margin-top: 40px;
font-weight: 500;
}
.StepModalCheckModelNumber__root {
display: block;
}
.StepModalCheckModelNumber__root
.StepModalCheckModelNumber__buttonBackToProduct {
display: none;
}
.StepModalCheckModelNumber__root[data-status='success']
.StepModalCheckModelNumber__buttonBackToProduct {
display: block;
}
.StepModalCheckModelNumber__root[data-status='success']
.StepModalCheckModelNumber__buttonCheck {
display: none;
}
.ScrollCarouselVertical__container {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 769px) {
.ScrollCarouselVertical__container {
max-width: 1800px;
}
}
.ScrollCarouselVertical__container-fluid {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
.ScrollCarouselVertical__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1.25%;
margin-left: -1.25%;
}
.ScrollCarouselVertical__no-gutters {
margin-right: 0;
margin-left: 0;
}
.ScrollCarouselVertical__no-gutters > .ScrollCarouselVertical__col,
.ScrollCarouselVertical__no-gutters > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.ScrollCarouselVertical__col,
.ScrollCarouselVertical__col-1,
.ScrollCarouselVertical__col-2,
.ScrollCarouselVertical__col-3,
.ScrollCarouselVertical__col-4,
.ScrollCarouselVertical__col-5,
.ScrollCarouselVertical__col-6,
.ScrollCarouselVertical__col-7,
.ScrollCarouselVertical__col-8,
.ScrollCarouselVertical__col-9,
.ScrollCarouselVertical__col-10,
.ScrollCarouselVertical__col-11,
.ScrollCarouselVertical__col-12,
.ScrollCarouselVertical__col-auto,
.ScrollCarouselVertical__col-lg,
.ScrollCarouselVertical__col-lg-1,
.ScrollCarouselVertical__col-lg-2,
.ScrollCarouselVertical__col-lg-3,
.ScrollCarouselVertical__col-lg-4,
.ScrollCarouselVertical__col-lg-5,
.ScrollCarouselVertical__col-lg-6,
.ScrollCarouselVertical__col-lg-7,
.ScrollCarouselVertical__col-lg-8,
.ScrollCarouselVertical__col-lg-9,
.ScrollCarouselVertical__col-lg-10,
.ScrollCarouselVertical__col-lg-11,
.ScrollCarouselVertical__col-lg-12,
.ScrollCarouselVertical__col-lg-auto,
.ScrollCarouselVertical__col-md,
.ScrollCarouselVertical__col-md-1,
.ScrollCarouselVertical__col-md-2,
.ScrollCarouselVertical__col-md-3,
.ScrollCarouselVertical__col-md-4,
.ScrollCarouselVertical__col-md-5,
.ScrollCarouselVertical__col-md-6,
.ScrollCarouselVertical__col-md-7,
.ScrollCarouselVertical__col-md-8,
.ScrollCarouselVertical__col-md-9,
.ScrollCarouselVertical__col-md-10,
.ScrollCarouselVertical__col-md-11,
.ScrollCarouselVertical__col-md-12,
.ScrollCarouselVertical__col-md-auto,
.ScrollCarouselVertical__col-xl,
.ScrollCarouselVertical__col-xl-1,
.ScrollCarouselVertical__col-xl-2,
.ScrollCarouselVertical__col-xl-3,
.ScrollCarouselVertical__col-xl-4,
.ScrollCarouselVertical__col-xl-5,
.ScrollCarouselVertical__col-xl-6,
.ScrollCarouselVertical__col-xl-7,
.ScrollCarouselVertical__col-xl-8,
.ScrollCarouselVertical__col-xl-9,
.ScrollCarouselVertical__col-xl-10,
.ScrollCarouselVertical__col-xl-11,
.ScrollCarouselVertical__col-xl-12,
.ScrollCarouselVertical__col-xl-auto,
.ScrollCarouselVertical__col-xs,
.ScrollCarouselVertical__col-xs-1,
.ScrollCarouselVertical__col-xs-2,
.ScrollCarouselVertical__col-xs-3,
.ScrollCarouselVertical__col-xs-4,
.ScrollCarouselVertical__col-xs-5,
.ScrollCarouselVertical__col-xs-6,
.ScrollCarouselVertical__col-xs-7,
.ScrollCarouselVertical__col-xs-8,
.ScrollCarouselVertical__col-xs-9,
.ScrollCarouselVertical__col-xs-10,
.ScrollCarouselVertical__col-xs-11,
.ScrollCarouselVertical__col-xs-12,
.ScrollCarouselVertical__col-xs-auto,
.ScrollCarouselVertical__col-xxl,
.ScrollCarouselVertical__col-xxl-1,
.ScrollCarouselVertical__col-xxl-2,
.ScrollCarouselVertical__col-xxl-3,
.ScrollCarouselVertical__col-xxl-4,
.ScrollCarouselVertical__col-xxl-5,
.ScrollCarouselVertical__col-xxl-6,
.ScrollCarouselVertical__col-xxl-7,
.ScrollCarouselVertical__col-xxl-8,
.ScrollCarouselVertical__col-xxl-9,
.ScrollCarouselVertical__col-xxl-10,
.ScrollCarouselVertical__col-xxl-11,
.ScrollCarouselVertical__col-xxl-12,
.ScrollCarouselVertical__col-xxl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 1.25%;
padding-left: 1.25%;
}
.ScrollCarouselVertical__col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ScrollCarouselVertical__col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ScrollCarouselVertical__col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ScrollCarouselVertical__col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ScrollCarouselVertical__col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ScrollCarouselVertical__col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ScrollCarouselVertical__col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ScrollCarouselVertical__col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ScrollCarouselVertical__col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ScrollCarouselVertical__col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ScrollCarouselVertical__col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ScrollCarouselVertical__col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ScrollCarouselVertical__col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ScrollCarouselVertical__col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ScrollCarouselVertical__order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ScrollCarouselVertical__order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ScrollCarouselVertical__order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ScrollCarouselVertical__order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ScrollCarouselVertical__order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ScrollCarouselVertical__order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ScrollCarouselVertical__order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ScrollCarouselVertical__order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ScrollCarouselVertical__order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ScrollCarouselVertical__order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ScrollCarouselVertical__order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ScrollCarouselVertical__order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ScrollCarouselVertical__order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ScrollCarouselVertical__order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ScrollCarouselVertical__order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ScrollCarouselVertical__offset-1 {
margin-left: 8.33333%;
}
.ScrollCarouselVertical__offset-2 {
margin-left: 16.66667%;
}
.ScrollCarouselVertical__offset-3 {
margin-left: 25%;
}
.ScrollCarouselVertical__offset-4 {
margin-left: 33.33333%;
}
.ScrollCarouselVertical__offset-5 {
margin-left: 41.66667%;
}
.ScrollCarouselVertical__offset-6 {
margin-left: 50%;
}
.ScrollCarouselVertical__offset-7 {
margin-left: 58.33333%;
}
.ScrollCarouselVertical__offset-8 {
margin-left: 66.66667%;
}
.ScrollCarouselVertical__offset-9 {
margin-left: 75%;
}
.ScrollCarouselVertical__offset-10 {
margin-left: 83.33333%;
}
.ScrollCarouselVertical__offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 375px) {
.ScrollCarouselVertical__col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ScrollCarouselVertical__col-xs-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ScrollCarouselVertical__col-xs-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ScrollCarouselVertical__col-xs-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ScrollCarouselVertical__col-xs-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ScrollCarouselVertical__col-xs-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ScrollCarouselVertical__col-xs-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ScrollCarouselVertical__col-xs-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ScrollCarouselVertical__col-xs-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ScrollCarouselVertical__col-xs-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ScrollCarouselVertical__col-xs-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ScrollCarouselVertical__col-xs-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ScrollCarouselVertical__col-xs-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ScrollCarouselVertical__col-xs-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ScrollCarouselVertical__order-xs-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ScrollCarouselVertical__order-xs-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ScrollCarouselVertical__order-xs-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ScrollCarouselVertical__order-xs-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ScrollCarouselVertical__order-xs-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ScrollCarouselVertical__order-xs-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ScrollCarouselVertical__order-xs-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ScrollCarouselVertical__order-xs-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ScrollCarouselVertical__order-xs-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ScrollCarouselVertical__order-xs-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ScrollCarouselVertical__order-xs-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ScrollCarouselVertical__order-xs-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ScrollCarouselVertical__order-xs-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ScrollCarouselVertical__order-xs-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ScrollCarouselVertical__order-xs-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ScrollCarouselVertical__offset-xs-0 {
margin-left: 0;
}
.ScrollCarouselVertical__offset-xs-1 {
margin-left: 8.33333%;
}
.ScrollCarouselVertical__offset-xs-2 {
margin-left: 16.66667%;
}
.ScrollCarouselVertical__offset-xs-3 {
margin-left: 25%;
}
.ScrollCarouselVertical__offset-xs-4 {
margin-left: 33.33333%;
}
.ScrollCarouselVertical__offset-xs-5 {
margin-left: 41.66667%;
}
.ScrollCarouselVertical__offset-xs-6 {
margin-left: 50%;
}
.ScrollCarouselVertical__offset-xs-7 {
margin-left: 58.33333%;
}
.ScrollCarouselVertical__offset-xs-8 {
margin-left: 66.66667%;
}
.ScrollCarouselVertical__offset-xs-9 {
margin-left: 75%;
}
.ScrollCarouselVertical__offset-xs-10 {
margin-left: 83.33333%;
}
.ScrollCarouselVertical__offset-xs-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 769px) {
.ScrollCarouselVertical__col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ScrollCarouselVertical__col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ScrollCarouselVertical__col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ScrollCarouselVertical__col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ScrollCarouselVertical__col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ScrollCarouselVertical__col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ScrollCarouselVertical__col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ScrollCarouselVertical__col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ScrollCarouselVertical__col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ScrollCarouselVertical__col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ScrollCarouselVertical__col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ScrollCarouselVertical__col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ScrollCarouselVertical__col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ScrollCarouselVertical__col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ScrollCarouselVertical__order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ScrollCarouselVertical__order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ScrollCarouselVertical__order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ScrollCarouselVertical__order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ScrollCarouselVertical__order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ScrollCarouselVertical__order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ScrollCarouselVertical__order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ScrollCarouselVertical__order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ScrollCarouselVertical__order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ScrollCarouselVertical__order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ScrollCarouselVertical__order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ScrollCarouselVertical__order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ScrollCarouselVertical__order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ScrollCarouselVertical__order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ScrollCarouselVertical__order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ScrollCarouselVertical__offset-md-0 {
margin-left: 0;
}
.ScrollCarouselVertical__offset-md-1 {
margin-left: 8.33333%;
}
.ScrollCarouselVertical__offset-md-2 {
margin-left: 16.66667%;
}
.ScrollCarouselVertical__offset-md-3 {
margin-left: 25%;
}
.ScrollCarouselVertical__offset-md-4 {
margin-left: 33.33333%;
}
.ScrollCarouselVertical__offset-md-5 {
margin-left: 41.66667%;
}
.ScrollCarouselVertical__offset-md-6 {
margin-left: 50%;
}
.ScrollCarouselVertical__offset-md-7 {
margin-left: 58.33333%;
}
.ScrollCarouselVertical__offset-md-8 {
margin-left: 66.66667%;
}
.ScrollCarouselVertical__offset-md-9 {
margin-left: 75%;
}
.ScrollCarouselVertical__offset-md-10 {
margin-left: 83.33333%;
}
.ScrollCarouselVertical__offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1025px) {
.ScrollCarouselVertical__col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ScrollCarouselVertical__col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ScrollCarouselVertical__col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ScrollCarouselVertical__col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ScrollCarouselVertical__col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ScrollCarouselVertical__col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ScrollCarouselVertical__col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ScrollCarouselVertical__col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ScrollCarouselVertical__col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ScrollCarouselVertical__col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ScrollCarouselVertical__col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ScrollCarouselVertical__col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ScrollCarouselVertical__col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ScrollCarouselVertical__col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ScrollCarouselVertical__order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ScrollCarouselVertical__order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ScrollCarouselVertical__order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ScrollCarouselVertical__order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ScrollCarouselVertical__order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ScrollCarouselVertical__order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ScrollCarouselVertical__order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ScrollCarouselVertical__order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ScrollCarouselVertical__order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ScrollCarouselVertical__order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ScrollCarouselVertical__order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ScrollCarouselVertical__order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ScrollCarouselVertical__order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ScrollCarouselVertical__order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ScrollCarouselVertical__order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ScrollCarouselVertical__offset-lg-0 {
margin-left: 0;
}
.ScrollCarouselVertical__offset-lg-1 {
margin-left: 8.33333%;
}
.ScrollCarouselVertical__offset-lg-2 {
margin-left: 16.66667%;
}
.ScrollCarouselVertical__offset-lg-3 {
margin-left: 25%;
}
.ScrollCarouselVertical__offset-lg-4 {
margin-left: 33.33333%;
}
.ScrollCarouselVertical__offset-lg-5 {
margin-left: 41.66667%;
}
.ScrollCarouselVertical__offset-lg-6 {
margin-left: 50%;
}
.ScrollCarouselVertical__offset-lg-7 {
margin-left: 58.33333%;
}
.ScrollCarouselVertical__offset-lg-8 {
margin-left: 66.66667%;
}
.ScrollCarouselVertical__offset-lg-9 {
margin-left: 75%;
}
.ScrollCarouselVertical__offset-lg-10 {
margin-left: 83.33333%;
}
.ScrollCarouselVertical__offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1281px) {
.ScrollCarouselVertical__col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ScrollCarouselVertical__col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ScrollCarouselVertical__col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ScrollCarouselVertical__col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ScrollCarouselVertical__col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ScrollCarouselVertical__col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ScrollCarouselVertical__col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ScrollCarouselVertical__col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ScrollCarouselVertical__col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ScrollCarouselVertical__col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ScrollCarouselVertical__col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ScrollCarouselVertical__col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ScrollCarouselVertical__col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ScrollCarouselVertical__col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ScrollCarouselVertical__order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ScrollCarouselVertical__order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ScrollCarouselVertical__order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ScrollCarouselVertical__order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ScrollCarouselVertical__order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ScrollCarouselVertical__order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ScrollCarouselVertical__order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ScrollCarouselVertical__order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ScrollCarouselVertical__order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ScrollCarouselVertical__order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ScrollCarouselVertical__order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ScrollCarouselVertical__order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ScrollCarouselVertical__order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ScrollCarouselVertical__order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ScrollCarouselVertical__order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ScrollCarouselVertical__offset-xl-0 {
margin-left: 0;
}
.ScrollCarouselVertical__offset-xl-1 {
margin-left: 8.33333%;
}
.ScrollCarouselVertical__offset-xl-2 {
margin-left: 16.66667%;
}
.ScrollCarouselVertical__offset-xl-3 {
margin-left: 25%;
}
.ScrollCarouselVertical__offset-xl-4 {
margin-left: 33.33333%;
}
.ScrollCarouselVertical__offset-xl-5 {
margin-left: 41.66667%;
}
.ScrollCarouselVertical__offset-xl-6 {
margin-left: 50%;
}
.ScrollCarouselVertical__offset-xl-7 {
margin-left: 58.33333%;
}
.ScrollCarouselVertical__offset-xl-8 {
margin-left: 66.66667%;
}
.ScrollCarouselVertical__offset-xl-9 {
margin-left: 75%;
}
.ScrollCarouselVertical__offset-xl-10 {
margin-left: 83.33333%;
}
.ScrollCarouselVertical__offset-xl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1441px) {
.ScrollCarouselVertical__col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ScrollCarouselVertical__col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ScrollCarouselVertical__col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ScrollCarouselVertical__col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ScrollCarouselVertical__col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ScrollCarouselVertical__col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ScrollCarouselVertical__col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ScrollCarouselVertical__col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ScrollCarouselVertical__col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ScrollCarouselVertical__col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ScrollCarouselVertical__col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ScrollCarouselVertical__col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ScrollCarouselVertical__col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ScrollCarouselVertical__col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ScrollCarouselVertical__order-xxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ScrollCarouselVertical__order-xxl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ScrollCarouselVertical__order-xxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ScrollCarouselVertical__order-xxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ScrollCarouselVertical__order-xxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ScrollCarouselVertical__order-xxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ScrollCarouselVertical__order-xxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ScrollCarouselVertical__order-xxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ScrollCarouselVertical__order-xxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ScrollCarouselVertical__order-xxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ScrollCarouselVertical__order-xxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ScrollCarouselVertical__order-xxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ScrollCarouselVertical__order-xxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ScrollCarouselVertical__order-xxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ScrollCarouselVertical__order-xxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ScrollCarouselVertical__offset-xxl-0 {
margin-left: 0;
}
.ScrollCarouselVertical__offset-xxl-1 {
margin-left: 8.33333%;
}
.ScrollCarouselVertical__offset-xxl-2 {
margin-left: 16.66667%;
}
.ScrollCarouselVertical__offset-xxl-3 {
margin-left: 25%;
}
.ScrollCarouselVertical__offset-xxl-4 {
margin-left: 33.33333%;
}
.ScrollCarouselVertical__offset-xxl-5 {
margin-left: 41.66667%;
}
.ScrollCarouselVertical__offset-xxl-6 {
margin-left: 50%;
}
.ScrollCarouselVertical__offset-xxl-7 {
margin-left: 58.33333%;
}
.ScrollCarouselVertical__offset-xxl-8 {
margin-left: 66.66667%;
}
.ScrollCarouselVertical__offset-xxl-9 {
margin-left: 75%;
}
.ScrollCarouselVertical__offset-xxl-10 {
margin-left: 83.33333%;
}
.ScrollCarouselVertical__offset-xxl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1440px) {
.ScrollCarouselVertical__container {
padding: 0 44px;
}
}
@media (max-width: 769px) {
.ScrollCarouselVertical__container {
padding-right: 17px;
padding-left: 17px;
}
.ScrollCarouselVertical__row {
margin-right: -5px;
margin-left: -5px;
}
.ScrollCarouselVertical__row > .ScrollCarouselVertical__col,
.ScrollCarouselVertical__row > [class*='col-'] {
padding-right: 5px;
padding-left: 5px;
}
}
.ScrollCarouselVertical__container-no-max-width {
max-width: none;
}
@media (max-width: 768px) {
.ScrollCarouselVertical__container--md {
max-width: none;
padding: 0;
}
.ScrollCarouselVertical__container--md .ScrollCarouselVertical__row {
margin: 0;
}
.ScrollCarouselVertical__container--md
.ScrollCarouselVertical__row
> .ScrollCarouselVertical__col,
.ScrollCarouselVertical__container--md
.ScrollCarouselVertical__row
> [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1439px) {
.ScrollCarouselVertical__container--xxl {
max-width: none;
padding: 0;
}
.ScrollCarouselVertical__container--xxl .ScrollCarouselVertical__row {
margin: 0;
}
.ScrollCarouselVertical__container--xxl
.ScrollCarouselVertical__row
> .ScrollCarouselVertical__col,
.ScrollCarouselVertical__container--xxl
.ScrollCarouselVertical__row
> [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1025px) {
.ScrollCarouselVertical__container--tablet {
max-width: none;
padding: 0;
}
.ScrollCarouselVertical__container--tablet .ScrollCarouselVertical__row {
margin: 0;
}
.ScrollCarouselVertical__container--tablet
.ScrollCarouselVertical__row
> .ScrollCarouselVertical__col,
.ScrollCarouselVertical__container--tablet
.ScrollCarouselVertical__row
> [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.ScrollCarouselVertical__container--sm {
padding-right: 17px;
padding-left: 17px;
}
}
.ScrollCarouselVertical__container-full-width {
max-width: unset;
}
@media (max-width: 768px) {
.ScrollCarouselVertical__container-left {
padding-left: 17px;
}
}
@media (min-width: 769px) {
.ScrollCarouselVertical__container-left {
padding-left: 1.25%;
}
}
@media (min-width: 1440px) {
.ScrollCarouselVertical__container-left {
padding-left: 44px;
}
}
.ScrollCarouselVertical__scrollWrapper {
overflow: hidden;
height: 100%;
}
.ScrollCarouselVertical__root {
height: 100%;
overflow-x: auto;
margin-right: -50px;
padding-right: 50px;
-webkit-overflow-scrolling: touch;
}
.ScrollCarouselVertical__root .ScrollCarouselVertical__slide {
margin-top: 9px;
color: #bcc7d3;
opacity: 0.4;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 768px) {
.ScrollCarouselVertical__root .ScrollCarouselVertical__slide {
margin-top: 0;
}
}
.ScrollCarouselVertical__root .ScrollCarouselVertical__slide button {
color: inherit;
}
.ScrollCarouselVertical__root
.ScrollCarouselVertical__slide
.ScrollCarouselVertical__dot {
color: #1e2e3f;
display: none;
}
.ScrollCarouselVertical__root .ScrollCarouselVertical__slide[data-pos='center'],
.ScrollCarouselVertical__root
.ScrollCarouselVertical__slide[data-pos='current'] {
opacity: 1;
}
.ScrollCarouselVertical__root
.ScrollCarouselVertical__slide[data-pos='current'] {
color: #0180c9;
}
.ScrollCarouselVertical__root
.ScrollCarouselVertical__slide[data-pos='current']
button.ScrollCarouselVertical__disableCurrentElement {
cursor: default;
}
.ScrollCarouselVertical__root
.ScrollCarouselVertical__slide[data-pos='current']
.ScrollCarouselVertical__dot {
display: inline;
}
@media (max-width: 768px) {
.ScrollCarouselVertical__root
.ScrollCarouselVertical__slide[data-pos='current']
.ScrollCarouselVertical__dot {
display: none;
}
}
.ScrollCarouselVertical__root .ScrollCarouselVertical__slide:first-child {
margin-top: 165px;
}
@media (max-width: 768px) {
.ScrollCarouselVertical__root .ScrollCarouselVertical__slide:first-child {
margin-top: 110px;
}
}
.ScrollCarouselVertical__root:after {
content: '';
display: block;
margin-top: 175px;
}
@media (max-width: 768px) {
.ScrollCarouselVertical__root:after {
margin-top: 130px;
}
}
@media (min-width: 769px) {
.SupportHomeHero__root {
position: relative;
height: 400px;
font-family: Core Sans, sans-serif;
font-size: 44px;
font-weight: 800;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
line-height: 60px;
}
}
@media (min-width: 769px) and (max-width: 1280px) {
.SupportHomeHero__root {
font-size: 36px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.SupportHomeHero__root {
font-size: 28px;
}
}
@media (min-width: 769px) {
.SupportHomeHero__root .SupportHomeHero__secondBlock {
max-width: 0;
-webkit-transition: max-width 0.5s;
transition: max-width 0.5s;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.SupportHomeHero__root .SupportHomeHero__section {
position: relative;
height: 100%;
margin-left: 11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.SupportHomeHero__root .SupportHomeHero__text2 {
margin-left: 11px;
}
.SupportHomeHero__root .SupportHomeHero__button,
.SupportHomeHero__root .SupportHomeHero__text {
margin-bottom: 175px;
}
.SupportHomeHero__root .SupportHomeHero__button {
color: #0180c9;
}
.SupportHomeHero__root .SupportHomeHero__question {
font-family: Core Sans, sans-serif;
font-size: 18px;
font-weight: 400;
color: #9aa8b6;
margin-bottom: 13px;
line-height: 24px;
}
.SupportHomeHero__root .SupportHomeHero__verticalCarousel {
position: absolute;
top: 0;
left: 0;
}
.SupportHomeHero__root .SupportHomeHero__section2Wrapper {
height: 100%;
}
.SupportHomeHero__root .SupportHomeHero__submit {
position: absolute;
bottom: 40px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.SupportHomeHero__root .SupportHomeHero__dot {
color: #1e2e3f;
}
.SupportHomeHero__root .SupportHomeHero__issueSelect {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.SupportHomeHero__root .SupportHomeHero__issueSelected,
.SupportHomeHero__root .SupportHomeHero__section2Wrapper,
.SupportHomeHero__root .SupportHomeHero__submit,
.SupportHomeHero__root .SupportHomeHero__text2 {
display: none;
}
.SupportHomeHero__root .SupportHomeHero__issueCarousel,
.SupportHomeHero__root .SupportHomeHero__productCarousel,
.SupportHomeHero__root .SupportHomeHero__productSelect {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.SupportHomeHero__root[data-step='1'] .SupportHomeHero__issueSelect {
opacity: 0;
visibility: hidden;
}
.SupportHomeHero__root[data-step='1'] .SupportHomeHero__issueCarousel {
opacity: 1;
visibility: visible;
}
.SupportHomeHero__root[data-step='2'] .SupportHomeHero__secondBlock,
.SupportHomeHero__root[data-step='3'] .SupportHomeHero__secondBlock {
max-width: 600px;
}
.SupportHomeHero__root[data-step='2'] .SupportHomeHero__issueSelect,
.SupportHomeHero__root[data-step='3'] .SupportHomeHero__issueSelect {
display: none;
}
.SupportHomeHero__root[data-step='2'] .SupportHomeHero__issueSelected,
.SupportHomeHero__root[data-step='2'] .SupportHomeHero__section2Wrapper,
.SupportHomeHero__root[data-step='2'] .SupportHomeHero__text2,
.SupportHomeHero__root[data-step='3'] .SupportHomeHero__issueSelected,
.SupportHomeHero__root[data-step='3'] .SupportHomeHero__section2Wrapper,
.SupportHomeHero__root[data-step='3'] .SupportHomeHero__text2 {
display: block;
}
.SupportHomeHero__root[data-step='2'] .SupportHomeHero__productSelect {
visibility: visible;
opacity: 1;
}
.SupportHomeHero__root[data-step='3'] .SupportHomeHero__productSelect {
visibility: hidden;
opacity: 0;
}
.SupportHomeHero__root[data-step='3'] .SupportHomeHero__submit {
display: block;
}
.SupportHomeHero__root[data-step='3'] .SupportHomeHero__productCarousel {
opacity: 1;
visibility: visible;
}
}
@media (max-width: 768px) {
.SupportHomeHero__root {
position: relative;
}
.SupportHomeHero__root .SupportHomeHero__verticalCarousel {
margin-top: 14px;
height: 320px;
font-family: Core Sans, sans-serif;
font-size: 36px;
line-height: 54px;
font-weight: 800;
text-align: center;
}
.SupportHomeHero__root .SupportHomeHero__mobileTop {
font-size: 18px;
color: #9aa8b6;
text-align: center;
min-height: 60px;
line-height: 30px;
}
.SupportHomeHero__root .SupportHomeHero__issueSelect,
.SupportHomeHero__root .SupportHomeHero__issueSelected,
.SupportHomeHero__root .SupportHomeHero__productSelect,
.SupportHomeHero__root .SupportHomeHero__text {
display: none;
}
.SupportHomeHero__root .SupportHomeHero__submit {
position: absolute;
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.SupportHomeHero__root .SupportHomeHero__issueSelectedMobile,
.SupportHomeHero__root .SupportHomeHero__textSelectIssue,
.SupportHomeHero__root .SupportHomeHero__textSelectProduct {
color: #0180c9;
}
.SupportHomeHero__root .SupportHomeHero__issueCarousel {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.SupportHomeHero__root .SupportHomeHero__issueCarousel,
.SupportHomeHero__root .SupportHomeHero__productCarousel {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.SupportHomeHero__root[data-step='0'] .SupportHomeHero__issueSelectedMobile,
.SupportHomeHero__root[data-step='0'] .SupportHomeHero__step2,
.SupportHomeHero__root[data-step='0'] .SupportHomeHero__submit,
.SupportHomeHero__root[data-step='1'] .SupportHomeHero__issueSelectedMobile,
.SupportHomeHero__root[data-step='1'] .SupportHomeHero__step2,
.SupportHomeHero__root[data-step='1'] .SupportHomeHero__submit {
display: none;
}
.SupportHomeHero__root[data-step='0'] .SupportHomeHero__productCarousel,
.SupportHomeHero__root[data-step='1'] .SupportHomeHero__productCarousel {
visibility: hidden;
opacity: 0;
}
.SupportHomeHero__root[data-step='2'] .SupportHomeHero__textSelectIssue,
.SupportHomeHero__root[data-step='3'] .SupportHomeHero__textSelectIssue {
display: none;
}
.SupportHomeHero__root[data-step='2'] .SupportHomeHero__issueCarousel,
.SupportHomeHero__root[data-step='3'] .SupportHomeHero__issueCarousel {
visibility: hidden;
opacity: 0;
}
}
.JourneyTop__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 350px;
position: relative;
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.JourneyTop__root {
height: 465px;
}
}
.JourneyTop__root .JourneyTop__logo {
display: none;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 30px;
width: 66px;
height: 38px;
color: #0081c9;
fill: #0081c9;
}
@media (max-width: 768px) {
.JourneyTop__root .JourneyTop__logo {
display: block;
}
}
.JourneyTop__root .JourneyTop__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 70px;
font-family: Core Sans, sans-serif;
font-style: normal;
font-weight: 800;
line-height: 60px;
font-size: 44px;
}
@media (max-width: 1280px) {
.JourneyTop__root .JourneyTop__title {
font-size: 36px;
}
}
@media (max-width: 1024px) {
.JourneyTop__root .JourneyTop__title {
width: 95%;
font-size: 28px;
}
}
@media (max-width: 768px) {
.JourneyTop__root .JourneyTop__title {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 25px;
line-height: 42px;
font-size: 36px;
}
}
.JourneyTop__root .JourneyTop__text {
margin-bottom: 35px;
}
@media (max-width: 768px) {
.JourneyTop__root .JourneyTop__text {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 15px;
}
}
.JourneyTop__root .JourneyTop__question {
font-family: Core Sans, sans-serif;
font-size: 18px;
font-weight: 400;
color: #9aa8b6;
margin-bottom: 13px;
line-height: 24px;
}
.JourneyTop__root .JourneyTop__reference {
font-style: normal;
font-weight: 500;
line-height: 20px;
font-size: 14px;
letter-spacing: 0.3px;
text-decoration: none;
color: #0180c9;
}
@media (max-width: 768px) {
.JourneyTop__root .JourneyTop__reference {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.ManualsProductGrid__root {
border: 0;
}
.SearchByProductCategory__root .SearchByProductCategory__searchField {
width: 430px;
}
.SearchByProductCategory__root .SearchByProductCategory__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 65px;
margin-top: 60px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.SearchByProductCategory__root input {
width: 95%;
height: 100%;
color: #1e2e3f;
border: 0;
font-size: 18px;
line-height: 25px;
font-weight: 400;
outline: 0;
}
.SearchByProductCategory__root input::-webkit-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.SearchByProductCategory__root input:-ms-input-placeholder,
.SearchByProductCategory__root input::-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.SearchByProductCategory__root input::-webkit-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.SearchByProductCategory__root input::-moz-placeholder {
color: #1e2e3f;
opacity: 1;
}
.SearchByProductCategory__root input:-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.SearchByProductCategory__root input::-ms-input-placeholder {
color: #1e2e3f;
opacity: 1;
}
.SearchByProductCategory__root input::placeholder {
color: #1e2e3f;
opacity: 1;
}
.SearchByProductCategory__root button {
width: 20px;
height: 17px;
background: 0;
border: 0;
cursor: pointer;
}
.SearchByProductCategory__root button svg {
width: 100%;
height: 100%;
color: #0180c9;
fill: #0180c9;
}
.SearchByProductCategory__root .SearchByProductCategory__modalLink {
width: 100%;
height: 100%;
margin-top: 40px;
font-weight: 500;
}
.OverviewCard__root {
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 8px;
padding: 45px 50px 60px;
text-align: center;
}
@media (max-width: 768px) {
.OverviewCard__root {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-left: auto;
margin-right: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 45px 50px;
text-align: start;
min-height: 140px;
padding: 35px 30px;
}
}
@media (max-width: 374px) {
.OverviewCard__root {
padding-left: 20px;
padding-right: 20px;
}
}
.OverviewCard__root .OverviewCard__number {
width: 50px;
height: 50px;
margin: 0 auto 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
font-family: Core Sans, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 26px;
color: #0180c9;
}
@media (max-width: 768px) {
.OverviewCard__root .OverviewCard__number {
margin: 0 30px 0 0;
}
}
.OverviewCard__root .OverviewCard__text {
font-size: 22px;
line-height: 32px;
font-weight: 400;
color: #1e2e3f;
}
@media (max-width: 768px) {
.OverviewCard__root .OverviewCard__text {
width: 65%;
margin-top: 0;
font-size: 18px;
line-height: 24px;
}
}
.OverviewCard__root.OverviewCard__gray {
background-color: #e9ecef;
}
.OverviewCard__root.OverviewCard__gray .OverviewCard__number,
.OverviewCard__root.OverviewCard__white {
background-color: #fff;
}
.OverviewCard__root.OverviewCard__white .OverviewCard__number {
background-color: #e9ecef;
}
@media (max-width: 1024px) {
.OverviewCard__root.OverviewCard__noGrid {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-left: auto;
margin-right: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 45px 50px;
text-align: start;
}
}
@media (max-width: 768px) {
.OverviewCard__root.OverviewCard__noGrid {
min-height: 165px;
padding: 35px 30px;
}
}
@media (max-width: 374px) {
.OverviewCard__root.OverviewCard__noGrid {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 1024px) {
.OverviewCard__root.OverviewCard__noGrid .OverviewCard__number {
margin: 0 30px 0 0;
}
}
@media (max-width: 1024px) {
.OverviewCard__root.OverviewCard__noGrid .OverviewCard__text {
width: 80%;
margin-top: 0;
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 768px) {
.OverviewCard__root.OverviewCard__noGrid .OverviewCard__text {
width: 65%;
}
}
.ProductPartOverview__root .ProductPartOverview__text {
width: 890px;
margin: 0 auto;
text-align: center;
font-size: 28px;
line-height: 72px;
font-weight: 300;
}
@media (max-width: 1280px) {
.ProductPartOverview__root .ProductPartOverview__text {
width: 680px;
font-size: 24px;
line-height: 67px;
}
}
@media (max-width: 768px) {
.ProductPartOverview__root .ProductPartOverview__text {
font-size: 20px;
width: 87%;
line-height: 53px;
}
}
.ProductPartOverview__root .ProductPartOverview__cards {
width: 72%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 40px auto 0;
}
@media (max-width: 1024px) {
.ProductPartOverview__root .ProductPartOverview__cards {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.ProductPartOverview__root .ProductPartOverview__cards {
width: 100%;
}
}
.BulletedList__root {
position: relative;
}
.BulletedList__root .BulletedList__title {
font-weight: 400;
line-height: 32px;
font-size: 24px;
letter-spacing: 0.2px;
color: #1e2e3f;
}
.BulletedList__root ul {
list-style: none;
height: 210px;
padding-left: 10px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 8%;
-moz-column-gap: 8%;
column-gap: 8%;
}
@media (max-width: 768px) {
.BulletedList__root ul {
height: auto;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
.BulletedList__root li {
position: relative;
padding-left: 18px;
}
.BulletedList__root li:before {
display: block;
content: '';
width: 5px;
height: 5px;
position: absolute;
top: 20px;
left: 0;
background-color: #bcc7d3;
border-radius: 50%;
}
.BulletedList__root .BulletedList__listName {
padding-bottom: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.BulletedList__root .BulletedList__listItem {
line-height: 42px;
color: #5b6d81;
}
.SafetyAlertBlock__root .SafetyAlertBlock__text {
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: #5b6d81;
text-align: center;
width: 96%;
margin: 20px auto 0;
}
.CompareCardsSlide__container {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 769px) {
.CompareCardsSlide__container {
max-width: 1800px;
}
}
.CompareCardsSlide__container-fluid {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
.CompareCardsSlide__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1.25%;
margin-left: -1.25%;
}
.CompareCardsSlide__no-gutters {
margin-right: 0;
margin-left: 0;
}
.CompareCardsSlide__no-gutters > .CompareCardsSlide__col,
.CompareCardsSlide__no-gutters > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.CompareCardsSlide__col,
.CompareCardsSlide__col-1,
.CompareCardsSlide__col-2,
.CompareCardsSlide__col-3,
.CompareCardsSlide__col-4,
.CompareCardsSlide__col-5,
.CompareCardsSlide__col-6,
.CompareCardsSlide__col-7,
.CompareCardsSlide__col-8,
.CompareCardsSlide__col-9,
.CompareCardsSlide__col-10,
.CompareCardsSlide__col-11,
.CompareCardsSlide__col-12,
.CompareCardsSlide__col-auto,
.CompareCardsSlide__col-lg,
.CompareCardsSlide__col-lg-1,
.CompareCardsSlide__col-lg-2,
.CompareCardsSlide__col-lg-3,
.CompareCardsSlide__col-lg-4,
.CompareCardsSlide__col-lg-5,
.CompareCardsSlide__col-lg-6,
.CompareCardsSlide__col-lg-7,
.CompareCardsSlide__col-lg-8,
.CompareCardsSlide__col-lg-9,
.CompareCardsSlide__col-lg-10,
.CompareCardsSlide__col-lg-11,
.CompareCardsSlide__col-lg-12,
.CompareCardsSlide__col-lg-auto,
.CompareCardsSlide__col-md,
.CompareCardsSlide__col-md-1,
.CompareCardsSlide__col-md-2,
.CompareCardsSlide__col-md-3,
.CompareCardsSlide__col-md-4,
.CompareCardsSlide__col-md-5,
.CompareCardsSlide__col-md-6,
.CompareCardsSlide__col-md-7,
.CompareCardsSlide__col-md-8,
.CompareCardsSlide__col-md-9,
.CompareCardsSlide__col-md-10,
.CompareCardsSlide__col-md-11,
.CompareCardsSlide__col-md-12,
.CompareCardsSlide__col-md-auto,
.CompareCardsSlide__col-xl,
.CompareCardsSlide__col-xl-1,
.CompareCardsSlide__col-xl-2,
.CompareCardsSlide__col-xl-3,
.CompareCardsSlide__col-xl-4,
.CompareCardsSlide__col-xl-5,
.CompareCardsSlide__col-xl-6,
.CompareCardsSlide__col-xl-7,
.CompareCardsSlide__col-xl-8,
.CompareCardsSlide__col-xl-9,
.CompareCardsSlide__col-xl-10,
.CompareCardsSlide__col-xl-11,
.CompareCardsSlide__col-xl-12,
.CompareCardsSlide__col-xl-auto,
.CompareCardsSlide__col-xs,
.CompareCardsSlide__col-xs-1,
.CompareCardsSlide__col-xs-2,
.CompareCardsSlide__col-xs-3,
.CompareCardsSlide__col-xs-4,
.CompareCardsSlide__col-xs-5,
.CompareCardsSlide__col-xs-6,
.CompareCardsSlide__col-xs-7,
.CompareCardsSlide__col-xs-8,
.CompareCardsSlide__col-xs-9,
.CompareCardsSlide__col-xs-10,
.CompareCardsSlide__col-xs-11,
.CompareCardsSlide__col-xs-12,
.CompareCardsSlide__col-xs-auto,
.CompareCardsSlide__col-xxl,
.CompareCardsSlide__col-xxl-1,
.CompareCardsSlide__col-xxl-2,
.CompareCardsSlide__col-xxl-3,
.CompareCardsSlide__col-xxl-4,
.CompareCardsSlide__col-xxl-5,
.CompareCardsSlide__col-xxl-6,
.CompareCardsSlide__col-xxl-7,
.CompareCardsSlide__col-xxl-8,
.CompareCardsSlide__col-xxl-9,
.CompareCardsSlide__col-xxl-10,
.CompareCardsSlide__col-xxl-11,
.CompareCardsSlide__col-xxl-12,
.CompareCardsSlide__col-xxl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 1.25%;
padding-left: 1.25%;
}
.CompareCardsSlide__col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.CompareCardsSlide__col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.CompareCardsSlide__col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.CompareCardsSlide__col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.CompareCardsSlide__col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.CompareCardsSlide__col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.CompareCardsSlide__col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.CompareCardsSlide__col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.CompareCardsSlide__col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.CompareCardsSlide__col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.CompareCardsSlide__col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.CompareCardsSlide__col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.CompareCardsSlide__col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.CompareCardsSlide__col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.CompareCardsSlide__order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.CompareCardsSlide__order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.CompareCardsSlide__order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.CompareCardsSlide__order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.CompareCardsSlide__order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.CompareCardsSlide__order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.CompareCardsSlide__order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.CompareCardsSlide__order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.CompareCardsSlide__order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.CompareCardsSlide__order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.CompareCardsSlide__order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.CompareCardsSlide__order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.CompareCardsSlide__order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.CompareCardsSlide__order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.CompareCardsSlide__order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.CompareCardsSlide__offset-1 {
margin-left: 8.33333%;
}
.CompareCardsSlide__offset-2 {
margin-left: 16.66667%;
}
.CompareCardsSlide__offset-3 {
margin-left: 25%;
}
.CompareCardsSlide__offset-4 {
margin-left: 33.33333%;
}
.CompareCardsSlide__offset-5 {
margin-left: 41.66667%;
}
.CompareCardsSlide__offset-6 {
margin-left: 50%;
}
.CompareCardsSlide__offset-7 {
margin-left: 58.33333%;
}
.CompareCardsSlide__offset-8 {
margin-left: 66.66667%;
}
.CompareCardsSlide__offset-9 {
margin-left: 75%;
}
.CompareCardsSlide__offset-10 {
margin-left: 83.33333%;
}
.CompareCardsSlide__offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 375px) {
.CompareCardsSlide__col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.CompareCardsSlide__col-xs-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.CompareCardsSlide__col-xs-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.CompareCardsSlide__col-xs-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.CompareCardsSlide__col-xs-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.CompareCardsSlide__col-xs-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.CompareCardsSlide__col-xs-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.CompareCardsSlide__col-xs-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.CompareCardsSlide__col-xs-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.CompareCardsSlide__col-xs-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.CompareCardsSlide__col-xs-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.CompareCardsSlide__col-xs-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.CompareCardsSlide__col-xs-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.CompareCardsSlide__col-xs-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.CompareCardsSlide__order-xs-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.CompareCardsSlide__order-xs-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.CompareCardsSlide__order-xs-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.CompareCardsSlide__order-xs-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.CompareCardsSlide__order-xs-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.CompareCardsSlide__order-xs-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.CompareCardsSlide__order-xs-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.CompareCardsSlide__order-xs-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.CompareCardsSlide__order-xs-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.CompareCardsSlide__order-xs-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.CompareCardsSlide__order-xs-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.CompareCardsSlide__order-xs-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.CompareCardsSlide__order-xs-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.CompareCardsSlide__order-xs-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.CompareCardsSlide__order-xs-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.CompareCardsSlide__offset-xs-0 {
margin-left: 0;
}
.CompareCardsSlide__offset-xs-1 {
margin-left: 8.33333%;
}
.CompareCardsSlide__offset-xs-2 {
margin-left: 16.66667%;
}
.CompareCardsSlide__offset-xs-3 {
margin-left: 25%;
}
.CompareCardsSlide__offset-xs-4 {
margin-left: 33.33333%;
}
.CompareCardsSlide__offset-xs-5 {
margin-left: 41.66667%;
}
.CompareCardsSlide__offset-xs-6 {
margin-left: 50%;
}
.CompareCardsSlide__offset-xs-7 {
margin-left: 58.33333%;
}
.CompareCardsSlide__offset-xs-8 {
margin-left: 66.66667%;
}
.CompareCardsSlide__offset-xs-9 {
margin-left: 75%;
}
.CompareCardsSlide__offset-xs-10 {
margin-left: 83.33333%;
}
.CompareCardsSlide__offset-xs-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 769px) {
.CompareCardsSlide__col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.CompareCardsSlide__col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.CompareCardsSlide__col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.CompareCardsSlide__col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.CompareCardsSlide__col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.CompareCardsSlide__col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.CompareCardsSlide__col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.CompareCardsSlide__col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.CompareCardsSlide__col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.CompareCardsSlide__col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.CompareCardsSlide__col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.CompareCardsSlide__col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.CompareCardsSlide__col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.CompareCardsSlide__col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.CompareCardsSlide__order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.CompareCardsSlide__order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.CompareCardsSlide__order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.CompareCardsSlide__order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.CompareCardsSlide__order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.CompareCardsSlide__order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.CompareCardsSlide__order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.CompareCardsSlide__order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.CompareCardsSlide__order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.CompareCardsSlide__order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.CompareCardsSlide__order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.CompareCardsSlide__order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.CompareCardsSlide__order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.CompareCardsSlide__order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.CompareCardsSlide__order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.CompareCardsSlide__offset-md-0 {
margin-left: 0;
}
.CompareCardsSlide__offset-md-1 {
margin-left: 8.33333%;
}
.CompareCardsSlide__offset-md-2 {
margin-left: 16.66667%;
}
.CompareCardsSlide__offset-md-3 {
margin-left: 25%;
}
.CompareCardsSlide__offset-md-4 {
margin-left: 33.33333%;
}
.CompareCardsSlide__offset-md-5 {
margin-left: 41.66667%;
}
.CompareCardsSlide__offset-md-6 {
margin-left: 50%;
}
.CompareCardsSlide__offset-md-7 {
margin-left: 58.33333%;
}
.CompareCardsSlide__offset-md-8 {
margin-left: 66.66667%;
}
.CompareCardsSlide__offset-md-9 {
margin-left: 75%;
}
.CompareCardsSlide__offset-md-10 {
margin-left: 83.33333%;
}
.CompareCardsSlide__offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1025px) {
.CompareCardsSlide__col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.CompareCardsSlide__col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.CompareCardsSlide__col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.CompareCardsSlide__col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.CompareCardsSlide__col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.CompareCardsSlide__col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.CompareCardsSlide__col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.CompareCardsSlide__col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.CompareCardsSlide__col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.CompareCardsSlide__col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.CompareCardsSlide__col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.CompareCardsSlide__col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.CompareCardsSlide__col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.CompareCardsSlide__col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.CompareCardsSlide__order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.CompareCardsSlide__order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.CompareCardsSlide__order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.CompareCardsSlide__order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.CompareCardsSlide__order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.CompareCardsSlide__order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.CompareCardsSlide__order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.CompareCardsSlide__order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.CompareCardsSlide__order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.CompareCardsSlide__order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.CompareCardsSlide__order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.CompareCardsSlide__order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.CompareCardsSlide__order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.CompareCardsSlide__order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.CompareCardsSlide__order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.CompareCardsSlide__offset-lg-0 {
margin-left: 0;
}
.CompareCardsSlide__offset-lg-1 {
margin-left: 8.33333%;
}
.CompareCardsSlide__offset-lg-2 {
margin-left: 16.66667%;
}
.CompareCardsSlide__offset-lg-3 {
margin-left: 25%;
}
.CompareCardsSlide__offset-lg-4 {
margin-left: 33.33333%;
}
.CompareCardsSlide__offset-lg-5 {
margin-left: 41.66667%;
}
.CompareCardsSlide__offset-lg-6 {
margin-left: 50%;
}
.CompareCardsSlide__offset-lg-7 {
margin-left: 58.33333%;
}
.CompareCardsSlide__offset-lg-8 {
margin-left: 66.66667%;
}
.CompareCardsSlide__offset-lg-9 {
margin-left: 75%;
}
.CompareCardsSlide__offset-lg-10 {
margin-left: 83.33333%;
}
.CompareCardsSlide__offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1281px) {
.CompareCardsSlide__col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.CompareCardsSlide__col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.CompareCardsSlide__col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.CompareCardsSlide__col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.CompareCardsSlide__col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.CompareCardsSlide__col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.CompareCardsSlide__col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.CompareCardsSlide__col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.CompareCardsSlide__col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.CompareCardsSlide__col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.CompareCardsSlide__col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.CompareCardsSlide__col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.CompareCardsSlide__col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.CompareCardsSlide__col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.CompareCardsSlide__order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.CompareCardsSlide__order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.CompareCardsSlide__order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.CompareCardsSlide__order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.CompareCardsSlide__order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.CompareCardsSlide__order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.CompareCardsSlide__order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.CompareCardsSlide__order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.CompareCardsSlide__order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.CompareCardsSlide__order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.CompareCardsSlide__order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.CompareCardsSlide__order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.CompareCardsSlide__order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.CompareCardsSlide__order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.CompareCardsSlide__order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.CompareCardsSlide__offset-xl-0 {
margin-left: 0;
}
.CompareCardsSlide__offset-xl-1 {
margin-left: 8.33333%;
}
.CompareCardsSlide__offset-xl-2 {
margin-left: 16.66667%;
}
.CompareCardsSlide__offset-xl-3 {
margin-left: 25%;
}
.CompareCardsSlide__offset-xl-4 {
margin-left: 33.33333%;
}
.CompareCardsSlide__offset-xl-5 {
margin-left: 41.66667%;
}
.CompareCardsSlide__offset-xl-6 {
margin-left: 50%;
}
.CompareCardsSlide__offset-xl-7 {
margin-left: 58.33333%;
}
.CompareCardsSlide__offset-xl-8 {
margin-left: 66.66667%;
}
.CompareCardsSlide__offset-xl-9 {
margin-left: 75%;
}
.CompareCardsSlide__offset-xl-10 {
margin-left: 83.33333%;
}
.CompareCardsSlide__offset-xl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1441px) {
.CompareCardsSlide__col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.CompareCardsSlide__col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.CompareCardsSlide__col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.CompareCardsSlide__col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.CompareCardsSlide__col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.CompareCardsSlide__col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.CompareCardsSlide__col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.CompareCardsSlide__col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.CompareCardsSlide__col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.CompareCardsSlide__col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.CompareCardsSlide__col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.CompareCardsSlide__col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.CompareCardsSlide__col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.CompareCardsSlide__col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.CompareCardsSlide__order-xxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.CompareCardsSlide__order-xxl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.CompareCardsSlide__order-xxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.CompareCardsSlide__order-xxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.CompareCardsSlide__order-xxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.CompareCardsSlide__order-xxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.CompareCardsSlide__order-xxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.CompareCardsSlide__order-xxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.CompareCardsSlide__order-xxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.CompareCardsSlide__order-xxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.CompareCardsSlide__order-xxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.CompareCardsSlide__order-xxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.CompareCardsSlide__order-xxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.CompareCardsSlide__order-xxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.CompareCardsSlide__order-xxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.CompareCardsSlide__offset-xxl-0 {
margin-left: 0;
}
.CompareCardsSlide__offset-xxl-1 {
margin-left: 8.33333%;
}
.CompareCardsSlide__offset-xxl-2 {
margin-left: 16.66667%;
}
.CompareCardsSlide__offset-xxl-3 {
margin-left: 25%;
}
.CompareCardsSlide__offset-xxl-4 {
margin-left: 33.33333%;
}
.CompareCardsSlide__offset-xxl-5 {
margin-left: 41.66667%;
}
.CompareCardsSlide__offset-xxl-6 {
margin-left: 50%;
}
.CompareCardsSlide__offset-xxl-7 {
margin-left: 58.33333%;
}
.CompareCardsSlide__offset-xxl-8 {
margin-left: 66.66667%;
}
.CompareCardsSlide__offset-xxl-9 {
margin-left: 75%;
}
.CompareCardsSlide__offset-xxl-10 {
margin-left: 83.33333%;
}
.CompareCardsSlide__offset-xxl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1440px) {
.CompareCardsSlide__container {
padding: 0 44px;
}
}
@media (max-width: 769px) {
.CompareCardsSlide__container {
padding-right: 17px;
padding-left: 17px;
}
.CompareCardsSlide__row {
margin-right: -5px;
margin-left: -5px;
}
.CompareCardsSlide__row > .CompareCardsSlide__col,
.CompareCardsSlide__row > [class*='col-'] {
padding-right: 5px;
padding-left: 5px;
}
}
.CompareCardsSlide__container-no-max-width {
max-width: none;
}
@media (max-width: 768px) {
.CompareCardsSlide__container--md {
max-width: none;
padding: 0;
}
.CompareCardsSlide__container--md .CompareCardsSlide__row {
margin: 0;
}
.CompareCardsSlide__container--md
.CompareCardsSlide__row
> .CompareCardsSlide__col,
.CompareCardsSlide__container--md .CompareCardsSlide__row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1439px) {
.CompareCardsSlide__container--xxl {
max-width: none;
padding: 0;
}
.CompareCardsSlide__container--xxl .CompareCardsSlide__row {
margin: 0;
}
.CompareCardsSlide__container--xxl
.CompareCardsSlide__row
> .CompareCardsSlide__col,
.CompareCardsSlide__container--xxl .CompareCardsSlide__row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1025px) {
.CompareCardsSlide__container--tablet {
max-width: none;
padding: 0;
}
.CompareCardsSlide__container--tablet .CompareCardsSlide__row {
margin: 0;
}
.CompareCardsSlide__container--tablet
.CompareCardsSlide__row
> .CompareCardsSlide__col,
.CompareCardsSlide__container--tablet
.CompareCardsSlide__row
> [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.CompareCardsSlide__container--sm {
padding-right: 17px;
padding-left: 17px;
}
}
.CompareCardsSlide__container-full-width {
max-width: unset;
}
@media (max-width: 768px) {
.CompareCardsSlide__container-left {
padding-left: 17px;
}
}
@media (min-width: 769px) {
.CompareCardsSlide__container-left {
padding-left: 1.25%;
}
}
@media (min-width: 1440px) {
.CompareCardsSlide__container-left {
padding-left: 44px;
}
}
.CompareCardsSlide__root {
position: relative;
width: 310px;
color: #fff;
text-align: center;
overflow: hidden;
}
@media (max-width: 768px) {
.CompareCardsSlide__root {
width: 162px;
}
}
.CompareCardsSlide__removeBtn {
line-height: 21px;
}
.CompareCardsSlide__contentWrapper {
padding-top: 1px;
border-radius: 8px;
height: 450px;
}
@media (max-width: 768px) {
.CompareCardsSlide__contentWrapper {
height: 280px;
}
}
.CompareCardsSlide__link {
display: block;
text-decoration: none;
color: inherit;
}
.CompareCardsSlide__model {
text-transform: uppercase;
font-size: 12px;
line-height: 18px;
font-weight: 400;
letter-spacing: 0.37px;
}
.CompareCardsSlide__title {
height: 60px;
font-size: 22px;
line-height: 30px;
}
@media (max-width: 768px) {
.CompareCardsSlide__title {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.43px;
}
}
.CompareCardsSlide__imageWrapper {
position: absolute;
bottom: 0;
height: 306px;
width: calc(100% - 70px);
}
@media (max-width: 768px) {
.CompareCardsSlide__imageWrapper {
width: calc(100% - 50px);
height: 160px;
}
}
.CompareCardsSlide__image {
position: absolute;
bottom: 0;
max-height: 100%;
max-width: 100%;
}
.EmtyProductSlide__container {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 769px) {
.EmtyProductSlide__container {
max-width: 1800px;
}
}
.EmtyProductSlide__container-fluid {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
.EmtyProductSlide__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1.25%;
margin-left: -1.25%;
}
.EmtyProductSlide__no-gutters {
margin-right: 0;
margin-left: 0;
}
.EmtyProductSlide__no-gutters > .EmtyProductSlide__col,
.EmtyProductSlide__no-gutters > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.EmtyProductSlide__col,
.EmtyProductSlide__col-1,
.EmtyProductSlide__col-2,
.EmtyProductSlide__col-3,
.EmtyProductSlide__col-4,
.EmtyProductSlide__col-5,
.EmtyProductSlide__col-6,
.EmtyProductSlide__col-7,
.EmtyProductSlide__col-8,
.EmtyProductSlide__col-9,
.EmtyProductSlide__col-10,
.EmtyProductSlide__col-11,
.EmtyProductSlide__col-12,
.EmtyProductSlide__col-auto,
.EmtyProductSlide__col-lg,
.EmtyProductSlide__col-lg-1,
.EmtyProductSlide__col-lg-2,
.EmtyProductSlide__col-lg-3,
.EmtyProductSlide__col-lg-4,
.EmtyProductSlide__col-lg-5,
.EmtyProductSlide__col-lg-6,
.EmtyProductSlide__col-lg-7,
.EmtyProductSlide__col-lg-8,
.EmtyProductSlide__col-lg-9,
.EmtyProductSlide__col-lg-10,
.EmtyProductSlide__col-lg-11,
.EmtyProductSlide__col-lg-12,
.EmtyProductSlide__col-lg-auto,
.EmtyProductSlide__col-md,
.EmtyProductSlide__col-md-1,
.EmtyProductSlide__col-md-2,
.EmtyProductSlide__col-md-3,
.EmtyProductSlide__col-md-4,
.EmtyProductSlide__col-md-5,
.EmtyProductSlide__col-md-6,
.EmtyProductSlide__col-md-7,
.EmtyProductSlide__col-md-8,
.EmtyProductSlide__col-md-9,
.EmtyProductSlide__col-md-10,
.EmtyProductSlide__col-md-11,
.EmtyProductSlide__col-md-12,
.EmtyProductSlide__col-md-auto,
.EmtyProductSlide__col-xl,
.EmtyProductSlide__col-xl-1,
.EmtyProductSlide__col-xl-2,
.EmtyProductSlide__col-xl-3,
.EmtyProductSlide__col-xl-4,
.EmtyProductSlide__col-xl-5,
.EmtyProductSlide__col-xl-6,
.EmtyProductSlide__col-xl-7,
.EmtyProductSlide__col-xl-8,
.EmtyProductSlide__col-xl-9,
.EmtyProductSlide__col-xl-10,
.EmtyProductSlide__col-xl-11,
.EmtyProductSlide__col-xl-12,
.EmtyProductSlide__col-xl-auto,
.EmtyProductSlide__col-xs,
.EmtyProductSlide__col-xs-1,
.EmtyProductSlide__col-xs-2,
.EmtyProductSlide__col-xs-3,
.EmtyProductSlide__col-xs-4,
.EmtyProductSlide__col-xs-5,
.EmtyProductSlide__col-xs-6,
.EmtyProductSlide__col-xs-7,
.EmtyProductSlide__col-xs-8,
.EmtyProductSlide__col-xs-9,
.EmtyProductSlide__col-xs-10,
.EmtyProductSlide__col-xs-11,
.EmtyProductSlide__col-xs-12,
.EmtyProductSlide__col-xs-auto,
.EmtyProductSlide__col-xxl,
.EmtyProductSlide__col-xxl-1,
.EmtyProductSlide__col-xxl-2,
.EmtyProductSlide__col-xxl-3,
.EmtyProductSlide__col-xxl-4,
.EmtyProductSlide__col-xxl-5,
.EmtyProductSlide__col-xxl-6,
.EmtyProductSlide__col-xxl-7,
.EmtyProductSlide__col-xxl-8,
.EmtyProductSlide__col-xxl-9,
.EmtyProductSlide__col-xxl-10,
.EmtyProductSlide__col-xxl-11,
.EmtyProductSlide__col-xxl-12,
.EmtyProductSlide__col-xxl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 1.25%;
padding-left: 1.25%;
}
.EmtyProductSlide__col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.EmtyProductSlide__col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.EmtyProductSlide__col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.EmtyProductSlide__col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.EmtyProductSlide__col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.EmtyProductSlide__col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.EmtyProductSlide__col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.EmtyProductSlide__col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.EmtyProductSlide__col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.EmtyProductSlide__col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.EmtyProductSlide__col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.EmtyProductSlide__col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.EmtyProductSlide__col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.EmtyProductSlide__col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.EmtyProductSlide__order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.EmtyProductSlide__order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.EmtyProductSlide__order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.EmtyProductSlide__order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.EmtyProductSlide__order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.EmtyProductSlide__order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.EmtyProductSlide__order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.EmtyProductSlide__order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.EmtyProductSlide__order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.EmtyProductSlide__order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.EmtyProductSlide__order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.EmtyProductSlide__order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.EmtyProductSlide__order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.EmtyProductSlide__order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.EmtyProductSlide__order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.EmtyProductSlide__offset-1 {
margin-left: 8.33333%;
}
.EmtyProductSlide__offset-2 {
margin-left: 16.66667%;
}
.EmtyProductSlide__offset-3 {
margin-left: 25%;
}
.EmtyProductSlide__offset-4 {
margin-left: 33.33333%;
}
.EmtyProductSlide__offset-5 {
margin-left: 41.66667%;
}
.EmtyProductSlide__offset-6 {
margin-left: 50%;
}
.EmtyProductSlide__offset-7 {
margin-left: 58.33333%;
}
.EmtyProductSlide__offset-8 {
margin-left: 66.66667%;
}
.EmtyProductSlide__offset-9 {
margin-left: 75%;
}
.EmtyProductSlide__offset-10 {
margin-left: 83.33333%;
}
.EmtyProductSlide__offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 375px) {
.EmtyProductSlide__col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.EmtyProductSlide__col-xs-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.EmtyProductSlide__col-xs-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.EmtyProductSlide__col-xs-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.EmtyProductSlide__col-xs-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.EmtyProductSlide__col-xs-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.EmtyProductSlide__col-xs-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.EmtyProductSlide__col-xs-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.EmtyProductSlide__col-xs-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.EmtyProductSlide__col-xs-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.EmtyProductSlide__col-xs-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.EmtyProductSlide__col-xs-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.EmtyProductSlide__col-xs-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.EmtyProductSlide__col-xs-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.EmtyProductSlide__order-xs-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.EmtyProductSlide__order-xs-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.EmtyProductSlide__order-xs-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.EmtyProductSlide__order-xs-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.EmtyProductSlide__order-xs-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.EmtyProductSlide__order-xs-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.EmtyProductSlide__order-xs-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.EmtyProductSlide__order-xs-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.EmtyProductSlide__order-xs-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.EmtyProductSlide__order-xs-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.EmtyProductSlide__order-xs-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.EmtyProductSlide__order-xs-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.EmtyProductSlide__order-xs-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.EmtyProductSlide__order-xs-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.EmtyProductSlide__order-xs-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.EmtyProductSlide__offset-xs-0 {
margin-left: 0;
}
.EmtyProductSlide__offset-xs-1 {
margin-left: 8.33333%;
}
.EmtyProductSlide__offset-xs-2 {
margin-left: 16.66667%;
}
.EmtyProductSlide__offset-xs-3 {
margin-left: 25%;
}
.EmtyProductSlide__offset-xs-4 {
margin-left: 33.33333%;
}
.EmtyProductSlide__offset-xs-5 {
margin-left: 41.66667%;
}
.EmtyProductSlide__offset-xs-6 {
margin-left: 50%;
}
.EmtyProductSlide__offset-xs-7 {
margin-left: 58.33333%;
}
.EmtyProductSlide__offset-xs-8 {
margin-left: 66.66667%;
}
.EmtyProductSlide__offset-xs-9 {
margin-left: 75%;
}
.EmtyProductSlide__offset-xs-10 {
margin-left: 83.33333%;
}
.EmtyProductSlide__offset-xs-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 769px) {
.EmtyProductSlide__col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.EmtyProductSlide__col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.EmtyProductSlide__col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.EmtyProductSlide__col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.EmtyProductSlide__col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.EmtyProductSlide__col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.EmtyProductSlide__col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.EmtyProductSlide__col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.EmtyProductSlide__col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.EmtyProductSlide__col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.EmtyProductSlide__col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.EmtyProductSlide__col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.EmtyProductSlide__col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.EmtyProductSlide__col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.EmtyProductSlide__order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.EmtyProductSlide__order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.EmtyProductSlide__order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.EmtyProductSlide__order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.EmtyProductSlide__order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.EmtyProductSlide__order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.EmtyProductSlide__order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.EmtyProductSlide__order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.EmtyProductSlide__order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.EmtyProductSlide__order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.EmtyProductSlide__order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.EmtyProductSlide__order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.EmtyProductSlide__order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.EmtyProductSlide__order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.EmtyProductSlide__order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.EmtyProductSlide__offset-md-0 {
margin-left: 0;
}
.EmtyProductSlide__offset-md-1 {
margin-left: 8.33333%;
}
.EmtyProductSlide__offset-md-2 {
margin-left: 16.66667%;
}
.EmtyProductSlide__offset-md-3 {
margin-left: 25%;
}
.EmtyProductSlide__offset-md-4 {
margin-left: 33.33333%;
}
.EmtyProductSlide__offset-md-5 {
margin-left: 41.66667%;
}
.EmtyProductSlide__offset-md-6 {
margin-left: 50%;
}
.EmtyProductSlide__offset-md-7 {
margin-left: 58.33333%;
}
.EmtyProductSlide__offset-md-8 {
margin-left: 66.66667%;
}
.EmtyProductSlide__offset-md-9 {
margin-left: 75%;
}
.EmtyProductSlide__offset-md-10 {
margin-left: 83.33333%;
}
.EmtyProductSlide__offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1025px) {
.EmtyProductSlide__col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.EmtyProductSlide__col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.EmtyProductSlide__col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.EmtyProductSlide__col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.EmtyProductSlide__col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.EmtyProductSlide__col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.EmtyProductSlide__col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.EmtyProductSlide__col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.EmtyProductSlide__col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.EmtyProductSlide__col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.EmtyProductSlide__col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.EmtyProductSlide__col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.EmtyProductSlide__col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.EmtyProductSlide__col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.EmtyProductSlide__order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.EmtyProductSlide__order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.EmtyProductSlide__order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.EmtyProductSlide__order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.EmtyProductSlide__order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.EmtyProductSlide__order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.EmtyProductSlide__order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.EmtyProductSlide__order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.EmtyProductSlide__order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.EmtyProductSlide__order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.EmtyProductSlide__order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.EmtyProductSlide__order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.EmtyProductSlide__order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.EmtyProductSlide__order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.EmtyProductSlide__order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.EmtyProductSlide__offset-lg-0 {
margin-left: 0;
}
.EmtyProductSlide__offset-lg-1 {
margin-left: 8.33333%;
}
.EmtyProductSlide__offset-lg-2 {
margin-left: 16.66667%;
}
.EmtyProductSlide__offset-lg-3 {
margin-left: 25%;
}
.EmtyProductSlide__offset-lg-4 {
margin-left: 33.33333%;
}
.EmtyProductSlide__offset-lg-5 {
margin-left: 41.66667%;
}
.EmtyProductSlide__offset-lg-6 {
margin-left: 50%;
}
.EmtyProductSlide__offset-lg-7 {
margin-left: 58.33333%;
}
.EmtyProductSlide__offset-lg-8 {
margin-left: 66.66667%;
}
.EmtyProductSlide__offset-lg-9 {
margin-left: 75%;
}
.EmtyProductSlide__offset-lg-10 {
margin-left: 83.33333%;
}
.EmtyProductSlide__offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1281px) {
.EmtyProductSlide__col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.EmtyProductSlide__col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.EmtyProductSlide__col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.EmtyProductSlide__col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.EmtyProductSlide__col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.EmtyProductSlide__col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.EmtyProductSlide__col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.EmtyProductSlide__col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.EmtyProductSlide__col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.EmtyProductSlide__col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.EmtyProductSlide__col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.EmtyProductSlide__col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.EmtyProductSlide__col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.EmtyProductSlide__col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.EmtyProductSlide__order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.EmtyProductSlide__order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.EmtyProductSlide__order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.EmtyProductSlide__order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.EmtyProductSlide__order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.EmtyProductSlide__order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.EmtyProductSlide__order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.EmtyProductSlide__order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.EmtyProductSlide__order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.EmtyProductSlide__order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.EmtyProductSlide__order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.EmtyProductSlide__order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.EmtyProductSlide__order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.EmtyProductSlide__order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.EmtyProductSlide__order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.EmtyProductSlide__offset-xl-0 {
margin-left: 0;
}
.EmtyProductSlide__offset-xl-1 {
margin-left: 8.33333%;
}
.EmtyProductSlide__offset-xl-2 {
margin-left: 16.66667%;
}
.EmtyProductSlide__offset-xl-3 {
margin-left: 25%;
}
.EmtyProductSlide__offset-xl-4 {
margin-left: 33.33333%;
}
.EmtyProductSlide__offset-xl-5 {
margin-left: 41.66667%;
}
.EmtyProductSlide__offset-xl-6 {
margin-left: 50%;
}
.EmtyProductSlide__offset-xl-7 {
margin-left: 58.33333%;
}
.EmtyProductSlide__offset-xl-8 {
margin-left: 66.66667%;
}
.EmtyProductSlide__offset-xl-9 {
margin-left: 75%;
}
.EmtyProductSlide__offset-xl-10 {
margin-left: 83.33333%;
}
.EmtyProductSlide__offset-xl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1441px) {
.EmtyProductSlide__col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.EmtyProductSlide__col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.EmtyProductSlide__col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.EmtyProductSlide__col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.EmtyProductSlide__col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.EmtyProductSlide__col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.EmtyProductSlide__col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.EmtyProductSlide__col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.EmtyProductSlide__col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.EmtyProductSlide__col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.EmtyProductSlide__col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.EmtyProductSlide__col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.EmtyProductSlide__col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.EmtyProductSlide__col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.EmtyProductSlide__order-xxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.EmtyProductSlide__order-xxl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.EmtyProductSlide__order-xxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.EmtyProductSlide__order-xxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.EmtyProductSlide__order-xxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.EmtyProductSlide__order-xxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.EmtyProductSlide__order-xxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.EmtyProductSlide__order-xxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.EmtyProductSlide__order-xxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.EmtyProductSlide__order-xxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.EmtyProductSlide__order-xxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.EmtyProductSlide__order-xxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.EmtyProductSlide__order-xxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.EmtyProductSlide__order-xxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.EmtyProductSlide__order-xxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.EmtyProductSlide__offset-xxl-0 {
margin-left: 0;
}
.EmtyProductSlide__offset-xxl-1 {
margin-left: 8.33333%;
}
.EmtyProductSlide__offset-xxl-2 {
margin-left: 16.66667%;
}
.EmtyProductSlide__offset-xxl-3 {
margin-left: 25%;
}
.EmtyProductSlide__offset-xxl-4 {
margin-left: 33.33333%;
}
.EmtyProductSlide__offset-xxl-5 {
margin-left: 41.66667%;
}
.EmtyProductSlide__offset-xxl-6 {
margin-left: 50%;
}
.EmtyProductSlide__offset-xxl-7 {
margin-left: 58.33333%;
}
.EmtyProductSlide__offset-xxl-8 {
margin-left: 66.66667%;
}
.EmtyProductSlide__offset-xxl-9 {
margin-left: 75%;
}
.EmtyProductSlide__offset-xxl-10 {
margin-left: 83.33333%;
}
.EmtyProductSlide__offset-xxl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1440px) {
.EmtyProductSlide__container {
padding: 0 44px;
}
}
@media (max-width: 769px) {
.EmtyProductSlide__container {
padding-right: 17px;
padding-left: 17px;
}
.EmtyProductSlide__row {
margin-right: -5px;
margin-left: -5px;
}
.EmtyProductSlide__row > .EmtyProductSlide__col,
.EmtyProductSlide__row > [class*='col-'] {
padding-right: 5px;
padding-left: 5px;
}
}
.EmtyProductSlide__container-no-max-width {
max-width: none;
}
@media (max-width: 768px) {
.EmtyProductSlide__container--md {
max-width: none;
padding: 0;
}
.EmtyProductSlide__container--md .EmtyProductSlide__row {
margin: 0;
}
.EmtyProductSlide__container--md
.EmtyProductSlide__row
> .EmtyProductSlide__col,
.EmtyProductSlide__container--md .EmtyProductSlide__row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1439px) {
.EmtyProductSlide__container--xxl {
max-width: none;
padding: 0;
}
.EmtyProductSlide__container--xxl .EmtyProductSlide__row {
margin: 0;
}
.EmtyProductSlide__container--xxl
.EmtyProductSlide__row
> .EmtyProductSlide__col,
.EmtyProductSlide__container--xxl .EmtyProductSlide__row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1025px) {
.EmtyProductSlide__container--tablet {
max-width: none;
padding: 0;
}
.EmtyProductSlide__container--tablet .EmtyProductSlide__row {
margin: 0;
}
.EmtyProductSlide__container--tablet
.EmtyProductSlide__row
> .EmtyProductSlide__col,
.EmtyProductSlide__container--tablet
.EmtyProductSlide__row
> [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.EmtyProductSlide__container--sm {
padding-right: 17px;
padding-left: 17px;
}
}
.EmtyProductSlide__container-full-width {
max-width: unset;
}
@media (max-width: 768px) {
.EmtyProductSlide__container-left {
padding-left: 17px;
}
}
@media (min-width: 769px) {
.EmtyProductSlide__container-left {
padding-left: 1.25%;
}
}
@media (min-width: 1440px) {
.EmtyProductSlide__container-left {
padding-left: 44px;
}
}
.EmtyProductSlide__root {
position: relative;
padding-top: 1px;
border-radius: 8px;
width: 310px;
height: 450px;
color: #fff;
text-align: center;
overflow: hidden;
}
@media (max-width: 768px) {
.EmtyProductSlide__root {
width: 162px;
height: 280px;
}
}
.EmtyProductSlide__root.removeButtonMargin {
margin-top: 43px;
}
.CompareCardsSlider__center {
position: relative;
display: inline-block;
max-width: 100%;
}
.CompareCardsSlider__mainWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 1;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.CompareCardsSlider__mainWrapperBg {
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 100px);
height: 100%;
z-index: -1;
}
@media (max-width: 768px) {
.CompareCardsSlider__mainWrapperBg {
width: calc(100% - 30px);
}
}
.FixedCompareMenuSlide__container {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 769px) {
.FixedCompareMenuSlide__container {
max-width: 1800px;
}
}
.FixedCompareMenuSlide__container-fluid {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
.FixedCompareMenuSlide__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1.25%;
margin-left: -1.25%;
}
.FixedCompareMenuSlide__no-gutters {
margin-right: 0;
margin-left: 0;
}
.FixedCompareMenuSlide__no-gutters > .FixedCompareMenuSlide__col,
.FixedCompareMenuSlide__no-gutters > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.FixedCompareMenuSlide__col,
.FixedCompareMenuSlide__col-1,
.FixedCompareMenuSlide__col-2,
.FixedCompareMenuSlide__col-3,
.FixedCompareMenuSlide__col-4,
.FixedCompareMenuSlide__col-5,
.FixedCompareMenuSlide__col-6,
.FixedCompareMenuSlide__col-7,
.FixedCompareMenuSlide__col-8,
.FixedCompareMenuSlide__col-9,
.FixedCompareMenuSlide__col-10,
.FixedCompareMenuSlide__col-11,
.FixedCompareMenuSlide__col-12,
.FixedCompareMenuSlide__col-auto,
.FixedCompareMenuSlide__col-lg,
.FixedCompareMenuSlide__col-lg-1,
.FixedCompareMenuSlide__col-lg-2,
.FixedCompareMenuSlide__col-lg-3,
.FixedCompareMenuSlide__col-lg-4,
.FixedCompareMenuSlide__col-lg-5,
.FixedCompareMenuSlide__col-lg-6,
.FixedCompareMenuSlide__col-lg-7,
.FixedCompareMenuSlide__col-lg-8,
.FixedCompareMenuSlide__col-lg-9,
.FixedCompareMenuSlide__col-lg-10,
.FixedCompareMenuSlide__col-lg-11,
.FixedCompareMenuSlide__col-lg-12,
.FixedCompareMenuSlide__col-lg-auto,
.FixedCompareMenuSlide__col-md,
.FixedCompareMenuSlide__col-md-1,
.FixedCompareMenuSlide__col-md-2,
.FixedCompareMenuSlide__col-md-3,
.FixedCompareMenuSlide__col-md-4,
.FixedCompareMenuSlide__col-md-5,
.FixedCompareMenuSlide__col-md-6,
.FixedCompareMenuSlide__col-md-7,
.FixedCompareMenuSlide__col-md-8,
.FixedCompareMenuSlide__col-md-9,
.FixedCompareMenuSlide__col-md-10,
.FixedCompareMenuSlide__col-md-11,
.FixedCompareMenuSlide__col-md-12,
.FixedCompareMenuSlide__col-md-auto,
.FixedCompareMenuSlide__col-xl,
.FixedCompareMenuSlide__col-xl-1,
.FixedCompareMenuSlide__col-xl-2,
.FixedCompareMenuSlide__col-xl-3,
.FixedCompareMenuSlide__col-xl-4,
.FixedCompareMenuSlide__col-xl-5,
.FixedCompareMenuSlide__col-xl-6,
.FixedCompareMenuSlide__col-xl-7,
.FixedCompareMenuSlide__col-xl-8,
.FixedCompareMenuSlide__col-xl-9,
.FixedCompareMenuSlide__col-xl-10,
.FixedCompareMenuSlide__col-xl-11,
.FixedCompareMenuSlide__col-xl-12,
.FixedCompareMenuSlide__col-xl-auto,
.FixedCompareMenuSlide__col-xs,
.FixedCompareMenuSlide__col-xs-1,
.FixedCompareMenuSlide__col-xs-2,
.FixedCompareMenuSlide__col-xs-3,
.FixedCompareMenuSlide__col-xs-4,
.FixedCompareMenuSlide__col-xs-5,
.FixedCompareMenuSlide__col-xs-6,
.FixedCompareMenuSlide__col-xs-7,
.FixedCompareMenuSlide__col-xs-8,
.FixedCompareMenuSlide__col-xs-9,
.FixedCompareMenuSlide__col-xs-10,
.FixedCompareMenuSlide__col-xs-11,
.FixedCompareMenuSlide__col-xs-12,
.FixedCompareMenuSlide__col-xs-auto,
.FixedCompareMenuSlide__col-xxl,
.FixedCompareMenuSlide__col-xxl-1,
.FixedCompareMenuSlide__col-xxl-2,
.FixedCompareMenuSlide__col-xxl-3,
.FixedCompareMenuSlide__col-xxl-4,
.FixedCompareMenuSlide__col-xxl-5,
.FixedCompareMenuSlide__col-xxl-6,
.FixedCompareMenuSlide__col-xxl-7,
.FixedCompareMenuSlide__col-xxl-8,
.FixedCompareMenuSlide__col-xxl-9,
.FixedCompareMenuSlide__col-xxl-10,
.FixedCompareMenuSlide__col-xxl-11,
.FixedCompareMenuSlide__col-xxl-12,
.FixedCompareMenuSlide__col-xxl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 1.25%;
padding-left: 1.25%;
}
.FixedCompareMenuSlide__col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.FixedCompareMenuSlide__col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.FixedCompareMenuSlide__col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.FixedCompareMenuSlide__col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.FixedCompareMenuSlide__col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.FixedCompareMenuSlide__col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.FixedCompareMenuSlide__col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.FixedCompareMenuSlide__col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.FixedCompareMenuSlide__col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.FixedCompareMenuSlide__col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.FixedCompareMenuSlide__col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.FixedCompareMenuSlide__col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.FixedCompareMenuSlide__col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.FixedCompareMenuSlide__col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.FixedCompareMenuSlide__order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.FixedCompareMenuSlide__order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.FixedCompareMenuSlide__order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.FixedCompareMenuSlide__order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.FixedCompareMenuSlide__order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.FixedCompareMenuSlide__order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.FixedCompareMenuSlide__order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.FixedCompareMenuSlide__order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.FixedCompareMenuSlide__order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.FixedCompareMenuSlide__order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.FixedCompareMenuSlide__order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.FixedCompareMenuSlide__order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.FixedCompareMenuSlide__order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.FixedCompareMenuSlide__order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.FixedCompareMenuSlide__order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.FixedCompareMenuSlide__offset-1 {
margin-left: 8.33333%;
}
.FixedCompareMenuSlide__offset-2 {
margin-left: 16.66667%;
}
.FixedCompareMenuSlide__offset-3 {
margin-left: 25%;
}
.FixedCompareMenuSlide__offset-4 {
margin-left: 33.33333%;
}
.FixedCompareMenuSlide__offset-5 {
margin-left: 41.66667%;
}
.FixedCompareMenuSlide__offset-6 {
margin-left: 50%;
}
.FixedCompareMenuSlide__offset-7 {
margin-left: 58.33333%;
}
.FixedCompareMenuSlide__offset-8 {
margin-left: 66.66667%;
}
.FixedCompareMenuSlide__offset-9 {
margin-left: 75%;
}
.FixedCompareMenuSlide__offset-10 {
margin-left: 83.33333%;
}
.FixedCompareMenuSlide__offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 375px) {
.FixedCompareMenuSlide__col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.FixedCompareMenuSlide__col-xs-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.FixedCompareMenuSlide__col-xs-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.FixedCompareMenuSlide__col-xs-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.FixedCompareMenuSlide__col-xs-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.FixedCompareMenuSlide__col-xs-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.FixedCompareMenuSlide__col-xs-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.FixedCompareMenuSlide__col-xs-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.FixedCompareMenuSlide__col-xs-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.FixedCompareMenuSlide__col-xs-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.FixedCompareMenuSlide__col-xs-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.FixedCompareMenuSlide__col-xs-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.FixedCompareMenuSlide__col-xs-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.FixedCompareMenuSlide__col-xs-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.FixedCompareMenuSlide__order-xs-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.FixedCompareMenuSlide__order-xs-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.FixedCompareMenuSlide__order-xs-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.FixedCompareMenuSlide__order-xs-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.FixedCompareMenuSlide__order-xs-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.FixedCompareMenuSlide__order-xs-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.FixedCompareMenuSlide__order-xs-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.FixedCompareMenuSlide__order-xs-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.FixedCompareMenuSlide__order-xs-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.FixedCompareMenuSlide__order-xs-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.FixedCompareMenuSlide__order-xs-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.FixedCompareMenuSlide__order-xs-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.FixedCompareMenuSlide__order-xs-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.FixedCompareMenuSlide__order-xs-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.FixedCompareMenuSlide__order-xs-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.FixedCompareMenuSlide__offset-xs-0 {
margin-left: 0;
}
.FixedCompareMenuSlide__offset-xs-1 {
margin-left: 8.33333%;
}
.FixedCompareMenuSlide__offset-xs-2 {
margin-left: 16.66667%;
}
.FixedCompareMenuSlide__offset-xs-3 {
margin-left: 25%;
}
.FixedCompareMenuSlide__offset-xs-4 {
margin-left: 33.33333%;
}
.FixedCompareMenuSlide__offset-xs-5 {
margin-left: 41.66667%;
}
.FixedCompareMenuSlide__offset-xs-6 {
margin-left: 50%;
}
.FixedCompareMenuSlide__offset-xs-7 {
margin-left: 58.33333%;
}
.FixedCompareMenuSlide__offset-xs-8 {
margin-left: 66.66667%;
}
.FixedCompareMenuSlide__offset-xs-9 {
margin-left: 75%;
}
.FixedCompareMenuSlide__offset-xs-10 {
margin-left: 83.33333%;
}
.FixedCompareMenuSlide__offset-xs-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 769px) {
.FixedCompareMenuSlide__col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.FixedCompareMenuSlide__col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.FixedCompareMenuSlide__col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.FixedCompareMenuSlide__col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.FixedCompareMenuSlide__col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.FixedCompareMenuSlide__col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.FixedCompareMenuSlide__col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.FixedCompareMenuSlide__col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.FixedCompareMenuSlide__col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.FixedCompareMenuSlide__col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.FixedCompareMenuSlide__col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.FixedCompareMenuSlide__col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.FixedCompareMenuSlide__col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.FixedCompareMenuSlide__col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.FixedCompareMenuSlide__order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.FixedCompareMenuSlide__order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.FixedCompareMenuSlide__order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.FixedCompareMenuSlide__order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.FixedCompareMenuSlide__order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.FixedCompareMenuSlide__order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.FixedCompareMenuSlide__order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.FixedCompareMenuSlide__order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.FixedCompareMenuSlide__order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.FixedCompareMenuSlide__order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.FixedCompareMenuSlide__order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.FixedCompareMenuSlide__order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.FixedCompareMenuSlide__order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.FixedCompareMenuSlide__order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.FixedCompareMenuSlide__order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.FixedCompareMenuSlide__offset-md-0 {
margin-left: 0;
}
.FixedCompareMenuSlide__offset-md-1 {
margin-left: 8.33333%;
}
.FixedCompareMenuSlide__offset-md-2 {
margin-left: 16.66667%;
}
.FixedCompareMenuSlide__offset-md-3 {
margin-left: 25%;
}
.FixedCompareMenuSlide__offset-md-4 {
margin-left: 33.33333%;
}
.FixedCompareMenuSlide__offset-md-5 {
margin-left: 41.66667%;
}
.FixedCompareMenuSlide__offset-md-6 {
margin-left: 50%;
}
.FixedCompareMenuSlide__offset-md-7 {
margin-left: 58.33333%;
}
.FixedCompareMenuSlide__offset-md-8 {
margin-left: 66.66667%;
}
.FixedCompareMenuSlide__offset-md-9 {
margin-left: 75%;
}
.FixedCompareMenuSlide__offset-md-10 {
margin-left: 83.33333%;
}
.FixedCompareMenuSlide__offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1025px) {
.FixedCompareMenuSlide__col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.FixedCompareMenuSlide__col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.FixedCompareMenuSlide__col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.FixedCompareMenuSlide__col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.FixedCompareMenuSlide__col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.FixedCompareMenuSlide__col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.FixedCompareMenuSlide__col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.FixedCompareMenuSlide__col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.FixedCompareMenuSlide__col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.FixedCompareMenuSlide__col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.FixedCompareMenuSlide__col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.FixedCompareMenuSlide__col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.FixedCompareMenuSlide__col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.FixedCompareMenuSlide__col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.FixedCompareMenuSlide__order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.FixedCompareMenuSlide__order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.FixedCompareMenuSlide__order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.FixedCompareMenuSlide__order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.FixedCompareMenuSlide__order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.FixedCompareMenuSlide__order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.FixedCompareMenuSlide__order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.FixedCompareMenuSlide__order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.FixedCompareMenuSlide__order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.FixedCompareMenuSlide__order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.FixedCompareMenuSlide__order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.FixedCompareMenuSlide__order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.FixedCompareMenuSlide__order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.FixedCompareMenuSlide__order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.FixedCompareMenuSlide__order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.FixedCompareMenuSlide__offset-lg-0 {
margin-left: 0;
}
.FixedCompareMenuSlide__offset-lg-1 {
margin-left: 8.33333%;
}
.FixedCompareMenuSlide__offset-lg-2 {
margin-left: 16.66667%;
}
.FixedCompareMenuSlide__offset-lg-3 {
margin-left: 25%;
}
.FixedCompareMenuSlide__offset-lg-4 {
margin-left: 33.33333%;
}
.FixedCompareMenuSlide__offset-lg-5 {
margin-left: 41.66667%;
}
.FixedCompareMenuSlide__offset-lg-6 {
margin-left: 50%;
}
.FixedCompareMenuSlide__offset-lg-7 {
margin-left: 58.33333%;
}
.FixedCompareMenuSlide__offset-lg-8 {
margin-left: 66.66667%;
}
.FixedCompareMenuSlide__offset-lg-9 {
margin-left: 75%;
}
.FixedCompareMenuSlide__offset-lg-10 {
margin-left: 83.33333%;
}
.FixedCompareMenuSlide__offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1281px) {
.FixedCompareMenuSlide__col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.FixedCompareMenuSlide__col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.FixedCompareMenuSlide__col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.FixedCompareMenuSlide__col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.FixedCompareMenuSlide__col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.FixedCompareMenuSlide__col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.FixedCompareMenuSlide__col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.FixedCompareMenuSlide__col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.FixedCompareMenuSlide__col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.FixedCompareMenuSlide__col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.FixedCompareMenuSlide__col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.FixedCompareMenuSlide__col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.FixedCompareMenuSlide__col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.FixedCompareMenuSlide__col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.FixedCompareMenuSlide__order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.FixedCompareMenuSlide__order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.FixedCompareMenuSlide__order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.FixedCompareMenuSlide__order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.FixedCompareMenuSlide__order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.FixedCompareMenuSlide__order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.FixedCompareMenuSlide__order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.FixedCompareMenuSlide__order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.FixedCompareMenuSlide__order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.FixedCompareMenuSlide__order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.FixedCompareMenuSlide__order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.FixedCompareMenuSlide__order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.FixedCompareMenuSlide__order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.FixedCompareMenuSlide__order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.FixedCompareMenuSlide__order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.FixedCompareMenuSlide__offset-xl-0 {
margin-left: 0;
}
.FixedCompareMenuSlide__offset-xl-1 {
margin-left: 8.33333%;
}
.FixedCompareMenuSlide__offset-xl-2 {
margin-left: 16.66667%;
}
.FixedCompareMenuSlide__offset-xl-3 {
margin-left: 25%;
}
.FixedCompareMenuSlide__offset-xl-4 {
margin-left: 33.33333%;
}
.FixedCompareMenuSlide__offset-xl-5 {
margin-left: 41.66667%;
}
.FixedCompareMenuSlide__offset-xl-6 {
margin-left: 50%;
}
.FixedCompareMenuSlide__offset-xl-7 {
margin-left: 58.33333%;
}
.FixedCompareMenuSlide__offset-xl-8 {
margin-left: 66.66667%;
}
.FixedCompareMenuSlide__offset-xl-9 {
margin-left: 75%;
}
.FixedCompareMenuSlide__offset-xl-10 {
margin-left: 83.33333%;
}
.FixedCompareMenuSlide__offset-xl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1441px) {
.FixedCompareMenuSlide__col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.FixedCompareMenuSlide__col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.FixedCompareMenuSlide__col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.FixedCompareMenuSlide__col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.FixedCompareMenuSlide__col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.FixedCompareMenuSlide__col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.FixedCompareMenuSlide__col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.FixedCompareMenuSlide__col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.FixedCompareMenuSlide__col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.FixedCompareMenuSlide__col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.FixedCompareMenuSlide__col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.FixedCompareMenuSlide__col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.FixedCompareMenuSlide__col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.FixedCompareMenuSlide__col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.FixedCompareMenuSlide__order-xxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.FixedCompareMenuSlide__order-xxl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.FixedCompareMenuSlide__order-xxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.FixedCompareMenuSlide__order-xxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.FixedCompareMenuSlide__order-xxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.FixedCompareMenuSlide__order-xxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.FixedCompareMenuSlide__order-xxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.FixedCompareMenuSlide__order-xxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.FixedCompareMenuSlide__order-xxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.FixedCompareMenuSlide__order-xxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.FixedCompareMenuSlide__order-xxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.FixedCompareMenuSlide__order-xxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.FixedCompareMenuSlide__order-xxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.FixedCompareMenuSlide__order-xxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.FixedCompareMenuSlide__order-xxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.FixedCompareMenuSlide__offset-xxl-0 {
margin-left: 0;
}
.FixedCompareMenuSlide__offset-xxl-1 {
margin-left: 8.33333%;
}
.FixedCompareMenuSlide__offset-xxl-2 {
margin-left: 16.66667%;
}
.FixedCompareMenuSlide__offset-xxl-3 {
margin-left: 25%;
}
.FixedCompareMenuSlide__offset-xxl-4 {
margin-left: 33.33333%;
}
.FixedCompareMenuSlide__offset-xxl-5 {
margin-left: 41.66667%;
}
.FixedCompareMenuSlide__offset-xxl-6 {
margin-left: 50%;
}
.FixedCompareMenuSlide__offset-xxl-7 {
margin-left: 58.33333%;
}
.FixedCompareMenuSlide__offset-xxl-8 {
margin-left: 66.66667%;
}
.FixedCompareMenuSlide__offset-xxl-9 {
margin-left: 75%;
}
.FixedCompareMenuSlide__offset-xxl-10 {
margin-left: 83.33333%;
}
.FixedCompareMenuSlide__offset-xxl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1440px) {
.FixedCompareMenuSlide__container {
padding: 0 44px;
}
}
@media (max-width: 769px) {
.FixedCompareMenuSlide__container {
padding-right: 17px;
padding-left: 17px;
}
.FixedCompareMenuSlide__row {
margin-right: -5px;
margin-left: -5px;
}
.FixedCompareMenuSlide__row > .FixedCompareMenuSlide__col,
.FixedCompareMenuSlide__row > [class*='col-'] {
padding-right: 5px;
padding-left: 5px;
}
}
.FixedCompareMenuSlide__container-no-max-width {
max-width: none;
}
@media (max-width: 768px) {
.FixedCompareMenuSlide__container--md {
max-width: none;
padding: 0;
}
.FixedCompareMenuSlide__container--md .FixedCompareMenuSlide__row {
margin: 0;
}
.FixedCompareMenuSlide__container--md
.FixedCompareMenuSlide__row
> .FixedCompareMenuSlide__col,
.FixedCompareMenuSlide__container--md
.FixedCompareMenuSlide__row
> [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1439px) {
.FixedCompareMenuSlide__container--xxl {
max-width: none;
padding: 0;
}
.FixedCompareMenuSlide__container--xxl .FixedCompareMenuSlide__row {
margin: 0;
}
.FixedCompareMenuSlide__container--xxl
.FixedCompareMenuSlide__row
> .FixedCompareMenuSlide__col,
.FixedCompareMenuSlide__container--xxl
.FixedCompareMenuSlide__row
> [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1025px) {
.FixedCompareMenuSlide__container--tablet {
max-width: none;
padding: 0;
}
.FixedCompareMenuSlide__container--tablet .FixedCompareMenuSlide__row {
margin: 0;
}
.FixedCompareMenuSlide__container--tablet
.FixedCompareMenuSlide__row
> .FixedCompareMenuSlide__col,
.FixedCompareMenuSlide__container--tablet
.FixedCompareMenuSlide__row
> [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.FixedCompareMenuSlide__container--sm {
padding-right: 17px;
padding-left: 17px;
}
}
.FixedCompareMenuSlide__container-full-width {
max-width: unset;
}
@media (max-width: 768px) {
.FixedCompareMenuSlide__container-left {
padding-left: 17px;
}
}
@media (min-width: 769px) {
.FixedCompareMenuSlide__container-left {
padding-left: 1.25%;
}
}
@media (min-width: 1440px) {
.FixedCompareMenuSlide__container-left {
padding-left: 44px;
}
}
.FixedCompareMenuSlide__root {
position: relative;
width: 345px;
height: 139px;
overflow: hidden;
border-left: 1px solid rgba(0, 0, 0, 0.1);
text-align: left;
}
@media (max-width: 768px) {
.FixedCompareMenuSlide__root {
width: 172px;
height: 65px;
}
}
.mainCard .FixedCompareMenuSlide__root {
border-left: 0;
width: 310px;
}
@media (max-width: 768px) {
.mainCard .FixedCompareMenuSlide__root {
width: 162px;
}
}
.FixedCompareMenuSlide__link {
display: block;
text-decoration: none;
color: inherit;
}
.FixedCompareMenuSlide__model {
text-transform: uppercase;
font-size: 12px;
line-height: 14px;
font-weight: 400;
letter-spacing: 0.37px;
color: #9aa8b6;
}
.FixedCompareMenuSlide__title {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.29px;
color: #1e2e3f;
}
@media (max-width: 768px) {
.FixedCompareMenuSlide__title {
font-size: 12px;
line-height: 16px;
letter-spacing: 0.2px;
}
}
.FixedCompareMenuSlider__root {
position: fixed;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 140px;
font-size: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
background-color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.FixedCompareMenuSlider__root {
height: 66px;
}
}
.FixedCompareMenuSlider__root[data-waypoint='true'] {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.FixedCompareMenuSlider__center {
position: relative;
display: inline-block;
max-width: 100%;
}
.FixedCompareMenuSlider__mainWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.PropsTableCell__root {
padding-left: 38px;
height: 100%;
overflow: hidden;
-webkit-transition: max-height 0.3s ease-in, opacity 0.3s ease-in;
transition: max-height 0.3s ease-in, opacity 0.3s ease-in;
}
@media (max-width: 768px) {
.PropsTableCell__root {
padding-left: 17px;
}
}
.collapseEqual .PropsTableCell__root.JS-collapse-item {
max-height: 0;
opacity: 0;
}
.PropsTableCell__propValueWrapper {
height: 100%;
}
.PropsTableCell__propValue {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 18px;
line-height: 26px;
color: #1e2e3f;
}
@media (max-width: 768px) {
.PropsTableCell__propValue {
font-size: 16px;
line-height: 16px;
letter-spacing: 0.29px;
}
}
.ComparePropsTable__container {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 769px) {
.ComparePropsTable__container {
max-width: 1800px;
}
}
.ComparePropsTable__container-fluid {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
.ComparePropsTable__row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1.25%;
margin-left: -1.25%;
}
.ComparePropsTable__no-gutters {
margin-right: 0;
margin-left: 0;
}
.ComparePropsTable__no-gutters > .ComparePropsTable__col,
.ComparePropsTable__no-gutters > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.ComparePropsTable__col,
.ComparePropsTable__col-1,
.ComparePropsTable__col-2,
.ComparePropsTable__col-3,
.ComparePropsTable__col-4,
.ComparePropsTable__col-5,
.ComparePropsTable__col-6,
.ComparePropsTable__col-7,
.ComparePropsTable__col-8,
.ComparePropsTable__col-9,
.ComparePropsTable__col-10,
.ComparePropsTable__col-11,
.ComparePropsTable__col-12,
.ComparePropsTable__col-auto,
.ComparePropsTable__col-lg,
.ComparePropsTable__col-lg-1,
.ComparePropsTable__col-lg-2,
.ComparePropsTable__col-lg-3,
.ComparePropsTable__col-lg-4,
.ComparePropsTable__col-lg-5,
.ComparePropsTable__col-lg-6,
.ComparePropsTable__col-lg-7,
.ComparePropsTable__col-lg-8,
.ComparePropsTable__col-lg-9,
.ComparePropsTable__col-lg-10,
.ComparePropsTable__col-lg-11,
.ComparePropsTable__col-lg-12,
.ComparePropsTable__col-lg-auto,
.ComparePropsTable__col-md,
.ComparePropsTable__col-md-1,
.ComparePropsTable__col-md-2,
.ComparePropsTable__col-md-3,
.ComparePropsTable__col-md-4,
.ComparePropsTable__col-md-5,
.ComparePropsTable__col-md-6,
.ComparePropsTable__col-md-7,
.ComparePropsTable__col-md-8,
.ComparePropsTable__col-md-9,
.ComparePropsTable__col-md-10,
.ComparePropsTable__col-md-11,
.ComparePropsTable__col-md-12,
.ComparePropsTable__col-md-auto,
.ComparePropsTable__col-xl,
.ComparePropsTable__col-xl-1,
.ComparePropsTable__col-xl-2,
.ComparePropsTable__col-xl-3,
.ComparePropsTable__col-xl-4,
.ComparePropsTable__col-xl-5,
.ComparePropsTable__col-xl-6,
.ComparePropsTable__col-xl-7,
.ComparePropsTable__col-xl-8,
.ComparePropsTable__col-xl-9,
.ComparePropsTable__col-xl-10,
.ComparePropsTable__col-xl-11,
.ComparePropsTable__col-xl-12,
.ComparePropsTable__col-xl-auto,
.ComparePropsTable__col-xs,
.ComparePropsTable__col-xs-1,
.ComparePropsTable__col-xs-2,
.ComparePropsTable__col-xs-3,
.ComparePropsTable__col-xs-4,
.ComparePropsTable__col-xs-5,
.ComparePropsTable__col-xs-6,
.ComparePropsTable__col-xs-7,
.ComparePropsTable__col-xs-8,
.ComparePropsTable__col-xs-9,
.ComparePropsTable__col-xs-10,
.ComparePropsTable__col-xs-11,
.ComparePropsTable__col-xs-12,
.ComparePropsTable__col-xs-auto,
.ComparePropsTable__col-xxl,
.ComparePropsTable__col-xxl-1,
.ComparePropsTable__col-xxl-2,
.ComparePropsTable__col-xxl-3,
.ComparePropsTable__col-xxl-4,
.ComparePropsTable__col-xxl-5,
.ComparePropsTable__col-xxl-6,
.ComparePropsTable__col-xxl-7,
.ComparePropsTable__col-xxl-8,
.ComparePropsTable__col-xxl-9,
.ComparePropsTable__col-xxl-10,
.ComparePropsTable__col-xxl-11,
.ComparePropsTable__col-xxl-12,
.ComparePropsTable__col-xxl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 1.25%;
padding-left: 1.25%;
}
.ComparePropsTable__col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ComparePropsTable__col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ComparePropsTable__col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ComparePropsTable__col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ComparePropsTable__col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ComparePropsTable__col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ComparePropsTable__col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ComparePropsTable__col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ComparePropsTable__col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ComparePropsTable__col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ComparePropsTable__col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ComparePropsTable__col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ComparePropsTable__col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ComparePropsTable__col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ComparePropsTable__order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ComparePropsTable__order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ComparePropsTable__order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ComparePropsTable__order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ComparePropsTable__order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ComparePropsTable__order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ComparePropsTable__order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ComparePropsTable__order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ComparePropsTable__order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ComparePropsTable__order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ComparePropsTable__order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ComparePropsTable__order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ComparePropsTable__order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ComparePropsTable__order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ComparePropsTable__order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ComparePropsTable__offset-1 {
margin-left: 8.33333%;
}
.ComparePropsTable__offset-2 {
margin-left: 16.66667%;
}
.ComparePropsTable__offset-3 {
margin-left: 25%;
}
.ComparePropsTable__offset-4 {
margin-left: 33.33333%;
}
.ComparePropsTable__offset-5 {
margin-left: 41.66667%;
}
.ComparePropsTable__offset-6 {
margin-left: 50%;
}
.ComparePropsTable__offset-7 {
margin-left: 58.33333%;
}
.ComparePropsTable__offset-8 {
margin-left: 66.66667%;
}
.ComparePropsTable__offset-9 {
margin-left: 75%;
}
.ComparePropsTable__offset-10 {
margin-left: 83.33333%;
}
.ComparePropsTable__offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 375px) {
.ComparePropsTable__col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ComparePropsTable__col-xs-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ComparePropsTable__col-xs-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ComparePropsTable__col-xs-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ComparePropsTable__col-xs-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ComparePropsTable__col-xs-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ComparePropsTable__col-xs-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ComparePropsTable__col-xs-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ComparePropsTable__col-xs-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ComparePropsTable__col-xs-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ComparePropsTable__col-xs-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ComparePropsTable__col-xs-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ComparePropsTable__col-xs-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ComparePropsTable__col-xs-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ComparePropsTable__order-xs-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ComparePropsTable__order-xs-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ComparePropsTable__order-xs-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ComparePropsTable__order-xs-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ComparePropsTable__order-xs-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ComparePropsTable__order-xs-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ComparePropsTable__order-xs-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ComparePropsTable__order-xs-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ComparePropsTable__order-xs-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ComparePropsTable__order-xs-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ComparePropsTable__order-xs-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ComparePropsTable__order-xs-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ComparePropsTable__order-xs-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ComparePropsTable__order-xs-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ComparePropsTable__order-xs-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ComparePropsTable__offset-xs-0 {
margin-left: 0;
}
.ComparePropsTable__offset-xs-1 {
margin-left: 8.33333%;
}
.ComparePropsTable__offset-xs-2 {
margin-left: 16.66667%;
}
.ComparePropsTable__offset-xs-3 {
margin-left: 25%;
}
.ComparePropsTable__offset-xs-4 {
margin-left: 33.33333%;
}
.ComparePropsTable__offset-xs-5 {
margin-left: 41.66667%;
}
.ComparePropsTable__offset-xs-6 {
margin-left: 50%;
}
.ComparePropsTable__offset-xs-7 {
margin-left: 58.33333%;
}
.ComparePropsTable__offset-xs-8 {
margin-left: 66.66667%;
}
.ComparePropsTable__offset-xs-9 {
margin-left: 75%;
}
.ComparePropsTable__offset-xs-10 {
margin-left: 83.33333%;
}
.ComparePropsTable__offset-xs-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 769px) {
.ComparePropsTable__col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ComparePropsTable__col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ComparePropsTable__col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ComparePropsTable__col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ComparePropsTable__col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ComparePropsTable__col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ComparePropsTable__col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ComparePropsTable__col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ComparePropsTable__col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ComparePropsTable__col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ComparePropsTable__col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ComparePropsTable__col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ComparePropsTable__col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ComparePropsTable__col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ComparePropsTable__order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ComparePropsTable__order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ComparePropsTable__order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ComparePropsTable__order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ComparePropsTable__order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ComparePropsTable__order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ComparePropsTable__order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ComparePropsTable__order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ComparePropsTable__order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ComparePropsTable__order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ComparePropsTable__order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ComparePropsTable__order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ComparePropsTable__order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ComparePropsTable__order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ComparePropsTable__order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ComparePropsTable__offset-md-0 {
margin-left: 0;
}
.ComparePropsTable__offset-md-1 {
margin-left: 8.33333%;
}
.ComparePropsTable__offset-md-2 {
margin-left: 16.66667%;
}
.ComparePropsTable__offset-md-3 {
margin-left: 25%;
}
.ComparePropsTable__offset-md-4 {
margin-left: 33.33333%;
}
.ComparePropsTable__offset-md-5 {
margin-left: 41.66667%;
}
.ComparePropsTable__offset-md-6 {
margin-left: 50%;
}
.ComparePropsTable__offset-md-7 {
margin-left: 58.33333%;
}
.ComparePropsTable__offset-md-8 {
margin-left: 66.66667%;
}
.ComparePropsTable__offset-md-9 {
margin-left: 75%;
}
.ComparePropsTable__offset-md-10 {
margin-left: 83.33333%;
}
.ComparePropsTable__offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1025px) {
.ComparePropsTable__col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ComparePropsTable__col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ComparePropsTable__col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ComparePropsTable__col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ComparePropsTable__col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ComparePropsTable__col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ComparePropsTable__col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ComparePropsTable__col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ComparePropsTable__col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ComparePropsTable__col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ComparePropsTable__col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ComparePropsTable__col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ComparePropsTable__col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ComparePropsTable__col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ComparePropsTable__order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ComparePropsTable__order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ComparePropsTable__order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ComparePropsTable__order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ComparePropsTable__order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ComparePropsTable__order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ComparePropsTable__order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ComparePropsTable__order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ComparePropsTable__order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ComparePropsTable__order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ComparePropsTable__order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ComparePropsTable__order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ComparePropsTable__order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ComparePropsTable__order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ComparePropsTable__order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ComparePropsTable__offset-lg-0 {
margin-left: 0;
}
.ComparePropsTable__offset-lg-1 {
margin-left: 8.33333%;
}
.ComparePropsTable__offset-lg-2 {
margin-left: 16.66667%;
}
.ComparePropsTable__offset-lg-3 {
margin-left: 25%;
}
.ComparePropsTable__offset-lg-4 {
margin-left: 33.33333%;
}
.ComparePropsTable__offset-lg-5 {
margin-left: 41.66667%;
}
.ComparePropsTable__offset-lg-6 {
margin-left: 50%;
}
.ComparePropsTable__offset-lg-7 {
margin-left: 58.33333%;
}
.ComparePropsTable__offset-lg-8 {
margin-left: 66.66667%;
}
.ComparePropsTable__offset-lg-9 {
margin-left: 75%;
}
.ComparePropsTable__offset-lg-10 {
margin-left: 83.33333%;
}
.ComparePropsTable__offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1281px) {
.ComparePropsTable__col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ComparePropsTable__col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ComparePropsTable__col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ComparePropsTable__col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ComparePropsTable__col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ComparePropsTable__col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ComparePropsTable__col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ComparePropsTable__col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ComparePropsTable__col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ComparePropsTable__col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ComparePropsTable__col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ComparePropsTable__col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ComparePropsTable__col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ComparePropsTable__col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ComparePropsTable__order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ComparePropsTable__order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ComparePropsTable__order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ComparePropsTable__order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ComparePropsTable__order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ComparePropsTable__order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ComparePropsTable__order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ComparePropsTable__order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ComparePropsTable__order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ComparePropsTable__order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ComparePropsTable__order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ComparePropsTable__order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ComparePropsTable__order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ComparePropsTable__order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ComparePropsTable__order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ComparePropsTable__offset-xl-0 {
margin-left: 0;
}
.ComparePropsTable__offset-xl-1 {
margin-left: 8.33333%;
}
.ComparePropsTable__offset-xl-2 {
margin-left: 16.66667%;
}
.ComparePropsTable__offset-xl-3 {
margin-left: 25%;
}
.ComparePropsTable__offset-xl-4 {
margin-left: 33.33333%;
}
.ComparePropsTable__offset-xl-5 {
margin-left: 41.66667%;
}
.ComparePropsTable__offset-xl-6 {
margin-left: 50%;
}
.ComparePropsTable__offset-xl-7 {
margin-left: 58.33333%;
}
.ComparePropsTable__offset-xl-8 {
margin-left: 66.66667%;
}
.ComparePropsTable__offset-xl-9 {
margin-left: 75%;
}
.ComparePropsTable__offset-xl-10 {
margin-left: 83.33333%;
}
.ComparePropsTable__offset-xl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1441px) {
.ComparePropsTable__col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ComparePropsTable__col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ComparePropsTable__col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ComparePropsTable__col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ComparePropsTable__col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ComparePropsTable__col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ComparePropsTable__col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ComparePropsTable__col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ComparePropsTable__col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ComparePropsTable__col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ComparePropsTable__col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ComparePropsTable__col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ComparePropsTable__col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ComparePropsTable__col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ComparePropsTable__order-xxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ComparePropsTable__order-xxl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ComparePropsTable__order-xxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ComparePropsTable__order-xxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ComparePropsTable__order-xxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ComparePropsTable__order-xxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ComparePropsTable__order-xxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ComparePropsTable__order-xxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ComparePropsTable__order-xxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ComparePropsTable__order-xxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ComparePropsTable__order-xxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ComparePropsTable__order-xxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ComparePropsTable__order-xxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ComparePropsTable__order-xxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ComparePropsTable__order-xxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ComparePropsTable__offset-xxl-0 {
margin-left: 0;
}
.ComparePropsTable__offset-xxl-1 {
margin-left: 8.33333%;
}
.ComparePropsTable__offset-xxl-2 {
margin-left: 16.66667%;
}
.ComparePropsTable__offset-xxl-3 {
margin-left: 25%;
}
.ComparePropsTable__offset-xxl-4 {
margin-left: 33.33333%;
}
.ComparePropsTable__offset-xxl-5 {
margin-left: 41.66667%;
}
.ComparePropsTable__offset-xxl-6 {
margin-left: 50%;
}
.ComparePropsTable__offset-xxl-7 {
margin-left: 58.33333%;
}
.ComparePropsTable__offset-xxl-8 {
margin-left: 66.66667%;
}
.ComparePropsTable__offset-xxl-9 {
margin-left: 75%;
}
.ComparePropsTable__offset-xxl-10 {
margin-left: 83.33333%;
}
.ComparePropsTable__offset-xxl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1440px) {
.ComparePropsTable__container {
padding: 0 44px;
}
}
@media (max-width: 769px) {
.ComparePropsTable__container {
padding-right: 17px;
padding-left: 17px;
}
.ComparePropsTable__row {
margin-right: -5px;
margin-left: -5px;
}
.ComparePropsTable__row > .ComparePropsTable__col,
.ComparePropsTable__row > [class*='col-'] {
padding-right: 5px;
padding-left: 5px;
}
}
.ComparePropsTable__container-no-max-width {
max-width: none;
}
@media (max-width: 768px) {
.ComparePropsTable__container--md {
max-width: none;
padding: 0;
}
.ComparePropsTable__container--md .ComparePropsTable__row {
margin: 0;
}
.ComparePropsTable__container--md
.ComparePropsTable__row
> .ComparePropsTable__col,
.ComparePropsTable__container--md .ComparePropsTable__row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1439px) {
.ComparePropsTable__container--xxl {
max-width: none;
padding: 0;
}
.ComparePropsTable__container--xxl .ComparePropsTable__row {
margin: 0;
}
.ComparePropsTable__container--xxl
.ComparePropsTable__row
> .ComparePropsTable__col,
.ComparePropsTable__container--xxl .ComparePropsTable__row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1025px) {
.ComparePropsTable__container--tablet {
max-width: none;
padding: 0;
}
.ComparePropsTable__container--tablet .ComparePropsTable__row {
margin: 0;
}
.ComparePropsTable__container--tablet
.ComparePropsTable__row
> .ComparePropsTable__col,
.ComparePropsTable__container--tablet
.ComparePropsTable__row
> [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.ComparePropsTable__container--sm {
padding-right: 17px;
padding-left: 17px;
}
}
.ComparePropsTable__container-full-width {
max-width: unset;
}
@media (max-width: 768px) {
.ComparePropsTable__container-left {
padding-left: 17px;
}
}
@media (min-width: 769px) {
.ComparePropsTable__container-left {
padding-left: 1.25%;
}
}
@media (min-width: 1440px) {
.ComparePropsTable__container-left {
padding-left: 44px;
}
}
.ComparePropsTable__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 35px;
}
.ComparePropsTable__rowRoot.collapseEqual {
display: none;
}
.ComparePropsTable__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 80px;
margin: 0;
}
@media (max-width: 768px) {
.ComparePropsTable__row {
height: 50px;
max-height: 50px;
}
}
.ComparePropsTable__row.lines-x2 {
height: 86px;
max-height: 86px;
}
@media (max-width: 768px) {
.ComparePropsTable__row.lines-x2 {
height: 74px;
max-height: 74px;
}
}
.ComparePropsTable__row.lines-x3 {
height: 112px;
max-height: 112px;
}
@media (max-width: 768px) {
.ComparePropsTable__row.lines-x3 {
height: 98px;
max-height: 98px;
}
}
.ComparePropsTable__cell {
width: 310px;
margin-left: 35px;
}
.ComparePropsTable__cell.ComparePropsTable__bold {
font-weight: 400;
}
@media (max-width: 768px) {
.ComparePropsTable__cell {
width: 162px;
margin-left: 10px;
}
}
.ComparePropsTable__main .ComparePropsTable__cell {
margin-left: 0;
}
.ComparePropsTable__title {
padding-top: 20px;
padding-left: 38px;
height: 46px;
font-size: 12px;
line-height: 14px;
font-weight: 400;
letter-spacing: 0.37px;
color: #9aa8b6;
}
@media (max-width: 768px) {
.ComparePropsTable__title {
padding-left: 18px;
height: 43px;
}
}
.ControlsBlock__root .ControlsBlock__controlsBlockInner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 768px) {
.ControlsBlock__root .ControlsBlock__controlsBlockInner {
width: 260px;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
}
}
.CompareProductsBlock__root {
padding-top: 1px;
}
.CompareProductsBlock__sliderWrapper {
display: inline-block;
max-width: 100%;
font-size: 0;
}
.LsgPage__root {
overflow: hidden;
min-height: 100vh;
margin-top: 80px;
}
.LsgPage__root .LsgPage__componentName {
height: 65px;
margin-left: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
}
.LsgPage__root .LsgPage__line {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.SvgPage__root span {
width: 150px;
display: inline-block;
}
.SvgPage__root svg {
stroke: #1e2e3f;
}
.SvgPage__name {
margin-left: 10px;
}
.CcpProducts__root .CcpProducts__firstCard {
margin-left: 0;
}
.NeedMoreHelp__root .NeedMoreHelp__subtitle {
line-height: 28px;
margin: 25px auto 0;
}
@media (max-width: 768px) {
.NeedMoreHelp__root .NeedMoreHelp__subtitle {
margin-top: 20px;
}
}
.PatternHeading__root {
position: relative;
background-image: radial-gradient(
circle at center,
rgba(255, 255, 255, 0.3) 0,
rgba(255, 255, 255, 0) 100%
);
}
.PatternHeading__root .PatternHeading__pattern {
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
height: 255%;
overflow: hidden;
}
@media (max-width: 768px) {
.PatternHeading__root .PatternHeading__pattern {
height: 140%;
}
}
.ScrollableSections__root {
overflow: hidden;
}
@media (min-width: 1025px) {
.ScrollableSections__root .ScrollableSections__sectionHeader {
display: none;
}
}
.ScrollableSections__root .ScrollableSections__scrollableSection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
position: relative;
}
@media (max-width: 1024px) {
.ScrollableSections__root .ScrollableSections__scrollableSection .prefix {
color: #0180c9;
}
}
@media (max-width: 768px) {
.ScrollableSections__root .ScrollableSections__scrollableSection {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media (min-width: 1025px) {
.ScrollableSections__root .ScrollableSections__scrollableSection .prefix,
.ScrollableSections__root .ScrollableSections__scrollableSection .title {
display: none;
}
}
.ScrollableSections__root .ScrollableSections__featureText {
width: 30%;
margin-right: 10%;
padding-top: 145px;
}
@media (max-width: 1024px) {
.ScrollableSections__root .ScrollableSections__featureText {
width: 50%;
margin-right: 0;
margin-top: 15px;
padding-left: 8%;
}
}
@media (max-width: 768px) {
.ScrollableSections__root .ScrollableSections__featureText {
width: 100%;
margin-top: 30px;
padding: 0;
}
}
.ScrollableSections__root .ScrollableSections__mainFeatureImages {
width: 60%;
height: 470px;
margin-top: 80px;
}
@media (max-width: 1024px) {
.ScrollableSections__root .ScrollableSections__mainFeatureImages {
width: 50%;
}
}
@media (max-width: 768px) {
.ScrollableSections__root .ScrollableSections__mainFeatureImages {
width: 100%;
height: 320px;
margin-top: 30px;
}
}
@media (max-width: 1024px) {
.ScrollableSections__sideNavItem {
display: none;
}
}
.ScrollableSections__sideNavItem {
position: absolute;
top: 45px;
left: 0;
width: 24%;
z-index: 10;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.ScrollableSections__sideNavItem:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 12px;
width: 0;
height: 3px;
background-color: #0180c9;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ScrollableSections__sideNavLink {
display: inline-block;
width: 100%;
padding-left: calc(100% - 185px);
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #9aa8b6;
text-decoration: none;
text-align: left;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ScrollableSections__sideNavP {
position: absolute;
top: 42px;
left: 0;
width: 100%;
padding-left: calc(100% - 185px);
font-size: 24px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0.2px;
color: #1e2e3f;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.ScrollableSections__sideNavItem.active:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 12px;
width: calc(100% - 220px);
height: 3px;
background-color: #0180c9;
opacity: 1;
}
.ScrollableSections__sideNavItem.active .ScrollableSections__sideNavLink {
color: #0180c9;
}
.ScrollableSections__root:not([data-waypoint='true'])
.ScrollableSections__sideNavItem {
opacity: 0;
pointer-events: none;
}
.ScrollableSections__sideNavItem.active.withText .ScrollableSections__sideNavP {
opacity: 1;
pointer-events: auto;
}
.DateText__root .DateText__date {
font-family: Core Sans, sans-serif;
font-size: 54px;
font-weight: 800;
line-height: 60px;
}
.DateText__root.DateText__lightBg {
color: #1e2e3f;
}
.DateText__root.DateText__darkBg {
color: #fff;
}
.DateText__root.DateText__xSmall .DateText__text {
max-width: 400px;
font-size: 24px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0.2px;
margin-top: 20px;
}
@media (max-width: 768px) {
.DateText__root.DateText__xSmall .DateText__text {
max-width: none;
}
}
.DateText__root.DateText__small .DateText__text {
font-size: 30px;
line-height: 40px;
font-weight: 400;
letter-spacing: normal;
margin-top: 10px;
}
@media (max-width: 768px) {
.DateText__root.DateText__small .DateText__text {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.2px;
margin-top: 15px;
}
}
.DateText__root.DateText__big .DateText__text {
font-size: 44px;
font-weight: 400;
line-height: 58px;
letter-spacing: 0.4px;
margin-top: 12px;
}
@media (max-width: 768px) {
.DateText__root.DateText__big .DateText__text {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.2px;
}
}
.TextColumns__root.TextColumns__lightBg {
color: #5b6d81;
}
.TextColumns__root.TextColumns__darkBg {
color: #fff;
}
.TextColumns__root.TextColumns__narrow {
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.TextColumns__root.TextColumns__semiWide,
.TextColumns__root.TextColumns__vertical {
font-size: 14px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0.43px;
}
.TextColumns__root.TextColumns__semiWide p,
.TextColumns__root.TextColumns__vertical p {
max-width: 330px;
}
.TextColumns__root.TextColumns__wide {
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: normal;
}
.TextColumns__root.TextColumns__wide p {
margin-bottom: 30px;
}
@media (max-width: 768px) {
.TextColumns__root.TextColumns__wide p {
margin-bottom: 25px;
}
}
.TextColumns__root.TextColumns__vertical p {
margin-bottom: 20px;
max-width: none;
}
.BgAndSmallImgBlock__root {
position: relative;
}
.BgAndSmallImgBlock__root .BgAndSmallImgBlock__image {
width: 24.5%;
position: absolute;
right: 0;
bottom: -130px;
overflow: hidden;
z-index: 3;
}
@media (max-width: 768px) {
.BgAndSmallImgBlock__root .BgAndSmallImgBlock__image {
position: relative;
right: auto;
bottom: auto;
top: 160px;
width: 100%;
margin: -100px auto 0;
}
}
.BgAndSmallImgBlock__root .BgAndSmallImgBlock__image img {
width: 100%;
height: auto;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
@media (max-width: 768px) {
.BgAndSmallImgBlock__root .BgAndSmallImgBlock__image img {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
}
.PhotoText__root img {
width: 100%;
-webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.PhotoText__root img {
width: 90%;
}
}
.TimelineTopBlock__root {
border: 0;
}
.SideNavTimeline__root .SideNavTimeline__years {
float: left;
height: 100%;
text-align: right;
}
.SideNavTimeline__root .SideNavTimeline__line {
float: right;
position: relative;
top: 10px;
width: 1px;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
}
.SideNavTimeline__root .SideNavTimeline__line:before {
content: '';
position: absolute;
top: -10px;
left: -4px;
width: 10px;
height: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
}
.SideNavTimeline__root:after {
content: '';
display: table;
clear: both;
}
.SideNavTimeline__sideNavItem {
margin-bottom: 20px;
}
.SideNavTimeline__date {
display: inline-block;
width: 100%;
padding-left: 40%;
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #9aa8b6;
text-decoration: none;
}
.SideNavTimeline__root .active {
margin-bottom: 405px;
}
.SideNavTimeline__root .active .SideNavTimeline__sideNavLink {
color: #0180c9;
}
.InfoCard__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
border-radius: 8px;
padding: 55px 50px 60px;
text-align: center;
margin-top: 20px;
}
@media (max-width: 1024px) {
.InfoCard__root {
max-width: 650px;
margin: 20px auto 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: start;
}
}
@media (max-width: 768px) {
.InfoCard__root {
max-width: none;
padding: 55px 55px 60px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: center;
}
}
.InfoCard__root .InfoCard__info {
text-align: center;
}
@media (max-width: 1024px) {
.InfoCard__root .InfoCard__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 105px;
}
}
@media (max-width: 768px) {
.InfoCard__root .InfoCard__info {
display: block;
width: auto;
}
}
.InfoCard__root .InfoCard__number {
font-family: Core Sans, sans-serif;
font-size: 54px;
font-weight: 800;
line-height: 60px;
}
.InfoCard__root .InfoCard__subtitle {
display: block;
font-size: 14px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0.43px;
color: #9aa8b6;
margin-top: 8px;
}
.InfoCard__root .InfoCard__text {
font-size: 22px;
font-weight: 400;
line-height: 32px;
color: #1e2e3f;
margin-top: 60px;
}
@media (max-width: 1024px) {
.InfoCard__root .InfoCard__text {
width: 65%;
margin-top: 0;
}
}
@media (max-width: 768px) {
.InfoCard__root .InfoCard__text {
width: 100%;
margin-top: 60px;
}
}
.InfoCard__root.InfoCard__white .InfoCard__number,
.InfoCard__root.InfoCard__white .InfoCard__subtitle,
.InfoCard__root.InfoCard__white .InfoCard__text {
color: #fff;
}
.ThreeCardsBlock__root {
position: relative;
}
.DateColumnsImageBlock__root img {
display: block;
width: 100%;
height: auto;
border-radius: 8px;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.TimeLineCarousel__root {
border: 0;
}
.DateTextCarouselBlock__root img {
display: block;
width: 100%;
height: auto;
border-radius: 8px;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.TextAndColorCardsBlock__root .TextAndColorCardsBlock__smallText {
max-width: 310px;
margin-top: 60px;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #5b6d81;
}
@media (max-width: 768px) {
.TextAndColorCardsBlock__root .TextAndColorCardsBlock__smallText {
max-width: 82%;
margin-top: 30px;
}
}
.TimelinePage__root {
border: 0;
}
.TimelinePage__date {
position: absolute;
top: 0;
right: calc(100% - 128px);
z-index: 10;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-property: opacity, color;
transition-property: opacity, color;
}
.TimelinePage__date.TimelinePage__firstDate {
position: fixed;
top: 95px;
}
.TimelinePage__date.active {
color: #0180c9;
}
.TimelinePage__date.active.TimelinePage__activeWhite {
color: #fff;
}
.TimelinePage__date.active.TimelinePage__activeWhite[data-waypoint='true'] {
color: #0180c9;
}
.TimelinePage__slideLine {
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.TimelinePage__root:not([data-waypoint='true']) .TimelinePage__date,
.TimelinePage__root:not([data-waypoint='true']) .TimelinePage__sideLine {
opacity: 0;
pointer-events: none;
}
.SearchResultsNavPanel__root {
height: 90px;
background-color: #fff;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.SearchResultsNavPanel__root .SearchResultsNavPanel__title {
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.SearchResultsNavPanel__root[data-waypoint='true'] {
border-color: #e9ecef;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 50;
}
.LifestyleCard__root {
display: block;
width: 100%;
height: auto;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding-bottom: 20px;
text-decoration: none;
}
.LifestyleCard__root:visited {
color: #1e2e3f;
}
.LifestyleCard__root img {
width: 100%;
height: auto;
border-radius: inherit;
}
.LifestyleCard__root .LifestyleCard__prefix {
display: block;
margin: 20px 0 0 30px;
}
@media (max-width: 768px) {
.LifestyleCard__root .LifestyleCard__prefix {
margin-left: 20px;
margin-right: 20px;
}
}
.LifestyleCard__root .LifestyleCard__title {
max-width: 75%;
font-size: 22px;
font-weight: 400;
line-height: 32px;
margin: 10px 0 0 30px;
}
@media (max-width: 768px) {
.LifestyleCard__root .LifestyleCard__title {
margin-left: 20px;
margin-right: 20px;
height: 40px;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.2px;
}
}
.CategoriesMenuSliderSticky__root {
border: 0;
}
.CategoriesMenuSliderSticky__sticky {
background-color: #f4f5f6;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.CategoriesMenuSliderSticky__sticky.CategoriesMenuSliderSticky__white {
background-color: #fff;
}
@media (min-width: 769px) {
.CategoriesMenuSliderSticky__sticky[data-waypoint='true'] {
border-color: #e9ecef;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 50;
}
.CategoriesMenuSliderSticky__sticky.off {
-webkit-transform: translateY(-120px);
transform: translateY(-120px);
}
}
.LikeDislikeBlock__root .LikeDislikeBlock__title {
max-width: 600px;
font-size: 24px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0.4px;
}
.SearchResultsPage__root {
border: 0;
}
@media (max-width: 768px) {
.SearchResultsPage__section:not(.active) {
display: none;
}
}
.CompareTitleBlock__root {
position: relative;
height: 354px;
}
@media (max-width: 768px) {
.CompareTitleBlock__root {
height: 321px;
}
}
.JourneyTextBlock__root .JourneyTextBlock__text {
color: #5b6d81;
font-weight: 400;
line-height: 28px;
font-size: 18px;
margin-bottom: 30px;
}
.blueText {
color: #0180c9;
}
.JourneyFaq__toggle .collapsible {
background-color: rgba(233, 236, 239, 0.5);
}
.JourneyFaq__content {
overflow: auto;
max-height: calc(100vh - 250px);
}
.JourneyArticleCard__root {
border-radius: 8px;
text-decoration: none;
}
.JourneyArticleCard__root.JourneyArticleCard__white {
background-color: #fff;
}
.JourneyArticleCard__root.JourneyArticleCard__gray {
background-color: rgba(233, 236, 239, 0.4);
}
.JourneyArticleCard__root .JourneyArticleCard__button svg {
fill: #0180c9;
stroke: #0180c9;
}
.JourneyContact__root {
position: relative;
background-color: #75acc8;
color: #fff;
}
.JourneyContact__root .JourneyContact__text {
font-size: 30px;
font-weight: 300;
line-height: 40px;
}
.JourneyArticleTop__root {
color: #fff;
position: relative;
overflow: hidden;
background-color: #87cca4;
}
.JourneyArticleTop__root .JourneyArticleTop__logo {
fill: #fff;
stroke: #fff;
color: #fff;
}
.JourneyArticleTop__root .JourneyArticleTop__textBlock {
position: absolute;
width: 100%;
z-index: 1;
}
.JourneyArticleTop__root .JourneyArticleTop__title {
margin-left: auto;
margin-right: auto;
max-width: 655px;
}
@media (max-width: 768px) {
.JourneyArticleTop__root .JourneyArticleTop__title {
max-width: 325px;
}
}
.JourneyArticleContentBlock__root {
background-color: #e9ecef;
}
.JourneyArticleContentBlock__root .JourneyArticleContentBlock__content {
background-color: #fff;
}
.JourneyArticleContentBlock__root .JourneyArticleContentBlock__title {
color: #1e2e3f;
}
@media (max-width: 768px) {
.JourneyArticleContentBlock__root .JourneyArticleContentBlock__title {
letter-spacing: 0.4px;
}
}
.JourneyArticleContentBlock__root .JourneyArticleContentBlock__text {
color: #5b6d81;
}
.JourneyArticleContentBlock__root .JourneyArticleContentBlock__divider {
background-color: rgba(0, 0, 0, 0.16);
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 0;
}
.JourneyArticleContentBlock__root .JourneyArticleContentBlock__listItem {
line-height: 42px;
color: #5b6d81;
}
.JourneyArticleContentBlock__root .JourneyArticleContentBlock__image {
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
}
.SupportHomeHeroBlock__root {
position: relative;
height: 400px;
overflow: hidden;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
}
.SupportHomeHeroBlock__root .SupportHomeHeroBlock__logo {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.SupportHomeHeroBlock__root .SupportHomeHeroBlock__step {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.SupportHomeHeroBlock__root
.SupportHomeHeroBlock__step.SupportHomeHeroBlock__text {
color: #fff;
font-size: 54px;
font-weight: 800;
font-family: Core Sans, sans-serif;
}
@media (max-width: 768px) {
.SupportHomeHeroBlock__root
.SupportHomeHeroBlock__step.SupportHomeHeroBlock__text {
font-size: 44px;
}
}
.SupportHomeHeroBlock__root
.SupportHomeHeroBlock__step.SupportHomeHeroBlock__text
.SupportHomeHeroBlock__inner {
height: calc(100% - 100px);
width: 660px;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
visibility: hidden;
opacity: 0;
text-align: center;
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;
-webkit-transition: all 0.5s, height 4s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s, height 4s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
@media (max-width: 768px) {
.SupportHomeHeroBlock__root
.SupportHomeHeroBlock__step.SupportHomeHeroBlock__text
.SupportHomeHeroBlock__inner {
width: 334px;
height: calc(100% - 300px);
}
}
.SupportHomeHeroBlock__root[data-step='1'],
.SupportHomeHeroBlock__root[data-step='2'] {
height: 400px !important;
-webkit-transition: height 4s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: height 4s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
@media (max-width: 768px) {
.SupportHomeHeroBlock__root[data-step='1'],
.SupportHomeHeroBlock__root[data-step='2'] {
height: 495px !important;
}
}
.SupportHomeHeroBlock__root[data-step='1']
.SupportHomeHeroBlock__step.SupportHomeHeroBlock__text
.SupportHomeHeroBlock__inner,
.SupportHomeHeroBlock__root[data-step='2']
.SupportHomeHeroBlock__step.SupportHomeHeroBlock__text
.SupportHomeHeroBlock__inner {
height: 400px !important;
}
.SupportHomeHeroBlock__root[data-step='0'],
.SupportHomeHeroBlock__root[data-step='1'] {
background-color: #75acc8;
}
.SupportHomeHeroBlock__root[data-step='0'] .SupportHomeHeroBlock__logo,
.SupportHomeHeroBlock__root[data-step='1'] .SupportHomeHeroBlock__logo {
color: #fff;
}
.SupportHomeHeroBlock__root[data-step='0']
.SupportHomeHeroBlock__step.SupportHomeHeroBlock__text
.SupportHomeHeroBlock__inner:first-child,
.SupportHomeHeroBlock__root[data-step='0']
.SupportHomeHeroBlock__step:first-child,
.SupportHomeHeroBlock__root[data-step='1']
.SupportHomeHeroBlock__step.SupportHomeHeroBlock__text
.SupportHomeHeroBlock__inner:last-child,
.SupportHomeHeroBlock__root[data-step='1']
.SupportHomeHeroBlock__step:first-child,
.SupportHomeHeroBlock__root[data-step='2']
.SupportHomeHeroBlock__step:last-child {
visibility: visible;
opacity: 1;
}
.Hr__root {
position: relative;
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
}
.Hr__root .Hr__circle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 50%;
top: -16px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 31px;
height: 31px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
color: #9aa8b6;
font-size: 12px;
line-height: 14px;
font-weight: 500;
letter-spacing: 0.37px;
}
.SupportManualsPage__root {
border: 0;
}
.CategoryResultTopPanel__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.CategoryResultTopPanel__root .CategoryResultTopPanel__text {
font-size: 18px;
line-height: 28px;
font-weight: 400;
}
.CategoryResultTopPanel__root .CategoryResultTopPanel__featuredButton button {
font-weight: 500;
}
@media (max-width: 768px) {
.CategoryResultTopPanel__root .CategoryResultTopPanel__featuredButton button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
border: 0;
background: 0;
}
}
.PartsAndAccessoriesResult__root {
border: 0;
}
.ManualsResultProduct__root {
border: 0;
}
.SupportManualsResultPage__root {
border: 0;
}
.SafetyNoticesPage__root {
border: 0;
}
.RegisterTop__root {
color: #fff;
position: relative;
overflow: hidden;
background-color: #5b6d81;
}
.RegisterTop__root .RegisterTop__logo {
display: none;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 30px;
width: 66px;
height: 38px;
color: #fff;
fill: #fff;
stroke: #fff;
}
@media (max-width: 768px) {
.RegisterTop__root .RegisterTop__logo {
display: block;
}
}
.RegisterRelatedProducts__root {
position: relative;
overflow: hidden;
}
.RegisterRelatedProducts__root .RegisterRelatedProducts__header h4 {
width: 100%;
}
@media (max-width: 768px) {
.RegisterRelatedProducts__root .RegisterRelatedProducts__header h4 {
max-width: 200px;
}
}
.RegisterRelatedProducts__root .RegisterRelatedProducts__header p {
width: 446px;
}
@media (max-width: 768px) {
.RegisterRelatedProducts__root .RegisterRelatedProducts__header p {
max-width: 313px;
}
}
.RegisterRelatedProducts__root .RegisterRelatedProducts__reference {
color: #0180c9;
text-decoration: none;
}
.WarrantyCard__root .WarrantyCard__years {
font-weight: 800;
line-height: 60px;
font-size: 54px;
}
.RegisterWarranty__root {
display: block;
}
.RegisterWarranty__root .RegisterWarranty__ourRangeSlider {
position: absolute;
width: 100%;
}
.RegisterContacts__root {
position: relative;
overflow: hidden;
}
.RegisterContacts__root .RegisterContacts__phone {
font-family: Core Sans, sans-serif;
font-style: normal;
font-weight: 800;
line-height: 34px;
font-size: 36px;
text-decoration: none;
}
.RegisterContacts__root .RegisterContacts__divider {
background-color: rgba(0, 0, 0, 0.1);
}
.RegisterSupport__root {
display: block;
position: relative;
background-color: #75acc8;
border-radius: 8px;
color: #fff;
}
.RegisterSupport__root .RegisterSupport__title {
font-weight: 400;
line-height: 40px;
font-size: 30px;
}
.RegisterSupport__root .RegisterSupport__desc {
font-weight: 400;
line-height: 28px;
font-size: 18px;
}
@media (max-width: 768px) {
.RegisterSupport__wrapper {
background-color: #75acc8;
}
}
.SimpleNumberCard__root {
position: relative;
width: 310px;
height: 349px;
border-radius: 8px;
background-color: #fff;
}
@media (max-width: 768px) {
.SimpleNumberCard__root {
width: auto;
height: auto;
}
}
.SimpleNumberCard__root:first-child {
margin-left: 0;
}
.SimpleNumberCard__number {
margin-left: auto;
margin-right: auto;
width: 50px;
height: 50px;
line-height: 50px;
background-color: rgba(233, 236, 239, 0.5);
border-radius: 50%;
font-size: 18px;
color: #0180c9;
text-align: center;
}
@media (max-width: 768px) {
.SimpleNumberCard__number {
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.SimpleNumberCard__title {
font-size: 22px;
line-height: 32px;
color: #1e2e3f;
text-align: center;
}
@media (max-width: 768px) {
.SimpleNumberCard__title {
font-size: 18px;
line-height: 24px;
text-align: left;
}
}
.SupportRegistrationIntro__root {
padding-top: 1px;
}
.SupportRegistrationIntro__logo {
width: 100%;
height: auto;
color: #0180c9;
}
.SupportRegistrationIntro__title {
margin-left: auto;
margin-right: auto;
width: 655px;
font-family: Core Sans, sans-serif;
font-weight: 800;
font-size: 44px;
line-height: 48px;
color: #1e2e3f;
text-align: center;
}
@media (max-width: 768px) {
.SupportRegistrationIntro__title {
width: auto;
font-size: 30px;
line-height: 36px;
}
}
.StateStepsCard__root {
position: relative;
display: block;
width: 278px;
height: 210px;
background-color: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1024px) {
.StateStepsCard__root {
display: none;
width: 100%;
height: auto;
border: 1px solid rgba(0, 0, 0, 0.1);
border-top-color: transparent;
}
}
.StateStepsCard__root:first-child {
border-top-color: transparent;
}
.StateStepsCard__root.ready {
cursor: pointer;
}
.StateStepsCard__root.current {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
z-index: 1;
}
@media (max-width: 1024px) {
.StateStepsCard__root.current {
display: block;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
}
.StateStepsCard__icon {
position: absolute;
stroke: #3ba936;
display: none;
}
.StateStepsCard__root.ready .StateStepsCard__icon {
display: block;
}
.StateStepsCard__content {
position: absolute;
width: 174px;
text-align: left;
}
@media (max-width: 1024px) {
.StateStepsCard__content {
position: static;
padding: 14px 70px 18px;
width: auto;
text-align: center;
}
}
.StateStepsCard__prefix {
font-weight: 300;
}
@media (max-width: 1024px) {
.StateStepsCard__prefix {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.43px;
}
}
.StateStepsCard__title {
font-size: 22px;
line-height: 32px;
color: #9aa8b6;
}
@media (max-width: 1024px) {
.StateStepsCard__title {
font-size: 18px;
line-height: 28px;
}
}
.StateStepsCard__root.current .StateStepsCard__title {
color: #0180c9;
}
@media (max-width: 1024px) {
.StateStepsCard__root.current .StateStepsCard__title {
color: #1e2e3f;
}
}
.StateStepsCard__root.ready .StateStepsCard__title {
color: #1e2e3f;
}
.DatePicker__root {
position: relative;
width: 100%;
height: 72px;
background-color: #fff;
border-radius: 8px;
} /*
* Datepicker v1.0.4
* https://fengyuanchen.github.io/datepicker
*
* Copyright 2014-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2019-01-06T02:42:32.803Z
*/
.datepicker-container {
background-color: #fff;
direction: ltr;
font-size: 12px;
left: 0;
line-height: 30px;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: none;
touch-action: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 210px;
z-index: -1;
}
.datepicker-container:after,
.datepicker-container:before {
border: 5px solid transparent;
content: ' ';
display: block;
height: 0;
position: absolute;
width: 0;
}
.datepicker-dropdown {
border: 1px solid #ccc;
-webkit-box-shadow: 0 3px 6px #ccc;
box-shadow: 0 3px 6px #ccc;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
z-index: 1;
}
.datepicker-inline {
position: static;
}
.datepicker-top-left,
.datepicker-top-right {
border-top-color: #39f;
}
.datepicker-top-left:after,
.datepicker-top-left:before,
.datepicker-top-right:after,
.datepicker-top-right:before {
border-top: 0;
left: 10px;
top: -5px;
}
.datepicker-top-left:before,
.datepicker-top-right:before {
border-bottom-color: #39f;
}
.datepicker-top-left:after,
.datepicker-top-right:after {
border-bottom-color: #fff;
top: -4px;
}
.datepicker-bottom-left,
.datepicker-bottom-right {
border-bottom-color: #39f;
}
.datepicker-bottom-left:after,
.datepicker-bottom-left:before,
.datepicker-bottom-right:after,
.datepicker-bottom-right:before {
border-bottom: 0;
bottom: -5px;
left: 10px;
}
.datepicker-bottom-left:before,
.datepicker-bottom-right:before {
border-top-color: #39f;
}
.datepicker-bottom-left:after,
.datepicker-bottom-right:after {
border-top-color: #fff;
bottom: -4px;
}
.datepicker-bottom-right:after,
.datepicker-bottom-right:before,
.datepicker-top-right:after,
.datepicker-top-right:before {
left: auto;
right: 10px;
}
.datepicker-panel > ul {
margin: 0;
padding: 0;
width: 102%;
}
.datepicker-panel > ul:after,
.datepicker-panel > ul:before {
content: ' ';
display: table;
}
.datepicker-panel > ul:after {
clear: both;
}
.datepicker-panel > ul > li {
background-color: #fff;
cursor: pointer;
float: left;
height: 30px;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
width: 30px;
}
.datepicker-panel > ul > li:hover {
background-color: #e5f2ff;
}
.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
color: #999;
}
.datepicker-panel > ul > li.highlighted {
background-color: #e5f2ff;
}
.datepicker-panel > ul > li.highlighted:hover {
background-color: #cce5ff;
}
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
color: #39f;
}
.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
background-color: #fff;
color: #ccc;
cursor: default;
}
.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
background-color: #e5f2ff;
}
.datepicker-panel > ul > li[data-view='month next'],
.datepicker-panel > ul > li[data-view='month prev'],
.datepicker-panel > ul > li[data-view='year next'],
.datepicker-panel > ul > li[data-view='year prev'],
.datepicker-panel > ul > li[data-view='years next'],
.datepicker-panel > ul > li[data-view='years prev'],
.datepicker-panel > ul > li[data-view='next'] {
font-size: 18px;
}
.datepicker-panel > ul > li[data-view='month current'],
.datepicker-panel > ul > li[data-view='year current'],
.datepicker-panel > ul > li[data-view='years current'] {
width: 150px;
}
.datepicker-panel > ul[data-view='months'] > li,
.datepicker-panel > ul[data-view='years'] > li {
height: 52.5px;
line-height: 52.5px;
width: 52.5px;
}
.datepicker-panel > ul[data-view='week'] > li,
.datepicker-panel > ul[data-view='week'] > li:hover {
background-color: #fff;
cursor: default;
}
.datepicker-hide {
display: none;
}
.datepicker-container {
width: 318px;
font-family: Core Sans, sans-serif;
font-weight: 500;
line-height: 18px;
border-radius: 8px;
}
@media (max-width: 375px) {
.datepicker-container {
width: calc(100% - 36px);
}
}
.datepicker-top-left,
.datepicker-top-right {
border-top: transparent;
}
.datepicker-container:after,
.datepicker-container:before {
display: none;
}
.datepicker-dropdown {
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
border-color: transparent;
}
.datepicker-panel {
padding-top: 30px;
padding-bottom: 15px;
}
@media (max-width: 375px) {
.datepicker-panel {
padding-top: 20px;
padding-bottom: 10px;
}
}
.datepicker-panel > ul > li {
width: 40px;
height: 38px;
line-height: 37px;
margin: 1px;
}
@media (max-width: 375px) {
.datepicker-panel > ul > li {
width: 35px;
height: 33px;
line-height: 32px;
}
}
.datepicker-panel > ul > li[data-view='month next'],
.datepicker-panel > ul > li[data-view='month prev'],
.datepicker-panel > ul > li[data-view='year next'],
.datepicker-panel > ul > li[data-view='year prev'],
.datepicker-panel > ul > li[data-view='years next'],
.datepicker-panel > ul > li[data-view='years prev'] {
position: relative;
top: -5px;
width: 30px;
}
.datepicker-panel > ul > li[data-view='month prev'],
.datepicker-panel > ul > li[data-view='year prev'],
.datepicker-panel > ul > li[data-view='years prev'] {
left: 17px;
}
.datepicker-panel > ul > li[data-view='month next'],
.datepicker-panel > ul > li[data-view='year next'],
.datepicker-panel > ul > li[data-view='years next'] {
left: 9px;
}
@media (max-width: 375px) {
.datepicker-panel > ul > li[data-view='month next'],
.datepicker-panel > ul > li[data-view='month prev'],
.datepicker-panel > ul > li[data-view='year next'],
.datepicker-panel > ul > li[data-view='year prev'],
.datepicker-panel > ul > li[data-view='years next'],
.datepicker-panel > ul > li[data-view='years prev'] {
left: 8px;
}
}
.datepicker-panel > ul > li[data-view='month next'] svg,
.datepicker-panel > ul > li[data-view='month prev'] svg,
.datepicker-panel > ul > li[data-view='year next'] svg,
.datepicker-panel > ul > li[data-view='year prev'] svg,
.datepicker-panel > ul > li[data-view='years next'] svg,
.datepicker-panel > ul > li[data-view='years prev'] svg {
width: 18px;
height: 18px;
pointer-events: none;
}
.datepicker-panel > ul > li[data-view='month current'],
.datepicker-panel > ul > li[data-view='year current'],
.datepicker-panel > ul > li[data-view='years current'] {
width: 200px;
height: 40px;
margin-left: 28px;
font-size: 18px;
line-height: 22px;
font-weight: 400;
}
@media (max-width: 375px) {
.datepicker-panel > ul > li[data-view='month current'],
.datepicker-panel > ul > li[data-view='year current'],
.datepicker-panel > ul > li[data-view='years current'] {
width: 175px;
height: 35px;
margin-left: 16px;
line-height: 20px;
}
}
.datepicker-panel > ul[data-view='days'],
.datepicker-panel > ul[data-view='months'],
.datepicker-panel > ul[data-view='week'],
.datepicker-panel > ul[data-view='years'] {
padding: 0 13px;
}
@media (max-width: 375px) {
.datepicker-panel > ul {
width: 270px;
margin: 0 auto;
}
.datepicker-panel > ul[data-view='days'],
.datepicker-panel > ul[data-view='week'] {
padding: 0 0 0 6px;
}
.datepicker-panel > ul[data-view='months'],
.datepicker-panel > ul[data-view='years'] {
padding: 0 0 0 3px;
}
}
.datepicker-panel > ul[data-view='months'] > li,
.datepicker-panel > ul[data-view='years'] > li {
width: 56.3px;
height: 56.3px;
line-height: 56.3px;
}
@media (max-width: 375px) {
.datepicker-panel > ul[data-view='months'] > li,
.datepicker-panel > ul[data-view='years'] > li {
width: 50.5px;
height: 50.5px;
line-height: 50.5px;
}
}
.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover,
.datepicker-panel > ul[data-view='week'] > li {
color: #9aa8b6;
}
.datepicker-panel > ul > li:hover {
background-color: transparent;
}
.datepicker-panel > ul[data-view='days'] > li:hover,
.datepicker-panel > ul[data-view='months'] > li:hover,
.datepicker-panel > ul[data-view='years'] > li:hover {
background-color: #e5f2ff;
border-radius: 50%;
}
.datepicker-panel > ul > li.highlighted {
background-color: transparent;
}
.datepicker-panel > ul > li.picked {
border-radius: 50%;
}
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
color: #fff;
background-color: #0180c9;
}
.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
color: rgba(0, 0, 0, 0.3);
}
.SupportRegistrationDetails__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1024px) {
.SupportRegistrationDetails__root {
display: block;
}
}
.SupportRegistrationDetails__content {
position: relative;
width: 660px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 769px) {
.SupportRegistrationDetails__content {
margin-left: 115px;
}
}
@media (min-width: 1440px) {
.SupportRegistrationDetails__content {
margin-left: auto;
left: -135px;
}
}
@media (max-width: 1280px) {
.SupportRegistrationDetails__content {
margin-left: auto;
}
}
@media (max-width: 768px) {
.SupportRegistrationDetails__content {
width: auto;
}
}
.SupportRegistrationDetails__title {
margin-left: auto;
margin-right: auto;
font-family: Core Sans, sans-serif;
font-weight: 800;
font-size: 44px;
line-height: 48px;
color: #1e2e3f;
}
@media (max-width: 768px) {
.SupportRegistrationDetails__title {
width: auto;
font-size: 30px;
line-height: 36px;
}
}
.OfferCard__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 890px;
height: 144px;
border-radius: 8px;
background-color: #fff;
overflow: hidden;
}
@media (max-width: 1439px) {
.OfferCard__root {
display: block;
width: 100%;
height: auto;
}
}
.OfferCard__productInfo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 144px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1439px) {
.OfferCard__productInfo {
width: 100%;
border-right: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
}
.OfferCard__imageWrapper {
position: relative;
width: 117px;
height: 100%;
}
@media (max-width: 768px) {
.OfferCard__imageWrapper {
min-width: 117px;
}
}
.OfferCard__image {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 20px;
max-width: 100%;
max-height: 100%;
}
.OfferCard__titleWrapper {
width: 250px;
}
@media (max-width: 1439px) {
.OfferCard__titleWrapper {
width: auto;
}
}
.OfferCard__title {
font-size: 18px;
line-height: 24px;
color: #1e2e3f;
}
.OfferBonusesCard__root {
padding-top: 1px;
margin-top: 10px;
position: relative;
width: 311px;
height: 291px;
background-color: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.OfferBonusesCard__root {
margin-left: auto;
margin-right: auto;
width: auto;
}
}
@media (max-width: 768px) {
.OfferBonusesCard__root:first-child {
margin-top: 0;
}
}
.OfferBonusesCard__root.disabled {
-webkit-box-shadow: none;
box-shadow: none;
}
.OfferBonusesCard__icon {
width: 30px;
height: 46px;
color: #bcc7d3;
stroke: #bcc7d3;
fill: #bcc7d3;
}
.OfferBonusesCard__icon.warranty {
width: 30px;
height: 46px;
}
.OfferBonusesCard__icon.cash {
width: 54px;
height: 31px;
}
.OfferBonusesCard__icon.gift {
width: 38px;
height: 40px;
}
.OfferBonusesCard__title {
font-size: 22px;
line-height: 30px;
color: #0180c9;
text-align: center;
}
.OfferBonusesCard__root.disabled .OfferBonusesCard__title {
color: #1e2e3f;
}
.OfferBonusesCard__description {
font-size: 16px;
line-height: 26px;
color: #5b6d81;
text-align: center;
}
.OfferBonusesCard__checkmark {
position: relative;
width: 25px;
height: 25px;
border: 2px solid #0180c9;
background-color: #0180c9;
border-radius: 50%;
}
.OfferBonusesCard__root.disabled .OfferBonusesCard__checkmark {
background-color: transparent;
border-color: #bcc7d3;
}
.OfferBonusesCard__checkmarkIcon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 12px;
height: 9px;
color: #fff;
fill: #fff;
stroke: #fff;
}
.OfferBonusesCard__root.disabled .OfferBonusesCard__checkmarkIcon {
color: #bcc7d3;
fill: #bcc7d3;
stroke: #bcc7d3;
}
.OfferBonusesList__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
@media (max-width: 768px) {
.OfferBonusesList__root {
display: block;
}
}
.SupportRegistrationOffers__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1024px) {
.SupportRegistrationOffers__root {
display: block;
}
}
.SupportRegistrationOffers__content {
position: relative;
width: 660px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 769px) {
.SupportRegistrationOffers__content {
margin-left: 115px;
}
}
@media (min-width: 1440px) {
.SupportRegistrationOffers__content {
margin-left: auto;
left: -135px;
}
}
@media (max-width: 1280px) {
.SupportRegistrationOffers__content {
margin-left: auto;
}
}
@media (max-width: 768px) {
.SupportRegistrationOffers__content {
width: auto;
}
}
.SupportRegistrationOffers__title {
margin-left: auto;
margin-right: auto;
font-family: Core Sans, sans-serif;
font-weight: 800;
font-size: 44px;
line-height: 48px;
color: #1e2e3f;
}
@media (max-width: 768px) {
.SupportRegistrationOffers__title {
width: auto;
font-size: 30px;
line-height: 36px;
}
}
.SupportRegistrationOffers__subTitle {
font-size: 18px;
line-height: 28px;
color: #5b6d81;
}
.SupportRegistrationOffers__postscript {
font-weight: 500;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.3px;
color: #1e2e3f;
}
.SupportRegistrationOffers__link {
color: #0180c9;
text-decoration: none;
}
@-webkit-keyframes FileUploader__preloader {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
70% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
opacity: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes FileUploader__preloader {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
70% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
opacity: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.FileUploader__root {
position: relative;
margin-top: 20px;
width: 100%;
height: 92px;
overflow: hidden;
background-color: #fff;
border-radius: 8px;
cursor: pointer;
border: 1px solid transparent;
-webkit-transition: border-color 0.3s ease-out;
transition: border-color 0.3s ease-out;
}
@media (max-width: 768px) {
.FileUploader__root {
height: 166px;
text-align: center;
}
}
.FileUploader__root.file-error {
border-color: #e40313;
-webkit-transition: border-color 0.3s ease-out 0.8s;
transition: border-color 0.3s ease-out 0.8s;
}
.FileUploader__preloaderIconWrapper {
display: inline-block;
vertical-align: top;
height: 92px;
width: 0;
overflow: hidden;
-webkit-transition: width 0.3s ease-out;
transition: width 0.3s ease-out;
}
.FileUploader__root.preloader .FileUploader__preloaderIconWrapper {
width: 52px;
-webkit-transition: width 0.3s ease-out 0.8s;
transition: width 0.3s ease-out 0.8s;
}
.FileUploader__checkmarkIcon,
.FileUploader__errorIcon {
margin-left: 30px;
height: 100%;
}
@media (max-width: 768px) {
.FileUploader__checkmarkIcon,
.FileUploader__errorIcon {
margin-left: 0;
margin-right: 30px;
}
}
.FileUploader__checkmarkIcon {
stroke: #3ba936;
}
.FileUploader__root.file-error .FileUploader__checkmarkIcon {
display: none;
}
.FileUploader__errorIcon {
display: none;
width: 22px;
padding-left: 6px;
color: #e40313;
fill: #e40313;
stroke: #e40313;
}
.FileUploader__root.file-error .FileUploader__errorIcon {
display: block;
}
.FileUploader__preloader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #bcc7d3;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.FileUploader__root.preloader .FileUploader__preloader {
-webkit-animation: FileUploader__preloader 0.8s cubic-bezier(0.86, 0, 0.07, 1);
animation: FileUploader__preloader 0.8s cubic-bezier(0.86, 0, 0.07, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.FileUploader__uploadTitle {
position: relative;
display: inline-block;
vertical-align: top;
margin-left: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
line-height: 92px;
color: #0180c9;
}
@media (max-width: 768px) {
.FileUploader__uploadTitle {
position: absolute;
display: inline-block;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
width: 320px;
text-align: center;
white-space: normal;
line-height: 27px !important;
top: 100px;
right: 0;
left: 0;
margin: 0 auto;
}
}
.FileUploader__uploadTitle.name {
color: #1e2e3f;
max-width: calc(100% - 200px);
}
@media (max-width: 768px) {
.FileUploader__uploadTitle.name {
max-width: calc(100% - 100px);
}
}
.FileUploader__iconWrapper {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 30px;
width: 60px;
height: 60px;
border: 1px solid #e9ecef;
border-radius: 50%;
}
@media (max-width: 768px) {
.FileUploader__iconWrapper {
right: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin-top: -7%;
}
}
@media (max-width: 768px) {
.FileUploader__uploadIconWrapper {
left: calc(50% - 40px);
}
}
@media (max-width: 768px) {
.FileUploader__photoIconWrapper {
left: calc(50% + 40px);
}
}
.FileUploader__icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.FileUploader__uploadIcon {
width: 19px;
height: 21px;
stroke: #0180c9;
fill: #0180c9;
}
.FileUploader__photoIcon {
display: none;
width: 25px;
height: 18px;
fill: #0180c9;
}
@media (max-width: 768px) {
.FileUploader__photoIcon {
display: block;
}
}
.FileUploader__uploadWarning {
font-size: 14px;
line-height: 22px;
letter-spacing: 0.43px;
color: #5b6d81;
}
.Recaptcha__root .Recaptcha__years {
font-weight: 800;
line-height: 60px;
font-size: 54px;
}
.SupportRegistrationInfo__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1024px) {
.SupportRegistrationInfo__root {
display: block;
}
}
.SupportRegistrationInfo__content {
position: relative;
width: 875px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 769px) {
.SupportRegistrationInfo__content {
margin-left: 60px;
}
}
@media (min-width: 1440px) {
.SupportRegistrationInfo__content {
margin-left: auto;
left: -25px;
}
}
@media (max-width: 1280px) {
.SupportRegistrationInfo__content {
margin-left: auto;
width: 90%;
}
}
@media (max-width: 1024px) {
.SupportRegistrationInfo__content {
width: 95%;
}
}
@media (max-width: 768px) {
.SupportRegistrationInfo__content {
width: auto;
}
}
.SupportRegistrationInfo__title {
margin-left: auto;
margin-right: auto;
font-family: Core Sans, sans-serif;
font-weight: 800;
font-size: 44px;
line-height: 48px;
color: #1e2e3f;
}
@media (max-width: 768px) {
.SupportRegistrationInfo__title {
width: auto;
font-size: 30px;
line-height: 36px;
}
}
.SupportRegistrationInfo__subTitle {
font-size: 18px;
line-height: 28px;
color: #5b6d81;
}
.SimpleOfferBonusesCard__root {
padding-top: 1px;
position: relative;
width: 160px;
height: 73px;
}
@media (max-width: 768px) {
.SimpleOfferBonusesCard__root {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 374px) {
.SimpleOfferBonusesCard__root {
width: 284px;
}
}
@media (max-width: 768px) {
.SimpleOfferBonusesCard__root:first-child {
margin-top: 0;
}
}
.SimpleOfferBonusesCard__icon {
width: 30px;
height: 46px;
color: #bcc7d3;
stroke: #bcc7d3;
fill: #bcc7d3;
}
.SimpleOfferBonusesCard__icon.promise1 {
width: 23px;
height: 35px;
}
.SimpleOfferBonusesCard__icon.gift {
width: 27px;
height: 28px;
}
.SimpleOfferBonusesCard__title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
font-size: 18px;
line-height: 26px;
color: #1e2e3f;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.SimpleOfferBonusesCard__root.disabled .SimpleOfferBonusesCard__title {
color: #1e2e3f;
}
.SimpleOfferBonusesCard__description {
font-size: 16px;
line-height: 26px;
color: #5b6d81;
text-align: center;
}
.SimpleOfferBonusesCard__checkmark {
position: relative;
width: 25px;
height: 25px;
border: 2px solid #0180c9;
background-color: #0180c9;
border-radius: 50%;
}
.SimpleOfferBonusesCard__root.disabled .SimpleOfferBonusesCard__checkmark {
background-color: transparent;
border-color: #bcc7d3;
}
.SimpleOfferBonusesCard__checkmarkIcon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 12px;
height: 9px;
color: #fff;
fill: #fff;
stroke: #fff;
}
.SimpleOfferBonusesCard__root.disabled .SimpleOfferBonusesCard__checkmarkIcon {
color: #bcc7d3;
fill: #bcc7d3;
stroke: #bcc7d3;
}
.SimpleOfferBonusesList__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
@media (max-width: 768px) {
.SimpleOfferBonusesList__root {
display: block;
}
}
.ProductSingleCard__container {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 769px) {
.ProductSingleCard__container {
max-width: 1800px;
}
}
.ProductSingleCard__container-fluid {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
.ProductSingleCard__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1.25%;
margin-left: -1.25%;
}
.ProductSingleCard__no-gutters {
margin-right: 0;
margin-left: 0;
}
.ProductSingleCard__no-gutters > .ProductSingleCard__col,
.ProductSingleCard__no-gutters > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.ProductSingleCard__col,
.ProductSingleCard__col-1,
.ProductSingleCard__col-2,
.ProductSingleCard__col-3,
.ProductSingleCard__col-4,
.ProductSingleCard__col-5,
.ProductSingleCard__col-6,
.ProductSingleCard__col-7,
.ProductSingleCard__col-8,
.ProductSingleCard__col-9,
.ProductSingleCard__col-10,
.ProductSingleCard__col-11,
.ProductSingleCard__col-12,
.ProductSingleCard__col-auto,
.ProductSingleCard__col-lg,
.ProductSingleCard__col-lg-1,
.ProductSingleCard__col-lg-2,
.ProductSingleCard__col-lg-3,
.ProductSingleCard__col-lg-4,
.ProductSingleCard__col-lg-5,
.ProductSingleCard__col-lg-6,
.ProductSingleCard__col-lg-7,
.ProductSingleCard__col-lg-8,
.ProductSingleCard__col-lg-9,
.ProductSingleCard__col-lg-10,
.ProductSingleCard__col-lg-11,
.ProductSingleCard__col-lg-12,
.ProductSingleCard__col-lg-auto,
.ProductSingleCard__col-md,
.ProductSingleCard__col-md-1,
.ProductSingleCard__col-md-2,
.ProductSingleCard__col-md-3,
.ProductSingleCard__col-md-4,
.ProductSingleCard__col-md-5,
.ProductSingleCard__col-md-6,
.ProductSingleCard__col-md-7,
.ProductSingleCard__col-md-8,
.ProductSingleCard__col-md-9,
.ProductSingleCard__col-md-10,
.ProductSingleCard__col-md-11,
.ProductSingleCard__col-md-12,
.ProductSingleCard__col-md-auto,
.ProductSingleCard__col-xl,
.ProductSingleCard__col-xl-1,
.ProductSingleCard__col-xl-2,
.ProductSingleCard__col-xl-3,
.ProductSingleCard__col-xl-4,
.ProductSingleCard__col-xl-5,
.ProductSingleCard__col-xl-6,
.ProductSingleCard__col-xl-7,
.ProductSingleCard__col-xl-8,
.ProductSingleCard__col-xl-9,
.ProductSingleCard__col-xl-10,
.ProductSingleCard__col-xl-11,
.ProductSingleCard__col-xl-12,
.ProductSingleCard__col-xl-auto,
.ProductSingleCard__col-xs,
.ProductSingleCard__col-xs-1,
.ProductSingleCard__col-xs-2,
.ProductSingleCard__col-xs-3,
.ProductSingleCard__col-xs-4,
.ProductSingleCard__col-xs-5,
.ProductSingleCard__col-xs-6,
.ProductSingleCard__col-xs-7,
.ProductSingleCard__col-xs-8,
.ProductSingleCard__col-xs-9,
.ProductSingleCard__col-xs-10,
.ProductSingleCard__col-xs-11,
.ProductSingleCard__col-xs-12,
.ProductSingleCard__col-xs-auto,
.ProductSingleCard__col-xxl,
.ProductSingleCard__col-xxl-1,
.ProductSingleCard__col-xxl-2,
.ProductSingleCard__col-xxl-3,
.ProductSingleCard__col-xxl-4,
.ProductSingleCard__col-xxl-5,
.ProductSingleCard__col-xxl-6,
.ProductSingleCard__col-xxl-7,
.ProductSingleCard__col-xxl-8,
.ProductSingleCard__col-xxl-9,
.ProductSingleCard__col-xxl-10,
.ProductSingleCard__col-xxl-11,
.ProductSingleCard__col-xxl-12,
.ProductSingleCard__col-xxl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 1.25%;
padding-left: 1.25%;
}
.ProductSingleCard__col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ProductSingleCard__col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ProductSingleCard__col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ProductSingleCard__col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ProductSingleCard__col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ProductSingleCard__col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ProductSingleCard__col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ProductSingleCard__col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ProductSingleCard__col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ProductSingleCard__col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ProductSingleCard__col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ProductSingleCard__col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ProductSingleCard__col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ProductSingleCard__col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ProductSingleCard__order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ProductSingleCard__order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ProductSingleCard__order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ProductSingleCard__order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ProductSingleCard__order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ProductSingleCard__order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ProductSingleCard__order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ProductSingleCard__order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ProductSingleCard__order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ProductSingleCard__order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ProductSingleCard__order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ProductSingleCard__order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ProductSingleCard__order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ProductSingleCard__order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ProductSingleCard__order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ProductSingleCard__offset-1 {
margin-left: 8.33333%;
}
.ProductSingleCard__offset-2 {
margin-left: 16.66667%;
}
.ProductSingleCard__offset-3 {
margin-left: 25%;
}
.ProductSingleCard__offset-4 {
margin-left: 33.33333%;
}
.ProductSingleCard__offset-5 {
margin-left: 41.66667%;
}
.ProductSingleCard__offset-6 {
margin-left: 50%;
}
.ProductSingleCard__offset-7 {
margin-left: 58.33333%;
}
.ProductSingleCard__offset-8 {
margin-left: 66.66667%;
}
.ProductSingleCard__offset-9 {
margin-left: 75%;
}
.ProductSingleCard__offset-10 {
margin-left: 83.33333%;
}
.ProductSingleCard__offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 375px) {
.ProductSingleCard__col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ProductSingleCard__col-xs-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ProductSingleCard__col-xs-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ProductSingleCard__col-xs-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ProductSingleCard__col-xs-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ProductSingleCard__col-xs-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ProductSingleCard__col-xs-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ProductSingleCard__col-xs-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ProductSingleCard__col-xs-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ProductSingleCard__col-xs-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ProductSingleCard__col-xs-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ProductSingleCard__col-xs-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ProductSingleCard__col-xs-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ProductSingleCard__col-xs-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ProductSingleCard__order-xs-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ProductSingleCard__order-xs-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ProductSingleCard__order-xs-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ProductSingleCard__order-xs-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ProductSingleCard__order-xs-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ProductSingleCard__order-xs-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ProductSingleCard__order-xs-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ProductSingleCard__order-xs-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ProductSingleCard__order-xs-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ProductSingleCard__order-xs-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ProductSingleCard__order-xs-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ProductSingleCard__order-xs-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ProductSingleCard__order-xs-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ProductSingleCard__order-xs-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ProductSingleCard__order-xs-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ProductSingleCard__offset-xs-0 {
margin-left: 0;
}
.ProductSingleCard__offset-xs-1 {
margin-left: 8.33333%;
}
.ProductSingleCard__offset-xs-2 {
margin-left: 16.66667%;
}
.ProductSingleCard__offset-xs-3 {
margin-left: 25%;
}
.ProductSingleCard__offset-xs-4 {
margin-left: 33.33333%;
}
.ProductSingleCard__offset-xs-5 {
margin-left: 41.66667%;
}
.ProductSingleCard__offset-xs-6 {
margin-left: 50%;
}
.ProductSingleCard__offset-xs-7 {
margin-left: 58.33333%;
}
.ProductSingleCard__offset-xs-8 {
margin-left: 66.66667%;
}
.ProductSingleCard__offset-xs-9 {
margin-left: 75%;
}
.ProductSingleCard__offset-xs-10 {
margin-left: 83.33333%;
}
.ProductSingleCard__offset-xs-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 769px) {
.ProductSingleCard__col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ProductSingleCard__col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ProductSingleCard__col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ProductSingleCard__col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ProductSingleCard__col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ProductSingleCard__col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ProductSingleCard__col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ProductSingleCard__col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ProductSingleCard__col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ProductSingleCard__col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ProductSingleCard__col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ProductSingleCard__col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ProductSingleCard__col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ProductSingleCard__col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ProductSingleCard__order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ProductSingleCard__order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ProductSingleCard__order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ProductSingleCard__order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ProductSingleCard__order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ProductSingleCard__order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ProductSingleCard__order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ProductSingleCard__order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ProductSingleCard__order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ProductSingleCard__order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ProductSingleCard__order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ProductSingleCard__order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ProductSingleCard__order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ProductSingleCard__order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ProductSingleCard__order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ProductSingleCard__offset-md-0 {
margin-left: 0;
}
.ProductSingleCard__offset-md-1 {
margin-left: 8.33333%;
}
.ProductSingleCard__offset-md-2 {
margin-left: 16.66667%;
}
.ProductSingleCard__offset-md-3 {
margin-left: 25%;
}
.ProductSingleCard__offset-md-4 {
margin-left: 33.33333%;
}
.ProductSingleCard__offset-md-5 {
margin-left: 41.66667%;
}
.ProductSingleCard__offset-md-6 {
margin-left: 50%;
}
.ProductSingleCard__offset-md-7 {
margin-left: 58.33333%;
}
.ProductSingleCard__offset-md-8 {
margin-left: 66.66667%;
}
.ProductSingleCard__offset-md-9 {
margin-left: 75%;
}
.ProductSingleCard__offset-md-10 {
margin-left: 83.33333%;
}
.ProductSingleCard__offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1025px) {
.ProductSingleCard__col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ProductSingleCard__col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ProductSingleCard__col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ProductSingleCard__col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ProductSingleCard__col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ProductSingleCard__col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ProductSingleCard__col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ProductSingleCard__col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ProductSingleCard__col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ProductSingleCard__col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ProductSingleCard__col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ProductSingleCard__col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ProductSingleCard__col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ProductSingleCard__col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ProductSingleCard__order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ProductSingleCard__order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ProductSingleCard__order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ProductSingleCard__order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ProductSingleCard__order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ProductSingleCard__order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ProductSingleCard__order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ProductSingleCard__order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ProductSingleCard__order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ProductSingleCard__order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ProductSingleCard__order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ProductSingleCard__order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ProductSingleCard__order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ProductSingleCard__order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ProductSingleCard__order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ProductSingleCard__offset-lg-0 {
margin-left: 0;
}
.ProductSingleCard__offset-lg-1 {
margin-left: 8.33333%;
}
.ProductSingleCard__offset-lg-2 {
margin-left: 16.66667%;
}
.ProductSingleCard__offset-lg-3 {
margin-left: 25%;
}
.ProductSingleCard__offset-lg-4 {
margin-left: 33.33333%;
}
.ProductSingleCard__offset-lg-5 {
margin-left: 41.66667%;
}
.ProductSingleCard__offset-lg-6 {
margin-left: 50%;
}
.ProductSingleCard__offset-lg-7 {
margin-left: 58.33333%;
}
.ProductSingleCard__offset-lg-8 {
margin-left: 66.66667%;
}
.ProductSingleCard__offset-lg-9 {
margin-left: 75%;
}
.ProductSingleCard__offset-lg-10 {
margin-left: 83.33333%;
}
.ProductSingleCard__offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1281px) {
.ProductSingleCard__col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ProductSingleCard__col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ProductSingleCard__col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ProductSingleCard__col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ProductSingleCard__col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ProductSingleCard__col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ProductSingleCard__col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ProductSingleCard__col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ProductSingleCard__col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ProductSingleCard__col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ProductSingleCard__col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ProductSingleCard__col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ProductSingleCard__col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ProductSingleCard__col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ProductSingleCard__order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ProductSingleCard__order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ProductSingleCard__order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ProductSingleCard__order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ProductSingleCard__order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ProductSingleCard__order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ProductSingleCard__order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ProductSingleCard__order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ProductSingleCard__order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ProductSingleCard__order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ProductSingleCard__order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ProductSingleCard__order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ProductSingleCard__order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ProductSingleCard__order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ProductSingleCard__order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ProductSingleCard__offset-xl-0 {
margin-left: 0;
}
.ProductSingleCard__offset-xl-1 {
margin-left: 8.33333%;
}
.ProductSingleCard__offset-xl-2 {
margin-left: 16.66667%;
}
.ProductSingleCard__offset-xl-3 {
margin-left: 25%;
}
.ProductSingleCard__offset-xl-4 {
margin-left: 33.33333%;
}
.ProductSingleCard__offset-xl-5 {
margin-left: 41.66667%;
}
.ProductSingleCard__offset-xl-6 {
margin-left: 50%;
}
.ProductSingleCard__offset-xl-7 {
margin-left: 58.33333%;
}
.ProductSingleCard__offset-xl-8 {
margin-left: 66.66667%;
}
.ProductSingleCard__offset-xl-9 {
margin-left: 75%;
}
.ProductSingleCard__offset-xl-10 {
margin-left: 83.33333%;
}
.ProductSingleCard__offset-xl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1441px) {
.ProductSingleCard__col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ProductSingleCard__col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ProductSingleCard__col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ProductSingleCard__col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ProductSingleCard__col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ProductSingleCard__col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ProductSingleCard__col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ProductSingleCard__col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ProductSingleCard__col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ProductSingleCard__col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ProductSingleCard__col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ProductSingleCard__col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ProductSingleCard__col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ProductSingleCard__col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ProductSingleCard__order-xxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ProductSingleCard__order-xxl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ProductSingleCard__order-xxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ProductSingleCard__order-xxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ProductSingleCard__order-xxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ProductSingleCard__order-xxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ProductSingleCard__order-xxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ProductSingleCard__order-xxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ProductSingleCard__order-xxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ProductSingleCard__order-xxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ProductSingleCard__order-xxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ProductSingleCard__order-xxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ProductSingleCard__order-xxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ProductSingleCard__order-xxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ProductSingleCard__order-xxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ProductSingleCard__offset-xxl-0 {
margin-left: 0;
}
.ProductSingleCard__offset-xxl-1 {
margin-left: 8.33333%;
}
.ProductSingleCard__offset-xxl-2 {
margin-left: 16.66667%;
}
.ProductSingleCard__offset-xxl-3 {
margin-left: 25%;
}
.ProductSingleCard__offset-xxl-4 {
margin-left: 33.33333%;
}
.ProductSingleCard__offset-xxl-5 {
margin-left: 41.66667%;
}
.ProductSingleCard__offset-xxl-6 {
margin-left: 50%;
}
.ProductSingleCard__offset-xxl-7 {
margin-left: 58.33333%;
}
.ProductSingleCard__offset-xxl-8 {
margin-left: 66.66667%;
}
.ProductSingleCard__offset-xxl-9 {
margin-left: 75%;
}
.ProductSingleCard__offset-xxl-10 {
margin-left: 83.33333%;
}
.ProductSingleCard__offset-xxl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1440px) {
.ProductSingleCard__container {
padding: 0 44px;
}
}
@media (max-width: 769px) {
.ProductSingleCard__container {
padding-right: 17px;
padding-left: 17px;
}
.ProductSingleCard__row {
margin-right: -5px;
margin-left: -5px;
}
.ProductSingleCard__row > .ProductSingleCard__col,
.ProductSingleCard__row > [class*='col-'] {
padding-right: 5px;
padding-left: 5px;
}
}
.ProductSingleCard__container-no-max-width {
max-width: none;
}
@media (max-width: 768px) {
.ProductSingleCard__container--md {
max-width: none;
padding: 0;
}
.ProductSingleCard__container--md .ProductSingleCard__row {
margin: 0;
}
.ProductSingleCard__container--md
.ProductSingleCard__row
> .ProductSingleCard__col,
.ProductSingleCard__container--md .ProductSingleCard__row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1439px) {
.ProductSingleCard__container--xxl {
max-width: none;
padding: 0;
}
.ProductSingleCard__container--xxl .ProductSingleCard__row {
margin: 0;
}
.ProductSingleCard__container--xxl
.ProductSingleCard__row
> .ProductSingleCard__col,
.ProductSingleCard__container--xxl .ProductSingleCard__row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1025px) {
.ProductSingleCard__container--tablet {
max-width: none;
padding: 0;
}
.ProductSingleCard__container--tablet .ProductSingleCard__row {
margin: 0;
}
.ProductSingleCard__container--tablet
.ProductSingleCard__row
> .ProductSingleCard__col,
.ProductSingleCard__container--tablet
.ProductSingleCard__row
> [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.ProductSingleCard__container--sm {
padding-right: 17px;
padding-left: 17px;
}
}
.ProductSingleCard__container-full-width {
max-width: unset;
}
@media (max-width: 768px) {
.ProductSingleCard__container-left {
padding-left: 17px;
}
}
@media (min-width: 769px) {
.ProductSingleCard__container-left {
padding-left: 1.25%;
}
}
@media (min-width: 1440px) {
.ProductSingleCard__container-left {
padding-left: 44px;
}
}
.ProductSingleCard__root {
position: relative;
width: 310px;
color: #fff;
text-align: center;
overflow: hidden;
}
@media (max-width: 768px) {
.ProductSingleCard__root {
width: 100%;
}
}
.ProductSingleCard__contentWrapper {
padding-top: 1px;
border-radius: 8px;
}
.ProductSingleCard__link {
display: block;
text-decoration: none;
color: inherit;
}
.ProductSingleCard__model {
text-transform: uppercase;
font-size: 12px;
line-height: 18px;
font-weight: 400;
letter-spacing: 0.37px;
}
.ProductSingleCard__title {
font-size: 22px;
line-height: 30px;
}
.ProductSingleCard__imageWrapper {
position: relative;
height: 306px;
width: 100%;
}
.ProductSingleCard__image {
position: absolute;
max-height: 100%;
max-width: 100%;
}
.SupportRegistrationComplete__root {
display: block;
}
.SupportRegistrationComplete__titleBlock {
position: relative;
margin-top: -2px;
width: 100%;
background-color: #f4b772;
background-image: url(../images/bacteriumsBg.8d09f360.png);
background-position: 0 0;
background-repeat: repeat;
}
.SupportRegistrationComplete__mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(
circle at top center,
#f4b772 5%,
rgba(244, 183, 113, 0.3) 100%
);
}
@media (max-width: 1024px) {
.SupportRegistrationComplete__mask {
background-image: radial-gradient(
circle at top center,
#f4b772 0,
rgba(244, 183, 113, 0) 100%
);
}
}
.SupportRegistrationComplete__logo {
width: 100%;
height: auto;
color: #fff;
}
.SupportRegistrationComplete__titleBlockContent {
position: relative;
padding-top: 1px;
}
.SupportRegistrationComplete__titleBlockTitle {
font-family: Core Sans, sans-serif;
font-weight: 800;
font-size: 44px;
line-height: 48px;
color: #fff;
}
@media (max-width: 768px) {
.SupportRegistrationComplete__titleBlockTitle {
font-size: 30px;
line-height: 36px;
}
}
.SupportRegistrationComplete__titleBlockSubtitle {
font-size: 22px;
line-height: 32px;
color: #fff;
}
@media (max-width: 768px) {
.SupportRegistrationComplete__titleBlockSubtitle {
font-size: 18px;
line-height: 28px;
}
}
.SupportRegistrationComplete__offers {
padding-top: 1px;
max-width: 888px;
background-color: #fff;
border-radius: 8px;
}
@media (max-width: 768px) {
.SupportRegistrationComplete__offers {
max-width: 100%;
}
}
.SupportRegistrationComplete__title {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.2px;
color: #1e2e3f;
text-align: center;
}
.SupportRegistrationComplete__product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 768px) {
.SupportRegistrationComplete__product {
display: block;
}
}
.SupportRegistrationComplete__productInfo {
width: 426px;
background-color: #e9ecef;
border-radius: 8px;
}
@media (max-width: 768px) {
.SupportRegistrationComplete__productInfo {
width: 100%;
}
}
.SupportRegistrationComplete__productInfoTitle {
font-size: 18px;
line-height: 26px;
color: #1e2e3f;
}
.SupportRegistrationComplete__footerContent {
text-align: center;
border-radius: 8px;
}
@media (max-width: 768px) {
.SupportRegistrationComplete__footerContent {
border-radius: 0;
}
}
.SupportRegistrationComplete__footerTitle {
font-size: 30px;
line-height: 40px;
color: #fff;
}
@media (max-width: 768px) {
.SupportRegistrationComplete__footerTitle {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.4px;
}
}
.SupportRegistrationComplete__footerText {
font-size: 18px;
line-height: 28px;
color: #fff;
}
.SupportRegistrationPage__breadcrumbsWrapper {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ModularImageText__root {
position: relative;
overflow: hidden;
}
.ModularImageText__root .ModularImageText__image {
border-radius: 8px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
}
.ModularImageText__root .ModularImageText__text {
color: #5b6d81;
line-height: 28px;
}
@media (max-width: 1280px) {
.ModularImageText__root .ModularImageText__spacer {
display: none;
}
}
.ModularStats__root .ModularStats__desc {
line-height: 36px;
font-size: 24px;
letter-spacing: 0.2px;
color: #1e2e3f;
}
@media (max-width: 768px) {
.ModularStats__root .ModularStats__desc {
line-height: 32px;
font-size: 22px;
letter-spacing: normal;
}
}
.CardBlock__cardBlock {
background-color: #1e2e3f;
margin-top: 60px;
padding: 60px 0;
border-radius: 8px;
}
@media (max-width: 768px) {
.CardBlock__cardBlock {
margin-top: 40px;
padding: 40px 0 20px;
border-radius: 0;
}
}
.ModularSmallProductsMobile__root {
display: block;
}
.ModularProductsGrid__root {
border: 0;
}
.ModularTop__root {
color: #fff;
position: relative;
overflow: hidden;
}
.ModularTop__root .ModularTop__background {
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
}
.ModularTop__root .ModularTop__title {
font-family: Core Sans, sans-serif;
font-style: normal;
}
.ModularDescriptionCard__root {
position: relative;
border-radius: 8px;
overflow: hidden;
background-color: #314254;
}
.ModularDescriptionCard__root .ModularDescriptionCard__bgImage {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
overflow: hidden;
border-radius: 8px;
}
.ModularDescriptionCard__root .ModularDescriptionCard__textBlock {
position: relative;
width: 100%;
height: 100%;
z-index: 2;
text-align: center;
}
.ModularDescriptionCard__root .ModularDescriptionCard__title {
text-align: center;
margin-top: -30px;
}
.ModularDescriptionCard__root
.ModularDescriptionCard__title.ModularDescriptionCard__normal {
width: 60%;
line-height: 32px;
font-size: 22px;
}
@media (max-width: 768px) {
.ModularDescriptionCard__root
.ModularDescriptionCard__title.ModularDescriptionCard__normal {
width: 100%;
padding: 0 20px;
}
}
.ModularDescriptionCard__root
.ModularDescriptionCard__title.ModularDescriptionCard__italic {
width: 65%;
font-family: HandOfSeanPro, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 48px;
font-size: 40px;
}
@media (max-width: 1439px) {
.ModularDescriptionCard__root
.ModularDescriptionCard__title.ModularDescriptionCard__italic {
line-height: 42px;
font-size: 32px;
}
}
@media (max-width: 768px) {
.ModularDescriptionCard__root
.ModularDescriptionCard__title.ModularDescriptionCard__italic {
width: 100%;
padding: 0 20px;
}
}
.ModularDescriptionCard__root
.ModularDescriptionCard__title.ModularDescriptionCard__italic
span {
color: #75acc8;
}
.ModularDescriptionCard__root
.ModularDescriptionCard__title.ModularDescriptionCard__italicSmall {
width: 70%;
font-family: Core Sans, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 42px;
font-size: 32px;
}
@media (max-width: 768px) {
.ModularDescriptionCard__root
.ModularDescriptionCard__title.ModularDescriptionCard__italicSmall {
width: 100%;
padding: 0 20px;
}
}
.ModularDescriptionCard__root
.ModularDescriptionCard__title.ModularDescriptionCard__italicSmall
span {
color: #75acc8;
}
.ModularProductImageText__root {
overflow: hidden;
}
.ModularProductImageText__root .prefix {
color: #9aa8b6;
}
.WhatTodoNext__cardBlock {
background-color: #1e2e3f;
margin-top: 60px;
padding: 60px 0;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
@media (max-width: 768px) {
.WhatTodoNext__cardBlock {
margin-top: 40px;
padding: 40px 0 20px;
border-radius: 0;
}
}
.WhatTodoNext__schedule {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
@media (max-width: 768px) {
.WhatTodoNext__schedule {
border-radius: 0;
}
}
.WhatTodoNext__scheduleBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 768px) {
.WhatTodoNext__scheduleBlock {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
.WhatTodoNext__clockIcon {
width: 52px;
height: 52px;
fill: #fff;
}
.WhatTodoNext__timetable {
font-size: 24px;
line-height: 42px;
letter-spacing: 0.2px;
}
@media (max-width: 768px) {
.WhatTodoNext__timetable {
font-size: 18px;
line-height: 34px;
letter-spacing: 0;
}
}
@media (max-width: 374px) {
.WhatTodoNext__timetable {
font-size: 15px;
line-height: 30px;
}
}
.SafetyNoticesFaq__toggle .collapsible {
background-color: rgba(233, 236, 239, 0.5);
}
.SafetyNoticesDetailPage__root {
border: 0;
}
.SupportContactsTitleBlock__logo {
width: 100%;
height: auto;
color: #fff;
}
.SupportContactsTitleBlock__subTitle {
font-size: 22px;
line-height: 30px;
}
@media (max-width: 768px) {
.SupportContactsTitleBlock__subTitle {
line-height: 32px;
}
}
.FormDropdown__root {
width: 100%;
}
.FormDropdown__button {
position: relative;
height: 72px;
line-height: 72px;
width: 100%;
overflow: hidden;
font-size: 18px;
background-color: #fff;
border-radius: 8px;
border: 1px solid #fff;
cursor: pointer;
-webkit-transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
transition: border-color 0.3s ease, box-shadow 0.3s ease,
-webkit-box-shadow 0.3s ease;
color: #1e2e3f;
}
.FormDropdown__button.changed {
color: #9aa8b6;
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.FormDropdown__button .JS-button-text {
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
opacity: 0;
text-align: left;
padding-left: 28px;
position: relative;
top: 8px;
}
@media (max-width: 374px) {
.FormDropdown__button .JS-button-text {
padding-left: 10px;
}
}
.FormDropdown__button.changed .JS-button-text {
color: #1e2e3f;
opacity: 1;
}
.FormDropdown__title {
position: absolute;
top: 0;
left: 28px;
line-height: 72px;
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease;
transition: color 0.3s ease, -webkit-transform 0.3s ease;
transition: color 0.3s ease, transform 0.3s ease;
transition: color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
z-index: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: calc(100% - 110px);
}
@media (max-width: 374px) {
.FormDropdown__title {
left: 10px;
max-width: calc(100% - 50px);
}
}
.FormDropdown__button.changed .FormDropdown__title {
-webkit-transform: scale(0.7) translateY(-21px);
transform: scale(0.7) translateY(-21px);
}
.FormDropdown__iconWrapper {
position: absolute;
right: 28px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 374px) {
.FormDropdown__iconWrapper {
right: 10px;
}
}
.FormDropdown__dropdownIcon {
width: 30px;
height: 12px;
stroke: #0180c9;
}
.FormDropdown__shadowCopy {
display: none;
}
.Form__headBlock {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.Form__headquarters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 768px) {
.Form__headquarters {
display: block;
}
}
.Form__select {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.Form__feedback {
padding-top: 1px;
background-color: rgba(233, 236, 239, 0.5);
}
.Form__title {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.4px;
color: #1e2e3f;
text-align: center;
}
.SupportContactsFeedback__headBlock {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.SupportContactsFeedback__headquarters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.SupportContactsFeedback__headquarters {
display: block;
}
}
.SupportContactsFeedback__select {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 768px) {
.SupportContactsFeedback__select {
display: block;
}
}
.SupportContactsFeedback__optionTitle {
color: #1e2e3f;
}
@media (max-width: 768px) {
.SupportContactsFeedback__optionTitle {
width: 100%;
text-align: center;
}
}
.SupportContactsFeedback__feedback {
padding-top: 1px;
background-color: rgba(233, 236, 239, 0.5);
}
.SupportContactsFeedback__title {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.4px;
color: #1e2e3f;
text-align: center;
}
.SupportContactsHeadquarters__root {
padding-top: 1px;
}
.SupportContactsHeadquarters__headquarters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 768px) {
.SupportContactsHeadquarters__headquarters {
display: block;
}
}
.SupportContactsHeadquarters__image {
display: block;
}
@media (max-width: 768px) {
.SupportContactsHeadquarters__image {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
}
.SupportContactsHeadquarters__address {
font-size: 18px;
line-height: 28px;
color: #5b6d81;
}
.SupportContactsFooterBlock__content {
border-radius: 8px;
overflow: hidden;
}
@media (max-width: 768px) {
.SupportContactsFooterBlock__content {
border-radius: 0;
}
}
.SupportContactsFooterBlock__scheduleBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 768px) {
.SupportContactsFooterBlock__scheduleBlock {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
.SupportContactsFooterBlock__clockIcon {
width: 52px;
height: 52px;
fill: #fff;
}
.SupportContactsFooterBlock__timetable {
font-size: 24px;
line-height: 42px;
letter-spacing: 0.2px;
}
@media (max-width: 768px) {
.SupportContactsFooterBlock__timetable {
font-size: 18px;
line-height: 34px;
letter-spacing: 0;
}
}
@media (max-width: 374px) {
.SupportContactsFooterBlock__timetable {
font-size: 15px;
line-height: 30px;
}
}
.SupportContactsFooterBlock__modelBlock {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.SupportContactsFooterBlock__number {
font-family: Core Sans, sans-serif;
font-weight: 800;
font-size: 36px;
line-height: 42px;
}
.SupportContactsFooterBlock__text {
font-size: 18px;
line-height: 28px;
}
.SupportContactsComplete__logo {
width: 100%;
height: auto;
color: #fff;
}
.SupportContactsComplete__subTitle {
font-size: 22px;
line-height: 30px;
}
@media (max-width: 768px) {
.SupportContactsComplete__subTitle {
line-height: 32px;
}
}
.SupportContactsPage__breadcrumbsWrapper {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ProductPropsCard__container {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 769px) {
.ProductPropsCard__container {
max-width: 1800px;
}
}
.ProductPropsCard__container-fluid {
width: 100%;
padding-right: 1.25%;
padding-left: 1.25%;
margin-right: auto;
margin-left: auto;
}
.ProductPropsCard__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1.25%;
margin-left: -1.25%;
}
.ProductPropsCard__no-gutters {
margin-right: 0;
margin-left: 0;
}
.ProductPropsCard__no-gutters > .ProductPropsCard__col,
.ProductPropsCard__no-gutters > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.ProductPropsCard__col,
.ProductPropsCard__col-1,
.ProductPropsCard__col-2,
.ProductPropsCard__col-3,
.ProductPropsCard__col-4,
.ProductPropsCard__col-5,
.ProductPropsCard__col-6,
.ProductPropsCard__col-7,
.ProductPropsCard__col-8,
.ProductPropsCard__col-9,
.ProductPropsCard__col-10,
.ProductPropsCard__col-11,
.ProductPropsCard__col-12,
.ProductPropsCard__col-auto,
.ProductPropsCard__col-lg,
.ProductPropsCard__col-lg-1,
.ProductPropsCard__col-lg-2,
.ProductPropsCard__col-lg-3,
.ProductPropsCard__col-lg-4,
.ProductPropsCard__col-lg-5,
.ProductPropsCard__col-lg-6,
.ProductPropsCard__col-lg-7,
.ProductPropsCard__col-lg-8,
.ProductPropsCard__col-lg-9,
.ProductPropsCard__col-lg-10,
.ProductPropsCard__col-lg-11,
.ProductPropsCard__col-lg-12,
.ProductPropsCard__col-lg-auto,
.ProductPropsCard__col-md,
.ProductPropsCard__col-md-1,
.ProductPropsCard__col-md-2,
.ProductPropsCard__col-md-3,
.ProductPropsCard__col-md-4,
.ProductPropsCard__col-md-5,
.ProductPropsCard__col-md-6,
.ProductPropsCard__col-md-7,
.ProductPropsCard__col-md-8,
.ProductPropsCard__col-md-9,
.ProductPropsCard__col-md-10,
.ProductPropsCard__col-md-11,
.ProductPropsCard__col-md-12,
.ProductPropsCard__col-md-auto,
.ProductPropsCard__col-xl,
.ProductPropsCard__col-xl-1,
.ProductPropsCard__col-xl-2,
.ProductPropsCard__col-xl-3,
.ProductPropsCard__col-xl-4,
.ProductPropsCard__col-xl-5,
.ProductPropsCard__col-xl-6,
.ProductPropsCard__col-xl-7,
.ProductPropsCard__col-xl-8,
.ProductPropsCard__col-xl-9,
.ProductPropsCard__col-xl-10,
.ProductPropsCard__col-xl-11,
.ProductPropsCard__col-xl-12,
.ProductPropsCard__col-xl-auto,
.ProductPropsCard__col-xs,
.ProductPropsCard__col-xs-1,
.ProductPropsCard__col-xs-2,
.ProductPropsCard__col-xs-3,
.ProductPropsCard__col-xs-4,
.ProductPropsCard__col-xs-5,
.ProductPropsCard__col-xs-6,
.ProductPropsCard__col-xs-7,
.ProductPropsCard__col-xs-8,
.ProductPropsCard__col-xs-9,
.ProductPropsCard__col-xs-10,
.ProductPropsCard__col-xs-11,
.ProductPropsCard__col-xs-12,
.ProductPropsCard__col-xs-auto,
.ProductPropsCard__col-xxl,
.ProductPropsCard__col-xxl-1,
.ProductPropsCard__col-xxl-2,
.ProductPropsCard__col-xxl-3,
.ProductPropsCard__col-xxl-4,
.ProductPropsCard__col-xxl-5,
.ProductPropsCard__col-xxl-6,
.ProductPropsCard__col-xxl-7,
.ProductPropsCard__col-xxl-8,
.ProductPropsCard__col-xxl-9,
.ProductPropsCard__col-xxl-10,
.ProductPropsCard__col-xxl-11,
.ProductPropsCard__col-xxl-12,
.ProductPropsCard__col-xxl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 1.25%;
padding-left: 1.25%;
}
.ProductPropsCard__col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ProductPropsCard__col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ProductPropsCard__col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ProductPropsCard__col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ProductPropsCard__col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ProductPropsCard__col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ProductPropsCard__col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ProductPropsCard__col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ProductPropsCard__col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ProductPropsCard__col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ProductPropsCard__col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ProductPropsCard__col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ProductPropsCard__col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ProductPropsCard__col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ProductPropsCard__order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ProductPropsCard__order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ProductPropsCard__order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ProductPropsCard__order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ProductPropsCard__order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ProductPropsCard__order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ProductPropsCard__order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ProductPropsCard__order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ProductPropsCard__order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ProductPropsCard__order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ProductPropsCard__order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ProductPropsCard__order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ProductPropsCard__order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ProductPropsCard__order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ProductPropsCard__order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ProductPropsCard__offset-1 {
margin-left: 8.33333%;
}
.ProductPropsCard__offset-2 {
margin-left: 16.66667%;
}
.ProductPropsCard__offset-3 {
margin-left: 25%;
}
.ProductPropsCard__offset-4 {
margin-left: 33.33333%;
}
.ProductPropsCard__offset-5 {
margin-left: 41.66667%;
}
.ProductPropsCard__offset-6 {
margin-left: 50%;
}
.ProductPropsCard__offset-7 {
margin-left: 58.33333%;
}
.ProductPropsCard__offset-8 {
margin-left: 66.66667%;
}
.ProductPropsCard__offset-9 {
margin-left: 75%;
}
.ProductPropsCard__offset-10 {
margin-left: 83.33333%;
}
.ProductPropsCard__offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 375px) {
.ProductPropsCard__col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ProductPropsCard__col-xs-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ProductPropsCard__col-xs-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ProductPropsCard__col-xs-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ProductPropsCard__col-xs-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ProductPropsCard__col-xs-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ProductPropsCard__col-xs-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ProductPropsCard__col-xs-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ProductPropsCard__col-xs-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ProductPropsCard__col-xs-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ProductPropsCard__col-xs-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ProductPropsCard__col-xs-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ProductPropsCard__col-xs-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ProductPropsCard__col-xs-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ProductPropsCard__order-xs-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ProductPropsCard__order-xs-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ProductPropsCard__order-xs-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ProductPropsCard__order-xs-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ProductPropsCard__order-xs-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ProductPropsCard__order-xs-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ProductPropsCard__order-xs-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ProductPropsCard__order-xs-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ProductPropsCard__order-xs-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ProductPropsCard__order-xs-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ProductPropsCard__order-xs-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ProductPropsCard__order-xs-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ProductPropsCard__order-xs-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ProductPropsCard__order-xs-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ProductPropsCard__order-xs-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ProductPropsCard__offset-xs-0 {
margin-left: 0;
}
.ProductPropsCard__offset-xs-1 {
margin-left: 8.33333%;
}
.ProductPropsCard__offset-xs-2 {
margin-left: 16.66667%;
}
.ProductPropsCard__offset-xs-3 {
margin-left: 25%;
}
.ProductPropsCard__offset-xs-4 {
margin-left: 33.33333%;
}
.ProductPropsCard__offset-xs-5 {
margin-left: 41.66667%;
}
.ProductPropsCard__offset-xs-6 {
margin-left: 50%;
}
.ProductPropsCard__offset-xs-7 {
margin-left: 58.33333%;
}
.ProductPropsCard__offset-xs-8 {
margin-left: 66.66667%;
}
.ProductPropsCard__offset-xs-9 {
margin-left: 75%;
}
.ProductPropsCard__offset-xs-10 {
margin-left: 83.33333%;
}
.ProductPropsCard__offset-xs-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 769px) {
.ProductPropsCard__col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ProductPropsCard__col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ProductPropsCard__col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ProductPropsCard__col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ProductPropsCard__col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ProductPropsCard__col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ProductPropsCard__col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ProductPropsCard__col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ProductPropsCard__col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ProductPropsCard__col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ProductPropsCard__col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ProductPropsCard__col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ProductPropsCard__col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ProductPropsCard__col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ProductPropsCard__order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ProductPropsCard__order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ProductPropsCard__order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ProductPropsCard__order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ProductPropsCard__order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ProductPropsCard__order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ProductPropsCard__order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ProductPropsCard__order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ProductPropsCard__order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ProductPropsCard__order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ProductPropsCard__order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ProductPropsCard__order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ProductPropsCard__order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ProductPropsCard__order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ProductPropsCard__order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ProductPropsCard__offset-md-0 {
margin-left: 0;
}
.ProductPropsCard__offset-md-1 {
margin-left: 8.33333%;
}
.ProductPropsCard__offset-md-2 {
margin-left: 16.66667%;
}
.ProductPropsCard__offset-md-3 {
margin-left: 25%;
}
.ProductPropsCard__offset-md-4 {
margin-left: 33.33333%;
}
.ProductPropsCard__offset-md-5 {
margin-left: 41.66667%;
}
.ProductPropsCard__offset-md-6 {
margin-left: 50%;
}
.ProductPropsCard__offset-md-7 {
margin-left: 58.33333%;
}
.ProductPropsCard__offset-md-8 {
margin-left: 66.66667%;
}
.ProductPropsCard__offset-md-9 {
margin-left: 75%;
}
.ProductPropsCard__offset-md-10 {
margin-left: 83.33333%;
}
.ProductPropsCard__offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1025px) {
.ProductPropsCard__col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ProductPropsCard__col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ProductPropsCard__col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ProductPropsCard__col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ProductPropsCard__col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ProductPropsCard__col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ProductPropsCard__col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ProductPropsCard__col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ProductPropsCard__col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ProductPropsCard__col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ProductPropsCard__col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ProductPropsCard__col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ProductPropsCard__col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ProductPropsCard__col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ProductPropsCard__order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ProductPropsCard__order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ProductPropsCard__order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ProductPropsCard__order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ProductPropsCard__order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ProductPropsCard__order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ProductPropsCard__order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ProductPropsCard__order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ProductPropsCard__order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ProductPropsCard__order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ProductPropsCard__order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ProductPropsCard__order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ProductPropsCard__order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ProductPropsCard__order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ProductPropsCard__order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ProductPropsCard__offset-lg-0 {
margin-left: 0;
}
.ProductPropsCard__offset-lg-1 {
margin-left: 8.33333%;
}
.ProductPropsCard__offset-lg-2 {
margin-left: 16.66667%;
}
.ProductPropsCard__offset-lg-3 {
margin-left: 25%;
}
.ProductPropsCard__offset-lg-4 {
margin-left: 33.33333%;
}
.ProductPropsCard__offset-lg-5 {
margin-left: 41.66667%;
}
.ProductPropsCard__offset-lg-6 {
margin-left: 50%;
}
.ProductPropsCard__offset-lg-7 {
margin-left: 58.33333%;
}
.ProductPropsCard__offset-lg-8 {
margin-left: 66.66667%;
}
.ProductPropsCard__offset-lg-9 {
margin-left: 75%;
}
.ProductPropsCard__offset-lg-10 {
margin-left: 83.33333%;
}
.ProductPropsCard__offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1281px) {
.ProductPropsCard__col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ProductPropsCard__col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ProductPropsCard__col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ProductPropsCard__col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ProductPropsCard__col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ProductPropsCard__col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ProductPropsCard__col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ProductPropsCard__col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ProductPropsCard__col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ProductPropsCard__col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ProductPropsCard__col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ProductPropsCard__col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ProductPropsCard__col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ProductPropsCard__col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ProductPropsCard__order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ProductPropsCard__order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ProductPropsCard__order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ProductPropsCard__order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ProductPropsCard__order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ProductPropsCard__order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ProductPropsCard__order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ProductPropsCard__order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ProductPropsCard__order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ProductPropsCard__order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ProductPropsCard__order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ProductPropsCard__order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ProductPropsCard__order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ProductPropsCard__order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ProductPropsCard__order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ProductPropsCard__offset-xl-0 {
margin-left: 0;
}
.ProductPropsCard__offset-xl-1 {
margin-left: 8.33333%;
}
.ProductPropsCard__offset-xl-2 {
margin-left: 16.66667%;
}
.ProductPropsCard__offset-xl-3 {
margin-left: 25%;
}
.ProductPropsCard__offset-xl-4 {
margin-left: 33.33333%;
}
.ProductPropsCard__offset-xl-5 {
margin-left: 41.66667%;
}
.ProductPropsCard__offset-xl-6 {
margin-left: 50%;
}
.ProductPropsCard__offset-xl-7 {
margin-left: 58.33333%;
}
.ProductPropsCard__offset-xl-8 {
margin-left: 66.66667%;
}
.ProductPropsCard__offset-xl-9 {
margin-left: 75%;
}
.ProductPropsCard__offset-xl-10 {
margin-left: 83.33333%;
}
.ProductPropsCard__offset-xl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1441px) {
.ProductPropsCard__col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.ProductPropsCard__col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ProductPropsCard__col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.ProductPropsCard__col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.ProductPropsCard__col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ProductPropsCard__col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.ProductPropsCard__col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.ProductPropsCard__col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ProductPropsCard__col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.ProductPropsCard__col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.ProductPropsCard__col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ProductPropsCard__col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.ProductPropsCard__col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.ProductPropsCard__col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ProductPropsCard__order-xxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ProductPropsCard__order-xxl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.ProductPropsCard__order-xxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.ProductPropsCard__order-xxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ProductPropsCard__order-xxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ProductPropsCard__order-xxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.ProductPropsCard__order-xxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.ProductPropsCard__order-xxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.ProductPropsCard__order-xxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.ProductPropsCard__order-xxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.ProductPropsCard__order-xxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.ProductPropsCard__order-xxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.ProductPropsCard__order-xxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.ProductPropsCard__order-xxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.ProductPropsCard__order-xxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.ProductPropsCard__offset-xxl-0 {
margin-left: 0;
}
.ProductPropsCard__offset-xxl-1 {
margin-left: 8.33333%;
}
.ProductPropsCard__offset-xxl-2 {
margin-left: 16.66667%;
}
.ProductPropsCard__offset-xxl-3 {
margin-left: 25%;
}
.ProductPropsCard__offset-xxl-4 {
margin-left: 33.33333%;
}
.ProductPropsCard__offset-xxl-5 {
margin-left: 41.66667%;
}
.ProductPropsCard__offset-xxl-6 {
margin-left: 50%;
}
.ProductPropsCard__offset-xxl-7 {
margin-left: 58.33333%;
}
.ProductPropsCard__offset-xxl-8 {
margin-left: 66.66667%;
}
.ProductPropsCard__offset-xxl-9 {
margin-left: 75%;
}
.ProductPropsCard__offset-xxl-10 {
margin-left: 83.33333%;
}
.ProductPropsCard__offset-xxl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1440px) {
.ProductPropsCard__container {
padding: 0 44px;
}
}
@media (max-width: 769px) {
.ProductPropsCard__container {
padding-right: 17px;
padding-left: 17px;
}
.ProductPropsCard__row {
margin-right: -5px;
margin-left: -5px;
}
.ProductPropsCard__row > .ProductPropsCard__col,
.ProductPropsCard__row > [class*='col-'] {
padding-right: 5px;
padding-left: 5px;
}
}
.ProductPropsCard__container-no-max-width {
max-width: none;
}
@media (max-width: 768px) {
.ProductPropsCard__container--md {
max-width: none;
padding: 0;
}
.ProductPropsCard__container--md .ProductPropsCard__row {
margin: 0;
}
.ProductPropsCard__container--md
.ProductPropsCard__row
> .ProductPropsCard__col,
.ProductPropsCard__container--md .ProductPropsCard__row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1439px) {
.ProductPropsCard__container--xxl {
max-width: none;
padding: 0;
}
.ProductPropsCard__container--xxl .ProductPropsCard__row {
margin: 0;
}
.ProductPropsCard__container--xxl
.ProductPropsCard__row
> .ProductPropsCard__col,
.ProductPropsCard__container--xxl .ProductPropsCard__row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1025px) {
.ProductPropsCard__container--tablet {
max-width: none;
padding: 0;
}
.ProductPropsCard__container--tablet .ProductPropsCard__row {
margin: 0;
}
.ProductPropsCard__container--tablet
.ProductPropsCard__row
> .ProductPropsCard__col,
.ProductPropsCard__container--tablet
.ProductPropsCard__row
> [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.ProductPropsCard__container--sm {
padding-right: 17px;
padding-left: 17px;
}
}
.ProductPropsCard__container-full-width {
max-width: unset;
}
@media (max-width: 768px) {
.ProductPropsCard__container-left {
padding-left: 17px;
}
}
@media (min-width: 769px) {
.ProductPropsCard__container-left {
padding-left: 1.25%;
}
}
@media (min-width: 1440px) {
.ProductPropsCard__container-left {
padding-left: 44px;
}
}
.ProductPropsCard__root {
display: block;
}
.ProductPropsCard__root.mainProductCard {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
@media (max-width: 768px) {
.ProductPropsCard__root.mainProductCard {
padding-left: 17px;
}
}
@media (min-width: 769px) {
.ProductPropsCard__root.mainProductCard {
padding-left: 1.25%;
}
}
@media (min-width: 1440px) {
.ProductPropsCard__root.mainProductCard {
padding-left: 44px;
}
}
.ProductPropsCard__mainProductCardBg {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
z-index: -1;
}
.ProductPropsCard__productCard {
position: relative;
margin-left: 35px;
width: 310px;
height: 450px;
color: #fff;
border-radius: 8px;
text-align: center;
overflow: hidden;
text-decoration: none;
}
@media (max-width: 768px) {
.ProductPropsCard__productCard {
margin-left: 9px;
width: 192px;
height: 280px;
}
}
@media (max-width: 670px) {
.ProductPropsCard__productCard {
width: 162px;
}
}
@media (max-width: 570px) {
.ProductPropsCard__productCard {
width: 192px;
}
}
@media (max-width: 500px) {
.ProductPropsCard__productCard {
width: 162px;
}
}
@media (max-width: 390px) {
.ProductPropsCard__productCard {
width: 192px;
}
}
@media (max-width: 330px) {
.ProductPropsCard__productCard {
width: 162px;
}
}
.ProductPropsCard__link {
text-decoration: none;
color: inherit;
}
.ProductPropsCard__root.mainProductCard .ProductPropsCard__productCard {
margin-left: 0;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.ProductPropsCard__model {
margin-top: 30px;
text-transform: uppercase;
font-size: 12px;
line-height: 18px;
font-weight: 500;
letter-spacing: 0.37px;
}
@media (max-width: 768px) {
.ProductPropsCard__model {
margin-top: 20px;
}
}
.ProductPropsCard__title {
width: 245px;
font-size: 22px;
line-height: 32px;
margin: 5px auto 0;
}
@media (max-width: 768px) {
.ProductPropsCard__title {
width: 122px;
font-size: 14px;
line-height: 20px;
margin-top: 8px;
}
}
.ProductPropsCard__image {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ProductPropsCard__square .ProductPropsCard__image {
height: 295px;
bottom: 13px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 768px) {
.ProductPropsCard__square .ProductPropsCard__image {
height: 215px;
bottom: 17px;
}
}
.ProductPropsCard__image img {
width: auto;
}
.ProductPropsCard__rectangle img {
height: 298px;
}
@media (max-width: 768px) {
.ProductPropsCard__rectangle img {
max-height: 160px;
}
}
.ProductPropsCard__square img {
width: 238px;
}
@media (max-width: 768px) {
.ProductPropsCard__square img {
width: 100px;
}
}
.ProductPropsCard__toggleBtnWrapper {
position: relative;
}
.ProductPropsCard__toggleBtn {
position: absolute;
left: 0;
width: 200px;
text-align: left;
}
.ProductPropsCard__properties {
margin-top: 66px;
}
.ProductPropsCard__properties > * {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0;
-webkit-transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.ProductPropsCard__properties.aos-animate > * {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.ProductPropsCard__properties > :first-child {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.ProductPropsCard__properties > :nth-child(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ProductPropsCard__properties > :nth-child(3) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ProductPropsCard__properties > :nth-child(4) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ProductPropsCard__properties > :nth-child(5) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.ProductPropsCard__properties > :nth-child(6) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.ProductPropsCard__properties > :nth-child(7) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.ProductPropsCard__properties > :nth-child(8) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.ProductPropsCard__properties > :nth-child(9) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.ProductPropsCard__properties > :nth-child(10) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.ProductPropsCard__properties > :nth-child(11) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.ProductPropsCard__properties > :nth-child(12) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.ProductPropsCard__properties > :nth-child(13) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.ProductPropsCard__properties > :nth-child(14) {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.ProductPropsCard__properties > :nth-child(15) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.ProductPropsCard__properties > :nth-child(16) {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}
.ProductPropsCard__properties > :nth-child(17) {
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s;
}
.ProductPropsCard__properties > :nth-child(18) {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.ProductPropsCard__properties > :nth-child(19) {
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s;
}
.ProductPropsCard__properties > :nth-child(20) {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
.Bd\(n\) {
border: 0;
}
.Bdrs\(50\%\) {
border-radius: 50%;
}
.Bdrs\(8px\) {
border-radius: 8px;
}
.Bgc\(\#1e2e3f\),
.Bgc\(\$cloud\) {
background-color: #1e2e3f;
}
.Bgc\(\#5b6d81\),
.Bgc\(\$kashmir-blue\) {
background-color: #5b6d81;
}
.Bgc\(\#75acc8\),
.Bgc\(\$wear-blue\) {
background-color: #75acc8;
}
.Bgc\(\#87cca4\),
.Bgc\(\$vista-green\) {
background-color: #87cca4;
}
.Bgc\(\#cb5c72\),
.Bgc\(\$burgundy\) {
background-color: #cb5c72;
}
.Bgc\(\#f2f4f5\),
.Bgc\(\$pink-lavanda-gray\) {
background-color: #f2f4f5;
}
.Bgc\(\#f4b772\) {
background-color: #f4b772;
}
.Bgc\(\$athens-gray\) {
background-color: #e9ecef;
}
.Bgc\(\$athens-gray-2\) {
background-color: #f6f7f9;
}
.Bgc\(\$glacier\) {
background-color: #7eb1cb;
}
.Bgc\(\$gray-opacity\) {
background-color: rgba(233, 236, 239, 0.5);
}
.Bgc\(\$gray-opacity-dark\) {
background-color: rgba(233, 236, 239, 0.8);
}
.Bgc\(\$gull-gray\) {
background-color: #9aa8b6;
}
.Bgc\(\$heather\) {
background-color: #bcc7d3;
}
.Bgc\(\$light-cloud\) {
background-color: #314254;
}
.Bgc\(\$light-gray-a\) {
background-color: #f8f9fa;
}
.Bgc\(\$lochmara\) {
background-color: #0180c9;
}
.Bgc\(\$very-light-gray\) {
background-color: rgba(0, 0, 0, 0.1);
}
.Bgc\(\$white\) {
background-color: #fff;
}
.Bgp\(c_b\) {
background-position: center 100%;
}
.Bgpx\(-130px\) {
background-position-x: -130px;
}
.Bgpx\(-131px\) {
background-position-x: -131px;
}
.Bgr\(ry\) {
background-repeat: repeat-y;
}
.Bxz\(cb\) {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.C\(\#0081c9\) {
color: #0081c9;
}
.C\(\#675ccb\) {
color: #675ccb;
}
.C\(\#705b81\) {
color: #705b81;
}
.C\(\#70a9c6\) {
color: #70a9c6;
}
.C\(\#9b3b96\) {
color: #9b3b96;
}
.C\(\#fab001\) {
color: #fab001;
}
.C\(\$black\) {
color: #000;
}
.C\(\$burgundy\) {
color: #cb5c72;
}
.C\(\$cloud\) {
color: #1e2e3f;
}
.C\(\$color-monza-red\) {
color: #e40313;
}
.C\(\$gull-gray\) {
color: #9aa8b6;
}
.C\(\$heather\) {
color: #bcc7d3;
}
.C\(\$kashmir-blue\),
.C\(\$shuttle-gray\) {
color: #5b6d81;
}
.C\(\$lochmara\) {
color: #0180c9;
}
.C\(\$white\) {
color: #fff;
}
.C\(cc\) {
color: currentColor;
}
.Cur\(g\) {
cursor: -webkit-grab;
cursor: grab;
}
.Cur\(p\) {
cursor: pointer;
}
.D\(b\) {
display: block;
}
.D\(f\) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.D\(ib\) {
display: inline-block;
}
.D\(n\) {
display: none;
}
.Flxg\(1\),
.Fxg\(1\) {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.Flxs\(0\) {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.Fld\(c\),
.Fxd\(c\) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.Ai\(c\) {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.Or\(0\) {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.Jc\(c\) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.Jc\(fe\) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.Jc\(fs\) {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.Jc\(sa\) {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.Jc\(sb\) {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.Flw\(w\),
.Fxw\(w\) {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.Fw\(300\) {
font-weight: 300;
}
.Fw\(400\) {
font-weight: 400;
}
.Fw\(500\) {
font-weight: 500;
}
.Fw\(n\) {
font-weight: normal;
}
.Fz\(14px\) {
font-size: 14px;
}
.Fz\(15px\) {
font-size: 15px;
}
.Fz\(16px\) {
font-size: 16px;
}
.Fz\(20px\) {
font-size: 20px;
}
.H\(100\%\) {
height: 100%;
}
.H\(100px\) {
height: 100px;
}
.H\(100vh\) {
height: 100vh;
}
.H\(105px\) {
height: 105px;
}
.H\(10px\) {
height: 10px;
}
.H\(110px\) {
height: 110px;
}
.H\(111px\) {
height: 111px;
}
.H\(11px\) {
height: 11px;
}
.H\(140px\) {
height: 140px;
}
.H\(150px\) {
height: 150px;
}
.H\(15px\) {
height: 15px;
}
.H\(17px\) {
height: 17px;
}
.H\(18px\) {
height: 18px;
}
.H\(190px\) {
height: 190px;
}
.H\(192px\) {
height: 192px;
}
.H\(19px\) {
height: 19px;
}
.H\(1px\) {
height: 1px;
}
.H\(208px\) {
height: 208px;
}
.H\(20px\) {
height: 20px;
}
.H\(215px\) {
height: 215px;
}
.H\(217px\) {
height: 217px;
}
.H\(220px\) {
height: 220px;
}
.H\(229px\) {
height: 229px;
}
.H\(230px\) {
height: 230px;
}
.H\(247px\) {
height: 247px;
}
.H\(24px\) {
height: 24px;
}
.H\(255px\) {
height: 255px;
}
.H\(25px\) {
height: 25px;
}
.H\(26px\) {
height: 26px;
}
.H\(270px\) {
height: 270px;
}
.H\(280px\) {
height: 280px;
}
.H\(282px\) {
height: 282px;
}
.H\(2px\) {
height: 2px;
}
.H\(316px\) {
height: 316px;
}
.H\(31px\) {
height: 31px;
}
.H\(320px\) {
height: 320px;
}
.H\(325px\) {
height: 325px;
}
.H\(340px\) {
height: 340px;
}
.H\(38px\) {
height: 38px;
}
.H\(398px\) {
height: 398px;
}
.H\(410px\) {
height: 410px;
}
.H\(429px\) {
height: 429px;
}
.H\(440px\) {
height: 440px;
}
.H\(450px\) {
height: 450px;
}
.H\(45px\) {
height: 45px;
}
.H\(46px\) {
height: 46px;
}
.H\(48vw\) {
height: 48vw;
}
.H\(49px\) {
height: 49px;
}
.H\(500px\) {
height: 500px;
}
.H\(502px\) {
height: 502px;
}
.H\(50px\) {
height: 50px;
}
.H\(510px\) {
height: 510px;
}
.H\(517px\) {
height: 517px;
}
.H\(520px\) {
height: 520px;
}
.H\(535px\) {
height: 535px;
}
.H\(53px\) {
height: 53px;
}
.H\(540px\) {
height: 540px;
}
.H\(590px\) {
height: 590px;
}
.H\(610px\) {
height: 610px;
}
.H\(638px\) {
height: 638px;
}
.H\(64px\) {
height: 64px;
}
.H\(66px\) {
height: 66px;
}
.H\(68vh\) {
height: 68vh;
}
.H\(70px\) {
height: 70px;
}
.H\(80px\) {
height: 80px;
}
.H\(90px\) {
height: 90px;
}
.H\(96px\) {
height: 96px;
}
.H\(a\) {
height: auto;
}
.Lts\(0\.2px\) {
letter-spacing: 0.2px;
}
.Lts\(0\.3px\) {
letter-spacing: 0.3px;
}
.Lts\(0\.4px\) {
letter-spacing: 0.4px;
}
.Lh\(20px\) {
line-height: 20px;
}
.Lh\(25px\) {
line-height: 25px;
}
.Lh\(26px\) {
line-height: 26px;
}
.M\(0\) {
margin: 0;
}
.M\(a\) {
margin: auto;
}
.Mx\(0\) {
margin-left: 0;
margin-right: 0;
}
.Mx\(10px\),
.Mstart\(10px\) {
margin-left: 10px;
}
.Mx\(10px\),
.Mend\(10px\) {
margin-right: 10px;
}
.Mx\(15px\) {
margin-left: 15px;
margin-right: 15px;
}
.Mx\(18px\),
.Mstart\(18px\) {
margin-left: 18px;
}
.Mx\(18px\) {
margin-right: 18px;
}
.Mx\(20px\) {
margin-left: 20px;
}
.Mx\(20px\),
.Mend\(20px\) {
margin-right: 20px;
}
.Mx\(30px\) {
margin-left: 30px;
}
.Mx\(30px\),
.Mend\(30px\) {
margin-right: 30px;
}
.Mx\(a\),
.Mstart\(a\) {
margin-left: auto;
}
.Mx\(a\),
.Mend\(a\) {
margin-right: auto;
}
.My\(20px\),
.Mt\(20px\) {
margin-top: 20px;
}
.My\(20px\),
.Mb\(20px\) {
margin-bottom: 20px;
}
.My\(30px\),
.Mt\(30px\) {
margin-top: 30px;
}
.My\(30px\),
.Mb\(30px\) {
margin-bottom: 30px;
}
.My\(40px\),
.Mt\(40px\) {
margin-top: 40px;
}
.My\(40px\),
.Mb\(40px\) {
margin-bottom: 40px;
}
.My\(60px\),
.Mt\(60px\) {
margin-top: 60px;
}
.My\(60px\),
.Mb\(60px\) {
margin-bottom: 60px;
}
.Mt\(-10px\) {
margin-top: -10px;
}
.Mt\(-210px\) {
margin-top: -210px;
}
.Mt\(-40px\) {
margin-top: -40px;
}
.Mt\(-60px\) {
margin-top: -60px;
}
.Mt\(0\) {
margin-top: 0;
}
.Mt\(100px\) {
margin-top: 100px;
}
.Mt\(105px\) {
margin-top: 105px;
}
.Mt\(10px\) {
margin-top: 10px;
}
.Mt\(110px\) {
margin-top: 110px;
}
.Mt\(11px\) {
margin-top: 11px;
}
.Mt\(120px\) {
margin-top: 120px;
}
.Mt\(125px\) {
margin-top: 125px;
}
.Mt\(140px\) {
margin-top: 140px;
}
.Mt\(145px\) {
margin-top: 145px;
}
.Mt\(15px\) {
margin-top: 15px;
}
.Mt\(165px\) {
margin-top: 165px;
}
.Mt\(16px\) {
margin-top: 16px;
}
.Mt\(180px\) {
margin-top: 180px;
}
.Mt\(18px\) {
margin-top: 18px;
}
.Mt\(200px\) {
margin-top: 200px;
}
.Mt\(220px\) {
margin-top: 220px;
}
.Mt\(23px\) {
margin-top: 23px;
}
.Mt\(24px\) {
margin-top: 24px;
}
.Mt\(25px\) {
margin-top: 25px;
}
.Mt\(27px\) {
margin-top: 27px;
}
.Mt\(28px\) {
margin-top: 28px;
}
.Mt\(300px\) {
margin-top: 300px;
}
.Mt\(35px\) {
margin-top: 35px;
}
.Mt\(36px\) {
margin-top: 36px;
}
.Mt\(3px\) {
margin-top: 3px;
}
.Mt\(43px\) {
margin-top: 43px;
}
.Mt\(44px\) {
margin-top: 44px;
}
.Mt\(45px\) {
margin-top: 45px;
}
.Mt\(48px\) {
margin-top: 48px;
}
.Mt\(50px\) {
margin-top: 50px;
}
.Mt\(55px\) {
margin-top: 55px;
}
.Mt\(5px\) {
margin-top: 5px;
}
.Mt\(63px\) {
margin-top: 63px;
}
.Mt\(65px\) {
margin-top: 65px;
}
.Mt\(6px\) {
margin-top: 6px;
}
.Mt\(70px\) {
margin-top: 70px;
}
.Mt\(75px\) {
margin-top: 75px;
}
.Mt\(7px\) {
margin-top: 7px;
}
.Mt\(80px\) {
margin-top: 80px;
}
.Mt\(85px\) {
margin-top: 85px;
}
.Mt\(8px\) {
margin-top: 8px;
}
.Mt\(90px\) {
margin-top: 90px;
}
.Mt\(9px\) {
margin-top: 9px;
}
.Mend\(-5px\) {
margin-right: -5px;
}
.Mend\(12px\) {
margin-right: 12px;
}
.Mend\(35px\) {
margin-right: 35px;
}
.Mend\(60px\) {
margin-right: 60px;
}
.Mend\(8px\) {
margin-right: 8px;
}
.Mb\(-120px\) {
margin-bottom: -120px;
}
.Mb\(-50px\) {
margin-bottom: -50px;
}
.Mb\(-90px\) {
margin-bottom: -90px;
}
.Mb\(0\) {
margin-bottom: 0;
}
.Mb\(10px\) {
margin-bottom: 10px;
}
.Mb\(150px\) {
margin-bottom: 150px;
}
.Mb\(15px\) {
margin-bottom: 15px;
}
.Mb\(22px\) {
margin-bottom: 22px;
}
.Mb\(25px\) {
margin-bottom: 25px;
}
.Mb\(35px\) {
margin-bottom: 35px;
}
.Mb\(5px\) {
margin-bottom: 5px;
}
.Mb\(65px\) {
margin-bottom: 65px;
}
.Mb\(70px\) {
margin-bottom: 70px;
}
.Mb\(85px\) {
margin-bottom: 85px;
}
.Mb\(90px\) {
margin-bottom: 90px;
}
.Mstart\(-5px\) {
margin-left: -5px;
}
.Mstart\(13px\) {
margin-left: 13px;
}
.Mstart\(27px\) {
margin-left: 27px;
}
.Mstart\(29px\) {
margin-left: 29px;
}
.Mstart\(35px\) {
margin-left: 35px;
}
.Mstart\(3px\) {
margin-left: 3px;
}
.Mstart\(8px\) {
margin-left: 8px;
}
.Mah\(690px\) {
max-height: 690px;
}
.Maw\(100\%\) {
max-width: 100%;
}
.Maw\(1380px\) {
max-width: 1380px;
}
.Maw\(1400px\) {
max-width: 1400px;
}
.Maw\(1440px\) {
max-width: 1440px;
}
.Maw\(226px\) {
max-width: 226px;
}
.Maw\(335px\) {
max-width: 335px;
}
.Maw\(356px\) {
max-width: 356px;
}
.Maw\(380px\) {
max-width: 380px;
}
.Maw\(383px\) {
max-width: 383px;
}
.Maw\(388px\) {
max-width: 388px;
}
.Maw\(466px\) {
max-width: 466px;
}
.Maw\(654px\) {
max-width: 654px;
}
.Maw\(840px\) {
max-width: 840px;
}
.Maw\(850px\) {
max-width: 850px;
}
.Mih\(123px\) {
min-height: 123px;
}
.Mih\(280px\) {
min-height: 280px;
}
.Mih\(285px\) {
min-height: 285px;
}
.Mih\(300px\) {
min-height: 300px;
}
.Mih\(305px\) {
min-height: 305px;
}
.Mih\(400px\) {
min-height: 400px;
}
.Mih\(97px\) {
min-height: 97px;
}
.Miw\(123px\) {
min-width: 123px;
}
.Miw\(20px\) {
min-width: 20px;
}
.Miw\(250px\) {
min-width: 250px;
}
.T\(-100px\) {
top: -100px;
}
.T\(-100vh\) {
top: -100vh;
}
.T\(-120px\) {
top: -120px;
}
.T\(-125px\) {
top: -125px;
}
.T\(-200px\) {
top: -200px;
}
.T\(-2px\) {
top: -2px;
}
.T\(-50px\) {
top: -50px;
}
.T\(-60px\) {
top: -60px;
}
.T\(-70px\) {
top: -70px;
}
.T\(-80px\) {
top: -80px;
}
.T\(-81px\) {
top: -81px;
}
.T\(-89px\) {
top: -89px;
}
.T\(-90px\) {
top: -90px;
}
.T\(0\) {
top: 0;
}
.T\(100\%\) {
top: 100%;
}
.T\(100px\) {
top: 100px;
}
.T\(14px\) {
top: 14px;
}
.T\(150px\) {
top: 150px;
}
.T\(16vh\) {
top: 16vh;
}
.T\(185px\) {
top: 185px;
}
.T\(18px\) {
top: 18px;
}
.T\(200px\) {
top: 200px;
}
.T\(20px\) {
top: 20px;
}
.T\(245px\) {
top: 245px;
}
.T\(25px\) {
top: 25px;
}
.T\(260px\) {
top: 260px;
}
.T\(26px\) {
top: 26px;
}
.T\(30px\) {
top: 30px;
}
.T\(35px\) {
top: 35px;
}
.T\(44\%\) {
top: 44%;
}
.T\(50\%\) {
top: 50%;
}
.T\(50px\) {
top: 50px;
}
.T\(60px\) {
top: 60px;
}
.T\(70px\) {
top: 70px;
}
.T\(85px\) {
top: 85px;
}
.T\(95px\) {
top: 95px;
}
.End\(0\) {
right: 0;
}
.End\(16px\) {
right: 16px;
}
.End\(175px\) {
right: 175px;
}
.End\(17px\) {
right: 17px;
}
.End\(225px\) {
right: 225px;
}
.End\(30px\) {
right: 30px;
}
.End\(45px\) {
right: 45px;
}
.B\(-190px\) {
bottom: -190px;
}
.B\(-1px\) {
bottom: -1px;
}
.B\(0\) {
bottom: 0;
}
.B\(171px\) {
bottom: 171px;
}
.B\(20px\) {
bottom: 20px;
}
.B\(22px\) {
bottom: 22px;
}
.B\(300px\) {
bottom: 300px;
}
.B\(30px\) {
bottom: 30px;
}
.B\(40px\) {
bottom: 40px;
}
.B\(50px\) {
bottom: 50px;
}
.B\(60px\) {
bottom: 60px;
}
.B\(70px\) {
bottom: 70px;
}
.Start\(-19\%\) {
left: -19%;
}
.Start\(-45\%\) {
left: -45%;
}
.Start\(-54px\) {
left: -54px;
}
.Start\(-5px\) {
left: -5px;
}
.Start\(0\) {
left: 0;
}
.Start\(15px\) {
left: 15px;
}
.Start\(162px\) {
left: 162px;
}
.Start\(17\%\) {
left: 17%;
}
.Start\(175px\) {
left: 175px;
}
.Start\(20px\) {
left: 20px;
}
.Start\(30px\) {
left: 30px;
}
.Start\(44px\) {
left: 44px;
}
.Start\(45px\) {
left: 45px;
}
.Start\(50\%\) {
left: 50%;
}
.Ov\(h\) {
overflow: hidden;
}
.P\(0\) {
padding: 0;
}
.P\(40px\) {
padding: 40px;
}
.P\(60px\) {
padding: 60px;
}
.Px\(15px\) {
padding-left: 15px;
padding-right: 15px;
}
.Px\(20\%\) {
padding-left: 20%;
padding-right: 20%;
}
.Px\(20px\) {
padding-left: 20px;
padding-right: 20px;
}
.Px\(21px\) {
padding-left: 21px;
padding-right: 21px;
}
.Px\(30px\),
.Pstart\(30px\) {
padding-left: 30px;
}
.Px\(30px\) {
padding-right: 30px;
}
.Px\(35px\),
.Pstart\(35px\) {
padding-left: 35px;
}
.Px\(35px\) {
padding-right: 35px;
}
.Px\(40px\) {
padding-left: 40px;
padding-right: 40px;
}
.Px\(42px\) {
padding-left: 42px;
padding-right: 42px;
}
.Px\(50px\) {
padding-left: 50px;
padding-right: 50px;
}
.Px\(55px\) {
padding-left: 55px;
}
.Px\(55px\),
.Pend\(55px\) {
padding-right: 55px;
}
.Py\(0\) {
padding-top: 0;
padding-bottom: 0;
}
.Py\(15px\) {
padding-top: 15px;
padding-bottom: 15px;
}
.Py\(17px\) {
padding-top: 17px;
}
.Py\(17px\),
.Pb\(17px\) {
padding-bottom: 17px;
}
.Py\(20px\),
.Pt\(20px\) {
padding-top: 20px;
}
.Py\(20px\),
.Pb\(20px\) {
padding-bottom: 20px;
}
.Py\(25px\),
.Pt\(25px\) {
padding-top: 25px;
}
.Py\(25px\) {
padding-bottom: 25px;
}
.Py\(26px\) {
padding-top: 26px;
padding-bottom: 26px;
}
.Py\(30px\),
.Pt\(30px\) {
padding-top: 30px;
}
.Py\(30px\),
.Pb\(30px\) {
padding-bottom: 30px;
}
.Py\(35px\),
.Pt\(35px\) {
padding-top: 35px;
}
.Py\(35px\) {
padding-bottom: 35px;
}
.Py\(40px\) {
padding-top: 40px;
padding-bottom: 40px;
}
.Py\(55px\),
.Pt\(55px\) {
padding-top: 55px;
}
.Py\(55px\),
.Pb\(55px\) {
padding-bottom: 55px;
}
.Py\(60px\),
.Pt\(60px\) {
padding-top: 60px;
}
.Py\(60px\),
.Pb\(60px\) {
padding-bottom: 60px;
}
.Py\(90px\),
.Pt\(90px\) {
padding-top: 90px;
}
.Py\(90px\),
.Pb\(90px\) {
padding-bottom: 90px;
}
.Pt\(100px\) {
padding-top: 100px;
}
.Pt\(105px\) {
padding-top: 105px;
}
.Pt\(10px\) {
padding-top: 10px;
}
.Pt\(110px\) {
padding-top: 110px;
}
.Pt\(125px\) {
padding-top: 125px;
}
.Pt\(210px\) {
padding-top: 210px;
}
.Pt\(215px\) {
padding-top: 215px;
}
.Pt\(255px\) {
padding-top: 255px;
}
.Pt\(33px\) {
padding-top: 33px;
}
.Pt\(350px\) {
padding-top: 350px;
}
.Pt\(43px\) {
padding-top: 43px;
}
.Pt\(50px\) {
padding-top: 50px;
}
.Pt\(57px\) {
padding-top: 57px;
}
.Pt\(65px\) {
padding-top: 65px;
}
.Pt\(70px\) {
padding-top: 70px;
}
.Pt\(75px\) {
padding-top: 75px;
}
.Pt\(80px\) {
padding-top: 80px;
}
.Pt\(85px\) {
padding-top: 85px;
}
.Pt\(88px\) {
padding-top: 88px;
}
.Pt\(8px\) {
padding-top: 8px;
}
.Pb\(100px\) {
padding-bottom: 100px;
}
.Pb\(10px\) {
padding-bottom: 10px;
}
.Pb\(110px\) {
padding-bottom: 110px;
}
.Pb\(115px\) {
padding-bottom: 115px;
}
.Pb\(120px\) {
padding-bottom: 120px;
}
.Pb\(165px\) {
padding-bottom: 165px;
}
.Pb\(185px\) {
padding-bottom: 185px;
}
.Pb\(38px\) {
padding-bottom: 38px;
}
.Pb\(410px\) {
padding-bottom: 410px;
}
.Pb\(50px\) {
padding-bottom: 50px;
}
.Pb\(80px\) {
padding-bottom: 80px;
}
.Pb\(85px\) {
padding-bottom: 85px;
}
.Pstart\(25px\) {
padding-left: 25px;
}
.Pstart\(29px\) {
padding-left: 29px;
}
.Pe\(a\) {
pointer-events: auto;
}
.Pe\(n\) {
pointer-events: none;
}
.Pos\(a\) {
position: absolute;
}
.Pos\(f\) {
position: fixed;
}
.Pos\(r\) {
position: relative;
}
.Pos\(s\) {
position: static;
}
.Ta\(c\) {
text-align: center;
}
.Ta\(end\) {
text-align: right;
}
.Ta\(start\) {
text-align: left;
}
.Td\(n\) {
text-decoration: none;
}
.Tt\(u\) {
text-transform: uppercase;
}
.Scale\(0\) {
-webkit-transform: scale(0);
transform: scale(0);
}
.Whs\(nw\) {
white-space: nowrap;
}
.W\(100\%\) {
width: 100%;
}
.W\(100px\) {
width: 100px;
}
.W\(105px\) {
width: 105px;
}
.W\(116px\) {
width: 116px;
}
.W\(11px\) {
width: 11px;
}
.W\(123px\) {
width: 123px;
}
.W\(130px\) {
width: 130px;
}
.W\(140px\) {
width: 140px;
}
.W\(1440px\) {
width: 1440px;
}
.W\(145px\) {
width: 145px;
}
.W\(15px\) {
width: 15px;
}
.W\(1620px\) {
width: 1620px;
}
.W\(17px\) {
width: 17px;
}
.W\(185px\) {
width: 185px;
}
.W\(18px\) {
width: 18px;
}
.W\(190px\) {
width: 190px;
}
.W\(195px\) {
width: 195px;
}
.W\(19px\) {
width: 19px;
}
.W\(1px\) {
width: 1px;
}
.W\(20\%\) {
width: 20%;
}
.W\(20px\) {
width: 20px;
}
.W\(230px\) {
width: 230px;
}
.W\(24\.7\%\) {
width: 24.7%;
}
.W\(245px\) {
width: 245px;
}
.W\(25\%\) {
width: 25%;
}
.W\(258px\) {
width: 258px;
}
.W\(260px\) {
width: 260px;
}
.W\(270px\) {
width: 270px;
}
.W\(290px\) {
width: 290px;
}
.W\(300px\) {
width: 300px;
}
.W\(304px\) {
width: 304px;
}
.W\(310px\) {
width: 310px;
}
.W\(313px\) {
width: 313px;
}
.W\(31px\) {
width: 31px;
}
.W\(325px\) {
width: 325px;
}
.W\(32px\) {
width: 32px;
}
.W\(335px\) {
width: 335px;
}
.W\(350px\) {
width: 350px;
}
.W\(375px\) {
width: 375px;
}
.W\(400px\) {
width: 400px;
}
.W\(415px\) {
width: 415px;
}
.W\(41px\) {
width: 41px;
}
.W\(424px\) {
width: 424px;
}
.W\(433px\) {
width: 433px;
}
.W\(460px\) {
width: 460px;
}
.W\(461px\) {
width: 461px;
}
.W\(463px\) {
width: 463px;
}
.W\(50px\) {
width: 50px;
}
.W\(526px\) {
width: 526px;
}
.W\(55px\) {
width: 55px;
}
.W\(60px\) {
width: 60px;
}
.W\(657px\) {
width: 657px;
}
.W\(659px\) {
width: 659px;
}
.W\(65px\) {
width: 65px;
}
.W\(660px\) {
width: 660px;
}
.W\(66px\) {
width: 66px;
}
.W\(67px\) {
width: 67px;
}
.W\(70px\) {
width: 70px;
}
.W\(73\%\) {
width: 73%;
}
.W\(755px\) {
width: 755px;
}
.W\(75px\) {
width: 75px;
}
.W\(80px\) {
width: 80px;
}
.W\(85\%\) {
width: 85%;
}
.W\(85px\) {
width: 85px;
}
.W\(88\%\) {
width: 88%;
}
.W\(90\%\) {
width: 90%;
}
.W\(90px\) {
width: 90px;
}
.W\(9px\) {
width: 9px;
}
.Z\(0\) {
z-index: 0;
}
.Z\(1\) {
z-index: 1;
}
.Z\(10\) {
z-index: 10;
}
.Z\(2\) {
z-index: 2;
}
.Z\(3\) {
z-index: 3;
}
.Z\(5\) {
z-index: 5;
}
.Z\(50\) {
z-index: 50;
}
.Z\(8\) {
z-index: 8;
}
.Z\(9\) {
z-index: 9;
}
.Z\(90\) {
z-index: 90;
}
.Fill\(\$lochmara\) {
fill: #0180c9;
}
.Stk\(\$cloud\) {
stroke: #1e2e3f;
}
.Stk\(\$gull-gray\) {
stroke: #9aa8b6;
}
.Stk\(\$lochmara\) {
stroke: #0180c9;
}
@media (max-width: 768px) {
.Bgc\(\#1e2e3f\)--sm {
background-color: #1e2e3f;
}
.D\(f\)--sm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.D\(n\)--sm {
display: none;
}
.Fld\(r\)--sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.Jc\(sa\)--sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.Jc\(sb\)--sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.Fz\(22px\)--sm {
font-size: 22px;
}
.H\(100px\)--sm {
height: 100px;
}
.H\(10px\)--sm {
height: 10px;
}
.H\(120px\)--sm {
height: 120px;
}
.H\(160px\)--sm {
height: 160px;
}
.H\(172px\)--sm {
height: 172px;
}
.H\(205px\)--sm {
height: 205px;
}
.H\(208px\)--sm {
height: 208px;
}
.H\(226px\)--sm {
height: 226px;
}
.H\(253px\)--sm {
height: 253px;
}
.H\(254px\)--sm {
height: 254px;
}
.H\(255px\)--sm {
height: 255px;
}
.H\(280px\)--sm {
height: 280px;
}
.H\(283px\)--sm {
height: 283px;
}
.H\(298px\)--sm {
height: 298px;
}
.H\(310px\)--sm {
height: 310px;
}
.H\(320px\)--sm {
height: 320px;
}
.H\(339px\)--sm {
height: 339px;
}
.H\(350px\)--sm {
height: 350px;
}
.H\(413px\)--sm {
height: 413px;
}
.H\(440px\)--sm {
height: 440px;
}
.H\(470px\)--sm {
height: 470px;
}
.H\(480px\)--sm {
height: 480px;
}
.H\(505px\)--sm {
height: 505px;
}
.H\(75px\)--sm {
height: 75px;
}
.H\(80px\)--sm {
height: 80px;
}
.H\(91px\)--sm {
height: 91px;
}
.Lh\(20px\)--sm {
line-height: 20px;
}
.Lh\(53px\)--sm {
line-height: 53px;
}
.Mx\(10px\)--sm,
.Mstart\(10px\)--sm {
margin-left: 10px;
}
.Mx\(10px\)--sm,
.Mend\(10px\)--sm {
margin-right: 10px;
}
.Mx\(20px\)--sm {
margin-left: 20px;
}
.Mx\(20px\)--sm,
.Mend\(20px\)--sm {
margin-right: 20px;
}
.Mx\(30px\)--sm {
margin-left: 30px;
margin-right: 30px;
}
.Mx\(5px\)--sm,
.Mstart\(5px\)--sm {
margin-left: 5px;
}
.Mx\(5px\)--sm {
margin-right: 5px;
}
.Mx\(a\)--sm {
margin-left: auto;
margin-right: auto;
}
.My\(25px\)--sm,
.Mt\(25px\)--sm {
margin-top: 25px;
}
.My\(25px\)--sm,
.Mb\(25px\)--sm {
margin-bottom: 25px;
}
.My\(45px\)--sm,
.Mt\(45px\)--sm {
margin-top: 45px;
}
.My\(45px\)--sm,
.Mb\(45px\)--sm {
margin-bottom: 45px;
}
.Mt\(-100px\)--sm {
margin-top: -100px;
}
.Mt\(-10px\)--sm {
margin-top: -10px;
}
.Mt\(-330px\)--sm {
margin-top: -330px;
}
.Mt\(-5px\)--sm {
margin-top: -5px;
}
.Mt\(0\)--sm {
margin-top: 0;
}
.Mt\(10px\)--sm {
margin-top: 10px;
}
.Mt\(12px\)--sm {
margin-top: 12px;
}
.Mt\(15px\)--sm {
margin-top: 15px;
}
.Mt\(18px\)--sm {
margin-top: 18px;
}
.Mt\(20px\)--sm {
margin-top: 20px;
}
.Mt\(28px\)--sm {
margin-top: 28px;
}
.Mt\(30px\)--sm {
margin-top: 30px;
}
.Mt\(32px\)--sm {
margin-top: 32px;
}
.Mt\(340px\)--sm {
margin-top: 340px;
}
.Mt\(34px\)--sm {
margin-top: 34px;
}
.Mt\(35\)--sm {
margin-top: 35;
}
.Mt\(35px\)--sm {
margin-top: 35px;
}
.Mt\(39px\)--sm {
margin-top: 39px;
}
.Mt\(40px\)--sm {
margin-top: 40px;
}
.Mt\(42px\)--sm {
margin-top: 42px;
}
.Mt\(44px\)--sm {
margin-top: 44px;
}
.Mt\(50px\)--sm {
margin-top: 50px;
}
.Mt\(55px\)--sm {
margin-top: 55px;
}
.Mt\(5px\)--sm {
margin-top: 5px;
}
.Mt\(60px\)--sm {
margin-top: 60px;
}
.Mt\(65px\)--sm {
margin-top: 65px;
}
.Mt\(70px\)--sm {
margin-top: 70px;
}
.Mt\(73px\)--sm {
margin-top: 73px;
}
.Mt\(85px\)--sm {
margin-top: 85px;
}
.Mt\(8px\)--sm {
margin-top: 8px;
}
.Mb\(-370px\)--sm {
margin-bottom: -370px;
}
.Mb\(-90px\)--sm {
margin-bottom: -90px;
}
.Mb\(100px\)--sm {
margin-bottom: 100px;
}
.Mb\(10px\)--sm {
margin-bottom: 10px;
}
.Mb\(115px\)--sm {
margin-bottom: 115px;
}
.Mb\(18px\)--sm {
margin-bottom: 18px;
}
.Mb\(20px\)--sm {
margin-bottom: 20px;
}
.Mb\(23px\)--sm {
margin-bottom: 23px;
}
.Mb\(26px\)--sm {
margin-bottom: 26px;
}
.Mb\(30px\)--sm {
margin-bottom: 30px;
}
.Mb\(40px\)--sm {
margin-bottom: 40px;
}
.Mb\(42px\)--sm {
margin-bottom: 42px;
}
.Mb\(60px\)--sm {
margin-bottom: 60px;
}
.Maw\(210px\)--sm {
max-width: 210px;
}
.Maw\(260px\)--sm {
max-width: 260px;
}
.Maw\(280px\)--sm {
max-width: 280px;
}
.Maw\(335px\)--sm {
max-width: 335px;
}
.Maw\(450px\)--sm {
max-width: 450px;
}
.Maw\(460px\)--sm {
max-width: 460px;
}
.Mih\(100vh\)--sm {
min-height: 100vh;
}
.Mih\(255px\)--sm {
min-height: 255px;
}
.Mih\(260px\)--sm {
min-height: 260px;
}
.Mih\(360px\)--sm {
min-height: 360px;
}
.Mih\(497px\)--sm {
min-height: 497px;
}
.T\(-2px\)--sm {
top: -2px;
}
.T\(-56px\)--sm {
top: -56px;
}
.T\(135px\)--sm {
top: 135px;
}
.T\(210px\)--sm {
top: 210px;
}
.T\(370px\)--sm {
top: 370px;
}
.T\(40px\)--sm {
top: 40px;
}
.End\(a\)--sm {
right: auto;
}
.B\(0\)--sm {
bottom: 0;
}
.B\(10px\)--sm {
bottom: 10px;
}
.B\(20px\)--sm {
bottom: 20px;
}
.B\(32\%\)--sm {
bottom: 32%;
}
.B\(32px\)--sm {
bottom: 32px;
}
.B\(40px\)--sm {
bottom: 40px;
}
.B\(55px\)--sm {
bottom: 55px;
}
.Start\(-34px\)--sm {
left: -34px;
}
.Start\(20px\)--sm {
left: 20px;
}
.P\(30px\)--sm {
padding: 30px;
}
.Px\(10px\)--sm {
padding-left: 10px;
padding-right: 10px;
}
.Px\(15px\)--sm {
padding-left: 15px;
padding-right: 15px;
}
.Px\(20px\)--sm {
padding-left: 20px;
padding-right: 20px;
}
.Px\(22px\)--sm {
padding-left: 22px;
padding-right: 22px;
}
.Px\(30px\)--sm {
padding-left: 30px;
padding-right: 30px;
}
.Px\(55px\)--sm {
padding-left: 55px;
padding-right: 55px;
}
.Py\(0\)--sm,
.Pt\(0\)--sm {
padding-top: 0;
}
.Py\(0\)--sm,
.Pb\(0\)--sm {
padding-bottom: 0;
}
.Py\(20px\)--sm,
.Pt\(20px\)--sm {
padding-top: 20px;
}
.Py\(20px\)--sm,
.Pb\(20px\)--sm {
padding-bottom: 20px;
}
.Py\(30px\)--sm,
.Pt\(30px\)--sm {
padding-top: 30px;
}
.Py\(30px\)--sm,
.Pb\(30px\)--sm {
padding-bottom: 30px;
}
.Py\(35px\)--sm,
.Pt\(35px\)--sm {
padding-top: 35px;
}
.Py\(35px\)--sm,
.Pb\(35px\)--sm {
padding-bottom: 35px;
}
.Py\(40px\)--sm,
.Pt\(40px\)--sm {
padding-top: 40px;
}
.Py\(40px\)--sm,
.Pb\(40px\)--sm {
padding-bottom: 40px;
}
.Py\(50px\)--sm,
.Pt\(50px\)--sm {
padding-top: 50px;
}
.Py\(50px\)--sm,
.Pb\(50px\)--sm {
padding-bottom: 50px;
}
.Py\(60px\)--sm,
.Pt\(60px\)--sm {
padding-top: 60px;
}
.Py\(60px\)--sm,
.Pb\(60px\)--sm {
padding-bottom: 60px;
}
.Py\(65px\)--sm,
.Pt\(65px\)--sm {
padding-top: 65px;
}
.Py\(65px\)--sm,
.Pb\(65px\)--sm {
padding-bottom: 65px;
}
.Py\(70px\)--sm,
.Pt\(70px\)--sm {
padding-top: 70px;
}
.Py\(70px\)--sm,
.Pb\(70px\)--sm {
padding-bottom: 70px;
}
.Pt\(100px\)--sm {
padding-top: 100px;
}
.Pt\(10px\)--sm {
padding-top: 10px;
}
.Pt\(110px\)--sm {
padding-top: 110px;
}
.Pt\(28px\)--sm {
padding-top: 28px;
}
.Pt\(45px\)--sm {
padding-top: 45px;
}
.Pt\(46px\)--sm {
padding-top: 46px;
}
.Pt\(55px\)--sm {
padding-top: 55px;
}
.Pt\(5px\)--sm {
padding-top: 5px;
}
.Pt\(70\)--sm {
padding-top: 70;
}
.Pt\(75px\)--sm {
padding-top: 75px;
}
.Pend\(25px\)--sm {
padding-right: 25px;
}
.Pend\(40px\)--sm {
padding-right: 40px;
}
.Pend\(65px\)--sm {
padding-right: 65px;
}
.Pb\(75px\)--sm {
padding-bottom: 75px;
}
.Pb\(80px\)--sm {
padding-bottom: 80px;
}
.Pb\(85px\)--sm {
padding-bottom: 85px;
}
.Pstart\(110px\)--sm {
padding-left: 110px;
}
.Pos\(a\)--sm {
position: absolute;
}
.Ta\(c\)--sm {
text-align: center;
}
.Scale\(0\.8\)--sm {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.TranslateX\(-50\%\)--sm {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.W\(100\%\)--sm {
width: 100%;
}
.W\(105px\)--sm {
width: 105px;
}
.W\(110px\)--sm {
width: 110px;
}
.W\(220px\)--sm {
width: 220px;
}
.W\(278px\)--sm {
width: 278px;
}
.W\(320px\)--sm {
width: 320px;
}
.W\(330px\)--sm {
width: 330px;
}
.W\(334px\)--sm {
width: 334px;
}
.W\(335px\)--sm {
width: 335px;
}
.W\(86\%\)--sm {
width: 86%;
}
.W\(87\%\)--sm {
width: 87%;
}
.W\(90\%\)--sm {
width: 90%;
}
.W\(a\)--sm {
width: auto;
}
.ProductCardWithPhoto__root {
height: auto !important;
}
.ProductCardWithPhoto__product .ArticleCard__background,
.ProductCardWithPhoto__product .ArticleCard__root {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.Picture__root img {
width: 100%;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
margin-bottom: -8px !important;
}
}
@media (max-width: 374px) {
.Jc\(sa\)--xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.H\(140px\)--xs {
height: 140px;
}
.H\(24\.6vw\)--xs {
height: 24.6vw;
}
.H\(28vw\)--xs {
height: 28vw;
}
.Mx\(5px\)--xs {
margin-left: 5px;
margin-right: 5px;
}
.Mt\(30px\)--xs {
margin-top: 30px;
}
.Mt\(45px\)--xs {
margin-top: 45px;
}
.Mt\(5\.3vw\)--xs {
margin-top: 5.3vw;
}
.Mt\(7\.5vw\)--xs {
margin-top: 7.5vw;
}
.Mb\(15px\)--xs {
margin-bottom: 15px;
}
.Mih\(25vw\)--xs {
min-height: 25vw;
}
.Px\(20px\)--xs {
padding-left: 20px;
padding-right: 20px;
}
.Px\(40px\)--xs {
padding-left: 40px;
padding-right: 40px;
}
.Pt\(30px\)--xs {
padding-top: 30px;
}
.Pb\(18px\)--xs {
padding-bottom: 18px;
}
.W\(100\%\)--xs {
width: 100%;
}
.W\(260px\)--xs {
width: 260px;
}
.W\(280px\)--xs {
width: 280px;
}
.W\(28vw\)--xs {
width: 28vw;
}
.W\(320px\)--xs {
width: 320px;
}
.ProductCardWithPhoto__root {
height: auto !important;
}
}
@media (min-width: 769px) {
.Bdrs\(8px\)--md {
border-radius: 8px;
}
.Bgc\(\$cloud\)--md {
background-color: #1e2e3f;
}
.D\(f\)--md {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.D\(n\)--md {
display: none;
}
.Fld\(c\)--md {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.Jc\(fe\)--md {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.Jc\(sb\)--md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.H\(100\%\)--md {
height: 100%;
}
.H\(100px\)--md {
height: 100px;
}
.H\(120px\)--md {
height: 120px;
}
.H\(135px\)--md {
height: 135px;
}
.H\(144px\)--md {
height: 144px;
}
.H\(440px\)--md {
height: 440px;
}
.H\(450px\)--md {
height: 450px;
}
.H\(470px\)--md {
height: 470px;
}
.H\(520px\)--md {
height: 520px;
}
.H\(540px\)--md {
height: 540px;
}
.H\(60px\)--md {
height: 60px;
}
.H\(660px\)--md {
height: 660px;
}
.H\(90px\)--md {
height: 90px;
}
.Lh\(67px\)--md {
line-height: 67px;
}
.Mx\(a\)--md {
margin-left: auto;
margin-right: auto;
}
.Mt\(-10px\)--md {
margin-top: -10px;
}
.Mt\(-35px\)--md {
margin-top: -35px;
}
.Mt\(-43px\)--md {
margin-top: -43px;
}
.Mt\(-60px\)--md {
margin-top: -60px;
}
.Mt\(0\)--md {
margin-top: 0;
}
.Mt\(100px\)--md {
margin-top: 100px;
}
.Mt\(105px\)--md {
margin-top: 105px;
}
.Mt\(110px\)--md {
margin-top: 110px;
}
.Mt\(120px\)--md {
margin-top: 120px;
}
.Mt\(20px\)--md {
margin-top: 20px;
}
.Mt\(25px\)--md {
margin-top: 25px;
}
.Mt\(30px\)--md {
margin-top: 30px;
}
.Mt\(35px\)--md {
margin-top: 35px;
}
.Mt\(40px\)--md {
margin-top: 40px;
}
.Mt\(45px\)--md {
margin-top: 45px;
}
.Mt\(50px\)--md {
margin-top: 50px;
}
.Mt\(55px\)--md {
margin-top: 55px;
}
.Mt\(5px\)--md {
margin-top: 5px;
}
.Mt\(60px\)--md {
margin-top: 60px;
}
.Mt\(62px\)--md {
margin-top: 62px;
}
.Mt\(65px\)--md {
margin-top: 65px;
}
.Mt\(70px\)--md {
margin-top: 70px;
}
.Mt\(72px\)--md {
margin-top: 72px;
}
.Mt\(87px\)--md {
margin-top: 87px;
}
.Mt\(90px\)--md {
margin-top: 90px;
}
.Mend\(45px\)--md {
margin-right: 45px;
}
.Mend\(70px\)--md {
margin-right: 70px;
}
.Mb\(-95px\)--md {
margin-bottom: -95px;
}
.Mb\(100px\)--md {
margin-bottom: 100px;
}
.Mb\(15px\)--md {
margin-bottom: 15px;
}
.Mb\(20px\)--md {
margin-bottom: 20px;
}
.Mb\(29px\)--md {
margin-bottom: 29px;
}
.Mb\(32px\)--md {
margin-bottom: 32px;
}
.Mb\(35px\)--md {
margin-bottom: 35px;
}
.Mb\(40px\)--md {
margin-bottom: 40px;
}
.Mb\(45px\)--md {
margin-bottom: 45px;
}
.Mb\(50px\)--md {
margin-bottom: 50px;
}
.Mb\(55px\)--md {
margin-bottom: 55px;
}
.Mb\(63px\)--md {
margin-bottom: 63px;
}
.Mb\(90px\)--md {
margin-bottom: 90px;
}
.Mstart\(-30px\)--md {
margin-left: -30px;
}
.Mstart\(-35px\)--md {
margin-left: -35px;
}
.Mstart\(0\)--md {
margin-left: 0;
}
.Mstart\(10px\)--md {
margin-left: 10px;
}
.Mstart\(35px\)--md {
margin-left: 35px;
}
.Mstart\(60px\)--md {
margin-left: 60px;
}
.Mstart\(80px\)--md {
margin-left: 80px;
}
.Maw\(180px\)--md {
max-width: 180px;
}
.Mih\(250px\)--md {
min-height: 250px;
}
.Mih\(280px\)--md {
min-height: 280px;
}
.Mih\(340px\)--md {
min-height: 340px;
}
.Mih\(510px\)--md {
min-height: 510px;
}
.T\(-2px\)--md {
top: -2px;
}
.T\(40px\)--md {
top: 40px;
}
.End\(-175px\)--md {
right: -175px;
}
.End\(20px\)--md {
right: 20px;
}
.B\(-130px\)--md {
bottom: -130px;
}
.B\(22px\)--md {
bottom: 22px;
}
.B\(42px\)--md {
bottom: 42px;
}
.B\(6px\)--md {
bottom: 6px;
}
.Start\(-8px\)--md {
left: -8px;
}
.Start\(102px\)--md {
left: 122px;
}
.Start\(30px\)--md {
left: 30px;
}
.Px\(30px\)--md,
.Pstart\(30px\)--md {
padding-left: 30px;
}
.Px\(30px\)--md {
padding-right: 30px;
}
.Px\(40px\)--md {
padding-left: 40px;
padding-right: 40px;
}
.Py\(105px\)--md {
padding-top: 105px;
padding-bottom: 105px;
}
.Py\(60px\)--md,
.Pt\(60px\)--md {
padding-top: 60px;
}
.Py\(60px\)--md {
padding-bottom: 60px;
}
.Py\(65px\)--md {
padding-top: 65px;
padding-bottom: 65px;
}
.Py\(90px\)--md,
.Pt\(90px\)--md {
padding-top: 90px;
}
.Py\(90px\)--md,
.Pb\(90px\)--md {
padding-bottom: 90px;
}
.Pt\(100px\)--md {
padding-top: 100px;
}
.Pt\(130px\)--md {
padding-top: 130px;
}
.Pt\(20px\)--md {
padding-top: 20px;
}
.Pt\(215px\)--md {
padding-top: 215px;
}
.Pt\(25px\)--md {
padding-top: 25px;
}
.Pt\(30px\)--md {
padding-top: 30px;
}
.Pt\(58px\)--md {
padding-top: 58px;
}
.Pt\(61px\)--md {
padding-top: 61px;
}
.Pt\(70px\)--md {
padding-top: 70px;
}
.Pt\(80px\)--md {
padding-top: 80px;
}
.Pb\(110px\)--md {
padding-bottom: 110px;
}
.Pb\(30px\)--md {
padding-bottom: 30px;
}
.Pb\(70px\)--md {
padding-bottom: 70px;
}
.Pb\(80px\)--md {
padding-bottom: 80px;
}
.Pb\(85px\)--md {
padding-bottom: 85px;
}
.Pb\(95px\)--md {
padding-bottom: 95px;
}
.Pos\(a\)--md {
position: absolute;
}
.Ta\(c\)--md {
text-align: center;
}
.W\(10\%\)--md {
width: 10%;
}
.W\(195px\)--md {
width: 195px;
}
.W\(230px\)--md {
width: 230px;
}
.W\(260px\)--md {
width: 260px;
}
.W\(270px\)--md {
width: 270px;
}
.W\(310px\)--md {
width: 310px;
}
.W\(370px\)--md {
width: 370px;
}
.W\(380px\)--md {
width: 380px;
}
.W\(400px\)--md {
width: 400px;
}
.W\(42\%\)--md {
width: 42%;
}
.W\(420px\)--md {
width: 420px;
}
.W\(425px\)--md {
width: 425px;
}
.W\(426px\)--md {
width: 426px;
}
.W\(435px\)--md {
width: 435px;
}
.W\(470px\)--md {
width: 470px;
}
.W\(495px\)--md {
width: 495px;
}
.W\(50\%\)--md {
width: 50%;
}
.W\(598\)--md {
width: 598;
}
.W\(598px\)--md {
width: 598px;
}
.W\(600px\)--md {
width: 600px;
}
.W\(65\%\)--md {
width: 65%;
}
.W\(655px\)--md {
width: 655px;
}
.W\(660px\)--md {
width: 660px;
}
.W\(670px\)--md {
width: 670px;
}
.W\(680px\)--md {
width: 680px;
}
.W\(700px\)--md {
width: 700px;
}
.W\(8\.33vw\)--md {
width: 8.33vw;
}
.W\(95\%\)--md {
width: 95%;
}
}
@media (min-width: 1025px) {
.D\(b\)--lg {
display: block;
}
.D\(n\)--lg {
display: none;
}
.Fld\(r\)--lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.Fz\(18px\)--lg {
font-size: 18px;
}
.Fz\(24px\)--lg {
font-size: 24px;
}
.H\(140px\)--lg {
height: 140px;
}
.H\(440px\)--lg {
height: 440px;
}
.H\(470px\)--lg {
height: 470px;
}
.H\(500px\)--lg {
height: 500px;
}
.H\(540px\)--lg {
height: 540px;
}
.Lh\(28px\)--lg {
line-height: 28px;
}
.Mx\(18px\)--lg {
margin-left: 18px;
margin-right: 18px;
}
.My\(0\)--lg,
.Mt\(0\)--lg {
margin-top: 0;
}
.My\(0\)--lg,
.Mb\(0\)--lg {
margin-bottom: 0;
}
.Mt\(100px\)--lg {
margin-top: 100px;
}
.Mt\(130px\)--lg {
margin-top: 130px;
}
.Mt\(180px\)--lg {
margin-top: 180px;
}
.Mt\(20px\)--lg {
margin-top: 20px;
}
.Mt\(60px\)--lg {
margin-top: 60px;
}
.Mt\(70px\)--lg {
margin-top: 70px;
}
.Mt\(80px\)--lg {
margin-top: 80px;
}
.Mend\(20px\)--lg {
margin-right: 20px;
}
.Mb\(90px\)--lg {
margin-bottom: 90px;
}
.Mstart\(10px\)--lg {
margin-left: 10px;
}
.Mstart\(20px\)--lg {
margin-left: 20px;
}
.Mstart\(30px\)--lg {
margin-left: 30px;
}
.Mstart\(a\)--lg {
margin-left: auto;
}
.Mih\(100\%\)--lg {
min-height: 100%;
}
.T\(-100px\)--lg {
top: -100px;
}
.T\(-120px\)--lg {
top: -120px;
}
.T\(-80px\)--lg {
top: -80px;
}
.End\(-85px\)--lg {
right: -85px;
}
.End\(30px\)--lg {
right: 30px;
}
.B\(-120px\)--lg {
bottom: -120px;
}
.Start\(110px\)--lg {
left: 140px;
}
.Start\(44px\)--lg {
left: 44px;
}
.Pt\(30px\)--lg {
padding-top: 30px;
}
.Pb\(18px\)--lg {
padding-bottom: 18px;
}
.Pstart\(27\%\)--lg {
padding-left: 27%;
}
.Pstart\(40px\)--lg {
padding-left: 40px;
}
.Pos\(s\)--lg {
position: static;
}
.W\(100\%\)--lg {
width: 100%;
}
.W\(100px\)--lg {
width: 100px;
}
.W\(16\.66vw\)--lg {
width: 16.66vw;
}
.W\(22\.5\%\)--lg {
width: 22.5%;
}
.W\(31\%\)--lg {
width: 31%;
}
.W\(360px\)--lg {
width: 360px;
}
.W\(740px\)--lg {
width: 740px;
}
.W\(888px\)--lg {
width: 888px;
}
.W\(890px\)--lg {
width: 890px;
}
.W\(910px\)--lg {
width: 910px;
}
}
@media (min-width: 1281px) {
.D\(b\)--xl {
display: block;
}
.Jc\(sb\)--xl {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.Fz\(28px\)--xl {
font-size: 28px;
}
.H\(520px\)--xl {
height: 520px;
}
.H\(90px\)--xl {
height: 90px;
}
.Lh\(72px\)--xl {
line-height: 72px;
}
.Mt\(60px\)--xl {
margin-top: 60px;
}
.Mt\(70px\)--xl {
margin-top: 70px;
}
.Mend\(35px\)--xl {
margin-right: 35px;
}
.Mstart\(150px\)--xl {
margin-left: 150px;
}
.Mstart\(15px\)--xl {
margin-left: 15px;
}
.Maw\(280px\)--xl {
max-width: 280px;
}
.Miw\(250px\)--xl {
min-width: 250px;
}
.End\(-55px\)--xl {
right: -55px;
}
.B\(-100px\)--xl {
bottom: -100px;
}
.Start\(140px\)--xl {
left: 140px;
}
.Px\(21px\)--xl {
padding-left: 21px;
padding-right: 21px;
}
.Py\(0\)--xl {
padding-top: 0;
padding-bottom: 0;
}
.Pt\(265px\)--xl {
padding-top: 265px;
}
.Pt\(330px\)--xl {
padding-top: 330px;
}
.W\(24\.7\%\)--xl {
width: 24.7%;
}
.W\(300px\)--xl {
width: 300px;
}
.W\(395px\)--xl {
width: 395px;
}
.W\(57\%\)--xl {
width: 57%;
}
}
@media (min-width: 1440px) {
.D\(b\)--xxl {
display: block;
}
.My\(0\)--xxl,
.Mt\(0\)--xxl {
margin-top: 0;
}
.My\(0\)--xxl {
margin-bottom: 0;
}
.Mstart\(40px\)--xxl {
margin-left: 40px;
}
.Mstart\(45px\)--xxl {
margin-left: 45px;
}
.Pos\(a\)--xxl {
position: absolute;
}
.W\(33\.33\%\)--xxl {
width: 33.33%;
}
}
.ScrollCarousel__root:lang(he) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-y: auto;
margin-bottom: -50px;
padding-bottom: 50px;
cursor: -webkit-grab;
cursor: grab;
-webkit-overflow-scrolling: touch;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.ScrollCarousel__root
.ScrollCarousel__slide.compareCardsSlider:first-child:lang(he) {
margin-right: 345px;
margin-left: 0;
}
.ScrollCarousel__root .ScrollCarousel__slide:first-child:lang(he) {
margin-right: 0;
margin-left: 0;
}
.CompareCardsSlider__mainWrapper:lang(he) {
position: absolute;
top: 0;
right: 0;
z-index: 0;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.ScrollCarousel__root
.ScrollCarousel__slide.fixedCompareMenuSlider:first-child:lang(he) {
margin-right: 310px;
margin-left: 0;
}
.Mstart\(35px\):lang(he) {
margin-right: 35px;
}
.FixedCompareMenuSlider__root:lang(he) {
position: fixed;
top: 0;
right: 0;
z-index: 3;
width: 100%;
height: 140px;
font-size: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
background-color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.FixedCompareMenuSlider__mainWrapper:lang(he) {
position: absolute;
top: 0;
right: 0;
z-index: 1;
left: auto;
}
ComparePropsTable__main:lang(he) {
height: 100%;
width: 27%;
text-align: center;
}
.FixedCompareMenuSlide__root:lang(he) {
position: relative;
width: 345px;
height: 139px;
overflow: hidden;
border-left: 1px solid rgba(0, 0, 0, 0.1);
text-align: right;
}
.ComparePropsTable__main .ComparePropsTable__cell:lang(he) {
margin-left: 60px;
text-align: right;
}
.Ta\(start\):lang(he) {
text-align: right;
}
.ComparePropsTable__cell:lang(he) {
width: 310px;
margin-right: 10%;
}
.ComparePropsTable__title:lang(he) {
padding-top: 20px;
padding-left: 38px;
height: 46px;
font-size: 12px;
line-height: 14px;
font-weight: 400;
letter-spacing: 0.37px;
color: #9aa8b6;
margin-right: 10%;
}
@media (max-width: 768px) {
.ScrollCarousel__root
.ScrollCarousel__slide.compareCardsSlider:first-child:lang(he) {
margin-right: 220px;
margin-left: 0;
}
.FixedCompareMenuSlide__root:lang(he) {
width: 250px;
}
.ComparePropsTable__cell:lang(he) {
width: 140px !important;
margin-right: 10px !important;
}
.FixedCompareMenuSlide__root:lang(he) {
width: 172px !important;
}
.ScrollCarousel__root
.ScrollCarousel__slide.fixedCompareMenuSlider:first-child:lang(he) {
margin-right: 220px;
margin-left: 0;
}
}
.ScrollCarousel__root:lang(ar) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-y: auto;
margin-bottom: -50px;
padding-bottom: 50px;
cursor: -webkit-grab;
cursor: grab;
-webkit-overflow-scrolling: touch;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.ScrollCarousel__root
.ScrollCarousel__slide.compareCardsSlider:first-child:lang(ar) {
margin-right: 345px;
margin-left: 0;
}
.ScrollCarousel__root.ScrollCarousel__containerWrapper
.ScrollCarousel__slide:first-child:lang(ar) {
padding-right: 1.25%;
padding-left: 0;
}
.ScrollCarousel__root .ScrollCarousel__slide:first-child:lang(ar) {
margin-right: 0;
margin-left: 0;
}
.CompareCardsSlider__mainWrapper:lang(ar) {
position: absolute;
top: 0;
right: 0;
z-index: 1;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.ScrollCarousel__root
.ScrollCarousel__slide.fixedCompareMenuSlider:first-child:lang(ar) {
margin-right: 310px;
margin-left: 0;
}
.Mstart\(35px\):lang(ar) {
margin-right: 35px;
}
.FixedCompareMenuSlider__root:lang(ar) {
position: fixed;
top: 0;
right: 0;
z-index: 3;
width: 100%;
height: 140px;
font-size: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
background-color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.FixedCompareMenuSlider__mainWrapper:lang(ar) {
position: absolute;
top: 0;
right: 0;
z-index: 1;
left: auto;
}
ComparePropsTable__main:lang(ar) {
height: 100%;
width: 27%;
text-align: center;
}
.FixedCompareMenuSlide__root:lang(ar) {
position: relative;
width: 345px;
height: 139px;
overflow: hidden;
border-left: 1px solid rgba(0, 0, 0, 0.1);
text-align: right;
}
.ComparePropsTable__main .ComparePropsTable__cell:lang(ar) {
margin-left: 60px;
text-align: right;
}
.Ta\(start\):lang(ar) {
text-align: right;
}
.ComparePropsTable__cell:lang(ar) {
width: 310px;
margin-right: 10%;
}
.ComparePropsTable__title:lang(ar) {
padding-top: 20px;
padding-left: 38px;
height: 46px;
font-size: 12px;
line-height: 14px;
font-weight: 400;
letter-spacing: 0.37px;
color: #9aa8b6;
margin-right: 10%;
}
@media (max-width: 768px) {
.ScrollCarousel__root
.ScrollCarousel__slide.compareCardsSlider:first-child:lang(ar) {
margin-right: 220px;
margin-left: 0;
}
.FixedCompareMenuSlide__root:lang(ar) {
width: 250px;
}
.ComparePropsTable__cell:lang(ar) {
width: 140px !important;
margin-right: 10px !important;
}
.FixedCompareMenuSlide__root:lang(ar) {
width: 172px !important;
}
.ScrollCarousel__root
.ScrollCarousel__slide.fixedCompareMenuSlider:first-child:lang(ar) {
margin-right: 220px;
margin-left: 0;
}
}
#htmlcontainers {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 0 !important;
padding-left: 0 !important;
}
.tech__spec {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ac-slider-content-align-top {
margin-bottom: auto !important;
margin-top: unset !important;
}
.ac-slider-content-align-bottom {
margin-bottom: 0 !important;
}
.ac-slider-content-align-right {
margin-right: 0 !important;
}
.ac-slider-content-align-left {
margin-left: 0 !important;
}
.header__buttons:lang(ar) {
position: inherit;
float: left;
margin-left: 40px;
}
.main__menu:lang(ar) {
right: 175px !important;
}
.main__logo:lang(ar) {
right: 75px !important;
}
.header__buttons:lang(he) {
position: inherit;
float: left;
margin-left: 40px;
}
.main__menu:lang(he) {
right: 175px !important;
}
.main__logo:lang(he) {
right: 75px !important;
}
.h1:lang(he) {
font-weight: 600 !important;
}
@media (max-width: 768px) {
.i-need-help-with:lang(he),
.SupportHomeHero__root:lang(he) .SupportHomeHero__verticalCarousel:lang(he),
.SupportHomeHero__issueSelectedMobile:lang(he),
.SupportHomeHero__textSelectIssue:lang(he),
.SupportHomeHero__textSelectProduct:lang(he) {
font-weight: 600 !important;
}
}
@media (min-width: 769px) {
.SupportHomeHero__root:lang(he) {
font-weight: 600 !important;
margin-right: 100px;
}
}
.DateText__root:lang(he),
.DateText__date:lang(he),
.InfoCard__root:lang(he),
.InfoCard__number:lang(he),
.JourneyTop__root:lang(he),
.JourneyTop__title:lang(he),
.SupportHomeHeroBlock__root:lang(he),
.SupportHomeHeroBlock__step:lang(he),
.SupportHomeHeroBlock__text:lang(he),
.RegisterContacts__root:lang(he),
.RegisterContacts__phone:lang(he),
.SupportRegistrationIntro__title:lang(he),
.SupportRegistrationDetails__title:lang(he),
.SupportRegistrationOffers__title:lang(he),
.SupportRegistrationComplete__titleBlockTitle:lang(he),
.SupportRegistrationInfo__title:lang(he),
.SupportContactsFooterBlock__number:lang(he) {
font-weight: 600 !important;
}
.DimensionsItem__root:lang(he),
.DimensionsItem__modular:lang(he),
.DimensionsItem__number:lang(he),
.DimensionsItem__root:lang(he),
.DimensionsItem__modular:lang(he),
.DimensionsItem__root.DimensionsItem__modular .DimensionsItem__units:lang(he) {
font-weight: 600 !important;
}
@media (min-width: 769px) {
.foo-1:lang(he) {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 10.66667% !important;
flex: 0 0 10.66667% !important;
max-width: 10.66667% !important;
}
.foo-3:lang(he) {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 40% !important;
flex: 0 0 40% !important;
max-width: 35% !important;
}
.SupportHomeHero__root:lang(he) .SupportHomeHero__section:lang(he) {
position: relative;
height: 100%;
margin-left: 11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: right;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 350px;
}
.SupportHomeHero__root:lang(he) > .SupportHomeHero__section:lang(he) {
position: relative;
height: 100%;
margin-left: 11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
max-width: 40%;
width: 250px;
}
.ScrollCarouselVertical__root:lang(he) {
height: 100%;
margin-right: -50px;
padding-right: 50px;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
}
}
.ScrollCarouselVertical__root::-webkit-scrollbar {
display: none;
}
.foor:lang(he) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
margin-right: -1.25%;
margin-left: -1.25%;
}
.Hero__slide--banner .Hero__slideImage {
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1024px) {
.RetailerResultsCard__root.opened .RetailerResultsCard__contacts:lang(ar),
.RetailerResultsCard__root.opened .RetailerResultsCard__contacts:lang(he) {
margin-right: -30px !important;
}
}
@media (max-width: 1023px) {
.RetailerResultsCard__root.opened-mobile
.RetailerResultsCard__contacts:lang(he),
.RetailerResultsCard__root.opened-mobile
.RetailerResultsCard__contacts:lang(ar) {
margin-right: -30px !important;
}
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__cards:lang(he) > *,
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__cards:lang(ar) > * {
overflow: hidden !important;
}
.RetailerResultsCard__root .RetailerResultsCard__name:lang(he),
.RetailerResultsCard__root .RetailerResultsCard__name:lang(ar) {
white-space: nowrap;
}
}
.disclaimer {
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;
justify-items: center;
}
@media (max-width: 1023px) {
.nav-phone-area {
margin: auto;
padding-left: 67px;
}
.nav-phone-area b {
padding-left: 3px;
}
.nav-phone-area a {
color: black;
}
}
@media (min-width: 1024px) {
.footer-phone-area {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 5px;
}
.footer-phone-area b {
padding-left: 3px;
}
.footer-phone-area a {
color: white;
}
}
@media (max-width: 1023px) {
.footer-phone-area {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.footer-phone-area b {
padding-left: 3px;
}
.footer-phone-area a {
color: white;
}
}
.formButtontooltip__root {
width: 100% !important;
}
.formButtontooltip__quickInfo {
top: 0 !important;
}
.ButtonTooltip__tooltip {
top: -80px !important;
}
.Tooltip__root {
max-width: 300px;
min-width: 150px;
margin-left: -20px;
}
@media (max-width: 770px) {
.ButtonTooltip__tooltip {
top: -140px !important;
left: -150px !important;
}
}
.tooltipBadge {
display: inline-block;
position: relative;
text-align: left;
}
.tooltipBadge .BadgeToolTip {
min-width: 150px;
bottom: 80%;
left: 0;
margin-top: 20px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 10px 20px;
color: #fff;
background-color: #000;
font-weight: normal;
font-size: 13px;
border-radius: 8px;
position: absolute;
z-index: 1000;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
display: none;
}
.tooltipBadge:hover .BadgeToolTip {
display: block;
}
.tooltipBadge .BadgeToolTip i {
position: absolute;
top: 50%;
right: 100%;
margin-top: -12px;
width: 12px;
height: 24px;
overflow: hidden;
}
.tooltipBadge .BadgeToolTip i::after {
content: '';
position: absolute;
width: 12px;
height: 12px;
left: 0;
top: 50%;
-webkit-transform: translate(50%, -50%) rotate(-45deg);
transform: translate(50%, -50%) rotate(-45deg);
background-color: #000;
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}
.heroBannerVideo {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.aem-GridColumn.card {
padding: 0 10px;
}
@media (max-width: 768px) {
.Button__root.Button__small {
min-width: 90%;
width: 90%;
}
}
@media (max-width: 768px) {
.Button__root.Contact_Result_Button {
width: 188px;
}
}
.JourneyArticleCard__root .Button__root.Button__small {
position: absolute;
bottom: 10px;
}
.get-help-btn,
.learn-more-btn,
.load-more-btn {
width: 168px !important;
height: 60px !important;
min-width: 168px !important;
}
.Button__root.disabled-submit-btn {
cursor: unset;
pointer-events: none;
}
.Button__root.Button__small.grid-button {
margin-bottom: 25px;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ButtonFindRetailer__root span {
max-width: 100% !important;
white-space: pre-line !important;
}
}
.ButtonFindRetailer__root > .ButtonIcon__root {
position: relative;
z-index: 2;
}
.ButtonFindRetailer__root > span {
z-index: 1;
}
.ButtonIcon__root {
height: 45px;
width: 45px;
border-radius: 50%;
background-color: #e9ecef;
cursor: pointer;
border: 0;
text-decoration: none;
}
.ButtonIcon__root svg {
fill: #1e2e3f;
stroke: #1e2e3f;
}
@media (min-width: 1025px) {
.ButtonIcon__root:hover {
background-color: #ebeef0;
color: #0180c9;
}
.ButtonIcon__root:hover svg {
fill: #0180c9;
stroke: #0180c9;
}
}
.ButtonIcon__root:visited {
color: #1e2e3f;
}
.ButtonIcon__root.ButtonIcon__withoutBackground {
background: 0;
}
.ButtonIcon__root.ButtonIcon__white {
background: #fff;
border: 1px solid #e9ecef;
margin-top: 10px;
}
@media (min-width: 1025px) {
.ButtonIcon__root.ButtonIcon__white:hover {
border-color: #d6d6d6;
}
}
.ButtonIcon__root.ButtonIcon__iconBlue svg,
.ButtonIcon__root.ButtonIcon__shareFb svg,
.ButtonIcon__root.ButtonIcon__shareMail svg,
.ButtonIcon__root.ButtonIcon__sharePr svg,
.ButtonIcon__root.ButtonIcon__shareTw svg,
.ButtonIcon__root.ButtonShare_CopyToClipboard svg,
.ButtonIcon__root.ButtonShare_Messenger svg,
.ButtonIcon__root.ButtonShare_Whatsapp svg {
color: #0180c9;
fill: #0180c9;
stroke: #0180c9;
}
.ButtonIcon__root.ButtonIcon__iconGreen svg {
color: #3ba936;
fill: #3ba936;
stroke: #3ba936;
}
.ButtonIcon__root.ButtonIcon__iconRed svg {
color: #e40313;
fill: #e40313;
stroke: #e40313;
}
.ButtonIcon__root.ButtonIcon__active,
.ButtonIcon__root.ButtonIcon__blue,
.ButtonIcon__root.ButtonIcon__withCount {
background-color: #0180c9;
color: #fff;
}
.ButtonIcon__root.ButtonIcon__active svg,
.ButtonIcon__root.ButtonIcon__blue svg,
.ButtonIcon__root.ButtonIcon__withCount svg {
fill: #fff;
stroke: #fff;
}
.ButtonIcon__root.ButtonIcon__social svg {
height: 15px;
color: #fff;
fill: #fff;
stroke: #fff;
}
.ButtonIcon__root.ButtonIcon__dark {
background-color: #394553;
}
@media (min-width: 1025px) {
.ButtonIcon__root.ButtonIcon__dark:hover {
background-color: #5b6d81;
}
}
.ButtonIcon__root.ButtonIcon__dark svg {
color: #fff;
fill: #fff;
stroke: #fff;
}
.ButtonIcon__root.ButtonIcon__whiteIcon svg {
fill: #fff;
stroke: #fff;
}
.ButtonIcon__root.ButtonIcon__iconNoStroke svg {
stroke: none;
}
@media (min-width: 1025px) {
.ButtonIcon__root.ButtonIcon__iconNoStroke:hover svg {
stroke: none;
}
}
@media (min-width: 1025px) {
.ButtonIcon__root.ButtonIcon__whiteIcon:hover svg {
fill: #e9ecef;
stroke: #e9ecef;
}
}
.ButtonIcon__root.ButtonIcon__grey {
background: rgba(0, 0, 0, 0.1);
}
@media (min-width: 1025px) {
.ButtonIcon__root.ButtonIcon__blue:hover {
background-color: #006ba8;
}
}
.ButtonIcon__root.ButtonIcon__withCount {
background-color: #3ba936;
}
@media (min-width: 1025px) {
.ButtonIcon__root.ButtonIcon__withCount:hover {
background-color: #298c24;
}
}
.ButtonIcon__root.ButtonIcon__withCount.ButtonIcon__white {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #1e2e3f;
}
.ButtonIcon__root.ButtonIcon__withCount.ButtonIcon__white svg {
fill: #1e2e3f;
stroke: #1e2e3f;
}
@media (min-width: 1025px) {
.ButtonIcon__root.ButtonIcon__withCount.ButtonIcon__white:hover {
border-color: #d6d6d6;
}
}
.ButtonIcon__root .ButtonIcon__count,
.ButtonIcon__root .ButtonIcon__text {
font-size: 12px;
letter-spacing: 0.37px;
font-weight: 500;
}
.ButtonIcon__root .ButtonIcon__count {
position: relative;
top: -2px;
margin-left: 5.5px;
}
@media (max-width: 768px) {
.ButtonIcon__root {
height: 60px;
width: 60px;
}
}
.ButtonIcon__root.ButtonIcon__big {
height: 60px;
width: 60px;
}
.downloadDocsModal .ButtonIcon__root.ButtonIcon__big.close-modal-btn {
height: 60px;
width: 60px;
z-index: 11 !important;
bottom: 40px !important;
}
@media (max-width: 768px) {
.ShareBlock__mobile {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ButtonIcon__root.ButtonIcon__shareFb svg {
width: auto;
height: 17px;
}
.ButtonIcon__root.ButtonIcon__shareTw svg {
width: auto;
height: 15px;
}
.ButtonIcon__root.ButtonIcon__sharePr svg {
width: auto;
height: 17px;
}
.ButtonIcon__root.ButtonIcon__shareMail svg {
width: auto;
height: 14px;
}
.ButtonIcon__root.ButtonShare_CopyToClipboard svg {
width: auto;
height: 17px;
}
.ButtonIcon__root.ButtonShare_Messenger svg {
width: auto;
height: 22px;
}
.ButtonIcon__root.ButtonShare_Whatsapp svg {
width: auto;
height: 20px;
}
}
.ButtonIcon__root .ButtonIcon__countCircle {
margin-left: 6px;
height: 21px;
width: 21px;
text-align: center;
padding-left: 1px;
background-color: #0180c9;
line-height: 24px;
color: #fff;
font-size: 12px;
border-radius: 50%;
}
.ButtonIcon__root.ButtonIcon__big.ButtonIcon__white.closeSearchResultsAutocomplete {
margin-bottom: 50px;
}
body.rtl-lang .closeSearchResultsAutocomplete {
margin-bottom: 50px;
right: auto !important;
left: 5px;
}
a.ButtonLanguage__langsButton {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.ButtonLanguage__root.ButtonLanguage__opened.ButtonLanguage__2 {
width: 135px;
}
.ButtonLanguage__root.ButtonLanguage__opened.ButtonLanguage__3 {
width: 180px;
}
.ButtonLanguage__root.ButtonLanguage__opened.ButtonLanguage__4 {
width: 225px;
}
.ButtonLanguage__root.ButtonLanguage__opened.ButtonLanguage__5 {
width: 250px;
}
.ButtonLanguage__langs {
padding-right: 45px;
}
.ButtonSearchMobile__root {
height: 100%;
border: 0;
}
.ButtonSearchMobile__root .ButtonSearchMobile__inner {
height: 100%;
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;
}
.ButtonSearchMobile__root span {
line-height: 24px;
letter-spacing: 0.29px;
margin-left: 28px;
}
.ButtonSearchMobile__root svg {
position: relative;
color: #1e2e3f;
fill: #1e2e3f;
width: 20px;
height: 18px;
}
@media (min-width: 1025px) {
.ButtonSearchMobile__root:hover {
border-color: #d6d6d6;
}
}
.ButtonSearchMobile__root.ButtonSearchMobile__minimal {
width: 60px;
}
.ButtonSearchMobile__root.ButtonSearchMobile__minimal
.ButtonSearchMobile__inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ButtonSearchMobile__root.ButtonSearchMobile__minimal img {
margin-right: 0;
}
@media (min-width: 1025px) {
.ButtonSearchMobile__root.ButtonSearchMobile__minimal:hover {
border-color: #d6d6d6;
}
}
.custom_CategoriesMenuSliderItem__root {
width: auto;
height: auto;
}
.custom_CategoriesMenuSliderItem__title {
max-width: 220px;
}
.blog_CategoriesMenuSliderItem__root {
width: auto;
}
.Checkbox__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.Checkbox__root .Checkbox__checkbox {
position: relative;
}
.Checkbox__root .Checkbox__checkbox + div {
margin: 5px 0 0;
}
.Checkbox__root .Checkbox__checkbox + div p {
font-size: 14px;
}
.Checkbox__root .Checkbox__checkbox .Checkbox__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
min-height: 28px;
}
body.rtl-lang .Checkbox__root .Checkbox__checkbox .Checkbox__title {
margin-left: 0;
margin-right: 42px;
}
body.rtl-lang .Checkbox__root .Checkbox__checkbox .Checkbox__checkboxState {
left: unset;
right: 0;
}
body.rtl-lang
.DownloadDocsBtn__root
.DownloadDocsBtn__titleWrapper
.DownloadDocsBtn__title {
margin-left: 0;
margin-right: 30px;
text-align: right;
}
body.rtl-lang .DownloadDocsBtn__root .DownloadDocsBtn__icon {
right: auto;
left: 30px;
}
@media (min-width: 768px) {
.FileUploader__root .FileUploader__iconWrapper {
right: 20px;
}
}
.validation-error {
color: #e40313;
padding-top: 10px;
}
@media (min-width: 768px) {
body.rtl-lang .FileUploader__root .FileUploader__uploadTitle {
margin-left: 0;
margin-right: 20px;
}
}
@media (min-width: 768px) {
body.rtl-lang .FileUploader__root .FileUploader__iconWrapper {
right: unset;
left: 20px;
}
}
.IconBtn__compare .IconBtn__x {
top: 4px;
}
.Input__root .Input__inputField + div {
margin: 10px 0 0;
}
.Input__root .Input__inputField + div p {
font-size: 14px;
}
.Input__root .Input__inputField .counter {
margin: 10px 10px 0 0;
}
@media (min-width: 768px) {
.Input__root .Input__inputField .counter {
margin: 20px 20px 0 0;
}
}
.Input__root .Input__inputField .Input__buttonTooltip {
margin-right: 10px !important;
}
@media (min-width: 768px) {
.Input__root .Input__inputField .Input__buttonTooltip {
margin-right: 20px !important;
}
}
.Input__root .Input__inputField .Input__placeholder {
width: 100%;
overflow: hidden !important;
-webkit-transform-origin: left center;
transform-origin: left center;
left: 10px;
top: 10px !important;
line-height: 1.5;
}
@media (min-width: 768px) {
.Input__root .Input__inputField .Input__placeholder {
left: 20px;
top: 20px !important;
}
}
.Input__root.focus .Input__placeholder,
.Input__root.required .Input__placeholder {
-webkit-transform: scale(0.7) translateY(-10px);
transform: scale(0.7) translateY(-10px);
}
body.rtl-lang .Input__root .Input__inputField .counter {
margin: 10px 0 0 10px;
}
@media (min-width: 768px) {
body.rtl-lang .Input__root .Input__inputField .counter {
margin: 20px 0 0 20px;
}
}
body.rtl-lang .Input__root .Input__inputField .Input__buttonTooltip {
margin-right: 0 !important;
margin-left: 10px !important;
}
@media (min-width: 768px) {
body.rtl-lang .Input__root .Input__inputField .Input__buttonTooltip {
margin-left: 20px !important;
}
}
body.rtl-lang .Input__root .Input__inputField .Input__placeholder {
-webkit-transform-origin: right center;
transform-origin: right center;
left: unset;
right: 10px;
}
@media (min-width: 768px) {
body.rtl-lang .Input__root .Input__inputField .Input__placeholder {
right: 20px;
}
}
.NavigationButton__root span {
top: unset;
}
@media (max-width: 1280px) {
.FooterTop__wrapperInner .PartnerLogo__root {
width: 100%;
padding-bottom: 15px;
}
.FooterTop__wrapperInner .PartnerLogo__root .partner-logo-center {
display: table;
margin: 0 auto;
}
}
.ProductBadge__root {
width: 100px !important;
height: 100px !important;
}
.ProductBadge__root .ProductBadge__image {
width: 100% !important;
height: 100% !important;
}
@media (max-width: 768px) {
.ProductBadge__root .ProductBadge__image {
margin-right: unset;
}
}
.ProductBadge__root .ProductBadge__image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
@media (max-width: 768px) {
.ProductBadge__root p {
color: #fff;
}
}
.ProductBadge2__root .ProductBadge2__image {
width: 100px;
height: 100px;
}
.ProductBadge2__root .ProductBadge2__image img {
width: 100%;
height: 100%;
}
.ProductBadge2__root {
max-width: 100px;
}
.ProductHelpCard__root {
width: 242px;
}
@media (max-width: 768px) {
.ProductHelpCard__root {
width: 150px;
}
}
.ProductHelpCard__root .ProductHelpCard__titleSpecific {
text-align: center;
}
.ProductSpecBox__titleForCalculation {
margin-top: 22px;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.37px;
line-height: 14px;
}
.SpecBoxTooltip {
display: none;
position: absolute;
border: 1px solid #333;
background-color: #161616;
border-radius: 5px;
padding: 10px;
color: #fff;
font-size: 12px Arial;
}
.ProductSpecBox__root {
max-width: 100%;
position: relative;
display: inline-block;
}
.ProductSpecBox__root .ProductSpecBox__energyClass {
left: 0;
padding-left: 0;
margin-left: auto;
margin-right: auto;
display: block;
width: 61px;
height: 41px;
}
@media (max-width: 768px) {
.ProductSpecBox__root .ProductSpecBox__energyClass {
width: 61px;
height: 41px;
bottom: 5px;
}
}
@media (min-width: 769px) {
.ProductSpecBox__root .ProductSpecBox__energyClass {
width: 72px;
height: 48px;
bottom: 8px;
}
}
.ProductSpecBox__root .ProductSpecBox__title {
width: 90% !important;
}
@media (min-width: 769px) {
.ProductSpecBox__root .ProductSpecBox__title {
margin-top: 14px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media (max-width: 768px) {
.ProductSpecBox__root .ProductSpecBox__title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.ProductSpecBox__root .product-energy-container {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ProductSpecBox__root .ProductSpecBox__info {
word-break: break-all;
word-break: break-word;
line-height: 1.2 !important;
padding: 0 8px;
}
@media (min-width: 769px) {
.ProductSpecBox__root .ProductSpecBox__info {
left: 0;
right: 0;
position: absolute;
bottom: 14px;
margin-top: 0;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}
@media (max-width: 768px) {
.ProductSpecBox__root .product-spec-box-a {
display: block;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.ProductSpecBox__root .product-spec-box-a > .ProductSpecBox__info {
display: block;
white-space: nowrap;
height: auto;
}
.ProductSpecBox__root .product-spec-box-a > .ProductSpecBox__infoRainbow {
white-space: pre-line !important;
}
}
@media (min-width: 769px) {
.ProductSpecBox__root .product-spec-box-a {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media (max-width: 768px) {
.ProductSpecBox__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 769px) {
.ProductSpecBox__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.spacer {
position: relative;
}
.cmp-spacer__info {
text-align: center;
font-size: 10px;
color: #d3d3d3;
width: 100%;
height: 100%;
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;
background: repeating-linear-gradient(
45deg,
#fff,
#fff 5px,
#f5f5f5 0,
#f5f5f5 10px
);
}
.cmp-spacer {
height: 30px;
}
.cmp-spacer--tiny {
height: 10px;
}
@media screen and (min-width: 769px) {
.cmp-spacer--tiny {
height: 15px;
}
}
.cmp-spacer--small {
height: 20px;
}
@media screen and (min-width: 769px) {
.cmp-spacer--small {
height: 30px;
}
}
.cmp-spacer--medium {
height: 30px;
}
@media screen and (min-width: 769px) {
.cmp-spacer--medium {
height: 40px;
}
}
.cmp-spacer--large {
height: 40px;
}
@media screen and (min-width: 769px) {
.cmp-spacer--large {
height: 60px;
}
}
.cmp-spacer--huge {
height: 60px;
}
@media screen and (min-width: 769px) {
.cmp-spacer--huge {
height: 90px;
}
}
@font-face {
font-family: 'MetronicPro';
src: url('../fonts/MetronicProAir-100.otf') format('opentype');
font-weight: normal;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'MetronicPro';
src: url('../fonts/MetronicProAir-Italic-100.otf') format('opentype');
font-weight: normal;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'MetronicPro';
src: url('../fonts/MetronicProBlack-900.otf') format('opentype');
font-weight: 900;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'MetronicPro';
src: url('../fonts/MetronicProBlack-Italic-900.otf') format('opentype');
font-weight: 900;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'MetronicPro';
src: url('../fonts/MetronicProBold-700.otf') format('opentype');
font-weight: 700;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'MetronicPro';
src: url('../fonts/MetronicProBold-Italic-700.otf') format('opentype');
font-weight: 700;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'MetronicPro';
src: url('../fonts/MetronicProLight-300.otf') format('opentype');
font-weight: 300;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'MetronicPro';
src: url('../fonts/MetronicProLight-Italic-300.otf') format('opentype');
font-weight: 300;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'MetronicPro';
src: url('../fonts/MetronicProRegular-400.otf') format('opentype');
font-weight: 400;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'MetronicPro';
src: url('../fonts/MetronicProRegular-Italic-400.otf') format('opentype');
font-weight: 400;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'MetronicPro';
src: url('../fonts/MetronicProSemiBold-500.otf') format('opentype');
font-weight: 500;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'MetronicPro';
src: url('../fonts/MetronicProSemiBold-Italic-500.otf') format('opentype');
font-weight: 500;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-SemiBoldItalic.eot');
src: url('../fonts/Muli-SemiBoldItalic.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-SemiBoldItalic.woff2') format('woff2'),
url('../fonts/Muli-SemiBoldItalic.woff') format('woff'),
url('../images/Muli-SemiBoldItalic.svg#Muli-SemiBoldItalic') format('svg');
font-weight: 600;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-Regular.eot');
src: url('../fonts/Muli-Regular.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-Regular.woff2') format('woff2'),
url('../fonts/Muli-Regular.woff') format('woff'),
url('../images/Muli-Regular.svg#Muli-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-BlackItalic.eot');
src: url('../fonts/Muli-BlackItalic.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-BlackItalic.woff2') format('woff2'),
url('../fonts/Muli-BlackItalic.woff') format('woff'),
url('../images/Muli-BlackItalic.svg#Muli-BlackItalic') format('svg');
font-weight: 900;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-Light.eot');
src: url('../fonts/Muli-Light.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-Light.woff2') format('woff2'),
url('../fonts/Muli-Light.woff') format('woff'),
url('../images/Muli-Light.svg#Muli-Light') format('svg');
font-weight: 300;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-Black.eot');
src: url('../fonts/Muli-Black.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-Black.woff2') format('woff2'),
url('../fonts/Muli-Black.woff') format('woff'),
url('../images/Muli-Black.svg#Muli-Black') format('svg');
font-weight: 900;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-MediumItalic.eot');
src: url('../fonts/Muli-MediumItalic.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-MediumItalic.woff2') format('woff2'),
url('../fonts/Muli-MediumItalic.woff') format('woff'),
url('../images/Muli-MediumItalic.svg#Muli-MediumItalic') format('svg');
font-weight: 500;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-Italic.eot');
src: url('../fonts/Muli-Italic.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-Italic.woff2') format('woff2'),
url('../fonts/Muli-Italic.woff') format('woff'),
url('../images/Muli-Italic.svg#Muli-Italic') format('svg');
font-weight: normal;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-Bold.eot');
src: url('../fonts/Muli-Bold.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-Bold.woff2') format('woff2'),
url('../fonts/Muli-Bold.woff') format('woff'),
url('../images/Muli-Bold.svg#Muli-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-ExtraBoldItalic.eot');
src: url('../fonts/Muli-ExtraBoldItalic.eot#iefix')
format('embedded-opentype'),
url('../fonts/Muli-ExtraBoldItalic.woff2') format('woff2'),
url('../fonts/Muli-ExtraBoldItalic.woff') format('woff'),
url('../images/Muli-ExtraBoldItalic.svg#Muli-ExtraBoldItalic') format('svg');
font-weight: 800;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-ExtraBold.eot');
src: url('../fonts/Muli-ExtraBold.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-ExtraBold.woff2') format('woff2'),
url('../fonts/Muli-ExtraBold.woff') format('woff'),
url('../images/Muli-ExtraBold.svg#Muli-ExtraBold') format('svg');
font-weight: 800;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-Regular.eot');
src: url('../fonts/Muli-Regular.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-Regular.woff2') format('woff2'),
url('../fonts/Muli-Regular.woff') format('woff'),
url('../images/Muli-Regular.svg#Muli-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-ExtraLight.eot');
src: url('../fonts/Muli-ExtraLight.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-ExtraLight.woff2') format('woff2'),
url('../fonts/Muli-ExtraLight.woff') format('woff'),
url('../images/Muli-ExtraLight.svg#Muli-ExtraLight') format('svg');
font-weight: 200;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-ExtraLightItalic.eot');
src: url('../fonts/Muli-ExtraLightItalic.eot#iefix')
format('embedded-opentype'),
url('../fonts/Muli-ExtraLightItalic.woff2') format('woff2'),
url('../fonts/Muli-ExtraLightItalic.woff') format('woff'),
url('../images/Muli-ExtraLightItalic.svg#Muli-ExtraLightItalic')
format('svg');
font-weight: 200;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-Medium.eot');
src: url('../fonts/Muli-Medium.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-Medium.woff2') format('woff2'),
url('../fonts/Muli-Medium.woff') format('woff'),
url('../images/Muli-Medium.svg#Muli-Medium') format('svg');
font-weight: 500;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-SemiBold.eot');
src: url('../fonts/Muli-SemiBold.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-SemiBold.woff2') format('woff2'),
url('../fonts/Muli-SemiBold.woff') format('woff'),
url('../images/Muli-SemiBold.svg#Muli-SemiBold') format('svg');
font-weight: 600;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-BoldItalic.eot');
src: url('../fonts/Muli-BoldItalic.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-BoldItalic.woff2') format('woff2'),
url('../fonts/Muli-BoldItalic.woff') format('woff'),
url('../images/Muli-BoldItalic.svg#Muli-BoldItalic') format('svg');
font-weight: bold;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-Italic.eot');
src: url('../fonts/Muli-Italic.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-Italic.woff2') format('woff2'),
url('../fonts/Muli-Italic.woff') format('woff'),
url('../images/Muli-Italic.svg#Muli-Italic') format('svg');
font-weight: normal;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'Muli';
src: url('../fonts/Muli-LightItalic.eot');
src: url('../fonts/Muli-LightItalic.eot#iefix') format('embedded-opentype'),
url('../fonts/Muli-LightItalic.woff2') format('woff2'),
url('../fonts/Muli-LightItalic.woff') format('woff'),
url('../images/Muli-LightItalic.svg#Muli-LightItalic') format('svg');
font-weight: 300;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: 'Tajawal';
src: url('../fonts/Tajawal-ExtraLight.eot');
src: url('../fonts/Tajawal-ExtraLight.eot#iefix') format('embedded-opentype'),
url('../fonts/Tajawal-ExtraLight.woff2') format('woff2'),
url('../fonts/Tajawal-ExtraLight.woff') format('woff'),
url('../images/Tajawal-ExtraLight.svg#Tajawal-ExtraLight') format('svg');
font-weight: 200;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Tajawal';
src: url('../fonts/Tajawal-Light.eot');
src: url('../fonts/Tajawal-Light.eot#iefix') format('embedded-opentype'),
url('../fonts/Tajawal-Light.woff2') format('woff2'),
url('../fonts/Tajawal-Light.woff') format('woff'),
url('../images/Tajawal-Light.svg#Tajawal-Light') format('svg');
font-weight: 300;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Tajawal';
src: url('../fonts/Tajawal-Black.eot');
src: url('../fonts/Tajawal-Black.eot#iefix') format('embedded-opentype'),
url('../fonts/Tajawal-Black.woff2') format('woff2'),
url('../fonts/Tajawal-Black.woff') format('woff'),
url('../images/Tajawal-Black.svg#Tajawal-Black') format('svg');
font-weight: 900;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Tajawal';
src: url('../fonts/Tajawal-Regular.eot');
src: url('../fonts/Tajawal-Regular.eot#iefix') format('embedded-opentype'),
url('../fonts/Tajawal-Regular.woff2') format('woff2'),
url('../fonts/Tajawal-Regular.woff') format('woff'),
url('../images/Tajawal-Regular.svg#Tajawal-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Tajawal';
src: url('../fonts/Tajawal-ExtraBold.eot');
src: url('../fonts/Tajawal-ExtraBold.eot#iefix') format('embedded-opentype'),
url('../fonts/Tajawal-ExtraBold.woff2') format('woff2'),
url('../fonts/Tajawal-ExtraBold.woff') format('woff'),
url('../images/Tajawal-ExtraBold.svg#Tajawal-ExtraBold') format('svg');
font-weight: 800;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Tajawal';
src: url('../fonts/Tajawal-Medium.eot');
src: url('../fonts/Tajawal-Medium.eot#iefix') format('embedded-opentype'),
url('../fonts/Tajawal-Medium.woff2') format('woff2'),
url('../fonts/Tajawal-Medium.woff') format('woff'),
url('../images/Tajawal-Medium.svg#Tajawal-Medium') format('svg');
font-weight: 500;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: 'Tajawal';
src: url('../fonts/Tajawal-Bold.eot');
src: url('../fonts/Tajawal-Bold.eot#iefix') format('embedded-opentype'),
url('../fonts/Tajawal-Bold.woff2') format('woff2'),
url('../fonts/Tajawal-Bold.woff') format('woff'),
url('../images/Tajawal-Bold.svg#Tajawal-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: auto;
}
body {
font-family: Core Sans, sans-serif;
font-size: 16px;
font-weight: 300;
background-color: #fff;
}
body.cyrillic-lang {
font-family: MetronicPro, sans-serif;
}
body.cyrillic-lang .SupportHomeHero__root {
font-size: 36px !important;
}
button {
padding: 0;
border: 0;
cursor: pointer;
background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
}
.component-image-quick-info {
position: absolute;
top: 5px;
left: 5px;
z-index: 999;
width: 100%;
font-size: 12px;
color: red;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
font-weight: 700;
}
.container-edit-mode {
position: relative;
}
.column-component.cta-right .cta-button-wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 1rem;
margin-bottom: 1rem;
}
.column-component.cta-right .cta-button-wrapper .Button__root {
-ms-flex-item-align: end;
align-self: flex-end;
margin-left: 0;
}
.column-component.cta-left .cta-button-wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 1rem;
margin-bottom: 1rem;
}
.column-component.cta-left .cta-button-wrapper .Button__root {
-ms-flex-item-align: start;
align-self: flex-start;
margin-left: 0;
}
.column-component.cta-center .cta-button-wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 1rem;
margin-bottom: 1rem;
}
.column-component.cta-center .cta-button-wrapper .Button__root {
-ms-flex-item-align: center;
align-self: center;
}
.textimagevideo .imgcontainer img {
margin-bottom: 25px;
}
.textimagevideo .richtext-cta-wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.textimagevideo .cta-button-wrapper,
.textimagevideo .richtext-cta-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.textimagevideo .cta-button-wrapper {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 769px) {
.textimagevideo .cta-button-wrapper.left-alignment,
.textimagevideo .cta-button-wrapper.right-alignment {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.textimagevideo .cta-button-wrapper .cta-self-left {
-ms-flex-item-align: start;
align-self: flex-start;
}
.textimagevideo .cta-button-wrapper .cta-self-right {
-ms-flex-item-align: end;
align-self: flex-end;
}
.textimagevideo .cta-button-wrapper .cta-self-center {
-ms-flex-item-align: center;
align-self: center;
}
.textimagevideo .cta-button-wrapper .Button__root {
margin-top: 55px;
margin-bottom: 25px;
}
.bekoglobal-tooltip {
font-family: Core Sans, sans-serif !important;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
position: absolute;
z-index: 9999;
border: none !important;
display: block;
opacity: 0;
visibility: visible;
}
.bekoglobal-tooltip:before {
content: '';
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: inherit;
background: transparent;
}
.bekoglobal-tooltip.in {
opacity: 1;
}
.bekoglobal-tooltip .tooltip-inner {
max-width: 300px;
min-width: 60px;
padding: 25px 30px;
font-size: 16px;
line-height: 24px;
font-weight: 300;
text-align: inherit;
text-decoration: none !important;
color: #5b6d81;
background: #fff;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.bekoglobal-tooltip .tooltip-arrow {
opacity: 0;
visibility: hidden;
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.bekoglobal-tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.bekoglobal-tooltip.left .beko-tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-left-color: #fff;
border-width: 5px 0 5px 5px;
}
.bekoglobal-tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.bekoglobal-tooltip.top .beko-tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-color: #fff;
border-width: 5px 5px 0;
}
.bekoglobal-tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.bekoglobal-tooltip.right .beko-tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-right-color: #fff;
border-width: 5px 5px 5px 0;
}
.bekoglobal-tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.bekoglobal-tooltip.bottom .beko-tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-bottom-color: #fff;
border-width: 0 5px 5px;
}
.JS-bekoglobal-tooltip {
position: relative;
}
.JS-bekoglobal-tooltip:before {
content: '';
position: absolute;
z-index: 10;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent;
border-radius: inherit;
}
.JS-bekoglobal-tooltip.JS-bekoglobal-tooltip-opened .ButtonTooltip__quickInfo {
opacity: 0;
}
.JS-bekoglobal-tooltip.JS-bekoglobal-tooltip-opened .ButtonTooltip__x {
opacity: 1;
}
body.rtl-lang[data-language-code='ar'] ol,
body.rtl-lang[data-language-code='AR'] ol,
body.rtl-lang[data-language-code='ar'] ul,
body.rtl-lang[data-language-code='AR'] ul {
list-style-type: arabic-indic;
}
@media (-ms-high-contrast: none) {
::-ms-backdrop,
[data-aos^='fade'][data-aos^='fade'],
[data-aos^='zoom'][data-aos^='zoom'] {
opacity: 1;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.BuiltInCategories__root .BuiltInCategory__root {
padding-bottom: 0 !important;
}
}
@media (max-width: 768px) {
.ac-JS-align-carousel-center {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 769px) {
.ac-JS-align-carousel-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.ScrollCarousel__root.ScrollCarousel__containerWrapper.ac-JS-align-carousel-center
.ScrollCarousel__slide:first-child {
padding-left: 0;
margin-left: 10px;
}
.ScrollCarousel__root.ScrollCarousel__containerWrapper.ac-JS-align-carousel-center
.ScrollCarousel__slide:last-child {
padding-right: 0;
}
.BuiltInCategory__root .BuiltInCategory__image .ac-squarcle {
width: 100%;
height: 100%;
}
.BuiltInCategory__root .BuiltInCategory__image .ac-squarcle .squarcle-mask {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.BuiltInCategory__image .squarcle.ac-squarcle {
width: 100%;
height: 100%;
}
.BuiltInCategory__image .squarcle.ac-squarcle .squarcle-mask {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.ac-filter-row-vcenter .modal-filter-button .JS-checkbox-button .buttonInner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 1281px) {
body.rtl-lang .HeaderMain__root > div > a {
position: relative;
}
}
.ProductCardPLP__productBody .ProductCardPLP__sliderWrapper {
-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;
}
.ProductCardPLP__root.ac-has-vrbutton .ProductCardPLP__productSpecs {
max-height: 360px;
}
.ProductCardPLP__root.ac-has-vrbutton .ac-button-view-ar {
background-color: transparent;
color: #fff;
margin: 0 auto 25px;
}
.ProductCardPLP__root.ac-has-vrbutton .ac-button-view-ar svg {
margin-right: 5px;
display: inline-block;
margin-left: 0;
}
@media screen and (min-width: 769px) {
.ProductCardPLP__root.ac-has-vrbutton:hover .ac-button-view-ar {
display: none;
}
}
@media screen and (max-width: 768px) {
.ProductCardPLP__root.ac-has-vrbutton {
height: 702px;
}
.ProductCardPLP__root.ac-has-vrbutton .ProductCardPLP__productSpecsWrapper {
bottom: 209px !important;
}
.ProductCardPLP__root.ac-has-vrbutton .ProductCardPLP__sliderWrapper {
height: 145px;
}
.ProductCardPLP__root.ac-has-vrbutton .ac-button-view-ar {
left: 17px;
position: relative;
}
}
.ac-product-detail-header.ProductInfoParams__center > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ac-product-detail-header.ProductInfoParams__center > div > div {
margin: 0;
}
.ac-product-detail-header.ProductInfoParams__center .ac-view-in-ar {
background-color: transparent;
color: #b3bcc5;
border: 1px solid #b3bcc5;
}
.ac-product-detail-header.ProductInfoParams__center .ac-view-in-ar svg {
margin-right: 3px;
stroke: #b3bcc5;
}
@media screen and (max-width: 768px) {
.ac-product-detail-header {
height: auto;
padding-bottom: 10px;
padding-top: 10px;
}
.ac-product-detail-header.ProductInfoParams__center > div > * + * {
margin-top: 15px !important;
}
.ac-product-detail-header.ProductInfoParams__center > div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 768px) {
.Hero__slider.ac-hero-slider .heroCarouselSlide.Hero__slide {
height: calc(100vh - 66px) !important;
}
.Hero__slider.ac-hero-slider
.heroCarouselSlide.Hero__slide
.Hero__slideImage {
background-size: cover;
}
}
@media screen and (min-width: 769px) {
.ac-right-buttons.OverlayPDP__root:not(.close) .OverlayPDP__right1 {
right: 24px;
bottom: 96px;
}
.ac-right-buttons.OverlayPDP__root:not(.close) .OverlayPDP__right2 {
right: 24px;
bottom: 168px;
}
}
@media screen and (max-width: 768px) {
.ac-right-buttons.OverlayPDP__root .OverlayPDP__right1 {
bottom: 150px;
}
.ac-right-buttons.OverlayPDP__root .OverlayPDP__right1,
iframe.fb_customer_chat_icon {
transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
-ms-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;
}
iframe.fb_customer_chat_icon {
bottom: 80px !important;
right: 5px !important;
}
.ac-right-buttons.OverlayPDP__root .OverlayPDP__right1 {
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
}
}
.ac-hero-slider.Hero__slideContent {
padding-bottom: 70px;
}
.ac-hero-slider.Hero__slideContent .ac-slider-content {
display: block;
margin-top: auto;
}
body.rtl-lang .ac-hero-slider .slick-dots li::marker {
content: none;
}
body.rtl-lang .ac-hero-slider .slick-dots li {
margin-left: 0;
margin-right: 13px;
}
@media screen and (max-width: 768px) {
.ac-hero-slider.Hero__slideContent {
padding-bottom: 140px;
}
}
@media (min-width: 1440px) {
body.rtl-lang
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft {
float: right;
}
body.rtl-lang .ProductInfoParams__cellLeft {
border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
}
body.rtl-lang .ProductInfoParams__bottom .ProductInfoParams__row {
border: none !important;
}
}
.ProductBadge2__image.ac-badge-image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.ProductBadge2__image.ac-badge-image img:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.ac-scroll-wrapper .BlogArticleCard__root .BlogArticleCard__background {
background-size: contain;
background-position: 50%;
}
body button,
body div,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body h7,
body h8,
body h9,
body label,
body p,
body section,
body span {
font-family: Core Sans, sans-serif !important;
}
@media (max-width: 768px) {
.hideMobile {
z-index: -5;
display: none !important;
}
}
@media (max-width: 1024px) {
.hideTablet {
z-index: -5;
}
}
@media (min-width: 769px) {
.hideDesktop {
z-index: -5;
display: none !important;
}
}
.modal-filter-button {
margin-bottom: 10px;
margin-right: 10px;
}
@media (max-width: 768px) {
.modal-filter-button,
.modal-filter-button .FeatureButton__wrapper,
.modal-filter-button .FeatureButton__wrapper .FeatureButton__root {
max-width: 100%;
}
}
.modal-filter-button .FeatureButton__wrapper .FeatureButton__root div {
border-radius: 0;
display: block;
white-space: nowrap;
height: auto;
}
.cursor-pointer {
cursor: pointer;
}
body.cyrillic-lang button,
body.cyrillic-lang div,
body.cyrillic-lang h1,
body.cyrillic-lang h2,
body.cyrillic-lang h3,
body.cyrillic-lang h4,
body.cyrillic-lang h5,
body.cyrillic-lang h6,
body.cyrillic-lang h7,
body.cyrillic-lang h8,
body.cyrillic-lang h9,
body.cyrillic-lang label,
body.cyrillic-lang p,
body.cyrillic-lang section,
body.cyrillic-lang span {
font-family: MetronicPro, sans-serif !important;
}
body.rtl-lang {
direction: rtl;
}
body.rtl-lang .border-left {
border-left: 0;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
body.rtl-lang .border-right {
border-right: 0;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
body.rtl-lang .buttonInner {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
body.rtl-lang .HeaderOverlayCountry__content .Fld\(r\)--lg {
position: relative;
}
body.rtl-lang .HeaderOverlayCountry__content .Fld\(r\)--lg .Mstart\(a\)--lg {
position: absolute;
left: 0;
}
body.rtl-lang .HeaderOverlayCountry__content .Button__root.Button__small {
margin-left: 0;
margin-right: 8px;
}
@media (min-width: 1281px) {
body.rtl-lang .HeaderMain__root a.Start\(44px\)--lg {
right: 265px;
}
}
@media (min-width: 769px) {
body.rtl-lang .HeaderMain__root nav.Start\(102px\)--md {
right: 330px;
}
}
body.rtl-lang .HeaderMain__root .ButtonFindRetailer__root {
margin-right: 20px;
}
body.rtl-lang .HeaderMain__root .ButtonFindRetailer__root:hover span {
right: inherit;
left: 10px;
}
body.rtl-lang .HeaderMain__root .ButtonFindRetailer__root:hover svg {
fill: #fff !important;
stroke: #fff !important;
}
body.rtl-lang .HeaderMain__root .HeaderMain__search {
border-left: inherit;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
body.rtl-lang .HeaderMain__root .HeaderMain__search .Pstart\(29px\) {
padding-left: 0;
padding-right: 29px;
}
body.rtl-lang .HeaderMain__root .HeaderMain__search .Mend\(35px\)--xl {
margin-right: 0;
margin-left: 35px;
}
body.rtl-lang .HeaderMain__subNav .SubNavProductsMenu__root {
left: inherit;
right: 0;
}
body.rtl-lang .HeaderMain__subNav .SubNavProductsMenu__root aside {
position: relative;
right: 0;
z-index: 99999999999;
}
body[data-country-code='VN'],
body[data-country-code='vn'],
body[data-country-code='VN'] a,
body[data-country-code='vn'] a,
body[data-country-code='VN'] b,
body[data-country-code='vn'] b,
body[data-country-code='VN'] button,
body[data-country-code='vn'] button,
body[data-country-code='VN'] center,
body[data-country-code='vn'] center,
body[data-country-code='VN'] div,
body[data-country-code='vn'] div,
body[data-country-code='VN'] fieldset,
body[data-country-code='vn'] fieldset,
body[data-country-code='VN'] footer,
body[data-country-code='vn'] footer,
body[data-country-code='VN'] form,
body[data-country-code='vn'] form,
body[data-country-code='VN'] h1,
body[data-country-code='vn'] h1,
body[data-country-code='VN'] h2,
body[data-country-code='vn'] h2,
body[data-country-code='VN'] h3,
body[data-country-code='vn'] h3,
body[data-country-code='VN'] h4,
body[data-country-code='vn'] h4,
body[data-country-code='VN'] h5,
body[data-country-code='vn'] h5,
body[data-country-code='VN'] h6,
body[data-country-code='vn'] h6,
body[data-country-code='VN'] h7,
body[data-country-code='vn'] h7,
body[data-country-code='VN'] h8,
body[data-country-code='vn'] h8,
body[data-country-code='VN'] h9,
body[data-country-code='vn'] h9,
body[data-country-code='VN'] header,
body[data-country-code='vn'] header,
body[data-country-code='VN'] iframe,
body[data-country-code='vn'] iframe,
body[data-country-code='VN'] input,
body[data-country-code='vn'] input,
body[data-country-code='VN'] label,
body[data-country-code='vn'] label,
body[data-country-code='VN'] li,
body[data-country-code='vn'] li,
body[data-country-code='VN'] menu,
body[data-country-code='vn'] menu,
body[data-country-code='VN'] nav,
body[data-country-code='vn'] nav,
body[data-country-code='VN'] ol,
body[data-country-code='vn'] ol,
body[data-country-code='VN'] option,
body[data-country-code='vn'] option,
body[data-country-code='VN'] p,
body[data-country-code='vn'] p,
body[data-country-code='VN'] pre,
body[data-country-code='vn'] pre,
body[data-country-code='VN'] select,
body[data-country-code='vn'] select,
body[data-country-code='VN'] span,
body[data-country-code='vn'] span,
body[data-country-code='VN'] strong,
body[data-country-code='vn'] strong,
body[data-country-code='VN'] table,
body[data-country-code='vn'] table,
body[data-country-code='VN'] tbody,
body[data-country-code='vn'] tbody,
body[data-country-code='VN'] td,
body[data-country-code='vn'] td,
body[data-country-code='VN'] textarea,
body[data-country-code='vn'] textarea,
body[data-country-code='VN'] tfoot,
body[data-country-code='vn'] tfoot,
body[data-country-code='VN'] th,
body[data-country-code='vn'] th,
body[data-country-code='VN'] thead,
body[data-country-code='vn'] thead,
body[data-country-code='VN'] tr,
body[data-country-code='vn'] tr,
body[data-country-code='VN'] u,
body[data-country-code='vn'] u,
body[data-country-code='VN'] ul,
body[data-country-code='vn'] ul,
body[data-language-code='VI'],
body[data-language-code='vi'],
body[data-language-code='VI'] a,
body[data-language-code='vi'] a,
body[data-language-code='VI'] b,
body[data-language-code='vi'] b,
body[data-language-code='VI'] button,
body[data-language-code='vi'] button,
body[data-language-code='VI'] center,
body[data-language-code='vi'] center,
body[data-language-code='VI'] div,
body[data-language-code='vi'] div,
body[data-language-code='VI'] fieldset,
body[data-language-code='vi'] fieldset,
body[data-language-code='VI'] footer,
body[data-language-code='vi'] footer,
body[data-language-code='VI'] form,
body[data-language-code='vi'] form,
body[data-language-code='VI'] h1,
body[data-language-code='vi'] h1,
body[data-language-code='VI'] h2,
body[data-language-code='vi'] h2,
body[data-language-code='VI'] h3,
body[data-language-code='vi'] h3,
body[data-language-code='VI'] h4,
body[data-language-code='vi'] h4,
body[data-language-code='VI'] h5,
body[data-language-code='vi'] h5,
body[data-language-code='VI'] h6,
body[data-language-code='vi'] h6,
body[data-language-code='VI'] h7,
body[data-language-code='vi'] h7,
body[data-language-code='VI'] h8,
body[data-language-code='vi'] h8,
body[data-language-code='VI'] h9,
body[data-language-code='vi'] h9,
body[data-language-code='VI'] header,
body[data-language-code='vi'] header,
body[data-language-code='VI'] iframe,
body[data-language-code='vi'] iframe,
body[data-language-code='VI'] input,
body[data-language-code='vi'] input,
body[data-language-code='VI'] label,
body[data-language-code='vi'] label,
body[data-language-code='VI'] li,
body[data-language-code='vi'] li,
body[data-language-code='VI'] menu,
body[data-language-code='vi'] menu,
body[data-language-code='VI'] nav,
body[data-language-code='vi'] nav,
body[data-language-code='VI'] ol,
body[data-language-code='vi'] ol,
body[data-language-code='VI'] option,
body[data-language-code='vi'] option,
body[data-language-code='VI'] p,
body[data-language-code='vi'] p,
body[data-language-code='VI'] pre,
body[data-language-code='vi'] pre,
body[data-language-code='VI'] select,
body[data-language-code='vi'] select,
body[data-language-code='VI'] span,
body[data-language-code='vi'] span,
body[data-language-code='VI'] strong,
body[data-language-code='vi'] strong,
body[data-language-code='VI'] table,
body[data-language-code='vi'] table,
body[data-language-code='VI'] tbody,
body[data-language-code='vi'] tbody,
body[data-language-code='VI'] td,
body[data-language-code='vi'] td,
body[data-language-code='VI'] textarea,
body[data-language-code='vi'] textarea,
body[data-language-code='VI'] tfoot,
body[data-language-code='vi'] tfoot,
body[data-language-code='VI'] th,
body[data-language-code='vi'] th,
body[data-language-code='VI'] thead,
body[data-language-code='vi'] thead,
body[data-language-code='VI'] tr,
body[data-language-code='vi'] tr,
body[data-language-code='VI'] u,
body[data-language-code='vi'] u,
body[data-language-code='VI'] ul,
body[data-language-code='vi'] ul {
font-family: Muli, Core Sans, sans-serif !important;
}
body[data-language-code='AR'],
body[data-language-code='ar'],
body[data-language-code='AR'] a,
body[data-language-code='ar'] a,
body[data-language-code='AR'] b,
body[data-language-code='ar'] b,
body[data-language-code='AR'] button,
body[data-language-code='ar'] button,
body[data-language-code='AR'] center,
body[data-language-code='ar'] center,
body[data-language-code='AR'] div,
body[data-language-code='ar'] div,
body[data-language-code='AR'] fieldset,
body[data-language-code='ar'] fieldset,
body[data-language-code='AR'] footer,
body[data-language-code='ar'] footer,
body[data-language-code='AR'] form,
body[data-language-code='ar'] form,
body[data-language-code='AR'] h1,
body[data-language-code='ar'] h1,
body[data-language-code='AR'] h2,
body[data-language-code='ar'] h2,
body[data-language-code='AR'] h3,
body[data-language-code='ar'] h3,
body[data-language-code='AR'] h4,
body[data-language-code='ar'] h4,
body[data-language-code='AR'] h5,
body[data-language-code='ar'] h5,
body[data-language-code='AR'] h6,
body[data-language-code='ar'] h6,
body[data-language-code='AR'] h7,
body[data-language-code='ar'] h7,
body[data-language-code='AR'] h8,
body[data-language-code='ar'] h8,
body[data-language-code='AR'] h9,
body[data-language-code='ar'] h9,
body[data-language-code='AR'] header,
body[data-language-code='ar'] header,
body[data-language-code='AR'] iframe,
body[data-language-code='ar'] iframe,
body[data-language-code='AR'] input,
body[data-language-code='ar'] input,
body[data-language-code='AR'] label,
body[data-language-code='ar'] label,
body[data-language-code='AR'] li,
body[data-language-code='ar'] li,
body[data-language-code='AR'] menu,
body[data-language-code='ar'] menu,
body[data-language-code='AR'] nav,
body[data-language-code='ar'] nav,
body[data-language-code='AR'] ol,
body[data-language-code='ar'] ol,
body[data-language-code='AR'] option,
body[data-language-code='ar'] option,
body[data-language-code='AR'] p,
body[data-language-code='ar'] p,
body[data-language-code='AR'] pre,
body[data-language-code='ar'] pre,
body[data-language-code='AR'] select,
body[data-language-code='ar'] select,
body[data-language-code='AR'] span,
body[data-language-code='ar'] span,
body[data-language-code='AR'] strong,
body[data-language-code='ar'] strong,
body[data-language-code='AR'] table,
body[data-language-code='ar'] table,
body[data-language-code='AR'] tbody,
body[data-language-code='ar'] tbody,
body[data-language-code='AR'] td,
body[data-language-code='ar'] td,
body[data-language-code='AR'] textarea,
body[data-language-code='ar'] textarea,
body[data-language-code='AR'] tfoot,
body[data-language-code='ar'] tfoot,
body[data-language-code='AR'] th,
body[data-language-code='ar'] th,
body[data-language-code='AR'] thead,
body[data-language-code='ar'] thead,
body[data-language-code='AR'] tr,
body[data-language-code='ar'] tr,
body[data-language-code='AR'] u,
body[data-language-code='ar'] u,
body[data-language-code='AR'] ul,
body[data-language-code='ar'] ul {
font-family: Tajawal, Core Sans, sans-serif !important;
}
.grid-col-v-align-top {
-ms-flex-item-align: normal;
align-self: normal;
}
.grid-col-v-align-center {
-ms-flex-item-align: center;
align-self: center;
}
.grid-col-v-align-bottom {
-ms-flex-item-align: end;
align-self: flex-end;
}
.grid-top-margin-df {
margin-top: 1rem;
}
.grid-top-margin-sm {
margin-top: 2rem;
}
.grid-top-margin-md {
margin-top: 4rem;
}
.grid-top-margin-lg {
margin-top: 8rem;
}
.grid-bottom-margin-df {
margin-bottom: 1rem;
}
.grid-bottom-margin-sm {
margin-bottom: 2rem;
}
.grid-bottom-margin-md {
margin-bottom: 4rem;
}
.grid-bottom-margin-lg {
margin-bottom: 8rem;
}
.col-top-space {
margin-top: 1rem;
}
@media (max-width: 768px) {
.grid-l-offset-xs-default {
padding-left: 1.25%;
}
.grid-l-offset-xs-small {
padding-left: 4.1666%;
}
.grid-l-offset-xs-medium {
padding-left: 8.3333%;
}
.grid-l-offset-xs-large {
padding-left: 16.6666%;
}
.grid-r-offset-xs-default {
padding-right: 1.25%;
}
.grid-r-offset-xs-small {
padding-right: 4.1666%;
}
.grid-r-offset-xs-medium {
padding-right: 8.3333%;
}
.grid-r-offset-xs-large {
padding-right: 16.6666%;
}
}
@media (max-width: 1024px) {
.grid-l-offset-md-default {
padding-left: 1.25%;
}
.grid-l-offset-md-small {
padding-left: 4.1666%;
}
.grid-l-offset-md-medium {
padding-left: 8.3333%;
}
.grid-l-offset-md-large {
padding-left: 16.6666%;
}
.grid-r-offset-md-default {
padding-right: 1.25%;
}
.grid-r-offset-md-small {
padding-right: 4.1666%;
}
.grid-r-offset-md-medium {
padding-right: 8.3333%;
}
.grid-r-offset-md-large {
padding-right: 16.6666%;
}
}
@media (min-width: 1024px) {
.grid-l-offset-lg-default {
padding-left: 1.25%;
}
.grid-l-offset-lg-small {
padding-left: 4.1666%;
}
.grid-l-offset-lg-medium {
padding-left: 8.3333%;
}
.grid-l-offset-lg-large {
padding-left: 16.6666%;
}
.grid-r-offset-lg-default {
padding-right: 1.25%;
}
.grid-r-offset-lg-small {
padding-right: 4.1666%;
}
.grid-r-offset-lg-medium {
padding-right: 8.3333%;
}
.grid-r-offset-lg-large {
padding-right: 16.6666%;
}
}
.loadingOverlay {
content: ' ';
position: fixed;
height: 100vh;
left: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: 99999999999;
display: none;
}
body.body--loading .loadingOverlay {
display: block;
}
@media (max-width: 768px) {
.ArticleCard__root.ArticleCard__withoutBackground .ArticleCard__textBlock {
bottom: 95px;
}
}
@media (max-width: 768px) {
.ArticleCard__withoutBackground {
height: 440px !important;
}
}
.ArticleCard__withoutBackground .ArticleCard__button {
bottom: 42px !important;
}
@media (max-width: 768px) {
.ArticleCard__withoutBackground .ArticleCard__button {
bottom: 30px !important;
}
}
.ArticleCard__root .ArticleCard__button {
width: 100%;
}
.ArticleCard__root .ArticleCard__button div {
width: 100%;
}
.ArticleCard__root .ArticleCard__button .cta-button-wrapper {
padding: 0 20px;
}
.ArticleCard__root
.ArticleCard__button
.cta-button-wrapper.cta-button-wrapper--left {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
.ArticleCard__root
.ArticleCard__button
.cta-button-wrapper.cta-button-wrapper--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ArticleCard__root
.ArticleCard__button
.cta-button-wrapper.cta-button-wrapper--right {
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
@media (max-width: 768px) {
.ArticleCard__root--textAbove .ArticleCard__textBlock {
bottom: auto !important;
}
.ArticleCard__button {
width: 80% !important;
}
.ArticleCard__button .Button__big {
width: 100% !important;
min-width: auto !important;
}
}
.article-img-container {
top: 10px !important;
}
@media (max-width: 768px) {
.article-img-container {
top: 0 !important;
}
}
.article-img-container img {
height: 100% !important;
width: auto !important;
}
.ProductCardWithPhoto__product .ArticleCard__background {
border-radius: unset !important;
}
@media (max-width: 768px) {
.ProductCardWithPhoto__product .ArticleCard__background,
.ProductCardWithPhoto__product .ArticleCard__root {
border-radius: 8px !important;
}
}
@media (max-width: 768px) {
.ArticleCardPLP__root {
height: 240px;
}
.ArticleCardPLP__root .ArticleCardPLP__desc {
margin: 12px auto;
}
.ArticleCardPLP__root .ArticleCardPLP__desc .cmp-text {
max-height: 96px;
overflow: hidden;
}
}
@media (min-width: 800px) {
.BlogTop__root {
height: 31vw !important;
}
}
@media (max-width: 800px) {
.BlogTop__root {
height: auto !important;
}
}
.BlogArticleFeedback__enjoyed {
font-weight: 400;
line-height: 32px;
font-size: 24px;
text-align: center;
letter-spacing: 0.4px;
color: #fff;
}
.BlogArticleFeedback__border {
background-color: rgba(0, 0, 0, 0.1);
}
.BlogArticleFeedback__root {
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;
}
.BlogArticleFeedback__root .BlogArticleFeedback__share {
margin-bottom: 40px;
width: 100%;
display: block;
}
.BlogArticleFeedback__root .BlogArticleFeedback__share .ButtonIcon__root {
display: inline-block;
margin: 0 5px;
}
@media (min-width: 769px) {
.BlogArticleFeedback__root
.BlogArticleFeedback__share
.BlogArticleFeedback__hideDesktop {
display: none !important;
}
}
.BlogArticleFeedback__root .BlogArticleFeedback__row .BlogArticleFeedback__col {
margin: 0 auto;
}
.quicklink--new {
width: 160px;
height: 240px !important;
}
.BuiltInCategory__root {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.productcategoryselector {
margin-bottom: 60px;
}
.SupportContactsFeedback__category_custom {
margin-top: 30px;
}
@media (max-width: 768px) {
.contact .categoryselector,
.contact .productcategoryselector {
padding: 0 20px;
}
}
@media (min-width: 1280px) {
.ScrollCarousel__opacityForCenteringTime {
opacity: 0;
}
}
@media (min-width: 769px) {
.CompareCardsSlider__mainWrapper,
.FixedCompareMenuSlider__mainWrapper {
padding-left: 0 !important;
}
}
@media (max-width: 767px) {
.productdetail
.JS-frequently-compared-render-area
.CompareCardsSlider__center
.CompareCardsSlider__mainWrapper {
padding: 0;
}
}
@media (max-width: 767px) {
.productdetail
.JS-frequently-compared-render-area
.ScrollCarousel__root
.ScrollCarousel__slide.compareCardsSlider:first-child {
margin-left: 160px;
}
}
.JS-compare-products-container .ComparePropsTable__title {
padding-bottom: 20px !important;
}
@media (max-width: 800px) {
.JS-compare-products-container .ComparePropsTable__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 72px !important;
max-height: 72px !important;
}
.JS-compare-products-container .ComparePropsTable__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
height: 72px !important;
max-height: 72px !important;
}
.JS-compare-products-container .PropsTableCell__propValueWrapper {
display: block;
position: relative;
}
.JS-compare-products-container .PropsTableCell__propValue {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 72px !important;
max-height: 72px !important;
top: 0 !important;
-webkit-transform: none !important;
transform: none !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
opacity: 1 !important;
}
}
.ContentToggle__root.open .ContentToggle__content {
opacity: 1 !important;
}
body.rtl-lang .ContentToggle__root .ContentToggle__title {
margin-left: auto;
margin-right: 20px;
}
@media (min-width: 768px) {
body.rtl-lang .ContentToggle__root .ContentToggle__title {
margin-right: 60px;
}
}
body.rtl-lang .ContentToggle__root .ContentToggle__switchBtnWrapper {
margin: auto !important;
right: auto;
left: 20px;
}
@media (min-width: 768px) {
body.rtl-lang .ContentToggle__root .ContentToggle__switchBtnWrapper {
left: 60px;
}
}
.DimensionsItem__root {
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;
}
.DimensionsItem__root .DimensionsItem__number {
height: 54px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
line-height: 20px;
margin: 0 0 4px;
}
.DimensionsItem__root .DimensionsItem__number,
.DimensionsItem__root .DimensionsItem__title {
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;
padding: 0 8px;
text-align: center;
}
.DimensionsItem__root .DimensionsItem__title {
height: 28px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0;
font-size: 14px;
line-height: 14px;
word-break: break-all;
word-break: break-word;
}
@media (min-width: 768px) {
body.rtl-lang .MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions {
border-left: 0;
border-right: 0;
}
}
@media (min-width: 768px) {
body.rtl-lang .MainSpecs__root .MainSpecs__inner .MainSpecsItem__root {
border-left: 0;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
}
.Dropdown__dropdownButton {
font-weight: 400;
}
.Dropdown__root .Dropdown__dropdownContent {
display: none;
padding: 0;
max-height: 300px;
overflow-x: hidden !important;
overflow-y: auto !important;
}
.Dropdown__root .Dropdown__dropdownContent::-webkit-scrollbar {
display: none;
}
.Dropdown__root .Dropdown__dropdownContent::-webkit-scrollbar {
width: 15px;
height: 0;
}
.Dropdown__root.open .Dropdown__dropdownContent {
z-index: 11;
display: block;
}
ul.Dropdown__dropdownContent::-webkit-scrollbar {
background: #fff;
}
ul.Dropdown__dropdownContent::-webkit-scrollbar-thumb {
background-color: rgba(233, 236, 239, 0.5);
border-radius: 4px;
border: 3px solid rgba(233, 236, 239, 0.5);
}
@media (max-width: 769px) {
#modal-filter-bottom-buttons .Button__root.Button__small {
width: auto !important;
min-width: auto !important;
}
}
.FindSerialNumberBlock__root {
height: auto;
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root {
min-height: 445px;
}
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root .FindSerialNumberBlock__textBlock {
left: 0;
padding: 0 20px;
}
}
.FindSerialNumberBlock__root
.FindSerialNumberBlock__textBlock
.FindSerialNumberBlock__title {
word-break: break-word;
}
.FindSerialNumberBlock__root
.FindSerialNumberBlock__textBlock
.FindSerialNumberBlock__subtitle {
margin-bottom: 50px;
word-break: break-word;
}
.FindSerialNumberBlock__root .FindSerialNumberBlock__imageDesktop {
position: relative;
width: 100%;
}
.FindSerialNumberBlock__root .FindSerialNumberBlock__imageDesktop img {
top: 0;
bottom: 0;
margin: auto;
position: absolute;
}
.FindSerialNumberBlock__root .FindSerialNumberBlock__imageMobile {
position: static;
width: 100%;
text-align: center;
}
.FindSerialNumberBlock__root img {
max-width: 100%;
max-height: 100%;
}
@media (max-width: 768px) {
.FindSerialNumberBlock__root img {
max-width: 100%;
}
}
.FindSerialNumberBlock__root .FindSerialNumberBlock__textBlock {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.FindSerialNumberBlock__imageRight img {
float: right;
}
@media (max-width: 768px) {
.FindSerialNumberBlock__imageRight img {
float: unset;
}
}
.FixedCompareMenuSlide__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.FixedCompareMenuSlide__link {
margin: auto 0 !important;
}
body.rtl-lang .FooterSubcategory__root ul {
padding-right: 0;
}
.HeaderMain__root[data-open-subnav='subnav-products'] .subnav {
opacity: 1;
}
.HeaderMain__root[data-open-subnav='subnav-products'] .subnav .subnav-products {
display: block;
}
.HeaderMain__root[data-open-subnav='subnav-0'] .subnav {
opacity: 1;
}
.HeaderMain__root[data-open-subnav='subnav-0'] .subnav .subnav-0 {
display: block;
}
.HeaderMain__root[data-open-subnav='subnav-1'] .subnav {
opacity: 1;
}
.HeaderMain__root[data-open-subnav='subnav-1'] .subnav .subnav-1 {
display: block;
}
.HeaderMain__root[data-open-subnav='subnav-2'] .subnav {
opacity: 1;
}
.HeaderMain__root[data-open-subnav='subnav-2'] .subnav .subnav-2 {
display: block;
}
.HeaderMain__root[data-open-subnav='subnav-3'] .subnav {
opacity: 1;
}
.HeaderMain__root[data-open-subnav='subnav-3'] .subnav .subnav-3 {
display: block;
}
.HeaderMain__root[data-open-subnav='subnav-4'] .subnav {
opacity: 1;
}
.HeaderMain__root[data-open-subnav='subnav-4'] .subnav .subnav-4 {
display: block;
}
.HeaderMain__root[data-open-subnav='subnav-5'] .subnav {
opacity: 1;
}
.HeaderMain__root[data-open-subnav='subnav-5'] .subnav .subnav-5 {
display: block;
}
.HeaderMain__root[data-open-subnav='subnav-6'] .subnav {
opacity: 1;
}
.HeaderMain__root[data-open-subnav='subnav-6'] .subnav .subnav-6 {
display: block;
}
.HeaderMain__root[data-open-subnav='subnav-7'] .subnav {
opacity: 1;
}
.HeaderMain__root[data-open-subnav='subnav-7'] .subnav .subnav-7 {
display: block;
}
.HeaderMain__root[data-open-subnav='subnav-8'] .subnav {
opacity: 1;
}
.HeaderMain__root[data-open-subnav='subnav-8'] .subnav .subnav-8 {
display: block;
}
.HeaderMain__root[data-open-subnav='subnav-9'] .subnav {
opacity: 1;
}
.HeaderMain__root[data-open-subnav='subnav-9'] .subnav .subnav-9 {
display: block;
}
.HeaderMain__root[data-open-subnav='subnav-10'] .subnav {
opacity: 1;
}
.HeaderMain__root[data-open-subnav='subnav-10'] .subnav .subnav-10 {
display: block;
}
.header {
position: relative;
z-index: 100;
}
.HeaderMain__root nav.menu {
top: 16px;
}
.CookiePolicyBanner {
position: fixed;
bottom: 0;
width: 100%;
z-index: 999;
}
.HeaderOverlayCountry__root-header {
overflow: visible !important;
}
#nav-mobile .CookiePolicyMainContainer {
position: absolute;
width: 100%;
z-index: 999;
height: 90px;
bottom: 66px;
display: none;
}
#nav-mobile
.CookiePolicyMainContainer
.CookiePolicyBanner
.HeaderOverlayCountry__content {
padding: 10px 20px;
min-height: 90px;
}
@media (max-width: 768px) {
#nav-mobile .CookiePolicyMainContainer .CookiePolicyBanner {
position: absolute;
top: -130px;
}
}
@media (max-width: 768px) {
.HeaderOverlayCountry__content {
padding: 16px !important;
}
}
@media (max-width: 768px) {
.HeaderOverlayCountry__content button.JS-cookie-accept {
min-width: 100px !important;
}
}
@media (max-width: 768px) {
.HeaderOverlayCountry__content div p {
width: calc(100% - 110px);
font-size: 15px;
line-height: 19px;
}
}
body.rtl-lang .CookiePolicyBanner button.JS-cookie-close {
margin-left: 0;
margin-right: 15px;
}
.sticky-compare {
width: 100%;
position: fixed;
color: #fff;
background-color: #0180c9;
z-index: 999999;
top: 0;
}
.sticky-compare #compareHeader .Icon__root {
stroke: #fff;
}
.sticky-compare #compareHeader:hover {
background-color: #0180c9;
}
.HeaderTopButton__root div span {
line-height: 23px;
}
.HeroPLP__root.HeroPLP__pattern {
position: relative !important;
}
.HeroPLP__root.HeroPLP__pattern
.HeroPLP__textContent
.HeroPLP__headerTitle
div {
font-size: 32px;
}
@media (max-width: 768px) {
.HeroPLP__root.HeroPLP__pattern
.HeroPLP__textContent
.HeroPLP__headerTitle
div {
font-size: 0.85em;
}
}
.HeroPLP__root.HeroPLP__pattern .HeroPLP__headerPattern {
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
overflow: hidden;
height: 100%;
height: -moz-available;
height: -webkit-fill-available;
height: fill-available;
min-height: 1024px;
}
.HeroPLP__root.HeroPLP__pattern .HeroPLP__headerPattern img {
max-width: 100% !important;
}
@media (max-width: 768px) {
.HeroPLP__root.HeroPLP__pattern .HeroPLP__headerPattern img {
max-width: 100% !important;
}
}
@media (min-width: 769px) {
.Hero__root {
height: 31vw !important;
}
.Hero__slide.Hero__slide--small {
height: 16vw !important;
}
.Hero__slide.Hero__slide--medium {
height: 24vw !important;
}
.Hero__slide.Hero__slide--large {
height: 31vw !important;
}
}
@media (max-width: 768px) {
.Hero__root,
.Hero__slide {
height: calc(100vh - 66px) !important;
}
}
.HeroPLP__root .HeroPLP__headerTitle {
margin: 0 auto 10px;
}
@media (max-width: 768px) {
.ScrollCarousel__slide .JourneyArticleCard__gray {
height: 300px;
}
}
.JourneyArticleTop__title {
max-width: 800px;
}
.JourneyContact__root_custom {
margin-top: 25px;
}
img.MainSpecsItem__gauze {
opacity: 0.5;
}
img.MainSpecsItem__fill {
height: 25px;
}
img.MainSpecsItem__gauze {
height: 25px;
}
.selectContent__NoResult {
color: #f44336;
padding: 16px;
}
.ModularImageText__image {
height: auto !important;
-webkit-transform: scale(1) !important;
transform: scale(1) !important;
}
@media (min-width: 769px) {
.NavPanelItem__root {
min-width: 195px;
padding: 5px;
}
}
@media (max-width: 768px) {
.NavPanelItem__root {
width: auto;
max-width: inherit;
min-width: 103px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: inherit;
flex-basis: inherit;
padding: 5px;
}
}
.NavPanelItem__root {
min-height: 70px;
height: inherit;
}
.Overlay__root .Overlay__message {
position: fixed;
z-index: 10000;
top: 0;
left: 0;
width: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s
cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: -webkit-transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82),
-webkit-transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82),
-webkit-transform 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
}
.Overlay__root .Overlay__message:global(.active) {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.ClearAllBtnInfoMessage__rightBlock .Button__secondary {
margin: 30px auto;
}
.PdpTop__background img {
width: 100% !important;
}
.ProductCardBundle_root .ProductCardPDP__rectangle {
bottom: 20px !important;
}
.ProductCardBundle_root .ProductCardPDP__rectangle img {
max-height: 260px !important;
max-width: 260px !important;
height: auto !important;
}
@media (max-width: 600px) {
.ProductCardBundle_root .ProductCardPDP__rectangle img {
max-width: 200px !important;
max-height: 150px !important;
}
}
.ProductCardPLP__productBasicSpecs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.ProductCardPLP__root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 768px) {
.ProductCardPLP__root {
height: 612px;
}
}
@media (min-width: 769px) {
.ProductCardPLP__root:hover .ProductCardPLP__productSpecs {
max-height: 260px;
}
}
.ProductCardPLP__root .ProductCardPLP__productBody {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: auto;
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__productSpecsWrapper {
bottom: 129px !important;
}
}
@media (min-width: 769px) {
.ProductCardPLP__root .ProductCardPLP__productSpecsWrapper {
top: auto !important;
bottom: 20px;
}
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__productBackground {
bottom: 20px;
top: 0;
height: auto;
}
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__productSpecs img {
width: 61px;
}
}
.ProductCardPLP__root .ProductCardPLP__productBadge {
transition: none;
-webkit-transition: none;
top: 1px;
position: static;
}
@media (min-width: 769px) {
.ProductCardPLP__root:focus-within .ProductCardPLP__productSpecsWrapper,
.ProductCardPLP__root:hover .ProductCardPLP__productSpecsWrapper {
bottom: 75px;
}
}
.ProductCardPLP__productBadgeParent {
position: absolute;
top: 200px;
left: 6.2%;
z-index: 999999;
}
@media (max-width: 1024px) {
.ProductCardPLP__productBadgeParent {
top: 220px;
}
}
@media (max-width: 768px) {
.ProductCardPLP__productBadgeParent {
top: 200px;
}
}
@media (max-width: 370px) {
.ProductCardPLP__productBadgeParent {
left: 0;
}
}
@media (max-width: 770px) {
.ProductCardPLP__image img {
max-height: 235px !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
#searchResultsContainer .ProductCardPLP__productBadgeParent {
top: 100px !important;
}
}
#searchResultsContainer
.ProductCardPLP__productBadgeParent
.ProductBadge__root {
width: 80px !important;
height: 80px !important;
}
#searchResultsContainer
.ProductCardPLP__productBadgeParent
.ProductBadge__root
.ProductBadge__image {
width: 100% !important;
height: 100% !important;
}
#searchResultsContainer
.ProductCardPLP__productBadgeParent
.ProductBadge__root
.ProductBadge__image
img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
}
.ProductSpecBox__root .ProductSpecBox__title {
width: auto;
height: auto;
display: block;
}
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
.ProductSpecBox__root .ProductSpecBox__title {
display: table;
}
}
.ProductCardPLP__root
.ProductCardPLP__productBasicSpecs
.ProductCardPLP__productSpecBox {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 33.3%;
}
@media (max-width: 768px) {
.ProductCardPLP__root
.ProductCardPLP__productBasicSpecs
.ProductCardPLP__productSpecBox {
width: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.ProductCardPLP__root .ProductCardPLP__productSpecs {
width: 100%;
}
@media (max-width: 350px) {
.ProductCardPLP__desc {
width: 100% !important;
padding: 0 10px !important;
}
}
.ProductCardPLP__root .ProductCardPLP__productSpecsWrapper {
padding: 0 10px;
}
.ProductCardPLP__root .ProductCardPLP__productSpecs {
max-height: 110px;
}
.ProductCardPLP__root .ProductCardPLP__productBasicSpecs {
height: 110px;
}
.OverlayPLP__left {
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 1.25%;
bottom: 40px;
position: fixed;
z-index: 50;
}
.OverlayPLP__left.cookiePolicyBottom {
bottom: 125px !important;
}
body.rtl-lang .ProductExtraSpecs__root ul {
padding: 0 16px 0 0;
text-align: right;
}
body.rtl-lang .ProductExtraSpecs__root ul li:before {
display: none;
}
.ProductCardSearch__image {
bottom: 20px !important;
}
.ProductCardPLP__root .ProductCardPLP__image img {
max-height: 298px;
max-width: 298px;
height: auto;
}
@media (max-width: 768px) {
.ProductCardPLP__root .ProductCardPLP__image img {
max-height: 150px;
}
}
.ProductCardSearch__rectangle img {
max-height: 260px !important;
max-width: 260px !important;
height: auto !important;
}
@media (max-width: 600px) {
.ProductCardSearch__rectangle img {
max-width: 200px !important;
max-height: 150px !important;
}
}
@media (max-width: 768px) {
.ProductCategoryCard__root {
padding-top: 10px;
}
}
.ProductCategoryCard__root.ProductCategoryCard__small
.ProductCategoryCard__desc {
height: auto;
}
@media (max-width: 768px) {
.ProductCategoryCard__root.ProductCategoryCard__small
.ProductCategoryCard__desc {
height: 80px;
}
}
.PdpPage__content .collapsible {
overflow: visible;
}
@media (min-width: 769px) {
body.rtl-lang .PdpPage__content .offset-md-1 {
margin-left: auto;
margin-right: auto;
}
}
body.rtl-lang .PdpPage__content .socialShare button.IconBtn__root {
min-height: 24px;
}
body.rtl-lang
.PdpPage__content
.socialShare
button.IconBtn__root
.IconBtn__share {
top: 0;
}
.result-image-parent {
height: 200px;
text-align: center;
overflow: hidden;
}
.result-image-parent img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 768px) {
.ProductInfoParams__root {
padding-bottom: 48px;
margin-bottom: -48px;
}
}
.ProductInfoParams__infoEnergyBadge {
width: 72px !important;
height: 48px !important;
bottom: 6px !important;
margin-left: auto;
margin-right: auto;
display: block !important;
}
@media (max-width: 1439px) {
.ProductInfoParams__infoEnergyBadge {
bottom: 18px !important;
}
}
@media (max-width: 768px) {
.ProductInfoParams__infoEnergyBadge {
bottom: 3px !important;
}
}
.ProductInfoParams__cellLeft {
text-align: center;
position: relative;
}
.ProductInfoParams__info {
font-size: 16px;
}
.ProductInfoParams__title {
margin-top: 14px;
display: table;
line-height: 21px !important;
}
@media (max-width: 1439px) {
.ProductInfoParams__title {
margin-top: 25px;
}
}
@media (max-width: 768px) {
.ProductInfoParams__title {
margin-top: 14px;
}
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft
.ProductInfoParams__info,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight
.ProductInfoParams__info {
left: 0;
right: 0;
position: absolute;
bottom: 14px;
margin-top: 0;
width: auto;
height: auto;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (max-width: 1439px) {
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft
.ProductInfoParams__info,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight
.ProductInfoParams__info {
bottom: 25px;
}
}
@media (max-width: 768px) {
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft
.ProductInfoParams__info,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight
.ProductInfoParams__info {
bottom: 14px;
}
}
@media (max-width: 767px) {
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft
.ProductInfoParams__title,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight
.ProductInfoParams__title {
white-space: nowrap;
width: auto;
margin-left: 20px;
margin-right: 20px;
min-width: 123px;
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__left
> * {
width: auto;
min-width: auto;
}
}
.Product__price_custom {
margin-top: 36px;
}
.ProductInfoParams__mobileHeader .rating-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
body.rtl-lang .ProductInfoParams__left > * {
border-left: none !important;
}
}
body.rtl-lang .ProductInfoParams__cellLeft {
padding: 0 8px;
border-left: none !important;
border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}
body.rtl-lang .ProductInfoParams__mobileHeader div button {
min-height: 30px;
}
@media (min-width: 1440px) {
body.rtl-lang
.ProductInfo__root
.ProductInfoParams__bottom
.ProductInfoParams__row {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 1440px) {
body.rtl-lang
.ProductInfo__root
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__left {
width: 100%;
}
}
.ProductPLPheader__root {
height: auto !important;
padding: 20px 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ProductPLPheader__root .ProductPLPheader__col {
width: 50% !important;
min-height: 1px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__pricetagWrapper {
width: 40% !important;
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
padding: 0 10px 0 0 !important;
margin: 0 !important;
}
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__pricetagWrapper
.PriceTag__root {
font-size: 14px;
line-height: 1.2;
font-weight: 500;
width: 100%;
max-width: 110px;
height: 45px;
padding: 0 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
word-break: break-all;
word-break: break-word;
}
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper {
width: 60% !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
padding: 0 !important;
margin: 0 !important;
}
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root {
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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 24px;
padding-right: 30px;
margin: 4px 0 !important;
}
@media (max-width: 767px) {
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root {
margin-top: 0 !important;
margin-bottom: 8px !important;
}
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root:last-child {
margin-bottom: 0 !important;
}
}
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root.ProductPLPheader__compareBtn {
margin-left: 30px !important;
}
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root
span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
top: 1px;
}
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root
.IconBtn__compare,
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root
.IconBtn__heart {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 24px !important;
height: 24px !important;
margin: auto;
text-align: center;
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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root
.IconBtn__compare {
right: -2px !important;
}
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root
.IconBtn__compare
.IconBtn__x,
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root
.IconBtn__heart
.IconBtn__x,
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root
.IconBtn__share
.IconBtn__x {
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.ProductPLPheader__root.ProductPLPheader__noPrice
.ProductPLPheader__col.ProductPLPheader__pricetagWrapper {
display: none !important;
}
.ProductPLPheader__root.ProductPLPheader__noPrice
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper {
width: 100% !important;
}
.ProductPLPheader__root.ProductPLPheader__noPrice
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root {
margin: 4px 0 !important;
}
.ProductPLPheader__root.ProductPLPheader__noPrice
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root.ProductPLPheader__compareBtn {
margin-left: 30px !important;
}
body.rtl-lang
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root {
padding-right: 0;
padding-left: 30px;
}
body.rtl-lang
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root.ProductPLPheader__compareBtn {
margin-left: 0 !important;
margin-right: 30px !important;
}
body.rtl-lang
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root
.IconBtn__compare,
body.rtl-lang
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root
.IconBtn__heart {
right: auto !important;
left: 0 !important;
}
body.rtl-lang
.ProductPLPheader__root
.ProductPLPheader__col.ProductPLPheader__buttonsWrapper
button.IconBtn__root
.IconBtn__compare {
right: auto !important;
left: -2px !important;
}
.PromiseCard__root .PromiseCard__subtitle,
.PromiseCard__root .PromiseCard__title {
width: auto;
padding: 0 10px;
max-width: 220px;
}
.PropertyTable__column {
width: 49% !important;
display: inline-table !important;
}
.PropertyTable__column > p,
.PropertyTable__column > span {
display: table-cell;
vertical-align: middle;
word-break: break-all;
word-break: break-word;
}
.PropertyTable__infoButton .ButtonTooltip__tooltip {
left: -15px !important;
top: -38px !important;
}
@media (max-width: 770px) {
.PropertyTable__row {
display: table !important;
position: relative;
width: 100%;
height: auto;
}
.PropertyTable__column {
float: left !important;
}
.PropertyTable__infoButton {
position: absolute;
right: 5px;
top: auto;
-webkit-transform: none;
transform: none;
display: table-footer-group;
text-align: center;
}
.PropertyTable__infoButton > button {
margin: 10px auto 0;
}
.PropertyTable__infoButton .ButtonTooltip__tooltip {
top: -140px !important;
left: -150px !important;
}
}
.RecipeCard__root .RecipeCard__headerPart {
word-wrap: break-word;
}
a.RetailerCard__root .RetailerCard__logo img {
width: auto;
height: auto;
max-width: 80%;
max-height: 80%;
}
.rotated {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 1023px) and (max-height: 600px) {
.RetailerResultsCard__root.opened-mobile {
height: 450px;
}
}
@media (max-width: 1023px) and (max-height: 600px) {
.RetailerResultsCard__root.opened-mobile .RetailerResultsCard__contacts {
height: 95px;
overflow: hidden auto;
}
}
.RetailerResultsCard__root .RetailerResultsCard__address {
height: 65px;
}
@media (max-width: 1023px) and (max-height: 600px) {
.RetailerResultsCard__root .RetailerResultsCard__address {
height: 30px;
overflow: hidden auto;
}
}
.SubNavProductsMenuItem__root {
padding-top: 0 !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.SubNavProductsMenuItem__root .SubNavProducsCategoryImage {
height: 60%;
width: 90%;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
}
.SubNavProductsMenuItem__root .Picture__root {
width: 100%;
margin: 0 auto;
text-align: center;
-webkit-box-flex: 4;
-ms-flex: 4;
flex: 4;
position: relative;
}
.SubNavProductsMenuItem__root .Picture__root img {
width: 70%;
height: auto;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.SubNavProductsMenuItem__root .SubNavProductsMenuItem__textBlock {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
bottom: 4vh;
position: static;
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media (min-width: 768px) {
.SubNavProductsMenuItem__root .SubNavProductsMenuItem__textBlock {
margin-top: 20px;
}
}
.SubNavProductsMenuItem__root .SubNavProductsMenuItem__textBlock p {
font-size: 16px;
line-height: normal;
}
@media (max-width: 768px) {
.SubNavProductsMenuItem__root .SubNavProductsMenuItem__textBlock p {
word-break: break-word;
}
}
@media (max-width: 768px) {
.SubNavProductsMenuItem__root
.SubNavProductsMenuItem__textBlock
.SubNavProductsMenuItem__count {
height: 12px;
}
}
.Player__root .VideoBlockWithText__video {
background-color: #fff;
background-position-x: center;
}
.Player__root .VideoBlockWithText__video img {
position: absolute;
top: 0;
bottom: 0;
height: 100%;
margin: auto;
left: 0;
right: 0;
text-align: center;
border-radius: 8px;
}
.Player__root .Player__video {
background-color: transparent;
width: auto !important;
margin: auto;
left: 0;
right: 0;
text-align: center;
}
.VideoBlockWithText__video {
min-height: 360px;
}
.VideoPreviewCard__root {
background-size: cover;
background-position: 50%;
width: 420px !important;
height: 250.25px !important;
}
@media (max-width: 768px) {
.VideoPreviewCard__root {
width: 280px !important;
height: 163.3333px !important;
}
}
@media (max-width: 768px) {
.VideoPreviewCard__root.W\(335px\)--sm {
width: 280px !important;
}
}
.Carousel3dVideo__slideWrapper iframe {
border: none !important;
}
.WishlistCompareBlock__root {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
.HeaderTopButton__root div span {
line-height: 22px;
}
}
.wrapper.cq-Editable-dom--container,
.wrapper .responsivegrid.cq-Editable-dom--container {
padding: 0 !important;
}
.cmp-wrapper--small {
max-width: 480px;
}
@media (max-width: 335px) {
.W\(335px\)--sm {
width: 100% !important;
}
}
.BlogGrid__root .BlogGrid__slide {
height: 475px !important;
}
@media (max-width: 768px) {
.BlogGrid__root .BlogGrid__slide {
height: auto !important;
}
}
.BlogArticleTextBlock__root {
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;
}
.BlogArticleCard__root {
max-width: 650px;
}
@media (max-width: 768px) {
.BlogArticleCard__root {
max-width: 250px;
}
}
@media (max-width: 768px) {
.ScrollCarousel__scrollWrapper_custom {
width: 100%;
}
.ScrollCarousel__scrollWrapper_custom .ScrollCarousel__root {
display: inherit !important;
}
.ScrollCarousel__scrollWrapper_custom
.JourneyArticleCard__root.JourneyArticleCard__white {
margin: 0 auto 20px;
}
.ScrollCarousel__scrollWrapper_custom
.JourneyArticleCard__root.JourneyArticleCard__gray {
margin: 0 auto 20px;
max-width: 335px;
height: auto;
}
}
.BlogTop__background {
z-index: 0 !important;
}
.BuiltInCategories__root {
padding-bottom: 15px;
}
@media (min-width: 768px) {
.BuiltInCategories__root {
padding-bottom: 25px;
}
}
.BuiltInCategories__root .BuiltInCategory__root {
padding-bottom: 40px;
}
.BuiltInCategories__root .BuiltInCategory__root .BuiltInCategory__title {
overflow: hidden;
max-height: 63px;
line-height: 21px;
margin-bottom: 10px;
word-break: break-all;
word-break: break-word;
}
.cmp-cards__new-card {
height: 366px !important;
margin: 0 !important;
}
.FilterResultsButtons__opacityRight {
right: 0 !important;
}
.FooterMain__root .FooterMain__infolinks {
border-top: 0;
}
@media (min-width: 769px) {
.FooterMain__root .FooterMain__infolinks {
margin-top: 25px;
}
}
@media (min-width: 1024px) {
.FooterTop__footerTopWrapper {
padding: 0 32px !important;
}
}
.FooterTop__wrapperInner {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.FooterTop__wrapperInner .FooterTop_InnerCol {
width: 100%;
min-height: 1px;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 1024px) {
.FooterTop__wrapperInner .FooterTop_InnerCol {
width: 33.3333%;
}
}
.FooterTop__wrapperInner .country-select-container,
.FooterTop__wrapperInner .FooterTop__socialIcons,
.FooterTop__wrapperInner .PartnerLogo__root {
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;
width: 100% !important;
margin: 20px 0 !important;
padding: 0;
}
@media (min-width: 1024px) {
.FooterTop__wrapperInner .country-select-container,
.FooterTop__wrapperInner .FooterTop__socialIcons,
.FooterTop__wrapperInner .PartnerLogo__root {
margin: 0 !important;
}
}
@media (min-width: 1024px) {
.FooterTop__wrapperInner .PartnerLogo__root {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.FooterTop__wrapperInner .PartnerLogo__root a.partner-logo-center {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0;
}
.FooterTop__wrapperInner .country-select-container .FooterTop__countrySelect {
margin: 0 !important;
min-width: 300px;
}
.FooterTop__wrapperInner .country-select-container .Dropdown__dropdownContent {
padding: 0;
background: #fff;
}
.FooterTop__wrapperInner .country-select-container ::-webkit-scrollbar {
display: none;
width: 0;
background: transparent;
}
@media (min-width: 1024px) {
.FooterTop__wrapperInner .FooterTop__socialIcons {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.FooterTop__wrapperInner .FooterTop__socialIcons > a {
margin: 4px 8px !important;
}
@media (min-width: 1024px) {
.FooterTop__wrapperInner .FooterTop__socialIcons > a {
margin: 3px 6px !important;
}
}
@media (max-width: 768px) {
.Hero_slideMobileAdaptedContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
width: 100%;
overflow: hidden;
}
}
@media (max-width: 768px) {
.Hero_slideMobileAdaptedContainer .Hero_slideMobileAdapted {
width: auto;
height: 100%;
position: static !important;
z-index: 10;
}
}
.Hero__slideContent {
min-height: auto !important;
}
@media (min-width: 768px) {
.Hero__slideContent {
margin-bottom: -1px;
}
}
.Hero__slideContent .Hero__slideContentHeaderContainer {
width: 90%;
}
.Hero__slideContent .Hero__slideTitle span {
font-size: 3.4vw;
}
@media (max-width: 768px) {
.Hero__slideContent .Hero__slideTitle span {
font-size: 6vw;
}
}
.Hero__slideImage video {
width: 100%;
}
@media screen and (min-width: 768px) {
.custom_Hero__slideImage {
background-position: center;
background-size: cover;
}
.heroCarouselSlide.Hero__slide {
height: 31vw !important;
}
}
.JourneyArticleContentBlock__root .JourneyArticleContentBlock__image {
background-size: auto !important;
-webkit-background-size: auto !important;
}
.JourneyArticleContentBlock__root
.JourneyArticleContentBlock__content
.richtext {
padding-bottom: 40px;
}
.JourneyArticleContentBlock__root
.JourneyArticleContentBlock__content
.animated-vote-section {
padding-top: 20px;
}
.journey-article-content-wrapper {
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;
}
.ArticleTopContainer {
margin-top: 0;
padding-bottom: 81px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
.ArticleTopContainer .ArticleReadText {
margin-bottom: 43px;
}
}
.ArticleTopContainer .JourneyArticleTop__title {
max-width: 83.3%;
}
.MainFeatureImages__root .MainFeatureImages__bigImageBackground {
background-repeat: no-repeat !important;
-webkit-transform: scale(1);
transform: scale(1);
}
.MainFeatureImages__root .MainFeatureImages__featureImage img {
max-height: 90%;
max-width: 90%;
width: 90%;
}
@media (min-width: 769px) {
.MainFeatureImages__root .MainFeatureImages__featureImage.show-only-mobile {
display: none;
}
}
.MainSpecs__root.MainSpecs__withDimensions.MainSpecs__space_custom {
margin-top: 90px;
}
.MainSpecs__inner .MainSpecs__dimensions.MainSpecs__dimensions__single {
width: 100%;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
body.rtl-lang .MainSpecs__root .MainSpecs__dimensions .MainSpecs__scheme svg {
margin-left: 0;
margin-right: 130px;
}
.JS-modal.modal.open {
overflow: hidden;
}
@media (min-width: 769px) {
.Modal__root .Modal__overlayBottom .downloadAllButton {
width: 200px !important;
margin-left: inherit !important;
text-align: center;
position: absolute;
left: 50%;
margin: 0 -50% 0 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media (max-width: 769px) {
.Modal__root .Modal__overlayBottom .downloadAllButton {
width: 50% !important;
margin-left: 5% !important;
}
}
@media (min-width: 768px) {
.Modal__root .close-modal-btn {
z-index: 999 !important;
bottom: 40px !important;
}
}
div#product-carousel .Modal__fullWidth {
position: inherit;
}
.Modal__root .Modal__content .custom-filter {
margin-bottom: 208px !important;
}
.ModalPlayer__inner {
padding-top: 82px;
padding-bottom: 90px;
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ModalPlayer__root {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
height: 100%;
overflow: auto;
}
.ModalPlayer__root .ModalPlayer__title {
margin: 20px auto 0;
text-align: center;
}
.ModalPlayer__root .ModalPlayer__playerMultiple {
margin-top: 50px;
}
@media (min-width: 769px) {
.H\(229px\)--md {
height: 229px;
}
}
.ModalSearch__root .ModalSearch__assumptions button {
display: block;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
@media (min-width: 1025px) {
.ModalSearch__root .ModalSearch__assumptions button:hover {
color: #0180c9;
}
}
.search-results-image {
max-height: 300px;
}
.ModalWhereToBuyAll__root .WhereToBuyOr__root {
margin: 40px 0;
}
.ModalWhereToBuyAll__root .WhereToBuyOr__root .WhereToBuyOr__or {
width: 64px;
height: 64px;
top: -16px;
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;
background: #fff;
z-index: 2;
}
.ModalWhereToBuyAll__root .WhereToBuyOr__root .WhereToBuyOr__or span {
position: absolute;
line-height: 1;
word-break: break-all;
word-break: break-word;
text-align: center;
padding: 0 8px;
}
.NavMobile__root {
height: 66px;
background-color: #fff;
-webkit-transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
transition: all 0.5s cubic-bezier(0.47, 0.14, 0.15, 0.82);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
left: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.08);
}
@media (min-width: 769px) {
.NavMobile__root {
display: none;
}
}
.NavMobile__root.scrolled.NavMobile__hiding {
opacity: 0;
}
.NavMobile__root.hidden,
.NavMobile__root.NavMobile__dependentOnScroll.scroll-down {
-webkit-transform: translateY(66px);
transform: translateY(66px);
}
.NavMobile__root .NavMobile__logo {
width: 50px;
color: #0081c9;
position: relative;
top: 20px;
left: 20px;
}
.NavMobile__root .NavMobile__buttonClose {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}
.NavMobile__root .NavMobile__buttonClose,
.NavMobile__root .NavMobile__buttonMenu {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
body.menu-mobile .NavMobile__buttonClose {
visibility: visible;
opacity: 1;
}
body.menu-mobile .NavMobile__buttonMenu {
pointer-events: none;
opacity: 0;
visibility: hidden;
}
.PageNav__root {
display: block;
height: 100px;
background-color: #fff;
}
@media (max-width: 768px) {
.PageNav__root {
display: none;
}
}
.PageNavMobile__root {
display: block;
height: 66px;
background-color: #fff;
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
@media (min-width: 769px) {
.PageNavMobile__root {
display: none;
}
}
@media (max-width: 768px) {
body.rtl-lang .nav-mobile-button-wrapper {
border-left: 0;
border-right: 1px solid rgba(0, 0, 0, 0.1);
margin-left: 0;
margin-right: 10px;
}
}
@media (max-width: 768px) {
body.rtl-lang div#nav-mobile a.NavMobile__logo {
left: unset;
right: 20px;
}
}
@media (max-width: 768px) {
body.rtl-lang div#nav-mobile a#compareHeader .ButtonIcon__countCircle {
margin-left: 0;
margin-right: 6px;
}
}
.root .firstCard {
margin-left: 0;
}
.root .OtherFeaturesCardImageParent {
height: 280px;
position: relative;
}
.root .OtherFeaturesCardImage {
width: 100%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.root .OtherFeatures__root .ScrollCarousel__scrollWrapper {
width: 100% !important;
margin: 0 auto !important;
}
.root .OtherFeatures__root .ScrollCarousel__root {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
margin: 0 auto !important;
overflow-y: hidden !important;
overflow: hidden;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
@media (max-width: 768px) {
.root
.OtherFeatures__root
.ScrollCarousel__root
.slick-list
.slick-track
.slick-slide
.ScrollCarousel__slide {
width: 90% !important;
}
.root
.OtherFeatures__root
.ScrollCarousel__root
.slick-list
.slick-track
.slick-slide
.ScrollCarousel__slide
.OtherFeaturesCard__root
.OtherFeaturesCardImageParent {
height: auto;
}
.root
.OtherFeatures__root
.ScrollCarousel__root
.slick-list
.slick-track
.slick-slide
.ScrollCarousel__slide
.OtherFeaturesCard__root
.OtherFeaturesCardImageParent
img {
position: static;
margin: 0;
}
}
.root .OtherFeatures__root .ScrollCarousel__root ::-webkit-scrollbar {
display: none;
width: 0;
background: transparent;
}
.root .OtherFeatures__root .ScrollCarousel__root ::-webkit-scrollbar-thumb {
background: transparent;
}
.root .OtherFeatures__root .ScrollCarousel__root ::-webkit-scrollbar-track {
display: none;
}
.root .OtherFeatures__root .ScrollCarousel__root .productCard {
min-height: 425px !important;
height: auto;
width: 320px !important;
}
.root
.OtherFeatures__root
.ScrollCarousel__root
.productCard
.OtherFeaturesCard__text {
font-size: 20px;
line-height: 26px;
}
.root .OtherFeatures__root .ScrollCarousel__root .productCard:first-child {
padding-left: 0;
}
@media (min-width: 1024px) {
.root .OtherFeatures__root .ScrollCarousel__root .productCard:first-child {
margin-left: 3% !important;
}
}
.root .OtherFeatures__root .ScrollCarousel__root .productCard:last-child {
padding-right: 0;
}
.root
.OtherFeatures__root
.ScrollCarousel__root
.slick-slide
> div:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.OurRangeLink__root {
display: inline-block;
position: relative;
margin: 20px 0;
width: 311px;
height: 196px;
border-radius: 8px;
text-decoration: none;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.OurRangeLink__root {
width: 277px;
height: 177px;
}
}
.OurRangeLink__root .OurRangeLink__title {
font-size: 18px;
line-height: 24px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #9aa8b6;
}
.OurRangeLink__root .OurRangeLink__text {
font-size: 18px;
line-height: 25px;
color: #1e2e3f;
}
.OurRangeLink__root.OurRangeLink__secondary .OurRangeLink__title {
color: #1e2e3f;
font-size: 22px;
line-height: 32px;
white-space: normal;
text-overflow: clip;
}
@media (max-width: 768px) {
.OurRangeLink__root.OurRangeLink__secondary .OurRangeLink__title {
font-size: 18px;
line-height: 25px;
}
}
.OurRangeLink__root.OurRangeLink__secondary .OurRangeLink__text {
color: #9aa8b6;
}
.OurRange__root {
display: block;
}
.OurRange__root .OurRange__background {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
z-index: -1;
}
.OurRange__root .OurRange__background img {
position: absolute;
top: 1px;
height: 100%;
width: auto;
opacity: 0;
-webkit-transition: opacity 0.3s 0.1s;
transition: opacity 0.3s 0.1s;
}
@media (min-width: 1440px) {
.OurRange__root .OurRange__background img {
height: auto;
width: 100%;
}
}
.OurRange__root .OurRange__background img.active {
opacity: 1;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
@media (max-width: 768px) {
.OurRange__root.OurRange__secondary .OurRange__picture {
margin-top: 30px;
}
}
.OurRange__ourRangeSlider {
position: absolute;
width: 100%;
}
.OverlayPDP__root .cookiePolicyBottom {
bottom: 125px !important;
}
.OverlayPDP__root .cookiePolicyBottom2 {
bottom: 192px !important;
}
.Player__root {
border-radius: 8px;
}
.Player__root .Player__video {
width: 100% !important;
height: 100%;
border: 0;
}
@media (max-width: 768px) {
.ProductFilters__buttons .ProductFilters__leftButtonWrapper,
.ProductFilters__buttons .ProductFilters__rightButtonWrapper {
width: 50%;
}
}
.ProductFilters__buttons .buttonInner span {
word-break: break-all;
word-break: break-word;
max-width: 70%;
}
.ProductFilters__buttons .buttonInner svg {
top: 0;
}
@media (min-width: 767px) {
.ProductInfo__root
.ProductInfo__top
.ProductInfo__images
.ProductInfo__image {
top: 0;
bottom: 0;
margin: auto;
}
}
.ProductInfo__root .ProductInfo__header .pdp-pr-rating-wrapper,
.ProductInfo__root .ProductInfo__header .rating-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
margin-bottom: -30px;
}
@media (max-width: 768px) {
.ProductInfo__viewButtons {
overflow: scroll;
width: auto !important;
min-width: auto !important;
max-width: 100%;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
bottom: 15px;
padding-bottom: 10px;
}
}
@media (max-width: 768px) and (max-width: 480px) {
.ProductInfo__viewButtons {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: end !important;
}
}
@media (max-width: 768px) {
.ProductInfo__viewButtons button {
min-width: 64px;
max-width: 64px;
}
}
.ProductInfo__buttonView .ButtonView__border {
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;
}
.ProductInfo__buttonView .ButtonView__border span.ButtonView__more {
margin-top: 0;
width: 50px;
display: inline-block;
word-break: break-all;
word-break: break-word;
}
.ProductInfo__buttonView .ButtonView__border img.ButtonView__image {
max-height: 100%;
max-width: 100%;
}
@media (min-width: 1400px) {
.ProductInfo__root .ProductInfo__top {
min-height: 540px;
}
}
@media (min-width: 1400px) {
.ProductInfo__root .ProductInfo__top .ProductInfo__images {
bottom: -90px;
height: 420px;
}
}
body.rtl-lang .ProductInfo__header .IconBtn__root {
min-height: 24px;
}
body.rtl-lang .ProductInfo__header .IconBtn__root.Mend\(45px\)--md {
margin-right: 0;
margin-left: 45px;
}
@media (min-width: 1299px) {
.ScrollCarousel__root .slick-list .slick-track {
min-width: 1400px;
}
}
@media (min-width: 1299px) {
.ScrollCarousel__root .slick-list .slick-track .slick-slide {
min-width: 320px;
margin-left: 10px;
margin-right: 10px;
}
}
@media (max-width: 768px) {
.ScrollCarousel__root.rtlContainerWrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 769px) {
.ScrollCarousel__root.rtlContainerWrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 1440px) {
.ScrollCarousel__root.ScrollCarousel__containerWrapper
.ScrollCarousel__slide:last-child {
padding-right: inherit;
}
}
.ScrollCarouselVertical__root {
width: 400px;
}
@media (max-width: 768px) {
.ScrollCarouselVertical__root {
width: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
}
}
@media (max-width: 767px) {
.ScrollCarouselVertical__root .ScrollCarouselVertical__slide:first-child {
margin-top: 110px;
}
}
@media (max-width: 767px) {
.ScrollCarouselVertical__root
.ScrollCarouselVertical__slide:nth-child(n + 3):last-child {
margin-bottom: 165px;
}
}
.ScrollCarouselVertical__root .ScrollCarouselVertical__slide button {
white-space: normal;
text-align: left;
}
@media (max-width: 768px) {
.ScrollCarouselVertical__root .ScrollCarouselVertical__slide button {
text-align: center;
}
}
.ScrollableSections__root .ScrollableSections__featureTextRight {
width: 30%;
margin-left: 5%;
padding-top: 140px;
}
@media (max-width: 1024px) {
.ScrollableSections__root .ScrollableSections__featureTextRight {
width: 50%;
margin-left: 0;
margin-top: 15px;
padding-right: 8%;
}
}
@media (max-width: 768px) {
.ScrollableSections__root .ScrollableSections__featureTextRight {
width: 100%;
margin-top: 30px;
padding: 0;
}
}
.ScrollableSections__sideNavItem {
z-index: 5 !important;
}
.ScrollableSections__sideNavLink {
white-space: nowrap;
font-size: 16px;
padding-left: calc(100% - 273px);
}
.ScrollableSections__sideNavP {
padding-left: calc(100% - 240px);
font-size: 22px;
}
.ScrollableSections__sideNavItem.active:before {
width: calc(100% - 281px) !important;
}
.ScrollableSections__root .ScrollableSections__featureText {
width: 30%;
margin-right: 10%;
padding-top: 145px;
margin-left: 7%;
}
@media (max-width: 768px) {
.ScrollableSections__root .ScrollableSections__featureText {
width: auto;
}
}
.support-result-slider .CategoriesMenuSliderItem__root {
height: auto !important;
padding: 10px 15px !important;
}
.support-result-slider .SupportResultCatButtons {
height: 81px !important;
}
.support-result-slider .ScrollCarousel__slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
body.rtl-lang .support-result-slider {
-webkit-transform: inherit !important;
transform: inherit !important;
}
.StepModalFindModelNumberVideo__root
.StepModalFindModelNumberVideo__videoPoster {
width: 100%;
height: 100%;
margin-right: auto;
margin-left: auto;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-repeat: no-repeat;
background-size: cover;
}
.SubNavLinks__root .SubNavLinks__line {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__items
.SubNavProductsGrid__itemsButton,
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__items
.SubNavProductsGrid__itemsButtonWrapper {
width: 100%;
}
.SubNavProductsMenu__root .SubNavMenuTitle {
width: 100%;
}
.SupportContactsFeedback__feedback {
padding-bottom: 40px;
}
.Dropdown__root .DropdownTitlePosition {
padding-left: 10px;
padding-right: 10px;
}
.SupportContactsFeedback__title {
padding-top: 20px;
}
.SupportContactsFeedback__feedback .Checkbox__root div p {
margin-top: 7px;
}
.SupportContactsFeedback__feedback .Hr__root {
margin-bottom: 50px;
}
.SupportContactsFeedback__feedback .Hr__root .Hr__circle {
width: 64px;
height: 64px;
top: -32px;
text-align: center;
padding: 0 4px;
word-break: break-all;
word-break: break-word;
line-height: 16px;
}
.ctacontact {
background: rgba(233, 236, 239, 0.5);
}
.ctacontact .container {
background: transparent !important;
}
.SupportHomeHero__root > * {
word-wrap: break-all;
word-wrap: break-word;
}
@media (min-width: 769px) {
.SupportHomeHero__root {
font-size: 36px;
}
.SupportHomeHero__root > .SupportHomeHero__text {
max-width: 30%;
}
.SupportHomeHero__root > .SupportHomeHero__section {
position: relative;
height: 100%;
margin-left: 11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
max-width: 40%;
}
.SupportHomeHero__root
> .SupportHomeHero__section
.ScrollCarouselVertical__root {
width: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
}
.SupportHomeHero__root
> .SupportHomeHero__section
.ScrollCarouselVertical__root::-webkit-scrollbar {
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
}
.SupportHomeHero__root > .SupportHomeHero__section button {
max-width: 100%;
text-align: left;
}
.SupportHomeHero__root > .SupportHomeHero__section2Wrapper {
max-width: 30%;
height: 100%;
}
.SupportHomeHero__root > .SupportHomeHero__section2Wrapper button {
max-width: 100%;
text-align: left;
}
}
@media (max-width: 768px) {
.support-home-hero-carousel-issue-button {
text-align: center !important;
}
.how-can-we-help {
display: block !important;
font-family: Core Sans, sans-serif;
font-size: 21px;
font-weight: 400;
color: #9aa8b6;
margin-top: 5px;
margin-bottom: 13px;
line-height: 24px;
}
.i-need-help-with {
font-family: Core Sans, sans-serif;
font-size: 30px;
line-height: 36px !important;
max-height: 108px;
overflow: hidden;
margin-bottom: 12px;
font-weight: 800;
color: #000;
width: 100%;
}
.SupportHomeHero__issueSelectedMobile,
.SupportHomeHero__textSelectIssue,
.SupportHomeHero__textSelectProduct {
font-family: Core Sans, sans-serif;
font-weight: 800;
font-size: 32px;
}
.SupportHomeHero__verticalCarousel {
font-size: 32px;
}
.SupportHomeHero__issueSelectedMobile {
line-height: 42px;
width: 100%;
}
.SupportHomeHero__textSelectProduct {
margin: 12px 0 0;
line-height: 42px;
display: inline-block;
width: 100%;
}
.JourneyTop__root {
min-height: 540px;
}
.JourneyTop__root .JS-button-text {
padding: 20px 50px;
font-size: 15px;
}
.JourneyTop__root .Button__root {
min-width: 200px;
max-width: 300px;
}
}
button.SupportHomeHero__submit span {
max-width: 95%;
word-break: break-all;
word-break: break-word;
text-align: center;
line-height: 1.2;
}
div#supportQuestion {
width: 100%;
}
.JourneyTop__root span.JS-button-text {
max-width: 95%;
word-break: break-all;
word-break: break-word;
text-align: center;
}
@media (max-width: 768px) {
.supportwizard .SupportHomeHeroBlock__root {
min-height: 650px !important;
}
}
@media (max-width: 1023px) {
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__cards {
padding: 0;
margin: 0;
}
.WhereToBuyMapOverlay__root .WhereToBuyMapOverlay__controls {
bottom: 20px;
}
}
.WhereToBuyMapOverlay__withCards .WhereToBuyCardsWrapperContainer {
position: relative;
padding-bottom: 100px;
height: 100%;
width: 100%;
}
@media (max-width: 768px) {
.WhereToBuyMapOverlay__withCards .WhereToBuyCardsWrapperContainer {
margin-top: 90px;
}
.WhereToBuyMapOverlay__withCards
.WhereToBuyCardsWrapperContainer
.WhereToBuyMapOverlay__cardsWrapper {
position: static;
}
}
body.rtl-lang
.ModalWhereToBuyAll__root
.SearchForm__root.SearchForm__address
input {
padding-left: 45px;
}
body.rtl-lang
.ModalWhereToBuyAll__root
.SearchForm__root.SearchForm__address
button {
right: auto !important;
left: 5px;
margin: auto;
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.ProductWishlistHeader__root {
height: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
@media (max-width: 1024px) {
.ProductWishlistHeader__root {
height: 90px;
padding: 0 20px;
}
}
@media (max-width: 768px) {
.ProductWishlistHeader__root {
height: 75px;
}
}
.ProductWishlistHeader__root .ProductWishlistHeader__pricetagWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 1024px) {
.ProductWishlistHeader__root .ProductWishlistHeader__pricetagWrapper {
width: auto;
padding-top: 0;
}
}
.ProductWishlistHeader__root .ProductWishlistHeader__buttonsWrapper {
width: 230px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
}
@media (max-width: 1280px) {
.ProductWishlistHeader__root .ProductWishlistHeader__buttonsWrapper {
width: 100%;
}
}
.ProductWishlistHeader__root .ProductWishlistHeader__wishlistBtn {
top: -1px;
}
.ProductWishlistHeader__root .ProductWishlistHeader__compareBtn {
top: -2px;
left: -8px;
}
@media (max-width: 768px) {
.ProductWishlistHeader__root .ProductWishlistHeader__compareBtn {
left: 0;
}
}
.ProductWishlistHeader__root .ProductWishlistHeader__daysLeft {
font-size: 14px;
line-height: 16px;
font-weight: 400;
letter-spacing: 0.3px;
}
.ProductCardWishlist__root {
height: 740px;
color: #fff;
text-align: center;
}
@media (max-width: 1280px) {
.ProductCardWishlist__root {
height: 690px;
}
}
@media (max-width: 1024px) {
.ProductCardWishlist__root {
height: 740px;
}
}
@media (max-width: 768px) {
.ProductCardWishlist__root {
height: 595px;
}
}
.ProductCardWishlist__root .ProductCardWishlist__overflowWrapper {
overflow: hidden;
border-radius: 8px;
}
.ProductCardWishlist__root .ProductCardWishlist__productBody {
height: 570px;
position: relative;
}
@media (max-width: 1280px) {
.ProductCardWishlist__root .ProductCardWishlist__productBody {
height: 520px;
}
}
@media (max-width: 1024px) {
.ProductCardWishlist__root .ProductCardWishlist__productBody {
height: 570px;
}
}
@media (max-width: 768px) {
.ProductCardWishlist__root .ProductCardWishlist__productBody {
height: 500px;
}
}
.ProductCardWishlist__root .ProductCardWishlist__productBackground {
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-transition: height 0.3s ease;
transition: height 0.3s ease;
}
.ProductCardWishlist__root .ProductCardWishlist__viewLink {
display: block;
height: 100%;
position: relative;
z-index: 4;
color: #fff;
text-decoration: none;
padding-top: 12px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 768px) {
.ProductCardWishlist__root .ProductCardWishlist__viewLink {
padding-top: 19px;
height: 80%;
}
}
.ProductCardWishlist__root .ProductCardWishlist__ratingModelWrapper {
opacity: 1;
max-height: 65px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-property: opacity, max-height;
transition-property: opacity, max-height;
}
.ProductCardWishlist__root .ProductCardWishlist__model {
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
margin-top: 15px;
}
.ProductCardWishlist__root .ProductCardWishlist__desc {
width: 350px;
height: 60px;
max-height: 60px;
overflow: hidden;
margin: 5px auto 0;
font-size: 22px;
line-height: 30px;
font-weight: 300;
letter-spacing: 0.3px;
-webkit-transition: margin-bottom 0.3s ease;
transition: margin-bottom 0.3s ease;
}
@media (max-width: 1280px) {
.ProductCardWishlist__root .ProductCardWishlist__desc {
width: 300px;
margin-bottom: 8px;
font-size: 18px;
line-height: 26px;
}
}
@media (max-width: 1024px) {
.ProductCardWishlist__root .ProductCardWishlist__desc {
width: 350px;
font-size: 22px;
line-height: 30px;
}
}
@media (max-width: 768px) {
.ProductCardWishlist__root .ProductCardWishlist__desc {
width: 320px;
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 374px) {
.ProductCardWishlist__root .ProductCardWishlist__desc {
width: 293px;
font-size: 18px;
line-height: 26px;
}
}
.ProductCardWishlist__root .ProductCardWishlist__productBadge {
position: absolute;
top: 220px;
left: 6.2%;
-webkit-transition: top 0.3s ease;
transition: top 0.3s ease;
}
@media (max-width: 1280px) {
.ProductCardWishlist__root .ProductCardWishlist__productBadge {
top: 200px;
}
}
@media (max-width: 1024px) {
.ProductCardWishlist__root .ProductCardWishlist__productBadge {
top: 220px;
}
}
.ProductCardWishlist__root .ProductCardWishlist__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin: 20px 0 30px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-property: margin-top, margin-bottom;
transition-property: margin-top, margin-bottom;
}
@media (max-width: 1280px) {
.ProductCardWishlist__root .ProductCardWishlist__image {
margin-top: 8px;
}
}
@media (max-width: 1024px) {
.ProductCardWishlist__root .ProductCardWishlist__image {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media (max-width: 768px) {
.ProductCardWishlist__root .ProductCardWishlist__image {
margin-top: 10px;
}
}
.ProductCardWishlist__root .ProductCardWishlist__image img {
width: auto;
height: 268px;
max-height: 268px;
-webkit-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out;
}
@media (max-width: 1280px) {
.ProductCardWishlist__root .ProductCardWishlist__image img {
height: 244px;
max-height: 244px;
}
}
@media (max-width: 1024px) {
.ProductCardWishlist__root .ProductCardWishlist__image img {
height: 268px;
max-height: 268px;
}
}
@media (max-width: 768px) {
.ProductCardWishlist__root .ProductCardWishlist__image img {
height: 220px;
max-height: 220px;
}
}
.ProductCardWishlist__root .ProductCardWishlist__whereToBuy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px auto 0;
}
@media (max-width: 768px) {
.ProductCardWishlist__root .ProductCardWishlist__whereToBuy {
position: absolute;
bottom: -5px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-top: 0;
}
}
.ProductCardWishlist__root .ProductCardWishlist__productSpecsWrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 20px;
position: absolute;
top: 450px;
-webkit-transition: top 0.3s ease;
transition: top 0.3s ease;
z-index: 1;
}
@media (min-width: 769px) {
.ProductCardWishlist__root .ProductCardWishlist__productSpecsWrapper {
z-index: 5;
}
}
@media (max-width: 1280px) {
.ProductCardWishlist__root .ProductCardWishlist__productSpecsWrapper {
padding: 0 10px;
top: 403px;
}
}
@media (max-width: 1024px) {
.ProductCardWishlist__root .ProductCardWishlist__productSpecsWrapper {
padding: 0 10px;
top: 450px;
}
}
@media (max-width: 768px) {
.ProductCardWishlist__root .ProductCardWishlist__productSpecsWrapper {
left: 0;
top: auto;
bottom: 107px;
}
}
.ProductCardWishlist__root .ProductCardWishlist__productSpecs {
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;
width: 385px;
max-height: 99px;
overflow: hidden;
border-radius: 8px;
-webkit-transition: max-height 0.3s ease;
transition: max-height 0.3s ease;
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.ProductCardWishlist__root .ProductCardWishlist__productSpecs {
width: 100vw;
overflow: hidden;
position: absolute;
-webkit-box-shadow: none;
box-shadow: none;
left: -17px;
top: 0;
}
}
@media (max-width: 768px) {
.ProductCardWishlist__root .ProductCardWishlist__productSpecs img {
width: 29px;
}
}
.ProductCardWishlist__root .ProductCardWishlist__sliderWrapper {
width: 100%;
}
@media (max-width: 768px) {
.ProductCardWishlist__root .ProductCardWishlist__sliderWrapper {
height: 55px;
overflow: hidden;
}
}
.ProductCardWishlist__root .ProductCardWishlist__productBasicSpecs {
width: 100%;
height: 99px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.ProductCardWishlist__root .ProductCardWishlist__productBasicSpecs {
width: auto;
height: 75px;
overflow-x: scroll;
overflow-y: hidden;
background: transparent;
border: 0;
border-radius: 0;
padding-left: 30px;
-webkit-overflow-scrolling: touch;
}
.ProductCardWishlist__root .ProductCardWishlist__productBasicSpecs:after {
content: '';
padding-left: 25px;
}
.ProductCardWishlist__root .ProductCardWishlist__productBasicSpecs > div {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media (min-width: 769px) {
.ProductCardWishlist__root
.ProductCardWishlist__productBasicSpecs
.ProductCardWishlist__badgeMobile {
display: none;
}
}
@media (max-width: 768px) {
.ProductCardWishlist__root
.ProductCardWishlist__productBasicSpecs
.ProductCardWishlist__badgeMobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
min-width: 95px;
height: 50px;
background-color: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
margin-right: 5px;
padding: 0 15px;
}
}
.ProductCardWishlist__root
.ProductCardWishlist__productBasicSpecs
.ProductCardWishlist__productSpecBox {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 33.3%;
}
.ProductCardWishlist__root
.ProductCardWishlist__productBasicSpecs
.ProductCardWishlist__productSpecBox:last-child {
border: 0;
}
@media (max-width: 768px) {
.ProductCardWishlist__root
.ProductCardWishlist__productBasicSpecs
.ProductCardWishlist__productSpecBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
min-width: 95px;
height: 50px;
background-color: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
margin-right: 5px;
padding: 0 15px;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.ProductCardWishlist__root:focus-within
.ProductCardWishlist__productBackground {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
@media (max-width: 768px) {
.ProductCardWishlist__root:focus-within
.ProductCardWishlist__productSpecsWrapper {
top: auto;
bottom: 107px;
}
}
.ProductCardWishlist__root.ProductCardWishlist__squareImage
.ProductCardWishlist__image {
margin-top: 40px;
}
@media (max-width: 1280px) {
.ProductCardWishlist__root.ProductCardWishlist__squareImage
.ProductCardWishlist__image {
margin-top: 30px;
}
}
@media (max-width: 768px) {
.ProductCardWishlist__root.ProductCardWishlist__squareImage
.ProductCardWishlist__image {
margin-top: 15px;
}
}
.ProductCardWishlist__root.ProductCardWishlist__squareImage
.ProductCardWishlist__image
img {
height: 245px;
max-height: 245px;
}
@media (max-width: 1280px) {
.ProductCardWishlist__root.ProductCardWishlist__squareImage
.ProductCardWishlist__image
img {
height: 170px;
max-height: 170px;
}
}
@media (max-width: 1024px) {
.ProductCardWishlist__root.ProductCardWishlist__squareImage
.ProductCardWishlist__image
img {
height: 210px;
max-height: 210px;
}
}
.WishlistRemovedCard__root {
width: 100%;
height: 662px;
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;
border-radius: 8px;
background-color: rgba(233, 236, 239, 0.5);
}
@media (max-width: 1280px) {
.WishlistRemovedCard__root {
height: 612px;
}
}
@media (max-width: 1024px) {
.WishlistRemovedCard__root {
height: 662px;
}
}
@media (max-width: 768px) {
.WishlistRemovedCard__root {
height: 195px;
margin-bottom: 30px;
}
}
.WishlistRemovedCard__root .WishlistRemovedCard__text {
width: 170px;
margin-top: -10px;
text-align: center;
font-size: 24px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0.2px;
color: #1e2e3f;
}
.WishlistRemovedCard__root .WishlistRemovedCard__button {
margin-top: 20px;
}
.WishlistGrid__root .productWrapper {
position: relative;
}
@media (min-width: 769px) {
.WishlistGrid__root .productWrapper {
height: 820px;
}
}
@media (max-width: 1280px) {
.WishlistGrid__root .productWrapper {
height: 770px;
}
}
@media (max-width: 1024px) {
.WishlistGrid__root .productWrapper {
height: 820px;
}
}
@media (max-width: 768px) {
.WishlistGrid__root .productWrapper {
height: auto;
margin-bottom: 35px;
}
}
.WishlistGrid__root .WishlistGrid__topWrapper {
position: relative;
}
.WishlistGrid__root .WishlistGrid__activeState {
position: relative;
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.WishlistGrid__root .WishlistGrid__removedState {
position: absolute;
top: 35px;
left: 0;
width: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.3s ease-out, visibility 0.3s;
transition: opacity 0.3s ease-out, visibility 0.3s;
}
.WishlistGrid__message {
font-size: 14px;
line-height: 16px;
font-weight: 500;
text-align: center;
margin-bottom: 20px;
}
.WishlistGrid__removeButton {
top: 0;
margin-bottom: 20px;
line-height: 16px;
margin-top: 30px;
}
.removeBtn {
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;
padding-right: 0;
}
.removeBtn .icon {
position: relative;
right: 0;
top: 0;
width: 16px;
height: 16px;
margin-left: 9px;
}
.removeBtn .icon svg {
position: static;
}
.WishlistGrid__inStock .WishlistGrid__message {
color: #1e2e3f;
}
.WishlistGrid__outOfStock .WishlistGrid__productCardWishlist:after {
content: '';
display: block;
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
z-index: 5;
background: rgba(255, 255, 255, 0.8);
}
@media (max-width: 768px) {
.WishlistGrid__outOfStock .WishlistGrid__productCardWishlist:after {
width: 100vw;
height: 101%;
left: -17px;
}
}
.WishlistGrid__outOfStock .WishlistGrid__message {
color: #e40313;
}
.WishlistGrid__outOfStock .WishlistGrid__removeMessage {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 6;
text-align: center;
height: 130px;
margin-top: -14px;
}
@media (max-width: 768px) {
.WishlistGrid__outOfStock .WishlistGrid__removeMessage {
margin-top: 25px;
}
}
.WishlistGrid__outOfStock .WishlistGrid__removeMessage p {
width: 195px;
color: #1e2e3f;
font-size: 24px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0.2px;
}
.WishlistGrid__outOfStock
.WishlistGrid__removeMessage
.WishlistGrid__removeButton {
margin-top: 23px;
}
.productWrapper.removed .WishlistGrid__activeState {
position: absolute;
top: 0;
left: 0;
width: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.3s ease-out, visibility 0.3s;
transition: opacity 0.3s ease-out, visibility 0.3s;
padding: inherit;
}
.productWrapper.removed .WishlistGrid__removedState {
position: relative;
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.u-circularImage {
border-radius: 50%;
overflow: hidden;
}
.u-color--black {
color: #000;
}
.u-color--darkBlue {
color: #1e2e3f;
}
.u-color--white {
color: #fff;
}
.u-color--grey {
color: #9aa8b6;
}
.u-color--greyDark {
color: #5b6d81;
}
.u-color--greyLight {
color: #f4f5f7;
}
.u-color--blue {
color: #0180c9;
}
.u-color--orange {
color: #f57e6b;
}
.u-color--green {
color: #87cca4;
}
.u-color--yellow {
color: #f4b772;
}
.u-color--red {
color: #cb5c72;
}
.u-color--cta-green {
color: #3ba936;
}
.u-color--cta-blue {
color: #0180c9;
}
.u-color--cta-red {
color: #e40313;
}
.u-color--plpGreen {
color: #75b9b5;
}
.u-color--plpBlue {
color: #75acc8;
}
.u-color--plpLightBlue {
color: #97bade;
}
.u-backgroundColor--black {
background-color: #000;
}
.u-backgroundColor--darkBlue {
background-color: #1e2e3f;
}
.u-backgroundColor--white {
background-color: #fff;
}
.u-backgroundColor--grey {
background-color: #9aa8b6;
}
.u-backgroundColor--greyLight {
background-color: #f4f5f7;
}
.u-backgroundColor--greyDark {
background-color: #5b6d81;
}
.u-backgroundColor--blue {
background-color: #0180c9;
}
.border-top {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.bg-drop-shadow {
text-shadow: 1px 1px 1px black;
}
.ArticleCards {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ArticleCards-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 40px;
margin-bottom: 40px;
overflow-x: scroll;
}
.ArticleCards-wrapper::-webkit-scrollbar-track {
background-color: transparent;
margin: 0 20px;
}
.ArticleCards-wrapper::-webkit-scrollbar {
height: 10px;
background-color: transparent;
}
.ArticleCards-wrapper::-webkit-scrollbar-thumb {
background-color: #1e2e3f;
border-radius: 50px;
-webkit-transition: 0.25s ease background-color;
transition: 0.25s ease background-color;
}
.ArticleCard__imageWrapper--whiteBackground {
background-color: white;
}
.ArticleCard__root--textAbove .ArticleCard__textBlock {
position: relative;
bottom: auto;
margin-top: 58px;
}
.ArticleCard__button {
z-index: 1;
}
.ArticleCard__circle {
width: 200px;
height: 100%;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
position: relative;
}
.ArticleCard__circle img {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ArticleCard__circle--whiteBackground {
background-color: white;
}
.ArticleCard__root .ArticleCard__imageWrapper {
top: 20px;
z-index: 1;
}
.ArticleCard__root .ArticleCard__background {
z-index: 0;
}
.ProductCardWithPhoto__product .ArticleCard__root {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ButtonFindRetailer__root:hover span {
white-space: initial;
text-align: center;
width: 95px;
line-height: 1;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pac-container {
font-family: Core Sans, sans-serif;
border-radius: 0 0 10px 10px;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}
.pac-item {
padding: 15px 25px;
cursor: pointer;
}
.pac-icon {
display: none;
}
.pac-item-query {
font-size: 18px;
}
.pac-container,
.pac-item {
z-index: 2147483647 !important;
}
.pac-container:after {
display: none !important;
}
.heroCarousel > header {
overflow: hidden;
position: relative;
}
.heroCarousel .Hero__root {
padding: 0;
}
.aem-Grid-newComponent--heroSlide {
height: 160px !important;
position: relative;
margin: 0 auto 20px auto !important;
max-width: 80%;
}
.aem-Grid-newComponent--heroSlide:before {
content: 'Add new slide to this Hero Carousel';
position: absolute;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
}
.aem-Grid-newComponent--heroSlide:after {
position: absolute;
bottom: 60px;
left: 50%;
width: 50px;
height: 50px;
background-image: url(../images/add-slide-bluedark.svg);
background-size: contain;
margin-left: -25px;
content: ' ';
}
.Hero__slideContent img {
display: none;
}
.Hero__slideContent .Button__root {
margin: 0 auto;
}
.Hero__slideContent .richtext {
padding-bottom: 20px;
}
.Hero__slideContent .richtext .cmp-text span.h2 {
font-size: 32px !important;
line-height: 42px !important;
}
.Hero__slideContent .richtext .cmp-text span.h8 {
line-height: 24px;
}
.cq-Editable-dom--container.hero_slide {
padding: 0 !important;
}
.Hero__slide--banner {
height: auto;
min-height: 0;
}
.Hero__slide--banner .Hero__slideContent {
position: relative;
padding-top: 50px;
padding-bottom: 30px;
min-height: 200px;
}
.Hero__slide--banner .Hero__slideImage {
position: absolute;
top: 0;
}
.Hero__slide--small .Hero__slideContent {
min-height: 300px;
}
.Hero__slide--medium .Hero__slideContent {
min-height: 450px;
}
.Hero__slide--large .Hero__slideContent {
min-height: 600px;
}
.Hero__comparison--xxsmall .Hero__slideContent {
min-height: 212px;
}
.Hero__comparison--xsmall .Hero__slideContent {
min-height: 264px;
}
.Hero__comparison--small .Hero__slideContent {
min-height: 295px;
}
.Hero__comparison--medium .Hero__slideContent {
min-height: 319px;
}
.Hero__comparison--large .Hero__slideContent {
min-height: 442px;
}
.Hero__comparison--xlarge .Hero__slideContent {
min-height: 502px;
}
.Hero__slideImage--titleBanner {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 1800px;
border-radius: 8px;
}
.blogpageHero .Button__root {
margin: 0 auto;
}
.squarcle-svg {
position: absolute;
width: 0;
height: 0;
}
.squarcle {
position: relative;
width: 150px;
height: 150px;
margin-bottom: 20px;
}
.squarcle-mask {
position: relative;
display: block;
z-index: 1;
-webkit-transform: translate3d(-5px, -10px, 0);
transform: translate3d(-5px, -10px, 0);
}
.squarcle-mask image {
position: relative;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.squarcle-circle {
border-radius: 50%;
background: #9aa8b6;
position: absolute;
top: -5px;
left: -5px;
bottom: 1px;
right: -5px;
}
.spinner {
margin: 0 auto;
width: 70px;
text-align: center;
}
.spinner > div {
width: 18px;
height: 18px;
background-color: #fff;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.supportfindnumber {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.how-to-modal-link {
height: 100%;
margin-top: -93px;
font-weight: 500;
margin-bottom: 72px;
}
.ProductCard__backgroundImage {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 62%;
background-repeat: no-repeat;
background-position: 50% 100%;
background-size: contain;
}
.ProductCardPLP__backgroundImage {
width: calc(100% - 240px);
height: 283px;
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
margin: 0 auto;
}
.searchresults-autocomplete {
position: absolute;
width: 100%;
z-index: 70;
background-color: #fff;
}
.searchresults-suggestion-button {
display: block;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
line-height: 60px;
}
@media (min-width: 1025px) {
.searchresults-suggestion-button:hover {
color: #0180c9;
}
}
.textimagevideo p {
line-height: 28px;
}
.ModulePreloader__root {
width: 66px;
height: 66px;
-webkit-animation: ModulePreloader__contanim 2s linear infinite;
animation: ModulePreloader__contanim 2s linear infinite;
}
.ModulePreloader__root svg {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.ModulePreloader__root svg:first-child circle {
stroke: #75acc8;
stroke-dasharray: 1, 300;
stroke-dashoffset: 0;
-webkit-animation: ModulePreloader__strokeanim 3s 0.2s ease infinite;
animation: ModulePreloader__strokeanim 3s 0.2s ease infinite;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.ModulePreloader__root svg:nth-child(2) circle {
stroke: #f57e6b;
stroke-dasharray: 1, 300;
stroke-dashoffset: 0;
-webkit-animation: ModulePreloader__strokeanim 3s 0.4s ease infinite;
animation: ModulePreloader__strokeanim 3s 0.4s ease infinite;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.ModulePreloader__root svg:nth-child(3) circle {
stroke: #f4b772;
stroke-dasharray: 1, 300;
stroke-dashoffset: 0;
-webkit-animation: ModulePreloader__strokeanim 3s 0.6s ease infinite;
animation: ModulePreloader__strokeanim 3s 0.6s ease infinite;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.ModulePreloader__root svg:nth-child(4) circle {
stroke: #1e2e3f;
stroke-dasharray: 1, 300;
stroke-dashoffset: 0;
-webkit-animation: ModulePreloader__strokeanim 3s 0.8s ease infinite;
animation: ModulePreloader__strokeanim 3s 0.8s ease infinite;
-webkit-transform-origin: center center;
transform-origin: center center;
}
@-webkit-keyframes ModulePreloader__strokeanim {
0% {
stroke-dasharray: 1, 300;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 120, 300;
stroke-dashoffset: -58.54832;
}
to {
stroke-dasharray: 120, 300;
stroke-dashoffset: -175.64497;
}
}
@keyframes ModulePreloader__strokeanim {
0% {
stroke-dasharray: 1, 300;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 120, 300;
stroke-dashoffset: -58.54832;
}
to {
stroke-dasharray: 120, 300;
stroke-dashoffset: -175.64497;
}
}
@-webkit-keyframes ModulePreloader__contanim {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes ModulePreloader__contanim {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.PageNotFound__wrapper {
position: relative;
overflow: hidden;
text-align: center;
width: 100%;
background: radial-gradient(
circle at center,
rgba(255, 255, 255, 0.3) 0,
rgba(255, 255, 255, 0) 100%
)
#75acc8;
}
.PageNotFound__textContent {
display: inline-block;
margin-top: 10vh;
margin-bottom: 20vh;
}
.PageNotFound__dashedLine {
position: absolute;
top: -625px;
left: -85px;
width: 740px;
height: 760px;
background: transparent url(../images/dashedLine.7b0032d1.png) no-repeat 0 0 /
cover;
}
.PageNotFound__magnifyingGlass {
position: absolute;
top: -85px;
right: 30px;
width: 285px;
height: 177px;
background: transparent url(../images/magnifyingGlass.0353adbe.png) no-repeat
0 0 / cover;
}
.PageNotFound__compass {
position: absolute;
bottom: -45px;
right: -165px;
width: 145px;
height: 177px;
background: transparent url(../images/compass.6a9f3358.png) no-repeat 0 0;
}
.PageNotFound__text {
color: #fff;
margin-top: -30px;
text-align: center;
}
.PageNotFound__button {
margin: 40px auto 0;
}
.PageNotFound__digits {
font-family: Core Sans, sans-serif;
font-size: 370px;
font-weight: 800;
letter-spacing: -10px;
color: #75acc8;
margin-top: 115px;
}
.h2 {
font-family: Core Sans, sans-serif;
font-size: 44px;
font-weight: 800;
line-height: 60px;
}
.h3 {
font-family: Core Sans, sans-serif;
font-size: 36px;
font-weight: normal;
line-height: 32px;
}
.h5 {
font-family: Core Sans, sans-serif;
font-size: 28px;
font-weight: 300;
line-height: 32px;
}
.IngredientsList__title {
font-weight: 400;
line-height: 32px;
font-size: 24px;
letter-spacing: 0.2px;
color: #1e2e3f;
}
.NavMobile__root > div > div > section {
top: auto !important;
}
.NavMobile__root > div > div > section > div > div > p {
font-size: 15px !important;
}
@media (max-width: 768px) {
.Hero_slideMobileAdaptedContainer {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
} /* jQuery UI - v1.13.1 - 2022-01-20
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(bekoglobal-rainbow/css/clientlib-all/css/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(bekoglobal-rainbow/css/clientlib-all/css/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(bekoglobal-rainbow/css/clientlib-all/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(bekoglobal-rainbow/css/clientlib-all/css/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(bekoglobal-rainbow/css/clientlib-all/css/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(bekoglobal-rainbow/css/clientlib-all/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(bekoglobal-rainbow/css/clientlib-all/css/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: '';
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
-ms-filter: 'alpha(opacity=0)';
}
.ui-front {
z-index: 100;
}
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -0.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: 0.5em 0.5em 0.5em 0.7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px 0.4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0.2em;
margin: auto 0;
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: 0.4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: 0.1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
.ui-button-icon-only {
width: 2em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: 0.4em 1em;
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: 0.4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: 0;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: 0;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: 0;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: 0;
}
.ui-controlgroup-vertical .ui-spinner-input {
width: 75%;
width: calc(100% - 2.4em);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
-webkit-box-shadow: inset 1px 1px 1px #ccc;
box-shadow: inset 1px 1px 1px #ccc;
border-radius: 0.12em;
border: 0;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: 0;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
margin: 0 0 0.4em;
}
.ui-datepicker th {
padding: 0.7em 0.3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em 0.6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: 0.5em;
top: 0.3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: 0.2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: 0.4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: 0.1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 0.3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 0.5em 1em;
background: 0;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: 0.5em;
padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: 0.5em 0.4em 0.5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url('data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==');
height: 100%;
-ms-filter: 'alpha(opacity=25)';
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: pointer;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
-webkit-filter: inherit;
filter: inherit;
}
.ui-slider-horizontal {
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: 0;
background: 0;
color: inherit;
padding: 0.222em 0;
margin: 0.2em 0;
vertical-align: middle;
margin-left: 0.4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: 0.5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative;
padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px 0.2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: 0.5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: 0;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
.ui-widget {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333;
}
.ui-widget-content a {
color: #333;
}
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: bold;
}
.ui-widget-header a {
color: #333;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #ccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
-webkit-box-shadow: 0 0 3px 1px #5e9ed6;
box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #fff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #fff;
text-decoration: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: 0.7;
-ms-filter: 'alpha(opacity=70)';
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: 0.35;
-ms-filter: 'alpha(opacity=35)';
background-image: none;
}
.ui-state-disabled .ui-icon {
-ms-filter: 'alpha(opacity=35)';
}
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url('../images/ui-icons_444444_256x240.png');
}
.ui-widget-header .ui-icon {
background-image: url('../images/ui-icons_444444_256x240.png');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url('../images/ui-icons_555555_256x240.png');
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url('../images/ui-icons_ffffff_256x240.png');
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url('../images/ui-icons_777620_256x240.png');
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url('../images/ui-icons_cc0000_256x240.png');
}
.ui-button .ui-icon {
background-image: url('../images/ui-icons_777777_256x240.png');
}
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
background-image: none;
}
.ui-icon-caret-1-n {
background-position: 0 0;
}
.ui-icon-caret-1-ne {
background-position: -16px 0;
}
.ui-icon-caret-1-e {
background-position: -32px 0;
}
.ui-icon-caret-1-se {
background-position: -48px 0;
}
.ui-icon-caret-1-s {
background-position: -65px 0;
}
.ui-icon-caret-1-sw {
background-position: -80px 0;
}
.ui-icon-caret-1-w {
background-position: -96px 0;
}
.ui-icon-caret-1-nw {
background-position: -112px 0;
}
.ui-icon-caret-2-n-s {
background-position: -128px 0;
}
.ui-icon-caret-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -65px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -65px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-on {
background-position: -96px -144px;
}
.ui-icon-radio-off {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-start {
background-position: -80px -160px;
}
.ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
.ui-widget-overlay {
background: #aaa;
opacity: 0.003;
-ms-filter: Alpha(Opacity=0.3);
}
.ui-widget-shadow {
-webkit-box-shadow: 0 0 5px #666;
box-shadow: 0 0 5px #666;
}
.ui-autocomplete {
position: absolute;
cursor: default;
}
html .ui-autocomplete {
width: 1px;
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left;
font-family: Core Sans, sans-serif;
border-radius: 0 0 10px 10px;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}
.ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 10px 15px;
zoom: 1;
float: left;
clear: left;
width: 100%;
border-top: 1px solid #e6e6e6;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 0.2em 0.4em;
line-height: 1.5;
zoom: 1;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 0;
background: 0;
color: #333;
font-weight: 300;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
background-color: #fafafa;
margin: unset;
}
.ui-menu .ui-menu-item:hover {
background-color: #fafafa;
}
.ui-front {
z-index: 9999;
}
.general-cta-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.general-cta-image[dir='ltr'] {
padding-right: 50px;
}
.general-cta-image[dir='rtl'] {
padding-right: 50px;
}
html[dir='ltr'] .general-cta-image {
padding-right: 50px;
}
html[dir='rtl'] .general-cta-image {
padding-right: 50px;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.general-cta-image {
padding-right: 10px;
padding-left: 10px;
}
}
.general-cta-image img {
width: 100%;
max-height: 620px;
-o-object-fit: contain;
object-fit: contain;
}
.general-cta-content {
margin-top: 105px;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.general-cta-content {
margin-top: 50px;
}
}
.general-cta-content-head {
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;
}
.general-cta-content-head[dir='ltr'] {
padding: 64px 100px 64px 0;
}
.general-cta-content-head[dir='rtl'] {
padding: 64px 0 64px 100px !important;
}
html[dir='ltr'] .general-cta-content-head {
padding: 64px 100px 64px 0;
}
html[dir='rtl'] .general-cta-content-head {
padding: 64px 0 64px 100px !important;
}
html[dir='rtl'] .general-cta-content-body {
padding: 64px 0 64px 100px !important;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.general-cta-content-head {
padding: 40px 10px 35px 10px;
}
.general-cta-content-head a {
line-height: 52px !important;
}
}
.general-cta-content-head::after {
position: absolute;
top: 0;
left: -340px;
width: calc(100% + 340px);
height: 100%;
content: '';
background: #01426a;
border-radius: 4px 4px 0 4px;
z-index: -1;
}
.general-cta-content-head::after[dir='ltr'] {
left: -340px;
}
.general-cta-content-head::after[dir='rtl'] {
right: -340px;
}
html[dir='ltr'] .general-cta-content-head::after {
left: -340px;
}
html[dir='rtl'] .general-cta-content-head::after {
right: -340px;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
html[dir='rtl'] .general-cta-content-body::after {
right: -340px;
}
html[dir='rtl'] .general-cta-content-body::after {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
html[dir='ltr'] .general-cta-content-body::after {
left: -340px;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.general-cta-content-head::after {
width: calc(100% + 30px);
border-radius: 0;
}
.general-cta-content-head::after[dir='ltr'] {
left: -15px;
}
.general-cta-content-head::after[dir='rtl'] {
right: -15px;
}
html[dir='ltr'] .general-cta-content-head::after {
left: -15px;
}
html[dir='rtl'] .general-cta-content-head::after {
right: -30px;
}
html[dir='rtl'] .general-cta-content-body::after {
right: -200px;
}
}
@media only screen and (min-width: 1800px) {
.general-cta-content-head::after {
width: calc(100% + 440px);
}
.general-cta-content-head::after[dir='ltr'] {
left: -440px;
}
.general-cta-content-head::after[dir='rtl'] {
right: -340px;
}
html[dir='ltr'] .general-cta-content-head::after {
left: -440px;
}
html[dir='rtl'] .general-cta-content-head::after {
right: -340px;
}
}
.general-cta-content-head h3 {
font-size: 50px;
line-height: 62px;
color: #fff;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
margin-bottom: 20px;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.general-cta-content-head h3 {
font-size: 28px;
line-height: 35px;
}
}
.general-cta-content-head p {
font-size: 20px;
line-height: 30px;
color: #fff;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
margin-bottom: 46px;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.general-cta-content-head p {
font-size: 18px;
line-height: 30px;
}
}
.general-cta-content-head a {
font-size: 38px;
line-height: 24px;
color: #fff;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
margin-bottom: 24px;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.general-cta-content-head a {
font-size: 28px;
line-height: 38px !important;
margin-bottom: 20px;
}
}
.general-cta-content-head span {
font-size: 18px;
line-height: 30px;
color: #fff;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.general-cta-content-head span {
font-size: 14px;
line-height: 30px;
}
}
.general-cta-content-body {
position: relative;
padding: 57px 100px 57px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.general-cta-content-body {
padding: 30px 10px 30px 10px;
}
}
.general-cta-content-body::after {
position: absolute;
top: 0;
left: -340px;
width: calc(100% + 340px);
height: 100%;
content: '';
background: #afcddc;
border-radius: 4px 0 4px 4px;
z-index: -1;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.general-cta-content-body::after {
left: -15px;
width: calc(100% + 30px);
border-radius: 0;
}
}
@media only screen and (min-width: 1800px) {
.general-cta-content-body::after {
left: -440px;
width: calc(100% + 440px);
}
.general-cta-content-body::after
html[dir='rtl']
.general-cta-content-head::after {
right: -340px;
left: 0;
}
}
.general-cta-content-body h3 {
font-size: 40px;
line-height: 49px;
color: #01426a;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
margin-bottom: 12px;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.general-cta-content-body h3 {
font-size: 28px;
line-height: 35px;
margin-bottom: 20px;
}
}
.general-cta-content-body p {
font-size: 20px;
line-height: 30px;
color: #01426a;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.general-cta-content-body p {
font-size: 18px;
line-height: 30px;
}
}
.general-cta-content-body-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.general-cta-content-body-button {
margin-top: 20px;
}
}
.general-cta-content-body-button a {
font-family: 'Core-Sans-Medium' !important;
font-weight: 500;
font-style: normal;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.general-questions {
padding: 66px 0 42px;
}
}
.general-questions-head {
margin-bottom: 38px;
}
.general-questions-head h3 {
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
color: #1e2e3f;
font-size: 32px;
line-height: 42px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.general-questions-head h3 {
font-size: 20px;
line-height: 25px;
}
}
.general-questions-block .card {
overflow: hidden;
margin-bottom: 30px;
background: #fff;
border-radius: 10px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.general-questions-block .card {
margin-bottom: 20px;
}
}
.general-questions-block .card-header {
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 105px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 24px 98px 24px 20px;
background: #fff;
border-radius: 10px;
color: #1e2e3f;
cursor: pointer;
font-size: 22px;
line-height: 28px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.general-questions-block .card-header {
padding: 22px 98px 22px 20px;
font-size: 16px;
line-height: 20px;
}
}
.general-questions-block .card-header[aria-expanded*='true'] {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
color: #0180c9;
}
.general-questions-block .card-header[aria-expanded*='true']::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.general-questions-block .card-header::after {
position: absolute;
right: 20px;
width: 60px;
height: 60px;
content: url(../images/icon-questions-open.svg);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.general-questions-block .card-header::after {
width: 40px;
height: 40px;
right: 40px;
content: url(../images/icon-questions-open-mobile.svg);
}
}
@media only screen and (min-width: 769px) and (max-width: 1680px) {
.general-questions-block .card-header {
font-size: 20px;
}
}
.general-questions-block .card-body {
font-family: 'Core-Sans-Medium' !important;
font-weight: 500;
font-style: normal;
position: relative;
padding: 46px 64px 43px 20px;
background: #fff;
color: #1e2e3f;
font-size: 18px;
line-height: 22px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.general-questions-block .card-body {
padding: 40px 30px 36px 20px;
font-size: 16px;
line-height: 20px;
}
}
.general-questions-block-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;
margin-top: 20px;
}
.help-center-article .m-control {
margin-bottom: 50px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.help-center-article .m-control {
margin-bottom: 10px;
}
}
.help-center-article-head {
margin-bottom: 40px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.help-center-article-head {
margin-bottom: 24px;
padding-left: 10px;
}
}
.help-center-article-head h3 {
font-size: 32px;
line-height: 40px;
color: #000;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.help-center-article-head h3 {
font-size: 20px;
line-height: 25px;
}
}
.help-center-article-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.help-center-article-item {
padding-left: 10px;
padding-right: 10px;
}
}
.help-center-article-item a {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 42px 20px 20px;
background: #fff;
border: 1px solid #9aa8b6;
}
.help-center-article-item-content span {
font-size: 16px;
line-height: 36px;
color: #9aa8b6;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.help-center-article-item-content span {
font-size: 14px;
line-height: 17px;
}
}
.help-center-article-item-content h4 {
font-size: 24px;
line-height: 34px;
color: #1e2e3f;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.help-center-article-item-content h4 {
font-size: 18px;
line-height: 28px;
}
}
.help-center-article-item-button {
margin-top: 37px;
}
.help-center-article-item-button span {
font-size: 16px;
line-height: 36px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
color: #0180c9;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.help-center-article-item-button span {
font-size: 16px;
line-height: 36px;
}
}
.help-center-article-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;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.help-center-article-button {
margin-top: 30px;
}
}
.help-center-videos-mobile {
display: none;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.help-center-videos-mobile {
display: block;
}
}
.help-center-videos-mobile .p-control.col-12 {
padding: 0 !important;
}
.help-center-videos-mobile-head {
margin-bottom: 24px;
padding-left: 10px;
}
.help-center-videos-mobile-head h3 {
font-size: 20px;
line-height: 25px;
color: #000;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
.help-center-videos-mobile-slider {
padding-left: 20px;
padding-right: 20px;
}
.help-center-videos-mobile-slider-item {
height: 100%;
width: 100%;
}
.help-center-videos-mobile-slider-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.help-center-videos-mobile-slider-item-image {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.help-center-videos-mobile-slider-item-image img {
width: 100%;
}
.help-center-videos-mobile-slider-item-image-icon {
position: absolute;
right: 30px;
bottom: 20px;
width: 34.7px;
height: 34.7px;
}
.help-center-videos-mobile-slider-item-image-icon img {
width: 100%;
height: 100%;
}
.help-center-videos-mobile-slider-item-content {
background: #fff;
border: 1px solid #9aa8b6;
padding: 20px 32px 48px 26px;
height: 100%;
}
.help-center-videos-mobile-slider-item-content p {
font-size: 18px;
line-height: 24px;
color: #1e2e3f;
font-family: 'Core-Sans-Medium' !important;
font-weight: 500;
font-style: normal;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.help-center-videos {
display: none;
}
}
.help-center-videos .m-control {
margin-bottom: 30px;
}
.help-center-videos-head {
margin-bottom: 40px;
}
.help-center-videos-head h3 {
font-size: 32px;
line-height: 40px;
color: #000;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
.help-center-videos-item {
height: 100%;
cursor: pointer;
}
.help-center-videos-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.help-center-videos-item-image {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.help-center-videos-item-image img {
width: 100%;
}
.help-center-videos-item-image-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 58px;
height: 58px;
}
.help-center-videos-item-image-icon img {
width: 100%;
height: 100%;
}
.help-center-videos-item-content {
background: #fff;
border: 1px solid #9aa8b6;
padding: 20px 40px 42px 20px;
height: 100%;
}
.help-center-videos-item-content p {
font-size: 18px;
line-height: 24px;
color: #1e2e3f;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
.help-center-videos-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hero-bk-category {
background: #e9ecef;
padding: 25px 0;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-category {
padding: 0;
background: #fff;
border-bottom: 1px solid #9aa8b6;
}
}
.hero-bk-category-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero-bk-category-block-item {
margin-right: 20px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-category-block-item {
position: relative;
margin-right: 0;
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;
}
.hero-bk-category-block-item:last-child::after {
content: none;
}
.hero-bk-category-block-item::after {
width: 1px;
height: 30px;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
content: '';
background: #9aa8b6;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-category-block-item:first-child a {
padding: 22px 20px 22px 10px;
}
}
.hero-bk-category-block-item:last-child {
margin-right: 0;
}
.hero-bk-category-block-item.is-active .hero-bk-category-block-item-title h4 {
color: #0180c9;
}
.hero-bk-category-block-item:hover .hero-bk-category-block-item-title h4 {
color: #0180c9;
}
.hero-bk-category-block-item a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 12px 20px 12px 20px;
background: #fff;
border: 1px solid #9aa8b6;
border-radius: 4px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-category-block-item a {
border: 0;
padding: 22px 20px 22px 20px;
}
}
.hero-bk-category-block-item-title h4 {
font-size: 20px;
line-height: 25px;
color: #1e2e3f;
font-family: 'Core-Sans-Medium' !important;
font-weight: 500;
font-style: normal;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-category-block-item-title h4 {
font-size: 16px;
line-height: 20px;
}
}
.hero-bk-category-block-item-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 50px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-category-block-item-subtitle {
margin-left: 9px;
}
}
.hero-bk-category-block-item-subtitle h5 {
font-size: 14px;
line-height: 17px;
color: #9aa8b6;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-category-block-item-subtitle h5 {
display: none;
}
}
.hero-bk-category-block-item-subtitle span {
font-size: 14px;
line-height: 17px;
color: #fff;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
background: #9aa8b6;
border-radius: 4px;
width: 26px;
height: 26px;
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;
margin-left: 10px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-category-block-item-subtitle span {
margin-left: 0;
width: 20px;
height: 20px;
font-size: 12px;
line-height: 15px;
}
}
.hero-bk-help-center {
background: #1e2e3f;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-help-center .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.hero-bk-help-center-head {
height: 100%;
padding-top: 78px;
padding-bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-help-center-head {
padding-top: 24px;
padding-bottom: 40px;
}
}
.hero-bk-help-center-head-title {
margin-bottom: 55px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-help-center-head-title {
margin-bottom: 30px;
}
}
.hero-bk-help-center-head-title h4 {
font-size: 32px;
line-height: 40px;
color: #0180c9;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
margin-bottom: 20px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-help-center-head-title h4 {
font-size: 22px;
line-height: 27px;
text-align: center;
}
}
.hero-bk-help-center-head-title h3 {
font-size: 50px;
line-height: 62px;
color: #fff;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-help-center-head-title h3 {
font-size: 28px;
line-height: 35px;
text-align: center;
}
}
.hero-bk-help-center-head-content-title {
margin-bottom: 30px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-help-center-head-content-title {
display: none;
}
}
.hero-bk-help-center-head-content-title h5 {
font-size: 20px;
line-height: 25px;
color: #fff;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
.hero-bk-help-center-head-content-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-help-center-head-content-link {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.hero-bk-help-center-head-content-link a {
margin-bottom: 10px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-help-center-head-content-link a {
margin-right: 8px;
padding: 6px 12px !important;
}
}
.hero-bk-help-center-head-content-link a.is-active {
background: #0180c9;
border: 1px solid #0180c9;
}
.hero-bk-help-center-image {
padding: 35px 60px 35px 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-help-center-image {
padding: 52px 40px 0 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 768px) {
.hero-bk-help-center-image {
padding: 12px 10px 0 0;
}
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
.hero-bk-help-center-image {
padding: 12px 10px 0 0;
}
}
.hero-bk-help-center-image img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-height: 330px;
}
.hero-bk-search-block-head {
padding: 10px 0;
border-bottom: 1px solid #b0b9c1;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.hero-bk-search-block-head {
padding: 17px 0;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.hero-bk-search-head {
padding-left: 10px;
}
}
.hero-bk-search-head form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hero-bk-search-head form .hero-bk-search-head-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.hero-bk-search-head form .hero-bk-search-head-item-search-icon {
margin-right: 20px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.hero-bk-search-head form .hero-bk-search-head-item-search-icon {
margin-right: 18px;
}
}
.hero-bk-search-head form .hero-bk-search-head-item input {
border: 0;
background: 0;
padding: 0;
width: 100%;
padding-right: 10%;
font-size: 18px;
line-height: 22px;
color: #9aa8b6;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
.hero-bk-search-head
form
.hero-bk-search-head-item
input:not(:-moz-placeholder-shown)
~ .hero-bk-search-head-item-second {
opacity: 1;
}
.hero-bk-search-head
form
.hero-bk-search-head-item
input:not(:-ms-input-placeholder)
~ .hero-bk-search-head-item-second {
opacity: 1;
}
.hero-bk-search-head
form
.hero-bk-search-head-item
input:not(:placeholder-shown)
~ .hero-bk-search-head-item-second {
opacity: 1;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.hero-bk-search-head form .hero-bk-search-head-item input {
padding-right: 20px;
}
}
.hero-bk-search-head form .hero-bk-search-head-item button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero-bk-search-head form .hero-bk-search-head-item-second {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.hero-bk-search-head form .hero-bk-search-head-item-second {
display: none;
}
}
.hero-bk-search-head form .hero-bk-search-head-item-second-close {
margin-left: 28px;
}
.hero-bk-search-block-list {
background: #fff;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
display: none;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.hero-bk-search-block-list.is-active {
display: block;
}
.hero-bk-search-block-list-body {
padding: 36px 0 39px 0;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.hero-bk-search-block-list-body {
padding: 22px 0 22px 25px;
}
}
.hero-bk-search-block-list-body ul li {
margin-bottom: 30px;
}
.hero-bk-search-block-list-body ul li:last-child {
margin-bottom: 0;
}
.hero-bk-search-block-list-body ul li a {
font-size: 18px;
line-height: 22px;
color: #1e2e3f;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
.hero-bk-support {
background: #1e2e3f;
}
.hero-bk-support-head {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 110px 0;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-support-head {
padding: 75px 0 20px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 768px) {
.hero-bk-support-head {
padding: 65px 0;
}
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
.hero-bk-support-head {
padding: 65px 0;
}
}
.hero-bk-support-head h2 {
font-size: 50px;
line-height: 62px;
color: #e9ecef;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.hero-bk-support-head h2 {
font-size: 28px;
line-height: 35px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
.hero-bk-support-head h2 {
font-size: 36px;
line-height: 40px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1680px) {
.hero-bk-support-head h2 {
font-size: 42px;
}
}
.hero-bk-support-head h2 span b {
font-family: 'Core-Sans-Bold' !important;
font-weight: bold;
font-style: normal;
color: #0180c9;
}
.hero-bk-support-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 22px;
height: 100%;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.hero-bk-support-image {
padding-top: 0;
padding-left: 25px;
padding-right: 25px;
}
.hero-bk-support-image img {
width: 50% !important;
margin: 0 auto;
}
}
.hero-bk-support-image img {
width: 100%;
}
.need-support-card {
padding: 56px 0 51px 0;
background: #e9ecef;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.need-support-card .m-control {
margin-bottom: 22px;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.need-support-card {
padding: 42px 0 42px 0;
}
}
.need-support-card-item {
height: 100%;
}
.need-support-card-item-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.need-support-card-item-image img {
width: 100%;
}
.need-support-card-item-content {
padding: 20px 40px 40px 30px;
background: #fff;
border: 0.5px solid #9aa8b6;
border-radius: 0 0 4px 4px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.need-support-card-item-content {
padding: 20px 20px 38px 20px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
.need-support-card-item-content {
padding: 20px 15px 40px 15px;
}
}
.need-support-card-item-content-head h4 {
font-size: 24px;
line-height: 30px;
color: #1e2e3f;
font-family: 'Core-Sans-Medium' !important;
font-weight: 500;
font-style: normal;
margin-bottom: 14px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.need-support-card-item-content-head h4 {
font-size: 24px;
line-height: 30px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1680px) {
.need-support-card-item-content-head h4 {
font-size: 20px;
}
}
.need-support-card-item-content-head p {
font-size: 18px;
line-height: 150%;
letter-spacing: 0.01em;
color: #0a2033;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.need-support-card-item-content-head p {
font-size: 16px;
line-height: 28px;
}
}
.need-support-card-item-content-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 21px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.need-support-card-item-content-button {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.need-support-card-item-content-button a {
padding: 16px 36px;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
.need-support-card-item-content-button a {
padding: 16px 25px 16px 25px;
font-size: 20px;
}
}
.register-beko-appliance-head {
height: 100%;
}
.register-beko-appliance-head-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
position: relative;
}
.register-beko-appliance-head-image img {
width: 100%;
}
.register-beko-appliance-head-image-logo {
position: absolute;
bottom: 50px;
left: 56px;
height: 108px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.register-beko-appliance-head-image-logo {
height: 70px;
bottom: 27px;
left: 20px;
}
}
.register-beko-appliance-head-image-logo img {
width: 100%;
height: 100%;
display: none;
}
.register-beko-appliance-body {
background: #1e2e3f;
border: 0.5px solid #1e2e3f;
padding: 60px 0 50px 10%;
height: 100%;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.register-beko-appliance-body {
padding: 30px 20px 40px 20px;
}
}
.register-beko-appliance-body h3 {
font-size: 32px;
line-height: 40px;
color: #fff;
margin-bottom: 10px;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.register-beko-appliance-body h3 {
font-size: 22px;
line-height: 27px;
margin-bottom: 12px;
}
}
.register-beko-appliance-body p {
font-size: 18px;
line-height: 22px;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
color: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.register-beko-appliance-body p {
font-size: 16px;
line-height: 20px;
}
}
.register-beko-appliance-body-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 60px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.register-beko-appliance-body-button {
margin-top: 40px;
}
}
.register-beko-appliance-body-button a {
font-family: 'Core-Sans-Medium' !important;
font-weight: 500;
font-style: normal;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.select-your-product .row > [class*='col-']:nth-child(odd) {
padding-right: 5px !important;
}
.select-your-product .row > [class*='col-']:nth-child(even) {
padding-left: 5px !important;
}
}
.select-your-product-head {
margin-bottom: 40px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.select-your-product-head {
margin-bottom: 30px;
}
}
.select-your-product-head h3 {
font-size: 32px;
line-height: 40px;
color: #0180c9;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
margin-bottom: 20px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.select-your-product-head h3 {
font-size: 22px;
line-height: 27px;
margin-bottom: 10px;
}
}
.select-your-product-head p {
font-size: 18px;
line-height: 22px;
font-family: var(--body-font-type) !important;
font-weight: normal;
font-style: normal;
color: #1e2e3f;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.select-your-product-head p {
font-size: 16px;
line-height: 20px;
}
}
.select-your-product-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.select-your-product-item {
margin-bottom: 10px;
}
}
.select-your-product-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 0 30px;
background: #fff;
border: 0.5px solid #9aa8b6;
border-radius: 4px;
height: 80px;
align-items: center;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.select-your-product-item a {
padding: 0 10px;
height: 60px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
.select-your-product-item a {
height: 70px;
padding: 0 20px;
}
}
.select-your-product-item a:hover {
background: #e9ecef;
}
.select-your-product-item a:hover h4 {
color: #0180c9;
}
.select-your-product-item a h4 {
font-size: 24px;
line-height: 24px;
color: #1e2e3f;
font-family: 'Core-Sans-Medium' !important;
font-weight: 500;
font-style: normal;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.select-your-product-item a h4 {
font-size: 16px;
line-height: 20px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1680px) {
.select-your-product-item a h4 {
font-size: 20px;
}
}
.select-your-product-item a img {
height: 30px;
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
.select-your-product-item a img {
height: 20px;
}
}
.body-handoff header,
.body-handoff footer {
display: none;
}
section.handoff-hero {
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 76px;
padding-bottom: 76px;
background-color: #030303;
text-align: center;
}
section.handoff-hero h1 {
font-family: var(--body-font-type) !important;
font-weight: 400;
margin-bottom: 32px;
color: #fff;
font-size: 42px;
line-height: 150%;
}
section.handoff-hero p {
font-family: var(--body-font-type) !important;
font-weight: 400;
color: #fff;
font-size: 14px;
line-height: 150%;
}
section.handoff-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 100px;
padding-bottom: 100px;
}
section.handoff-body .handoff-body-page-list ul {
list-style: none;
}
section.handoff-body .handoff-body-page-list ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section.handoff-body .handoff-body-page-list ul li:not(:last-child) {
margin-bottom: 26px;
}
section.handoff-body .handoff-body-page-list ul li:hover::before {
width: 50px;
}
section.handoff-body .handoff-body-page-list ul li::before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 1px;
margin-right: 16px;
background-color: #030303;
content: '';
-webkit-transition: 0.3s width;
transition: 0.3s width;
}
section.handoff-body .handoff-body-page-list ul li a {
font-family: var(--body-font-type) !important;
font-weight: 300;
color: #030303;
font-size: 14px;
line-height: 150%;
}
section.handoff-body .handoff-body-style-guide-item:not(:last-child) {
margin-bottom: 100px;
}
section.handoff-body .handoff-body-style-guide-item-title {
margin-bottom: 50px;
}
section.handoff-body .handoff-body-style-guide-item-title h5 {
font-family: var(--body-font-type) !important;
font-weight: 300;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #030303;
font-size: 14px;
line-height: 150%;
}
section.handoff-body .handoff-body-style-guide-item-title h5::before {
width: 40px;
height: 1px;
margin-right: 16px;
background-color: #030303;
content: '';
}
section.handoff-footer {
-ms-flex-negative: 0;
flex-shrink: 0;
}
section.handoff-footer .handoff-footer-contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 32px;
padding-bottom: 36px;
border-top: 1px solid rgba(3, 3, 3, 0.5);
}
section.handoff-footer .handoff-footer-contain a,
section.handoff-footer .handoff-footer-contain p {
font-family: var(--body-font-type) !important;
font-weight: 300;
color: #030303;
font-size: 14px;
line-height: 150%;
}
section.handoff-footer .handoff-footer-contain a:hover {
text-decoration: underline !important;
}
.main-help-center {
padding-top: 80px;
padding-bottom: 112px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.main-help-center {
padding-top: 0;
padding-bottom: 0;
}
}
.main-help-center .help-center-videos {
margin-top: 78px;
}
.main-help-center .help-center-videos-mobile {
margin-top: 50px;
}
.main-help-center .help-center-article {
margin-top: 52px;
}
.main-help-center .general-questions {
margin-top: 148px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.main-help-center .general-questions {
margin-top: 50px;
}
}
.main-help-center .general-cta {
margin-top: 108px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.main-help-center .general-cta {
margin-top: 50px;
}
}
.main-support {
padding-top: 80px;
padding-bottom: 112px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.main-support {
padding-top: 0;
padding-bottom: 0;
}
}
.main-support .select-your-product {
margin-top: 60px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.main-support .select-your-product {
margin-top: 30px;
}
}
.main-support .need-support-card {
margin-top: 66px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.main-support .need-support-card {
margin-top: 36px;
}
}
.main-support .register-beko-appliance {
padding-top: 110px;
padding-bottom: 180px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.main-support .register-beko-appliance {
padding-top: 42px;
padding-bottom: 0;
background: #e9ecef;
}
}
.main-support .general-cta {
margin-top: 106px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.main-support .general-cta {
margin-top: 70px;
}
}
.rtl-lang .register-beko-appliance-body {
padding: 60px 40px 50px 10% !important;
}
html[dir='rtl'] .navLogo__mobile,
html[dir='rtl'] .navMobile_logo {
background-position: right;
}
header .header-menu.active .navLogo__mobile {
background-repeat: no-repeat;
}
.Pos\(a\).H\(1px\).T\(50\%\).Bgc\(\$very-light-gray\).WhereToBuyOr__line:first-child:lang(
he
) {
left: 0;
}
.quicklinks.responsivegrid.aem-GridColumn.aem-GridColumn--default--12.responsivegridComparison {
margin-top: 0 !important;
}
.quicklinks.responsivegrid.aem-GridColumn.aem-GridColumn--default--12.responsivegridComparison
section.Mt\(90px\).Mt\(60px\)--sm.BuiltInCategories__root {
margin-top: 0 !important;
}
@media (max-width: 768px) {
.ProductCardPLP__rootMobile {
height: 630px;
}
}
@media (max-width: 768px) {
.ProductCardPLP__productSpecsWrapper.ProductCardPLP__productSpecsWrapperRainbow {
bottom: 180px !important;
}
}
@media (max-width: 768px) {
.ProductCardPLP__productSpecs.ProductCardPLP__productSpecsRainbow {
width: 88vw;
overflow: hidden;
position: absolute;
-webkit-box-shadow: none;
box-shadow: none;
left: 2% !important;
top: 0;
}
}
@media (max-width: 768px) {
.ProductCardPLP__sliderWrapper.ProductCardPLP__sliderWrapperRainbow {
height: 110px !important;
overflow: hidden;
border-radius: 8px;
}
}
@media (max-width: 768px) {
.border-right.ProductCardPLP__productSpecBox.ProductSpecBox__root.ProductSpecBox__rootRainbow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
min-width: 28.5vw;
height: 110px;
background-color: #fff;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-right: 0;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: column;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
@media (max-width: 768px) {
.JS-carousel.ProductCardPLP__productBasicSpecs.ProductCardPLP__productBasicSpecsRainbow {
padding-left: 0;
overflow-x: hidden;
}
}
@media (max-width: 768px) {
span.ProductSpecBox__title.JS-three-line-limit.ProductSpecBox__titleRainbow {
margin-top: 0;
margin-left: 0;
position: relative;
top: 1px;
}
}
@media (max-width: 768px) {
img.ProductSpecBox__energyClass.EnergyClassBadge__root.EnergyClassBadge__rootRainbow.ac-lazy {
left: 0 !important;
}
}
@media (max-width: 768px) {
.JS-carousel.ProductCardPLP__productBasicSpecs.ProductCardPLP__productBasicSpecsRainbow::after {
content: none !important;
padding-left: 0 !important;
}
}
.slide-prev {
position: sticky;
display: block;
left: 10px;
top: 44%;
height: 17px;
width: 30px;
border-left: 4px solid #ccc;
border-top: 4px solid #ccc;
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
z-index: 999;
}
.slide-next {
position: sticky;
display: block;
right: 10px;
top: 44%;
height: 17px;
width: 30px;
border-left: 4px solid #ccc;
border-top: 4px solid #ccc;
-webkit-transform: rotate(140deg);
transform: rotate(140deg);
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0;
right: 0.5em;
}
.heroCarousel .slick-list {
right: 0;
}
@media screen and (min-width: 768px) {
.heroCarousel .slick-list .heroCarouselSlide.Hero__slide {
height: 32vw !important;
}
}
@media (max-width: 768px) {
.SupportCard__root {
margin-left: 0 !important;
}
}
.heroCarouselSliderVideo {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.ArticleCard__root.H\(540px\)--md .cta-button-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 768px) {
.Icon__shareMobile {
color: var(--brand-color);
margin-top: -0.15rem;
}
.Icon__downloadMobile {
color: var(--brand-color);
}
.IconBtn__heartMobile {
color: var(--brand-color);
}
}
.imagewrapper-component-two {
position: relative;
}
.imagewrapper-component-two .imagewrapper-description {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.imagewrapper-component-two .imagewrapper-description-text {
color: #fff;
}
.imagewrapper-component-two h2.imagewrapper-description-text-title {
font-size: 72px;
line-height: 82px;
margin-bottom: 12px;
}
.imagewrapper-component-two p.imagewrapper-description-text-subtitle {
font-size: 18px;
line-height: 27px;
}
@media (max-width: 768px) {
.imagewrapper-component-two h2.imagewrapper-description-text-title {
font-size: 42px;
line-height: 63px;
margin-bottom: 12px;
}
.imagewrapper-component-two p.imagewrapper-description-text-subtitle {
font-size: 14px;
line-height: 21px;
}
}
.general-questions-empty {
margin: 0 !important;
padding: 0 !important;
}
.image-tooltip {
width: 100%;
}
.alt-wrap {
position: relative;
height: 100%;
}
.alt-wrap p.alt-images {
position: absolute;
opacity: 0;
left: 0;
right: 0;
margin: 0;
padding: 15px;
font-size: 14px;
line-height: 20px;
background-color: rgba(0, 0, 0, 0.8);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
border-radius: 10px;
color: #fff;
bottom: 0;
}
.alt-wrap:hover > p.alt-images {
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.product__slider {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100% !important;
overflow: hidden !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
max-width: 100% !important;
}
.slick-prev:before {
content: '<';
font-size: 30px;
}
.slick-next:before {
content: '>';
font-size: 30px;
margin-left: 30px;
}
@media (max-width: 769px) {
.slick-next:before {
margin-left: 10px;
}
}
.productGrid__plpSlideCard {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
@media (min-width: 1200px) {
.productGrid__plpSlideCard {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
@media (max-width: 769px) {
.slick-slider .slick-list,
.slick-slider .slick-track {
left: 1%;
}
.heroCarousel .Hero_root .slick-slider .slick-list,
.heroCarousel .Hero_root .slick-slider .slick-track {
left: 0%;
}
}
.contactbanner .cta-button-wrapper .Button__root.Button__small {
min-width: auto;
width: auto;
padding: 0 20px;
}
@media (max-width: 768px) {
.Hero__root,
.Hero__slide {
height: calc(100vh - 190px) !important;
}
}
.servicelistmaps div#modal-where-to-buy {
position: relative;
min-height: 60vh;
margin-bottom: 50px;
z-index: 1 !important;
}
.servicelistmaps div#modal-where-to-buy-results {
height: 80vh !important;
}
.Hero__slideContent .richtext .cmp-text span.h1,
.Hero__slideContent .richtext .cmp-text span.h2,
.Hero__slideContent .richtext .cmp-text span.h3,
.Hero__slideContent .richtext .cmp-text span.h4,
.Hero__slideContent .richtext .cmp-text span.h5,
.Hero__slideContent .richtext .cmp-text span.h6 {
overflow-wrap: break-word;
}
@media (max-width: 768px) {
.FooterMain__root .FooterMain__infolinks {
gap: 10px;
height: auto !important;
padding: 42px 16px 100px 16px !important;
}
}
.FooterMain__infolinks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.FooterMain__call-title {
font-weight: 300;
margin-bottom: 16px;
}
.FooterMain__call-info {
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ArticleCard__root .ArticleCard__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.ArticleCard__root .ArticleCard__button.button-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ArticleCard__root .ArticleCard__button.button-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 24px;
}
.ArticleCard__root .ArticleCard__button.button-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-right: 20px;
}
:root {
--body-font-type: Core Sans, sans-serif;
--brand-color: #0180c9 !important;
--brand-header-menu-blue: #1e2e3f !important;
--logo-color: #0180c9 !important;
--brand-family: Core Sans, sans-serif !important;
--hero-text-shadow-color: 2px 1px 4px rgba(72, 50, 17, 0.631) !important;
--u-color-white: #fff !important;
--u-color--greyDark: #5b6d81;
--regular: 400 !important;
--medium: 500 !important;
--bold: 700 !important;
--extra-bold: 800 !important;
--light: 300 !important;
--extra-light: 200 !important;
--quiclink-color: rgb(30, 46, 63);
--quiclink-icon-color: #0180c9;
--navigationbutton-root-font-weight: 400;
--navigationbutton-root-border-radius: 22.5px;
--navigationbutton-root-line-height: 22px;
--navigationbutton-root-active-background-color: #e9ecef;
--navigationbutton-root-hover-background-color: #e9ecef;
--navigationbutton-root-hover-color: #0180c9;
--headertopbutton-root-height: 40px;
--headertopbutton-root-font-size: 12px;
--headertopbutton-root-hover-background-color: #e9ecef;
--headertopbutton-root-text-font-weight: 500;
--headertopbutton-root-text-margin-left: 10px;
--headertopbutton-root-div-height: 20px;
--headertopbutton-root-div-width: 20px;
--headertopbutton-root-div-margin-left: 5px;
--headertopbutton-root-div-background-color: #0180c9;
--headertopbutton-root-div-color: #fff;
--headertopbutton-root-div-border-radius: 50%;
--headertopbutton-root-div-span-line-height: 18px;
--headertopbutton-root-div-span-font-weight: 500;
--headertopbutton-root-svg-width: 18px;
--headertopbutton-root-svg-stroke: #1e2e3f;
--headertopbutton-root-mobile-background-color: #f7f8fa;
--headertopbutton-root-mobile-height: 68px;
--headertopbutton-root-text-mobile-font-size: 18px;
--headertopbutton-root-text-mobile-font-weight: 400;
--subnavlink-root-color: #0180c9;
--subnavlink-root-font-size: 18px;
--subnavlink-root-line-height: 26px;
--subnavlink-root-svg-color: #bcc7d3;
--subnavlink-root-svg-fill: #bcc7d3;
--subnavlink-root-svg-stroke: #bcc7d3;
--subnavlink-root-svg-height: 48px;
--subnavlink-root-hover-svg-color: #a5b2bf;
--subnavlink-root-hover-svg-fill: #a5b2bf;
--subnavlink-root-hover-svg-stroke: #a5b2bf;
--subnavlink-root-hover-p-color: #006ba8;
--subnavlink-root-769-font-weight: 500;
--subnavlink-root-mobile-font-weight: 500;
--subnavlink-root-mobile-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
--subnavlink-root-mobile-nth-odd-border-right: 1px solid rgba(0, 0, 0, 0.1);
--subnavlink-root-mobile-lastchild-border-right: 0;
--subnavlink-root-background-color: #f7f8fa;
--subnavlink-root-mobile-class-background-color: #fff;
--subnavlink-root-mobile-class-border-top: 1px solid rgba(0, 0, 0, 0.1);
--subnavlink-root-line-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
--h1-font-size: 54px;
--h2-font-size: 44px;
--h3-font-size: 36px;
--h4-font-size: 30px;
--h5-font-size: 28px;
--h6-font-size: 24px;
--h6-normal-font-size: 24px;
--h7-font-size: 22px;
--h1-line-height: 60px;
--h2-line-height: 60px;
--h3-line-height: 32px;
--h4-line-height: 40px;
--h5-line-height: 32px;
--h6-line-height: 32px;
--h6-normal-line-height: 32px;
--h7-line-height: 32px;
--h1-maxw-font-size: 48px;
--h1-maxw-line-height: 52px;
--h1-tablet-font-size: 40px;
--h1-tablet-line-height: 46px;
--h1-mobile-font-size: 36px;
--h1-mobile-line-height: 42px;
--h4-mobile-font-size: 24px;
--h4-mobile-line-height: 32px;
--h4-mobile-letter-spacing: 0.4px;
--h6-mobile-font-size: 22px;
--h7-mobile-line-height: 30px;
--h8-with-dblue-mggrey-font-size: 18px;
--h8-white-font-size: 18px;
--h8-white-color: #fff;
--h8-dblue-color: #1e2e3f;
--h8-mgrey-color: #7c8fa1;
--h9-line-height: 26px;
--h9-font-size: 16px;
--h9-dblue-font-size: 16px;
--h9-dblue-line-height: 22px;
--h9-dblue-color: #1e2e3f;
--primary-bg-color: #0180c9;
--primary-border-color: #0180c9;
--primary-text-color: #fff;
--secondary-bg-white: #fff;
--secondary-border: 1px solid #d4d9de;
--secondary-text-color: #0180c9;
--success-bg-white: #3ba936;
--success-border-color: #3ba936;
--success-text-color: #fff;
--success-font-size: 14px;
--success-letter-spacing: 0.3px;
--grey-bg-white: #9aa8b6;
--grey-border-color: #9aa8b6;
--grey-text-color: #fff;
--filter-svg-color: #0180c9;
--button-icon-color: #0180c9;
--button-icon-white-bg: #fff;
--button-icon-white-border: 1px solid #e9ecef;
--button-icon-white-border-hover: #d6d6d6;
--button-root-background-color: #0180c9;
--button-root-color: #fff;
--button-root-stroke: #fff;
--button-root-height: 60px;
--button-root-width: 230px;
--button-root-border-radius: 30px;
--button-root-border-width: 0;
--button-root-font-size: 14px;
--button-root-letter-spacing: 0.3px;
--button-root-hover-background-color: #006ba8;
--button-root-small-width: 188px;
--button-root-small-min-width: 188px;
--button-root-big-width: 300px;
--button-root-big-min-width: 300px;
--button-root-bigsecond-width: 309px;
--button-root-bigsecond-min-width: 309px;
--button-root-fw-width: 100%;
--button-root-img-svg-margin-left: 10px;
--button-root-verybig-width: 429px;
--button-root-secondary-background-color: #fff;
--button-root-secondary-color: #0180c9;
--button-root-secondary-border: 1px solid #d4d9de;
--button-root-secondary-svg-stroke: #0180c9;
--button-root-secondary-hover-border-color: darken(#d4d9de, 10%);
--button-root-success-background-color: #3ba936;
--button-root-success-font-size: 14px;
--button-root-success-letter-spacing: 0.3px;
--button-root-success-hover-background-color: #298c24;
--button-root-textsecond-color: #1e2e3f;
--button-root-textsecond-background-color: transparent;
--button-root-textsecond-active-with-hover-color: #0180c9;
--button-root-grey-background-color: #9aa8b6;
--button-root-grey-hover-background-color: #7c8fa1;
--button-root-dark-background-color: #394553;
--button-root-dark-hover-background-color: #5b6d81;
--button-root-greentext-background-color: #fff;
--button-root-greentext-color: #3ba936;
--button-root-greentext-hover-background-color: #f4f5f7;
--button-root-shadow-background-color: rgba(0, 0, 0, 0.16);
--button-root-disabled-background-color: #9aa8b6;
--button-root-dropdown-stroke: #fff;
--button-root-dropdownsecondary-color: #1e2e3f;
--button-root-dropdownsecondary-font-size: 18px;
--button-root-dropdownsecondary-svg-stroke: #1e2e3f;
--button-root-ondarkbg-hover-background-color: #f4f5f7;
--icon-btn-root-font-size: 14px;
--icon-btn-root-font-weight: 400;
--icon-btn-root-letter-spacing: 0.3px;
--icon-btn-root-white-fill: #fff;
--icon-btn-root-white-stroke: #fff;
--icon-btn-root-white-color: #fff;
--icon-btn-root-white-hover-fill: #e9ecef;
--icon-btn-root-white-hover-stroke: #e9ecef;
--icon-btn-root-white-hover-color: #e9ecef;
--icon-btn-root-lochmara-fill: #0180c9;
--icon-btn-root-lochmara-stroke: #0180c9;
--icon-btn-root-lochmara-color: #0180c9;
--icon-btn-root-lochmara-hover-fill: #006ba8;
--icon-btn-root-lochmara-hover-stroke: #006ba8;
--icon-btn-root-lochmara-hover-color: #006ba8;
--icon-btn-root-wht-hover-fill: #e9ecef;
--icon-btn-root-wht-hover-stroke: #e9ecef;
--icon-btn-root-wht-hover-color: #e9ecef;
--buttonicon-root-border-radius: 50%;
--buttonicon-root-background-color: #e9ecef;
--buttonicon-root-svg-fill: #1e2e3f;
--buttonicon-root-svg-stroke: #1e2e3f;
--buttonicon-root-hover-background-color: #ebeef0;
--buttonicon-root-hover-color: #0180c9;
--buttonicon-root-svg-hover-fill: #0180c9;
--buttonicon-root-svg-hover-stroke: #0180c9;
--buttonicon-root-visited-color: #1e2e3f;
--buttonicon-root-withoutbg-background: 0;
--buttonicon-root-white-background: #fff;
--buttonicon-root-white-border: 1px solid #e9ecef;
--buttonicon-root-white-hover-border-color: #d6d6d6;
--buttonicon-root-svgcolors-color: #0180c9;
--buttonicon-root-svgcolors-fill: #0180c9;
--buttonicon-root-svgcolors-stroke: #0180c9;
--buttonicon-root-icongreen-svg-color: #3ba936;
--buttonicon-root-icongreen-svg-fill: #3ba936;
--buttonicon-root-icongreen-svg-stroke: #3ba936;
--buttonicon-root-iconred-svg-color: #e40313;
--buttonicon-root-iconred-svg-fill: #e40313;
--buttonicon-root-iconred-svg-stroke: #e40313;
--buttonicon-root-active-withcount-background-color: #0180c9;
--buttonicon-root-active-withcount-color: #fff;
--buttonicon-root-active-without-svg-fill: #fff;
--buttonicon-root-active-without-svg-stroke: #fff;
--buttonicon-root-social-svg-height: 15px;
--buttonicon-root-social-svg-color: #fff;
--buttonicon-root-social-svg-fill: #fff;
--buttonicon-root-social-svg-stroke: #fff;
--buttonicon-root-dark-background-color: #394553;
--buttonicon-root-dark-hover-background-color: #5b6d81;
--buttonicon-root-dark-svg-color: #fff;
--buttonicon-root-dark-svg-fill: #fff;
--buttonicon-root-dark-svg-stroke: #fff;
--buttonicon-root-whiteicon-svg-fill: #fff;
--buttonicon-root-whiteicon-svg-stroke: #fff;
--buttonicon-root-whiteicon-svg-hover-fill: #e9ecef;
--buttonicon-root-whiteicon-svg-hover-stroke: #e9ecef;
--buttonicon-root-grey-background: rgba(0, 0, 0, 0.1);
--buttonicon-root-blue-hover-background-color: #006ba8;
--buttonicon-root-withcount-background-color: #3ba936;
--buttonicon-root-withcount-hover-background-color: #298c24;
--buttonicon-root-withcount-white-background: #fff;
--buttonicon-root-withcount-white-border: 1px solid rgba(0, 0, 0, 0.1);
--buttonicon-root-withcount-white-color: #1e2e3f;
--buttonicon-root-withcount-white-svg-fill: #1e2e3f;
--buttonicon-root-withcount-white-svg-stroke: #1e2e3f;
--buttonicon-root-withcount-white-hover-border-color: #d6d6d6;
--buttonicon-root-count-with-text-font-size: 12px;
--buttonicon-root-count-with-text-letter-spacing: 0.37px;
--buttonicon-root-count-with-text-font-weight: 500;
--article-withoutbg-text-color: #1e2e3f;
--hero-plp-title-text-size: 32px;
--hero-plp-title-text-color: #fff;
--breadcrumb-root-color: #9aa8b6;
--breadcrumb-root-bg-color: #fff;
--breadcrumb-root-height: 50px;
--breadcrumb-root-padding-top: 14px;
--breadcrumb-root-a-margin: 0 7px;
--breadcrumb-root-a-first-margin: 0 9px 0 10px;
--breadcrumb-root-a-home-margin-left: 0;
--breadcrumb-root-svg-width: 12px;
--breadcrumb-root-svg-height: 13px;
--breadcrumb-root-svg-top: 2px;
--breadcrumb-root-svg-color: #1e2e3f;
--breadcrumb-root-svg-fill: #1e2e3f;
--breadcrumb-root-svg-stroke: #1e2e3f;
--breadcrumb-root-active-color: #1e2e3f;
--breadcrumb-root-active-margin-left: 7px;
--breadcrumb-root-active-span-color: #1e2e3f;
--breadcrumb-root-active-span-margin-left: 7px;
--breadcrumb-root-last-color: #1e2e3f;
--breadcrumb-root-last-margin-left: 7px;
--breadcrumb-dots-margin: 0 10px;
--filterbutton-radius: 30px;
--plp-header-height: 90px;
--plp-header-padding: 0 20px;
--plp-header-br-bottom: 1px solid hsla(0, 0, 100%, 0.2);
--plp-header-br-top-left-radius: 8px;
--plp-header-br-top-right-radius: 8px;
--plp-header-wishlistBtn-min-height: 24px;
--plp-header-wishlistBtn-padding-right: 30px;
--plp-header-wishlistBtn-margin: 4px 0;
--plp-header-wishlistBtn-fill: #fff;
--plp-header-wishlistBtn-stroke: #fff;
--plp-header-wishlistBtn-color: #fff;
--plp-header-span-font-size: 14px;
--plp-header-span-letter-spacing: 0.3px;
--plp-header-wishlistBtn-hover-color: #e9ecef;
--plp-card-model-font-size: 13px;
--plp-card-model-font-weight: 400;
--plp-card-model-margin-top: 15px;
--plp-card-model-color: #fff;
--plp-card-desc-width: 350px;
--plp-card-desc-height: 60px;
--plp-card-desc-max-height: 60px;
--plp-card-desc-margin: 5px auto 0;
--plp-card-desc-font-size: 22px;
--plp-card-desc-line-height: 30px;
--plp-card-desc-letter-spacing: 0.3px;
--plp-spec-box-title-calc-margin-top: 22px;
--plp-spec-box-title-calc-font-size: 12px;
--plp-spec-box-font-weight: 500;
--plp-spec-box-title-calc-letter-spacing: 0.37px;
--plp-spec-box-title-calc-line-height: 14px;
--plp-spec-box-info-line-height: 1.2;
--plp-spec-box-info-padding: 0 8px;
--plp-spec-box-title-margin-top: 22px;
--plp-spec-box-title-font-size: 12px;
--plp-spec-box-title-letter-spacing: 0.37px;
--plp-spec-box-title-line-height: 14px;
--plp-spec-box-title-color: #9aa8b6;
--plp-spec-box-info-font-size: 16px;
--plp-spec-box-info-color: #1e2e3f;
--plp-spec-box-info-line-height: 24px;
--plp-spec-box-info-margin-top: 18px;
--plp-spec-box-energyclass-margin-top: 13px;
--plp-spec-box-energyclass-left: 26%;
--plp-extra-specs-ul-li-font-size: 14px;
--plp-extra-specs-ul-li-color: #5b6d81;
--plp-extra-specs-ul-li-line-height: 23px;
--plp-extra-specs-ul-li-letter-spacing: 0.2px;
--new-sup-hero-bg: #1e2e3f;
--new-sup-hero-head-padding-top: 78px;
--new-sup-hero-head-padding-bottom: 50px;
--new-sup-hero-head-title-margin-bottom: 55px;
--new-sup-hero-head-title-span-color: #fff;
--new-sup-hero-head-title-span-font-size: 16px;
--new-sup-hero-head-title-h3-font-size: 50px;
--new-sup-hero-head-title-h3-line-height: 62px;
--new-sup-hero-head-title-h3-color: #fff;
--new-sup-hero-head-content-title-margin-bottom: 30px;
--new-sup-hero-head-content-title-color: #fff;
--new-sup-hero-head-link-a-mg-bottom: 10px;
--new-sup-hero-head-link-btn-background: #0180c9;
--new-sup-hero-head-link-btn-border: 1px solid #0180c9;
--new-sup-hero-head-link-btn-font-size: 18px;
--new-sup-hero-head-link-btn-line-height: 22px;
--new-sup-hero-head-link-btn-color: #fff;
--new-sup-hero-head-link-btn-padding: 9px 15px;
--new-sup-hero-head-link-btn-border: 1px solid #fff;
--new-sup-hero-head-link-btn-border-radius: 30px;
--new-sup-hero-head-link-btn-background: #1e2e3f;
--new-sup-hero-head-link-btn-margin-right: 22px;
--new-sup-hero-head-cat-background: #e9ecef;
--new-sup-hero-head-cat-padding: 25px 0;
--new-sup-hero-head-cat-block-item-margin-right: 20px;
--new-sup-hero-head-cat-block-item-a-padding: 12px 20px 12px 20px;
--new-sup-hero-head-cat-block-item-a-background: #fff;
--new-sup-hero-head-cat-block-item-a-border: 1px solid #9aa8b6;
--new-sup-hero-head-cat-block-item-a-border-radius: 4px;
--new-sup-hero-head-cat-block-item-title-h4-font-size: 20px;
--new-sup-hero-head-cat-block-item-title-h4-line-height: 25px;
--new-sup-hero-head-cat-block-item-title-h4-color: #1e2e3f;
--new-sup-hero-head-cat-block-item-subtitle-h5-font-size: 14px;
--new-sup-hero-head-cat-block-item-subtitle-h5-line-height: 17px;
--new-sup-hero-head-cat-block-item-subtitle-h5-color: #9aa8b6;
--new-sup-hero-head-cat-block-item-subtitle-span-font-size: 14px;
--new-sup-hero-head-cat-block-item-subtitle-span-line-height: 17px;
--new-sup-hero-head-cat-block-item-subtitle-span-color: #fff;
--new-sup-hero-head-cat-block-item-subtitle-span-background: #9aa8b6;
--new-sup-hero-head-cat-block-item-subtitle-span-border-radius: 4px;
--new-sup-hero-head-cat-block-item-subtitle-span-width: 26px;
--new-sup-hero-head-cat-block-item-subtitle-span-height: 26px;
--new-sup-hero-head-cat-block-item-subtitle-span-margin-left: 10px;
--help-center-article-margin-top: 52px;
--help-center-article-head-margin-bottom: 40px;
--help-center-article-h3-font-size: 32px;
--help-center-article-h3-line-height: 40px;
--help-center-article-h3-color: #000;
--help-center-article-item-a-padding: 20px 42px 20px 20px;
--help-center-article-item-a-background: #fff;
--help-center-article-item-a-border: 1px solid #9aa8b6;
--help-center-article-item-content-span-font-size: 16px;
--help-center-article-item-content-span-line-height: 36px;
--help-center-article-item-content-span-color: #9aa8b6;
--help-center-article-item-content-h4-font-size: 24px;
--help-center-article-item-content-h4-line-height: 34px;
--help-center-article-item-content-h4-color: #1e2e3f;
--help-center-article-item-content-button-span-font-size: 16px;
--help-center-article-item-content-button-span-line-height: 36px;
--help-center-article-item-content-button-span-color: #0180c9;
--help-center-article-button-btn-font-size: 18px;
--help-center-article-button-btn-line-height: 27px;
--help-center-article-button-btn-color: #fff;
--help-center-article-button-btn-padding: 17px 45px 17px 45px;
--help-center-article-button-btn-background: #0180c9;
--help-center-article-button-btn-border-radius: 120px;
--general-questions-padding: 110px 0 100px;
--general-questions-background: #e9ecef;
--general-questions-head-margin-bottom: 38px;
--general-questions-head-h3-color: #1e2e3f;
--general-questions-head-h3-font-size: 32px;
--general-questions-head-h3-line-height: 42px;
--general-questions-block-card-margin-bottom: 30px;
--general-questions-block-card-background: #fff;
--general-questions-block-card-border-radius: 10px;
--general-questions-block-card-header-min-height: 105px;
--general-questions-block-card-header-padding: 24px 98px 24px 20px;
--general-questions-block-card-header-background: #fff;
--general-questions-block-card-header-border-radius: 10px;
--general-questions-block-card-header-font-size: 20px;
--general-questions-block-card-header-line-height: 28px;
--general-questions-block-card-header-color: #1e2e3f;
--general-questions-block-card-header-true-box-shadow: 0 10px 20px
rgba(0, 0, 0, 0.1);
--general-questions-block-card-header-true-color: #0180c9;
--general-questions-block-card-header-after-content: url(../images/icon-questions-open.svg);
--general-questions-block-card-body-font-style: normal;
--general-questions-block-card-body-position: relative;
--general-questions-block-card-body-padding: 46px 64px 43px 20px;
--general-questions-block-card-body-background: #fff;
--general-questions-block-card-body-color: #1e2e3f;
--general-questions-block-card-body-font-size: 18px;
--general-questions-block-card-body-line-height: 22px;
--general-questions-block-card-button-margin-top: 20px;
--general-questions-block-card-button-btn-font-size: 18px;
--general-questions-block-card-button-btn-line-height: 27px;
--general-questions-block-card-button-btn-color: #fff;
--general-questions-block-card-button-btn-padding: 17px 45px 17px 45px;
--general-questions-block-card-button-btn-background: #0180c9;
--general-questions-block-card-button-btn-border-radius: 120px;
--general-cta-content-margin-top: 105px;
--general-cta-content-head-padding: 64px 100px 64px 0;
--general-cta-content-head-h3-font-size: 50px;
--general-cta-content-head-h3-line-height: 62px;
--general-cta-content-head-h3-color: #fff;
--general-cta-content-head-h3-margin-bottom: 20px;
--general-cta-content-head-p-font-size: 20px;
--general-cta-content-head-p-line-height: 30px;
--general-cta-content-head-p-color: #fff;
--general-cta-content-head-p-margin-bottom: 46px;
--general-cta-content-head-a-font-size: 38px;
--general-cta-content-head-a-line-height: 24px;
--general-cta-content-head-a-color: #fff;
--general-cta-content-head-a-margin-bottom: 24px;
--general-cta-content-head-span-font-size: 18px;
--general-cta-content-head-span-line-height: 30px;
--general-cta-content-head-span-color: #fff;
--general-cta-content-head-after-position: absolute;
--general-cta-content-head-after-left: -340px;
--general-cta-content-head-after-width: calc(100% + 340px);
--general-cta-content-head-after-background: #01426a;
--general-cta-content-head-after-border-radius: 4px 4px 0 4px;
--general-cta-content-body-padding: 57px 100px 57px 0;
--general-cta-content-body-h3-font-size: 40px;
--general-cta-content-body-h3-line-height: 49px;
--general-cta-content-body-h3-color: #01426a;
--general-cta-content-body-h3-margin-bottom: 12px;
--general-cta-content-body-p-font-size: 20px;
--general-cta-content-body-p-line-height: 30px;
--general-cta-content-body-p-color: #01426a;
--general-cta-content-body-after-position: absolute;
--general-cta-content-body-after-left: -340px;
--general-cta-content-body-after-width: calc(100% + 340px);
--general-cta-content-body-after-background: #afcddc;
--general-cta-content-body-after-border-radius: 4px 0 4px 4px;
--register-beko-appliance-body-background: #1e2e3f;
--register-beko-appliance-body-border: 0.5px solid #1e2e3f;
--register-beko-appliance-body-padding: 60px 0 50px 10%;
--register-beko-appliance-body-h3-background: #1e2e3f;
--register-beko-appliance-body-h3-border: 0.5px solid #1e2e3f;
--register-beko-appliance-body-h3-padding: 60px 0 50px 10%;
--register-beko-appliance-body-h3-height: 100%;
--register-beko-appliance-body-p-font-size: 18px;
--register-beko-appliance-body-p-line-height: 22px;
--register-beko-appliance-body-p-color: #fff;
--register-beko-appliance-button-margin-top: 60px;
--register-beko-appliance-button-a-background: #fff;
--register-beko-appliance-button-a-color: #1e2e3f;
--register-beko-appliance-button-svg-margin-right: 14px;
--register-beko-appliance-button-svg-height: 28px;
--need-support-card-padding: 56px 0 51px 0;
--need-support-card-background: #e9ecef;
--need-support-card-item-content-padding: 20px 40px 40px 30px;
--need-support-card-item-content-background: #fff;
--need-support-card-item-content-border: 0.5px solid #9aa8b6;
--need-support-card-item-content-border-radius: 0 0 4px 4px;
--need-support-card-item-content-head-h4-font-size: 20px;
--need-support-card-item-content-head-h4-line-height: 30px;
--need-support-card-item-content-head-h4-color: #1e2e3f;
--need-support-card-item-content-head-h4-margin-bottom: 14px;
--need-support-card-item-content-header-p-font-size: 18px;
--need-support-card-item-content-header-p-line-height: 150%;
--need-support-card-item-content-header-p-letter-spacing: 0.01em;
--need-support-card-item-content-header-p-color: #0a2033;
--need-support-card-item-content-button-padding-top: 21px;
--need-support-card-item-content-button-a-padding: 16px 36px;
--need-support-card-item-content-button-btn-font-size: 18px;
--need-support-card-item-content-button-btn-background-color: #0180c9;
--need-support-card-item-content-button-btn-border-radius: 120px;
--need-support-card-item-content-button-btn-line-height: 27px;
--select-your-product-head-margin-bottom: 40px;
--select-your-product-head-h3-font-size: 32px;
--select-your-product-head-h3-line-height: 40px;
--select-your-product-head-h3-color: #0180c9;
--select-your-product-head-h3-margin-bottom: 20px;
--select-your-product-head-p-font-size: 18px;
--select-your-product-head-p-line-height: 22px;
--select-your-product-head-p-color: #1e2e3f;
--select-your-product-item-margin-bottom: 30px;
--select-your-product-item-a-padding: 0 30px;
--select-your-product-item-a-background: #fff;
--select-your-product-item-a-border: 0.5px solid #9aa8b6;
--select-your-product-item-a-border-radius: 4px;
--select-your-product-item-a-height: 80px;
--select-your-product-item-h4-font-size: 20px;
--select-your-product-item-h4-line-height: 24px;
--select-your-product-item-h4-color: #1e2e3f;
--select-your-product-item-img-height: 30px;
--product-info-root-top-color: #fff;
--product-info-root-top-border-radius: 8px 8px 0 0;
--product-info-root-title-font-size: 22px;
--product-info-root-title-line-height: 32px;
--product-info-root-title-width: 414px;
--product-info-root-title-font-weight: 400;
--product-info-params-root-background-color: #fff;
--product-info-params-bottom-border-top: 1px solid rgba(0, 0, 0, 0.1);
--product-info-params-bottom-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
--product-info-params-bottom-aos-border-bottom-color: rgba(0, 0, 0, 0.1);
--product-info-params-bottom-row-border-left: 1px solid rgba(0, 0, 0, 0.1);
--product-info-params-bottom-row-border-right: 1px solid rgba(0, 0, 0, 0.1);
--product-info-params-bottom-row-cell-color: #0180c9;
--product-info-params-bottom-row-cell-line-height: 24px;
--product-info-params-title-color: #1e2e3f;
--product-info-params-info-font-size: 16px;
--button-view-root-and-br-border-color: #fff;
--button-view-root-active-and-br-border: 2px solid #fff;
--rtl-lang-product-info-params-cellleft-border-right: 1px solid
rgba(0, 0, 0, 0.1);
--rtl-lang-product-info-params-cellleft-mobile-border-left: 1px solid
rgba(0, 0, 0, 0.1);
--mainspecs-root-border-top: 1px solid transparent;
--mainspecs-root-border-bottom: 1px solid transparent;
--mainspecs-root-aos-border-top: 1px solid rgba(0, 0, 0, 0.1);
--mainspecs-root-aos-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
--mainspecs-root-dimesions-border-left: 1px solid rgba(0, 0, 0, 0.1);
--mainspecs-root-scheme-font-weight: 500;
--mainspecs-root-title-font-size: 18px;
--mainspecs-root-title-margin-top: 45px;
--mainspecs-root-title-line-height: 24px;
--mainspecs-root-title-color: #5b6d81;
--sectionheader-root-prefix-color: #9aa8b6;
--sectionheader-root-title-color: #1e2e3f;
--sectionheader-root-subtitle-margin-top: 20px;
--sectionheader-root-subtitle-font-weight: 400;
--sectionheader-root-subtitle-color: #5b6d81;
--sectionheader-root-secondary-subtitle-title-color: #fff;
--featuretext-root-prefix-font-size: 18px;
--featuretext-root-prefix-line-height: 24px;
--featuretext-root-prefix-font-weight: 500;
--featuretext-root-title-width: 310px;
--featuretext-root-title-letter-spacing: 0.2px;
--featuretext-root-sub-font-size: 12px;
--featuretext-root-sub-font-weight: 500;
--featuretext-root-sub-line-height: 14px;
--featuretext-root-sub-letter-spacing: 0.37px;
--featuretext-root-sub-color: #9aa8b6;
--featuretext-root-postfix-line-height: 28px;
--featuretext-root-postfix-font-size: 18px;
--featuretext-root-postfix-color: #0180c9;
--featuretext-root-refer-font-weight: 500;
--featuretext-root-refer-text-decoration: none;
--featuretext-root-refer-color: #0180c9;
--featuretext-root-title-mobile-letter-spacing: 0.4px;
--mainfeature-img-big-img-bg-border-radius: 8px;
--mainfeature-img-featureimg-border-radius: 8px;
--mainfeature-img-featureimg-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
--contenttoggle-header-border-radius: 8px;
--contenttoggle-header-background-color: #fff;
--contenttoggle-header-hover-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
--contenttoggle-title-font-size: 22px;
--contenttoggle-title-line-height: 29px;
--contenttoggle-title-color: #1e2e3f;
--contenttoggle-title-mobile-font-size: 18px;
--contenttoggle-title-mobile-line-height: 25px;
--contenttoggle-header-hover-title-color: #0180c9;
--contenttoggle-switchbtn-background-color: #fff;
--contenttoggle-switchbtnicon-border-radius: 50%;
--contenttoggle-switchbtnicon-border: 1px solid #e9ecef;
--contenttoggle-switchbtnicon-background-color: #fff;
--contenttoggle-switchbtnicon-font-size: 0;
--contenttoggle-switchbtnicon-hover-border-color: #d6d6d6;
--contenttoggle-switchbtnicon-after-background-color: #0180c9;
--contenttoggle-switchbtnicon-before-background-color: #0180c9;
--contenttoggle-content-border-bottom-left-radius: 8px;
--contenttoggle-content-border-bottom-right-radius: 8px;
--contenttoggle-content-background-color: #fff;
--contenttoggle-icon-faq-color: #bcc7d3;
--contenttoggle-root-open-header-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
--propertytable-root-background-color: #e9e9e9;
--propertytable-nth-odd-color: #5b6d81;
--propertytable-nth-odd-line-height: 22px;
--propertytable-nth-2n-color: #1e2e3f;
--propertytable-nth-2n-letter-spacing: 0.3px;
--propertytable-nth-2n-line-height: 24px;
--propertytable-row-odd-background-color: #fff;
--propertytable-row-nth-2n-background-color: #f8f9fa;
--propertytable-row-last-child-border-bottom-right-radius: 8px;
--propertytable-row-last-child-border-bottom-left-radius: 8px;
--propertytable-checked-stroke: #0180c9;
--downloaddocsbtn-root-border-radius: 8px;
--downloaddocsbtn-root-background-color: #f2f4f5;
--downloaddocsbtn-root-supportlink-background-color: #0180c9;
--downloaddocsbtn-title-color: #1e2e3f;
--downloaddocsbtn-title-font-size: 18px;
--downloaddocsbtn-title-line-height: 25px;
--downloaddocsbtn-root-supportlink-title-color: #fff;
--downloaddocsbtn-icon-border: 1px solid #e9ecef;
--downloaddocsbtn-icon-border-radius: 50%;
--downloaddocsbtn-icon-background-color: #fff;
--downloaddocsbtn-icon-hover-border-color: #d6d6d6;
--downloaddocsbtn-icon-svg-color: #0180c9;
--downloaddocsbtn-icon-svg-fill: #0180c9;
--downloaddocsbtn-icon-svg-stroke: #0180c9;
--subh-font-size: 14px;
--subh-letter-spacing: 0.43px;
--subh-medium-grey-and-green-font-family: var(--brand-family);
--subh-medium-grey-and-green-font-size: 14px;
--subh-medium-grey-and-green-letter-spacing: 0.43px;
--subh-medium-grey-color: #9aa8b6;
--subh-medium-green-color: #3ba936;
--subTitle2-midgrey-and-white-font-size: 12px;
--subTitle2-midgrey-and-white-letter-spacing: 0.37px;
--subTitle2-midgrey-and-white-line-height: 14px;
--subTitle2-midgrey-color: #fff;
--p-global-font-size: 18px;
--p-global-line-height: 28px;
--p-global-mobile-font-size: 16px;
--p-global-mobile-line-height: 26px;
--p-small-font-size: 16px;
--p-small-line-height: 26px;
--color-global-color-logo-blue-color: #0081c9;
--color-global-675ccb-color: #675ccb;
--color-global-705b81-color: #705b81;
--color-global-color-social-text-color: #70a9c6;
--color-global-9b3b96-color: #9b3b96;
--color-global-color-mandarine-orange-color: #fab001;
--color-global-black-color: #000;
--color-global-burgundy-color: #cb5c72;
--color-global-cloud-color: #1e2e3f;
--color-global-color-monza-red-color: #e40313;
--color-global-gull-gray-color: #9aa8b6;
--color-global-heather-color: #bcc7d3;
--color-global-kashmir-blue-color: #5b6d81;
--color-global-lochmara-color: #0180c9;
--color-global-white-color: #fff;
--global-bgc-1e2e3f-background-color: #1e2e3f;
--global-bgc-kashmir-blue-background-color: #5b6d81;
--global-bgc-wear-blue-background-color: #75acc8;
--global-bgc-vista-green-background-color: #87cca4;
--global-bgc-burgundy-background-color: #cb5c72;
--global-bgc-pink-lavanda-gray-background-color: #f2f4f5;
--global-bgc-color-orange-background-color: #f4b772;
--global-bgc-athens-gray-background-color: #e9ecef;
--global-bgc-athens-gray-2-background-color: #f6f7f9;
--global-bgc-glacier-background-color: #7eb1cb;
--global-bgc-gray-opacity-background-color: rgba(233, 236, 239, 0.5);
--global-bgc-gull-gray-background-color: #9aa8b6;
--global-bgc-heather-background-color: #bcc7d3;
--global-bgc-light-cloud-background-color: #314254;
--global-bgc-light-gray-a-background-color: #f8f9fa;
--global-bgc-lochmara-background-color: #0180c9;
--global-bgc-very-light-gray-background-color: rgba(0, 0, 0, 0.1);
--global-bgc-gray-opacity-dark-background-color: rgba(233, 236, 239, 0.8);
--global-bgc-white-background-color: #fff;
--buttonview-root-border-radius: 50%;
--buttonview-root-background-color: rgba(0, 0, 0, 0.1);
--buttonview-root-color: #fff;
--buttonview-root-font-size: 12px;
--buttonview-root-font-weight: 500;
--buttonview-root-letter-spacing: 0.37px;
--buttonview-root-line-height: 14px;
--buttonview-root-hover-background-color: rgba(0, 0, 0, 0.2);
--buttonview-root-active-background: 0;
--buttonview-view360-stroke: #fff;
--buttonview-close360-fill: #fff;
--buttonview-active-br-border-color: #fff;
--buttonview-video-background-color: rgba(0, 0, 0, 0.3);
--buttonview-video-border-radius: 50%;
--buttonfindretailer-root-height: 45px;
--buttonfindretailer-root-width: 45px;
--buttonfindretailer-root-border-radius: 22.5px;
--buttonfindretailer-root-hover-background-color: #e9ecef;
--buttonfindretailer-root-hover-div-background-color: #0180c9;
--buttonfindretailer-root-hover-span-color: #0180c9;
--buttonfindretailer-root-hover-span-font-size: 12px;
--buttonfindretailer-root-hover-span-letter-spacing: 0.37px;
--buttonfindretailer-root-hover-span-font-weight: 500;
--buttonfindretailer-root-hover-span-svg-fill: #fff;
--buttonfindretailer-root-hover-span-svg-stroke: #fff;
--buttonlanguage-root-height: 45px;
--buttonlanguage-root-width: 45px;
--buttonlanguage-root-background-color: #e9ecef;
--buttonlanguage-root-border-radius: 22.5px;
--buttonlanguage-root-opened-langs-button-border-left: 1px solid
rgba(0, 0, 0, 0.1);
--buttonlanguage-root-opened-langs-button-active-color: #0180c9;
--buttonlanguage-root-opened-langs-separator-background-color: rgba(
0,
0,
0,
0.1
);
--buttonlanguage-root-opened-buttonclose-fill: #fff;
--buttonlanguage-root-opened-buttonclose-stroke: #fff;
--buttonlanguage-root-opened-buttonclose-width: 12px;
--buttonlanguage-root-opened-buttonclose-height: 12px;
--subnavproductsbutton-root-color: #fff;
--subnavproductsbutton-root-font-size: 1.95vw;
--subnavproductsbutton-root-font-weight: 700;
--subnavproductsbutton-root-1440-font-size: 28px;
--subnavproductsgrid-root-cat-border-right: 1px solid hsla(0, 0, 100%, 0.3);
--subnavproductsgrid-root-cat-title-color: #fff;
--subnavproductsgrid-root-cat-title-font-size: 36px;
--subnavproductsgrid-root-cat-title-font-weight: 700;
--subnavproductsgrid-root-cat-title-letter-spacing: 0.33px;
--subnavproductsgrid-root-cat-title-line-height: 3.4vw;
--subnavproductsgrid-root-cat-title-small-font-size: 2.25vw;
--subnavproductsgrid-root-cat-focuswithin-background-color: rgba(
0,
0,
0,
0.3
);
--subnavproductsgrid-root-cat-focus-hover-background-color: rgba(
0,
0,
0,
0.3
);
--subnavproductsgrid-root-small-1440-font-size: 32px;
--subnavproductsgrid-root-small-1440-line-height: 49px;
--subnavproductsmenuitem-root-textblock-p-margin-bottom: 0.9vw;
--subnavproductsmenuitem-root-textblock-p-color: #0180c9;
--subnavproductsmenuitem-root-textblock-p-font-size: 1.52vw;
--subnavproductsmenuitem-root-textblock-p-line-height: 1.6vw;
--subnavproductsmenuitem-root-textblock-p-font-weight: 700;
--subnavproductsmenuitem-root-textblock-p-width: 14.58vw;
--subnavproductsmenuitem-root-textblock-p-text-align: center;
--subnavproductsmenuitem-root-textblock-count-color: #9aa8b6;
--subnavproductsmenuitem-root-textblock-count-font-size: 0.97vw;
--subnavproductsmenuitem-root-textblock-count-line-height: 1.1vw;
--subnavproductsmenuitem-root-textblock-count-letter-spacing: 0.03vw;
--subnavproductsmenuitem-root-textblock-count-font-weight: 500;
--subnavproductsmenuitem-root-hover-background-color: #edeff1;
--subnavproductsmenuitem-root-hover-textblock-p-color: #006ba8;
--subnavproductsmenuitem-root-textblock-p-1440-margin-bottom: 13px;
--subnavproductsmenuitem-root-textblock-p-1440-font-size: 22px;
--subnavproductsmenuitem-root-textblock-p-1440-line-height: 24px;
--subnavproductsmenuitem-root-textblock-p-1440-width: 210px;
--subnavproductsmenuitem-root-textblock-p-mobile-margin-bottom: 7px;
--subnavproductsmenuitem-root-textblock-p-mobile-font-size: 18px;
--subnavproductsmenuitem-root-textblock-p-mobile-font-weight: 500;
--subnavproductsmenuitem-root-textblock-p-mobile-width: 162px;
--subnavproductsmenuitem-root-textblock-p-mobile-line-height: 22px;
--subnavproductsmenuitem-root-textblock-count-1440-font-size: 14px;
--subnavproductsmenuitem-root-textblock-count-1440-line-height: 16px;
--subnavproductsmenuitem-root-textblock-count-1440-letter-spacing: 0.43px;
--subnavproductsmenuitem-root-textblock-count-mobile-font-size: 12px;
--partnerlogo-root-logo-color: #0081c9;
--partnerlogo-root-divider-background-color: #fff;
--partnerlogo-root-p-font-weight: 400;
--partnerlogo-root-p-font-size: 11.5px;
--partnerlogo-root-p-letter-spacing: 0.3px;
--subs-root-buttonenter-font-size: 14px;
--subs-root-buttonenter-line-height: 20px;
--subs-root-buttonenter-font-weight: 500;
--subs-root-buttonenter-letter-spacing: 0.3px;
--subs-root-buttonenter-color: #bcc7d3;
--subs-root-buttonenter-hover-color: #0180c9;
--subs-root-buttoncheck-border-top-left-radius: 0;
--subs-root-buttoncheck-border-bottom-left-radius: 0;
--subs-root-buttoncheck-border-top-right-radius: 100px;
--subs-root-buttoncheck-border-bottom-right-radius: 100px;
--subs-root-subsfield-subsbutton-wrapper-color: #3ba936;
--subs-root-subsfield-subsbutton-wrapper-stroke: #3ba936;
--subs-root-subsfield-border: 1px solid rgba(0, 0, 0, 0.1);
--subs-root-subsfield-border-radius: 100px;
--subs-root-subsfield-font-size: 14px;
--subs-root-subsfield-letter-spacing: 0.3px;
--menumobilesubcat-root-subcat-button-background: 0;
--menumobilesubcat-root-subcat-button-height: 85px;
--menumobilesubcat-root-subcat-button-width: 100%;
--menumobilesubcat-root-subcat-button-color: #1e2e3f;
--menumobilesubcat-root-subcat-button-font-size: 30px;
--menumobilesubcat-root-subcat-button-line-height: 40px;
--menumobilesubcat-root-subcat-button-font-weight: 700;
--menumobilesubcat-root-subcat-button-border-bottom: 1px solid
rgba(0, 0, 0, 0.1);
--menumobilesubcat-root-subcat-opened-color: #0180c9;
--menumobilecat-root-cat-button-color: #fff;
--menumobilecat-root-cat-button-background-color: #5b6d81;
--menumobilecat-root-cat-button-font-size: 30px;
--menumobilecat-root-cat-button-line-height: 40px;
--menumobilecat-root-cat-button-font-weight: 700;
--menumobilebuttonlinks-root-button-color: #1e2e3f;
--menumobilebuttonlinks-root-button-background-color: #fff;
--menumobilebuttonlinks-root-button-font-size: 30px;
--menumobilebuttonlinks-root-button-line-height: 40px;
--menumobilebuttonlinks-root-button-font-weight: 700;
--menumobile-root-logoblock-background-color: #5b6d81;
--menumobile-root-blog-color: #1e2e3f;
--menumobile-root-blog-background-color: #fff;
--menumobile-root-blog-font-size: 30px;
--menumobile-root-blog-line-height: 40px;
--menumobile-root-blog-font-weight: 700;
--searchform-root-input-color: #1e2e3f;
--searchform-root-input-border: 0;
--searchform-root-input-font-size: 16px;
--searchform-root-input-font-weight: 400;
--searchform-root-address-border-bottom: 1px solid rgba(188, 199, 211, 0.5);
--searchform-root-address-input-font-size: 18px;
--searchform-root-address-input-line-height: 25px;
--searchform-root-address-input-placeholder-color: #1e2e3f;
--searchform-root-address-input-placeholder-opacity: 1;
--searchform-root-address-input-placeholder-font-size: 18px;
--searchform-root-address-input-placeholder-line-height: 25px;
--searchform-root-retailer-border-radius: 50px;
--searchform-root-retailer-background-color: #fff;
--searchform-root-retailer-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
--searchform-root-retailer-input-font-size: 18px;
--searchform-root-retailer-input-line-height: 25px;
--searchform-root-retailer-input-placeholder-color: #1e2e3f;
--searchform-root-retailer-input-placeholder-opacity: 1;
--searchform-root-retailer-input-placeholder-font-size: 18px;
--searchform-root-retailer-input-placeholder-line-height: 25px;
--searchform-searchblue-svg-color: #0180c9;
--searchform-searchblue-svg-fill: #0180c9;
--searchinspiration-root-question-color: #9aa8b6;
--searchinspiration-root-question-font-size: 14px;
--searchinspiration-root-question-font-weight: 400;
--searchinspiration-root-question-line-height: 18px;
--searchinspiration-root-question-letter-spacing: 0.43px;
--searchinspiration-root-question-margin-top: 30px;
--searchinspiration-root-question-margin-bottom: 20px;
--searchinspiration-root-inspiration-text-decoration: none;
--searchinspiration-root-inspiration-display: block;
--searchinspiration-root-inspiration-color: #0180c9;
--searchinspiration-root-inspiration-font-weight: 500;
--searchinspiration-root-inspiration-font-size: 18px;
--searchinspiration-root-inspiration-margin-bottom: 34px;
--searchinspiration-root-inspiration-visited-color: #0180c9;
--dropdown-dropdownbutton-color: #0180c9;
--dropdown-dropdownbutton-font-size: 14px;
--dropdown-dropdownbutton-font-weight: 500;
--dropdown-dropdownbutton-background-color: #fff;
--dropdown-dropdownbutton-hover-background-color: #f6f7f9;
--dropdown-dropdownbutton-active-background-color: #0180c9;
--dropdown-dropdownbutton-active-color: #fff;
--dropdown-content-secondary-dropdownbutton-background-color: #e9ecef;
--dropdown-content-secondary-dropdownbutton-color: #9aa8b6;
--dropdown-content-secondary-dropdownbutton-font-size: 18px;
--dropdown-root-jsform-dropdownbtn-font-weight: 300;
--dropdown-root-jsform-dropdownbtn-color: #1e2e3f;
--dropdown-root-jsform-dropdownbtn-font-size: 18px;
--dropdown-root-jsform-dropdownbtn-active-color: #fff;
--dropdown-content-secondary-dropdownbtn-active-color: #0180c9;
--dropdown-root-openjs-js-dpbtn-border-color: #0180c9;
--dropdown-root-openjs-js-dpbtn-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
--dropdown-root-openjs-js-dpbtn-changed-color: #0180c9;
--findastorebtn-title-color: #0180c9;
--findastorebtn-title-font-size: 22px;
--findastorebtn-title-line-height: 32px;
--playbtn-root-secondary-background-color: #0180c9;
--playbtn-root-secondary-hover-background-color: #006ba8;
--modal-root-background-color: rgba(30, 46, 63, 0.95);
--modal-root-background-text-color: rgba(30, 46, 63, 0.9);
--modal-root-backbutton-svg-color: #0180c9;
--modal-root-backbutton-svg-fill: #0180c9;
--modal-root-backbutton-svg-stroke: #0180c9;
--draglabel-root-background-color: #0180c9;
--textblue-color: #0180c9;
--catitem-root-p-font-size: 16px;
--catitem-root-p-font-weight: 400;
--catitem-root-p-hover-p-color: #0180c9;
--videojs-vjs-bigp-btn-background-color: #0180c9;
--videojs-vjs-bigp-btn-focus-background-color: #0180c9;
--videojs-hover-vjs-big-p-btn-background-color: #0180c9;
--colorbtn-root-active-with-focus-background-color: #0180c9;
--colorbtn-root-active-with-focus-color: #fff;
--tooltip-root-border-radius: 2px;
--tooltip-root-background-color: #1e2e3f;
--tooltip-root-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
--tooltip-root-color: #fff;
--tooltip-root-line-height: 24px;
--btntooltip-root-btn-quickinfo-color: #1e2e3f;
--btntooltip-root-btn-quickinfo-fill: #1e2e3f;
--btntooltip-root-sevondary-btn-background-color: #9aa8b6;
--btntooltip-root-sevondary-btn-hover-background-color: #e1e4e7;
--btntooltip-root-sevondary-btn-svg-fill: #1e2e3f;
--btntooltip-root-sevondary-btn-hover-svg-fill: #0180c9;
--featurebtn-root-background-color: #e9ecef;
--featurebtn-root-color: #1e2e3f;
--featurebtn-root-height: 45px;
--featurebtn-root-font-size: 14px;
--featurebtn-root-font-weight: 500;
--featurebtn-root-active-with-focus-background-color: #0180c9;
--featurebtn-root-active-with-focus-color: #fff;
--featurebtn-root-hover-background-color: #e1e4e7;
--featurebtn-root-hover-color: #0180c9;
--featurebtn-wrapper-border-radius: 100px;
--featurebtn-wrapper-background-color: #e9ecef;
--featurebtn-wrapper-color: #1e2e3f;
--featurebtn-wrapper-height: 45px;
--featurebtn-wrapper-font-size: 14px;
--featurebtn-wrapper-font-weight: 500;
--featurebtn-wrapper-hover-background-color: #e1e4e7;
--featurebtn-wrapper-hover-color: #0180c9;
--featurebtn-wrapper-active-with-focus-background-color: #0180c9;
--featurebtn-wrapper-active-with-focus-color: #fff;
--propertbutton-root-border-radius: 100px;
--propertbutton-root-background-color: #e9ecef;
--propertbutton-root-color: #1e2e3f;
--propertbutton-root-height: 45px;
--propertbutton-root-font-size: 14px;
--propertbutton-root-font-weight: 500;
--propertbutton-root-active-with-focus-background-color: #0180c9;
--propertbutton-root-active-with-focus-color: #fff;
--propertbutton-root-hover-background-color: #e1e4e7;
--propertbutton-root-hover-color: #0180c9;
--colorbtn-root-border-radius: 100px;
--colorbtn-root-background-color: #e9ecef;
--colorbtn-root-color: #1e2e3f;
--colorbtn-root-font-size: 14px;
--colorbtn-root-font-weight: 500;
--colorbtn-root-active-with-focus-color: #fff;
--colorbtn-root-color-border: 1px solid rgba(0, 0, 0, 0.1);
--colorbtn-root-color-border-radius: 50px;
--colorbtn-root-hover-background-color: #e1e4e7;
--colorbtn-root-hover-color: #0180c9;
--colorbtn-root-closebtn-btn-background-color: #b4b6b8;
--navpanelitem-root-color: #1e2e3f;
--navpanelitem-root-font-weight: 400;
--navpanelitem-root-background-color: rgba(30, 46, 63, 0.1);
--navpanelitem-root-hover-background-color: rgba(30, 46, 63, 0.15);
--navpanelitem-root-active-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
--navpanelitem-root-active-color: #0180c9;
--navpanelitem-root-active-background-color: #fff;
--productfeaturebtn-root-border: 1px solid rgba(0, 0, 0, 0.1);
--productfeaturebtn-root-border-radius: 30px;
--productfeaturebtn-root-color: #0180c9;
--productfeaturebtn-root-background-color: #fff;
--productfeaturebtn-root-font-size: 15px;
--productfeaturebtn-root-letter-spacing: 0.3px;
--productfeaturebtn-root-font-size: 14px;
--productfeaturebtn-root-font-weight: 500;
--productfeaturebtn-root-hover-border-color: #d6d6d6;
--productfeaturebtn-root-hover-btntooltiphover-background-color: #e1e4e7;
--productfeaturebtn-root-hover-svg-fill: #0180c9;
--irs-bar-background-color: #0180c9;
--irs-thirtclass-color: #0180c9;
--irs-thirtclass-font-size: 18px;
--checkboxbtn-root-checked-propertybtn-root-svg-fill: #97bade;
--checkboxbtn-root-checked-propertybtn-root-svg-stroke: #97bade;
--checkboxbtn-root-checked-inner-background-color: #0180c9;
--checkboxbtn-root-checked-inner-color: #fff;
--checkboxbtn-root-checked-inner-in-btt-button-background-color: #fff;
--checkboxbtn-root-checked-inner-int-btt-svg-btn-svg-fill: #0180c9;
--checkboxbtn-root-checked-inner-int-btt-svg-btn-svg-stroke: #0180c9;
--checkboxbtn-root-checkbox-background-color: #e9ecef;
--checkboxbtn-root-checkbox-color: #1e2e3f;
--checkboxbtn-root-checkbox-1025-background-color: #e1e4e7;
--checkboxbtn-root-checkbox-1025-color: #0180c9;
--sizebuttons-root-font-weight: 400;
--sizebuttons-root-border-radius: 30px;
--sizebuttons-root-active-background-color: rgba(233, 236, 239, 0.5);
--sizebuttons-root-active-color: #0180c9;
--active-togglebtn-toggle-background-color: #0180c9;
--active-togglebtn-title-color: #0180c9;
--productcompareslider-showmorebtntitle-text-align: center;
--productcompareslider-showmorebtntitle-font-size: 14px;
--productcompareslider-showmorebtntitle-line-height: 20px;
--productcompareslider-showmorebtntitle-font-weight: 400;
--productcompareslider-showmorebtntitle-letter-spacing: 0.3px;
--productcompareslider-showmorebtntitle-color: #0180c9;
--input-root-focus-inputfield-border-color: #0180c9;
--input-root-total-class-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
--input-root-error-inputfield-border-color: #e40313;
--input-root-required-placeholder-color: #9aa8b6;
--input-root-focus-placeholder-color: #0180c9;
--input-root-error-placeholder-color: #e40313;
--input-root-textarea-placeholder-line-height: 25px;
--input-root-counter-margin: 28px 32px 0 0;
--input-root-counter-font-size: 12px;
--input-root-counter-line-height: 14px;
--input-root-counter-letter-spacing: 0.37px;
--input-root-counter-color: #9aa8b6;
--input-tooltip-font-size: 14px;
--input-tooltip-line-height: 72px;
--input-tooltip-letter-spacing: 0.3px;
--input-tooltip-color: #0180c9;
--input-tooltip-hover-quickinfoicon-fill: #0180c9;
--chexkbox-input-checked-plus-checkbox-checkboxstate-border-color: #0180c9;
--chexkbox-input-checked-plus-checkbox-checkboxstate-background-color: #0180c9;
--checkbox-title-font-size: 14px;
--checkbox-title-line-height: 21px;
--checkbox-title-letter-spacing: 0.3px;
--checkbox-title-font-weight: 500;
--checkbox-title-a-font-size: 14px;
--checkbox-title-a-line-height: 21px;
--checkbox-title-a-letter-spacing: 0.3px;
--checkbox-title-a-font-weight: 500;
--checkbox-title-a-color: #0180c9;
--checkbox-title-margin-left: 42px;
--checkbox-title-color: #1e2e3f;
--checkbox-root-big-title-margin-left: 48px;
--checkbox-root-big-title-font-size: 22px;
--checkbox-root-big-title-line-height: 32px;
--checkbox-root-big-title-letter-spacing: 0;
--checkbox-root-big-title-font-weight: 300;
--builtincat-root-title-1025-color: #0180c9;
--catmenuslideritem-title-width: 100%;
--catmenuslideritem-title-font-size: 16px;
--catmenuslideritem-title-line-height: 22px;
--catmenuslideritem-title-font-weight: 400;
--catmenuslideritem-root-total-class-color: #0180c9;
--modalimage-map-title-padding: 0 30px;
--modalimage-map-title-line-height: 60px;
--modalimage-map-title-font-size: 14px;
--modalimage-map-title-font-weight: 400;
--modalimage-map-title-letter-spacing: 0.3px;
--modalimage-map-title-color: #0180c9;
--modalimage-map-plus-margin: 6px 6px 0 0;
--modalimage-map-plus-width: 48px;
--modalimage-map-plus-height: 48px;
--modalimage-map-plus-border-radius: 50%;
--modalimage-map-plus-background-color: rgba(1, 128, 201, 0.1);
--modalimage-map-plusicon-width: 21px;
--modalimage-map-plusicon-height: 20px;
--modalimage-map-plusicon-fill: #0180c9;
--modalimage-map-plusicon-stroke: #0180c9;
--viewlabel-root-background-color: #0180c9;
--searchnoresults-root-topmessage-width: 260px;
--searchnoresults-root-topmessage-font-size: 18px;
--searchnoresults-root-topmessage-line-height: 28px;
--searchnoresults-root-topmessage-font-weight: 400;
--searchnoresults-root-subtitle-margin-top: 55px;
--searchnoresults-root-subtitle-color: #9aa8b6;
--searchnoresults-root-suggestion-margin-bottom: 30px;
--searchnoresults-root-suggestion-color: #0180c9;
--searchnoresults-root-suggestion-font-size: 18px;
--searchnoresults-root-suggestion-line-height: 30px;
--searchnoresults-root-suggestion-font-weight: 500;
--searchnoresults-root-suggestion-visited-color: #0180c9;
--pdpbrandquote-root-color: #1e2e3f;
--pdpbrandquote-root-brandimage-img-border-radius: 8px;
--pdpbrandquote-root-quotation-width: 31px;
--pdpbrandquote-root-quotation-height: 21px;
--pdpbrandquote-root-quotation-margin-top: 50px;
--pdpbrandquote-root-quotation-svg-fill: #1e2e3f;
--pdpbrandquote-root-quotation-svg-stroke: #1e2e3f;
--pdpbrandquote-root-quotation-svg-color: #1e2e3f;
--pdpbrandquote-root-quotation-svg-width: 31px;
--pdpbrandquote-root-quotation-svg-height: 21px;
--pdpbrandquote-root-text-margin-top: 33px;
--pdpbrandquote-root-text-font-family: HandOfSeanPro, sans-serif;
--pdpbrandquote-root-text-font-size: 50px;
--pdpbrandquote-root-text-line-height: 58px;
--pdpbrandquote-root-text-letter-spacing: 0.35px;
--pdpbrandquote-root-authorimg-margin-top: 60px;
--pdpbrandquote-root-readfullreview-margin-top: 288px;
--pdpbrandquote-root-readfullreview-margin-left: 50px;
--pdpbrandquote-root-readfullreview-font-size: 14px;
--pdpbrandquote-root-readfullreview-font-weight: 500;
--pdpbrandquote-root-readfullreview-letter-spacing: 0.3px;
--pdpbrandquote-root-readfullreview-color: #0180c9;
--pdpbrandquote-root-readfullreview-svg-width: 18px;
--pdpbrandquote-root-readfullreview-svg-height: 14px;
--pdpbrandquote-root-readfullreview-svg-margin-left: 12px;
--pdpbrandquote-root-readfullreview-svg-top: 2px;
--pdpbrandquote-root-readfullreview-svg-fill: #0180c9;
--pdpbrandquote-root-readfullreview-svg-stroke: #0180c9;
--pdpbrandquote-root-readfullreview-svg-color: #0180c9;
--pdpbrandquote-root-readfullreview-hover-color: #006ba8;
--pdpbrandquote-root-readfullreview-hover-svg-fill: #006ba8;
--pdpbrandquote-root-readfullreview-hover-svg-stroke: #006ba8;
--pdpbrandquote-root-readfullreview-hover-svg-color: #006ba8;
--modelselect-root-width: 430px;
--modelselect-root-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
--modelselect-root-form-height: 65px;
--modelselect-root-input-color: #1e2e3f;
--modelselect-root-input-font-size: 18px;
--modelselect-root-input-line-height: 25px;
--modelselect-root-input-font-weight: 400;
--modelselect-root-input-placeholder-color: #1e2e3f;
--modelselect-root-btn-width: 20px;
--modelselect-root-btn-svg-color: #0180c9;
--modelselect-root-btn-svg-fill: #0180c9;
--modelselect-root-modallink-margin-top: 40px;
--modelselect-root-modallink-font-weight: 500;
--modelselect-root-selectcontent-top: 66px;
--modelselect-root-selectcontent-background-color: #fff;
--modelselect-root-selectcontent-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
--modelselect-root-selectcontent-border-radius: 8px;
--modelcheck-root-width: 430px;
--modelcheck-root-form-height: 65px;
--modelcheck-root-form-margin-top: 60px;
--modelcheck-root-form-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
--modelcheck-root-input-color: #1e2e3f;
--modelcheck-root-input-font-size: 18px;
--modelcheck-root-input-line-height: 25px;
--modelcheck-root-input-font-weight: 400;
--modelcheck-root-input-placeholder-color: #1e2e3f;
--modelcheck-root-btn-width: 20px;
--modelcheck-root-btn-svg-color: #0180c9;
--modelcheck-root-btn-svg-fill: #0180c9;
--modelcheck-root-modallink-margin-top: 40px;
--modelcheck-root-modallink-font-weight: 500;
--modelcheck-root-selectcontent-margin-top: 65px;
--modelcheck-root-selectcontent-background-color: #fff;
--modelcheck-root-selectcontent-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
--modelcheck-root-selectcontent-border-radius: 8px;
--checkmodelnumber-root-searchfield-width: 430px;
--checkmodelnumber-root-form-width: 100%;
--checkmodelnumber-root-form-height: 65px;
--checkmodelnumber-root-form-margin-top: 60px;
--checkmodelnumber-root-form-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
--checkmodelnumber-root-input-color: #1e2e3f;
--checkmodelnumber-root-input-font-size: 18px;
--checkmodelnumber-root-input-line-height: 25px;
--checkmodelnumber-root-input-font-weight: 400;
--checkmodelnumber-root-input-placeholder-color: #1e2e3f;
--checkmodelnumber-root-btn-width: 20px;
--checkmodelnumber-root-btn-height: 19px;
--checkmodelnumber-root-btn-svg-color: #0180c9;
--checkmodelnumber-root-btn-svg-fill: #0180c9;
--checkmodelnumber-root-modallink-margin-top: 40px;
--checkmodelnumber-root-modallink-font-weight: 500;
--searchbymodelnumber-root-width: 430px;
--searchbymodelnumber-root-form-height: 65px;
--searchbymodelnumber-root-form-margin-top: 60px;
--searchbymodelnumber-root-form-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
--searchbymodelnumber-root-input-color: #1e2e3f;
--searchbymodelnumber-root-input-font-size: 18px;
--searchbymodelnumber-root-input-line-height: 25px;
--searchbymodelnumber-root-input-font-weight: 400;
--searchbymodelnumber-root-input-placeholder-color: #1e2e3f;
--searchbymodelnumber-root-btn-width: 20px;
--searchbymodelnumber-root-btn-height: 19px;
--searchbymodelnumber-root-btn-svg-color: #0180c9;
--searchbymodelnumber-root-btn-svg-fill: #0180c9;
--searchbymodelnumber-root-modallink-margin-top: 40px;
--searchbymodelnumber-root-modallink-font-weight: 500;
--searchbyproductcat-root-width: 430px;
--searchbyproductcat-root-form-height: 65px;
--searchbyproductcat-root-form-margin-top: 60px;
--searchbyproductcat-root-form-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
--searchbyproductcat-root-input-color: #1e2e3f;
--searchbyproductcat-root-input-font-size: 18px;
--searchbyproductcat-root-input-line-height: 25px;
--searchbyproductcat-root-input-font-weight: 400;
--searchbyproductcat-root-input-placeholder-color: #1e2e3f;
--searchbyproductcat-root-btn-width: 20px;
--searchbyproductcat-root-btn-height: 17px;
--searchbyproductcat-root-btn-svg-color: #0180c9;
--searchbyproductcat-root-btn-svg-fill: #0180c9;
--searchbyproductcat-root-modallink-margin-top: 40px;
--searchbyproductcat-root-modallink-font-weight: 500;
--scrollcarouselvertical-root-slide-margin-top: 9px;
--scrollcarouselvertical-root-slide-color: #bcc7d3;
--scrollcarouselvertical-root-slide-dot-color: #1e2e3f;
--scrollcarouselvertical-root-slide-current-color: #0180c9;
--suphomehero-root-secondblock-btn-769-color: #0180c9;
--suphomehero-root-secondblock-question-769-font-family: Core Sans, sans-serif;
--suphomehero-root-secondblock-question-769-font-size: 18px;
--suphomehero-root-secondblock-question-769-font-weight: 400;
--suphomehero-root-secondblock-question-769-color: #9aa8b6;
--suphomehero-root-secondblock-question-769-margin-bottom: 13px;
--suphomehero-root-secondblock-question-769-line-height: 24px;
--suphomehero-root-secondblock-dot-769-color: #1e2e3f;
--suphomehero-root-verticalcarousel-mobile-margin-top: 14px;
--suphomehero-root-verticalcarousel-mobile-height: 320px;
--suphomehero-root-verticalcarousel-mobile-font-family: Core Sans, sans-serif;
--suphomehero-root-verticalcarousel-mobile-font-size: 36px;
--suphomehero-root-verticalcarousel-mobile-line-height: 54px;
--suphomehero-root-verticalcarousel-mobile-font-weight: 800;
--suphomehero-root-mobiletop-mobile-font-size: 18px;
--suphomehero-root-mobiletop-mobile-color: #9aa8b6;
--suphomehero-root-mobiletop-mobile-min-height: 60px;
--suphomehero-root-mobiletop-mobile-line-height: 30px;
--suphomehero-root-totalcalss-mobile-color: #0180c9;
--journeytop-root-height: 350px;
--journeytop-root-border-top: 1px solid rgba(0, 0, 0, 0.1);
--journeytop-root-logo-top: 30px;
--journeytop-root-logo-width: 66px;
--journeytop-root-logo-height: 38px;
--journeytop-root-logo-color: #0081c9;
--journeytop-root-logo-fill: #0081c9;
--journeytop-root-title-margin-bottom: 70px;
--journeytop-root-title-font-family: Core Sans, sans-serif;
--journeytop-root-title-font-weight: 800;
--journeytop-root-title-line-height: 60px;
--journeytop-root-title-font-size: 44px;
--journeytop-root-text-margin-bottom: 35px;
--journeytop-root-question-font-family: Core Sans, sans-serif;
--journeytop-root-question-font-size: 18px;
--journeytop-root-question-font-weight: 400;
--journeytop-root-question-color: #9aa8b6;
--journeytop-root-question-margin-bottom: 13px;
--journeytop-root-question-line-height: 24px;
--journeytop-root-reference-font-weight: 500;
--journeytop-root-reference-line-height: 20px;
--journeytop-root-reference-font-size: 14px;
--journeytop-root-reference-letter-spacing: 0.3px;
--journeytop-root-reference-color: #0180c9;
--u-color-black-color: $color-black;
--u-color-darkBlue-color: #1e2e3f;
--u-color-white-color: #fff;
--u-color-grey-color: #9aa8b6;
--u-color-greyDark-color: #5b6d81;
--u-color-greyLight-color: $color-pink-lavanda-gray-dark;
--u-color-blue-color: #0180c9;
--u-color-orange-color: $color-red;
--u-color-green-color: $color-vista-green;
--u-color-yellow-color: $color-orange;
--u-color-red-color: $color-burgundy;
--u-color-cta-color: $color-fruit-salad;
--u-color-cta-color: #0180c9;
--u-color-cta-color: $color-monza-red;
--u-color-plpGreen-color: #75b9b5;
--u-color-plpBlue-color: $color-wear-blue;
--u-color-plpLightBlue-color: $color-curious-blue;
--u-backgroundColor-black-background-color: $color-black;
--u-backgroundColor-darkBlue-background-color: #1e2e3f;
--u-backgroundColor-white-background-color: #fff;
--u-backgroundColor-grey-background-color: #9aa8b6;
--u-backgroundColor-greyLight-background-color: $color-pink-lavanda-gray-dark;
--u-backgroundColor-greyDark-background-color: #5b6d81;
--u-backgroundColor-blue-background-color: #0180c9;
--overviewcard-root-border-radius: 8px;
--overviewcard-root-padding: 45px 50px 60px;
--overviewcard-root-number-width: 50px;
--overviewcard-root-number-height: 50px;
--overviewcard-root-number-margin: 0 auto 50px;
--overviewcard-root-number-font-family: Core Sans, sans-serif;
--overviewcard-root-number-font-size: 18px;
--overviewcard-root-number-font-weight: 400;
--overviewcard-root-number-line-height: 26px;
--overviewcard-root-number-color: #0180c9;
--overviewcard-root-text-font-size: 22px;
--overviewcard-root-text-line-height: 32px;
--overviewcard-root-text-font-weight: 400;
--overviewcard-root-text-color: #1e2e3f;
--overviewcard-root-gray-background-color: #e9ecef;
--overviewcard-root-gray-number-background-color: #fff;
--overviewcard-root-white-background-color: #fff;
--overviewcard-root-white-number-background-color: #e9ecef;
--scrollablesections-root-scrollablesection-prefix-color: #0180c9;
--scrollablesections-sidenavitem-top: 45px;
--scrollablesections-sidenavitem-before-top: 12px;
--scrollablesections-sidenavitem-before-height: 3px;
--scrollablesections-sidenavitem-before-background-color: #0180c9;
--scrollablesections-sidenavitem-with-active-top: 12px;
--scrollablesections-sidenavitem-with-active-width: calc(100% - 220px);
--scrollablesections-sidenavitem-with-active-height: 3px;
--scrollablesections-sidenavitem-with-active-background-color: #0180c9;
--scrollablesections-sidenavitem-with-active-sidenavlink-color: #0180c9;
--sidenavtimeline-root-active-sidenavlink-color: #0180c9;
--timelinepage-date-active-color: #0180c9;
--timelinepage-date-active-white-color: #fff;
--timelinepage-date-active-white-true-color: #0180c9;
--bluetext-color: #0180c9;
--journeyarticlecard-root-border-radius: 8px;
--journeyarticlecard-root-white-background-color: #fff;
--journeyarticlecard-root-gray-background-color: rgba(233, 236, 239, 0.4);
--journeyarticlecard-root-button-svg-fill: #0180c9;
--journeyarticlecard-root-button-svg-stroke: #0180c9;
--registerrelatedproducts-root-reference-color: #0180c9;
--simplenumbercard-number-width: 50px;
--simplenumbercard-number-height: 50px;
--simplenumbercard-number-line-height: 50px;
--simplenumbercard-number-background-color: rgba(233, 236, 239, 0.5);
--simplenumbercard-number-border-radius: 50%;
--simplenumbercard-number-font-size: 18px;
--simplenumbercard-number-color: #0180c9;
--supportregistrationintro-title-width: 655px;
--supportregistrationintro-title-font-family: Core Sans, sans-serif;
--supportregistrationintro-title-font-weight: 800;
--supportregistrationintro-title-font-size: 44px;
--supportregistrationintro-title-line-height: 48px;
--supportregistrationintro-title-color: #1e2e3f;
--supportregistrationintro-title-mobile-font-size: 30px;
--supportregistrationintro-title-mobile-line-height: 36px;
--statestepscard-root-current-title-color: #0180c9;
--statestepscard-root-ready-title-color: #1e2e3f;
--statestepscard-prefix-font-weight: 300;
--statestepscard-prefix-tablet-font-size: 14px;
--statestepscard-prefix-tablet-line-height: 20px;
--statestepscard-prefix-tablet-letter-spacing: 0.43px;
--statestepscard-title-font-size: 22px;
--statestepscard-title-line-height: 32px;
--statestepscard-title-color: #9aa8b6;
--statestepscard-title-tablet-font-size: 18px;
--statestepscard-title-tablet-line-height: 28px;
--statestepscard-root-current-title-tablet-color: #1e2e3f;
--datepicker-panel-picked-background-color: #0180c9;
--datepicker-panel-picked-hover-background-color: #0180c9;
--offerbonusescard-title-font-size: 22px;
--offerbonusescard-title-line-height: 30px;
--offerbonusescard-title-color: #0180c9;
--offerbonusescard-root-disabled-title-color: #1e2e3f;
--offerbonusescard-desc-font-size: 16px;
--offerbonusescard-desc-line-height: 26px;
--offerbonusescard-desc-color: #5b6d81;
--offerbonusescard-checkmark-width: 25px;
--offerbonusescard-checkmark-height: 25px;
--offerbonusescard-checkmark-border: 2px solid #0180c9;
--offerbonusescard-checkmark-background-color: #0180c9;
--offerbonusescard-root-disabled-checkmark-background-color: transparent;
--offerbonusescard-root-disabled-checkmark-border-color: #bcc7d3;
--offerbonusescard-root-disabled-checkmarkicon-color: #bcc7d3;
--offerbonusescard-root-disabled-checkmarkicon-fill: #bcc7d3;
--offerbonusescard-root-disabled-checkmarkicon-stroke: #bcc7d3;
--supportregistrationoffers-title-font-family: Core Sans, sans-serif;
--supportregistrationoffers-title-font-weight: 800;
--supportregistrationoffers-title-font-size: #44px;
--supportregistrationoffers-title-line-height: 48px;
--supportregistrationoffers-title-color: #1e2e3f;
--supportregistrationoffers-title-mobile-font-size: 30px;
--supportregistrationoffers-title-mobile-line-height: 36px;
--supportregistrationoffers-subtitle-font-size: 18px;
--supportregistrationoffers-subtitle-line-height: 28px;
--supportregistrationoffers-subtitle-color: #5b6d81;
--supportregistrationoffers-postscript-font-weight: 500;
--supportregistrationoffers-postscript-font-size: 14px;
--supportregistrationoffers-postscript-line-height: 21px;
--supportregistrationoffers-postscript-letter-spacing: 0.3px;
--supportregistrationoffers-postscript-color: #1e2e3f;
--supportregistrationoffers-link-color: #0180c9;
--supportregistrationinfo-title-font-family: Core Sans, sans-serif;
--supportregistrationinfo-title-font-weight: 800;
--supportregistrationinfo-title-font-size: #44px;
--supportregistrationinfo-title-line-height: 48px;
--supportregistrationinfo-title-color: #1e2e3f;
--supportregistrationinfo-title-mobile-font-size: 30px;
--supportregistrationinfo-title-mobile-line-height: 36px;
--supportregistrationinfo-subtitle-font-size: 18px;
--supportregistrationinfo-subtitle-line-height: 28px;
--supportregistrationinfo-subtitle-color: #5b6d81;
--simpleofferbonusescard-icon-color: #bcc7d3;
--simpleofferbonusescard-icon-stroke: #bcc7d3;
--simpleofferbonusescard-icon-fill: #bcc7d3;
--simpleofferbonusescard-title-font-size: 18px;
--simpleofferbonusescard-title-line-height: 26px;
--simpleofferbonusescard-title-color: #1e2e3f;
--simpleofferbonusescard-root-disabled-title-color: #1e2e3f;
--simpleofferbonusescard-desc-font-size: 16px;
--simpleofferbonusescard-desc-line-height: 26px;
--simpleofferbonusescard-desc-color: #5b6d81;
--simpleofferbonusescard-checkmark-border: 2px solid #0180c9;
--simpleofferbonusescard-checkmark-background-color: #0180c9;
--simpleofferbonusescard-root-disabled-checkmarkicon-color: #bcc7d3;
--simpleofferbonusescard-root-disabled-checkmarkicon-fill: #bcc7d3;
--simpleofferbonusescard-root-disabled-checkmarkicon-stroke: #bcc7d3;
--fileuploader-uploadtitle-margin-left: 30px;
--fileuploader-uploadtitle-font-size: 18px;
--fileuploader-uploadtitle-line-height: 92px;
--fileuploader-uploadtitle-color: #0180c9;
--fileuploader-uploadtitle-name-color: #1e2e3f;
--fileuploader-uploadtitle-name-max-width: calc(100% - 200px);
--fileuploader-iconwrapper-right: 30px;
--fileuploader-iconwrapper-width: 60px;
--fileuploader-iconwrapper-height: 60px;
--fileuploader-iconwrapper-border: 1px solid #e9ecef;
--fileuploader-uploadicon-width: 19px;
--fileuploader-uploadicon-height: 21px;
--fileuploader-uploadicon-stroke: #0180c9;
--fileuploader-uploadicon-fill: #0180c9;
--fileuploader-photoicon-width: 25px;
--fileuploader-photoicon-height: 18px;
--fileuploader-photoicon-fill: #0180c9;
--fileuploader-uploadwarning-font-size: 14px;
--fileuploader-uploadwarning-line-height: 22px;
--fileuploader-uploadwarning-letter-spacing: 0.43px;
--fileuploader-uploadwarning-color: #5b6d81;
--recaptcha-root-years-font-weight: 800;
--recaptcha-root-years-line-height: 60px;
--recaptcha-root-years-font-size: 54px;
--formdropdown-dropdownicon-stroke: #0180c9;
--fill-lochmara-fill: #0180c9;
--stk-cloud-stroke: #1e2e3f;
--stk-gull-gray-stroke: #9aa8b6;
--stk-lochmara-stroke: #0180c9;
--bgc-color-cloud-sm-mobile-background-color: #1e2e3f;
--sticky-compare-background-color: #0180c9;
--sticky-compare-header-hover-background-color: #0180c9;
--modasearch-rot-assumptions-btn-hover-color: #0180c9;
--searchresults-suggestion-button-hover-color: #0180c9;
--supportregistrationintro-logo-color: #0180c9;
--journeyarticletop-root-background-color: #87cca4;
--journeyarticletop-title-font-size: 54px !important;
--journeyarticletop-title-font-weight: var(--regular) !important;
--journeyarticletop-title-line-height: 60px !important;
--footer-root-background-color: #1e2e3f;
--footer-root-color: #fff;
--footertop-root-border-bottom: 1px solid hsla(0, 0, 100%, 0.2);
--footertop-innercolcenter-buttonrooot-dark-background-color: #001f39;
--footertop-innercolcenter-buttonrooot-dark-border-radius: 3px;
--footertop-innercolcenter-buttonrooot-dark-color: #fff;
--footertop-innercolcenter-buttonrooot-dark-font-weight: 400;
--footermain-root-categorytitle-font-size: 16px;
--footermain-root-categorytitle-font-weight: 500;
--footermain-root-categorytitle-color: #9aa8b6;
--footermain-root-categorytitle-letter-spacing: 0.49px;
--footermain-root-categorytitle-1024-font-size: 15px;
--footermain-root-catbuttonmobile-color: #9aa8b6;
--footermain-root-catbuttonmobile-font-size: 17px;
--footermain-root-catbuttonmobile-border-bottom: 1px solid
hsla(0, 0, 100%, 0.2);
--footermain-root-cat-768-border-bottom: 1px solid hsla(0, 0, 100%, 0.2);
--footersubcat-root-subcattitle-font-size: 14px;
--footersubcat-root-subcattitle-font-weight: 500;
--footersubcat-root-subcattitle-color: #5b6d81;
--footersubcat-root-subcattitle-letter-spacing: 0.43px;
--footersubcat-root-subcattitle-line-height: 18px;
--footersubcat-root-subcattitle-1024-font-size: 13px;
--footersubcat-root-subcattitle-768-font-size: 15px;
--footersubcat-root-ul-color: #fff;
--footersubcat-root-ul-li-font-size: 12px;
--footersubcat-root-ul-li-letter-spacing: 0.47px;
--footersubcat-root-ul-li-font-weight: 500;
--footersubcat-root-ul-li-line-height: 16px;
--footersubcat-root-ul-li-a-color: #fff;
--footermain-root-infolinks-a-with-span-color: #e9ecef;
--footertopwrapperinner-country-select: #fff;
--dimensionsItem-root-border-radius: 50%;
--dimensionsItem-root-background-color: rgba(233, 236, 239, 0.5);
--dimensionsItem-root-number-font-size: 24px;
--dimensionsItem-root-number-color: #7eb1cb;
--dimensionsItem-root-number-line-height: 40px;
--dimensionsItem-root-number-font-weight: 700;
--dimensionsItem-root-number-374-font-size: 6.4vw;
--dimensionsItem-root-number-374-line-height: 10.6vw;
--dimensionsItem-root-title-color: #bcc7d3;
--dimensionsItem-root-title-font-weight: 500;
--dimensionsItem-root-title-font-size: 14px;
--dimensionsItem-root-title-374-font-size: 3.7vw;
--dimensionsItem-root-title-374-margin-top: -1vw;
--dimensionsItem-root-modular-background-color: #f4f5f7;
--dimensionsItem-root-modular-number-font-family: Core Sans, sans-serif;
--dimensionsItem-root-modular-number-font-style: normal;
--dimensionsItem-root-modular-number-font-weight: 800;
--dimensionsItem-root-modular-number-line-height: 60px;
--dimensionsItem-root-modular-number-font-size: 54px;
--dimensionsItem-root-modular-number-color: #1e2e3f;
--dimensionsItem-root-modular-units-font-family: Core Sans, sans-serif;
--dimensionsItem-root-modular-units-font-style: normal;
--dimensionsItem-root-modular-units-font-weight: 800;
--dimensionsItem-root-modular-units-line-height: 42px;
--dimensionsItem-root-modular-units-font-size: 36px;
--dimensionsItem-root-modular-units-color: #1e2e3f;
--dimensionsItem-root-modular-title-font-style: normal;
--dimensionsItem-root-modular-title-font-weight: 500;
--dimensionsItem-root-modular-title-line-height: 18px;
--dimensionsItem-root-modular-title-font-size: 14px;
--dimensionsItem-root-modular-title-letter-spacing: 0.43px;
--dimensionsItem-root-modular-title-color: #9aa8b6;
--bekoglobal-tooltip-inner-font-size: 16px;
--bekoglobal-tooltip-inner-line-height: 24px;
--bekoglobal-tooltip-inner-font-weight: 300;
--bekoglobal-tooltip-inner-color: #5b6d81;
--bekoglobal-tooltip-inner-background: #fff;
--bekoglobal-tooltip-inner-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
--bekoglobal-tooltip-inner-border-radius: 8px;
--how-can-we-help-font-family: Core Sans, sans-serif;
--how-can-we-help-font-size: 21px;
--how-can-we-help-font-weight: 400;
--how-can-we-help-color: #9aa8b6;
--how-can-we-help-line-height: 24px;
--wishlistgrid-instock-removemessage-p-width: 195px;
--wishlistgrid-instock-removemessage-p-color: #1e2e3f;
--wishlistgrid-instock-removemessage-p-font-size: 24px;
--wishlistgrid-instock-removemessage-p-font-weight: 400;
--wishlistgrid-instock-removemessage-p-line-height: 32px;
--wishlistgrid-instock-removemessage-p-letter-spacing: 0.2px;
--ul-dropdowncontent-scrollbar-background-color: rgba(233, 236, 239, 0.5);
--ul-dropdowncontent-scrollbar-border-radius: 4px;
--ul-dropdowncontent-scrollbar-border: 3px solid rgba(233, 236, 239, 0.5);
--menumobilesubcatroot-button-opened-color: #0180c9;
--productbadge-root-p-color: #fff;
--productbadge-root-p-font-size: 12px;
--productbadge-root-p-font-weight: 500;
--productbadge-root-p-letter-spacing: 0.37px;
--productbadge-root-p-text-align: center;
--productbadge-root-p-margin-top: 0;
--productbadge-root-p-768-color: #9aa8b6;
--productbadge-root-p-768-font-weight: 500;
--producthelpcardsearch-root-title-color: #1e2e3f;
--producthelpcardsearch-root-title-font-size: 22px;
--producthelpcardsearch-root-title-font-weight: 400;
--producthelpcardsearch-root-title-line-height: 32px;
--producthelpcardsearch-root-title-letter-spacing: 0.3px;
--producthelpcardsearch-root-title-768-font-size: 14px;
--producthelpcardsearch-root-title-768-line-height: 19px;
--producthelpcardsearch-root-title-768-letter-spacing: 0.2px;
--buttonsearchmobile-root-svg-color: #1e2e3f;
--buttonsearchmobile-root-svg-fill: #1e2e3f;
--buttonsearchmobile-root-hover-border-color: #d6d6d6;
--header-big-menu-body-sidebar-bg: #e9ecef;
--header-big-menu-body-sidebar-heading-background-color: #0180c9;
--header-big-menu-body-sidebar-heading-color: #fff;
--header-big-menu-body-sidebar-heading-font-size: 26px;
--header-big-menu-body-sidebar-heading-line-height: 32px;
--header-big-menu-body-sidebar-heading-font-size-1650: 16px;
--header-big-menu-body-sidebar-heading-line-height-1650: 24px;
--header-big-menu-body-sidebar-heading-font-size-1150-font-size: 14px;
--header-big-menu-body-sidebar-heading-line-height-1150-line-height: 20px;
--header-big-menu-body-sidebar-list-item-active-btn-background-color: #fff;
--header-big-menu-body-sidebar-list-item-active-btn-border-color: #ebebeb;
--header-big-menu-body-sidebar-list-item-active-btn-color: #0180c9;
--header-big-menu-body-sidebar-list-item-button-border: 1px solid transparent;
--header-big-menu-body-sidebar-list-item-button-color: #1e2e3f;
--header-big-menu-body-sidebar-list-item-button-font-size: 20px;
--header-big-menu-body-sidebar-list-item-button-line-height: 25px;
--header-big-menu-body-sidebar-list-item-button-text-align: initial;
--header-big-menu-body-sidebar-list-item-button-font-weight: 500;
--header-big-menu-body-sidebar-list-item-button-before-background-color: #0180c9;
--header-big-menu-body-sidebar-list-item-button-font-size-1650: 16px;
--header-big-menu-body-sidebar-list-item-button-line-height-1650: 20px;
--button-1150-font-size: 14px;
--button-1150-line-height: 16px;
--header-big-menu-body-content-border: 1px solid #e5e5e5;
--header-big-menu-body-content-background: #fff;
--header-big-menu-body-content-border-radius: 0 0 20px;
--header-big-menu-body-content-item-body-heading-border-bottom: 1px solid
#eaecef;
--header-big-menu-body-content-item-body-heading-h4-color: #0180c9;
--header-big-menu-body-content-item-body-heading-h4-font-size: 24px;
--header-big-menu-body-content-item-body-heading-h4-line-height: 30px;
--header-big-menu-body-content-item-body-heading-h4-font-size-1650: 16px;
--header-big-menu-body-content-item-body-heading-h4-line-height-1650: 24px;
--header-big-menu-body-content-item-body-heading-p-color: #000;
--header-big-menu-body-content-item-body-heading-p-font-size: 16px;
--header-big-menu-body-content-item-body-heading-p-line-height: 24px;
--header-big-menu-body-content-item-body-heading-p-1650-font-size: 14px;
--header-big-menu-body-content-item-body-heading-p-1650-line-height: 20px;
--header-big-menu-body-content-item-body-list-sidebar-border-right: 1px solid
#eaecef;
--header-big-menu-body-content-item-body-list-sidebar-ul-li-activeWHover-button-color: #0180c9;
--header-big-menu-body-content-item-body-list-sidebar-ul-li-button-color: #1e2e3f;
--header-big-menu-body-content-item-body-list-sidebar-ul-li-button-font-size: 20px;
--header-big-menu-body-content-item-body-list-sidebar-ul-li-button-line-height: 25px;
--header-big-menu-body-content-item-body-list-sidebar-ul-li-button-text-align: left;
--header-big-menu-body-content-item-body-list-sidebar-ul-li-button-font-weight: 500;
--header-big-menu-body-content-item-body-list-sidebar-ul-li-button-1650-font-size: 16px;
--header-big-menu-body-content-item-body-list-sidebar-ul-li-button-1650-line-height: 20px;
--header-big-menu-body-content-item-body-list-body-item-row-ul-li-a-color: #1e2e3f;
--header-big-menu-body-content-item-body-list-body-item-row-ul-li-a-font-size: 20px;
--header-big-menu-body-content-item-body-list-body-item-row-ul-li-a-line-height: 30px;
--header-big-menu-body-content-item-body-list-body-item-row-ul-li-a-hover-color: #0180c9;
--header-big-menu-body-content-item-body-list-body-item-row-ul-li-a-1650-font-size: 16px;
--header-big-menu-body-content-item-body-list-body-item-row-ul-li-a-1650-line-height: 24px;
}
.HeaderOverlayCountry__root .HeaderOverlayCountry__content {
background-color: #1e2e3f;
}
.navLogo__mobile,
.navMobile_logo {
height: 31px !important;
width: 54px !important;
background-image: url('../images/bekoLogoBlueMobile.png') !important;
}
.Logo__main {
height: 31px;
width: 100px;
background-image: url('../images/bekoLogoBlueDesktop.svg');
background-size: contain;
background-repeat: no-repeat;
}
header .header-menu.active .navLogo__mobile {
background-image: url('../images/bekoLogoWhiteDesktop.svg') !important;
background-repeat: no-repeat;
}
.Logo__main:lang(he) {
background-position: right;
}
body button,
body div,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body h7,
body h8,
body h9,
body label,
body p,
body section,
body span,
body {
font-family: var(--body-font-type) !important;
}
.Bdrs\(50\%\) {
border-radius: 50% !important;
}
.h1 {
font-family: var(--brand-family) !important;
font-size: var(--h1-font-size) !important;
font-weight: var(--extra-bold) !important;
line-height: var(--h1-line-height) !important;
}
@media (max-width: 1280px) {
.h1 {
font-size: var(--h1-maxw-font-size);
line-height: var(--h1-maxw-line-height);
}
}
@media (max-width: 1024px) {
.h1 {
font-size: var(--h1-tablet-font-size);
line-height: var(--h1-tablet-line-height);
}
}
@media (max-width: 768px) {
.h1 {
font-size: var(--h1-mobile-font-size);
line-height: var(--h1-mobile-line-height);
}
}
.h2 {
font-family: var(--brand-family) !important;
font-size: var(--h2-font-size) !important;
font-weight: var(--extra-bold) !important;
line-height: var(--h2-line-height) !important;
}
.h3 {
font-family: var(--brand-family) !important;
font-size: var(--h3-font-size) !important;
font-weight: var(--regular) !important;
line-height: var(--h3-line-height) !important;
}
.h4 {
font-family: var(--brand-family) !important;
font-size: var(--h4-font-size) !important;
font-weight: var(--light) !important;
line-height: var(--h4-line-height) !important;
}
@media (max-width: 768px) {
.h4 {
font-size: var(--h4-mobile-font-size);
line-height: var(--h4-mobile-line-height);
letter-spacing: var(--h4-mobile-letter-spacing);
}
}
.h5 {
font-family: var(--brand-family) !important;
font-size: var(--h5-font-size) !important;
font-weight: var(--light) !important;
line-height: var(--h5-line-height) !important;
}
.h6 {
font-family: var(--brand-family) !important;
font-size: var(--h6-font-size) !important;
font-weight: var(--light) !important;
line-height: var(--h6-line-height) !important;
}
.h6-normal {
font-family: var(--brand-family) !important;
font-size: var(--h6-normal-font-size) !important;
font-weight: var(--regular) !important;
line-height: var(--h6-normal-line-height) !important;
}
@media (max-width: 768px) {
.h6-normal {
font-size: var(--h6-mobile-font-size);
}
}
.h7 {
font-family: var(--brand-family) !important;
font-size: var(--h7-font-size) !important;
font-weight: var(--regular) !important;
line-height: var(--h7-line-height) !important;
}
@media (max-width: 768px) {
.h7 {
line-height: var(--h7-mobile-line-height);
}
}
.h8,
.h8-darkblue,
.h8-medium-grey {
font-family: var(--brand-family) !important;
font-size: var(--h8-with-dblue-mggrey-font-size);
font-weight: var(--regular);
}
.h8-white {
font-family: var(--brand-family);
font-size: var(--h8-white-font-size);
font-weight: var(--regular);
color: var(--h8-white-color);
}
.h8-darkblue {
color: var(--h8-dblue-color);
}
.h8-medium-grey {
font-weight: 500;
color: var(--h8-mgrey-color);
}
.h9 {
line-height: var(--h9-line-height);
font-size: var(--h9-font-size);
font-weight: var(--regular) !important;
}
.h9-darkblue {
font-size: var(--h9-dblue-font-size);
font-weight: var(--regular) !important;
line-height: var(--h9-dblue-line-height);
color: var(--h9-dblue-color);
}
.Button__primary {
background-color: var(--primary-bg-color) !important;
border-color: var(--primary-border-color) !important;
color: var(--primary-text-color) !important;
}
.Button__secondary {
background-color: var(--secondary-bg-white);
color: var(--secondary-text-color) !important;
border: var(--secondary-border) !important;
}
.Button__success {
background-color: var(--success-bg-white) !important;
border-color: var(--success-border-color) !important;
color: var(--success-text-color) !important;
}
.Button__grey {
background-color: var(--grey-bg-white) !important;
border-color: var(--grey-border-color) !important;
color: var(--grey-text-color) !important;
}
.Button__filter {
stroke: var(--filter-svg-color);
fill: var(--filter-svg-color);
color: var(--filter-svg-color);
}
.Button__filter use {
stroke: var(--filter-svg-color);
fill: var(--filter-svg-color);
color: var(--filter-svg-color);
}
.Button__root {
background-color: var(--button-root-background-color);
color: var(--button-root-color);
stroke: var(--button-root-stroke);
height: var(--button-root-height);
width: var(--button-root-width);
border-radius: var(--button-root-border-radius);
border-width: var(--button-root-border-width);
font-size: var(--button-root-font-size);
letter-spacing: var(--button-root-letter-spacing);
font-weight: var(--regular);
font-family: var(--brand-family);
}
.Button__root:hover {
background-color: var(--button-root-hover-background-color);
}
.Button__root.Button__small {
width: var(--button-root-small-width);
min-width: var(--button-root-small-min-width);
}
.Button__root.Button__big {
width: var(--button-root-big-width);
min-width: var(--button-root-big-min-width);
}
.Button__root.Button__bigSecond {
width: var(--button-root-bigsecond-width);
min-width: var(--button-root-bigsecond-min-width);
}
.Button__root.Button__fullWidth {
width: var(--button-root-fw-width);
}
.Button__root.Button__image svg {
margin-left: var(--button-root-img-svg-margin-left);
}
.Button__root.Button__veryBig {
width: var(--button-root-verybig-width);
}
.Button__root.Button__secondary {
background-color: var(--button-root-secondary-background-color);
color: var(--button-root-secondary-color);
border: var(--button-root-secondary-border);
}
.Button__root.Button__secondary svg {
stroke: var(--button-root-secondary-svg-stroke);
}
.Button__root.Button__secondary:hover {
border-color: var(--button-root-secondary-hover-border-color);
}
.Button__root.Button__success {
background-color: var(--button-root-success-background-color);
font-size: var(--button-root-success-font-size);
letter-spacing: var(--button-root-success-letter-spacing);
}
.Button__root.Button__success:hover {
background-color: var(--button-root-success-hover-background-color);
}
.Button__root.Button__textSecond {
color: var(--button-root-textsecond-color);
background-color: var(--button-root-textsecond-background-color);
}
.Button__root.Button__textSecond.active,
.Button__root.Button__textSecond:hover {
color: var(--button-root-textsecond-active-with-hover-color);
}
.Button__root.Button__grey {
background-color: var(--button-root-grey-background-color);
}
.Button__root.Button__grey:hover {
background-color: var(--button-root-grey-hover-background-color);
}
.Button__root.Button__dark {
background-color: var(--button-root-dark-background-color);
}
.Button__root.Button__dark:hover {
background-color: var(--button-root-dark-hover-background-color);
}
.Button__root.Button__greenText {
background-color: var(--button-root-greentext-background-color);
color: var(--button-root-greentext-color);
}
.Button__root.Button__greenText:hover {
background-color: var(--button-root-greentext-hover-background-color);
}
.Button__root.Button__shadow {
background-color: var(--button-root-shadow-background-color);
}
.Button__root.disabled {
background-color: var(--button-root-disabled-background-color);
}
.Button__root .Button__dropdown {
stroke: var(--button-root-dropdown-stroke);
}
.Button__root.Button__dropdownSecondary {
color: var(--button-root-dropdownsecondary-color);
font-size: var(--button-root-dropdownsecondary-font-size);
}
.Button__root.Button__dropdownSecondary svg {
stroke: var(--button-root-dropdownsecondary-svg-stroke);
}
.Button__root.Button__onDarkBg:hover {
background-color: var(--button-root-ondarkbg-hover-background-color);
}
.Button__root .ButtonIcon__white {
background-color: var(--button-icon-white-bg) !important;
border: var(--button-icon-white-border) !important;
}
.Button__root .ButtonIcon__white:hover {
border-color: var(--button-icon-white-border-hover) !important;
}
.Button__root .ButtonIcon__iconBlue svg,
.Button__root .ButtonIcon__shareFb svg,
.Button__root .ButtonIcon__shareMail svg,
.Button__root .ButtonIcon__sharePr svg,
.Button__root .ButtonIcon__shareTw svg {
color: var(--button-icon-lochmara);
fill: var(--button-icon-lochmara);
stroke: var(--button-icon-lochmara);
}
.Button__root.Button__success {
font-size: var(--success-font-size) !important;
letter-spacing: var(--success-letter-spacing) !important;
}
.Button__root.Button__text {
color: #0180c9;
}
@media (max-width: 768px) {
.Button__root.Button__textMobile {
color: #0180c9;
}
}
.IconBtn__root {
font-size: var(--icon-btn-root-font-size);
font-weight: var(--icon-btn-root-font-weight);
letter-spacing: var(--icon-btn-root-letter-spacing);
}
.IconBtn__root.white {
fill: var(--icon-btn-root-white-fill);
stroke: var(--icon-btn-root-white-stroke);
color: var(--icon-btn-root-white-color);
}
.IconBtn__root.IconBtn__white:hover {
fill: var(--icon-btn-root-white-hover-fill);
stroke: var(--icon-btn-root-white-hover-stroke);
color: var(--icon-btn-root-white-hover-color);
}
.IconBtn__root.lochmara {
fill: var(--icon-btn-root-lochmara-fill);
stroke: var(--icon-btn-root-lochmara-stroke);
color: var(--icon-btn-root-lochmara-color);
}
.IconBtn__root.lochmara:hover {
fill: var(--icon-btn-root-lochmara-hover-fill);
stroke: var(--icon-btn-root-lochmara-hover-stroke);
color: var(--icon-btn-root-lochmara-hover-color);
}
.IconBtn__root.white:hover {
fill: var(--icon-btn-root-wht-hover-fill);
stroke: var(--icon-btn-root-wht-hover-stroke);
color: var(--icon-btn-root-wht-hover-color);
}
.ButtonView__root {
border-radius: var(--buttonview-root-border-radius);
background-color: var(--buttonview-root-background-color);
color: var(--buttonview-root-color);
font-size: var(--buttonview-root-font-size);
font-weight: var(--buttonview-root-font-weight);
letter-spacing: var(--buttonview-root-letter-spacing);
line-height: var(--buttonview-root-line-height);
}
.ButtonView__root:hover {
background-color: var(--buttonview-root-hover-background-color);
}
.ButtonView__root.active {
background: var(--buttonview-root-active-background);
}
.ButtonView__root .ButtonView__view360 svg {
stroke: var(--buttonview-view360-stroke);
}
.ButtonView__root .ButtonView__close360 {
fill: var(--buttonview-close360-fill);
}
.ButtonView__root.active .ButtonView__border {
border-color: var(--buttonview-active-br-border-color);
}
.ButtonView__root .ButtonView__video {
background-color: var(--buttonview-video-background-color);
border-radius: var(--buttonview-video-border-radius);
}
.ButtonIcon__root {
border-radius: var(--buttonicon-root-border-radius);
background-color: var(--buttonicon-root-background-color);
}
.ButtonIcon__root svg {
fill: var(--buttonicon-root-svg-fill);
stroke: var(--buttonicon-root-svg-stroke);
}
.ButtonIcon__root:hover {
background-color: var(--buttonicon-root-hover-background-color);
color: var(--buttonicon-root-hover-color);
}
.ButtonIcon__root:hover svg {
fill: var(--buttonicon-root-svg-hover-fill);
stroke: var(--buttonicon-root-svg-hover-stroke);
}
.ButtonIcon__root:visited {
color: var(--buttonicon-root-visited-color);
}
.ButtonIcon__root.ButtonIcon__withoutBackground {
background: var(--buttonicon-root-withoutbg-background);
}
.ButtonIcon__root.ButtonIcon__white {
background: var(--buttonicon-root-white-background);
border: var(--buttonicon-root-white-border);
}
.ButtonIcon__root.ButtonIcon__white:hover {
border-color: var(--buttonicon-root-white-hover-border-color);
}
.ButtonIcon__root.ButtonIcon__iconBlue svg,
.ButtonIcon__root.ButtonIcon__shareFb svg,
.ButtonIcon__root.ButtonIcon__shareMail svg,
.ButtonIcon__root.ButtonIcon__sharePr svg,
.ButtonIcon__root.ButtonIcon__shareTw svg {
color: var(--buttonicon-root-svgcolors-color);
fill: var(--buttonicon-root-svgcolors-fill);
stroke: var(--buttonicon-root-svgcolors-stroke);
}
.ButtonIcon__root.ButtonIcon__iconGreen svg {
color: var(--buttonicon-root-icongreen-svg-color);
fill: var(--buttonicon-root-icongreen-svg-fill);
stroke: var(--buttonicon-root-icongreen-svg-stroke);
}
.ButtonIcon__root.ButtonIcon__iconRed svg {
color: var(--buttonicon-root-iconred-svg-color);
fill: var(--buttonicon-root-iconred-svg-fill);
stroke: var(--buttonicon-root-iconred-svg-stroke);
}
.ButtonIcon__root.ButtonIcon__active,
.ButtonIcon__root.ButtonIcon__blue,
.ButtonIcon__root.ButtonIcon__withCount {
background-color: var(--buttonicon-root-active-withcount-background-color);
color: var(--buttonicon-root-active-withcount-color);
}
.ButtonIcon__root.ButtonIcon__active svg,
.ButtonIcon__root.ButtonIcon__blue svg,
.ButtonIcon__root.ButtonIcon__withCount svg {
fill: var(--buttonicon-root-active-without-svg-fill);
stroke: var(--buttonicon-root-active-without-svg-stroke);
}
.ButtonIcon__root.ButtonIcon__social svg {
height: var(--buttonicon-root-social-svg-height);
color: var(--buttonicon-root-social-svg-color);
fill: var(--buttonicon-root-social-svg-fill);
stroke: var(--buttonicon-root-social-svg-stroke);
}
.ButtonIcon__root.ButtonIcon__dark {
background-color: var(--buttonicon-root-dark-background-color);
}
.ButtonIcon__root.ButtonIcon__dark:hover {
background-color: var(--buttonicon-root-dark-hover-background-color);
}
.ButtonIcon__root.ButtonIcon__dark svg {
color: var(--buttonicon-root-dark-svg-color);
fill: var(--buttonicon-root-dark-svg-fill);
stroke: var(--buttonicon-root-dark-svg-stroke);
}
.ButtonIcon__root.ButtonIcon__whiteIcon svg {
fill: var(--buttonicon-root-whiteicon-svg-fill);
stroke: var(--buttonicon-root-whiteicon-svg-stroke);
}
.ButtonIcon__root.ButtonIcon__whiteIcon:hover svg {
fill: var(--buttonicon-root-whiteicon-svg-hover-fill);
stroke: var(--buttonicon-root-whiteicon-svg-hover-stroke);
}
.ButtonIcon__root.ButtonIcon__grey {
background: var(--buttonicon-root-grey-background);
}
.ButtonIcon__root.ButtonIcon__blue:hover {
background-color: var(--buttonicon-root-blue-hover-background-color);
}
.ButtonIcon__root.ButtonIcon__withCount {
background-color: var(--buttonicon-root-withcount-background-color);
}
.ButtonIcon__root.ButtonIcon__withCount:hover {
background-color: var(--buttonicon-root-withcount-hover-background-color);
}
.ButtonIcon__root.ButtonIcon__withCount.ButtonIcon__white {
background: var(--buttonicon-root-withcount-white-background);
border: var(--buttonicon-root-withcount-white-border);
color: var(--buttonicon-root-withcount-white-color);
}
.ButtonIcon__root.ButtonIcon__withCount.ButtonIcon__white svg {
fill: var(--buttonicon-root-withcount-white-svg-fill);
stroke: var(--buttonicon-root-withcount-white-svg-stroke);
}
.ButtonIcon__root.ButtonIcon__withCount.ButtonIcon__white:hover {
border-color: var(--buttonicon-root-withcount-white-hover-border-color);
}
.ButtonIcon__root .ButtonIcon__count,
.ButtonIcon__root .ButtonIcon__text {
font-size: var(--buttonicon-root-count-with-text-font-size);
letter-spacing: var(--buttonicon-root-count-with-text-letter-spacing);
font-weight: var(--buttonicon-root-count-with-text-font-weight);
}
.ButtonIcon__root {
background-color: #e9ecef;
}
.ButtonIcon__root svg {
fill: #1e2e3f;
stroke: #1e2e3f;
}
.ButtonIcon__root:visited {
color: #1e2e3f;
}
.ButtonIcon__root.ButtonIcon__withoutBackground {
background: 0;
}
.ButtonIcon__root.ButtonIcon__white {
background: #fff;
border: 1px solid #e9ecef;
}
.ButtonIcon__root.ButtonIcon__iconBlue svg,
.ButtonIcon__root.ButtonIcon__shareFb svg,
.ButtonIcon__root.ButtonIcon__shareMail svg,
.ButtonIcon__root.ButtonIcon__sharePr svg,
.ButtonIcon__root.ButtonIcon__shareTw svg {
color: #0180c9;
fill: #0180c9;
stroke: #0180c9;
}
.ButtonIcon__root.ButtonIcon__iconGreen svg {
color: #3ba936;
fill: #3ba936;
stroke: #3ba936;
}
.ButtonIcon__root.ButtonIcon__iconRed svg {
color: #e40313;
fill: #e40313;
stroke: #e40313;
}
.ButtonIcon__root.ButtonIcon__active,
.ButtonIcon__root.ButtonIcon__blue,
.ButtonIcon__root.ButtonIcon__withCount {
background-color: #0180c9;
color: #fff;
}
.ButtonIcon__root.ButtonIcon__active svg,
.ButtonIcon__root.ButtonIcon__blue svg,
.ButtonIcon__root.ButtonIcon__withCount svg {
fill: #fff;
stroke: #fff;
}
.ButtonIcon__root.ButtonIcon__social svg {
height: 15px;
color: #fff;
fill: #fff;
stroke: #fff;
}
.ButtonIcon__root.ButtonIcon__dark {
background-color: #394553;
}
.ButtonIcon__root.ButtonIcon__dark svg {
color: #fff;
fill: #fff;
stroke: #fff;
}
.ButtonIcon__root.ButtonIcon__whiteIcon svg {
fill: #fff;
stroke: #fff;
}
.ButtonIcon__root.ButtonIcon__grey {
background: rgba(0, 0, 0, 0.1);
}
.ButtonIcon__root.ButtonIcon__withCount {
background-color: #3ba936;
}
.ButtonIcon__root.ButtonIcon__withCount.ButtonIcon__white {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #1e2e3f;
}
.ButtonIcon__root.ButtonIcon__withCount.ButtonIcon__white svg {
fill: #1e2e3f;
stroke: #1e2e3f;
}
.ButtonIcon__root .ButtonIcon__count,
.ButtonIcon__root .ButtonIcon__text {
font-size: 12px;
letter-spacing: 0.37px;
font-weight: 500;
}
@media (min-width: 1025px) {
.ButtonIcon__root:hover {
background-color: #ebeef0;
color: #0180c9;
}
.ButtonIcon__root:hover svg {
fill: #0180c9;
stroke: #0180c9;
}
}
@media (min-width: 1025px) {
.ButtonIcon__root.ButtonIcon__white:hover {
border-color: #d6d6d6;
}
}
@media (min-width: 1025px) {
.ButtonIcon__root.ButtonIcon__dark:hover {
background-color: #5b6d81;
}
}
@media (min-width: 1025px) {
.ButtonIcon__root.ButtonIcon__whiteIcon:hover svg {
fill: #e9ecef;
stroke: #e9ecef;
}
}
@media (min-width: 1025px) {
.ButtonIcon__root.ButtonIcon__blue:hover {
background-color: #006ba8;
}
}
@media (min-width: 1025px) {
.ButtonIcon__root.ButtonIcon__withCount:hover {
background-color: #298c24;
}
}
@media (min-width: 1025px) {
.ButtonIcon__root.ButtonIcon__withCount.ButtonIcon__white:hover {
border-color: #d6d6d6;
}
}
.ButtonIcon__root .ButtonIcon__countCircle {
background-color: #0180c9;
line-height: 24px;
color: #fff;
font-size: 12px;
}
.ButtonFindRetailer__root {
height: var(--buttonfindretailer-root-height);
width: var(--buttonfindretailer-root-width);
border-radius: var(--buttonfindretailer-root-border-radius);
}
.ButtonFindRetailer__root:hover {
background-color: var(--buttonfindretailer-root-hover-background-color);
}
.ButtonFindRetailer__root:hover div {
background-color: var(--buttonfindretailer-root-hover-div-background-color);
}
.ButtonFindRetailer__root:hover span {
color: var(--buttonfindretailer-root-hover-span-color);
font-size: var(--buttonfindretailer-root-hover-span-font-size);
letter-spacing: var(--buttonfindretailer-root-hover-span-letter-spacing);
font-weight: var(--buttonfindretailer-root-hover-span-font-weight);
}
.ButtonFindRetailer__root:hover svg {
fill: var(--buttonfindretailer-root-hover-span-svg-fill);
stroke: var(--buttonfindretailer-root-hover-span-svg-stroke);
}
.ButtonLanguage__root {
height: var(--buttonlanguage-root-height);
width: var(--buttonlanguage-root-width);
background-color: var(--buttonlanguage-root-background-color);
border-radius: var(--buttonlanguage-root-border-radius);
}
.ButtonLanguage__root.ButtonLanguage__opened
.ButtonLanguage__langs
.ButtonLanguage__langsButton {
border-left: var(--buttonlanguage-root-opened-langs-button-border-left);
}
.ButtonLanguage__root.ButtonLanguage__opened
.ButtonLanguage__langs
.ButtonLanguage__langsButton.ButtonLanguage__active {
color: var(--buttonlanguage-root-opened-langs-button-active-color);
}
.ButtonLanguage__root.ButtonLanguage__opened
.ButtonLanguage__langs
.ButtonLanguage__separator {
background-color: var(
--buttonlanguage-root-opened-langs-separator-background-color
);
}
.ButtonLanguage__root.ButtonLanguage__opened .ButtonLanguage__buttonClose svg {
fill: var(--buttonlanguage-root-opened-buttonclose-fill);
stroke: var(--buttonlanguage-root-opened-buttonclose-stroke);
width: var(--buttonlanguage-root-opened-buttonclose-width);
height: var(--buttonlanguage-root-opened-buttonclose-height);
}
.subH {
font-weight: var(--regular);
font-family: var(--brand-family);
font-size: var(--subh-font-size);
letter-spacing: var(--subh-letter-spacing);
}
.subHMedium,
.subHMedium-grey,
.subMedium-green {
font-family: var(--brand-family);
font-size: var(--subh-medium-grey-and-green-font-size);
letter-spacing: var(--subh-medium-grey-and-green-letter-spacing);
}
.subHMedium,
.subHMedium-grey,
.subMedium-green {
font-weight: var(--medium);
}
.subHMedium-grey {
color: var(--subh-medium-grey-color);
}
.subMedium-green {
color: var(--subh-medium-green-color);
}
.subTitle2,
.subTitle2-midgrey,
.subTitle2-white {
font-family: var(--brand-family);
font-size: var(--subTitle2-midgrey-and-white-font-size);
letter-spacing: var(--subTitle2-midgrey-and-white-letter-spacing);
font-weight: var(--medium);
line-height: var(--subTitle2-midgrey-and-white-line-height);
}
.subTitle2-midgrey {
color: #9aa8b6;
}
.subTitle2-white {
color: var(--subTitle2-midgrey-color);
}
.p {
font-family: var(--brand-family);
font-weight: var(--light);
font-size: var(--p-global-font-size);
line-height: var(--p-global-line-height);
}
@media (max-width: 768px) {
.p {
font-size: var(--p-global-mobile-font-size);
line-height: var(--p-global-mobile-line-height);
}
}
.pSmall {
font-family: var(--brand-family);
font-weight: var(--regular);
font-size: var(--p-small-font-size);
line-height: var(--p-small-line-height);
}
.C\(\$color-logo-blue\) {
color: var(--color-global-color-logo-blue-color);
}
.C\(\#675ccb\) {
color: var(--color-global-675ccb-color);
}
.C\(\#705b81\) {
color: var(--color-global-705b81-color);
}
.C\(\$color-social-text\) {
color: var(--color-global-color-social-text-color);
}
.C\(\#9b3b96\) {
color: var(--color-global-9b3b96-color);
}
.C\(\$color-mandarine-orange\) {
color: var(--color-global-color-mandarine-orange-color);
}
.C\(\$black\) {
color: var(--color-global-black-color);
}
.C\(\$burgundy\) {
color: var(--color-global-burgundy-color);
}
.C\(\$cloud\) {
color: var(--color-global-cloud-color);
}
.C\(\$color-monza-red\) {
color: var(--color-global-color-monza-red-color);
}
.C\(\$gull-gray\) {
color: var(--color-global-gull-gray-color);
}
.C\(\$heather\) {
color: var(--color-global-heather-color);
}
.C\(\$kashmir-blue\),
.C\(\$shuttle-gray\) {
color: var(--color-global-kashmir-blue-color);
}
.C\(\$lochmara\) {
color: var(--color-global-lochmara-color);
}
.C\(\$white\) {
color: var(--color-global-white-color);
}
.Bgc\(\#1e2e3f\),
.Bgc\(\$cloud\) {
background-color: var(--global-bgc-1e2e3f-background-color);
}
.Bgc\(\$color-kashmir-blue\),
.Bgc\(\$kashmir-blue\) {
background-color: var(--global-bgc-kashmir-blue-background-color);
}
.Bgc\(\$color-wear-blue\),
.Bgc\(\$wear-blue\) {
background-color: var(--global-bgc-wear-blue-background-color);
}
.Bgc\(\$color-vista-green\),
.Bgc\(\$vista-green\) {
background-color: var(--global-bgc-vista-green-background-color);
}
.Bgc\(\$color-burgundy\),
.Bgc\(\$burgundy\) {
background-color: var(--global-bgc-burgundy-background-color);
}
.Bgc\(\$color-pink-lavanda-gray\),
.Bgc\(\$pink-lavanda-gray\) {
background-color: var(--global-bgc-pink-lavanda-gray-background-color);
}
.Bgc\(\$color-orange\) {
background-color: var(--global-bgc-color-orange-background-color);
}
.Bgc\(\$athens-gray\) {
background-color: var(--global-bgc-athens-gray-background-color);
}
.Bgc\(\$athens-gray-2\) {
background-color: var(--global-bgc-athens-gray-2-background-color);
}
.Bgc\(\$glacier\) {
background-color: var(--global-bgc-glacier-background-color);
}
.Bgc\(\$gray-opacity\) {
background-color: var(--global-bgc-gray-opacity-background-color);
}
.Bgc\(\$gray-opacity-dark\) {
background-color: var(--global-bgc-gray-opacity-dark-background-color);
}
.Bgc\(\$gull-gray\) {
background-color: var(--global-bgc-gull-gray-background-color);
}
.Bgc\(\$heather\) {
background-color: var(--global-bgc-heather-background-color);
}
.Bgc\(\$light-cloud\) {
background-color: var(--global-bgc-light-cloud-background-color);
}
.Bgc\(\$light-gray-a\) {
background-color: var(--global-bgc-light-gray-a-background-color);
}
.Bgc\(\$lochmara\) {
background-color: var(--global-bgc-lochmara-background-color);
}
.Bgc\(\$very-light-gray\) {
background-color: var(--global-bgc-very-light-gray-background-color);
}
.Bgc\(\$white\) {
background-color: var(--global-bgc-white-background-color);
}
.Bdrs\(50\%\) {
border-radius: 50%;
}
.Bdrs\(8px\) {
border-radius: 8px;
}
.Breadcrumbs__root {
background-color: var(--breadcrumb-root-bg-color);
color: var(--breadcrumb-root-color);
height: var(--breadcrumb-root-height);
padding-top: var(--breadcrumb-root-padding-top);
}
.Breadcrumbs__root a {
margin: var(--breadcrumb-root-a-margin);
}
.Breadcrumbs__root a:first-child {
margin: var(--breadcrumb-root-a-first-margin);
}
.Breadcrumbs__root a.Breadcrumbs__home {
margin-left: var(--breadcrumb-root-a-home-margin-left);
}
.Breadcrumbs__root svg {
width: var(--breadcrumb-root-svg-width);
height: var(--breadcrumb-root-svg-height);
top: var(--breadcrumb-root-svg-top);
color: var(--breadcrumb-root-svg-color);
fill: var(--breadcrumb-root-svg-fill);
stroke: var(--breadcrumb-root-svg-stroke);
}
.Breadcrumbs__root .Breadcrumbs__active {
color: var(--breadcrumb-root-active-color);
margin-left: var(--breadcrumb-root-active-margin-left);
}
.Breadcrumbs__root .Breadcrumbs__active span {
color: var(--breadcrumb-root-active-span-color);
margin-left: var(--breadcrumb-root-active-span-margin-left);
}
.Breadcrumbs__root .Breadcrumbs__last {
color: var(--breadcrumb-root-last-color) !important;
margin-left: var(--breadcrumb-root-last-margin-left) !important;
}
.Breadcrumbs__active {
background-color: var(--breadcrumb-active-bg-color) !important;
color: var(--breadcrumb-active-color) !important;
}
.Breadcrumbs__last {
color: var(--breadcrumb-last-color) !important;
}
.Breadcrumbs__dots {
margin: var(--breadcrumb-dots-margin);
}
.main__logo svg path,
.main__logo svg use {
fill: var(--logo-color);
}
.NavigationButton__root {
padding-right: 18px !important;
color: var(--brand-header-menu-blue);
font-family: var(--brand-family);
font-weight: var(--regular) !important;
font-size: 16px !important;
line-height: 15.71px !important;
}
.SubNavLink__root {
color: var(--subnavlink-root-color);
font-size: var(--subnavlink-root-font-size);
line-height: var(--subnavlink-root-line-height);
}
.SubNavLink__root svg {
color: var(--subnavlink-root-svg-color);
fill: var(--subnavlink-root-svg-fill);
stroke: var(--subnavlink-root-svg-stroke);
height: var(--subnavlink-root-svg-height);
}
.SubNavLink__root:hover svg {
color: var(--subnavlink-root-hover-svg-color);
fill: var(--subnavlink-root-hover-svg-fill);
stroke: var(--subnavlink-root-hover-svg-stroke);
}
.SubNavLink__root:hover p {
color: var(--subnavlink-root-hover-p-color);
}
@media (min-width: 769px) {
.SubNavLink__root {
font-weight: var(--subnavlink-root-769-font-weight);
}
}
@media (max-width: 768px) {
.SubNavLink__root {
font-weight: var(--subnavlink-root-mobile-font-weight);
border-bottom: var(--subnavlink-root-mobile-border-bottom);
}
.SubNavLink__root:nth-child(odd) {
border-right: var(--subnavlink-root-mobile-nth-odd-border-right);
}
.SubNavLink__root:last-child {
border-right: var(--subnavlink-root-mobile-lastchild-border-right);
}
}
.SubNavLinks__root {
background-color: var(--subnavlink-root-background-color);
}
.SubNavLinks__root .SubNavLinks__mobile {
background-color: var(--subnavlink-root-mobile-class-background-color);
border-top: var(--subnavlink-root-mobile-class-border-top);
}
.SubNavLinks__root .SubNavLinks__line {
border-bottom: var(--subnavlink-root-line-border-bottom);
}
.NavigationButton__root {
font-weight: var(--navigationbutton-root-font-weight);
border-radius: var(--navigationbutton-root-border-radius);
line-height: var(--navigationbutton-root-line-height);
}
.NavigationButton__root.NavigationButton__active {
background-color: var(--navigationbutton-root-active-background-color);
}
.NavigationButton__root:hover {
background-color: var(--navigationbutton-root-hover-background-color);
color: var(--navigationbutton-root-hover-color);
}
.HeaderTopButton__root {
height: var(--headertopbutton-root-height);
font-size: var(--headertopbutton-root-font-size);
}
.HeaderTopButton__root:hover {
background-color: var(--headertopbutton-root-hover-background-color);
}
.HeaderTopButton__root .HeaderTopButton__text {
font-weight: var(--headertopbutton-root-text-font-weight);
margin-left: var(--headertopbutton-root-text-margin-left);
}
.HeaderTopButton__root div {
height: var(--headertopbutton-root-div-height);
width: var(--headertopbutton-root-div-width);
margin-left: var(--headertopbutton-root-div-margin-left);
background-color: var(--headertopbutton-root-div-background-color);
color: var(--headertopbutton-root-div-color);
border-radius: var(--headertopbutton-root-div-border-radius);
}
.HeaderTopButton__root div span {
line-height: var(--headertopbutton-root-div-span-line-height);
font-weight: var(--headertopbutton-root-div-span-font-weight);
}
.HeaderTopButton__root svg {
width: var(--headertopbutton-root-svg-width);
stroke: var(--headertopbutton-root-svg-stroke);
}
@media (max-width: 768px) {
.HeaderTopButton__root {
background-color: var(--headertopbutton-root-mobile-background-color);
height: var(--headertopbutton-root-mobile-height);
}
}
@media (max-width: 768px) {
.HeaderTopButton__root .HeaderTopButton__text {
font-size: var(--headertopbutton-root-text-mobile-font-size);
font-weight: var(--headertopbutton-root-text-mobile-font-weight);
}
}
.Hero__slideContent .h1 {
font-family: var(--brand-family);
font-weight: var(--bold);
font-size: 44px !important;
line-height: 61.6px !important;
letter-spacing: 0.003em !important;
}
.Hero__slideContent .h3 {
font-family: var(--brand-family);
font-weight: var(--medium);
font-size: 16px !important;
line-height: 22.4px !important;
letter-spacing: 0.003em !important;
}
.Hero__slideContent .u-color--white {
color: var(--u-color-white);
}
.Hero__slideContent .bg-drop-shadow {
text-shadow: var(--hero-text-shadow-color);
}
.Hero__slideContent .Button__root {
font-family: var(--brand-family);
font-weight: var(--regular) !important;
font-size: 14px !important;
line-height: 13.75px !important;
letter-spacing: 0.003em !important;
}
.SubNavProductsButton__root {
color: var(--subnavproductsbutton-root-color);
font-size: var(--subnavproductsbutton-root-font-size);
font-weight: var(--subnavproductsbutton-root-font-weight);
}
@media (min-width: 1440px) {
.SubNavProductsButton__root {
font-size: var(--subnavproductsbutton-root-1440-font-size);
}
}
.SubNavProductsGrid__root .SubNavProductsGrid__category {
border-right: var(--subnavproductsgrid-root-cat-border-right);
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__title {
color: var(--subnavproductsgrid-root-cat-title-color);
font-size: var(--subnavproductsgrid-root-cat-title-font-size);
font-weight: var(--subnavproductsgrid-root-cat-title-font-weight);
letter-spacing: var(--subnavproductsgrid-root-cat-title-letter-spacing);
line-height: var(--subnavproductsgrid-root-cat-title-line-height);
}
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__title.SubNavProductsGrid__small {
font-size: var(--subnavproductsgrid-root-cat-title-small-font-size);
}
.SubNavProductsGrid__root .SubNavProductsGrid__category:focus-within {
background-color: var(
--subnavproductsgrid-root-cat-focuswithin-background-color
);
}
.SubNavProductsGrid__root .SubNavProductsGrid__category:focus,
.SubNavProductsGrid__root .SubNavProductsGrid__category:hover {
background-color: var(
--subnavproductsgrid-root-cat-focus-hover-background-color
);
}
@media (min-width: 1440px) {
.SubNavProductsGrid__root
.SubNavProductsGrid__category
.SubNavProductsGrid__title.SubNavProductsGrid__small {
font-size: var(--subnavproductsgrid-root-small-1440-font-size);
line-height: var(--subnavproductsgrid-root-small-1440-line-height);
}
}
.SubNavProductsMenuItem__root .SubNavProductsMenuItem__textBlock p {
margin-bottom: var(--subnavproductsmenuitem-root-textblock-p-margin-bottom);
color: var(--subnavproductsmenuitem-root-textblock-p-color);
font-size: var(--subnavproductsmenuitem-root-textblock-p-font-size);
line-height: var(--subnavproductsmenuitem-root-textblock-p-line-height);
font-weight: var(--subnavproductsmenuitem-root-textblock-p-font-weight);
width: var(--subnavproductsmenuitem-root-textblock-p-width);
text-align: var(--subnavproductsmenuitem-root-textblock-p-text-align);
}
.SubNavProductsMenuItem__root
.SubNavProductsMenuItem__textBlock
.SubNavProductsMenuItem__count {
color: var(--subnavproductsmenuitem-root-textblock-count-color);
font-size: var(--subnavproductsmenuitem-root-textblock-count-font-size);
line-height: var(--subnavproductsmenuitem-root-textblock-count-line-height);
letter-spacing: var(
--subnavproductsmenuitem-root-textblock-count-letter-spacing
);
font-weight: var(--subnavproductsmenuitem-root-textblock-count-font-weight);
}
.SubNavProductsMenuItem__root:hover {
background-color: var(--subnavproductsmenuitem-root-hover-background-color);
}
.SubNavProductsMenuItem__root:hover .SubNavProductsMenuItem__textBlock p {
color: var(--subnavproductsmenuitem-root-hover-textblock-p-color);
}
@media (min-width: 1440px) {
.SubNavProductsMenuItem__root .SubNavProductsMenuItem__textBlock p {
margin-bottom: var(
--subnavproductsmenuitem-root-textblock-p-1440-margin-bottom
);
font-size: var(--subnavproductsmenuitem-root-textblock-p-1440-font-size);
line-height: var(
--subnavproductsmenuitem-root-textblock-p-1440-line-height
);
width: var(--subnavproductsmenuitem-root-textblock-p-1440-width);
}
}
@media (max-width: 768px) {
.SubNavProductsMenuItem__root .SubNavProductsMenuItem__textBlock p {
margin-bottom: var(
--subnavproductsmenuitem-root-textblock-p-mobile-margin-bottom
);
font-size: var(--subnavproductsmenuitem-root-textblock-p-mobile-font-size);
font-weight: var(
--subnavproductsmenuitem-root-textblock-p-mobile-font-weight
);
width: var(--subnavproductsmenuitem-root-textblock-p-mobile-width);
line-height: var(
--subnavproductsmenuitem-root-textblock-p-mobile-line-height
);
}
}
@media (min-width: 1440px) {
.SubNavProductsMenuItem__root
.SubNavProductsMenuItem__textBlock
.SubNavProductsMenuItem__count {
font-size: var(
--subnavproductsmenuitem-root-textblock-count-1440-font-size
);
line-height: var(
--subnavproductsmenuitem-root-textblock-count-1440-line-height
);
letter-spacing: var(
--subnavproductsmenuitem-root-textblock-count-1440-letter-spacing
);
}
}
@media (max-width: 768px) {
.SubNavProductsMenuItem__root
.SubNavProductsMenuItem__textBlock
.SubNavProductsMenuItem__count {
font-size: var(
--subnavproductsmenuitem-root-textblock-count-mobile-font-size
);
}
}
.BuiltInCategory__root .BuiltInCategory__title {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #1e2e3f;
}
.BuiltInCategory__root .BuiltInCategory__arrow {
stroke: #0180c9;
}
.BuiltInCategory__root.active .BuiltInCategory__title {
color: #0180c9;
}
.BuiltInCategory__image .squarcle-circle {
background-color: var(--quiclink-color) !important;
}
.BuiltInCategory__arrow {
stroke: var(--quiclink-icon-color) !important;
}
.BuiltInCategory__title {
color: var(--quiclink-color) !important;
}
.SectionHeader__root .cmp-text .u-color--greyDark {
color: var(--u-color--greyDark) !important;
}
.ProductCardWithPhoto__product .ArticleCard__root .Button__root {
font-size: 14px !important;
letter-spacing: 0 !important;
border-radius: 30px !important;
}
.ArticleCard__category {
font-size: 14px !important;
letter-spacing: 0.43px !important;
}
.ArticleCard__desc {
font-size: 22px !important;
line-height: 30px !important;
}
.ArticleCard__button .cta-button-wrapper .Button__root {
font-size: 14px !important;
letter-spacing: 0.3px !important;
border-radius: 30px !important;
}
.ArticleCard__withoutBackground .ArticleCard__desc {
color: var(--article-withoutbg-text-color) !important;
}
.HeroPLP__root {
color: var(--hero-plp-title-text-color) !important;
}
.HeroPLP__headerTitle div {
color: var(--hero-plp-title-text-color) !important;
font-size: var(--hero-plp-title-text-size) !important;
}
.ProductFilters__root.sticky-state-desktop
.ProductFilters__featuredButton
button,
.ProductFilters__root.sticky-state-desktop
.ProductFilters__featuredButton
button
button,
.ProductFilters__root.sticky-state-desktop .ProductFilters__filterButton,
.ProductFilters__root.sticky-state-desktop .ProductFilters__filterButton button,
.ProductFilters__root.sticky-state .ProductFilters__featuredButton button,
.ProductFilters__root.sticky-state
.ProductFilters__featuredButton
button
button,
.ProductFilters__root.sticky-state .ProductFilters__filterButton,
.ProductFilters__root.sticky-state .ProductFilters__filterButton button {
border-color: transparent !important;
}
.ProductFilters__root .ProductFilters__featuredButton button,
.ProductFilters__root .ProductFilters__featuredButton button button,
.ProductFilters__root .ProductFilters__filterButton,
.ProductFilters__root .ProductFilters__filterButton button,
.ProductFilters__root .ProductFilters__featuredButton button,
.ProductFilters__root .ProductFilters__featuredButton button button,
.ProductFilters__root .ProductFilters__filterButton,
.ProductFilters__root .ProductFilters__filterButton button {
border-radius: var(--filterbutton-radius) !important;
}
.ProductCardPLP__root {
color: #fff;
}
.ProductCardPLP__model {
font-size: var(--plp-card-model-font-size) !important;
font-weight: var(--plp-card-model-font-weight) !important;
margin-top: var(--plp-card-model-margin-top) !important;
color: var(--plp-card-model-color) !important;
}
.ProductCardPLP__desc {
--plp-card-desc-width: var(--plp-card-desc-width) !important;
--plp-card-desc-height: var(--plp-card-desc-height) !important;
--plp-card-desc-max-height: var(--plp-card-desc-max-height) !important;
--plp-card-desc-margin: var(--plp-card-desc-margin) !important;
--plp-card-desc-font-size: var(--plp-card-desc-font-size) !important;
--plp-card-desc-line-height: var(--plp-card-desc-line-height) !important;
font-weight: var(--light);
--plp-card-desc-letter-spacing: var(
--plp-card-desc-letter-spacing
) !important;
}
.ProductCardPLP__productSpecs {
border-radius: 8px;
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.ProductCardPLP__productBasicSpecs {
height: 99px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.ProductCardPLP__productBasicSpecs .ProductCardPLP__productSpecBox:last-child {
border: 0 !important;
}
.ProductPLPheader__root {
height: var(--plp-header-height) !important;
padding: var(--plp-header-padding) !important;
border-bottom: var(--plp-header-br-bottom) !important;
border-top-left-radius: var(--plp-header-br-top-left-radius) !important;
border-top-right-radius: var(--plp-header-br-top-right-radius) !important;
}
.ProductPLPheader__root .ProductPLPheader__wishlistBtn {
min-height: var(--plp-header-wishlistBtn-min-height) !important;
padding-right: var(--plp-header-wishlistBtn-padding-right) !important;
margin: var(--plp-header-wishlistBtn-margin) !important;
fill: var(--plp-header-wishlistBtn-fill) !important;
stroke: var(--plp-header-wishlistBtn-stroke) !important;
color: var(--plp-header-wishlistBtn-color) !important;
}
.ProductPLPheader__root .ProductPLPheader__wishlistBtn span {
font-size: var(--plp-header-span-font-size) !important;
font-weight: var(--regular) !important;
letter-spacing: var(--plp-header-span-letter-spacing) !important;
}
.ProductPLPheader__root .IconBtn__root.white {
fill: var(--plp-header-wishlistBtn-color) !important;
stroke: var(--plp-header-wishlistBtn-color) !important;
color: var(--plp-header-wishlistBtn-color) !important;
}
.ProductPLPheader__root .IconBtn__root.white:hover {
fill: var(--plp-header-wishlistBtn-hover-color) !important;
stroke: var(--plp-header-wishlistBtn-hover-color) !important;
color: var(--plp-header-wishlistBtn-hover-color) !important;
}
.ProductSpecBox__titleForCalculation {
margin-top: var(--plp-spec-box-margin-top) !important;
font-size: var(--plp-spec-box-font-size) !important;
font-weight: var(--plp-spec-box-font-weight) !important;
letter-spacing: var(--plp-spec-box-letter-spacing) !important;
line-height: var(--plp-spec-box-line-height) !important;
}
.ProductSpecBox__info {
line-height: var(--plp-spec-box-info-line-height) !important;
padding: var(--plp-spec-box-info-padding) !important;
}
.ProductSpecBox__title {
margin-top: var(--plp-spec-box-title-margin-top) !important;
font-size: var(--plp-spec-box-title-font-size) !important;
font-weight: var(--medium);
letter-spacing: var(--plp-spec-box-title-letter-spacing) !important;
line-height: var(--plp-spec-box-title-line-height) !important;
color: var(--plp-spec-box-title-color) !important;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.ProductSpecBox__title {
margin-top: 0 !important;
}
}
.ProductSpecBox__info {
font-size: var(--plp-spec-box-info-font-size) !important;
color: var(--plp-spec-box-info-color) !important;
line-height: var(--plp-spec-box-info-line-height) !important;
margin-top: var(--plp-spec-box-info-margin-top) !important;
}
.ProductSpecBox__energyClass {
margin-top: var(--plp-spec-box-energyclass-margin-top) !important;
left: var(--plp-spec-box-energyclass-left) !important;
}
.ProductExtraSpecs__root ul li {
font-size: var(--plp-extra-specs-ul-li-font-size) !important;
color: var(--plp-extra-specs-ul-li-color) !important;
line-height: var(--plp-extra-specs-ul-li-line-height) !important;
letter-spacing: var(--plp-extra-specs-ul-li-letter-spacing) !important;
}
.ViewAllProductsCard__root {
color: #0180c9;
border-radius: 8px;
background-color: rgba(233, 236, 239, 0.5);
}
.ViewAllProductsCard__root svg {
color: #0180c9;
fill: #0180c9;
stroke: #0180c9;
}
.hero-bk-support {
background-color: var(--new-sup-hero-bg) !important;
}
.hero-bk-help-center-head {
padding-top: var(--new-sup-hero-head-padding-top) !important;
padding-bottom: var(--new-sup-hero-head-padding-bottom) !important;
}
.hero-bk-help-center-head-title {
margin-bottom: var(--new-sup-hero-head-title-margin-bottom) !important;
}
.hero-bk-help-center-head-title,
.hero-bk-help-center-head-title p,
.hero-bk-help-center-head-title span,
.hero-bk-help-center-head-title .u-color--white {
color: var(--new-sup-hero-head-title-span-color) !important;
font-size: var(--new-sup-hero-head-title-span-font-size) !important;
}
.hero-bk-help-center-head-title h3 {
font-size: var(--new-sup-hero-head-title-h3-font-size) !important;
line-height: var(--new-sup-hero-head-title-h3-line-height) !important;
color: var(--new-sup-hero-head-title-h3-color) !important;
}
.hero-bk-help-center-head-content-title {
margin-bottom: var(
--new-sup-hero-head-content-title-margin-bottom
) !important;
}
.hero-bk-help-center-head-content-title,
.hero-bk-help-center-head-content-title p,
.hero-bk-help-center-head-content-title span,
.hero-bk-help-center-head-content-title .u-color--white {
font-size: var(--new-sup-hero-head-content-title-font-size) !important;
color: var(--new-sup-hero-head-content-title-color) !important;
--new-sup-hero-head-content-title-font-size: 16px;
}
.hero-bk-help-center-head-content-link a {
margin-bottom: var(--new-sup-hero-head-link-a-mg-bottom) !important;
}
.hero-bk-help-center-head-content-link .btn {
background: var(--new-sup-hero-head-link-btn-background) !important;
border: var(--new-sup-hero-head-link-btn-border) !important;
font-size: var(--new-sup-hero-head-link-btn-font-size) !important;
line-height: var(--new-sup-hero-head-link-btn-line-height) !important;
color: var(--new-sup-hero-head-link-btn-color) !important;
padding: var(--new-sup-hero-head-link-btn-padding) !important;
border: var(--new-sup-hero-head-link-btn-border) !important;
border-radius: var(--new-sup-hero-head-link-btn-border-radius) !important;
background: var(--new-sup-hero-head-link-btn-background) !important;
margin-right: var(--new-sup-hero-head-link-btn-margin-right) !important;
}
.hero-bk-category {
background: var(--new-sup-hero-head-cat-background) !important;
padding: var(--new-sup-hero-head-cat-padding) !important;
}
.hero-bk-category-block-item {
margin-right: var(--new-sup-hero-head-cat-block-item-margin-right) !important;
}
.hero-bk-category-block-item a {
padding: var(--new-sup-hero-head-cat-block-item-a-padding) !important;
background: var(--new-sup-hero-head-cat-block-item-a-background) !important;
border: var(--new-sup-hero-head-cat-block-item-a-border) !important;
border-radius: var(
--new-sup-hero-head-cat-block-item-a-border-radius
) !important;
}
.hero-bk-category-block-item-title h4 {
font-size: var(
--new-sup-hero-head-cat-block-item-title-h4-font-size
) !important;
line-height: var(
--new-sup-hero-head-cat-block-item-title-h4-line-height
) !important;
color: var(--new-sup-hero-head-cat-block-item-title-h4-color) !important;
font-family: var(
--new-sup-hero-head-cat-block-item-title-h4-font-family
) !important;
font-weight: var(--medium) !important;
}
.hero-bk-category-block-item-subtitle {
--new-sup-hero-head-cat-block-item-subtitle-margin-left: 50px;
}
.hero-bk-category-block-item-subtitle h5 {
font-size: var(
--new-sup-hero-head-cat-block-item-subtitle-h5-font-size
) !important;
line-height: var(
--new-sup-hero-head-cat-block-item-subtitle-h5-line-height
) !important;
color: var(--new-sup-hero-head-cat-block-item-subtitle-h5-color) !important;
font-family: var(--brand-family) !important;
font-weight: var(--regular) !important;
}
.hero-bk-category-block-item-subtitle span {
font-size: var(
--new-sup-hero-head-cat-block-item-subtitle-span-font-size
) !important;
line-height: var(
--new-sup-hero-head-cat-block-item-subtitle-span-line-height
) !important;
color: var(--new-sup-hero-head-cat-block-item-subtitle-span-color) !important;
font-family: var(--brand-family) !important;
font-weight: var(--regular) !important;
background: var(
--new-sup-hero-head-cat-block-item-subtitle-span-background
) !important;
border-radius: var(
--new-sup-hero-head-cat-block-item-subtitle-span-border-radius
) !important;
width: var(--new-sup-hero-head-cat-block-item-subtitle-span-width) !important;
height: var(
--new-sup-hero-head-cat-block-item-subtitle-span-height
) !important;
margin-left: var(
--new-sup-hero-head-cat-block-item-subtitle-span-margin-left
) !important;
}
.help-center-article {
margin-top: var(--help-center-article-margin-top) !important;
}
.help-center-article-head {
margin-bottom: var(--help-center-article-head-margin-bottom) !important;
}
.help-center-article-head h3 {
font-size: var(--help-center-article-h3-font-size) !important;
line-height: var(--help-center-article-h3-line-height) !important;
color: var(--help-center-article-h3-color) !important;
font-family: var(--brand-family);
font-weight: var(--regular) !important;
}
.help-center-article-item a {
padding: var(--help-center-article-item-a-padding) !important;
background: var(--help-center-article-item-a-background) !important;
border: var(--help-center-article-item-a-border) !important;
}
.help-center-article-item-content span {
font-size: var(--help-center-article-item-content-span-font-size) !important;
line-height: var(
--help-center-article-item-content-span-line-height
) !important;
color: var(--help-center-article-item-content-span-color) !important;
font-family: var(--brand-family);
font-weight: var(--regular) !important;
}
.help-center-article-item-content h4 {
font-size: var(--help-center-article-item-content-h4-font-size) !important;
line-height: var(
--help-center-article-item-content-h4-line-height
) !important;
color: var(--help-center-article-item-content-h4-color) !important;
font-family: var(--brand-family);
font-weight: var(--regular) !important;
}
.help-center-article-item-button {
--help-center-article-item-content-button-margin-top: 37px;
}
.help-center-article-item-button span {
font-size: var(
--help-center-article-item-content-button-span-font-size
) !important;
line-height: var(
--help-center-article-item-content-button-span-line-height
) !important;
color: var(--help-center-article-item-content-button-span-color) !important;
font-family: var(--brand-family);
font-weight: var(--regular) !important;
}
.help-center-article-button .btn {
font-size: var(--help-center-article-button-btn-font-size) !important;
line-height: var(--help-center-article-button-btn-line-height) !important;
color: var(--help-center-article-button-btn-color) !important;
font-family: var(--brand-family);
font-weight: var(--regular) !important;
padding: var(--help-center-article-button-btn-padding) !important;
background: var(--help-center-article-button-btn-background) !important;
border-radius: var(--help-center-article-button-btn-border-radius) !important;
}
.general-questions {
padding: var(--general-questions-padding) !important;
background: var(--general-questions-background) !important;
}
.general-questions-head {
margin-bottom: var(--general-questions-head-margin-bottom) !important;
}
.general-questions-head h3 {
font-family: var(--brand-family) !important;
font-weight: var(--regular) !important;
color: var(--general-questions-head-h3-color) !important;
font-size: var(--general-questions-head-h3-font-size) !important;
line-height: var(--general-questions-head-h3-line-height) !important;
}
.general-questions-block .card {
margin-bottom: var(--general-questions-block-card-margin-bottom) !important;
background: var(--general-questions-block-card-background) !important;
border-radius: var(--general-questions-block-card-border-radius) !important;
}
.general-questions-block .card-header {
font-family: var(--brand-family) !important;
font-weight: var(--regular) !important;
min-height: var(--general-questions-block-card-header-min-height) !important;
padding: var(--general-questions-block-card-header-padding) !important;
background: var(--general-questions-block-card-header-background) !important;
border-radius: var(
--general-questions-block-card-header-border-radius
) !important;
font-size: var(--general-questions-block-card-header-font-size) !important;
line-height: var(
--general-questions-block-card-header-line-height
) !important;
color: var(--general-questions-block-card-header-color) !important;
}
.general-questions-block .card-header[aria-expanded*='true'] {
-webkit-box-shadow: var(
--general-questions-block-card-header-true-box-shadow
) !important;
box-shadow: var(
--general-questions-block-card-header-true-box-shadow
) !important;
color: var(--general-questions-block-card-header-true-color) !important;
}
.general-questions-block .card-header::after {
content: var(--general-questions-block-card-header-after-content) !important;
}
.general-questions-block .card-body {
font-family: var(--brand-family) !important;
font-weight: var(--medium) !important;
font-style: var(--general-questions-block-card-body-font-style) !important;
position: var(--general-questions-block-card-body-position) !important;
padding: var(--general-questions-block-card-body-padding) !important;
background: var(--general-questions-block-card-body-background) !important;
color: var(--general-questions-block-card-body-color) !important;
font-size: var(--general-questions-block-card-body-font-size) !important;
line-height: var(--general-questions-block-card-body-line-height) !important;
}
.general-questions-block-button {
margin-top: var(--general-questions-block-card-button-margin-top) !important;
}
.general-questions-block-button .btn {
font-size: var(
--general-questions-block-card-button-btn-font-size
) !important;
line-height: var(
--general-questions-block-card-button-btn-line-height
) !important;
color: var(--general-questions-block-card-button-btn-color) !important;
font-family: var(--brand-family) !important;
font-weight: var(--regular) !important;
padding: var(--general-questions-block-card-button-btn-padding) !important;
background: var(
--general-questions-block-card-button-btn-background
) !important;
border-radius: var(
--general-questions-block-card-button-btn-border-radius
) !important;
}
.general-cta-content {
margin-top: var(--general-cta-content-margin-top) !important;
}
.general-cta-content-head {
padding: var(--general-cta-content-head-padding) !important;
}
.general-cta-content-head h3 {
font-size: var(--general-cta-content-head-h3-font-size) !important;
line-height: var(--general-cta-content-head-h3-line-height) !important;
color: var(--general-cta-content-head-h3-color) !important;
font-family: var(--brand-family) !important;
font-weight: var(--regular) !important;
margin-bottom: var(--general-cta-content-head-h3-margin-bottom) !important;
}
.general-cta-content-head p {
font-size: var(--general-cta-content-head-p-font-size) !important;
line-height: var(--general-cta-content-head-p-line-height) !important;
color: var(--general-cta-content-head-p-color) !important;
font-family: var(--brand-family) !important;
font-weight: var(--regular) !important;
margin-bottom: var(--general-cta-content-head-p-margin-bottom) !important;
}
.general-cta-content-head a {
font-size: var(--general-cta-content-head-a-font-size) !important;
line-height: var(--general-cta-content-head-a-line-height);
color: var(--general-cta-content-head-a-color) !important;
font-family: var(--brand-family) !important;
font-weight: var(--regular) !important;
margin-bottom: var(--general-cta-content-head-a-margin-bottom) !important;
}
.general-cta-content-head span {
font-size: var(--general-cta-content-head-span-font-size) !important;
line-height: var(--general-cta-content-head-span-line-height) !important;
color: var(--general-cta-content-head-span-color) !important;
font-family: var(--brand-family) !important;
font-weight: var(--regular) !important;
}
.general-cta-content-head::after {
position: var(--general-cta-content-head-after-position) !important;
left: var(--general-cta-content-head-after-left) !important;
width: var(--general-cta-content-head-after-width) !important;
background: var(--general-cta-content-head-after-background) !important;
border-radius: var(--general-cta-content-head-after-border-radius) !important;
}
.general-cta-content-body {
padding: var(--general-cta-content-body-padding) !important;
}
.general-cta-content-body h3 {
font-size: var(--general-cta-content-body-h3-font-size) !important;
line-height: var(--general-cta-content-body-h3-line-height) !important;
color: var(--general-cta-content-body-h3-color) !important;
font-family: var(--brand-family) !important;
font-weight: var(--regular) !important;
margin-bottom: var(--general-cta-content-body-h3-margin-bottom) !important;
}
.general-cta-content-body p {
font-size: var(--general-cta-content-body-p-font-size) !important;
line-height: var(--general-cta-content-body-p-line-height) !important;
color: var(--general-cta-content-body-p-color) !important;
font-family: var(--brand-family) !important;
font-weight: var(--regular) !important;
}
.general-cta-content-body::after {
position: var(--general-cta-content-body-after-position) !important;
left: var(--general-cta-content-body-after-left) !important;
width: var(--general-cta-content-body-after-width) !important;
background: var(--general-cta-content-body-after-background) !important;
border-radius: var(--general-cta-content-body-after-border-radius) !important;
}
.register-beko-appliance-body {
background: var(--register-beko-appliance-body-background) !important;
border: var(--register-beko-appliance-body-border) !important;
padding: var(--register-beko-appliance-body-padding) !important;
}
.register-beko-appliance-body p {
font-size: var(--register-beko-appliance-body-p-font-size) !important;
line-height: var(--register-beko-appliance-body-p-line-height) !important;
font-family: var(--brand-family) !important;
font-weight: var(--regular) !important;
color: var(--register-beko-appliance-body-p-color) !important;
}
.register-beko-appliance-body-button {
margin-top: var(--register-beko-appliance-button-margin-top) !important;
}
.register-beko-appliance-body-button a {
background: var(--register-beko-appliance-button-a-background) !important;
color: var(--register-beko-appliance-button-a-color) !important;
font-family: var(--brand-family) !important;
font-weight: var(--medium) !important;
}
.register-beko-appliance-body-button a svg {
margin-right: var(
--register-beko-appliance-button-svg-margin-right
) !important;
height: var(--register-beko-appliance-button-svg-height) !important;
}
html[dir='rtl'] .register-beko-appliance-body-button a svg {
margin-right: 0;
margin-left: var(
--register-beko-appliance-button-svg-margin-right
) !important;
}
.need-support-card {
padding: var(--need-support-card-padding) !important;
background: var(--need-support-card-background) !important;
}
.need-support-card-item-content {
padding: var(--need-support-card-item-content-padding) !important;
background: var(--need-support-card-item-content-background) !important;
border: var(--need-support-card-item-content-border) !important;
border-radius: var(--need-support-card-item-content-border-radius) !important;
}
.need-support-card-item-content-head h4 {
font-size: var(--need-support-card-item-content-head-h4-font-size) !important;
line-height: var(
--need-support-card-item-content-head-h4-line-height
) !important;
color: var(--need-support-card-item-content-head-h4-color) !important;
font-family: var(--brand-family) !important;
font-weight: var(--medium) !important;
margin-bottom: var(
--need-support-card-item-content-head-h4-margin-bottom
) !important;
}
.need-support-card-item-content-head p {
font-size: var(
--need-support-card-item-content-header-p-font-size
) !important;
line-height: var(
--need-support-card-item-content-header-p-line-height
) !important;
letter-spacing: var(
--need-support-card-item-content-header-p-letter-spacing
) !important;
color: var(--need-support-card-item-content-header-p-color) !important;
font-family: var(--brand-family) !important;
font-weight: var(--regular) !important;
}
.need-support-card-item-content-button {
padding-top: var(
--need-support-card-item-content-button-padding-top
) !important;
}
.need-support-card-item-content-button a {
padding: var(--need-support-card-item-content-button-a-padding) !important;
}
.need-support-card-item-content-button a .btn {
font-size: var(
--need-support-card-item-content-button-btn-font-size
) !important;
background-color: var(
--need-support-card-item-content-button-btn-background-color
) !important;
border-radius: var(
--need-support-card-item-content-button-btn-border-radius
) !important;
line-height: var(
--need-support-card-item-content-button-btn-line-height
) !important;
}
.select-your-product-head {
margin-bottom: var(--select-your-product-head-margin-bottom) !important;
}
.select-your-product-head h3 {
font-size: var(--select-your-product-head-h3-font-size) !important;
line-height: var(--select-your-product-head-h3-line-height) !important;
color: var(--select-your-product-head-h3-color) !important;
font-family: var(--brand-family) !important;
font-weight: var(--regular);
margin-bottom: var(--select-your-product-head-h3-margin-bottom) !important;
}
.select-your-product-head p {
font-size: var(--select-your-product-head-p-font-size) !important;
line-height: var(--select-your-product-head-p-line-height) !important;
font-family: var(--brand-family) !important;
font-weight: var(--regular);
color: var(--select-your-product-head-p-color) !important;
}
.select-your-product-item {
margin-bottom: var(--select-your-product-item-margin-bottom) !important;
}
.select-your-product-item a {
padding: var(--select-your-product-item-a-padding) !important;
background: var(--select-your-product-item-a-background) !important;
border: var(--select-your-product-item-a-border) !important;
border-radius: var(--select-your-product-item-a-border-radius) !important;
height: var(--select-your-product-item-a-height) !important;
}
.select-your-product-item a h4 {
font-size: var(--select-your-product-item-h4-font-size) !important;
line-height: var(--select-your-product-item-h4-line-height) !important;
color: var(--select-your-product-item-h4-color) !important;
font-family: var(--brand-family) !important;
font-weight: var(--medium);
}
.select-your-product-item a img {
height: var(--select-your-product-item-img-height) !important;
}
@media only screen and (min-width: 320px) and (max-width: 991px) {
.select-your-product-item a {
padding: 0 10px !important;
}
.select-your-product-item a h4 {
font-size: 16px !important;
line-height: 21px !important;
}
}
.ProductInfo__root .ProductInfo__top {
color: var(--product-info-root-top-color);
border-radius: var(--product-info-root-top-border-radius);
}
.ProductInfo__root .ProductInfo__top .ProductInfo__title {
font-size: var(--product-info-root-title-font-size);
line-height: var(--product-info-root-title-line-height);
width: var(--product-info-root-title-width);
font-weight: var(--product-info-root-title-font-weight);
}
.ProductInfoParams__root {
background-color: var(--product-info-params-root-background-color);
}
.ProductInfoParams__bottom {
border-top: var(--product-info-params-bottom-border-top);
border-bottom: var(--product-info-params-bottom-border-bottom);
}
.ProductInfoParams__bottom.aos-animate {
border-bottom-color: var(
--product-info-params-bottom-aos-border-bottom-color
);
}
.ProductInfoParams__bottom .ProductInfoParams__row {
border-left: var(--product-info-params-bottom-row-border-left);
border-right: var(--product-info-params-bottom-row-border-right);
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft.ProductInfoParams__autoWidth
button,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight.ProductInfoParams__autoWidth
button {
color: var(--product-info-params-bottom-row-cell-color);
}
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellLeft
.ProductInfoParams__info,
.ProductInfoParams__bottom
.ProductInfoParams__row
.ProductInfoParams__cellRight
.ProductInfoParams__info {
line-height: var(--product-info-params-bottom-row-cell-line-height);
}
.ProductInfoParams__info {
font-size: var(--product-info-params-info-font-size);
}
body.rtl-lang .ProductInfoParams__cellLeft {
border-right: var(
--rtl-lang-product-info-params-cellleft-border-right
) !important;
}
@media (min-width: 1440px) {
body.rtl-lang .ProductInfoParams__cellLeft {
border-left: --rtl-lang-product-info-params-cellleft-mobile-border-left !important;
}
body.rtl-lang .ProductInfoParams__bottom .ProductInfoParams__row {
border: none !important;
}
}
.ButtonView__root .ButtonView__border {
border-color: var(--button-view-root-and-br-border-color);
}
.ButtonView__root.active .ButtonView__border {
border: var(--button-view-root-active-and-br-border);
}
[data-bv-show='rating_summary']
.bv_main_container
.bv_avgRating_component_container,
[data-bv-show='rating_summary'] .bv_main_container .bv_numReviews_text,
[data-bv-show='rating_summary'] .bv_main_container .bv_button_buttonMinimalist {
color: #000 !important;
}
.MainSpecs__root {
border-top: var(--mainspecs-root-border-top);
border-bottom: var(--mainspecs-root-border-bottom);
}
.MainSpecs__root.aos-animate {
border-top: var(--mainspecs-root-aos-border-top);
border-bottom: var(--mainspecs-root-aos-border-bottom);
}
.MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions {
border-left: var(--mainspecs-root-dimesions-border-left);
}
.MainSpecs__root
.MainSpecs__inner
.MainSpecs__dimensions
.MainSpecs__scheme
.MainSpecs__d,
.MainSpecs__root
.MainSpecs__inner
.MainSpecs__dimensions
.MainSpecs__scheme
.MainSpecs__h,
.MainSpecs__root
.MainSpecs__inner
.MainSpecs__dimensions
.MainSpecs__scheme
.MainSpecs__w {
font-weight: var(--mainspecs-root-scheme-font-weight);
}
.MainSpecs__root .MainSpecs__inner .MainSpecs__dimensions .MainSpecs__title {
font-size: var(--mainspecs-root-title-font-size);
margin-top: var(--mainspecs-root-title-margin-top);
line-height: var(--mainspecs-root-title-line-height);
color: var(--mainspecs-root-title-color);
}
.DimensionsItem__root {
border-radius: var(--dimensionsItem-root-border-radius);
background-color: var(--dimensionsItem-root-background-color);
}
.DimensionsItem__number {
font-size: var(--dimensionsItem-root-number-font-size) !important;
color: var(--dimensionsItem-root-number-color) !important;
line-height: var(--dimensionsItem-root-number-line-height) !important;
font-weight: var(--dimensionsItem-root-number-font-weight) !important;
}
@media (max-width: 374px) {
.DimensionsItem__number {
font-size: var(--dimensionsItem-root-number-374-font-size) !important;
line-height: var(--dimensionsItem-root-number-374-line-height) !important;
}
}
.DimensionsItem__title {
color: var(--dimensionsItem-root-title-color) !important;
font-weight: var(--dimensionsItem-root-title-font-weight) !important;
font-size: var(--dimensionsItem-root-title-font-size) !important;
}
@media (max-width: 374px) {
.DimensionsItem__title {
font-size: var(--dimensionsItem-root-title-374-font-size) !important;
margin-top: var(--dimensionsItem-root-title-374-margin-top) !important;
}
}
.DimensionsItem__root.DimensionsItem__modular {
background-color: var(
--dimensionsItem-root-modular-background-color
) !important;
}
.DimensionsItem__root.DimensionsItem__modular .DimensionsItem__number {
font-family: var(--dimensionsItem-root-modular-number-font-family) !important;
font-style: var(--dimensionsItem-root-modular-number-font-style) !important;
font-weight: var(--dimensionsItem-root-modular-number-font-weight) !important;
line-height: var(--dimensionsItem-root-modular-number-line-height) !important;
font-size: var(--dimensionsItem-root-modular-number-font-size) !important;
color: var(--dimensionsItem-root-modular-number-color) !important;
}
.DimensionsItem__root.DimensionsItem__modular .DimensionsItem__units {
font-family: var(--dimensionsItem-root-modular-units-font-family) !important;
font-style: var(--dimensionsItem-root-modular-units-font-style) !important;
font-weight: var(--dimensionsItem-root-modular-units-font-weight) !important;
line-height: var(--dimensionsItem-root-modular-units-line-height) !important;
font-size: var(--dimensionsItem-root-modular-units-font-size) !important;
color: var(--dimensionsItem-root-modular-units-color) !important;
}
.DimensionsItem__root.DimensionsItem__modular .DimensionsItem__title {
font-style: var(--dimensionsItem-root-modular-title-font-style) !important;
font-weight: var(--dimensionsItem-root-modular-title-font-weight) !important;
line-height: var(--dimensionsItem-root-modular-title-line-height) !important;
font-size: var(--dimensionsItem-root-modular-title-font-size) !important;
letter-spacing: var(
--dimensionsItem-root-modular-title-letter-spacing
) !important;
color: var(--dimensionsItem-root-modular-title-color) !important;
}
.SectionHeader__root .SectionHeader__prefix {
color: var(--sectionheader-root-prefix-color);
}
.SectionHeader__root .SectionHeader__title {
color: var(--sectionheader-root-title-color);
}
.SectionHeader__root .SectionHeader__subtitle {
margin-top: var(--sectionheader-root-subtitle-margin-top);
font-weight: var(--sectionheader-root-subtitle-font-weight);
color: var(--sectionheader-root-subtitle-color);
}
.SectionHeader__root.SectionHeader__secondary .SectionHeader__subtitle,
.SectionHeader__root.SectionHeader__secondary .SectionHeader__title {
color: var(--sectionheader-root-secondary-subtitle-title-color);
}
.FeatureText__root .FeatureText__prefix {
font-size: var(--featuretext-root-prefix-font-size);
line-height: var(--featuretext-root-prefix-line-height);
font-weight: var(--featuretext-root-prefix-font-weight);
}
.FeatureText__root .FeatureText__title {
width: var(--featuretext-root-title-width);
letter-spacing: var(--featuretext-root-title-letter-spacing);
}
.FeatureText__root .FeatureText__sub {
font-size: var(--featuretext-root-sub-font-size);
font-weight: var(--featuretext-root-sub-font-weight);
line-height: var(--featuretext-root-sub-line-height);
letter-spacing: var(--featuretext-root-sub-letter-spacing);
color: var(--featuretext-root-sub-color);
}
.FeatureText__root .FeatureText__postfix {
line-height: var(--featuretext-root-postfix-line-height);
font-size: var(--featuretext-root-postfix-font-size);
color: var(--featuretext-root-postfix-color);
}
.FeatureText__root .FeatureText__postfix .FeatureText__refer {
font-weight: var(--featuretext-root-refer-font-weight);
-webkit-text-decoration: var(--featuretext-root-refer-text-decoration);
text-decoration: var(--featuretext-root-refer-text-decoration);
color: var(--featuretext-root-refer-color);
}
@media (max-width: 768px) {
.FeatureText__root .FeatureText__title {
letter-spacing: var(--featuretext-root-title-mobile-letter-spacing);
}
}
.MainFeatureImages__root .MainFeatureImages__bigImageBackground {
border-radius: var(--mainfeature-img-big-img-bg-border-radius);
}
.MainFeatureImages__root .MainFeatureImages__featureImage {
border-radius: var(--mainfeature-img-featureimg-border-radius);
-webkit-box-shadow: var(--mainfeature-img-featureimg-box-shadow);
box-shadow: var(--mainfeature-img-featureimg-box-shadow);
}
.ContentToggle__header {
border-radius: var(--contenttoggle-header-border-radius);
background-color: var(--contenttoggle-header-background-color);
}
@media (min-width: 1025px) {
.ContentToggle__header:hover {
-webkit-box-shadow: var(--contenttoggle-header-hover-box-shadow);
box-shadow: var(--contenttoggle-header-hover-box-shadow);
}
}
.ContentToggle__title {
font-size: var(--contenttoggle-title-font-size);
line-height: var(--contenttoggle-title-line-height);
color: var(--contenttoggle-title-color);
}
@media (max-width: 768px) {
.ContentToggle__title {
font-size: var(--contenttoggle-title-mobile-font-size);
line-height: var(--contenttoggle-title-mobile-line-height);
}
}
@media (min-width: 1025px) {
.ContentToggle__header:hover .ContentToggle__title {
color: var(--contenttoggle-header-hover-title-color);
}
}
.ContentToggle__switchBtn {
background-color: var(--contenttoggle-switchbtn-background-color);
}
.ContentToggle__switchBtnIcon {
border-radius: var(--contenttoggle-switchbtnicon-border-radius);
border: var(--contenttoggle-switchbtnicon-border);
background-color: var(--contenttoggle-switchbtnicon-background-color);
font-size: var(--contenttoggle-switchbtnicon-font-size);
}
.ContentToggle__switchBtnIcon:hover {
border-color: var(--contenttoggle-switchbtnicon-hover-border-color);
}
.ContentToggle__switchBtnIcon:after {
background-color: var(--contenttoggle-switchbtnicon-after-background-color);
}
.ContentToggle__switchBtnIcon:before {
background-color: var(--contenttoggle-switchbtnicon-before-background-color);
}
.ContentToggle__content {
border-bottom-left-radius: var(
--contenttoggle-content-border-bottom-left-radius
);
border-bottom-right-radius: var(
--contenttoggle-content-border-bottom-right-radius
);
background-color: var(--contenttoggle-content-background-color);
}
.ContentToggle__icon.faq {
color: var(--contenttoggle-icon-faq-color);
}
.ContentToggle__root.open .ContentToggle__header {
-webkit-box-shadow: var(--contenttoggle-root-open-header-box-shadow);
box-shadow: var(--contenttoggle-root-open-header-box-shadow);
}
.PropertyTable__root:after {
background-color: var(--propertytable-root-background-color);
}
.PropertyTable__column:nth-child(odd) {
color: var(--propertytable-nth-odd-color);
line-height: var(--propertytable-nth-odd-line-height);
}
.PropertyTable__column:nth-child(2n) {
color: var(--propertytable-nth-2n-color);
letter-spacing: var(--propertytable-nth-2n-letter-spacing);
line-height: var(--propertytable-nth-2n-line-height);
}
.PropertyTable__row:nth-child(odd) {
background-color: var(--propertytable-row-odd-background-color);
}
.PropertyTable__row:nth-child(2n) {
background-color: var(--propertytable-row-nth-2n-background-color);
}
.PropertyTable__row:last-child {
border-bottom-right-radius: var(
--propertytable-row-last-child-border-bottom-right-radius
);
border-bottom-left-radius: var(
--propertytable-row-last-child-border-bottom-left-radius
);
}
.PropertyTable__checked {
stroke: var(--propertytable-checked-stroke);
}
.DownloadDocsBtn__root {
border-radius: var(--downloaddocsbtn-root-border-radius);
background-color: var(--downloaddocsbtn-root-background-color);
}
.DownloadDocsBtn__root.supportLink {
background-color: var(--downloaddocsbtn-root-supportlink-background-color);
}
.DownloadDocsBtn__title {
color: var(--downloaddocsbtn-title-color);
font-size: var(--downloaddocsbtn-title-font-size);
line-height: var(--downloaddocsbtn-title-line-height);
}
.DownloadDocsBtn__root.supportLink .DownloadDocsBtn__title {
color: var(--downloaddocsbtn-root-supportlink-title-color);
}
.DownloadDocsBtn__icon {
border: var(--downloaddocsbtn-icon-border);
border-radius: var(--downloaddocsbtn-icon-border-radius);
background-color: var(--downloaddocsbtn-icon-background-color);
}
.DownloadDocsBtn__icon:hover {
border-color: var(--downloaddocsbtn-icon-hover-border-color);
}
.DownloadDocsBtn__icon svg {
color: var(--downloaddocsbtn-icon-svg-color);
fill: var(--downloaddocsbtn-icon-svg-fill);
stroke: var(--downloaddocsbtn-icon-svg-stroke);
}
.PartnerLogo__root .PartnerLogo__logo {
color: var(--partnerlogo-root-logo-color);
}
.PartnerLogo__root .PartnerLogo__divider {
background-color: var(--partnerlogo-root-divider-background-color);
}
.PartnerLogo__root p {
font-weight: var(--partnerlogo-root-p-font-weight);
font-size: var(--partnerlogo-root-p-font-size);
letter-spacing: var(--partnerlogo-root-p-letter-spacing);
}
.Subscription__root .Subscription__buttonEnter {
font-size: var(--subs-root-buttonenter-font-size);
line-height: var(--subs-root-buttonenter-line-height);
font-weight: var(--subs-root-buttonenter-font-weight);
letter-spacing: var(--subs-root-buttonenter-letter-spacing);
color: var(--subs-root-buttonenter-color);
}
.Subscription__root .Subscription__buttonEnter:hover {
color: var(--subs-root-buttonenter-hover-color);
}
.Subscription__root .Subscription__buttonCheckmark {
border-top-left-radius: var(--subs-root-buttoncheck-border-top-left-radius);
border-bottom-left-radius: var(
--subs-root-buttoncheck-border-bottom-left-radius
);
border-top-right-radius: var(--subs-root-buttoncheck-border-top-right-radius);
border-bottom-right-radius: var(
--subs-root-buttoncheck-border-bottom-right-radius
);
}
.Subscription__root
.Subscription__subscribeField
.Subscription__subscribeButton-wrapper
svg {
color: var(--subs-root-subsfield-subsbutton-wrapper-color);
stroke: var(--subs-root-subsfield-subsbutton-wrapper-stroke);
}
.Subscription__root .Subscription__subscribeField input {
border: var(--subs-root-subsfield-border);
border-radius: var(--subs-root-subsfield-border-radius);
font-size: var(--subs-root-subsfield-font-size);
letter-spacing: var(--subs-root-subsfield-letter-spacing);
}
.MenuMobileSubcategory__root .MenuMobileSubcategory__button {
background: var(--menumobilesubcat-root-subcat-button-background);
height: var(--menumobilesubcat-root-subcat-button-height);
width: var(--menumobilesubcat-root-subcat-button-width);
color: var(--menumobilesubcat-root-subcat-button-color);
font-size: var(--menumobilesubcat-root-subcat-button-font-size);
line-height: var(--menumobilesubcat-root-subcat-button-line-height);
font-weight: var(--menumobilesubcat-root-subcat-button-font-weight);
border-bottom: var(--menumobilesubcat-root-subcat-button-border-bottom);
cursor: pointer;
}
.MenuMobileSubcategory__root
.MenuMobileSubcategory__button.MenuMobileSubcategory__opened {
color: var(--menumobilesubcat-root-subcat-opened-color);
}
.MenuMobileCategory__root .MenuMobileCategory__button {
color: var(--menumobilecat-root-cat-button-color);
background-color: var(--menumobilecat-root-cat-button-background-color);
font-size: var(--menumobilecat-root-cat-button-font-size);
line-height: var(--menumobilecat-root-cat-button-line-height);
font-weight: var(--menumobilecat-root-cat-button-font-weight);
}
.MenuMobileButtonLinks__root .MenuMobileButtonLinks__button {
color: var(--menumobilebuttonlinks-root-button-color);
background-color: var(--menumobilebuttonlinks-root-button-background-color);
font-size: var(--menumobilebuttonlinks-root-button-font-size);
line-height: var(--menumobilebuttonlinks-root-button-line-height);
font-weight: var(--menumobilebuttonlinks-root-button-font-weight);
}
.MenuMobile__root .MenuMobile__logoBlock {
background-color: var(--menumobile-root-logoblock-background-color);
}
.MenuMobile__root .MenuMobile__logoBlock .MenuMobile__logo {
color: #fff;
fill: #fff;
stroke: #fff;
}
.MenuMobile__root .MenuMobile__blog {
color: var(--menumobile-root-blog-color);
background-color: var(--menumobile-root-blog-background-color);
font-size: var(--menumobile-root-blog-font-size);
line-height: var(--menumobile-root-blog-line-height);
font-weight: var(--menumobile-root-blog-font-weight);
}
.SearchForm__root input {
color: var(--searchform-root-input-color);
border: var(--searchform-root-input-border);
font-size: var(--searchform-root-input-font-size);
font-weight: var(--searchform-root-input-font-weight);
}
.SearchForm__root.SearchForm__address {
border-bottom: var(--searchform-root-address-border-bottom);
}
.SearchForm__root.SearchForm__address input {
font-size: var(--searchform-root-address-input-font-size);
line-height: var(--searchform-root-address-input-line-height);
}
.SearchForm__root.SearchForm__address input::-webkit-input-placeholder {
color: var(--searchform-root-address-input-placeholder-color);
opacity: var(--searchform-root-address-input-placeholder-opacity);
font-size: var(--searchform-root-address-input-placeholder-font-size);
line-height: var(--searchform-root-address-input-placeholder-line-height);
}
.SearchForm__root.SearchForm__address input::-webkit-input-placeholder,
.SearchForm__root.SearchForm__address input:-ms-input-placeholder,
.SearchForm__root.SearchForm__address input::-ms-input-placeholder,
.SearchForm__root.SearchForm__address input::placeholder {
color: var(--searchform-root-address-input-placeholder-color);
opacity: var(--searchform-root-address-input-placeholder-opacity);
font-size: var(--searchform-root-address-input-placeholder-font-size);
line-height: var(--searchform-root-address-input-placeholder-line-height);
}
.SearchForm__root.SearchForm__retailer {
border-radius: var(--searchform-root-retailer-border-radius);
background-color: var(--searchform-root-retailer-background-color);
-webkit-box-shadow: var(--searchform-root-retailer-box-shadow);
box-shadow: var(--searchform-root-retailer-box-shadow);
}
.SearchForm__root.SearchForm__retailer input {
font-size: var(--searchform-root-retailer-input-font-size);
line-height: var(--searchform-root-retailer-input-line-height);
}
.SearchForm__root.SearchForm__retailer input::-webkit-input-placeholder {
color: var(--searchform-root-retailer-input-placeholder-color);
opacity: var(--searchform-root-retailer-input-placeholder-opacity);
font-size: var(--searchform-root-retailer-input-placeholder-font-size);
line-height: var(--searchform-root-retailer-input-placeholder-line-height);
}
.SearchForm__root.SearchForm__retailer input::-webkit-input-placeholder,
.SearchForm__root.SearchForm__retailer input:-ms-input-placeholder,
.SearchForm__root.SearchForm__retailer input::-ms-input-placeholder,
.SearchForm__root.SearchForm__retailer input::placeholder {
color: var(--searchform-root-retailer-input-placeholder-color);
opacity: var(--searchform-root-retailer-input-placeholder-opacity);
font-size: var(--searchform-root-retailer-input-placeholder-font-size);
line-height: var(--searchform-root-retailer-input-placeholder-line-height);
}
.SearchForm__root.SearchForm__searchBlue svg {
color: var(--searchform-searchblue-svg-color);
fill: var(--searchform-searchblue-svg-fill);
}
.SearchInspiration__root .SearchInspiration__question {
color: var(--searchinspiration-root-question-color);
font-size: var(--searchinspiration-root-question-font-size);
font-weight: var(--searchinspiration-root-question-font-weight);
line-height: var(--searchinspiration-root-question-line-height);
letter-spacing: var(--searchinspiration-root-question-letter-spacing);
margin-top: var(--searchinspiration-root-question-margin-top);
margin-bottom: var(--searchinspiration-root-question-margin-bottom);
}
.SearchInspiration__root .SearchInspiration__inspiration {
-webkit-text-decoration: var(
--searchinspiration-root-inspiration-text-decoration
);
text-decoration: var(--searchinspiration-root-inspiration-text-decoration);
display: var(--searchinspiration-root-inspiration-display);
color: var(--searchinspiration-root-inspiration-color);
font-weight: var(--searchinspiration-root-inspiration-font-weight);
font-size: var(--searchinspiration-root-inspiration-font-size);
margin-bottom: var(--searchinspiration-root-inspiration-margin-bottom);
}
.SearchInspiration__root .SearchInspiration__inspiration:visited {
color: var(--searchinspiration-root-inspiration-visited-color);
}
.Dropdown__dropdownButton {
color: var(--dropdown-dropdownbutton-color);
font-size: var(--dropdown-dropdownbutton-font-size);
font-weight: var(--dropdown-dropdownbutton-font-weight);
background-color: var(--dropdown-dropdownbutton-background-color);
}
.Dropdown__dropdownButton:hover {
background-color: var(--dropdown-dropdownbutton-hover-background-color);
}
.Dropdown__dropdownButton.active {
background-color: var(--dropdown-dropdownbutton-active-background-color);
color: var(--dropdown-dropdownbutton-active-color);
}
.Dropdown__dropdownContent.secondary .Dropdown__dropdownButton {
background-color: var(
--dropdown-content-secondary-dropdownbutton-background-color
);
color: var(--dropdown-content-secondary-dropdownbutton-color);
font-size: var(--dropdown-content-secondary-dropdownbutton-font-size);
}
.Dropdown__root.JS-form-dropdown .Dropdown__dropdownButton {
font-weight: var(--dropdown-root-jsform-dropdownbtn-font-weight);
color: var(--dropdown-root-jsform-dropdownbtn-color);
font-size: var(--dropdown-root-jsform-dropdownbtn-font-size);
}
.Dropdown__root.JS-form-dropdown .Dropdown__dropdownButton.active {
color: var(--dropdown-root-jsform-dropdownbtn-active-color);
}
.Dropdown__dropdownContent.secondary .Dropdown__dropdownButton.active {
color: var(--dropdown-content-secondary-dropdownbtn-active-color);
}
ul.Dropdown__dropdownContent::-webkit-scrollbar-thumb {
background-color: var(--ul-dropdowncontent-scrollbar-background-color);
border-radius: var(--ul-dropdowncontent-scrollbar-border-radius);
border: var(--ul-dropdowncontent-scrollbar-border);
}
.Dropdown__root.open.JS-form-dropdown .JS-dropdown-button {
border-color: var(--dropdown-root-openjs-js-dpbtn-border-color);
-webkit-box-shadow: var(--dropdown-root-openjs-js-dpbtn-box-shadow);
box-shadow: var(--dropdown-root-openjs-js-dpbtn-box-shadow);
}
.Dropdown__root.open.JS-form-dropdown .JS-dropdown-button.changed {
color: var(--dropdown-root-openjs-js-dpbtn-changed-color);
}
.Dropdown__root .Button__root {
color: var(--button-root-secondary-color) !important;
}
.FindAStoreBtn__title {
color: var(--findastorebtn-title-color);
font-size: var(--findastorebtn-title-font-size);
line-height: var(--findastorebtn-title-line-height);
}
.PlayButton__root.PlayButton__secondary {
background-color: var(--playbtn-root-secondary-background-color);
}
.PlayButton__root.PlayButton__secondary:hover {
background-color: var(--playbtn-root-secondary-hover-background-color);
}
.Modal__root {
color: var(--modal-root-background-text-color);
}
.Modal__root .Modal__backButton svg {
color: var(--modal-root-backbutton-svg-color);
fill: var(--modal-root-backbutton-svg-fill);
stroke: var(--modal-root-backbutton-svg-stroke);
}
.DragLabel__root {
background-color: var(--draglabel-root-background-color);
}
.textBlue {
color: var(--textblue-color);
}
.CategoriesItem__root p {
font-size: var(--catitem-root-p-font-size);
font-weight: var(--catitem-root-p-font-weight);
}
.CategoriesItem__root:hover p {
color: var(--catitem-root-p-hover-p-color);
}
.video-js .vjs-big-play-button {
background-color: var(--videojs-vjs-bigp-btn-background-color);
}
.video-js .vjs-big-play-button:focus {
background-color: var(--videojs-vjs-bigp-btn-focus-background-color);
}
.video-js:hover .vjs-big-play-button {
background-color: var(--videojs-hover-vjs-big-p-btn-background-color);
}
.ColorButton__root.active,
.ColorButton__root:focus {
background-color: var(--colorbtn-root-active-with-focus-background-color);
color: var(--colorbtn-root-active-with-focus-color);
}
.Tooltip__root {
border-radius: var(--tooltip-root-border-radius);
background-color: var(--tooltip-root-background-color);
-webkit-box-shadow: var(--tooltip-root-box-shadow);
box-shadow: var(--tooltip-root-box-shadow);
color: var(--tooltip-root-color);
line-height: var(--tooltip-root-line-height);
}
.ButtonTooltip__root .ButtonTooltip__button .ButtonTooltip__quickInfo {
color: var(--btntooltip-root-btn-quickinfo-color);
fill: var(--btntooltip-root-btn-quickinfo-fill);
}
.ButtonTooltip__root.ButtonTooltip__secondary .ButtonTooltip__button {
background-color: var(--btntooltip-root-sevondary-btn-background-color);
}
.ButtonTooltip__root.ButtonTooltip__secondary .ButtonTooltip__button:hover {
background-color: var(--btntooltip-root-sevondary-btn-hover-background-color);
}
.ButtonTooltip__root.ButtonTooltip__secondary .ButtonTooltip__button svg {
fill: var(--btntooltip-root-sevondary-btn-svg-fill);
}
.ButtonTooltip__root.ButtonTooltip__secondary .ButtonTooltip__button:hover svg {
fill: var(--btntooltip-root-sevondary-btn-hover-svg-fill);
}
.FeatureButton__root {
background-color: var(--featurebtn-root-background-color);
color: var(--featurebtn-root-color);
height: var(--featurebtn-root-height);
font-size: var(--featurebtn-root-font-size);
font-weight: var(--featurebtn-root-font-weight);
}
.FeatureButton__root.active,
.FeatureButton__root:focus {
background-color: var(--featurebtn-root-active-with-focus-background-color);
color: var(--featurebtn-root-active-with-focus-color);
}
.FeatureButton__root:hover {
background-color: var(--featurebtn-root-hover-background-color);
color: var(--featurebtn-root-hover-color);
}
.FeatureButton__wrapper {
border-radius: var(--featurebtn-wrapper-border-radius);
background-color: var(--featurebtn-wrapper-background-color);
color: var(--featurebtn-wrapper-color);
height: var(--featurebtn-wrapper-height);
font-size: var(--featurebtn-wrapper-font-size);
font-weight: var(--featurebtn-wrapper-font-weight);
}
.FeatureButton__wrapper:hover {
background-color: var(--featurebtn-wrapper-hover-background-color);
color: var(--featurebtn-wrapper-hover-color);
}
.FeatureButton__wrapper.active,
.FeatureButton__wrapper:focus {
background-color: var(
--featurebtn-wrapper-active-with-focus-background-color
);
color: var(--featurebtn-wrapper-active-with-focus-color);
}
.PropertyButton__root {
border-radius: var(--propertbutton-root-border-radius);
background-color: var(--propertbutton-root-background-color);
color: var(--propertbutton-root-color);
height: var(--propertbutton-root-height);
font-size: var(--propertbutton-root-font-size);
font-weight: var(--propertbutton-root-font-weight);
}
.PropertyButton__root.active,
.PropertyButton__root:focus {
background-color: var(
--propertbutton-root-active-with-focus-background-color
);
color: var(--propertbutton-root-active-with-focus-color);
}
.PropertyButton__root:hover {
background-color: var(--propertbutton-root-hover-background-color);
color: var(--propertbutton-root-hover-color);
}
.ColorButton__root {
border-radius: var(--colorbtn-root-border-radius);
background-color: var(--colorbtn-root-background-color);
color: var(--colorbtn-root-color);
font-size: var(--colorbtn-root-font-size);
font-weight: var(--colorbtn-root-font-weight);
}
.ColorButton__root.active,
.ColorButton__root:focus {
color: var(--colorbtn-root-active-with-focus-color);
}
.ColorButton__root .ColorButton__color {
border: var(--colorbtn-root-color-border);
border-radius: var(--colorbtn-root-color-border-radius);
}
.ColorButton__root:hover {
background-color: var(--colorbtn-root-hover-background-color);
color: var(--colorbtn-root-hover-color);
}
.ColorButton__root:hover.ColorButton__closebutton button {
background-color: var(--colorbtn-root-closebtn-btn-background-color);
}
.NavPanelItem__root {
color: var(--navpanelitem-root-color);
font-weight: var(--navpanelitem-root-font-weight);
background-color: var(--navpanelitem-root-background-color);
}
.NavPanelItem__root:hover {
background-color: var(--navpanelitem-root-hover-background-color);
}
.NavPanelItem__root.NavPanelItem__active {
-webkit-box-shadow: var(--navpanelitem-root-active-box-shadow);
box-shadow: var(--navpanelitem-root-active-box-shadow);
color: var(--navpanelitem-root-active-color);
background-color: var(--navpanelitem-root-active-background-color);
}
.ProductFeatureButton__root {
border: var(--productfeaturebtn-root-border);
border-radius: var(--productfeaturebtn-root-border-radius);
color: var(--productfeaturebtn-root-color);
background-color: var(--productfeaturebtn-root-background-color);
font-size: var(--productfeaturebtn-root-font-size);
letter-spacing: var(--productfeaturebtn-root-letter-spacing);
font-size: var(--productfeaturebtn-root-font-size);
font-weight: var(--productfeaturebtn-root-font-weight);
}
.ProductFeatureButton__root:hover {
border-color: var(--productfeaturebtn-root-hover-border-color);
}
.ProductFeatureButton__root:hover .buttonTooltipHover {
background-color: var(
--productfeaturebtn-root-hover-btntooltiphover-background-color
);
}
.ProductFeatureButton__root:hover .buttonTooltipHover svg {
fill: var(--productfeaturebtn-root-hover-svg-fill);
}
.irs-bar {
background-color: var(--irs-bar-background-color);
}
.irs-from,
.irs-single,
.irs-to {
color: var(--irs-thirtclass-color);
font-size: var(--irs-thirtclass-font-size);
}
.CheckboxButton__root
input[type='checkbox']:checked
+ .PropertyButton__root
svg {
fill: var(--checkboxbtn-root-checked-propertybtn-root-svg-fill);
stroke: var(--checkboxbtn-root-checked-propertybtn-root-svg-stroke);
}
.CheckboxButton__root input[type='checkbox']:checked + .CheckboxButton__inner {
background-color: var(--checkboxbtn-root-checked-inner-background-color);
color: var(--checkboxbtn-root-checked-inner-color);
}
.CheckboxButton__root
input[type='checkbox']:checked
+ .CheckboxButton__inner
.button-tooltip,
.CheckboxButton__root
input[type='checkbox']:checked
+ .CheckboxButton__inner
.ButtonTooltip__button {
background-color: var(
--checkboxbtn-root-checked-inner-in-btt-button-background-color
);
}
.CheckboxButton__root
input[type='checkbox']:checked
+ .CheckboxButton__inner
.button-tooltip
svg,
.CheckboxButton__root
input[type='checkbox']:checked
+ .CheckboxButton__inner
.ButtonTooltip__button
svg {
fill: var(--checkboxbtn-root-checked-inner-int-btt-svg-btn-svg-fill);
stroke: var(--checkboxbtn-root-checked-inner-int-btt-svg-btn-svg-stroke);
}
.CheckboxButton__root
input[type='checkbox']:not(:checked)
+ .CheckboxButton__inner {
background-color: var(--checkboxbtn-root-checkbox-background-color);
color: var(--checkboxbtn-root-checkbox-color);
}
@media (min-width: 1025px) {
.CheckboxButton__root
input[type='checkbox']:not(:checked)
+ .CheckboxButton__inner:hover {
background-color: var(--checkboxbtn-root-checkbox-1025-background-color);
color: var(--checkboxbtn-root-checkbox-1025-color);
}
}
.SizeButtons__root button {
font-weight: var(--sizebuttons-root-font-weight);
border-radius: var(--sizebuttons-root-border-radius);
}
.SizeButtons__root button.active {
background-color: var(--sizebuttons-root-active-background-color);
color: var(--sizebuttons-root-active-color);
}
.active .ToggleBtn__toggle {
background-color: var(--active-togglebtn-toggle-background-color);
}
.active .ToggleBtn__title {
color: var(--active-togglebtn-title-color);
}
.ProductCompareSlider__showMoreBtnTitle {
text-align: var(--productcompareslider-showmorebtntitle-text-align);
font-size: var(--productcompareslider-showmorebtntitle-font-size);
line-height: var(--productcompareslider-showmorebtntitle-line-height);
font-weight: var(--productcompareslider-showmorebtntitle-font-weight);
letter-spacing: var(--productcompareslider-showmorebtntitle-letter-spacing);
color: var(--productcompareslider-showmorebtntitle-color);
}
.Input__root.focus .Input__inputField {
border-color: var(--input-root-focus-inputfield-border-color);
}
.Input__root.error .Input__inputField,
.Input__root.focus .Input__inputField,
.Input__root.required .Input__inputField {
-webkit-box-shadow: var(--input-root-total-class-box-shadow);
box-shadow: var(--input-root-total-class-box-shadow);
}
.Input__root.error .Input__inputField {
border-color: var(--input-root-error-inputfield-border-color);
}
.Input__root.required .Input__placeholder {
color: var(--input-root-required-placeholder-color);
}
.Input__root.focus .Input__placeholder {
color: var(--input-root-focus-placeholder-color);
}
.Input__root.error .Input__placeholder {
color: var(--input-root-error-placeholder-color);
}
.Input__root.textArea .Input__placeholder {
line-height: var(--input-root-textarea-placeholder-line-height);
}
.Input__root .counter {
margin: var(--input-root-counter-margin);
font-size: var(--input-root-counter-font-size);
line-height: var(--input-root-counter-line-height);
letter-spacing: var(--input-root-counter-letter-spacing);
color: var(--input-root-counter-color);
}
.Input__tooltip {
font-size: var(--input-tooltip-font-size);
line-height: var(--input-tooltip-line-height);
letter-spacing: var(--input-tooltip-letter-spacing);
color: var(--input-tooltip-color);
}
.Input__tooltip:hover .Input__quickInfoIcon {
fill: var(--input-tooltip-hover-quickinfoicon-fill);
}
.Checkbox__input:checked + .Checkbox__checkbox .Checkbox__checkboxState {
border-color: var(
--chexkbox-input-checked-plus-checkbox-checkboxstate-border-color
);
}
.Checkbox__input:checked + .Checkbox__checkbox .Checkbox__checkboxState:after {
background-color: var(
--chexkbox-input-checked-plus-checkbox-checkboxstate-background-color
);
}
.Checkbox__title {
font-size: var(--checkbox-title-font-size);
line-height: var(--checkbox-title-line-height);
letter-spacing: var(--checkbox-title-letter-spacing);
font-weight: var(--checkbox-title-font-weight);
margin-left: var(--checkbox-title-margin-left);
color: var(--checkbox-title-color);
}
.Checkbox__title a {
font-size: var(--checkbox-title-a-font-size);
line-height: var(--checkbox-title-a-line-height);
letter-spacing: var(--checkbox-title-a-letter-spacing);
font-weight: var(--checkbox-title-a-font-weight);
color: var(--checkbox-title-a-color);
}
.Checkbox__root.big .Checkbox__title {
margin-left: var(--checkbox-root-big-title-margin-left);
font-size: var(--checkbox-root-big-title-font-size);
line-height: var(--checkbox-root-big-title-line-height);
letter-spacing: var(--checkbox-root-big-title-letter-spacing);
font-weight: var(--checkbox-root-big-title-font-weight);
}
@media (min-width: 1025px) {
.BuiltInCategory__root:hover .BuiltInCategory__title {
color: var(--builtincat-root-title-1025-color);
}
}
.CategoriesMenuSliderItem__title {
width: var(--catmenuslideritem-title-width);
font-size: var(--catmenuslideritem-title-font-size);
line-height: var(--catmenuslideritem-title-line-height);
font-weight: var(--catmenuslideritem-title-font-weight);
}
.CategoriesMenuSliderItem__root.active-desktop .CategoriesMenuSliderItem__title,
.CategoriesMenuSliderItem__root.active .CategoriesMenuSliderItem__title {
color: var(--catmenuslideritem-root-total-class-color);
}
.ModalImageMap__title {
padding: var(--modalimage-map-title-padding);
line-height: var(--modalimage-map-title-line-height);
font-size: var(--modalimage-map-title-font-size);
font-weight: var(--modalimage-map-title-font-weight);
letter-spacing: var(--modalimage-map-title-letter-spacing);
color: var(--modalimage-map-title-color);
}
.ModalImageMap__plus {
margin: var(--modalimage-map-plus-margin);
width: var(--modalimage-map-plus-width);
height: var(--modalimage-map-plus-height);
border-radius: var(--modalimage-map-plus-border-radius);
background-color: var(--modalimage-map-plus-background-color);
}
.ModalImageMap__plusIcon {
width: var(--modalimage-map-plusicon-width);
height: var(--modalimage-map-plusicon-height);
fill: var(--modalimage-map-plusicon-fill);
stroke: var(--modalimage-map-plusicon-stroke);
}
.ViewLabel__root {
background-color: var(--viewlabel-root-background-color);
}
.SearchNoResults__root .SearchNoResults__topMessage {
width: var(--searchnoresults-root-topmessage-width);
font-size: var(--searchnoresults-root-topmessage-font-size);
line-height: var(--searchnoresults-root-topmessage-line-height);
font-weight: var(--searchnoresults-root-topmessage-font-weight);
}
.SearchNoResults__root .SearchNoResults__subTitle {
margin-top: var(--searchnoresults-root-subtitle-margin-top);
color: var(--searchnoresults-root-subtitle-color);
}
.SearchNoResults__root .SearchNoResults__suggestion {
margin-bottom: var(--searchnoresults-root-suggestion-margin-bottom);
color: var(--searchnoresults-root-suggestion-color);
font-size: var(--searchnoresults-root-suggestion-font-size);
line-height: var(--searchnoresults-root-suggestion-line-height);
font-weight: var(--searchnoresults-root-suggestion-font-weight);
}
.SearchNoResults__root .SearchNoResults__suggestion:visited {
color: var(--searchnoresults-root-suggestion-visited-color);
}
.PDPbrandQuote__root {
color: var(--pdpbrandquote-root-color);
}
.PDPbrandQuote__root .PDPbrandQuote__brandImage img {
border-radius: var(--pdpbrandquote-root-brandimage-img-border-radius);
}
.PDPbrandQuote__root .PDPbrandQuote__quotation {
width: var(--pdpbrandquote-root-quotation-width);
height: var(--pdpbrandquote-root-quotation-height);
margin-top: var(--pdpbrandquote-root-quotation-margin-top);
}
.PDPbrandQuote__root .PDPbrandQuote__quotation svg {
fill: var(--pdpbrandquote-root-quotation-svg-fill);
stroke: var(--pdpbrandquote-root-quotation-svg-stroke);
color: var(--pdpbrandquote-root-quotation-svg-color);
width: var(--pdpbrandquote-root-quotation-svg-width);
height: var(--pdpbrandquote-root-quotation-svg-height);
}
.PDPbrandQuote__root .PDPbrandQuote__text {
margin-top: var(--pdpbrandquote-root-text-margin-top);
font-family: var(--pdpbrandquote-root-text-font-family);
font-size: var(--pdpbrandquote-root-text-font-size);
line-height: var(--pdpbrandquote-root-text-line-height);
letter-spacing: var(--pdpbrandquote-root-text-letter-spacing);
}
.PDPbrandQuote__root .PDPbrandQuote__authorImg {
margin-top: var(--pdpbrandquote-root-authorimg-margin-top);
}
.PDPbrandQuote__root .PDPbrandQuote__readFullReview {
margin-top: var(--pdpbrandquote-root-readfullreview-margin-top);
margin-left: var(--pdpbrandquote-root-readfullreview-margin-left);
font-size: var(--pdpbrandquote-root-readfullreview-font-size);
font-weight: var(--pdpbrandquote-root-readfullreview-font-weight);
letter-spacing: var(--pdpbrandquote-root-readfullreview-letter-spacing);
color: var(--pdpbrandquote-root-readfullreview-color);
}
.PDPbrandQuote__root .PDPbrandQuote__readFullReview svg {
width: var(--pdpbrandquote-root-readfullreview-svg-width);
height: var(--pdpbrandquote-root-readfullreview-svg-height);
margin-left: var(--pdpbrandquote-root-readfullreview-svg-margin-left);
top: var(--pdpbrandquote-root-readfullreview-svg-top);
fill: var(--pdpbrandquote-root-readfullreview-svg-fill);
stroke: var(--pdpbrandquote-root-readfullreview-svg-stroke);
color: var(--pdpbrandquote-root-readfullreview-svg-color);
}
.PDPbrandQuote__root .PDPbrandQuote__readFullReview:hover {
color: var(--pdpbrandquote-root-readfullreview-hover-color);
}
.PDPbrandQuote__root .PDPbrandQuote__readFullReview:hover svg {
fill: var(--pdpbrandquote-root-readfullreview-hover-svg-fill);
stroke: var(--pdpbrandquote-root-readfullreview-hover-svg-stroke);
color: var(--pdpbrandquote-root-readfullreview-hover-svg-color);
}
.ModelSelect__root {
width: var(--modelselect-root-width);
border-bottom: var(--modelselect-root-border-bottom);
}
.ModelSelect__root .ModelSelect__form {
height: var(--modelselect-root-form-height);
}
.ModelSelect__root input {
color: var(--modelselect-root-input-color);
font-size: var(--modelselect-root-input-font-size);
line-height: var(--modelselect-root-input-line-height);
font-weight: var(--modelselect-root-input-font-weight);
}
.ModelSelect__root input::-webkit-input-placeholder {
color: var(--modelselect-root-input-placeholder-color);
}
.ModelSelect__root input::-webkit-input-placeholder,
.ModelSelect__root input:-ms-input-placeholder,
.ModelSelect__root input::-ms-input-placeholder,
.ModelSelect__root input::placeholder {
color: var(--modelselect-root-input-placeholder-color);
}
.ModelSelect__root button {
width: var(--modelselect-root-btn-width);
}
.ModelSelect__root button svg {
color: var(--modelselect-root-btn-svg-color);
fill: var(--modelselect-root-btn-svg-fill);
}
.ModelSelect__root .ModelSelect__modalLink {
margin-top: var(--modelselect-root-modallink-margin-top);
font-weight: var(--modelselect-root-modallink-font-weight);
}
.ModelSelect__root .ModelSelect__selectContent {
top: var(--modelselect-root-selectcontent-top);
background-color: var(--modelselect-root-selectcontent-background-color);
-webkit-box-shadow: var(--modelselect-root-selectcontent-box-shadow);
box-shadow: var(--modelselect-root-selectcontent-box-shadow);
border-radius: var(--modelselect-root-selectcontent-border-radius);
}
.ModelCheck__root {
width: var(--modelcheck-root-width);
}
.ModelCheck__root .ModelCheck__form {
height: var(--modelcheck-root-form-height);
margin-top: var(--modelcheck-root-form-margin-top);
border-bottom: var(--modelcheck-root-form-border-bottom);
}
.ModelCheck__root input {
color: var(--modelcheck-root-input-color);
font-size: var(--modelcheck-root-input-font-size);
line-height: var(--modelcheck-root-input-line-height);
font-weight: var(--modelcheck-root-input-font-weight);
}
.ModelCheck__root input::-webkit-input-placeholder {
color: var(--modelcheck-root-input-placeholder-color);
}
.ModelCheck__root input::-webkit-input-placeholder,
.ModelCheck__root input:-ms-input-placeholder,
.ModelCheck__root input::-ms-input-placeholder,
.ModelCheck__root input::placeholder {
color: var(--modelcheck-root-input-placeholder-color);
}
.ModelCheck__root button {
width: var(--modelcheck-root-btn-width);
}
.ModelCheck__root button svg {
color: var(--modelcheck-root-btn-svg-color);
fill: var(--modelcheck-root-btn-svg-fill);
}
.ModelCheck__root .ModelCheck__modalLink {
margin-top: var(--modelcheck-root-modallink-margin-top);
font-weight: var(--modelcheck-root-modallink-font-weight);
}
.ModelCheck__root .ModelCheck__selectContent {
margin-top: var(--modelcheck-root-selectcontent-margin-top);
background-color: var(--modelcheck-root-selectcontent-background-color);
-webkit-box-shadow: var(--modelcheck-root-selectcontent-box-shadow);
box-shadow: var(--modelcheck-root-selectcontent-box-shadow);
border-radius: var(--modelcheck-root-selectcontent-border-radius);
}
.CheckModelNumber__root .CheckModelNumber__searchField {
width: var(--checkmodelnumber-root-searchfield-width);
}
.CheckModelNumber__root .CheckModelNumber__form {
width: var(--checkmodelnumber-root-form-width);
height: var(--checkmodelnumber-root-form-height);
margin-top: var(--checkmodelnumber-root-form-margin-top);
border-bottom: var(--checkmodelnumber-root-form-border-bottom);
}
.CheckModelNumber__root input {
color: var(--checkmodelnumber-root-input-color);
font-size: var(--checkmodelnumber-root-input-font-size);
line-height: var(--checkmodelnumber-root-input-line-height);
font-weight: var(--checkmodelnumber-root-input-font-weight);
}
.CheckModelNumber__root input::-webkit-input-placeholder {
color: var(--checkmodelnumber-root-input-placeholder-color);
}
.CheckModelNumber__root input::-webkit-input-placeholder,
.CheckModelNumber__root input:-ms-input-placeholder,
.CheckModelNumber__root input::-ms-input-placeholder,
.CheckModelNumber__root input::placeholder {
color: var(--checkmodelnumber-root-input-placeholder-color);
}
.CheckModelNumber__root button {
width: var(--checkmodelnumber-root-btn-width);
height: var(--checkmodelnumber-root-btn-height);
}
.CheckModelNumber__root button svg {
color: var(--checkmodelnumber-root-btn-svg-color);
fill: var(--checkmodelnumber-root-btn-svg-fill);
}
.CheckModelNumber__root .CheckModelNumber__modalLink {
margin-top: var(--checkmodelnumber-root-modallink-margin-top);
font-weight: var(--checkmodelnumber-root-modallink-font-weight);
}
.SearchByModelNumber__root .SearchByModelNumber__searchField {
width: var(--searchbymodelnumber-root-width);
}
.SearchByModelNumber__root .SearchByModelNumber__form {
height: var(--searchbymodelnumber-root-form-height);
margin-top: var(--searchbymodelnumber-root-form-margin-top);
border-bottom: var(--searchbymodelnumber-root-form-border-bottom);
}
.SearchByModelNumber__root input {
color: var(--searchbymodelnumber-root-input-color);
font-size: var(--searchbymodelnumber-root-input-font-size);
line-height: var(--searchbymodelnumber-root-input-line-height);
font-weight: var(--searchbymodelnumber-root-input-font-weight);
}
.SearchByModelNumber__root input::-webkit-input-placeholder {
color: var(--searchbymodelnumber-root-input-placeholder-color);
}
.SearchByModelNumber__root input::-webkit-input-placeholder,
.SearchByModelNumber__root input:-ms-input-placeholder,
.SearchByModelNumber__root input::-ms-input-placeholder,
.SearchByModelNumber__root input::placeholder {
color: var(--searchbymodelnumber-root-input-placeholder-color);
}
.SearchByModelNumber__root button {
width: var(--searchbymodelnumber-root-btn-width);
height: var(--searchbymodelnumber-root-btn-height);
}
.SearchByModelNumber__root button svg {
color: var(--searchbymodelnumber-root-btn-svg-color);
fill: var(--searchbymodelnumber-root-btn-svg-fill);
}
.SearchByModelNumber__root .SearchByModelNumber__modalLink {
margin-top: var(--searchbymodelnumber-root-modallink-margin-top);
font-weight: var(--searchbymodelnumber-root-modallink-font-weight);
}
.SearchByProductCategory__root .SearchByProductCategory__searchField {
width: var(--searchbyproductcat-root-width);
}
.SearchByProductCategory__root .SearchByProductCategory__form {
height: var(--searchbyproductcat-root-form-height);
margin-top: var(--searchbyproductcat-root-form-margin-top);
border-bottom: var(--searchbyproductcat-root-form-border-bottom);
}
.SearchByProductCategory__root input {
color: var(--searchbyproductcat-root-input-color);
font-size: var(--searchbyproductcat-root-input-font-size);
line-height: var(--searchbyproductcat-root-input-line-height);
font-weight: var(--searchbyproductcat-root-input-font-weight);
}
.SearchByProductCategory__root input::-webkit-input-placeholder {
color: var(--searchbyproductcat-root-input-placeholder-color);
}
.SearchByProductCategory__root input::-webkit-input-placeholder,
.SearchByProductCategory__root input:-ms-input-placeholder,
.SearchByProductCategory__root input::-ms-input-placeholder,
.SearchByProductCategory__root input::placeholder {
color: var(--searchbyproductcat-root-input-placeholder-color);
}
.SearchByProductCategory__root button {
width: var(--searchbyproductcat-root-btn-width);
height: var(--searchbyproductcat-root-btn-height);
}
.SearchByProductCategory__root button svg {
color: var(--searchbyproductcat-root-btn-svg-color);
fill: var(--searchbyproductcat-root-btn-svg-fill);
}
.SearchByProductCategory__root .SearchByProductCategory__modalLink {
margin-top: var(--searchbyproductcat-root-modallink-margin-top);
font-weight: var(--searchbyproductcat-root-modallink-font-weight);
}
.ScrollCarouselVertical__root .ScrollCarouselVertical__slide {
margin-top: var(--scrollcarouselvertical-root-slide-margin-top);
color: var(--scrollcarouselvertical-root-slide-color);
}
.ScrollCarouselVertical__root
.ScrollCarouselVertical__slide
.ScrollCarouselVertical__dot {
color: var(--scrollcarouselvertical-root-slide-dot-color);
}
.ScrollCarouselVertical__root
.ScrollCarouselVertical__slide[data-pos='current'] {
color: var(--scrollcarouselvertical-root-slide-current-color);
}
@media (min-width: 769px) {
.SupportHomeHero__root
.SupportHomeHero__secondBlock
.SupportHomeHero__button {
color: var(--suphomehero-root-secondblock-btn-769-color);
}
.SupportHomeHero__root
.SupportHomeHero__secondBlock
.SupportHomeHero__question {
font-family: var(--suphomehero-root-secondblock-question-769-font-family);
font-size: var(--suphomehero-root-secondblock-question-769-font-size);
font-weight: var(--suphomehero-root-secondblock-question-769-font-weight);
color: var(--suphomehero-root-secondblock-question-769-color);
margin-bottom: var(
--suphomehero-root-secondblock-question-769-margin-bottom
);
line-height: var(--suphomehero-root-secondblock-question-769-line-height);
}
.SupportHomeHero__root .SupportHomeHero__secondBlock .SupportHomeHero__dot {
color: var(--suphomehero-root-secondblock-dot-769-color);
}
}
@media (max-width: 768px) {
.SupportHomeHero__root .SupportHomeHero__verticalCarousel {
margin-top: var(--suphomehero-root-verticalcarousel-mobile-margin-top);
height: var(--suphomehero-root-verticalcarousel-mobile-height);
font-family: var(--suphomehero-root-verticalcarousel-mobile-font-family);
font-size: var(--suphomehero-root-verticalcarousel-mobile-font-size);
line-height: var(--suphomehero-root-verticalcarousel-mobile-line-height);
font-weight: var(--suphomehero-root-verticalcarousel-mobile-font-weight);
}
.SupportHomeHero__root .SupportHomeHero__mobileTop {
font-size: var(--suphomehero-root-mobiletop-mobile-font-size);
color: var(--suphomehero-root-mobiletop-mobile-color);
min-height: var(--suphomehero-root-mobiletop-mobile-min-height);
line-height: var(--suphomehero-root-mobiletop-mobile-line-height);
}
}
@media (max-width: 768px) {
.SupportHomeHero__root .SupportHomeHero__issueSelectedMobile,
.SupportHomeHero__root .SupportHomeHero__textSelectIssue,
.SupportHomeHero__root .SupportHomeHero__textSelectProduct {
color: var(--suphomehero-root-totalcalss-mobile-color);
}
}
.JourneyTop__root {
height: var(--journeytop-root-height);
border-top: var(--journeytop-root-border-top);
}
.JourneyTop__root .JourneyTop__logo {
top: var(--journeytop-root-logo-top);
width: var(--journeytop-root-logo-width);
height: var(--journeytop-root-logo-height);
color: var(--journeytop-root-logo-color);
fill: var(--journeytop-root-logo-fill);
}
.JourneyTop__root .JourneyTop__title {
margin-bottom: var(--journeytop-root-title-margin-bottom);
font-family: var(--journeytop-root-title-font-family);
font-weight: var(--journeytop-root-title-font-weight);
line-height: var(--journeytop-root-title-line-height);
font-size: var(--journeytop-root-title-font-size);
}
.JourneyTop__root .JourneyTop__text {
margin-bottom: var(--journeytop-root-text-margin-bottom);
}
.JourneyTop__root .JourneyTop__question {
font-family: var(--journeytop-root-question-font-family);
font-size: var(--journeytop-root-question-font-size);
font-weight: var(--journeytop-root-question-font-weight);
color: var(--journeytop-root-question-color);
margin-bottom: var(--journeytop-root-question-margin-bottom);
line-height: var(--journeytop-root-question-line-height);
}
.JourneyTop__root .JourneyTop__reference {
font-weight: var(--journeytop-root-reference-font-weight);
line-height: var(--journeytop-root-reference-line-height);
font-size: var(--journeytop-root-reference-font-size);
letter-spacing: var(--journeytop-root-reference-letter-spacing);
color: var(--journeytop-root-reference-color);
}
.OverviewCard__root {
border-radius: var(--overviewcard-root-border-radius);
padding: var(--overviewcard-root-padding);
}
.OverviewCard__root .OverviewCard__number {
width: var(--overviewcard-root-number-width);
height: var(--overviewcard-root-number-height);
margin: var(--overviewcard-root-number-margin);
font-family: var(--overviewcard-root-number-font-family);
font-size: var(--overviewcard-root-number-font-size);
font-weight: var(--overviewcard-root-number-font-weight);
line-height: var(--overviewcard-root-number-line-height);
color: var(--overviewcard-root-number-color);
}
.OverviewCard__root .OverviewCard__text {
font-size: var(--overviewcard-root-text-font-size);
line-height: var(--overviewcard-root-text-line-height);
font-weight: var(--overviewcard-root-text-font-weight);
color: var(--overviewcard-root-text-color);
}
.OverviewCard__root.OverviewCard__gray {
background-color: var(--overviewcard-root-gray-background-color);
}
.OverviewCard__root.OverviewCard__gray .OverviewCard__number {
background-color: var(--overviewcard-root-gray-number-background-color);
}
.OverviewCard__root.OverviewCard__white {
background-color: var(--overviewcard-root-white-background-color);
}
.OverviewCard__root.OverviewCard__white .OverviewCard__number {
background-color: var(--overviewcard-root-white-number-background-color);
}
@media (max-width: 1024px) {
.ScrollableSections__root .ScrollableSections__scrollableSection .prefix {
color: var(--scrollablesections-root-scrollablesection-prefix-color);
}
}
.ScrollableSections__sideNavItem {
top: var(--scrollablesections-sidenavitem-top);
}
.ScrollableSections__sideNavItem:before {
top: var(--scrollablesections-sidenavitem-before-top);
height: var(--scrollablesections-sidenavitem-before-height);
background-color: var(
--scrollablesections-sidenavitem-before-background-color
);
}
.ScrollableSections__sideNavItem.active:before {
top: var(--scrollablesections-sidenavitem-with-active-top);
width: var(--scrollablesections-sidenavitem-with-active-width);
height: var(--scrollablesections-sidenavitem-with-active-height);
background-color: var(
--scrollablesections-sidenavitem-with-active-background-color
);
}
.ScrollableSections__sideNavItem.active .ScrollableSections__sideNavLink {
color: var(--scrollablesections-sidenavitem-with-active-sidenavlink-color);
}
.SideNavTimeline__root .active .SideNavTimeline__sideNavLink {
color: var(--sidenavtimeline-root-active-sidenavlink-color);
}
.TimelinePage__date.active {
color: var(--timelinepage-date-active-color);
}
.TimelinePage__date.active.TimelinePage__activeWhite {
color: var(--timelinepage-date-active-white-color);
}
.TimelinePage__date.active.TimelinePage__activeWhite[data-waypoint='true'] {
color: var(--timelinepage-date-active-white-true-color);
}
.blueText {
color: var(--bluetext-color);
}
.JourneyArticleCard__root {
border-radius: var(--journeyarticlecard-root-border-radius);
}
.JourneyArticleCard__root.JourneyArticleCard__white {
background-color: var(--journeyarticlecard-root-white-background-color);
}
.JourneyArticleCard__root.JourneyArticleCard__gray {
background-color: var(--journeyarticlecard-root-gray-background-color);
}
.JourneyArticleCard__root .JourneyArticleCard__button svg {
fill: var(--journeyarticlecard-root-button-svg-fill);
stroke: var(--journeyarticlecard-root-button-svg-stroke);
}
.RegisterRelatedProducts__root .RegisterRelatedProducts__reference {
color: var(--registerrelatedproducts-root-reference-color);
}
.SimpleNumberCard__number {
width: var(--simplenumbercard-number-width);
height: var(--simplenumbercard-number-height);
line-height: var(--simplenumbercard-number-line-height);
background-color: var(--simplenumbercard-number-background-color);
border-radius: var(--simplenumbercard-number-border-radius);
font-size: var(--simplenumbercard-number-font-size);
color: var(--simplenumbercard-number-color);
}
.SupportRegistrationIntro__logo {
color: var(--supportregistrationintro-logo-color);
}
.SupportRegistrationIntro__title {
width: var(--supportregistrationintro-title-width);
font-family: var(--supportregistrationintro-title-font-family);
font-weight: var(--supportregistrationintro-title-font-weight);
font-size: var(--supportregistrationintro-title-font-size);
line-height: var(--supportregistrationintro-title-line-height);
color: var(--supportregistrationintro-title-color);
}
@media (max-width: 768px) {
.SupportRegistrationIntro__title {
font-size: var(--supportregistrationintro-title-mobile-font-size);
line-height: var(--supportregistrationintro-title-mobile-line-height);
}
}
.StateStepsCard__root.current .StateStepsCard__title {
color: var(--statestepscard-root-current-title-color);
}
.StateStepsCard__root.ready .StateStepsCard__title {
color: var(--statestepscard-root-ready-title-color);
}
.StateStepsCard__prefix {
font-weight: var(--statestepscard-prefix-font-weight);
}
@media (max-width: 1024px) {
.StateStepsCard__prefix {
font-size: var(--statestepscard-prefix-tablet-font-size);
line-height: var(--statestepscard-prefix-tablet-line-height);
letter-spacing: var(--statestepscard-prefix-tablet-letter-spacing);
}
}
.StateStepsCard__title {
font-size: var(--statestepscard-title-font-size);
line-height: var(--statestepscard-title-line-height);
color: var(--statestepscard-title-color);
}
@media (max-width: 1024px) {
.StateStepsCard__title {
font-size: var(--statestepscard-title-tablet-font-size);
line-height: var(--statestepscard-title-tablet-line-height);
}
}
@media (max-width: 1024px) {
.StateStepsCard__root.current .StateStepsCard__title {
color: var(--statestepscard-root-current-title-tablet-color);
}
}
.datepicker-panel > ul > li.picked {
background-color: var(--datepicker-panel-picked-background-color);
}
.datepicker-panel > ul > li.picked:hover {
background-color: var(--datepicker-panel-picked-hover-background-color);
}
.OfferBonusesCard__title {
font-size: var(--offerbonusescard-title-font-size);
line-height: var(--offerbonusescard-title-line-height);
color: var(--offerbonusescard-title-color);
}
.OfferBonusesCard__root.disabled .OfferBonusesCard__title {
color: var(--offerbonusescard-root-disabled-title-color);
}
.OfferBonusesCard__description {
font-size: var(--offerbonusescard-desc-font-size);
line-height: var(--offerbonusescard-desc-line-height);
color: var(--offerbonusescard-desc-color);
}
.OfferBonusesCard__checkmark {
width: var(--offerbonusescard-checkmark-width);
height: var(--offerbonusescard-checkmark-height);
border: var(--offerbonusescard-checkmark-border);
background-color: var(--offerbonusescard-checkmark-background-color);
}
.OfferBonusesCard__root.disabled .OfferBonusesCard__checkmark {
background-color: var(
--offerbonusescard-root-disabled-checkmark-background-color
);
border-color: var(--offerbonusescard-root-disabled-checkmark-border-color);
}
.OfferBonusesCard__root.disabled .OfferBonusesCard__checkmarkIcon {
color: var(--offerbonusescard-root-disabled-checkmarkicon-color);
fill: var(--offerbonusescard-root-disabled-checkmarkicon-fill);
stroke: var(--offerbonusescard-root-disabled-checkmarkicon-stroke);
}
.SupportRegistrationOffers__title {
font-family: var(--supportregistrationoffers-title-font-family);
font-weight: var(--supportregistrationoffers-title-font-weight);
font-size: var(--supportregistrationoffers-title-font-size);
line-height: var(--supportregistrationoffers-title-line-height);
color: var(--supportregistrationoffers-title-color);
}
@media (max-width: 768px) {
.SupportRegistrationOffers__title {
font-size: var(--supportregistrationoffers-title-mobile-font-size);
line-height: var(--supportregistrationoffers-title-mobile-line-height);
}
}
.SupportRegistrationOffers__subTitle {
font-size: var(--supportregistrationoffers-subtitle-font-size);
line-height: var(--supportregistrationoffers-subtitle-line-height);
color: var(--supportregistrationoffers-subtitle-color);
}
.SupportRegistrationOffers__postscript {
font-weight: var(--supportregistrationoffers-postscript-font-weight);
font-size: var(--supportregistrationoffers-postscript-font-size);
line-height: var(--supportregistrationoffers-postscript-line-height);
letter-spacing: var(--supportregistrationoffers-postscript-letter-spacing);
color: var(--supportregistrationoffers-postscript-color);
}
.SupportRegistrationOffers__link {
color: var(--supportregistrationoffers-link-color);
}
.SupportRegistrationInfo__title {
font-family: var(--supportregistrationinfo-title-font-family);
font-weight: var(--supportregistrationinfo-title-font-weight);
font-size: var(--supportregistrationinfo-title-font-size);
line-height: var(--supportregistrationinfo-title-line-height);
color: var(--supportregistrationinfo-title-color);
}
@media (max-width: 768px) {
.SupportRegistrationInfo__title {
font-size: var(--supportregistrationinfo-title-mobile-font-size);
line-height: var(--supportregistrationinfo-title-mobile-line-height);
}
}
.SupportRegistrationInfo__subTitle {
font-size: var(--supportregistrationinfo-subtitle-font-size);
line-height: var(--supportregistrationinfo-subtitle-line-height);
color: var(--supportregistrationinfo-subtitle-color);
}
.SimpleOfferBonusesCard__icon {
color: var(--simpleofferbonusescard-icon-color);
stroke: var(--simpleofferbonusescard-icon-stroke);
fill: var(--simpleofferbonusescard-icon-fill);
}
.SimpleOfferBonusesCard__title {
font-size: var(--simpleofferbonusescard-title-font-size);
line-height: var(--simpleofferbonusescard-title-line-height);
color: var(--simpleofferbonusescard-title-color);
}
.SimpleOfferBonusesCard__root.disabled .SimpleOfferBonusesCard__title {
color: var(--simpleofferbonusescard-root-disabled-title-color);
}
.SimpleOfferBonusesCard__description {
font-size: var(--simpleofferbonusescard-desc-font-size);
line-height: var(--simpleofferbonusescard-desc-line-height);
color: var(--simpleofferbonusescard-desc-color);
}
.SimpleOfferBonusesCard__checkmark {
border: var(--simpleofferbonusescard-checkmark-border);
background-color: var(--simpleofferbonusescard-checkmark-background-color);
}
.SimpleOfferBonusesCard__root.disabled .SimpleOfferBonusesCard__checkmarkIcon {
color: var(--simpleofferbonusescard-root-disabled-checkmarkicon-color);
fill: var(--simpleofferbonusescard-root-disabled-checkmarkicon-fill);
stroke: var(--simpleofferbonusescard-root-disabled-checkmarkicon-stroke);
}
.FileUploader__uploadTitle {
font-size: var(--fileuploader-uploadtitle-font-size);
line-height: var(--fileuploader-uploadtitle-line-height);
color: var(--fileuploader-uploadtitle-color);
}
.FileUploader__uploadTitle.name {
color: var(--fileuploader-uploadtitle-name-color);
max-width: var(--fileuploader-uploadtitle-name-max-width);
}
.FileUploader__iconWrapper {
right: var(--fileuploader-iconwrapper-right);
width: var(--fileuploader-iconwrapper-width);
height: var(--fileuploader-iconwrapper-height);
border: var(--fileuploader-iconwrapper-border);
}
html[dir='rtl'] .FileUploader__iconWrapper {
right: auto !important;
}
.FileUploader__uploadIcon {
width: var(--fileuploader-uploadicon-width);
height: var(--fileuploader-uploadicon-height);
stroke: var(--fileuploader-uploadicon-stroke);
fill: var(--fileuploader-uploadicon-fill);
}
.FileUploader__photoIcon {
width: var(--fileuploader-photoicon-width);
height: var(--fileuploader-photoicon-height);
fill: var(--fileuploader-photoicon-fill);
}
.FileUploader__uploadWarning {
font-size: var(--fileuploader-uploadwarning-font-size);
line-height: var(--fileuploader-uploadwarning-line-height);
letter-spacing: var(--fileuploader-uploadwarning-letter-spacing);
color: var(--fileuploader-uploadwarning-color);
}
.Recaptcha__root .Recaptcha__years {
font-weight: var(--recaptcha-root-years-font-weight);
line-height: var(--recaptcha-root-years-line-height);
font-size: var(--recaptcha-root-years-font-size);
}
.FormDropdown__dropdownIcon {
stroke: var(--formdropdown-dropdownicon-stroke);
}
.Fill\(\$lochmara\) {
fill: var(--fill-lochmara-fill);
}
.Stk\(\$cloud\) {
stroke: var(--stk-cloud-stroke);
}
.Stk\(\$gull-gray\) {
stroke: var(--stk-gull-gray-stroke);
}
.Stk\(\$lochmara\) {
stroke: var(--stk-lochmara-stroke);
}
@media (max-width: 768px) {
.Bgc\(\#1e2e3f\)--sm {
background-color: var(--bgc-color-cloud-sm-mobile-background-color);
}
}
.sticky-compare {
background-color: var(--sticky-compare-background-color);
}
.sticky-compare #compareHeader:hover {
background-color: var(--sticky-compare-header-hover-background-color);
}
@media (min-width: 1025px) {
.ModalSearch__root .ModalSearch__assumptions button:hover {
color: var(--modasearch-rot-assumptions-btn-hover-color);
}
}
@media (min-width: 1025px) {
.searchresults-suggestion-button:hover {
color: var(--searchresults-suggestion-button-hover-color);
}
}
.JourneyArticleTop__root {
background-color: var(--journeyarticletop-root-background-color);
}
.JourneyArticleTop__title {
font-size: var(--journeyarticletop-title-font-size);
font-weight: var(--journeyarticletop-title-font-weight);
line-height: var(--journeyarticletop-title-line-height);
}
.FooterTop__wrapperInner .country-select-container .FooterTop__countrySelect {
color: var(--footertopwrapperinner-country-select) !important;
}
.Footer__root {
background-color: var(--footer-root-background-color);
color: var(--footer-root-color);
}
.FooterTop__root {
border-bottom: var(--footertop-root-border-bottom);
}
.FooterMain__root .FooterMain__categoryTitle {
font-size: var(--footermain-root-categorytitle-font-size);
font-weight: var(--footermain-root-categorytitle-font-weight);
color: var(--footermain-root-categorytitle-color);
letter-spacing: var(--footermain-root-categorytitle-letter-spacing);
}
@media (max-width: 1024px) {
.FooterMain__root .FooterMain__categoryTitle {
font-size: var(--footermain-root-categorytitle-1024-font-size);
}
}
.FooterMain__root .FooterMain__categoryButtonMobile {
color: var(--footermain-root-catbuttonmobile-color);
font-size: var(--footermain-root-catbuttonmobile-font-size);
border-bottom: var(--footermain-root-catbuttonmobile-border-bottom);
}
@media (max-width: 768px) {
.FooterMain__root .FooterMain__category {
border-bottom: var(--footermain-root-cat-768-border-bottom);
}
}
.FooterSubcategory__root .FooterSubcategory__subcategoryTitle {
font-size: var(--footersubcat-root-subcattitle-font-size);
font-weight: var(--footersubcat-root-subcattitle-font-weight);
color: var(--footersubcat-root-subcattitle-color);
letter-spacing: var(--footersubcat-root-subcattitle-letter-spacing);
line-height: var(--footersubcat-root-subcattitle-line-height);
}
@media (max-width: 1024px) {
.FooterSubcategory__root .FooterSubcategory__subcategoryTitle {
font-size: var(--footersubcat-root-subcattitle-1024-font-size);
}
}
@media (max-width: 768px) {
.FooterSubcategory__root .FooterSubcategory__subcategoryTitle {
font-size: var(--footersubcat-root-subcattitle-768-font-size);
}
}
.FooterSubcategory__root ul {
color: var(--footersubcat-root-ul-color);
}
.FooterSubcategory__root ul li {
font-size: var(--footersubcat-root-ul-li-font-size);
letter-spacing: var(--footersubcat-root-ul-li-letter-spacing);
font-weight: var(--footersubcat-root-ul-li-font-weight);
line-height: var(--footersubcat-root-ul-li-line-height);
}
.FooterSubcategory__root ul li a {
color: var(--footersubcat-root-ul-li-a-color);
}
.FooterMain__root .FooterMain__infolinks a,
.FooterMain__root .FooterMain__infolinks span {
color: var(--footermain-root-infolinks-a-with-span-color);
margin-right: 20px;
}
.bekoglobal-tooltip .tooltip-inner {
font-size: var(--bekoglobal-tooltip-inner-font-size);
line-height: var(--bekoglobal-tooltip-inner-line-height);
font-weight: var(--bekoglobal-tooltip-inner-font-weight);
color: var(--bekoglobal-tooltip-inner-color);
background: var(--bekoglobal-tooltip-inner-background);
-webkit-box-shadow: var(--bekoglobal-tooltip-inner-box-shadow);
box-shadow: var(--bekoglobal-tooltip-inner-box-shadow);
border-radius: var(--bekoglobal-tooltip-inner-border-radius);
}
.how-can-we-help {
font-family: var(--how-can-we-help-font-family);
font-size: var(--how-can-we-help-font-size);
font-weight: var(--how-can-we-help-font-weight);
color: var(--how-can-we-help-color);
height: var(--how-can-we-help-line-height);
}
.WishlistGrid__inStock .WishlistGrid__message {
--wishlistgrid-instock-message-color: #1e2e3f;
}
.WishlistGrid__outOfStock .WishlistGrid__removeMessage p {
width: var(--wishlistgrid-instock-removemessage-p-width);
color: var(--wishlistgrid-instock-removemessage-p-color);
font-size: var(--wishlistgrid-instock-removemessage-p-font-size);
font-weight: var(--wishlistgrid-instock-removemessage-p-font-weight);
line-height: var(--wishlistgrid-instock-removemessage-p-line-height);
letter-spacing: var(--wishlistgrid-instock-removemessage-p-letter-spacing);
}
ul.Dropdown__dropdownContent::-webkit-scrollbar-thumb {
background-color: var(--ul-dropdowncontent-scrollbar-background-color);
border-radius: var(--ul-dropdowncontent-scrollbar-border-radius);
border: var(--ul-dropdowncontent-scrollbar-border);
}
.MenuMobileSubcategory__root
.MenuMobileSubcategory__button.MenuMobileSubcategory__opened {
color: var(--menumobilesubcatroot-button-opened-color);
}
.ProductBadge__root p {
color: var(--productbadge-root-p-color);
font-size: var(--productbadge-root-p-font-size);
font-weight: var(--productbadge-root-p-font-weight);
letter-spacing: var(--productbadge-root-p-letter-spacing);
text-align: var(--productbadge-root-p-text-align);
margin-top: var(--productbadge-root-p-margin-top);
}
@media (max-width: 768px) {
.ProductBadge__root p {
color: var(--productbadge-root-p-768-color);
font-weight: var(--productbadge-root-p-768-font-weight);
}
}
.ProductHelpCardSearch__root .ProductHelpCardSearch__title {
color: var(--producthelpcardsearch-root-title-color);
font-size: var(--producthelpcardsearch-root-title-font-size);
font-weight: var(--producthelpcardsearch-root-title-font-weight);
line-height: var(--producthelpcardsearch-root-title-line-height);
letter-spacing: var(--producthelpcardsearch-root-title-letter-spacing);
}
@media (max-width: 768px) {
.ProductHelpCardSearch__root .ProductHelpCardSearch__title {
font-size: var(--producthelpcardsearch-root-title-768-font-size);
line-height: var(--producthelpcardsearch-root-title-768-line-height);
letter-spacing: var(--producthelpcardsearch-root-title-768-letter-spacing);
}
}
.ButtonSearchMobile__root svg {
color: var(--buttonsearchmobile-root-svg-color);
fill: var(--buttonsearchmobile-root-svg-fill);
}
.ButtonSearchMobile__root:hover {
border-color: var(--buttonsearchmobile-root-hover-border-color);
}
.header-big-menu-body-sidebar {
background-color: var(--header-big-menu-body-sidebar-bg);
}
.header-big-menu-body-sidebar-heading {
background-color: var(
--header-big-menu-body-sidebar-heading-background-color
);
color: var(--header-big-menu-body-sidebar-heading-color);
font-size: var(--header-big-menu-body-sidebar-heading-font-size);
line-height: var(--header-big-menu-body-sidebar-heading-line-height);
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-sidebar-heading {
padding: 20px;
font-size: var(--header-big-menu-body-sidebar-heading-font-size-1650);
line-height: var(--header-big-menu-body-sidebar-heading-line-height-1650);
}
}
@media only screen and (min-width: 769px) and (max-width: 1150px) {
.header-big-menu-body-sidebar-heading {
font-size: var(
--header-big-menu-body-sidebar-heading-font-size-1150-font-size
);
line-height: var(
--header-big-menu-body-sidebar-heading-line-height-1150-line-height
);
}
}
.header-big-menu-body-sidebar-list-item.active button {
background-color: var(
--header-big-menu-body-sidebar-list-item-active-btn-background-color
);
border-color: var(
--header-big-menu-body-sidebar-list-item-active-btn-border-color
);
color: var(--header-big-menu-body-sidebar-list-item-active-btn-color);
}
.header-big-menu-body-sidebar-list-item button {
border: var(--header-big-menu-body-sidebar-list-item-button-border);
color: var(--header-big-menu-body-sidebar-list-item-button-color);
font-size: var(--header-big-menu-body-sidebar-list-item-button-font-size);
line-height: var(--header-big-menu-body-sidebar-list-item-button-line-height);
text-align: var(--header-big-menu-body-sidebar-list-item-button-text-align);
font-weight: var(--header-big-menu-body-sidebar-list-item-button-font-weight);
}
.header-big-menu-body-sidebar-list-item button::before {
background-color: var(
--header-big-menu-body-sidebar-list-item-button-before-background-color
);
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-sidebar-list-item button {
font-size: var(
--header-big-menu-body-sidebar-list-item-button-font-size-1650
);
line-height: var(
--header-big-menu-body-sidebar-list-item-button-line-height-1650
);
}
}
@media only screen and (min-width: 769px) and (max-width: 1150px) {
button {
font-size: var(--button-1150-font-size);
line-height: var(--button-1150-line-height);
}
}
.header-big-menu-body-content {
border: var(--header-big-menu-body-content-border);
background: var(--header-big-menu-body-content-background);
border-radius: var(--header-big-menu-body-content-border-radius);
}
.header-big-menu-body-content-item-body-heading {
border-bottom: var(
--header-big-menu-body-content-item-body-heading-border-bottom
);
}
.header-big-menu-body-content-item-body-heading h4 {
color: var(--header-big-menu-body-content-item-body-heading-h4-color);
font-size: var(--header-big-menu-body-content-item-body-heading-h4-font-size);
line-height: var(
--header-big-menu-body-content-item-body-heading-h4-line-height
);
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-content-item-body-heading h4 {
font-size: var(
--header-big-menu-body-content-item-body-heading-h4-font-size-1650
);
line-height: var(
--header-big-menu-body-content-item-body-heading-h4-line-height-1650
);
}
}
.header-big-menu-body-content-item-body-heading p {
color: var(--header-big-menu-body-content-item-body-heading-p-color);
font-size: var(--header-big-menu-body-content-item-body-heading-p-font-size);
line-height: var(
--header-big-menu-body-content-item-body-heading-p-line-height
);
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-content-item-body-heading p {
font-size: var(
--header-big-menu-body-content-item-body-heading-p-1650-font-size
);
line-height: var(
--header-big-menu-body-content-item-body-heading-p-1650-line-height
);
}
}
.header-big-menu-body-content-item-body-list-sidebar {
border-right: var(
--header-big-menu-body-content-item-body-list-sidebar-border-right
);
}
.header-big-menu-body-content-item-body-list-sidebar ul li.active button,
.header-big-menu-body-content-item-body-list-sidebar ul li:hover button {
color: var(
--header-big-menu-body-content-item-body-list-sidebar-ul-li-activeWHover-button-color
);
}
.header-big-menu-body-content-item-body-list-sidebar ul li button {
color: var(
--header-big-menu-body-content-item-body-list-sidebar-ul-li-button-color
);
font-size: var(
--header-big-menu-body-content-item-body-list-sidebar-ul-li-button-font-size
);
line-height: var(
--header-big-menu-body-content-item-body-list-sidebar-ul-li-button-line-height
);
text-align: var(
--header-big-menu-body-content-item-body-list-sidebar-ul-li-button-text-align
);
font-weight: var(
--header-big-menu-body-content-item-body-list-sidebar-ul-li-button-font-weight
);
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-content-item-body-list-sidebar ul li button {
font-size: var(
--header-big-menu-body-content-item-body-list-sidebar-ul-li-button-1650-font-size
);
line-height: var(
--header-big-menu-body-content-item-body-list-sidebar-ul-li-button-1650-line-height
);
}
}
.header-big-menu-body-content-item-body-list-body-item-row ul li a {
color: var(
--header-big-menu-body-content-item-body-list-body-item-row-ul-li-a-color
);
font-size: var(
--header-big-menu-body-content-item-body-list-body-item-row-ul-li-a-font-size
);
line-height: var(
--header-big-menu-body-content-item-body-list-body-item-row-ul-li-a-line-height
);
}
.header-big-menu-body-content-item-body-list-body-item-row ul li a:hover {
color: var(
--header-big-menu-body-content-item-body-list-body-item-row-ul-li-a-hover-color
);
}
@media only screen and (min-width: 769px) and (max-width: 1650px) {
.header-big-menu-body-content-item-body-list-body-item-row ul li a {
font-size: var(
--header-big-menu-body-content-item-body-list-body-item-row-ul-li-a-1650-font-size
);
line-height: var(
--header-big-menu-body-content-item-body-list-body-item-row-ul-li-a-1650-line-height
);
}
}
.hero-bk-help-center-head-content-link .btn.is-active {
background: #0180c9 !important;
border: 1px solid #0180c9 !important;
}
.hero-bk-help-center-head-content-link .btn.is-active {
background: #0180c9 !important;
border: 1px solid #0180c9 !important;
}
/*# sourceMappingURL=bekoglobal.min.css.map */
.container-new {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container-new {
width: 750px;
}
}
@media (min-width: 992px) {
.container-new {
width: 970px;
}
}
@media (min-width: 1200px) {
.container-new {
width: 1170px;
}
}
fieldset {
min-width: 0;
}
fieldset[_ngcontent-kbm-c125] {
margin: 0;
padding: 0;
border: none;
}
.form-wrapper[_ngcontent-kbm-c125] .section[_ngcontent-kbm-c125] {
left: 0;
padding: 0 20px 30px;
box-sizing: border-box;
opacity: 0;
transform: scaleY(0);
transform-origin: top center;
text-align: center;
position: absolute;
width: 100%;
min-height: 300px;
}
.form-wrapper[_ngcontent-kbm-c125] .section.is-active[_ngcontent-kbm-c125] {
opacity: 1;
transform: scale(1);
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row[_ngcontent-kbm-c125] {
padding: 20px 0;
}
/* .col-lg-6 {
flex: 0 0 auto;
width: 50%;
} */
.wrapper[_ngcontent-kbm-c125] {
width: 100%;
margin: 0;
}
.profile[_ngcontent-kbm-c125] {
margin-top: 2.2em;
position: relative;
}
.profile[_ngcontent-kbm-c125] .thumbnail[_ngcontent-kbm-c125] {
width: 100%;
height: auto !important;
vertical-align: middle;
display: flex;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.profile[_ngcontent-kbm-c125] .name[_ngcontent-kbm-c125] {
color: #2d354a;
font-size: 24px;
font-weight: 600;
text-align: center;
}
.form-wrapper[_ngcontent-kbm-c125]
.section[_ngcontent-kbm-c125]
h3[_ngcontent-kbm-c125] {
margin-bottom: 30px;
}
.profile[_ngcontent-kbm-c125] .title[_ngcontent-kbm-c125] {
font-family: Core Sans, sans-serif !important;
color: #7c8097;
font-size: 0.8em;
font-weight: 300;
text-align: center;
padding-top: 0.5em;
padding-bottom: 0.7em;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 1rem;
}
.profile[_ngcontent-kbm-c125] .description[_ngcontent-kbm-c125] {
color: #080911;
font-size: 14px;
font-weight: 300;
text-align: center;
margin-bottom: 1.3em;
}
.input {
width: 85%;
height: -moz-fit-content;
height: fit-content;
line-height: 1;
display: flex;
flex-direction: column-reverse;
position: relative;
padding-top: 1.5rem;
margin-top: 1.5rem;
font-size: 12px;
position: relative;
}
.input-field[_ngcontent-kbm-c125] {
border: 0;
z-index: 1;
background-color: transparent;
border-bottom: 2px solid #eee;
font: inherit;
font-size: 1.125rem;
padding: 0.25rem 0;
}
.input-field[_ngcontent-kbm-c125]:focus,
.input-field[_ngcontent-kbm-c125]:valid {
outline: 0;
border-bottom-color: #1e2e3f;
}
label {
display: inline-block;
}
.input-label[_ngcontent-kbm-c125] {
color: #8597a3;
position: absolute;
top: 2rem;
transition: 0.25s ease;
}
.input-field[_ngcontent-kbm-c125]:focus + .input-label[_ngcontent-kbm-c125],
.input-field[_ngcontent-kbm-c125]:valid + .input-label[_ngcontent-kbm-c125] {
color: #1e2e3f;
transform: translateY(-1.5rem);
}
.buttonCancel {
width: -moz-fit-content;
width: fit-content;
background-color: #a9a9a9;
display: inline-block;
padding: 8px 22px;
color: #fff;
cursor: pointer;
font-size: 14px !important;
margin: 5px;
}
.button {
width: -moz-fit-content;
width: fit-content;
background-color: #1e2e3f;
display: inline-block;
padding: 8px 30px;
color: #fff;
cursor: pointer;
font-size: 14px !important;
margin: 5px;
}
.bottom_buttom {
border-top: 1px solid #e9eff6;
text-align: center;
padding: 54px;
}
.form-title{
display: none;
}
@media screen and (max-width: 768px) {
.form-title{
display: block;
text-align: center;
width: 100%;
}
.form-img {
display: none;
}
}