/* Minification failed. Returning unminified contents. (202,2314): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (202,4950): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before' (202,5079): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after' (202,5209): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before' (202,5335): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after' (202,5746): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size' (202,5861): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size' (202,5889): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (202,6001): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (202,6048): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (202,6101): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (202,6223): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color' (202,6253): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (202,6740): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (202,8423): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width' (202,8460): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size' (202,8509): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height' (202,8547): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size' (202,8639): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-color' (202,8699): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-opacity' (202,9042): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-opacity' (202,9096): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (202,9126): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (202,9461): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-vertical-gap' (202,10172): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap' (202,10984): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (202,11014): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (202,13127): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color' (202,13156): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (202,13432): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (202,13491): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1351,37): run-time error CSS1046: Expect comma, found '0' (1351,41): run-time error CSS1046: Expect comma, found '/' */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .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; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -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 { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .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: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .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("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /** * Swiper 8.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 21, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} @font-face { font-family: 'Sora'; src: url('fonts/subset-Sora-ExtraBold.woff2') format('woff2'), url('fonts/subset-Sora-ExtraBold.woff') format('woff'), url('fonts/subset-Sora-ExtraBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Sora'; src: url('fonts/subset-Sora-Bold.woff2') format('woff2'), url('fonts/subset-Sora-Bold.woff') format('woff'), url('fonts/subset-Sora-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Sora'; src: url('fonts/subset-Sora-SemiBold.woff2') format('woff2'), url('fonts/subset-Sora-SemiBold.woff') format('woff'), url('fonts/subset-Sora-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Sora'; src: url('fonts/subset-Sora-Light.woff2') format('woff2'), url('fonts/subset-Sora-Light.woff') format('woff'), url('fonts/subset-Sora-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Sora'; src: url('fonts/subset-Sora-ExtraLight.woff2') format('woff2'), url('fonts/subset-Sora-ExtraLight.woff') format('woff'), url('fonts/subset-Sora-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Sora'; src: url('fonts/subset-Sora-Thin.woff2') format('woff2'), url('fonts/subset-Sora-Thin.woff') format('woff'), url('fonts/subset-Sora-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Sora'; src: url('fonts/subset-Sora-Regular.woff2') format('woff2'), url('fonts/subset-Sora-Regular.woff') format('woff'), url('fonts/subset-Sora-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Sora'; src: url('fonts/subset-Sora-Medium.woff2') format('woff2'), url('fonts/subset-Sora-Medium.woff') format('woff'), url('fonts/subset-Sora-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } /* General Bootstrap */ html { direction: rtl; font-size: 100px; font-weight: 600; font-family: 'Sora', sans-serif; font-variant-ligatures: none; -webkit-font-variant-ligatures: none; -webkit-font-smoothing: antialiased; } html.lock { position: fixed; width: 100%; height: 100%; overflow: hidden; } body { position: relative; min-height: 100vh; font-size: 0; background-color: #F9F6F6; } * { padding: 0; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none !important; -webkit-font-smoothing: antialiased; } *:focus { outline: none !important; } a { text-decoration: none; } b, strong { font-weight: 700; } .vcenter { font-size: 0; } .vcenter > * { display: inline-block; vertical-align: middle; } .vcenter:before { content: ''; display: inline-block; height: 100%; width: 0; vertical-align: middle; } .font * { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; } .font img { display: block !important; width: auto !important; height: auto !important; max-width: 100% !important; } .head-title-font { font-size: .16rem; } .h1-tag { position: absolute; width: 0; height: 0; opacity: 0; overflow: hidden; } .h2-tag { position: absolute; width: 0; height: 0; opacity: 0; overflow: hidden; } .h3-tag { position: absolute; width: 0; height: 0; opacity: 0; overflow: hidden; } /* Loading */ .loading { width: 100%; height: 100%; right: 0; top: 0; position: fixed; z-index: 9999; background: rgba(0,0,0,.75); display: none; } .loading .load { width: 150px; animation: loading 3s linear infinite; position: absolute; right: 50%; top: 50%; margin-right: -75px; margin-top: -75px; } .loading .load .loading-inner { stroke-dashoffset: 0; stroke-dasharray: 300; stroke-width: 10; stroke-miterlimit: 10; stroke-linecap: round; animation: loading-circle 2s linear infinite; stroke: #1A1A1A; fill: transparent; } @keyframes loading { 0% { transform: rotate(0); } 100% { transform: rotate(-360deg); } } @keyframes loading-circle { 0% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -600; } } /* General */ .container { position: relative; width: 14.4rem; max-width: 100%; padding-right: .6rem; padding-left: .6rem; margin-right: auto; margin-left: auto; } /* Text General */ .general.white-color { color: white; } .general.brown-color { color: #400E03; } .general.red-color { color: #ED1C24; } .general.dark-color { color: #201111; } .title.h1.general { font-size: .40rem; font-weight: 700; line-height: 1.2em; } .title.h2.general { font-size: .32rem; font-weight: 700; line-height: 1.2em; } .title.h3.general { font-size: .28rem; font-weight: 700; line-height: 1.2em; } .title.h4.general { font-size: .2rem; font-weight: 700; line-height: 1.2em; } .title.h6.general { font-size: .16rem; font-weight: 600; line-height: 1.2em; } .title.h7.general { font-size: .14rem; font-weight: 600; line-height: 1.2em; } .text.general { font-size: .16rem; font-weight: 400; line-height: 1.6em; } .body-text.general { font-size: .14rem; font-weight: 400; line-height: 1.6em; } .regular.general { font-size: .12rem; font-weight: 400; line-height: 1.4em; } /* Tags */ .tags.general { display: flex; margin: -0.04rem; width: calc(100% + 0.08rem); align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; } .tags.general .tag-item { display: inline-flex; align-items: center; padding: 0.08rem 0.12rem; border: 1px solid #E0D8D7; background-color: white; border-radius: 4.8rem; margin: 0.04rem; } .tags.general .tag-item img { display: inline-block; vertical-align: middle; width: .16rem; } .tags.general .tag-item .text { font-size: .12rem; font-weight: 400; line-height: 1.4em; color: #400E03; margin-right: .04rem; white-space: nowrap; } /* Popup */ .popup-wrapper { display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); right: 0; top: 0; z-index: 10; text-align: center; } .popup-wrapper .popup-container { position: relative; display: inline-block; width: 100%; max-width: 10rem; background-color: white; margin: auto; padding: .24rem; transform: matrix(0, 0, 0, 0, 0, 0); -webkit-transform: matrix(0, 0, 0, 0, 0, 0); -moz-transform: matrix(0, 0, 0, 0, 0, 0); -ms-transform: matrix(0, 0, 0, 0, 0, 0); -o-transform: matrix(0, 0, 0, 0, 0, 0); } .popup-wrapper.image .popup-container .content img { max-width: 100%; /*max-width: 80vw;*/ max-height: 80vh; object-fit: contain; object-position: center; } .popup-wrapper.image .popup-container .close-btn { position: absolute; width: .18rem; left: .24rem; top: .24rem; cursor: pointer; } .popup-wrapper.video .popup-container { min-height: 6rem; max-height: 70vh; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } .popup-wrapper.video .popup-container { height: 100%; } .popup-wrapper .popup-container .content { display: block; height: 100%; position: relative; } .popup-wrapper.git-form .popup-container { width: auto; } .popup-wrapper.git-form .popup-container .content { width: 5.5rem; max-width: 100%; } .popup-wrapper.git-form .popup-container .response { display: none; width: 5.5rem; max-width: 100%; align-content: space-between; align-items: center; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } .popup-wrapper.git-form .popup-container .response.active { display: flex; } .popup-wrapper.git-form .popup-container .response .icon { width: 100%; } .popup-wrapper.git-form .popup-container .response .icon img { display: inline-block; width: .56rem; } .popup-wrapper.git-form .popup-container .response .title { width: 100%; } .popup-wrapper.git-form .popup-container .response.success .title { color: #4E8B43; } .popup-wrapper.git-form .popup-container .response.error .title { color: #ED1C24; } .popup-wrapper.git-form .popup-container .response * + .title { margin-top: .08rem; } .popup-wrapper.git-form .popup-container .response .text { width: 100%; } .popup-wrapper.git-form .popup-container .response * + .text { margin-top: .24rem; } .popup-wrapper.git-form .popup-container .response .text { margin-bottom: .48rem; } .popup-wrapper.git-form .popup-container .response.error .btn-default { width: calc(50% - .12rem) } .popup-wrapper .popup-container .content > * + * { margin-top: .24rem; } .popup-wrapper.git-form .popup-container .content form.general { display: flex; flex-direction: column; } .popup-wrapper.git-form .popup-container .content form.general .privacy-notice { display: flex; flex-direction: column; border: 1px solid #E0D8D7; border-radius: .02rem; padding: .16rem; } .popup-wrapper.git-form .popup-container .content form.general .privacy-notice p { font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: right; color: #400E03; margin-top: 0 !important; } .popup-wrapper.git-form .popup-container .content form.general .privacy-notice p a { font-weight: 700; text-decoration: underline; color: #400E03; } .popup-wrapper.git-form .popup-container .content form.general .privacy-notice .check { display: inline-block; position: relative; padding-right: .32rem; padding-left: .16rem; margin-top: .24rem; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: right; color: #400E03; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .popup-wrapper.git-form .popup-container .content form.general .privacy-notice .check a { font-weight: 700; text-decoration: underline; color: #400E03; } .popup-wrapper.git-form .popup-container .content form.general .privacy-notice .check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .popup-wrapper.git-form .popup-container .content form.general .privacy-notice .check .checkmark { position: absolute; top: 0; right: 0; height: .16rem; width: .16rem; background-color: #fff; border: 1px solid #E0D8D7; border-radius: .02rem; } .popup-wrapper.git-form .popup-container .content form.general .privacy-notice .check input:checked ~ .checkmark { background-color: #FDE4E5; border: 1px solid #ED1C24; } .popup-wrapper.git-form .popup-container .content form.general .privacy-notice .check .checkmark:after { content: ""; position: absolute; display: none; } .popup-wrapper.git-form .popup-container .content form.general .privacy-notice .check input:checked ~ .checkmark:after { display: block; } .popup-wrapper.git-form .popup-container .content form.general .privacy-notice .check .checkmark:after { right: 4px; top: 0.6px; width: 3.5px; height: 8px; border: solid #ED1C24; border-width: 0 0 .02rem .02rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .popup-wrapper.git-form .popup-container .content form.general select { width: 100% !important; border: 1px solid #E0D8D7; height: .5rem; line-height: .5rem; border-radius: .02rem; } .popup-wrapper.git-form .popup-container .content form.general > * + * { margin-top: .08rem; } .popup-wrapper.git-form .popup-container .content form.general .form-item input { padding: .16rem; font-size: .14rem; color: #400E03; border: 1px solid #E0D8D7; width: 100%; font-weight: 500; border-radius: .02rem; } .popup-wrapper.git-form .popup-container .content form.general .form-item > select + span { border: 1px solid #E0D8D7; text-align: right; border-radius: .02rem; } .popup-wrapper.git-form .popup-container .content form.general .form-item .input-error { text-align: right; color: red; font-size: .12rem; font-weight: 400; line-height: 1.4em; margin-top: .08rem; background-image: url(Icons/input-error.svg); background-size: .16rem; background-position: center right; background-repeat: no-repeat; padding-right: .24rem; } .popup-wrapper.git-form .popup-container .content form.general textarea { width: 100%; border: 1px solid #E0D8D7; padding: .16rem; font-family: inherit; font-size: .14rem; color: #400E03; resize: none; height: 1.15rem; border-radius: .02rem; } .popup-wrapper.git-form .popup-container .content .top { display: flex; justify-content: space-between; } .popup-wrapper.git-form .popup-container .content .top .head { font-size: .28rem; font-weight: 700; } .popup-wrapper.git-form .popup-container .content .top .close-btn { width: .18rem; height: .18rem; object-position: center; object-fit: contain; cursor: pointer; } /* Video Popup */ .popup-wrapper.video .popup-container .content iframe { width: 100%; height: 100%; } /* Cookie Popup */ .popup-wrapper.cookie .popup-container { max-width: 6rem; width: 100%; max-height: 4.6rem; overflow: auto; padding: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } .popup-wrapper.cookie .popup-container::-webkit-scrollbar { width: .07rem; border-radius: .05rem; } .popup-wrapper.cookie .popup-container::-webkit-scrollbar-track { background: #f1f1f1; } .popup-wrapper.cookie .popup-container::-webkit-scrollbar-thumb { border-radius: .05rem; background: #bbb; } /* Handle on hover */ .popup-wrapper.cookie .popup-container::-webkit-scrollbar-thumb:hover { background: #aaa; } .popup-wrapper.cookie .popup-container .content .head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: .24rem; } .popup-wrapper.cookie .popup-container .content .head .logo { width: 2.2rem; } .popup-wrapper.cookie .popup-container .content .head .logo img { width: 100%; } .popup-wrapper.cookie .popup-container .content .head .close-btn { width: 0.18rem; height: 0.18rem; object-position: center; object-fit: contain; cursor: pointer; } .popup-wrapper.cookie .popup-container .content .head .close { width: .18rem; height: .18rem; } .popup-wrapper.cookie .popup-container .content .body { border-top: 1px solid #E0D8D7; padding: .24rem; margin-top: 0; } .popup-wrapper.cookie .popup-container .content .body .items { width: 100%; } .popup-wrapper.cookie .popup-container .content .body .items .item { width: 100%; border: 1px solid #E0D8D7; } .popup-wrapper.cookie .popup-container .content .body .items .item.active .header .icon:after { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .popup-wrapper.cookie .popup-container .content .body .items * + .item { margin-top: .24rem; } .popup-wrapper.cookie .popup-container .content .body .items .item .header { display: inline-flex; align-items: center; width: 100%; padding: .16rem .24rem .16rem .16rem; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .icon { width: .16rem; height: .16rem; position: relative; margin-left: .24rem; cursor: pointer; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .icon:before { content: ''; width: .16rem; height: 2px; margin-top: -1px; position: absolute; top: 50%; right: 0; background-color: #400E03; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .icon:after { content: ''; height: .16rem; width: 2px; margin-right: -1px; position: absolute; right: 50%; top: 0; background-color: #400E03; transition: .2s all ease; -webkit-transition: .2s all ease; -ms-transition: .2s all ease; -moz-transition: .2s all ease; -o-transition: .2s all ease; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .title { font-weight: 400; font-size: .14rem; line-height: 1.6em; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .checkbox { display: inline-block; background: rgba(120, 120, 128, 0.16); border-radius: 99px; width: .5rem; height: .3rem; margin-right: auto; position: relative; cursor: pointer; transition: .2s all ease; -webkit-transition: .2s all ease; -ms-transition: .2s all ease; -moz-transition: .2s all ease; -o-transition: .2s all ease; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .checkbox.required { cursor: not-allowed; opacity: .5; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .checkbox.active { background-color: #ED1C24; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .checkbox.active:before { right: calc(100% - .28rem); } .popup-wrapper.cookie .popup-container .content .body .items .item .header .checkbox:before { content: ''; position: absolute; right: .02rem; top: .02rem; width: .26rem; height: .26rem; background-color: white; box-shadow: 0 0 .01rem rgba(0,0,0,.12); border-radius: 50%; transition: .2s all ease; -webkit-transition: .2s all ease; -ms-transition: .2s all ease; -moz-transition: .2s all ease; -o-transition: .2s all ease; } .popup-wrapper.cookie .popup-container .content .body .items .item .text { display: none; padding: .16rem; font-size: 14px; line-height: 1.18em; color: #400E03; font-weight: 400; text-align: right; background: #F9F6F6; border-top: 1px solid #E0D8D7; } .popup-wrapper.cookie .popup-container .content .body .buttons { display: flex; flex-direction: row; align-items: stretch } .popup-wrapper.cookie .popup-container .content .body * + .buttons { margin-top: .24rem; } .popup-wrapper.cookie .popup-container .content .body .buttons .btn-default { width: 100%; } .popup-wrapper.cookie .popup-container .content .body .buttons .btn-default.tertiary { font-weight: 400; } .popup-wrapper.cookie .popup-container .content .body .buttons .btn-default:nth-child(2n+2) { margin-right: .24rem; } /* Buttons */ .btn-default { display: inline-block; vertical-align: middle; width: 100%; padding: .16rem .24rem; border: 0; font-weight: 700; font-size: .16rem; line-height: 1.2em; color: #ED1C24; text-align: center; background-color: white; white-space: nowrap; cursor: pointer; border-radius: .02rem; } .btn-default.secondary { color: white; background-color: #ED1C24; } .btn-default.tertiary { background-color: #FDE4E5; } .btn-default.btn-flex { display: flex; justify-content: center; align-items: center; } .btn-default.small { font-size: .12rem; } /* Forms */ /* Select2 */ form.general .form-item .select2-container { width: 100% !important; } form.general .form-item .select2-container--default .select2-selection--single { height: 0.5rem; line-height: 0.5rem; border: none; background-color: white; border-radius: 0.02rem; } form.general .form-item[a-error] .select2-container--default .select2-selection--single { border: 1px solid red !important; } form.general .form-item[a-error] .input-error { width: 100%; display: inline-block; } form.general .form-item .select2-container--default .select2-selection--single:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; } form.general .form-item .select2-container .select2-selection--single .select2-selection__rendered { display: inline-block; vertical-align: middle; width: 100%; height: 0.2rem; padding-right: 0.16rem; padding-left: 0.3rem; font-weight: 400; font-size: 0.14rem; line-height: 1.2em; color: #400E03; } form.general .form-item .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #400E03; } form.general .form-item[a-error] .select2-container--default .select2-selection--single .select2-selection__placeholder { color: red; } /* form.general .form-item[a-error] .select2-container.select2-container--open .select2-selection--single .select2-selection__placeholder { color: white; } */ form.general .form-item .select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; height: .16rem; width: .16rem; top: 50%; left: 0.16rem; margin-top: -.08rem; font-size: 0; background-image: url(Icons/icon-dropdown.svg); background-size: contain; background-position: center; background-repeat: no-repeat; transition: .2s all ease; -webkit-transition: .2s all ease; -ms-transition: .2s all ease; -moz-transition: .2s all ease; -o-transition: .2s all ease; } form.general .form-item .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); } form.general .form-item .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } /* Select2 Dropdown */ .select2-dropdown { min-width: 1.2rem; border: none; border-radius: 0 !important; background-color: white; box-shadow: 0 .12rem .12rem rgba(77, 77, 77, 0.12); border-top: 1px solid gray; } .select2-container--default .select2-results > .select2-results__options { padding-top: .08rem; padding-bottom: .08rem; } .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 6px; } .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track { background: transparent; } .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb { background: #E0E0E0; border-radius: 6px; } .select2-results__option { padding: .08rem .16rem; font-weight: 400; font-size: 0.14rem; line-height: 1.2em; color: #2d2e2c; } .select2-container--default .select2-results__option--highlighted[aria-selected] { color: #2d2e2c; background-color: rgba(0, 0, 0, .1); } .select2-container--default .select2-results__option[aria-selected=true] { font-weight: 700; background-color: transparent; } /* Stars */ .stars > span { background-image: url(./Icons/star.svg); width: .22rem; height: .21rem; display: inline-block; background-repeat: no-repeat; background-size: contain; } .stars > span.active { background-image: url(./Icons/star-fill.svg); } .stars > span.active-half { background-image: url(./Icons/star-half-fill.svg); } /* HEADER */ header { background-color: white; position: relative; z-index: 10; } header .container { display: flex; justify-content: space-between; align-items: stretch; } header .container .mobile-header-right { display: none; } header .container .logo { display: flex; width: 2.2rem; } header .container .logo img { object-fit: contain; object-position: center; width: 100%; } header .container .menu-wrapper { display: flex; justify-content: space-between; align-items: stretch; } header .container .menu-wrapper .menu-item { position: relative; } header .container .menu-wrapper .menu-item-search { display: flex; justify-content: center; align-items: center; position: relative; } header .container .menu-wrapper .menu-item-search .nav-link { padding: 0 0.05rem 0 0.15rem; } header .container .menu-wrapper .menu-item .nav-link { font-size: .14rem; background-color: white; color: #400E03; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } header .container .mobile-header-right .menu-item-search { display: none; } header .container .search-main { position: fixed; width: 100%; height: 100%; display: none; justify-content: center; top: 0; left: 0; background-color: rgb(0 0 0 / 30%); } header .container .search-main.active { display: flex; } header .container .search-main .search { margin-top: 1.04rem; } header .container .search-main .search .search-container { width: 5.84rem; position: relative; border-radius: 2px; overflow: hidden; } header .container form.general .form-item[a-error] input { border: 1px solid red !important; } header .container form.general .form-item[a-error] .input-error { display: none !important; } header .container .search-main .search .search-container .search-input { width: 100%; height: 0.5rem; padding: 0 .42rem; font-size: .12rem; border: 1px solid #E0D8D7; border-radius: 2px; overflow: hidden; } header .container .search-main .search .search-container .search-btn { position: absolute; left: 0.16rem; width: 0.13rem; height: 0.13rem; top: 50%; transform: translateY(-70%); } header .container .menu-wrapper .menu-item .nav-link.parent span { background-image: url(./Icons/plus-brown.svg); width: .18rem; height: .18rem; margin-left: .08rem; background-size: contain; background-position: center; background-repeat: no-repeat; } header .container .menu-wrapper .menu-item .submenu { position: absolute; z-index: 5; left: 0; top: 100%; min-width: 100%; visibility: hidden; opacity: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } header .container .menu-wrapper .menu-item .submenu .item { background-color: #400E03; color: white; display: flex; white-space: nowrap; justify-content: space-between; align-items: center; font-weight: 400; border-top: 1px solid #525252; font-size: .14rem; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } header .container .menu-wrapper .menu-item .submenu .item span { width: .24rem; height: .24rem; background-image: url(./Icons/arrow-right.svg); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: .08rem; /*rtl:raw: transform: rotate(180deg); */ } header .container .menu-wrapper .menu-item a { display: flex; align-items: center; height: 100%; justify-content: center; padding: .24rem .16rem; color: #400E03; font-weight: 600; line-height: 1.2em; } header .container .menu-wrapper .menu-item.lang .flag { width: .32rem; height: .17rem; display: inline-block; vertical-align: middle; margin-right: .04rem; } header .container .menu-wrapper .menu-item.lang .flag img { width: 100%; height: 100%; } header .container .menu-wrapper .menu-item.lang .nav-link.parent > span { background-image: url(Icons/chevron-down-brown.svg); width: .14rem; height: .14rem; } header .container .menu-wrapper .menu-item.lang .submenu { width: 100%; } header .container .menu-wrapper .menu-item.lang .submenu .item { justify-content: flex-start; font-weight: 700; white-space: normal; } /* BANNER */ section.banner { position: relative; height: 4.64rem; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; } section.banner .banner-link { display: block; height: 100%; width: 100%; position: absolute; top: 0; right: 0; } section.banner .container { height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; padding-bottom: .6rem; padding-top: .6rem; } section.banner .container .content .head { font-size: .56rem; color: white; } section.banner .container .content .btn-default { width: auto; } section.banner .container .content * + .btn-default { margin-top: .32rem; } /* BANNER */ section.main-slider { position: relative; } section.main-slider .items .owl-dots { position: absolute; align-items: center; width: 100%; bottom: .2rem; display: flex; justify-content: center; margin: auto; align-items: center; } section.main-slider .items .owl-dots .owl-dot { width: .05rem; height: .05rem; background-color: white; border-radius: 50%; margin-top: .25rem; transition: all .3s ease; } section.main-slider .items .owl-dots * + .owl-dot { margin-right: .1rem; } section.main-slider .items .owl-dots .owl-dot.active { width: .10rem; height: .10rem; } section.main-slider .items .item { height: 4.64rem; } section.main-slider .items .item img, section.main-slider .items .item video { width: 100%; height: 100%; object-fit: cover; object-position: center; } section.main-slider .items .item .banner-link { display: block; height: 100%; width: 100%; position: absolute; top: 0; right: 0; z-index: 2; } section.main-slider .items .item .wrapper { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 2; } section.main-slider .items .item .wrapper .content { height: 100%; width: 14.4rem; max-width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: .6rem; margin-right: auto; margin-left: auto; z-index: 1; } section.main-slider .items .item .wrapper .content .head { font-size: .56rem; color: white; } section.main-slider .items .item .wrapper .content .btn-default { width: auto; } section.main-slider .items .item .wrapper .content * + .btn-default { margin-top: .32rem; } /* FIND-SECTION */ section.find-section { padding-top: .24rem; padding-bottom: .24rem; background-color: white; } section.find-section .container { display: flex; justify-content: space-between; } section.find-section .container .col { width: calc(50% - .12rem); } section.find-section .container .col .left { display: flex; height: 100%; flex-direction: column; justify-content: space-between; } section.find-section .container .col .left .top { background-color: #400E03; padding: .32rem; } section.find-section .container .col .left .top .top-first { display: flex; justify-content: space-between; align-items: center; } section.find-section .container .col .left .top .top-first .head { font-size: .32rem; color: white; } section.find-section .container .col .left .top .top-first .btn { font-size: .14rem; border-bottom: 4px solid #ED1C24; color: white; } section.find-section .container .col .left .top * + .tabs { margin-top: .24rem; } section.find-section .container .col .left .top .tab-menu { display: flex; justify-content: space-between; flex-wrap: wrap; } section.find-section .container .col .left .top .tab-menu .btn { font-size: .14rem; padding-top: .12rem; padding-left: .1rem; padding-right: .1rem; padding-bottom: .12rem; color: white; border: 1px solid white; text-align: center; flex-grow: 1; } section.find-section .container .col .left .top .tab-menu .btn.active { background-color: white; color: #ED1C24; } section.find-section .container .col .left .top .tab-menu .btn:not(:last-child) { margin-left: .04rem; } section.find-section .container .col .left .top .tab-item { display: none; } section.find-section .container .col .left .top .tab-item.active { display: block; } section.find-section .container .col .left .top .tab-item > * { margin-top: .16rem; } section.find-section .container .col .left .top .tab-item form button[disabled] { background-color: #434448; } section.find-section .container .col .left .bot { position: relative; overflow: hidden; padding-top: .37rem; padding-bottom: .37rem; } section.find-section .container .col .left .bot .main-page-mini-slider { padding-right: .95rem; padding-left: .95rem; } section.find-section .container .col .left .bot .main-page-mini-slider .swiper-wrapper { align-items: center; } section.find-section .container .col .left .bot .main-page-mini-slider .item { color: #ED1C24; overflow: hidden; } section.find-section .container .col .left .bot .main-page-mini-slider .item .top-item { display: flex; align-items: flex-end; min-height: .19rem; } section.find-section .container .col .left .bot .main-page-mini-slider .item .top-item p { margin: 0; } section.find-section .container .col .left .bot .main-page-mini-slider .item .top-item .left-top-text { font-size: .15rem; padding-left: .24rem; white-space: nowrap; } section.find-section .container .col .left .bot .main-page-mini-slider .item .top-item .line { border-bottom: 3px solid #ED1C24; width: 100%; } section.find-section .container .col .left .bot .main-page-mini-slider .item .mid-item { display: flex; justify-content: space-between; align-items: center; padding-top: .15rem; padding-bottom: .15rem; } section.find-section .container .col .left .bot .main-page-mini-slider .item .mid-item .mid-text { font-size: .26rem; font-weight: 700; line-height: 1.4em; margin-left: .1rem; } section.find-section .container .col .left .bot .main-page-mini-slider .item .mid-item .btn-default { width: auto; padding-right: .43rem; padding-left: .43rem; } section.find-section .container .col .left .bot .main-page-mini-slider .item .bot-item { width: 100%; height: 3px; background-color: #ED1C24; } section.find-section .container .col .left .bot .main-page-mini-slider .dots { display: flex; justify-content: space-around; width: 10%; margin: auto; align-items: center; } section.find-section .container .col .left .bot .main-page-mini-slider .dots .swiper-pagination-bullet { width: .05rem; height: .05rem; background-color: #ED1C24; border-radius: 50%; margin-top: .25rem; opacity: 1; } section.find-section .container .col .left .bot .main-page-mini-slider .dots .swiper-pagination-bullet-active { width: .10rem; height: .10rem; } section.find-section .container .col .left .bot .main-page-mini-slider .nav { position: absolute; top: 50%; right: 0; width: 100%; height: 0; margin-top: -0.36rem; } section.find-section .container .col .left .bot .main-page-mini-slider .nav .prev { background-image: url(./Icons/arrow-left-white.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; right: 0; position: absolute; background-color: #400E03; border-radius: 2px; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } section.find-section .container .col .left .bot .main-page-mini-slider .nav .next { background-image: url(./Icons/arrow-right-white.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; left: 0; position: absolute; background-color: #400E03; border-radius: 2px; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } section.find-section .container .col .right { background-color: #201111; font-size: .16rem; padding: .32rem; color: white; display: flex; flex-direction: column; justify-content: space-between; } section.find-section .container .col .right .top { display: flex; justify-content: space-between; align-items: center; width: 100%; } section.find-section .container .col .right .top .head { font-size: .32rem; } section.find-section .container .col .right .top .search-map { width: auto; margin-top: 0 !important; text-align: left; line-height: 1.8em; font-size: .14rem; } section.find-section .container .col .right .top .search-map a { color: white; border-bottom: 3px solid #ED1C24; } section.find-section .container .col .right .search { width: 100%; position: relative; } section.find-section .container .col .right * + .search { margin-top: .24rem; } section.find-section .container .col .right .search .search-container { width: 100%; } section.find-section .container .col .right .search .search-container .search-input { width: 100%; height: .5rem; text-indent: .42rem; font-size: .12rem; border: 0; } section.find-section .container .col .right .search .search-container .search-btn { position: absolute; right: .16rem; width: .13rem; height: .13rem; top: 50%; transform: translateY(-70%); } section.find-section .container .col .right .search .search-container .search-btn img { width: 100%; height: 100%; } section.find-section .container .col .right .map-wrapper { width: 100%; height: 3.4rem; position: relative; background-image: url(Images/map-placeholder.jpg); cursor: pointer; } section.find-section .container .col .right * + .map-wrapper { margin-top: .24rem; } section.find-section .container .col .right * + .btn { margin-top: .24rem; } /* MAIN-PAGE-SLIDER */ section.main-page-slider { background-color: #F9F6F6; } section.main-page-slider .container { padding-top: .72rem; padding-bottom: .72rem; } section.main-page-slider .container .head { font-size: .32rem; text-align: center; color: #400E03; font-weight: 700; } section.main-page-slider .container .items { position: relative; width: 13.2rem; max-width: 100%; padding: 0 .72rem; margin: auto; } section.main-page-slider .container * + .items { margin-top: .48rem; } section.main-page-slider .container .items .item { background-color: white; padding: .24rem; border: 1px solid #E0D8D7; border-radius: 2px; border-bottom: 3px solid #ED1C24; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } section.main-page-slider .container .items .item .slide-title { font-size: .20rem; font-weight: 600; color: #400E03; direction: ltr; margin-left: auto; display: flex; justify-content: flex-end; width: 100%; } section.main-page-slider .container .items .item .slide-p { font-size: .14rem; font-weight: 400; color: #400E03; } section.main-page-slider .container .items .item * + .slide-p { margin-top: .16rem; } section.main-page-slider .container .items .item .slide-content { display: flex; } section.main-page-slider .container .items .item * + .slide-content { margin-top: .46rem; } section.main-page-slider .container .items .item .slide-content .image { width: 1.44rem; height: 100%; object-fit: contain; } section.main-page-slider .container .items .item .slide-content .tags { flex-direction: column; justify-content: center; flex-wrap: nowrap; } section.main-page-slider .container .items .item .slide-btns { display: flex; justify-content: space-between; width: calc(100% + .32rem); margin-right: -.16rem; margin-bottom: -.12rem; } section.main-page-slider .container .items .item .slide-btns .btn-default { width: calc(50% - .04rem); white-space: break-spaces; display: inline-flex; align-items: center; justify-content: center; } section.main-page-slider .container .items .item * + .slide-btns { margin-top: .52rem; } section.main-page-slider .container .items .dots { display: flex; justify-content: center; margin: auto; align-items: center; margin-top: .42rem; } section.main-page-slider .container .items .dots .swiper-pagination-bullet { width: .06rem; height: .06rem; margin: .06rem; background-color: #ED1C24; border-radius: 50%; cursor: pointer; opacity: 1; } section.main-page-slider .container .items .dots .swiper-pagination-bullet-active { width: .12rem; height: .12rem; } section.main-page-slider .container .items .nav { position: absolute; top: 50%; right: 0; width: 100%; height: 0; margin-top: -0.48rem; } section.main-page-slider .container .items .nav .prev { background-image: url(./Icons/arrow-left-white.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; right: 0; position: absolute; background-color: #400E03; border-radius: 2px; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } section.main-page-slider .container .items .nav .next { background-image: url(./Icons/arrow-right-white.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; left: 0; position: absolute; background-color: #400E03; border-radius: 2px; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } /* Text Section */ section.text-section { display: inline-block; width: 100%; padding-top: .48rem; padding-bottom: .48rem; } section.text-section.large { min-height: 4rem; } section.text-section .wrapper { display: block; text-align: right; max-width: 100%; width: 10.96rem; margin: 0 auto; } section.text-section .wrapper .title { text-align: center; } section.text-section .wrapper * + .text { margin-top: .24rem; } section.text-section .wrapper .text p + p { margin-top: .24rem; } section.text-section .wrapper .image { display: block; width: 100%; text-align: center; } section.text-section .wrapper * + .image { margin-top: .3rem; } section.text-section .wrapper .image img { max-width: 100%; width: auto; height: auto; } section.text-section table { border-spacing: 0px; margin: .4rem 0; overflow: auto !important; width: 100% !important; font-size: .16rem !important; color: #000; text-align: right; border-collapse: collapse; display: block; } section.text-section table tbody { width: 100%; display: table; } section.text-section table tbody tr { border: 1px solid #000; border-collapse: collapse; padding: 0.1rem; } section.text-section table tbody tr td { width: auto !important; height: auto !important; padding: inherit !important; } section.text-section ol, ul { list-style-position: inside; } section.text-section table p { margin-top: 0; } section.text-section ol, ul, p { margin-top: .24rem; } section.text-section table th { background-color: #222a35; border: .01rem solid windowtext; border-bottom: none; text-align: center; padding: .12rem; } section.text-section table td { border: .01rem solid windowtext; border-bottom: none; text-align: center; padding: .12rem; } section.text-section table tr td:not(:last-of-type) { border-left: none; border-bottom: none; } section.text-section table tr:last-of-type td { border-bottom: .01rem solid windowtext; } section.text-section table th p { color: #FFF; } /* VIDEO SECTION */ section.video-section { background-color: #434448; } section.video-section.light-bg { background-color: transparent; } section.video-section .container { height: 100%; padding-top: .4rem; padding-bottom: .4rem; display: flex; flex-direction: column; justify-content: space-between; } section.video-section .container.small { padding-top: .24rem; padding-bottom: .4rem; } section.video-section .container .head { display: flex; justify-content: space-between; align-items: center; } section.video-section .container .head .title { color: white; width: 50%; } section.video-section.light-bg .container .head .title { color: #400E03; } section.video-section .container .head .btn-default { width: auto; padding-right: .72rem; padding-left: .72rem; } section.video-section.light-bg .container .head .btn-default { background-color: #e03130; color: white; } section.video-section .container .wrapper { width: 100%; height: 0; position: relative; padding-bottom: 56.1%; position: relative; } section.video-section .container.small .wrapper { display: block; margin: auto; width: 10.96rem; max-width: 100%; padding-bottom: 46.1%; } section.video-section .container .items .item { width: 100%; } section.video-section .container .items .item .video-placeholder { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: pointer; } section.video-section .container .items .owl-nav { position: absolute; top: 50%; right: -24px; width: calc(100% + 48px); height: 0; margin-top: -0.24rem; } section.video-section .container .items .owl-nav .owl-prev { background-image: url(./Icons/arrow-left-white.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; right: 0; position: absolute; background-color: #400E03; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } section.video-section .container .items .owl-nav .owl-next { background-image: url(./Icons/arrow-right-white.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; left: 0; position: absolute; background-color: #400E03; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } section.video-section .container .video-caption { text-align: center; } section.video-section .container * + .video-caption { margin-top: .24rem; } section.video-section .container .video-caption .text { color: #89726C; } section.video-section .container > * + * { margin-top: .40rem; } section.video-section .container .video-placeholder { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: pointer; } section.video-section .container iframe { position: absolute; width: 100%; height: 100%; } section.video-section .container video { width: 100%; height: 100%; object-fit: cover; } section.video-section .container .playpause { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 1.05rem; height: 1.05rem; cursor: pointer; } section.video-section .container .playpause img { width: 100%; height: 100%; } /* FOOTER */ footer { background-color: #201111; position: absolute; bottom: 0; width: 100%; } footer .line { height: 1px; background-color: #E0D8D7; } footer .container-top { padding: .48rem .60rem; height: auto; display: flex; justify-content: space-between; } footer .container-top .col { width: 25%; } footer .container-top .col .head { font-size: .20rem; font-weight: 700; color: white; } footer .container-top .col .head span { display: none; } footer .container-top .col * + .texts { margin-top: .24rem; } footer .container-top .col .texts * + .item { margin-top: .08rem; } footer .container-top .col * + .links { margin-top: .24rem; } footer .container-top .col .links .link { display: block; color: white; font-size: .14rem; font-weight: 400; } footer .container-top .col .links * + .link { margin-top: .16rem; } footer .container-bot { padding: .26rem .60rem; display: flex; justify-content: space-between; align-items: center; } footer .container-bot .footer-logo { width: 1.35rem; height: .20rem; } footer .container-bot .footer-logo img { width: 100%; height: 100%; object-fit: contain; } footer .container-bot .social-icons .item { display: inline-block; vertical-align: middle; color: white; font-size: .18rem; margin: .07rem; font-weight: 400; width: .24rem; height: .24rem; position: relative; } footer .container-bot .social-icons .item:before { content: ''; display: inline-block; width: .24rem; height: .24rem; background-position: center; background-repeat: no-repeat; background-size: contain; } footer .container-bot .social-icons .item.facebook:before { background-image: url('Icons/social-fb.svg') } footer .container-bot .social-icons .item.instagram:before { background-image: url('Icons/social-ig.svg') } footer .container-bot .social-icons .item.twitter:before { background-image: url('Icons/social-tw.svg') } footer .container-bot .social-icons .item.youtube:before { background-image: url('Icons/social-yt.svg') } /* SECTION STICKY BOTTOM */ section.sticky-bottom { position: sticky; height: auto; width: 100%; bottom: 0; z-index: 9; } section.sticky-bottom .btns { display: flex; justify-content: space-between; } section.sticky-bottom .btns .btn { font-size: .12rem; display: flex; width: 50%; height: .7rem; align-items: center; justify-content: center; padding: 0 .18rem; font-weight: 700; } section.sticky-bottom .btns .btn * { margin: .05rem; } section.sticky-bottom .btns .btn-left { background-color: white; color: #400E03; } section.sticky-bottom .btns .btn-left.active { background-color: #400E03; color: white; } section.sticky-bottom .btns .btn-right { background-color: #ED1C24; color: white; } section.sticky-bottom .btns .btn-right.active { background-color: #201111; } section.sticky-bottom .btns .btn-left .left { background-image: url(./Icons/tyre.svg); width: .18rem; height: .24rem; background-position: center; background-repeat: no-repeat; background-size: contain; } section.sticky-bottom .btns .btn-left.active .left { background-image: url(./Icons/tyre-white.svg); } section.sticky-bottom .btns .btn-left .right { background-image: url(./Icons/ion_add-sharp.svg); width: .18rem; height: .24rem; background-position: center; background-repeat: no-repeat; background-size: contain; } section.sticky-bottom .btns .btn-left.active .right { background-image: url(./Icons/icon_remove-white.svg); } section.sticky-bottom .btns .btn-right .left { background-image: url(./Icons/dealer.svg); width: .18rem; height: .24rem; background-position: center; background-repeat: no-repeat; background-size: contain; } section.sticky-bottom .btns .btn-right .right { background-image: url(./Icons/icon_add-white.svg); width: .18rem; height: .24rem; background-position: center; background-repeat: no-repeat; background-size: contain; } section.sticky-bottom .btns .btn-right.active .right { background-image: url(./Icons/icon_remove-white.svg); } section.sticky-bottom .component { display: none; width: 100%; bottom: 0; position: relative; max-height: calc(100vh - 1.26rem); overflow: auto; } section.sticky-bottom .component.active { display: block !important; } section.sticky-bottom .components .component-left { background-color: #400E03; padding: .32rem; } section.sticky-bottom .components .component-left .top-first { display: flex; justify-content: space-between; align-items: center; } section.sticky-bottom .components .component-left .top-first .head { font-size: .32rem; color: white; } section.sticky-bottom .components .component-left .top-first .btn { font-size: .14rem; border-bottom: 4px solid #ED1C24; color: white; padding-bottom: .08rem; } section.sticky-bottom .components .component-left * + .tabs { margin-top: .24rem; } section.sticky-bottom .components .component-left .tab-menu { display: flex; justify-content: space-between; flex-wrap: wrap; } section.sticky-bottom .components .component-left .tab-menu .btn { font-size: .14rem; padding-top: .12rem; padding-left: .1rem; padding-right: .1rem; padding-bottom: .12rem; color: white; border: 1px solid white; text-align: center; flex-grow: 1; } section.sticky-bottom .components .component-left .tab-menu .btn.active { background-color: white; color: #ED1C24; } section.sticky-bottom .components .component-left .tab-menu .btn:not(:last-child) { margin-left: .04rem; } section.sticky-bottom .components .component-left .tab-item { display: none; } section.sticky-bottom .components .component-left .tab-item.active { display: block; } section.sticky-bottom .components .component-left .tab-item form > * { margin-top: .16rem; } section.sticky-bottom .components .component-right { background-color: #201111; font-size: .16rem; padding: .32rem; color: white; } section.sticky-bottom .components .component-right .top { display: flex; justify-content: space-between; align-items: center; width: 100%; } section.sticky-bottom .components .component-right .top .head { font-size: .32rem; } section.sticky-bottom .components .component-right .top .search-map { width: auto; margin-top: 0 !important; } section.sticky-bottom .components .component-right .top .search-map a { color: white; border-bottom: 3px solid #ED1C24; font-size: .14rem; } section.sticky-bottom .components .component-right .search { width: 100%; position: relative; } section.sticky-bottom .components .component-right * + .search { margin-top: .24rem; } section.sticky-bottom .components .component-right .search .search-container { width: 100%; } section.sticky-bottom .components .component-right .search .search-container .search-input { width: 100%; height: .5rem; text-indent: .42rem; font-size: .12rem; border: 0; } section.sticky-bottom .components .component-right .search .search-container .search-btn { position: absolute; right: .16rem; width: .13rem; height: .13rem; top: 50%; transform: translateY(-70%); } section.sticky-bottom .components .component-right .search .search-container .search-btn img { width: 100%; height: 100%; } section.sticky-bottom .components .component-right .map { width: 100%; } section.sticky-bottom .components .component-right * + .map-wrapper { margin-top: .24rem; } section.sticky-bottom .components .component-right .map-wrapper { width: 100%; height: 3.4rem; position: relative; background-image: url(Images/map-placeholder.jpg); cursor: pointer; } section.sticky-bottom .components .component-right * + .btn { margin-top: .24rem; } section.sticky-bottom .components .tab-item > * { margin-top: 0.16rem; } /* Breadcrumb *************************************************************************************************************************************************************/ section.breadcrumb { display: inline-block; width: 100%; position: relative; padding-bottom: .24rem; background-color: white; border-top: 1px solid #E5E5E5; z-index: 2; } section.breadcrumb .container > * + * { margin-bottom: .12rem; margin-top: .12rem; } section.breadcrumb .container .navigation { margin-top: .16rem; } section.breadcrumb .container .navigation .navigate-item { display: inline-block; vertical-align: middle; font-size: .12rem; color: #89726C; font-weight: 400; } section.breadcrumb .container .navigation .navigate-item a { color: inherit; display: inline-block; direction: ltr; } section.breadcrumb .container .navigation > * + * { padding-right: .08rem; } section.breadcrumb .container .navigation * + .navigate-item:before { content: '/'; padding-left: .08rem; display: inline-block; } section.breadcrumb .container .tabs { display: flex; flex-wrap: wrap; width: 100%; } section.breadcrumb .container * + .tabs { margin-top: .1rem; } section.page-header { padding-bottom: .24rem; background-color: white; } section.page-header .title { color: #400E03; } section.page-header * + .tabs { margin-top: .2rem; } section.page-header .tabs .item { display: inline-block; margin: .05rem .02rem; font-size: .12rem; color: #400E03; padding: .12rem .16rem; border: 1px solid #400E03; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } section.page-header .tabs .item.active { font-weight: 600; color: white; background-color: #400E03; } section.breadcrumb.no-bg { height: 0; padding-bottom: 0; background-color: unset; } section.breadcrumb.no-bg .navigation { position: absolute; right: 0; padding: 0 0.6rem; width: 100%; } .breadcrumb.gray { background-color: #434448; } section.breadcrumb.dark-red { background-color: #400E03; } section.breadcrumb.no-bg .container .navigation .navigate-item { color: rgba(255, 255, 255, .64); } section.breadcrumb.gray .container .navigation .navigate-item, section.breadcrumb.dark-red .container .navigation .navigate-item { color: #8f8f8f; } /* Product List */ section.product-list-section { background-color: #F9F6F6; } section.product-list-section .header { background-color: white; padding-top: 0.12rem; padding-bottom: 0.24rem; } section.breadcrumb + section.product-list-section .header { padding-top: 0; } section.product-list-section .wrapper { display: flex; justify-content: space-between; align-items: flex-start; padding-top: .24rem; } section.product-list-section .clear-filter a { font-size: .14rem; border-bottom: 4px solid #ED1C24; padding-bottom: .08rem; color: #400E03; } section.product-list-section .wrapper .filters { display: inline-block; top: 0; width: 27.5%; padding-bottom: .24rem; background-color: #F9F6F6; } section.product-list-section .wrapper .filters > * + * { margin-top: .24rem; } section.product-list-section .wrapper .filters .filter-items { width: 2.26rem; } section.product-list-section .wrapper .filters .filter-items form > * + * { margin-top: .16rem; } section.product-list-section .wrapper .filters .filter-items .filter-item.selected { background-color: #E0D8D7; } section.product-list-section .wrapper .filters .filter-items .filter-item { padding: .16rem; border: 1px solid #400E03; border-radius: .02rem; background-color: white; } section.product-list-section .wrapper .filters .filter-items .filter-item .head { font-size: .12rem; } section.product-list-section .wrapper .filters .filter-items .filter-item > * + * { margin-top: .12rem; } section.product-list-section .wrapper .filters .filter-items .filter-item .form-item .select2-container--default .select2-selection--single { border: 1px solid #E0D8D7; } section.product-list-section .wrapper .filters .filter-items form button[disabled] { background-color: #434448; } section.product-list-section .wrapper .items { width: 72.5%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; padding-top: .4rem; } section.product-list-section .product-list-content-area { width: 71.2%; padding: 0.24rem; background-color: #fff; border-bottom: 4px solid #ED1C24; margin: 0.24rem 0; margin-left: auto; } section.product-list-section .product-list-content-area .title { font-size: 20px; font-weight: 600; line-height: 27px; padding-bottom: .12rem; } section.product-list-section .product-list-content-area .text-main { flex-wrap: wrap; display: flex; } section.product-list-section .product-list-content-area .text-main .text { font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: 0em; overflow: hidden; } section.product-list-section .product-list-content-area .text-main .link { color: #ED1C24; font-family: Sora; font-size: 14px; font-weight: 600; line-height: 22px; letter-spacing: 0em; } section.product-list-section .product-list-content-area .text-main .less { display: none; } section.product-list-section .wrapper .items .no-items { flex-grow: 1; padding: .1rem; text-align: center; } section.product-list-section .wrapper .items .item { padding: .16rem .16rem .12rem; background-color: white; border: 1px solid #E0D8D7; border-radius: 2px; border-bottom: 4px solid #ED1C24; display: flex; flex-direction: column; justify-content: space-between; width: calc(50% - .24rem); margin: 0 .12rem; max-width: 100%; margin-bottom: .24rem; } section.product-list-section .wrapper .items .item * + .second { margin-top: .35rem; } section.product-list-section .wrapper .items .item .first > * + * { margin-top: .16rem; } section.product-list-section .wrapper .items .item .first .top { display: flex; align-items: center; border-bottom: 4px solid #E0D8D7; } section.product-list-section .wrapper .items .item .first .top .img { width: .9rem; height: .5rem; overflow: hidden; } section.product-list-section .wrapper .items .item .first .top .img img { width: 100%; } section.product-list-section .wrapper .items .item .first .top * + .desc { padding-right: .09rem; } section.product-list-section .wrapper .items .item .first .top .head { font-size: .20rem; font-weight: 600; direction: ltr; } section.product-list-section .wrapper .items .item .first .top * + .head { margin-right: .1rem; } section.product-list-section .wrapper .items .item .first .desc { font-size: .14rem; font-weight: 400; color: black; } section.product-list-section .wrapper .items .item .second > * + * { margin-top: .24rem; } section.product-list-section .wrapper .items .item .second .features { display: flex; flex-wrap: wrap; justify-content: flex-start; } section.product-list-section .wrapper .items .item .second .features .feature-item { display: inline-flex; align-items: center; padding: .09rem .12rem; border: 1px solid #E0D8D7; border-radius: 4.8rem; margin-left: .05rem; margin-bottom: .05rem; } section.product-list-section .wrapper .items .item .second .features .feature-item .item-head { font-size: .11rem; font-weight: 400; padding-right: .05rem; } section.product-list-section .wrapper .items .item .second .features .feature-item .image-content { width: .15rem; height: auto; } section.product-list-section .wrapper .items .item .second .features .feature-item .image-content img { width: 100%; object-fit: contain; object-position: center; } section.product-list-section .wrapper .items .item .second .btns { display: flex; justify-content: space-between; width: calc(100% + .16rem); margin-right: -.08rem; margin-left: -.08rem; } section.product-list-section .wrapper .items .item .second .btns .btn-default { width: 48%; border-radius: .02rem; white-space: break-spaces; display: inline-flex; align-items: center; justify-content: center; } /* PRODUCT DETAIL PAGE ****************************************************************************************************************************************************/ section.product-video-section { background-color: #434448; } section.product-video-section .container { padding-top: .4rem; padding-bottom: .4rem; } section.product-video-section .container .head { font-size: .40rem; color: white; display: block; width: 50%; } section.product-video-section .container > * + * { margin-top: .40rem; } section.product-video-section .container .wrapper { width: 100%; position: relative; } section.product-video-section .container .wrapper video { width: 100%; } section.product-video-section .container .wrapper .playpause { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 1.2rem; height: 1.2rem; } section.product-video-section .container .wrapper .playpause img { width: 100%; object-fit: contain; } /* Product Detail Header */ section.product-detail-header { display: inline-block; width: 100%; background-color: white; box-shadow: 0 .05rem .2rem rgba(0,0,0,.1); } section.product-detail-header .wrapper { display: flex; flex-direction: row; flex-wrap: wrap; padding-top: .4rem; align-items: stretch; padding-bottom: 0; } section.product-detail-header .wrapper .left { display: inline-block; max-width: 5.36rem; width: 50%; padding-bottom: .6rem; } section.product-detail-header .wrapper .left .items { display: inline-block; width: 100%; padding-right: 1.12rem; } section.product-detail-header .wrapper .left .items .item { width: 100%; height: 0; padding-bottom: 100%; } section.product-detail-header .wrapper .left .items .item .fullscreen { position: absolute; width: .24rem; height: .24rem; left: 0; top: 0; cursor: pointer; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } section.product-detail-header .wrapper .left .items .item .fullscreen img { width: 100%; } section.product-detail-header .wrapper .left .items .item[a-popup-target] { cursor: pointer; } section.product-detail-header .wrapper .left .items .item[a-popup-target]::before { content: ''; position: absolute; z-index: 1; background-image: url(Icons/play-icon.svg); width: .49rem; height: .49rem; right: 50%; top: 50%; background-position: center; background-size: contain; background-repeat: no-repeat; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); } section.product-detail-header .wrapper .left .items .item img { position: absolute; width: 100%; height: 100%; object-fit: contain; object-position: center; } section.product-detail-header .wrapper .left .items .item .badge { width: 1rem; height: .7rem; border-radius: .08rem; position: relative; } section.product-detail-header .wrapper .left .items .item .badge img { } section.product-detail-header .wrapper .left .items .owl-dots { position: absolute; width: .88rem; height: 4rem; top: 0; right: 0; overflow: hidden; } section.product-detail-header .wrapper .left .items .owl-dots .owl-dot span { border: 1px solid transparent; width: .88rem; height: .88rem; opacity: .8; } section.product-detail-header .wrapper .left .items .owl-dots * + .owl-dot { margin-top: .16rem; } section.product-detail-header .wrapper .left .items .owl-dots .owl-dot.active span { border: 1px solid #400E03; opacity: 1; } section.product-detail-header .wrapper .left .items .owl-dots .owl-dot span { display: inline-block; width: .88rem; height: .88rem; position: relative; } section.product-detail-header .wrapper .left .items .owl-dots .owl-dot span img { width: 100%; height: 100%; object-fit: contain; object-position: center; position: relative; } section.product-detail-header .wrapper .left .items .owl-dots .owl-dot span.video::before { content: ''; position: absolute; z-index: 1; background-image: url(Icons/play-icon.svg); width: .21rem; height: .21rem; right: 50%; top: 50%; background-size: contain; background-repeat: no-repeat; background-position: center; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); } section.product-detail-header .wrapper .right { display: flex; max-width: 5.66rem; padding-right: 0.15rem; padding-left: 0.15rem; width: 50%; margin: 0 auto; text-align: center; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; } section.product-detail-header .wrapper .right .head { display: inline-block; width: 100%; padding-top: .24rem; direction: ltr; } section.product-detail-header .wrapper .right .head * + .text { margin-top: .16rem; } section.product-detail-header .wrapper .right .head .title { direction: ltr!important; } section.product-detail-header .wrapper .right .body { padding: .32rem .24rem 0 .24rem; position: relative; } section.product-detail-header .wrapper .right .body .bg { background-color: #400E03; position: absolute; right: 0; top: 0; bottom: 0; width: 100%; } section.product-detail-header .wrapper .right * + .body { margin-top: .48rem; } section.product-detail-header .wrapper .right .body .title { position: relative; z-index: 2; } section.product-detail-header .wrapper .right .body .tags { position: relative; z-index: 2; } section.product-detail-header .wrapper .right .body * + .tags { margin-top: .32rem; } section.product-detail-header .wrapper .right .body .vehicle-details { background-color: #ED1C24; display: inline-block; width: 100%; padding: .24rem .16rem; position: relative; z-index: 2; } section.product-detail-header .wrapper .right .body * + .vehicle-details { margin-top: .24rem; } section.product-detail-header .wrapper .right .body .vehicle-details .vehicle-specs { width: 100%; text-align: right; } section.product-detail-header .wrapper .right .body .vehicle-details .vehicle-specs .head { display: flex; flex-direction: row; justify-content: space-between; align-content: center; } section.product-detail-header .wrapper .right .body .vehicle-details .vehicle-specs .head .change { font-size: .16rem; color: white; font-weight: 600; border-bottom: 4px solid #400E03; padding-bottom: .04rem; cursor: pointer; } section.product-detail-header .wrapper .right .body .vehicle-details .vehicle-specs * + .desc { margin-top: .16rem; } section.product-detail-header .wrapper .right .body .vehicle-details .vehicle-specs .desc { display: flex; flex-direction: column; } section.product-detail-header .wrapper .right .body .vehicle-details .vehicle-specs .desc * + .text { margin-top: .08rem; } section.product-detail-header .wrapper .right .body .vehicle-details .filter-form { width: 100%; } section.product-detail-header .wrapper .right .body .vehicle-details .filter-form .input-error { display: none; } /* section.product-detail-header .wrapper .right .body .vehicle-details .vehicle-specs + .filter-form { display: none; }*/ section.product-detail-header .wrapper .right .body .vehicle-details .vehicle-specs.active { display: block; } section.product-detail-header .wrapper .right .body .vehicle-details .vehicle-specs.active + .filter-form { display: none; } section.product-detail-header .wrapper .right .body .vehicle-details .filter-form form.general { display: inline-block; width: calc(100% + .16rem); margin: -.08rem; text-align: right; } section.product-detail-header .wrapper .right .body .vehicle-details .filter-form * + form.general { margin-top: .08rem; } section.product-detail-header .wrapper .right .body .vehicle-details .filter-form form.general .form-item { display: inline-block; width: calc(50% - .16rem); margin: .08rem; } section.product-detail-header .wrapper .right .body .vehicle-details .filter-form form.general .btn-default { width: calc(100% - .16rem); margin: .08rem; background-color: white; color: #ED1C24; } /* PRODUCT PERFORMANCE SECTION */ section.product-performance-section { display: inline-block; width: 100%; position: relative; } section.product-performance-section::before { content: ''; background-color: white; width: 50%; top: 0; right: 0; height: 100%; position: absolute; z-index: -1; } section.product-performance-section.highlights-fw::before { width: 100%; } section.product-performance-section.highlights-fw .container .col { width: 100%; } section.product-performance-section.highlights-fw .container .left .highlights { width: 6.24rem; max-width: 100%; margin-right: auto; margin-left: auto; } section.product-performance-section .container { display: flex; align-items: flex-start; justify-content: space-between; } section.product-performance-section .container .col { width: 50%; } section.product-performance-section .container .left { max-width: 100%; padding: .48rem .48rem .32rem .48rem; } section.product-performance-section .container .col .col-head { font-size: .32rem; font-weight: 700; text-align: center; direction: ltr!important; } section.product-performance-section .container .left .product-image { position: relative; width: 4.2rem; max-width: 100%; margin: auto; } section.product-performance-section .container .left * + .product-image { margin-top: .4rem; } section.product-performance-section .container .left .product-image .bg-image { width: 100%; } section.product-performance-section .container .left .product-image .storm { position: absolute; display: inline-block; width: .62rem; height: .62rem; margin-top: -.31rem; margin-right: -.31rem; background-image: url(./Icons/storm.svg); background-repeat: no-repeat; background-size: contain; cursor: pointer; } section.product-performance-section .container .left .product-image .storm.active { background-image: url(./Icons/storm-active.svg); } section.product-performance-section .container .left * + .highlights { margin-top: .32rem; } section.product-performance-section .container .left .highlights .owl-item { margin-bottom: .05rem; } section.product-performance-section .container .left .highlights .item { padding: .24rem; border: 1px solid #ED1C24; } section.product-performance-section .container .left .highlights .item .head { display: flex; align-items: flex-start; } section.product-performance-section .container .left .highlights .item .head .icon { width: .18rem; } section.product-performance-section .container .left .highlights .item .head .title { margin-right: .08rem; } section.product-performance-section .container .left .highlights .item * + .text { margin-top: .16rem; } section.product-performance-section .container .left .highlights .item .head .title { font-size: .20rem; font-weight: 700; color: #ED1C24; padding-right: .08rem; direction: ltr; } section.product-performance-section .container .left .highlights .owl-dots { display: flex; justify-content: center; margin: auto; align-items: center; margin-top: .16rem; } section.product-performance-section .container .left .highlights .owl-dots .owl-dot { width: .06rem; height: .06rem; margin: .06rem; background-color: #ED1C24; border-radius: 50%; } section.product-performance-section .container .left .highlights .owl-dots .owl-dot.active { width: .12rem; height: .12rem; } section.product-performance-section .container .right { display: flex; flex-direction: column; align-items: center; padding: .48rem .48rem 0 .48rem; } section.product-performance-section .container .right .performance-container { display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; } section.product-performance-section .container .right * + .performance-container { margin-top: .64rem; } section.product-performance-section .container .right .performance-container > * + * { margin-top: .24rem; } section.product-performance-section .container .right .performance-container .top-img { position: relative; width: 1.2rem; z-index: 2; } section.product-performance-section .container .right .performance-container .items { display: block; margin: auto; max-width: 100%; width: 4.8rem; overflow: auto; position: relative; scrollbar-width: none; z-index: 2; } section.product-performance-section .container .right .performance-container .items::-webkit-scrollbar { width: 0; } section.product-performance-section .container .right .performance-container::before { content: ''; position: absolute; bottom: 0; width: 100%; right: 0; height: 1.5rem; touch-action: none; opacity: 1; z-index: 5; background: linear-gradient(-180deg, rgba(249, 246, 246, 0) 0%, #F9F6F6 100%); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } section.product-performance-section .container .right .performance-container::after { content: ''; position: absolute; bottom: 0; width: 1px; right: 50%; height: 100%; z-index: 1; background-color: black; } section.product-performance-section .container .right .performance-container * + .items { margin-top: .24rem; } section.product-performance-section .container .right .performance-container .items .item { width: 100%; padding: .16rem; background: white; border: 1px solid #400E03; border-radius: .03rem; } section.product-performance-section .container .right .performance-container .items * + .item { margin-top: .24rem; } section.product-performance-section .container .right .performance-container .items .item .head-title { display: block; font-size: .24rem; text-align: center; font-weight: 700; } section.product-performance-section .container .right .performance-container .items .item .note { display: block; font-size: .12rem; color: #400E03; } section.product-performance-section .container .right .performance-container .items .item .avarage { padding: .1rem; background: #FDE4E5; display: flex; align-items: center; border-radius: .02rem; } section.product-performance-section .container .right .performance-container .items .item .avarage .title { font-size: .14rem; padding-right: .1rem; color: #ED1C24; } section.product-performance-section .container .right .performance-container .items .item .avarage img { width: .11rem; height: .16rem; } section.product-performance-section .container .right .performance-container .items .item .pipes > * + * { margin-top: .08rem; } section.product-performance-section .container .right .performance-container .items .item .pipes .pipe { width: 100%; position: relative; overflow: hidden; } section.product-performance-section .container .right .performance-container .items .item .pipes .pipe .top-container .head-title-font { direction: ltr; } section.tyre-sizes .container .head { direction: ltr; } section.product-performance-section .container .right .performance-container .items .item .pipes .pipe .top-container { display: flex; justify-content: space-between; position: relative; z-index: 2; margin-bottom: .05rem; } section.product-performance-section .container .right .performance-container .items .item .pipes .pipe progress { width: 100%; height: .1rem; border-radius: 5px; overflow: hidden; } section.product-performance-section .container .right .performance-container .items .item .pipes .pipe .lines { position: absolute; width: 100%; height: 100%; display: flex; justify-content: space-evenly; top: 0; z-index: 1; } section.product-performance-section .container .right .performance-container .items .item .pipes * + .pipe { margin-top: .16rem; } section.product-performance-section .container .right .performance-container .items .item > * + * { margin-top: .16rem; } section.product-performance-section .container .right .performance-container .items .item .pipes .pipe .lines div { height: 100%; width: .02rem; background-color: white; } section.product-performance-section .container .right .performance-container .items .item .pipes .pipe progress::-webkit-progress-bar { background-color: #E0D8D7; } section.product-performance-section .container .right .performance-container .items .item .pipes .pipe progress::-webkit-progress-value { background-color: #89726C; } section.product-performance-section .container .right .performance-container .items .item .pipes .pipe:first-child progress::-webkit-progress-value { background-color: #ED1C24 !important; } /* Compare */ section.compare { background-color: #E0D8D7; } section.compare .container { display: flex; justify-content: space-between; padding-top: .48rem; padding-bottom: .48rem; align-items: stretch; } section.compare .container .single-item { width: 3.76rem; } section.compare .container .compare-items { width: calc(100% - 3.76rem); padding-right: .24rem; } section.compare .container .compare-items .wrapper { max-width: 9.2rem; width: 100%; margin: auto; padding: 0 .72rem; } section.compare .single-item * + .card-item { margin-top: .16rem; } section.compare .card-item { width: 3.76rem; padding: .16rem .16rem .24rem .16rem; background: white; border: .01rem solid #E0D8D7; border-bottom: .04rem solid #ED1C24; } section.compare .card-item .desc { font-weight: 400; font-size: .14rem; color: #400E03; } section.compare .card-item * + .desc { margin-top: .16rem; } section.compare .card-item .top { display: flex; align-items: center; border-bottom: 4px solid #E0D8D7; } section.compare .card-item .top .img { width: .9rem; height: .5rem; overflow: hidden; } section.compare .card-item .top .img img { width: 100%; } section.compare .card-item .top .head { font-size: .20rem; font-weight: 600; color: #400E03; } section.compare .card-item .top * + .head { margin-right: .1rem; } section.compare .card-item * + .tags { margin-top: .16rem; } section.compare .card-item .scales-comp { display: inline-block; width: 100%; } section.compare .card-item * + .scales-comp { margin-top: .16rem; } section.compare .card-item .scale-item { display: flex; justify-content: space-between; padding-top: .18rem; padding-bottom: .18rem; border-top: 1px solid #E0D8D7; } section.compare .card-item .scale-item .scale-title { font-size: .16rem; font-weight: 700; } section.compare .container .title-general { font-size: .20rem; font-weight: 700; color: #400E03; } section.compare .container .compare-items .compare-title { font-size: .20rem; font-weight: 700; } section.compare .container .compare-items * + .related-products { margin-top: .16rem; } section.compare .container .compare-items .related-products .owl-nav { position: absolute; top: 50%; right: -.24rem; width: calc(100% + .48rem); height: 0; margin-top: -0.24rem; } section.compare .container .compare-items .related-products .owl-nav .owl-prev { background-image: url(./Icons/arrow-left-white.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; right: -.48rem; position: absolute; background-color: #400E03; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } section.compare .container .compare-items .related-products .owl-nav .owl-next { background-image: url(./Icons/arrow-right-white.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; left: -.48rem; position: absolute; background-color: #400E03; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } /* Tyre Sizes */ section.tyre-sizes { background-color: #400E03; padding-bottom: 0; } section.tyre-sizes .container { padding-top: .24rem; padding-bottom: .24rem; } section.tyre-sizes .container .head { font-size: .32rem; font-weight: 700; color: white; text-align: center; text-transform: capitalize; } section.tyre-sizes .container .dimensions { display: block; width: 100%; text-align: center; white-space: nowrap; overflow: auto; height: .44rem; } section.tyre-sizes .container * + .dimensions { margin-top: .32rem; } section.tyre-sizes .container .dimensions a { display: inline-block; vertical-align: middle; height: .42rem; min-width: .4rem; padding-right: .06rem; padding-left: .06rem; font-size: .14rem; font-weight: 400; line-height: .42rem; color: #400E03; text-align: center; border: 1px solid white; border-radius: .02rem; background-color: #E0D8D7; cursor: pointer; } section.tyre-sizes .container .dimensions a.active { color: #ED1C24; font-weight: 600; background-color: white; } section.tyre-sizes .container .dimensions a + a { margin-right: .04rem; } section.tyre-sizes .container .dimensions a.all-sizes { padding-right: .16rem; padding-left: .16rem; } section.tyre-sizes .container .tyres { display: flex; flex-wrap: wrap; width: calc(100% + .24rem); margin: 0 -.12rem; position: relative; } section.tyre-sizes .container * + .tyres { margin-top: .32rem; } section.tyre-sizes .container .tyres .row-part { display: flex; justify-content: space-between; padding: .16rem .24rem .16rem 0; border-top: 1px solid white; position: relative; cursor: pointer; width: calc(33.3333% - .04rem); margin: 0 .02rem; } section.tyre-sizes .container .tyres .row-part .row-part-detail { width: calc(100% + .3rem); position: absolute; top: calc(100% - 1px); z-index: 2; padding-right: .24rem; padding-left: .3rem; padding-bottom: .24rem; background-color: #400E03; right: -.06rem; opacity: 0; visibility: hidden; transition: .2s ease all; -webkit-transition: .2s ease all; -moz-transition: .2s ease all; -ms-transition: .2s ease all; -o-transition: .2s ease all; } section.tyre-sizes .container .tyres .row-part .row-part-detail.active { visibility: visible; opacity: 1; } section.tyre-sizes .container .tyres .row-part .row-part-detail.active img { height: 7.2rem; margin-top: .2rem; max-width: 70%; } section.tyre-sizes .container .tyres .row-part .row-part-detail .img { margin: auto; display: block; object-fit: contain; object-position: center; height: 0; } section.tyre-sizes .container .tyres .row-part .row-part-detail .btns { display: flex; justify-content: space-between; width: calc(100% + .16rem); margin: -.08rem; } section.tyre-sizes .container .tyres .row-part .row-part-detail .btns .btn-default { font-weight: 300; width: calc(50% - .16rem); margin: .08rem; padding-top: .08rem; padding-bottom: .08rem; border-radius: .02rem; -webkit-border-radius: .02rem; -moz-border-radius: .02rem; -ms-border-radius: .02rem; -o-border-radius: .02rem; } section.tyre-sizes .container .tyres .row-part .row-part-detail .btns .btn-default.full-w { width: calc(100% - .16rem); } section.tyre-sizes .container .tyres .row-part .name { font-weight: 700; font-size: .14rem; line-height: 1.6em; color: white; } section.tyre-sizes .container .tyres .row-part .plus { background-image: url(./Icons/icon_add-white.svg); width: .16rem; height: .16rem; background-repeat: no-repeat; background-size: contain; border-left: 1px solid white; padding-left: .28rem; } section.tyre-sizes .container .tyres .row-part.right-item .plus { border-left: none; padding-left: 0; } /* Product Detail Slider */ section.product-detail-slider { background-color: #F9F6F6; } section.product-detail-slider .container { padding-top: .72rem; padding-bottom: .72rem; } section.product-detail-slider .container .head { font-size: .32rem; text-align: center; } section.product-detail-slider .container .main-page-carousel { /* width: calc(100% - 1.44rem); */ position: relative; margin: 0 auto; } section.product-detail-slider .container * + .main-page-carousel { margin-top: .48rem; } section.product-detail-slider .container .main-page-carousel .item { min-height: 4.05rem; background-color: white; padding: .24rem; border: 1px solid #E0D8D7; border-radius: 2px; border-bottom: 3px solid #ED1C24; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } section.product-detail-slider .container .main-page-carousel .item .slide-title { font-size: .20rem; } section.product-detail-slider .container .main-page-carousel .item .slide-p { font-size: .14rem; font-weight: 400; } section.product-detail-slider .container .main-page-carousel .item .slide-content { display: flex; } section.product-detail-slider .container .main-page-carousel .item .slide-content .image { width: 1.22rem; } section.product-detail-slider .container .main-page-carousel .item .slide-content .choices { margin: -.04rem; } section.product-detail-slider .container .main-page-carousel .item .slide-content .choices .choise { display: inline-flex; align-items: center; margin: .04rem; padding: .09rem .12rem; font-size: .11rem; font-weight: 400; border-radius: .20rem; border: 1px solid #E0D8D7; } section.product-detail-slider .container .main-page-carousel .item .slide-content .choices .choise img { width: .14rem; } section.product-detail-slider .container .main-page-carousel .item .slide-content .choices .choise * + span { margin-right: .06rem; } section.product-detail-slider .container .main-page-carousel .item .slide-btns { display: flex; justify-content: space-between; width: calc(100% + .32rem); margin-right: -.16rem; margin-bottom: -.12rem; } section.product-detail-slider .container .main-page-carousel .item .slide-btns .btn-default { width: calc(50% - .04rem); } section.product-detail-slider .container .main-page-carousel .owl-dots { display: flex; justify-content: center; margin: auto; align-items: center; margin-top: .42rem; } section.product-detail-slider .container .main-page-carousel .owl-dots .owl-dot { width: .06rem; height: .06rem; margin: .06rem; background-color: #ED1C24; border-radius: 50%; } section.product-detail-slider .container .main-page-carousel .owl-dots .owl-dot.active { width: .12rem; height: .12rem; } section.product-detail-slider .container .main-page-carousel .owl-nav .owl-prev { background-image: url(./Icons/arrow-left-white.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: .5rem; height: .5rem; top: 35% !important; display: flex; right: -.55rem; position: absolute; transform: rotate(180deg); } section.product-detail-slider .container .main-page-carousel .owl-nav .owl-next { background-image: url(./Icons/arrow-right-white.svg.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: .5rem; height: .5rem; top: 35% !important; display: flex; left: -.55rem; position: absolute; transform: rotate(180deg); } section.product-detail-suggest { background-color: white; } section.product-detail-suggest .container { padding-top: .72rem; padding-bottom: .72rem; } section.product-detail-suggest .container .wrapper { width: 10.74rem; max-width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; } section.product-detail-suggest .container .wrapper > * { width: 45%; } section.product-detail-suggest .container .wrapper .pic { object-fit: contain; object-position: center; } section.product-detail-suggest .container .wrapper .content { display: flex; flex-direction: column; align-items: center; text-align: center; } section.product-detail-suggest .container .wrapper .content .head { font-size: .32rem; font-weight: 700; } section.product-detail-suggest .container .wrapper .content .desc { font-size: .20rem; font-weight: 400; text-align: center; } section.product-detail-suggest .container .wrapper .content * + .desc { margin-top: .32rem; } section.product-detail-suggest .container .wrapper .content .btn-default { width: 100%; max-width: 70%; } section.product-detail-suggest .container .wrapper .content * + .btn-default { margin-top: .32rem; } /* Faq Slider */ section.faq-slider { background-color: #434448; } section.faq-slider .container { padding-top: .48rem; padding-bottom: .48rem; } section.faq-slider .container .head { font-size: .32rem; font-weight: 700; text-align: center; color: white; } section.faq-slider .container .items { width: 13.2rem; max-width: 100%; padding: 0 .72rem; margin: auto; } section.faq-slider .container * + .items { margin-top: .48rem; } section.faq-slider .container .items .item { background-color: white; display: inline-flex; flex-direction: column; padding: .16rem; } section.faq-slider .container .items .owl-dots { display: flex; width: 100%; justify-content: center; align-items: center; margin-top: .5rem; } section.faq-slider .container .items .owl-dots .owl-dot { width: .05rem; height: .05rem; border-radius: 100%; background-color: white; display: inline-block; margin: .03rem; } section.faq-slider .container .items .owl-nav { position: absolute; top: 50%; right: 0; width: 100%; height: 0; margin-top: -0.48rem; } section.faq-slider .container .items .owl-nav .owl-prev { background-image: url(./Icons/arrow-left-grey.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; right: 0; position: absolute; background-color: white; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } section.faq-slider .container .items .owl-nav .owl-next { background-image: url(./Icons/arrow-right-grey.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; left: 0; position: absolute; background-color: white; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } section.faq-slider .container .items .owl-dots .owl-dot.active { width: .1rem; height: .1rem; } section.faq-slider .container .items .item > * + * { margin-top: .16rem; } section.faq-slider .container .items .item .tag-head { font-size: .20rem; font-weight: 700; } section.faq-slider .container .items .item .tag-desc { font-size: .14rem; font-weight: 400; } section.faq-slider .container .items .item .tags { display: flex; flex-wrap: wrap; margin-bottom: -.05rem; } section.faq-slider .container .items .item .tag-item { display: inline-flex; padding: .08rem .12rem; border: 1px solid #E0D8D7; border-radius: 4.8rem; margin-left: .05rem; margin-bottom: .05rem; } section.faq-slider .container .items .item .tag-item .tag-pic { width: .14rem; object-position: center; object-fit: contain; } section.faq-slider .container .items .item .tag-item .desc { font-size: .11rem; font-weight: 400; padding-right: .08rem; } /* DEALER LIST */ section.dealer-list { background-color: #F9F6F6; } section.dealer-list .header { background-color: white; padding-top: .12rem; padding-bottom: .24rem; } section.dealer-list .header .title { display: inline-block; } section.breadcrumb + section.dealer-list .header { padding-top: 0; } section.dealer-list .wrapper { padding-top: 0.48rem; padding-bottom: 0.48rem; display: flex; justify-content: space-between; align-items: stretch; } section.dealer-list .wrapper .map-content { position: relative; width: calc(100% - 4.48rem); } section.dealer-list .wrapper .map-content .map-wrapper { width: 100%; height: 100%; object-fit: contain; object-position: center; } section.dealer-list .wrapper .map-content .btn-default { position: absolute; top: 0.04rem; left: 0.04rem; font-size: .14rem; width: auto; align-items: center; display: flex; } section.dealer-list .wrapper .map-content .btn-default img { padding-left: .1rem; } section.dealer-list .wrapper .find-content { width: 4.24rem; position: relative; } section.dealer-list .wrapper .find-content > * + * { margin-top: .16rem; } section.dealer-list .wrapper .keyword .input { width: 100%; border: none; background-image: url(./Icons/search-icon.png); background-size: .14rem; background-position: .16rem center; background-repeat: no-repeat; border: 1px solid #E0D8D7; padding: .17rem .42rem .17rem .24rem; } section.dealer-list .wrapper .find-content .result { display: none; font-weight: 400; font-size: .14rem; } section.dealer-list .wrapper .find-content .filters { display: flex; } section.dealer-list .wrapper .find-content .filters .btn-default { font-weight: 400; text-transform: uppercase; margin-top: .2rem; position: relative; position: relative; padding: 0; } section.dealer-list .clear-filters { display: inline-block; padding-bottom: .03rem; border-bottom: 4px solid #ED1C24; font-size: .14rem; font-weight: 600; color: #400E03; margin-top: .16rem; } section.dealer-list .wrapper .find-content .filters .btn-default span { display: inline-block; position: relative; padding: .1rem .04rem; } section.dealer-list .container .find-content .filters .btn-default input[type=radio] { position: absolute; opacity: 0; visibility: hidden; } section.dealer-list .wrapper .find-content .filters .btn-default + .btn-default:before { content: ''; position: absolute; width: 1px; height: .16rem; right: 0; top: 50%; margin-top: -.08rem; background-color: #ED1C24; } section.dealer-list .wrapper .find-content .filters .btn-default.active { background-color: #ED1C24; color: white; } section.dealer-list .wrapper .find-content .filters .btn-default.active + .btn-default::before { content: none; } section.dealer-list .wrapper .find-content .items { height: 5.39rem; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; position: relative; } section.dealer-list .wrapper .find-content::before { content: ''; position: absolute; bottom: 0; width: 100%; right: 0; height: 1.5rem; touch-action: none; opacity: 1; z-index: 3; background: -moz-linear-gradient(0deg, rgba(249, 246, 246, 1) 0%, rgba(249, 246, 246, 0) 100%); background: -webkit-linear-gradient(0deg, rgba(249, 246, 246, 1) 0%, rgba(249, 246, 246, 0) 100%); background: linear-gradient(0deg, rgba(249, 246, 246, 1) 0%, rgba(249, 246, 246, 0) 100%); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } section.dealer-list .wrapper .find-content .items::-webkit-scrollbar { width: 0; } section.dealer-list .wrapper .find-content .items .item { padding: .16rem; border: 1px solid #E0D8D7; border-radius: .02rem; background-color: white; cursor: pointer; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } section.dealer-list .wrapper .find-content .items .item.hidden { display: none !important; } section.dealer-list .wrapper .find-content .items * + .item { margin-top: .08rem; } section.dealer-list .wrapper .find-content .items .item.active { background-color: #FDE4E5; border-color: #ED1C24; } section.dealer-list .wrapper .find-content .items .item .head { display: flex; justify-content: space-between; align-items: flex-start; } section.dealer-list .wrapper .find-content .items .item .head .right { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center; text-align: center; margin-right: .16rem; } section.dealer-list .wrapper .find-content .items .item .head .right .icon { display: inline-block; vertical-align: middle; width: .16rem; height: .16rem; position: relative; } section.dealer-list .wrapper .find-content .items .item .head .right .icon::before { content: ''; width: .16rem; height: .16rem; position: absolute; right: 0; top: 0; background-size: contain; background-repeat: no-repeat; background-position: center; } section.dealer-list .wrapper .find-content .items .item .head .right .icon.globe { background-image: url(Icons/dealer-globe.svg); } section.dealer-list .wrapper .find-content .items .item .head .right .icon.mail { background-image: url(Icons/dealer-mail.svg); } section.dealer-list .wrapper .find-content .items .item .head .right .icon.share { background-image: url(Icons/dealer-share.svg); } section.dealer-list .wrapper .find-content .items .item .head .right * + .icon { margin-right: .08rem; } section.dealer-list .wrapper .find-content .items .item .head .right .social-icon { font-size: .14rem; font-weight: 400; color: #434448; } section.dealer-list .wrapper .find-content .items .item .head .right * + .social-icon { margin-right: .08rem; } section.dealer-list .wrapper .find-content .items .item * + .body-text { margin-top: .12rem; } section.dealer-list .wrapper .find-content .items .item.active .buttons .tertiary { background-color: white; } section.dealer-list .wrapper .find-content .items .item .buttons { display: flex; justify-content: space-between; width: calc(100% + .16rem); margin: -.08rem; } section.dealer-list .wrapper .find-content .items .item * + .buttons { margin-top: .04rem; } section.dealer-list .wrapper .find-content .items .item .buttons .btn-default { width: calc(50% - .04rem); margin: .08rem .04rem; } section.dealer-list .wrapper .find-content .items .item .buttons .btn-default i { width: .16rem; height: .16rem; padding-left: .14rem; } section.dealer-list .wrapper .find-content .items .item .buttons .btn-default i:before { content: ''; display: inline-block; vertical-align: middle; width: .16rem; height: .16rem; background-size: contain; background-position: center; background-repeat: no-repeat; } section.dealer-list .wrapper .find-content .items .item .buttons .btn-default i.phone:before { background-image: url(Icons/phone.svg); } section.dealer-list .wrapper .find-content .items .item .buttons .btn-default i.location-arrow:before { background-image: url(Icons/navigate-arrow.svg); } /* SLIDER GUIDES */ section.slider-guides { background-color: #434448; } section.slider-guides .header { background-color: white; padding-top: .12rem; padding-bottom: .24rem; } section.slider-guides .header .title { display: inline-block; } section.breadcrumb + section.slider-guides .header { padding-top: 0; } section.slider-guides .wrapper { padding-right: 0; padding-left: 0; display: flex; justify-content: space-between; } section.slider-guides .wrapper .left { width: 38.88%; } section.slider-guides .wrapper .left .items { width: 100%; } section.slider-guides .wrapper .left .items .item { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; } section.slider-guides .wrapper .left .items .item .head { position: absolute; width: 70%; top: 50%; text-align: center; transform: translateY(-50%); } section.slider-guides .wrapper .left .items .item .head > * + * { margin-top: .32rem; } section.slider-guides .wrapper .left .items .item .head .head-title { font-size: .28rem; font-weight: 700; color: white; } section.slider-guides .wrapper .left .items .item .head .head-link { font-weight: 600; font-size: .14rem; padding-bottom: .04rem; border-bottom: .05rem solid #ED1C24; color: white; display: inline-block; } section.slider-guides .wrapper .left .items .item .slider-img { width: 100%; height: 8.4rem; object-fit: cover; object-position: center; z-index: -1; } section.slider-guides .wrapper .left .items .owl-nav .owl-prev { background-image: url(./Icons/icon-left-white.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: .5rem; height: .5rem; top: 50% !important; margin-top: -.25rem; display: flex; right: .20rem; position: absolute; transform: rotate(180deg); } section.slider-guides .wrapper .left .items .owl-nav .owl-next { background-image: url(./Icons/icon-right-white.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: .5rem; height: .5rem; top: 50% !important; margin-top: -.25rem; display: flex; left: .20rem; position: absolute; transform: rotate(180deg); } section.slider-guides .wrapper .left .items .owl-dots { display: flex; justify-content: center; margin: auto; align-items: center; position: absolute; z-index: 2; bottom: .25rem; right: 50%; transform: translate(50%); } section.slider-guides .wrapper .left .items .owl-dots .owl-dot { width: .05rem; height: .05rem; background-color: white; border-radius: 50%; margin: .05rem; } section.slider-guides .wrapper .left .items .owl-dots .owl-dot.active { width: .10rem; height: .10rem; } section.slider-guides .wrapper .guides { width: 61.12%; padding: .48rem .48rem 0 .48rem; } section.slider-guides .wrapper .guides .head { display: flex; justify-content: space-between; align-items: center; } section.slider-guides .wrapper .guides .head .head-title { font-size: .28rem; font-weight: 700; color: white; } section.slider-guides .wrapper .guides .head .head-link { font-size: .14rem; font-weight: 600; display: inline-block; color: white; padding-bottom: .04rem; border-bottom: .04rem solid #ED1C24; } section.slider-guides .wrapper .guides .tabs { display: flex; flex-wrap: wrap; width: 100%; margin: -0.025rem; margin-top: 0.24rem; justify-content: space-evenly; align-content: space-between; align-items: stretch; flex-direction: row; } section.slider-guides .wrapper .guides .tabs .btn-default { background-color: unset; border: 0.01rem solid white; color: white; border-radius: 0.03rem; font-weight: 400; width: auto; margin: 0.025rem; padding-top: .12rem; padding-bottom: .12rem; -webkit-border-radius: 0.03rem; -moz-border-radius: .03rem; -ms-border-radius: .03rem; -o-border-radius: .03rem; flex-grow: 1; } section.slider-guides .wrapper .guides .tabs .btn-default.active { background-color: white; color: #ED1C24; font-weight: 700; } section.slider-guides .wrapper .guides .items { overflow: auto; max-height: 6rem; margin-top: .24rem; } section.slider-guides .wrapper .guides .items::-webkit-scrollbar { width: 0px; } section.slider-guides .wrapper .guides .items .tab-item { display: none; justify-content: space-between; flex-wrap: wrap; } section.slider-guides .wrapper .guides .items .tab-item.active { display: flex; } section.slider-guides .wrapper .guides .items .item { width: calc(50% - .08rem); display: flex; flex-direction: column; background-color: white; margin-top: .16rem; justify-content: space-between; } section.slider-guides .wrapper .guides .items .item .img-box { width: 100%; height: 0; padding-bottom: 48%; position: relative; } section.slider-guides .wrapper .guides .items .item .img-box img { position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } section.slider-guides .wrapper .guides .items .item .body { padding: 0.16rem; display: flex; width: 100%; flex-wrap: wrap; margin-bottom: auto; } section.slider-guides .wrapper .guides .items .item .body * + .text { margin-top: .16rem; } section.slider-guides .wrapper .guides .items .item .btn-default { width: calc(100% - .16rem); margin: .08rem; font-size: .12rem; } /* Help More */ section.help-more .wrapper { display: flex; } section.help-more .wrapper .right { width: 4.56rem; max-width: 100%; padding: .32rem .32rem .48rem .32rem; text-align: center; display: flex; flex-direction: column; background-color: #89726C; align-items: center; justify-content: center; flex-grow: 1; } section.help-more .wrapper .right * + .text { margin-top: .08rem; } section.help-more .wrapper .right * + .btn-default { margin-top: .32rem; } section.help-more .wrapper .left { width: calc(100% - 4.56rem); max-width: 100%; padding: .32rem; text-align: center; } section.help-more .wrapper .left .items { display: flex; justify-content: center; flex-wrap: wrap; align-items: stretch; } section.help-more .wrapper .left * + .items { margin-top: .2rem; } section.help-more .wrapper .left .items .item { padding: .16rem; border: .01rem solid #E0D8D7; width: 1.8rem; max-width: calc(50% - .08rem); margin: .04rem; text-align: center; text-align: right; } section.help-more .wrapper .left .items .item .icon { background-color: #EDE9E8; padding: .12rem; border-radius: 50%; } section.help-more .wrapper .left .items .item .navigation { display: flex; align-items: center; align-content: flex-end; justify-content: flex-start; flex-direction: row; } section.help-more .wrapper .left .items .item * + .navigation { margin-top: .20rem; } /* Main Banner */ section.main-banner { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; border-bottom: .05rem solid #ED1C24; min-height: 2.3rem; height: 2.3rem; } section.main-banner .container { display: flex; height: 100%; align-items: center; padding-top: .4rem; padding-bottom: .4rem; } section.main-banner .container .date { display: flex; align-items: center; padding: .04rem; border: 1px solid #E0D8D7; text-align: center; border-radius: .04rem; -webkit-border-radius: .04rem; -moz-border-radius: .04rem; -ms-border-radius: .04rem; -o-border-radius: .04rem; } section.main-banner .container * + .date { margin-top: .24rem; } section.main-banner .container .date .month { font-size: .14rem; font-weight: 700; color: #ED1C24; line-height: 1.6em; } section.main-banner .container .date .year { font-size: .12rem; font-weight: 400; color: #400E03; line-height: 1.6em; } section.main-banner .container .date .year { margin-right: .06rem; } /* Quote */ section.quote { width: 100%; display: inline-block; padding-top: .24rem; padding-bottom: .24rem; } section.quote .item { display: block; width: 7.6rem; max-width: 100%; margin: auto; padding: .28rem .24rem .24rem; position: relative; background-color: #EDE9E8; } section.quote .item .text { position: relative; z-index: 1; } section.quote .item .img { position: absolute; z-index: 1; display: inline-block; width: .24rem; height: .24rem; } section.quote .item .img.left { top: .08rem; right: .08rem; } section.quote .item .img.right { bottom: .08rem; left: .08rem; } /* Image Slider */ section.image-slider { position: relative; padding-top: .24rem; padding-bottom: .24rem; } section.image-slider .container .text { font-size: .16rem; font-weight: 400; line-height: 1.6em; } section.image-slider .items { position: relative; display: block; width: 100%; max-width: 12.39rem; padding-right: .72rem; padding-left: .72rem; margin: auto; } section.image-slider .items .owl-nav { position: absolute; top: 50%; right: 0; width: 100%; height: 0; margin-top: -0.48rem; } section.image-slider .items .owl-nav .owl-prev { background-image: url(./Icons/arrow-left-white.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; right: 0; position: absolute; background-color: #400E03; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } section.image-slider .items .owl-nav .owl-next { background-image: url(./Icons/arrow-right-white.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; left: 0; position: absolute; background-color: #400E03; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } section.image-slider .container .items .owl-dots { display: flex; justify-content: center; margin: auto; align-items: center; margin-top: .25rem; } section.image-slider .container .items .owl-dots .owl-dot { width: .05rem; height: .05rem; background-color: #400E03; border-radius: 50%; margin: .05rem; } section.image-slider .container .items .owl-dots .owl-dot.active { width: .10rem; height: .10rem; } section.need-help { margin-top: .16rem; margin-bottom: .32rem; } section.need-help .container { text-align: center; background-color: #89726C; padding-top: .32rem; padding-bottom: .32rem; } section.need-help .container > * + * { margin-top: .24rem; } section.need-help .container .head { font-size: .28rem; font-weight: 700; color: white; } section.need-help .container .desc { font-size: .16rem; font-weight: 400; color: white; } section.need-help .container .btn-default { width: auto; } /* All Videos */ section.videos { position: relative; } section.videos .bg { position: absolute; top: 0; width: 100%; height: 2.4rem; background-color: #400E03; margin-top: 0; z-index: -1; } section.videos .head { display: block; width: 100%; text-align: right; position: relative; padding-left: .64rem; margin: auto; } section.videos .head-link { color: white; font-size: .14rem; font-weight: 600; display: inline-block; position: absolute; left: 0; top: 50%; padding-bottom: .04rem; border-bottom: .04rem solid #ED1C24; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } section.videos .choices { position: relative; display: flex; justify-content: space-between; align-items: center; padding-left: 1rem; } section.videos * + .choices { margin-top: .48rem; } section.videos .choices .nav-video { font-size: .14rem; font-weight: 600; padding-bottom: .02rem; border-bottom: .04rem solid #ED1C24; color: white; display: block; } section.videos .choices .tabs { display: flex; } section.videos .choices .tabs .btn { font-size: .12rem; font-weight: 400; border: 1px solid white; padding: .12rem .16rem; color: white; } section.videos .choices .tabs .btn.active { font-weight: 700; background-color: white; color: #ED1C24; } section.videos .choices .tabs * + .btn { margin-right: .05rem; } section.videos .container .items { display: flex; flex-wrap: wrap; align-items: center; width: calc(100% + .16rem); margin: -.08rem; } section.videos .container .items { margin-top: .48rem; } section.videos .items .item { display: flex; flex-wrap: wrap; width: calc(33.33% - .16rem); margin: .08rem; background-color: #434448; border-radius: .02rem; } section.videos .items .item .card-head { padding: .16rem; } section.videos .items .item .card-head .text { height: 2.52em; font-weight: 700; font-size: .20rem; line-height: 1.26em; color: white; overflow: hidden; } section.videos .items .item .video { width: 100%; padding-bottom: 56%; position: relative; cursor: pointer; } section.videos .items .item .video::before { content: ''; background-image: url(Icons/play-icon.svg); width: .49rem; height: .49rem; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; right: 50%; top: 50%; z-index: 1; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); } section.videos .items .item .video img { position: absolute; width: 100%; height: 100%; right: 0; top: 0; object-fit: cover; object-position: center; } section.videos.carousel { background-color: #400E03; padding-top: 0.48rem; padding-bottom: 0.48rem; } section.videos.carousel .head { width: 12.88rem; max-width: 100%; text-align: center; padding: 0 0.64rem; } section.videos.carousel .head-link { left: 0.64rem; } section.videos.carousel .items { display: block; margin: auto; max-width: 12.88rem; padding-right: 0.64rem; padding-left: 0.64rem; } section.videos.carousel * + .items { margin-top: 0.64rem; } section.videos.carousel .items .item { width: 100%; margin: 0; } section.videos .items .owl-dots { display: flex; justify-content: center; align-items: center; margin-top: .48rem; } section.videos .items .owl-dots .owl-dot { width: .05rem; height: .05rem; background-color: white; border-radius: 50%; margin: .05rem; } section.videos .items .owl-dots .owl-dot.active { width: .10rem; height: .10rem; } section.videos .items .owl-nav { position: absolute; top: 50%; right: 0; width: 100%; height: 0; margin-top: -0.48rem; } section.videos .items .owl-nav .owl-prev { background-image: url(./Icons/arrow-left-brown.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; right: 0; position: absolute; background-color: white; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } section.videos .items .owl-nav .owl-next { background-image: url(./Icons/arrow-right-brown.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; left: 0; position: absolute; background-color: white; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } /* Guides */ section.guides { position: relative; padding-top: .48rem; } section.guides:before { content: ''; position: absolute; top: 0; width: 100%; height: 2.88rem; background-color: #434448; margin-top: 0; z-index: -1; } section.breadcrumb + section.guides { padding-top: 0; } section.breadcrumb + section.guides:before { height: 2.4rem; } section.guides .head { display: block; width: 100%; text-align: right; position: relative; padding-left: .64rem; margin: auto; } section.guides .head-link { color: white; font-size: .14rem; font-weight: 600; display: inline-block; position: absolute; left: 0; top: 50%; padding-bottom: .04rem; border-bottom: .04rem solid #ED1C24; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } section.guides .choices { position: relative; display: flex; justify-content: space-between; align-items: center; padding-left: 1rem; } section.guides * + .choices { margin-top: .48rem; } section.guides .choices .nav-video { font-size: .14rem; font-weight: 600; padding-bottom: .02rem; border-bottom: .04rem solid #ED1C24; color: white; display: block; } section.guides .choices .tabs { display: flex; } section.guides .choices .tabs .btn { font-size: .12rem; font-weight: 400; border: 1px solid white; padding: .12rem .16rem; color: white; } section.guides .choices .tabs .btn.active { font-weight: 700; background-color: white; color: #ED1C24; } section.guides .choices .tabs * + .btn { margin-right: .05rem; } section.guides .container .items { display: flex; flex-wrap: wrap; align-items: stretch; width: calc(100% + .16rem); margin: -.08rem; } section.guides .container * + .items { margin-top: .48rem; } section.guides .items .item { display: flex; flex-wrap: wrap; flex-direction: column; width: calc(33.33% - 0.16rem); margin: 0.08rem; background-color: white; box-shadow: 0 0 2px 0 rgba(0, 0, 0, .21); border-radius: 0.02rem; -webkit-border-radius: 0.02rem; -moz-border-radius: 0.02rem; -ms-border-radius: 0.02rem; -o-border-radius: 0.02rem; } section.guides .items .item .img-box { width: 100%; padding-bottom: 46%; height: 0; position: relative; } section.guides .items .item .img-box img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; right: 0; } section.guides .items .item .body { padding: .16rem; padding-bottom: .41rem; } section.guides .items .item .body * + .text { margin-top: .16rem; } section.guides .items .item .btn-default { font-size: .12rem; width: calc(100% - .16rem); margin: .08rem; margin-top: auto; } section.guides.carousel { background-color: #434448; padding-top: 0.48rem; padding-bottom: 0.48rem; } section.guides.carousel .head { width: 12.88rem; max-width: 100%; text-align: center; padding: 0 0.64rem; } section.guides.carousel .head-link { left: 0.64rem; } section.guides.carousel .items { display: block; margin: auto; max-width: 12.88rem; padding-right: 0.64rem; padding-left: 0.64rem; } section.guides.carousel * + .items { margin-top: 0.64rem; } section.guides.carousel .items .item { width: 100%; margin: 0; } section.guides .items .owl-dots { display: flex; justify-content: center; align-items: center; margin-top: .48rem; } section.guides .items .owl-dots .owl-dot { width: .05rem; height: .05rem; background-color: white; border-radius: 50%; margin: .05rem; } section.guides .items .owl-dots .owl-dot.active { width: .10rem; height: .10rem; } section.guides .items .owl-nav { position: absolute; top: 50%; right: 0; width: 100%; height: 0; margin-top: -0.48rem; } section.guides .items .owl-nav .owl-prev { background-image: url(./Icons/arrow-left-brown.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; right: 0; position: absolute; background-color: white; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } section.guides .items .owl-nav .owl-next { background-image: url(./Icons/arrow-right-brown.svg); background-repeat: no-repeat; background-size: .16rem; background-position: center; width: .48rem; height: .48rem; display: flex; left: 0; position: absolute; background-color: white; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transform: rotate(180deg); } /* Certificates */ section.certificates .items { display: flex; flex-wrap: wrap; justify-content: flex-start; padding-top: .32rem; padding-bottom: .48rem; margin: -.08rem; } section.certificates .items .item { display: inline-flex; align-items: center; width: calc(33.33% - .16rem); padding: .16rem; margin: .08rem; box-shadow: 0 0 .02rem rgba(0, 0, 0, 0.21); border-radius: .03rem; background-color: white; } section.certificates .items .item .img { width: .92rem; height: .64rem; object-fit: cover; object-position: center; box-shadow: -0.04rem 0 .12rem 0 rgba(0, 0, 0, .08); } section.certificates .items .item .body-text { padding-right: .24rem; } /* Euro Label */ section.euro-label .wrapper { display: flex; justify-content: space-between; padding-top: .48rem; padding-bottom: .48rem; } section.euro-label .wrapper .paragh { max-width: 5.86rem; width: 50%; padding-left: .5rem; } section.euro-label .wrapper .paragh * + .body-text { margin-top: .16rem; } section.euro-label .wrapper .paragh .body-text a { color: #ED1C24; } section.euro-label .wrapper .intro { width: 6.48rem; max-width: 50%; background-color: #89726C; padding: .48rem; } section.euro-label .wrapper .intro * + .body-text { margin-top: .24rem; } section.euro-label .wrapper .intro .body-text ul { padding-right: .16rem; } section.euro-label .wrapper .intro img { max-width: 80%; max-height: 7rem; height: auto; width: auto; object-fit: contain; object-position: center; } section.euro-label .wrapper .intro * + img { margin-top: .24rem; } /* Tyre Label */ section.tyre-label { position: relative; background-color: #434448; } section.tyre-label .wrapper { display: flex; width: 100%; padding: .48rem 0; flex-direction: column; } section.tyre-label .wrapper .title { text-align: center; } section.tyre-label .wrapper .tabs { width: 100%; } section.tyre-label .wrapper * + .tabs { margin-top: .6rem; } section.tyre-label .wrapper .tabs .tab-menu { display: flex; flex-wrap: wrap; flex-direction: row; text-align: center; align-items: center; justify-content: center; margin-bottom: .48rem; } section.tyre-label .wrapper .tabs .tab-menu .tab-item { padding: .12rem .16rem; font-size: .12rem; color: white; border: 1px solid white; margin: .02rem; cursor: pointer; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } section.tyre-label .wrapper .tabs .tab-menu .tab-item.active { background-color: white; color: #e03130; } section.tyre-label .wrapper .tabs .tab-content { display: none; width: 7.1rem; max-width: 100%; margin: auto; } section.tyre-label .wrapper .tabs .tab-content.active { display: flex; } section.tyre-label .wrapper .tabs .tab-content .image { width: 3.43rem; max-width: 48%; } section.tyre-label .wrapper .tabs .tab-content .image img { width: 100%; height: 100%; object-fit: contain; object-position: center; } section.tyre-label .wrapper .tabs .tab-content .specs { width: calc(100% - 3.43rem); max-width: 52%; padding-right: .24rem; } section.tyre-label .wrapper .tabs .tab-content .specs * + .item { margin-top: .16rem; } section.tyre-label .wrapper .tabs .tab-content .specs .item { position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } section.tyre-label .wrapper .tabs .tab-content .specs .item span { display: inline-block; vertical-align: top; margin-right: .08rem; } section.tyre-label .wrapper .tabs .tab-content .specs .item .number { position: relative; display: inline-block; vertical-align: top; content: attr(data-number); font-size: .14rem; margin-top: .02rem; line-height: 1.2em; color: white; font-weight: 700; color: #ED1C24; background-color: white; padding: .04rem .13rem; border-radius: .2rem; -webkit-border-radius: .2rem; -moz-border-radius: .2rem; -ms-border-radius: .2rem; -o-border-radius: .2rem; } /* Service Help */ section.service-help .header { background-color: white; padding-bottom: .25rem; } section.service-help .header .wrapper { display: flex; justify-content: space-between; align-items: center; padding: 0 .6rem; width: 14.4rem; max-width: 100%; margin: auto; } section.service-help .header .tabs { display: flex; flex-wrap: wrap; margin: -.04rem; } section.service-help .header .btn-default { width: auto; padding-right: .9rem; padding-left: .9rem; font-size: .12rem; } section.service-help .header .tabs .btn { font-size: .12rem; font-weight: 400; color: #400E03; padding: .12rem .16rem; border: 1px solid #400E03; border-radius: .02rem; white-space: nowrap; margin: .04rem; } section.service-help .header .tabs .btn.active { background-color: #400E03; color: white; } section.service-help .bot { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; align-items: stretch; } section.service-help .bot .left { width: calc(51% + .24rem); margin-right: -.24rem; padding-right: .24rem; padding-left: .24rem; padding-top: .5rem; height: 8.63rem; overflow: auto; } section.service-help .bot .left .content img { max-width: 100%; } section.service-help .bot .left .content img + .text { margin-top: .24rem; } section.service-help .bot .left::-webkit-scrollbar { width: 0px; } section.service-help .bot .left .items { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; align-items: stretch; } section.service-help .bot .left .items .item { display: flex; flex-wrap: wrap; flex-direction: column; align-content: space-between; justify-content: space-between; width: calc(50% - .08rem); padding: .16rem; background-color: white; border: .01rem solid #8f8f8f; border-radius: .02rem; margin-bottom: .16rem; } section.service-help .bot .left .items .item > * + * { margin-top: .16rem; } section.service-help .bot .left .items .item .head { font-size: .20rem; font-weight: 700; } section.service-help .bot .left .items .item .desc { font-size: .14rem; font-weight: 400; } section.service-help .bot .left .items .item .tags { display: flex; flex-wrap: wrap; } section.service-help .bot .left .items .item .tags > * { margin-left: .08rem; margin-bottom: .08rem; } section.service-help .bot .left .items .item .tags .tag { font-size: .11rem; font-weight: 400; padding: .08rem .12rem; border-radius: 4.8rem; border: 1px solid #E0D8D7; display: inline-flex; } section.service-help .bot .left .items .item .tags .tag .icon { width: .135rem; height: .135rem; margin-left: .04rem; } section.service-help .bot .left .nav { display: flex; flex-direction: column; align-items: center; background-color: #89726C; padding: .48rem; margin-top: .16rem; } section.service-help .bot .left .nav > * { color: white; } section.service-help .bot .left .nav .head { font-size: .28rem; font-weight: 700; text-align: center; } section.service-help .bot .left .nav .img { width: .40rem; height: .48rem; object-fit: contain; object-position: center; } section.service-help .bot .left .nav .desc { font-size: .16rem; font-weight: 400; text-align: center; } section.service-help .bot .left .nav .btn-default { max-width: 3.38rem; } section.service-help .bot .left .nav > * + * { margin-top: .16rem; } section.service-help .bot .right { width: calc(49% + 0.6rem); margin-left: -.6rem; height: 8.63rem; background-color: #201111; padding: .32rem; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; } section.service-help .bot .right .top { display: flex; justify-content: space-between; align-items: center; width: 100%; } section.service-help .bot .right .top .button-link a { color: white; border-bottom: 3px solid #ED1C24; font-size: .14rem; } section.service-help .bot .right .search { width: 100%; position: relative; } section.service-help .bot .right * + .search { margin-top: .24rem; } section.service-help .bot .right form.general { width: 100%; } section.service-help .bot .right form.general .form-item { width: 100%; } section.service-help .bot .right form.general * + .form-item { margin-top: .2rem; } section.service-help .bot .right form.general .form-item input { width: 100%; height: .5rem; text-indent: .42rem; font-size: .12rem; border: 0; background-image: url('Icons/search-icon.png'); background-position: right .16rem top .16rem; background-repeat: no-repeat; } section.service-help .bot .right .map { display: inline-block; width: 100%; height: calc(100% - 2.4rem); position: relative; } section.service-help .bot .right .map .map-wrapper { position: absolute; width: 100%; height: 100%; top: 0; right: 0; } section.go-breadcrumb { background-color: unset; } section.go-banner { position: relative; height: 4.64rem; background-position: center; background-repeat: no-repeat; background-size: cover; justify-content: center; display: flex; border-bottom: .04rem solid #ED1C24; } section.go-banner .container { display: flex; text-align: center; flex-direction: column; color: white; justify-content: center; padding-right: 20%; padding-left: 20%; align-items: center; } section.go-banner .container > * + * { margin-top: .32rem; } section.go-banner .container .head { font-size: .40rem; font-weight: 700; } section.go-banner .container .desc { font-size: .14rem; font-weight: 400; } section.go-banner .container .btn-default { width: unset; } section.company-contact .container { display: flex; justify-content: space-between; padding: .6rem; } section.company-contact .container > * { width: calc(50% - .12rem); } section.company-contact .container .card { padding: .16rem; background-color: white; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.21); border-radius: 2px; } section.company-contact .container .card > * + * { margin-top: .16rem; } section.company-contact .container .card .company-head { display: flex; flex-direction: column; } section.company-contact .container .card .company-head > * + * { margin-top: .16rem; } section.company-contact .container .card .company-head .head { font-size: .20rem; font-weight: 700; } section.company-contact .container .card .company-head .img { width: .5rem; height: .5rem; object-fit: contain; object-position: center; } section.company-contact .container .card .items { height: 2.7rem; overflow: auto; } section.company-contact .container .card .items::-webkit-scrollbar { width: 0px; } section.company-contact .container .card .items .item { display: flex; align-items: center; padding-bottom: .2rem; padding-top: .2rem; border-bottom: .01rem solid #89726C; } section.company-contact .container .card .items .item .text { font-size: .14rem; font-weight: 400; } section.company-contact .container .card .items .item .left-icon { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: .04rem; border: .01rem solid #E0D8D7; border-radius: .04rem; margin-left: .2rem; } section.company-contact .container .card .items .item .left-icon .month { font-size: .14rem; font-weight: 700; color: #ED1C24; } section.company-contact .container .card .items .item .left-icon .year { font-size: .12rem; font-weight: 400; } section.company-contact .container .contact { background-color: #FDE4E5; } section.company-contact .container .contact .items { height: 2.1rem; } section.company-contact .container .contact .items .item { display: flex; flex-direction: column; align-items: flex-start; } section.company-contact .container .contact .items .item > * + * { margin-top: .08rem; } section.company-contact .container .contact .items .item .item-head { font-size: .16rem; font-weight: 700; } section.company-contact .container .contact .items .item .item-desc { font-size: .14rem; font-weight: 400; } section.chrono { padding: .24rem .6rem; } section.chrono .container { background-color: #ED1C24; padding-top: .48rem; padding-bottom: .61rem; } section.chrono .container > * + * { margin-top: .37rem; } section.chrono .container .go-slider .item .head { font-size: .96rem; font-weight: 700; color: white; } section.chrono .container .go-slider .item .desc { font-size: .14rem; font-weight: 400; color: white; } section.chrono .container .progress-bar { width: 100%; height: .06rem; border-radius: 4.8rem; position: relative; background-color: rgba(0, 0, 0, 0.24); } section.chrono .container .progress-bar input[type=range] { height: 100%; width: 100%; right: 0; top: 0; cursor: default; border-radius: .1rem; background: none; } section.chrono .container .progress-bar input[type=range]::-webkit-slider-runnable-track { cursor: default; } section.chrono .container .progress-bar input[type=range]::-webkit-slider-thumb { width: .3rem; height: .3rem; border-radius: 50%; background-color: white; -webkit-appearance: none; cursor: pointer; } section.chrono .container .progress-bar .fill-bar { position: absolute; height: 100%; width: 0%; background-color: white; right: 0; top: 0; border-radius: .1rem; pointer-events: none; overflow: hidden; transition: .2s all ease; -webkit-transition: .2s all ease; -ms-transition: .2s all ease; -moz-transition: .2s all ease; -o-transition: .2s all ease; } section.company-info-top { position: relative; padding-bottom: .7rem; background-color: #EDE9E8; } section.company-info-top .img { position: absolute; object-fit: cover; width: 100%; height: 3.2rem; object-position: center; top: 0; } section.company-info-top .container { padding-top: 1.2rem; } section.company-info-top .container .brand { width: 80%; margin: auto; padding-top: .48rem; padding-bottom: 1.2rem; background-color: #ED1C24; text-align: center; } section.company-info-top .container .brand .brand-title { font-size: .28rem; font-weight: 700; color: white; } section.company-info-top .container .brand > * + * { margin-top: .17rem; } section.company-info-top .container .desc-mid { background-color: white; padding: .48rem; color: #400E03; font-size: .16rem; font-weight: 400; width: 75%; margin: -.72rem auto auto auto; line-height: 160%; } section.company-info-top .container .desc-bottom { text-align: center; width: 75%; margin: auto; margin-top: .48rem; } section.company-info-top .container .desc-bottom > * + * { margin-top: .24rem; } section.company-info-top .container .desc-bottom .head { font-size: .28rem; font-weight: 700; color: #400E03; } section.company-info-top .container .desc-bottom .desc { font-size: .16rem; font-weight: 400; line-height: 160%; } /* Orange Band */ section.orange-band .band { width: 100%; height: 2.4rem; background-color: #ED1C24; } section.orange-band .container { padding-right: 1.72rem; padding-left: 1.72rem; margin-top: -1.4rem; padding-bottom: .6rem; } section.orange-band .container > * + * { margin-top: .48rem; } section.orange-band .container .img { width: 100%; object-fit: contain; object-position: center; } section.orange-band .container .paragh { text-align: center; width: 90%; margin: auto; } section.orange-band .container * + .paragh { margin-top: .48rem; } section.orange-band .container .paragh > * + * { margin-top: .24rem; } section.orange-band .container .paragh .head { font-size: .28rem; font-weight: 700; color: #400E03; } section.orange-band .container .paragh .desc { font-size: .16rem; font-weight: 400; line-height: 1.6em; } section.brown-band { background-color: #400E03; } section.brown-band .container { padding: .48rem 2.2rem; text-align: center; color: white; } section.brown-band .container > * + * { margin-top: .16rem; } section.brown-band .container .head { font-size: .28rem; font-weight: 700; } section.brown-band .container .desc { line-height: .25rem; font-size: .16rem; font-weight: 400; } /* Spots */ section.spots { background-color: #ED1C24; padding: .24rem; } section.spots .items { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } section.spots .items .item { width: 33.33%; text-align: center; padding: 0 .24rem; margin: .24rem 0; border-right: 1px solid white; } section.spots .items .item:nth-child(3n + 1) { border-right: 0; } section.spots .items .item * + .text { margin-top: .08rem; } /* News List */ section.news-list { position: relative; padding-bottom: .48rem; } section.news-list .bg { position: absolute; top: 0; width: 100%; height: 2.4rem; background-color: #434448; margin-top: 0; z-index: -1; } section.news-list .head { display: block; width: 100%; text-align: right; position: relative; padding-left: .64rem; margin: auto; } section.news-list .choices { position: relative; display: flex; justify-content: space-between; align-items: center; padding-left: 1rem; } section.news-list * + .choices { margin-top: .16rem; } section.news-list .choices .tabs { display: flex; } section.news-list .choices .tabs .btn { font-size: .12rem; font-weight: 400; border: 1px solid white; padding: .12rem .16rem; color: white; } section.news-list .choices .tabs .btn.active { font-weight: 700; background-color: white; color: #ED1C24; } section.news-list .choices .tabs * + .btn { margin-right: .05rem; } section.news-list .container .items { display: flex; flex-wrap: wrap; width: calc(100% + .16rem); margin: -.08rem; } section.news-list .container * + .items { margin-top: .48rem; } section.news-list .items .item { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; width: calc(33.33% - 0.16rem); margin: 0.08rem; background-color: white; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.21); border-radius: 0.02rem; -webkit-border-radius: 0.02rem; -moz-border-radius: 0.02rem; -ms-border-radius: 0.02rem; -o-border-radius: 0.02rem; } section.news-list .items .item .img-box { width: 100%; padding-bottom: 46%; height: 0; position: relative; } section.news-list .items .item .img-box img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; right: 0; } section.news-list .items .item .body { padding: .16rem; } section.news-list .items .item .body .header { display: flex; flex-direction: row; align-items: flex-start; } section.news-list .items .item .body .header .date { padding: .04rem; border: 1px solid #E0D8D7; text-align: center; border-radius: .04rem; -webkit-border-radius: .04rem; -moz-border-radius: .04rem; -ms-border-radius: .04rem; -o-border-radius: .04rem; } section.news-list .items .item .body .header .date .month { display: block; font-size: .14rem; font-weight: 700; color: #ED1C24; line-height: 1.6em; } section.news-list .items .item .body .header .date .year { display: block; font-size: .12rem; font-weight: 400; color: #400E03; line-height: 1.6em; } section.news-list .items .item .body .header * + .title { margin-right: .12rem; } section.news-list .items .item .body * + .text { margin-top: .16rem; } section.news-list .items .item .btn-default { font-size: .12rem; width: calc(100% - .16rem); margin: .08rem; } section.news-list .items .item * + .btn-default { margin-top: .08rem; } /* Map */ .map-wrapper { background-size: cover; background-repeat: no-repeat; background-position: center; } .map-wrapper .cluster { width: .48rem !important; height: .48rem !important; } .map-wrapper .cluster div { display: none; } .map-wrapper .gm-style .gm-style-iw { color: #400E03; } /* Not Found */ section.not-found { padding-top: .51rem; padding-bottom: 1rem; padding-right: .2rem; padding-left: .2rem; background-image: url(Images/not-found.png); background-position: center; background-size: cover; background-repeat: no-repeat; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; } section.not-found .content { width: 7.8rem; max-width: 100%; text-align: center; } section.not-found .content .main-title { font-size: 2.4rem; color: #400E03; line-height: 1.2em; font-weight: bold; } section.not-found .content .text { padding: 0 .2rem; } section.not-found .content * + .text { margin-top: .32rem; } section.not-found .content * + .btn-default { margin-top: .32rem; } section.not-found .content .btn-default { width: auto; } .cookie-container { position: fixed; width: 100%; bottom: 0; right: 0; z-index: 9; background-color: #434448; padding-top: .36rem; padding-bottom: .24rem; } .cookie-container .text { font-style: normal; font-weight: 400; font-size: .14rem; line-height: 1.4em; color: #FFFFFF; text-align: center; } .cookie-container .text a { color: white; font-weight: 700; } .cookie-container .buttons { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .cookie-container * + .buttons { margin-top: .36rem; } .cookie-container .buttons .btn-default { min-width: 2.4rem; width: auto; max-width: calc(33.33% - .16rem); color: #400E03; font-weight: 400; } .cookie-container .buttons * + .btn-default { margin-right: .16rem; } .pdff-ui-page label, .pdff-ui-wrapper pdff-ui-controls, .pdff-ui-btn, .pdff-ui-wrapper { background-color: #400E03 !important; color: #ffffff !important; } .pdff-ui-prev.disabled, .pdff-ui-next.disabled, .pdff-ui-sound.disabled { color: #9d7c7f !important; } .pdff-container > .pdff-ui-next, .pdff-container > .pdff-ui-prev { opacity: 1 !important; } /*search*/ section.search .container .search .search-container { width: 5.84rem; position: relative; } section.search .container form.general .form-item[a-error] input { border: 1px solid red !important; } section.search .container .search .search-container .search-input { width: 100%; height: 0.5rem; padding: 0 0.42rem; font-size: .12rem; border: 1px solid #E0D8D7; border-radius: 2px; overflow: hidden; } section.search .container .search .search-container .search-btn { position: absolute; left: 0.16rem; width: 0.13rem; height: 0.13rem; top: 50%; transform: translateY(-70%); } section.search .header { background-color: white; padding-top: 0.12rem; padding-bottom: 0.24rem; } section.breadcrumb + section.search .header { padding-top: 0; } .search-breadcrumb a { display: flex; align-items: center; } .search-breadcrumb a > span { padding-left: .08rem; } section.search .container .search { padding-top: .48rem; padding-bottom: .24rem; } section.search .container .search .search-container .search-delete { position: absolute; right: 0.16rem; width: 0.13rem; height: 0.13rem; top: 50%; transform: translateY(-70%); cursor: pointer; } section.search .container .results-conclusion { color: #400E03; font-size: .16rem; margin-bottom: .48rem; } section.search .container .results-list .item { width: 9.84rem; display: flex; background-color: #ffffff; border: 1px solid #E0D8D7; padding: .24rem; } section.search .container .results-list .item:last-child { margin-bottom: .48rem; } section.search .container .results-list .item .img { display: flex; align-items: center; justify-content: center; } section.search .container .results-list .item .img img { max-width: 0.9rem; max-height: 0.92rem; height: auto; width: auto; } section.search .container .results-list .item .second { padding: 0 0.16rem; } section.search .container .results-list .item .second .title { font-weight: 600; font-size: 0.2rem; line-height: 1.2em; color: #400e03; padding-bottom: 0.08rem; direction: ltr; display: flex; justify-content: flex-end; } section.search .container .results-list .item .second .content { font-weight: 400; font-size: 0.14rem; line-height: 1.6em; color: #400e03; padding-bottom: .12rem; } section.search .container .results-list .item { margin-bottom: .16rem; } section.search .container .results-list .search-btn { background-color: #fff; font-weight: 700; font-size: 0.16rem; line-height: 1.2em; color: #ed1c24; padding: .16rem .24rem; width: 2rem; display: block; } /*Brand Filter*/ section.brand-filter { background-color: #F9F6F6; direction: rtl; } section.brand-filter .header .container .title { direction: rtl; } section.brand-filter .container { padding-top: 0.6rem; } section.brand-filter .container .page-title { font-family: Sora; font-weight: 600; font-size: 0.14rem; line-height: 1.2em; color: #400e03; padding-bottom: .10rem; direction: rtl; } section.brand-filter .container .search-main { display: flex; } section.brand-filter .container .search-main .filter-title { width: 25%; padding: .32rem 0; background-color: #400E03; display: flex; justify-content: center; align-items: center; } section.brand-filter .container .search-main .filter-title .content .title { font-family: Sora; font-weight: 700; font-size: 0.2rem; line-height: 1.2em; color: #ffffff; } section.brand-filter .container .search-main .filter-title .content .text { font-family: Sora; font-weight: 400; font-size: 0.12rem; line-height: 1.2em; color: #ffffff; padding-top: .12rem; } section.brand-filter .container .search-main .search-filter { width: 100%; position: relative; } section.brand-filter .container .search-main .search-filter .main { display: flex; } section.brand-filter .container .search-main .search-filter .main .form-item { width: calc((100% - 1.52rem) / 5); display: flex; flex-direction: column; border: 1px solid #E0D8D7; margin-right: .38rem; background: #fff; } section.brand-filter .container .search-main .search-filter .main .form-item:nth-child(5) { margin-right: 0; } section.brand-filter .container .search-main .search-filter .main .form-item .text { font-family: Sora; font-weight: 700; font-size: 0.28rem; line-height: 1.2em; color: #400e03; padding: .16rem; padding-bottom: 0; direction: ltr; margin-left: auto; } section.brand-filter .container .search-main .content .text span { position: relative; } section.brand-filter .container .search-main .content .text span::before { position: absolute; content: ""; left: 0; bottom: -.08rem; width: 100%; height: 2px; background-color: #ED1C24; } section.warning { background-color: #F9F6F6; padding: .6rem 0; } section.warning .title { font-family: Sora; font-weight: 700; font-size: 0.2rem; line-height: 1.2em; color: #400e03; direction: rtl; } section.warning .text { font-family: Sora; font-weight: 400; font-size: 0.16rem; line-height: 1.2em; color: #89726c; padding-top: .04rem; direction: rtl; } section.warning .more { display: none; } section.warning a { color: #89726c; text-decoration: underline; } section.warning .text .readmore { font-family: Sora; font-weight: 600; font-size: 0.16rem; line-height: 1.2em; color: #ED1C24; text-decoration: none; } section.faq { background-color: #ffffff; padding: .60rem 0; padding-bottom: .87rem; } section.faq .container .page-title { font-family: Sora; font-weight: 700; font-size: 0.32rem; line-height: 1.2em; color: #400e03; padding-bottom: .40rem; direction: rtl; } section.faq .container .accordion .item { margin-bottom: .16rem; background-color: #fff; border: 1px solid #E0D8D7; border-radius: 2px; } section.faq .container .accordion .item:not(.active) .text { display: none; } section.faq .container .accordion .item:last-child { margin-bottom: 0; } section.faq .container .accordion .item .text { font-family: Sora; font-weight: 400; font-size: 0.2rem; line-height: 1.6em; color: #400e03; padding: .24rem; padding-top: 0; direction: rtl; } section.faq .container .accordion .item .title { font-family: Sora; font-weight: 700; font-size: 0.2rem; line-height: 1.2em; color: #400e03; display: flex; align-items: center; cursor: pointer; padding: 0.24rem; flex-direction: row-reverse; direction: rtl; justify-content: flex-end; } section.faq .container .accordion .item .img { margin-left: 0.3rem; background-position: center; background-repeat: no-repeat; height: .2rem; width: .2rem; background-size: 100%; background-image: url(../../content/Icons/icon-arrow-down.svg); } section.faq .container .accordion .item.active .img { background-image: url(../../content/Icons/icon-arrow-up.svg); } section.brand-filter + section.result { padding-top: .60rem; } section.result .container { display: flex; flex-wrap: wrap; margin-bottom: -0.24rem; } section.result .container .item { width: calc((100% - .48rem) / 3); padding: .16rem; border: 1px solid #E0D8D7; background-color: #fff; border: 1px solid #E0D8D7; border-bottom: 4px solid #ED1C24; margin-right: .24rem; margin-bottom: .24rem; min-height: 4.75rem; display: flex; flex-direction: column; } section.result .container .item:nth-child(3n) { margin-right: 0; } section.result .container .item .top { display: flex; justify-content: center; padding-bottom: .16rem; position: relative; align-items: center; flex-direction: column; } section.result .container .item .top.active { padding-bottom: .04rem; display: flex; height: 100%; } section.result .container .item .top .gallery { display: none; } section.result .container .item .top.active .gallery { display: block; } section.result .container .item .top .gallery-main { display: flex; flex-wrap: wrap; padding-top: .16rem; justify-content: center; } section.result .container .item .top .gallery .gallery-item { border-radius: 2px; border: 1px solid #E0D8D7; padding: .08rem; margin: 0 .08rem; } section.result .container .item .top .gallery .gallery-item img { width: 0.5rem; height: 0.5rem; object-fit: contain; } section .result .container .item .top.active { height: 100%; } section.result .container .item .top.active .main-img { height: 3.50rem; max-width: 100%; } section.result .container .item .bottom.disabled { display: none; } section.result .container .item .top .main-img { height: 1.64rem; object-fit: contain; } section.result .container .item .top .bigscreen { position: absolute; right: 0.16rem; top: 0.16rem; } section.result .container .item .top .bigscreen.disabled { display: none; } section.result .container .item .top .bigscreen-close { display: none; position: absolute; right: 0.16rem; top: 0.16rem; } section.result .container .item .top .bigscreen-close.active { display: block; } section.result .container .item .top .bigscreen-close img { height: .16rem; object-fit: contain; } section.result .container .item .bottom { display: flex; padding-bottom: 0.16rem; position: relative; flex-direction: column; height: 100%; } section.result .container .item .bottom .title { font-family: Sora; font-weight: 600; font-size: 0.2rem; line-height: 1.36em; color: #400e03; direction: rtl; } section.result .container .item .bottom .text { padding-top: .04rem; font-family: Sora; font-weight: 400; font-size: 0.14rem; line-height: 1.6em; color: #400e03; direction: rtl; } section.result .container .item .bottom .tag-main { padding: 0.16rem 0; display: flex; flex-wrap: wrap; } section.result .container .item .bottom .tag-main .tag { border-radius: .48rem; border: 1px solid #E0D8D7; font-family: Sora; font-weight: 400; font-size: 0.11rem; line-height: 1.2em; color: #400e03; padding: .09rem .13rem; margin-right: .08rem; margin-bottom: .08rem; display: flex; align-items: center; justify-content: center; direction: rtl; } section.result .container .item .bottom .tag-main .tag img { height: .13rem; object-fit: contain; margin-left: .04rem; } section.result .container .item .bottom .buttons { margin-top: auto; display: flex; width: 100%; justify-content: flex-end; } section.result .container .item .bottom .buttons a { width: calc((100% - .08rem) / 2); font-family: Sora; font-weight: 700; font-size: 0.12rem; line-height: 1.2em; color: #ffffff; background-color: #ED1C24; border-radius: 2px; padding: .13rem .16rem; margin-right: 0.08rem; text-align: center; } section.result .container .item .bottom .buttons a:nth-child(2n) { color: #ED1C24; background-color: #FDE4E5; margin-right: 0; } section.brand-filter form.general .form-item .select2-container .select2-selection--single .select2-selection__rendered { padding-right: .5rem; } section.brand-filter form.general .form-item .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #89726C; font-weight: 400; font-size: .14rem; } section.brand-filter form.general .form-item .select2-container .select2-selection--single .select2-selection__rendered { color: #400E03; font-weight: 600; font-size: .14rem; direction: rtl; } @media screen and (min-width: 901px) { .mobile-only { display: none !important; } header .container .menu-wrapper .menu-item:hover .submenu { visibility: visible; opacity: 1; } header .container .menu-wrapper .menu-item:hover .nav-link { background-color: #400E03; color: white; } header .container .menu-wrapper .menu-item .submenu .item:hover { background-color: #E0D8D7; color: #400E03; } header .container .menu-wrapper .menu-item:hover .nav-link.parent > span { background-image: url(./Icons/plus-white.svg); } header .container .menu-wrapper .menu-item.lang:hover .nav-link.parent > span { background-image: url(./Icons/chevron-down-white.svg); } header .container .menu-wrapper .menu-item .submenu .item:hover span { background-image: url(./icons/arrow-brown.svg); } section.breadcrumb .container .navigation .navigate-item a:hover { text-decoration: underline; } section.dealer-list .container .find-content .filters .btn-default:hover { background-color: #ED1C24; color: white; } section.dealer-list .container .find-content .filters .btn-default:hover + .btn-default::before { content: none; } section.dealer-list .wrapper .find-content:hover::before { visibility: hidden; opacity: 0; } section.product-performance-section .container .right .performance-container:hover::before { visibility: hidden; opacity: 0; } section.dealer-list .wrapper .find-content .items .item:hover { background-color: #FDE4E5; } section.product-detail-header .wrapper .left .items .item .fullscreen:hover { transform: scale(1.2); } section.banner .container.vertical-top { justify-content: flex-start; } section.banner .container.vertical-bottom { justify-content: flex-end; } section.banner .container.horizontal-left { align-items: flex-start; text-align: left; } section.banner .container.horizontal-right { align-items: flex-end; text-align: right; } section.main-slider .item .wrapper .content.vertical-top { justify-content: flex-start; } section.main-slider .item .wrapper .content.vertical-bottom { justify-content: flex-end; } section.main-slider .item .wrapper .content.horizontal-left { align-items: flex-start; text-align: left; } section.main-slider .item .wrapper .content.horizontal-right { align-items: flex-end; text-align: right; } } @media screen and (max-width: 1380px) and (min-width: 901px) { /* SERVICE HELP */ section.service-help .bot .left .items .item { width: calc(100% - 0.08rem); } section.find-section .container .col .left .bot .main-page-mini-slider { padding-left: 0.6rem; padding-right: 0.6rem; } section.find-section .container .col .left .bot .main-page-mini-slider .item .mid-item .mid-text { font-size: .24rem; } section.find-section .container .col .left .bot .main-page-mini-slider .item .mid-item .btn-default { font-size: .14rem; padding: .16rem; } /* Tyre Sizes */ section.tyre-sizes .container .tyres .row-part .row-part-detail.active img { height: 5.8rem; } } @media screen and (max-width: 1100px) and (min-width: 901px) { /* Find Section */ section.find-section .container .col .left .bot .main-page-mini-slider { padding-left: 0.45rem; padding-right: 0.45rem; } section.find-section .container .col .left .bot .main-page-mini-slider .nav { margin-top: -0.26rem; } section.find-section .container .col .left .bot .main-page-mini-slider .nav .prev { width: 0.32rem; height: 0.32rem; } section.find-section .container .col .left .bot .main-page-mini-slider .nav .next { width: 0.32rem; height: 0.32rem; } /* GUIDES */ section.guides .items .item { width: calc(50% - 0.16rem); } /* VIDEOS */ section.videos .items .item { width: calc(50% - 0.16rem); } /* DEALERS */ section.dealer-list .wrapper .map-content { width: 60%; } section.dealer-list .wrapper .find-content { width: 40%; } /* COMPANY INFO */ section.company-info-top .container .brand { width: 100%; padding-left: 0.32rem; padding-right: 0.32rem; } section.orange-band .container { padding-left: .7rem; padding-right: .7rem; padding-bottom: 0.6rem; } /* CHRONO */ section.chrono .container .go-slider .item .head { font-size: .72rem; } /* SLIDER GUIDES */ section.slider-guides .wrapper .left { width: 50%; } section.slider-guides .wrapper .guides { width: 50%; padding: 0.48rem 0.48rem 0 0.48rem; } /* PRODUCT PERFORMANCE */ section.product-performance-section .container .right { padding: 0.48rem; } /* COMPARE */ section.compare .container .single-item { width: calc(50% - .84rem); } section.compare .container .compare-items { width: calc(50% + .84rem); } section.compare .card-item { width: 100%; } /* PRODICT LIST */ section.product-list-section .wrapper .filters { width: calc(30% - .24rem); } } @media screen and (max-width: 900px) { .desktop-only { display: none !important; } html { font-size: 26.666666vw; } .container { padding-left: .16rem; padding-right: .16rem; } /* General Fonts */ .title.h1.general { font-size: .24rem; } .title.h2.general { font-size: .24rem; font-weight: 700; line-height: 1.36em; } .title.h3.general { font-size: .2rem; font-weight: 700; } .title.h4.general { font-size: .16rem; } .title.h6.general { font-size: .14rem; } .text.general { font-size: .14rem; } .body-text.general { font-size: .14rem; } .regular.general { font-size: .12rem; font-weight: 400; line-height: 1.4em; } /* SELECT 2 */ .select2-container--default .select2-dropdown--below .select2-results > .select2-results__options { padding-top: 0; } .select2-container--default .select2-dropdown--above .select2-results > .select2-results__options { padding-bottom: 0; } .select2-container--default .select2-dropdown--above { border-bottom: 1px solid rgba(0, 0, 0, .1); border-top: none; border: 1px solid rgba(0, 0, 0, .1); } /* Popup */ .popup-wrapper.git-form::before { vertical-align: bottom; } .popup-wrapper.git-form .popup-container { min-height: auto; max-width: none; width: 100%; height: auto; padding: .24rem .16rem .16rem; } .popup-wrapper.git-form .popup-container .content form.general .privacy-notice .check { padding-right: 0rem; font-size: 12px; } .popup-wrapper.git-form .popup-container .content form.general .privacy-notice p { font-size: 12px; } .popup-wrapper.git-form .popup-container .content .top .head { font-size: .2rem; } .popup-wrapper.git-form .popup-container .content form.general textarea, .popup-wrapper.git-form .popup-container .content form.general .form-item input { font-size: .12rem; font-weight: 400; padding: .16rem; height: .48rem; line-height: 1.2em; } .popup-wrapper.git-form .popup-container .content form.general .form-item .select2-container--default .select2-selection--single { height: .46rem; } .popup-wrapper.git-form .popup-container .content form.general .form-item .select2-container .select2-selection--single .select2-selection__rendered { font-size: .12rem; } .popup-wrapper.git-form .popup-container .response.error .btn-default { width: 100%; font-size: .12rem; } .popup-wrapper.git-form .popup-container .response .text { margin-bottom: 0.24rem; } .popup-wrapper.git-form .popup-container .response.error * + .btn-default { margin-top: .24rem; } .popup-wrapper.image .popup-container { width: calc(100% - .32rem); margin: 0 .16rem; height: 4rem; padding: 0; } .popup-wrapper.image .popup-container .content img { width: 100%; height: 100%; } .popup-wrapper.video .popup-container { width: calc(100% - .32rem); margin: 0 .16rem; height: 2.4rem; min-height: auto; padding: .16rem; } .popup-wrapper.cookie .popup-container { max-width: calc(100% - .32rem); margin-left: .16rem; margin-right: .16rem; max-height: 4.7rem; } .popup-wrapper.cookie .popup-container .content .head .logo { width: 1.64rem; } .popup-wrapper.cookie .popup-container .content .head .close-btn { width: 0.14rem; height: 0.14rem; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .icon { width: .11rem; height: .11rem; margin-right: .22rem; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .icon:before { width: .11rem; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .icon:after { height: .11rem; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .title { font-size: .12rem; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .checkbox { width: 0.46rem; height: 0.24rem; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .checkbox:before { width: 0.2rem; height: 0.2rem; } .popup-wrapper.cookie .popup-container .content .body .items .item .header .checkbox.active:before { left: calc(100% - 0.22rem); } .popup-wrapper.cookie .popup-container .content .body * + .buttons { flex-wrap: wrap; margin-top: 0.16rem; } .popup-wrapper.cookie .popup-container .content .body .buttons .btn-default { width: 100%; font-size: .12rem; } .popup-wrapper.cookie .popup-container .content .body .buttons .btn-default.tertiary { font-weight: 700; } .popup-wrapper.cookie .popup-container .content .body .buttons .btn-default:nth-child(2n+2) { margin-left: 0; } .popup-wrapper.cookie .popup-container .content .body .buttons * + .btn-default { margin-left: 0; margin-top: .16rem; } /* Choise Tabs */ .scrollbar-general::-webkit-scrollbar { height: .06rem; } .scrollbar-general::-webkit-scrollbar-track { background: rgba(0, 0, 0, .24); border-radius: .03rem; -webkit-border-radius: .03rem; -moz-border-radius: .03rem; -ms-border-radius: .03rem; -o-border-radius: .03rem; } .scrollbar-general::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .2); border-radius: .03rem; -webkit-border-radius: .03rem; -moz-border-radius: .03rem; -ms-border-radius: .03rem; -o-border-radius: .03rem; } /* Breadcumn*/ section.breadcrumb { padding-top: .16rem; } section.breadcrumb.no-bg { padding-bottom: 0; padding-top: 0; } section.breadcrumb.no-bg .container { overflow: visible; margin-top: .16rem; } section.breadcrumb .container { height: .15rem; overflow: hidden; } section.breadcrumb .container .navigation { width: auto; white-space: nowrap; position: absolute; height: 0.15rem; top: 0; left: 0; margin: 0; padding: 0 0.16rem; } /* HEADER */ header { position: sticky; top: 0; } header .container { height: .56rem; align-items: center; padding-left: .16rem; padding-right: .16rem; } header .container .mobile-header-right { display: block; } header .container .logo { width: 1.6rem; } header .container .logo img { width: 100%; } header .container .hamburger { width: .3rem; cursor: pointer; height: .2rem; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } header .container .mobile-header-right { display: flex; align-items: center; } header .container .mobile-header-right .menu-item-search { display: block; margin: 0 0.2rem; } header .container .search-main .search .search-container { width: 3.43rem; } header .container .hamburger div { height: .03rem; background-color: black; transition: .3s linear all; border-radius: 10%; } header.menu-active .container .hamburger div:nth-child(1) { margin-top: 25%; transform: rotate(-45deg); transform-origin: center; } header.menu-active .container .hamburger div:nth-child(2) { transform: translateX(150%); } header.menu-active .container .hamburger div:nth-child(3) { transform: rotate(45deg); margin-bottom: 25%; transform-origin: center; } header .container .menu-wrapper { position: fixed; width: 100%; height: 0; overflow: hidden; top: .56rem; left: 0; z-index: 999; background-color: #400E03; display: flex; flex-direction: column; justify-content: flex-start; transition: height .2s ease-in-out; -webkit-transition: height .2s ease-in-out; -moz-transition: height .2s ease-in-out; -ms-transition: height .2s ease-in-out; -o-transition: height .2s ease-in-out; } header.menu-active .container .menu-wrapper { height: calc(100% - .56rem); overflow: auto; padding-bottom: .15rem; } header .container .menu-wrapper .menu-item .nav-link { height: auto; background-color: #400E03; color: #fff; padding: .24rem; } header .container .menu-wrapper .menu-item .submenu { position: relative; display: none; top: 0; visibility: visible; opacity: 1; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } header .container .menu-wrapper .menu-item a { color: white; justify-content: space-between; } header .container .menu-wrapper .menu-item .nav-link img { display: none; } header .container .menu-wrapper .menu-item .submenu .item { background-color: #E0D8D7; color: #400E03; height: auto; padding-left: .24rem; padding-right: .24rem; } header .container .menu-wrapper .menu-item.lang .nav-link { display: flex; flex-direction: row; justify-content: flex-start; } header .container .menu-wrapper .menu-item.lang .flag { text-align: left; } header .container .menu-wrapper .menu-item.lang .flag img { display: block; } header .container .menu-wrapper * + .menu-item { border-top: 1px solid #525252; } header .container .menu-wrapper .menu-item .nav-link span { background-image: url(./Icons/ok.svg); width: .2rem; height: .2rem; margin-left: 0.08rem; background-size: contain; background-position: center; background-repeat: no-repeat; } header .container .menu-wrapper .menu-item .nav-link.parent span { background-image: url(./Icons/plus-white.svg); width: .24rem; height: .24rem; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } header .container .menu-wrapper .menu-item .nav-link.parent.active span { background-image: url(./Icons/minus-white.svg); } header .container .menu-wrapper .menu-item .submenu .item span { background-image: url(./Icons/arrow-brown.svg); } header .container .menu-wrapper .menu-item.lang .nav-link.parent span { background-image: url(Icons/chevron-down-white.svg); } header .container .menu-wrapper .menu-item.lang .nav-link.parent.active span { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } header .container .menu-wrapper .notice { display: flex; margin-top: auto; width: 100%; padding: .24rem; flex-wrap: wrap; } header .container .menu-wrapper .notice .image { width: 100%; } header .container .menu-wrapper .notice .text { display: block; line-height: 1.84em; width: 100%; } header .container .menu-wrapper .notice * + .text { margin-top: .16rem; } header .container .menu-wrapper .notice .learn-more { display: flex; font-size: .12rem; border-bottom: 4px solid #ED1C24; color: white; padding-bottom: 0.08rem; align-items: center; } header .container .menu-wrapper .notice * + .learn-more { margin-top: .08rem; } header .container .menu-wrapper .notice .learn-more img { width: .12rem; height: .12rem; margin-left: .08rem; } /* SECTION BANNER */ section.banner .container { padding-bottom: .32rem; padding-top: .32rem; } section.banner .container.mobile-vertical-top { justify-content: flex-start; } section.banner .container.mobile-vertical-bottom { justify-content: flex-end; } section.banner .container.mobile-horizontal-left { align-items: flex-start; text-align: left; } section.banner .container.mobile-horizontal-right { align-items: flex-end; text-align: right; } section.banner .container .content .head { font-size: .38rem; } section.banner .container .content * + .btn-default { font-size: .12rem; } /* Main Slider */ section.main-slider .item .wrapper .content { padding: .32rem .16rem; } section.main-slider .item .wrapper .content.mobile-vertical-top { justify-content: flex-start; } section.main-slider .item .wrapper .content.mobile-vertical-bottom { justify-content: flex-end; } section.main-slider .item .wrapper .content.mobile-horizontal-left { align-items: flex-start; text-align: left; } section.main-slider .item .wrapper .content.mobile-horizontal-right { align-items: flex-end; text-align: right; } section.main-slider .item .wrapper .content .head { font-size: .38rem; } section.main-slider .item .wrapper .content * + .btn-default { font-size: .12rem; } /* SECTION FIND SECTION */ section.find-section { padding: 0; } section.find-section .container { flex-direction: column; padding: 0; } section.find-section .container .col { width: 100%; } section.find-section .container .col .left .bot { padding: .24rem .16rem; } section.find-section .container .col .left .top { padding: .24rem .16rem; } section.find-section .container .col .left .top .tab-menu { flex-wrap: unset; overflow: auto; } section.find-section .container .col .left .top .top-first .head { font-size: .24rem; } section.find-section .container .col .left .top .top-first .btn { font-size: .12rem; } section.find-section .container .col .left .top .tab-menu .btn { font-size: .12rem; } section.find-section .container .col .right { padding: .24rem .16rem .16rem .16rem; } section.find-section .container .col .right .top .search-map a { font-size: .12rem !important; } section.find-section .container .col .right .btn .btn-default { font-size: .12rem; } section.find-section .container .col .right .top .head { font-size: .24rem; } section.find-section .container .col .left .bot .main-page-mini-slider { padding: 0; } section.find-section .container .col .left .bot .main-page-mini-slider .item .top-item .left-top-text { font-size: .12rem; } section.find-section .container .col .left .bot .main-page-mini-slider .item .mid-item .mid-text { font-size: .24rem; } section.find-section .container .col .left .bot .main-page-mini-slider .item .mid-item .btn-default { font-size: .12rem; } section.find-section .container .col .left .bot .main-page-mini-slider .dots { width: 100%; justify-content: center; } section.find-section .container .col .left .bot .main-page-mini-slider .dots .swiper-pagination-bullet { width: .06rem; height: .06rem; } section.find-section .container .col .left .bot .main-page-mini-slider .dots .swiper-pagination-bullet-active { width: .12rem; height: .12rem; } section.find-section .container .col .left .bot .main-page-mini-slider .dots * + .swiper-pagination-bullet { margin-left: .12rem; } /* SECTİON MAİN PAGE SLİDER */ section.main-page-slider .container { padding-top: .32rem; padding-bottom: 0.24rem; } section.main-page-slider .container .head { font-size: .24rem; text-align: left; } section.main-page-slider .container .items { padding: 0; margin: 0 -.16rem; width: calc(100% + .32rem); max-width: calc(100% + .32rem); } section.main-page-slider .container .items .swiper { padding-left: .24rem; padding-right: .24rem; } section.main-page-slider .container .main-page-carousel .owl-dots { margin-top: .16rem; } section.main-page-slider .container * + .items { margin-top: .24rem; } section.main-page-slider .container .items .item * + .slide-p { margin-top: 0.12rem; } section.main-page-slider .container .items .item * + .slide-content { margin-top: 0.24rem; } section.main-page-slider .container .items .item * + .slide-btns { margin-top: 0.24rem; } /* Text Section */ section.text-section { padding: .12rem 0; } section.main-banner + section.text-section, section.breadcumb + section.text-section { margin-top: .12rem; } section.text-section.large { min-height: unset; padding: .48rem 0; } section.text-section.large .wrapper { padding-left: .08rem; padding-left: .08rem; } section.text-section.large .title { font-size: .24rem; } section.text-section.large .text { font-size: .16rem; } section.text-section .wrapper { width: 100%; } section.text-section .wrapper.center { text-align: center; } /* VİDEO SECTİON */ section.text-section + section.video-section .container { padding-top: 0; } section.product-detail-header + section.video-section .container { padding-top: .16rem; } section.video-section .container > * + * { margin-top: .16rem; } section.video-section .container.small { padding-bottom: .12rem; } section.video-section .container .head .title { width: 100%; text-align: center; } section.video-section .container .head .title br { display: none; } section.video-section .container .wrapper .playpause { width: .5rem; height: .5rem; } section.video-section .container > .btn-default { font-size: .12rem; } section.video-section .container .video-caption { text-align: left; } section.video-section .container * + .video-caption { margin-top: .08rem; } section.video-section .container .video-caption .text { font-size: .12rem; } section.video-section .container .items .owl-nav { left: -.16rem; width: calc(100% + .32rem); } /* Quote */ section.quote { padding-top: 0.12rem; padding-bottom: 0.12rem; } section.quote .item { padding: .16rem; } /* Image Slider */ section.image-slider { padding-top: 0.12rem; padding-bottom: 0.12rem; } section.image-slider .items { padding-left: 0; padding-right: 0; } section.image-slider .container .items .owl-dots { margin-top: 0.16rem; } /* FOOTER */ footer { position: relative; } footer .container-top { padding: 0; flex-direction: column; } footer .container-top .col { width: auto; } footer .container-top .col:not(:last-child) { border-bottom: 1px solid #E0D8D7; } footer .container-top .col .links { display: none; padding-left: .24rem; padding-bottom: .24rem; } footer .container-top .col * + .texts { margin-top: .08rem; } footer .container-top .col .texts { display: none; padding-left: .24rem; padding-bottom: .24rem; } footer .container-top .col .head { display: flex; justify-content: space-between; padding: .16rem .24rem; font-size: .16rem; } footer .container-top .col .head span { display: inline-block; background-image: url(./Icons/icon_add-white.svg); background-position: center; background-size: contain; background-repeat: no-repeat; width: .2rem; height: .2rem; } footer .container-top .col .head span.active { background-image: url(./Icons/icon_remove-white.svg); } footer .container-bot { padding: .24rem .16rem; } /* STİCKY BOTTOM */ section.sticky-bottom .components .component-left { padding: .24rem .16rem .16rem .16rem; } section.sticky-bottom .components .component-left .tab-menu { flex-wrap: unset; overflow: auto; } section.sticky-bottom .components .component-left .top-first .head { font-size: .24rem; } section.sticky-bottom .components .component-left .top-first .btn { font-size: .12rem; } section.sticky-bottom .components .component-left .tab-menu .btn { font-size: .12rem; } section.sticky-bottom .components .component-right { padding: .24rem .16rem .16rem .16rem; } section.sticky-bottom .components .component-right .top .search-map a { font-size: .12rem !important; } section.sticky-bottom .components .component-right .btn .btn-default { font-size: .12rem; } section.sticky-bottom .components .component-right .top .head { font-size: .24rem; } /* BREADCUMB */ section.breadcrumb { padding-bottom: .16rem; } section.breadcrumb .container .title { font-size: .24rem; font-weight: 700; } section.breadcrumb.bg-white-mobile { background-color: white; height: auto; } section.breadcrumb.bg-white-mobile .container .navigation .navigate-item { color: #89726C; } /* Page Header */ section.page-header { padding-top: .24rem; padding-bottom: .16rem; box-shadow: 0 .04rem .04rem rgba(0, 0, 0, 0.04); } section.breadcrumb + section.page-header { padding-top: 0; } section.page-header * + .body-text { margin-top: .08rem; } section.page-header .tabs { display: block; width: calc(100% + .16rem); margin-right: -.16rem; padding-right: .16rem; padding-bottom: .04rem; white-space: nowrap; overflow: auto; } /* Product List */ section.product-list-section { position: relative; z-index: 2; padding-bottom: .24rem; } section.product-list-section .header { padding-bottom: .16rem; } section.product-list-section .header .container { display: flex; align-items: center; justify-content: space-between; } section.product-list-section .header .title { font-size: .24rem; font-weight: 700; } section.product-list-section .wrapper { flex-direction: column; padding-top: 0; } section.product-list-section .wrapper .filters { width: calc(100% + .32rem); display: inline-block; margin: 0 -.16rem; padding: .12rem .18rem .05rem .18rem; top: .56rem; } section.product-list-section .clear-filter { margin-top: 0; } section.product-list-section .clear-filter a { display: block; font-size: .12rem; } section.product-list-section .wrapper .filters > * + * { margin-top: .12rem; } section.product-list-section .wrapper .filters .tab-menu { display: flex; overflow: auto; width: calc(100% + .1rem); margin-right: -.1rem; padding-bottom: .12rem; } section.product-list-section .wrapper .filters .tab-menu > * + *:not(:first-child) { margin-left: .04rem; } section.product-list-section .wrapper .filters .tab-menu a { font-size: .12rem; padding: .12rem .16rem; border: 1px solid #400E03; border-radius: .03rem; color: #400E03; position: relative; white-space: nowrap; } section.product-list-section .wrapper .filters .tab-menu a::before { content: ''; position: absolute; width: 0; height: 0; border-left: .08rem solid transparent; border-right: .08rem solid transparent; border-top: .08rem solid #400E03; bottom: -.08rem; left: 50%; opacity: 0; transition: all .3s ease-in-out .05s; -webkit-transition: all .3s ease-in-out .05s; -moz-transition: all .3s ease-in-out .05s; -ms-transition: all .3s ease-in-out .05s; -o-transition: all .3s ease-in-out .05s; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } section.product-list-section .wrapper .filters .tab-menu a.active { background-color: #400E03; color: white; } section.product-list-section .wrapper .filters .tab-menu a.active::before { opacity: 1; /*transition-delay: 0s;*/ } section.product-list-section .wrapper .filters .filter-item:not(.active) { display: none; } section.product-list-section .wrapper .filters .filter-items { display: inline-block; width: 100%; } section.product-list-section .wrapper .filters .filter-items form.general { margin-bottom: .16rem; } section.product-list-section .wrapper .filters .filter-items .filter-item { background-color: unset; border: unset; padding: unset; margin-top: unset; } section.product-list-section .wrapper .filters .filter-items .filter-item.active { background-color: transparent; } section.product-list-section .wrapper .filters .filter-items .filter-item .btn-default { margin-top: .12rem; } section.product-list-section .wrapper .filters .filter-items .filtered-tags { display: flex; flex-wrap: wrap; margin-top: .06rem; } section.product-list-section .wrapper .filters .filter-items .filtered-tags .tag-item { display: inline-flex; padding: .08rem .12rem; align-items: center; background-color: #FDE4E5; border-radius: .02rem; margin-right: .04rem; margin-bottom: .04rem; } section.product-list-section .wrapper .filters .filter-items .filtered-tags .tag-item .del-icon { padding-left: .14rem; } section.product-list-section .wrapper .filters .filter-items .filtered-tags .tag-item .head { font-size: .12rem; color: #ED1C24; } section.product-list-section .wrapper .items { width: calc(100% + .16rem); margin: 0 -.08rem; flex-direction: column; padding-top: .1rem; } section.product-list-section .wrapper .items .item { width: unset; margin: .08rem 0; } /* DEALER LIST */ section.dealer-list .header { padding-bottom: 0.16rem; } section.dealer-list .header .container { display: flex; align-items: center; } section.dealer-list .header .title { font-size: .24rem; font-weight: 700; padding-right: .2rem; } section.dealer-list .header .clear-filters { margin-left: auto; margin-top: 0; } section.dealer-list .wrapper { padding-top: .12rem; padding-bottom: .56rem; flex-wrap: wrap; } section.dealer-list .wrapper .map-content { width: 100%; } section.dealer-list .wrapper .map-content .map-wrapper { height: 0; padding-bottom: 100%; } section.dealer-list .wrapper .map-content * + .map-wrapper { margin-top: .16rem; } section.dealer-list .wrapper .map-content .btn-default { top: auto; font-size: .12rem; bottom: 0; padding: 0.12rem 0.16rem; } section.dealer-list .wrapper .find-content { width: 100%; } section.dealer-list .wrapper .find-content::before { content: none; } /* SLIDER GUIDES */ section.slider-guides .header { padding-bottom: 0.16rem; } section.slider-guides .header .container { display: flex; align-items: center; } section.slider-guides .header .title { font-size: .24rem; font-weight: 700; padding-right: .2rem; } section.slider-guides .wrapper { flex-wrap: wrap; } section.slider-guides .wrapper .left { width: 100%; } section.slider-guides .wrapper .left .items .item { height: 2.4rem; } section.slider-guides .wrapper .guides { width: 100%; padding: .24rem .16rem; } section.slider-guides .wrapper .guides .tabs { flex-wrap: nowrap; overflow: auto; justify-content: flex-start; padding-bottom: .1rem; } section.slider-guides .wrapper .guides .items { height: 10.74rem; margin-top: 0.14rem; } section.slider-guides .wrapper .guides .items .item { width: calc(100% - 0.08rem); margin-top: 0.16rem; } /* VIDEOS */ section.videos.carousel.mobile-list { background-color: transparent; } section.videos.carousel.mobile-list::before { content: ''; height: 2.55rem; position: absolute; top: 0; width: 100%; background-color: #400E03; } section.videos .head { display: flex; align-items: center; justify-content: space-between; padding: 0; } section.videos .head-link { position: relative; top: auto; right: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } section.breadcrumb + section.guides:before { height: 2.2rem; } section.videos .choices { padding: 0; } section.videos * + .choices { margin-top: 0.24rem; } section.videos .choices .tabs { width: calc(100% + .16rem); margin-right: -.16rem; flex-wrap: nowrap; overflow: auto; padding-bottom: .12rem; } section.videos .choices .tabs .btn { white-space: nowrap; } section.videos.mobile-list .container .items { width: 100%; padding: 0; margin-left: 0; margin-right: 0; } section.videos.mobile-list .container .items * + .item { margin-top: .16rem; } section.videos.carousel .head { display: flex; width: 100%; padding: 0; justify-content: space-between; } section.videos.carousel .head .title { font-size: .24rem; } section.videos.carousel .head-link { position: relative; font-size: .12rem; line-height: 1.6em; right: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } section.videos .container .items { margin-left: -0.08rem; margin-right: -0.08rem; } section.videos .container * + .items { margin-top: 0.24rem; } section.videos .items .item { width: calc(100% - 0.16rem); } section.videos .items .item .card-head .text { height: auto; font-size: .20rem; line-height: 1.26em; color: white; overflow: hidden; } /* Help More */ section.help-more .wrapper { flex-direction: column-reverse; } section.help-more .wrapper .right { padding: .16rem; } section.help-more .wrapper .right .title { font-size: .24rem; } section.help-more .wrapper .right .text { font-size: .16rem; } section.help-more .wrapper .right .btn-default { font-size: .12rem; } section.help-more .wrapper .right * + .btn-default { margin-top: 0.16rem; } section.help-more .wrapper .left { width: 100%; } section.help-more .wrapper .left .items .item { display: flex; flex-wrap: wrap; align-items: center; flex-grow: 1; max-width: none; width: calc(50% - 0.08rem); text-align: left; padding-top: .06rem; padding-bottom: .06rem; } section.help-more .wrapper .left .items .item .icon { margin: .06rem 0; margin-right: .12rem; } section.help-more .wrapper .left .items .item .navigation { margin: .06rem 0; justify-content: flex-end; flex-grow: 1; justify-content: space-between; align-items: end; } section.help-more .wrapper .left .items .item .navigation img { margin-bottom: .03rem; } /* Certificates */ section.certificates .items { padding-top: .24rem; padding-bottom: .24rem; margin: 0; } section.certificates .items .item { align-items: flex-start; width: 100%; margin: 0; } section.certificates .items .item + .item { margin-top: .16rem; } section.certificates .items .item .body-text { padding-left: .16rem; } /* Guides */ section.guides.carousel.mobile-list { background-color: transparent; } section.guides.carousel.mobile-list::before { content: ''; height: 2.55rem; position: absolute; top: 0; width: 100%; background-color: #525252; } section.guides.mobile-list .container .items { width: 100%; padding: 0; margin-left: 0; margin-right: 0; } section.guides.mobile-list .container .items * + .item { margin-top: .16rem; } section.guides .head { display: flex; align-items: center; justify-content: space-between; padding: 0; } section.guides .head-link { position: relative; top: auto; right: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } section.breadcrumb + section.guides:before { height: 2.2rem; } section.guides .choices { padding: 0; } section.guides * + .choices { margin-top: 0.24rem; } section.guides .choices .tabs { width: calc(100% + .16rem); margin-right: -.16rem; flex-wrap: nowrap; overflow: auto; padding-bottom: .12rem; } section.guides .choices .tabs .btn { white-space: nowrap; } section.guides.carousel { padding-top: 0.24rem; padding-bottom: 0.24rem; } section.guides.carousel .head { display: flex; padding: 0; text-align: left; align-items: center; justify-content: space-between; } section.guides.carousel .head-link { position: relative; right: 0; top: 0; margin: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } section.guides.carousel .items { width: calc(100% + .32rem); margin-left: -.16rem; margin-right: -.16rem; padding: 0; } section.guides .container * + .items { margin-top: 0.24rem; } section.guides * + .items { margin-top: 0.24rem; } section.guides .items .item { width: calc(100% - 0.16rem); } section.guides .items .item .body { padding: .16rem; } section.guides .items .item .body .title { font-size: .2rem; } section.guides .items .item * + .btn-default { margin-top: 0.25rem; } section.guides .items .owl-dots { margin-top: 0.16rem; } section.guides .items .owl-dots .owl-dot { background-color: #ED1C24; } /* Help */ section.need-help { margin-bottom: 0; } section.need-help .container { padding-top: 0.16rem; padding-bottom: 0.16rem; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; } section.need-help .container .icon { width: .48rem; height: .48rem; } section.need-help .container .icon img { width: 100%; height: 100%; } section.need-help .container .btn-default { width: 100%; font-size: .12rem; } section.need-help .container .head { font-size: .24rem; } section.need-help .container * + .head { margin-top: 0.16rem; } section.need-help .container * + .desc { margin-top: 0.08rem; } section.need-help .container * + .btn-default { margin-top: 0.16rem; } /* Main Banner */ section.main-banner { background-image: none !important; border: none; height: auto; background-color: white; } section.main-banner .container { flex-wrap: wrap; padding-top: .12rem; padding-bottom: .12rem; } section.main-banner .title { color: #400E03; } section.main-banner .image { position: relative; height: 2.4rem; } section.main-banner .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } section.main-banner .container * + .date { margin-top: .08rem; } /* Euro Label */ section.euro-label .wrapper { flex-wrap: wrap; padding-top: .24rem; padding-bottom: 0; } section.euro-label .wrapper .paragh { width: 100%; max-width: none; padding: 0; } section.euro-label .wrapper .intro { width: calc(100% + .32rem); margin-left: -.16rem; margin-right: -.16rem; max-width: none; padding: .24rem .16rem; } section.euro-label .wrapper * + .intro { margin-top: .2rem; } section.euro-label .wrapper .intro img { width: 100%; max-width: 100%; max-height: 10rem; } /* Tyre Label */ section.tyre-label .wrapper { padding-top: 0.24rem; padding-bottom: 0.24rem; } section.tyre-label .wrapper * + .tabs { margin-top: 0.24rem; } section.tyre-label .wrapper .title { text-align: left; } section.tyre-label .wrapper .tabs .tab-menu { width: calc(100% + .16rem); margin-right: -.16rem; flex-wrap: nowrap; margin-bottom: 0.48rem; overflow: auto; justify-content: flex-start; padding-bottom: .08rem; } section.tyre-label .wrapper .tabs .tab-menu .tab-item { white-space: nowrap; } section.tyre-label .wrapper .tabs .tab-content.active { display: flex; flex-direction: column; } section.tyre-label .wrapper .tabs .tab-content .image { width: 100%; max-width: none; } section.tyre-label .wrapper .tabs .tab-content .specs { width: 100%; max-width: none; padding-left: 0; } section.tyre-label .wrapper .tabs .tab-content .specs { margin-top: .24rem; } section.tyre-label .wrapper .tabs .tab-content .specs .item::before { margin-top: 0; } /* Service Help */ section.service-help .header { padding-bottom: .16rem; box-shadow: 0 .04rem .04rem rgba(0, 0, 0, 0.04); } section.service-help .header .wrapper { display: flex; flex-wrap: wrap; padding: .16rem; } section.service-help .header .wrapper .tags { margin-top: -.16rem; margin-bottom: -.16rem; } section.service-help .header .wrapper .tabs { width: calc(100% + .16rem); margin-right: -.16rem; overflow: auto; padding-bottom: .08rem; flex-wrap: nowrap; } section.service-help .header .wrapper .tabs .btn { white-space: nowrap; } section.service-help .header .wrapper .btn-default { width: 100%; margin: 0; } section.service-help .header .wrapper * + .btn-default { margin-top: .08rem; } section.service-help .bot { width: calc(100% + .32rem); margin-left: -.16rem; margin-right: -.16rem; flex-direction: row; flex-wrap: wrap; } section.service-help .bot .left { width: 100%; padding: 0.16rem; padding-bottom: .24rem; margin-left: auto; margin-right: auto; } section.service-help .bot .left .content { padding-bottom: .24rem; } section.service-help .bot .left .items { width: 100%; } section.service-help .bot .left .items .item { width: 100%; margin: 0; border: 1px solid rgba(0, 0, 0, .1); } section.service-help .bot .left .items * + .item { margin-top: .16rem; } section.service-help .bot .left .nav { margin-top: .24rem; width: calc(100% + .32rem); margin-left: -.16rem; margin-right: -.16rem; padding: .16rem; } section.service-help .bot .left .nav .head { font-size: .24rem; } section.service-help .bot .left .nav * + .desc { margin-top: .08rem; } section.service-help .bot .left .nav .btn-default { width: 100%; font-size: .12rem; } section.service-help .bot .left .nav * + .btn-default { margin-top: 0.16rem; } section.service-help .bot .right { width: 100%; padding: .16rem; height: auto; margin-left: auto; margin-right: auto; } section.service-help .bot .right .map { height: 0; padding-bottom: 100%; } section.service-help .bot .right * + .map { margin-top: .24rem; } section.service-help .bot .right .btn .btn-default { font-size: .12rem; } section.service-help .bot .right * + .btn { margin-top: .24rem; } section.service-help .bot .right * + form.general { margin-top: .24rem; } /* Product Detail Header */ section.product-detail-header .wrapper { flex-direction: column; padding-top: .08rem; } section.product-detail-header .wrapper .left { max-width: unset; width: 100%; padding-bottom: 0; } section.product-detail-header .wrapper .left .items { width: 100%; padding-left: 0; } section.product-detail-header .wrapper .left .items .item { width: 100%; height: 0; padding-bottom: 62.39%; } section.product-detail-header .wrapper .left .items .item .badge { width: .8rem; height: .56rem; } section.product-detail-header .wrapper .left .items .owl-dots { position: relative; width: 100%; height: auto; top: auto; left: auto; text-align: center; margin-top: .24rem; } section.product-detail-header .wrapper .left .items .owl-dots .owl-dot { display: inline-block; vertical-align: middle; } section.product-detail-header .wrapper .left .items .owl-dots .owl-dot span { width: .12rem; height: .12rem; border: none; opacity: 1; border: .03rem solid white; border-radius: .1rem; background-color: #89726C; transition: .2s border-color ease; -webkit-transition: .2s border-color ease; -ms-transition: .2s border-color ease; -moz-transition: .2s border-color ease; -o-transition: .2s border-color ease; } section.product-detail-header .wrapper .left .items .owl-dots * + .owl-dot { margin-top: 0; margin-left: .06rem; } section.product-detail-header .wrapper .left .items .owl-dots .owl-dot.active span { width: .12rem; height: .12rem; border: .03rem solid #89726C; } section.product-detail-header .wrapper .left .items .owl-dots .owl-dot span img { display: none; } section.product-detail-header .wrapper .left .items .owl-dots .owl-dot span.video::before { display: none; } section.product-detail-header .wrapper .right { max-width: unset; width: 100%; margin: 0; padding: 0; } section.product-detail-header .wrapper .right .head { display: inline-block; width: 100%; padding-top: .24rem; } section.product-detail-header .wrapper .right .head * + .text { margin-top: .08rem; } section.product-detail-header .wrapper .right .body { padding: .16rem; margin-left: -.16rem; margin-right: -.16rem; margin-bottom: 0 !important; background-color: #434448; } section.product-detail-header .wrapper .right .body .bg { position: absolute; width: 100%; height: 1.64rem; left: 0; top: 0; bottom: auto; background-color: #400E03; } section.product-detail-header .wrapper .right * + .body { margin-top: .24rem; } section.product-detail-header .wrapper .right .body .title { font-size: .24rem; } section.product-detail-header .wrapper .right .body .tags { display: block; overflow: auto; white-space: nowrap; } section.product-detail-header .wrapper .right .body * + .tags { margin-top: .16rem; } section.product-detail-header .wrapper .right .body .vehicle-details { padding: .16rem; padding-top: .24rem; } section.product-detail-header .wrapper .right .body .vehicle-details .filter-form form.general .form-item { width: calc(100% - .16rem); } section.product-detail-header .wrapper .right .body .vehicle-details .vehicle-specs { width: 100%; text-align: left; display: none; } section.product-detail-header .wrapper .right .body .vehicle-details .vehicle-specs .head { padding-top: 0 !important; } section.product-detail-header .wrapper .right .body .vehicle-details .vehicle-specs .head .title { font-size: .14rem; } section.product-detail-header .wrapper .right .body .vehicle-details .vehicle-specs .head .change { font-size: .12rem; } /* PRODUCT PERFORMANCE SECTION */ section.product-performance-section { background-color: white; } section.product-performance-section::before { display: none; } section.product-performance-section .container { display: block; padding: 0; } section.product-performance-section .container .col { width: 100%; } section.product-performance-section .container .left { padding: .32rem .16rem .24rem .16rem; } section.product-performance-section .container .col .col-head { font-size: .2rem; } section.product-performance-section .container .left .highlights { width: 100%; } section.product-performance-section .container .left .product-image { width: calc(100% - .32rem); margin-left: .16rem; margin-right: .16rem; } section.product-performance-section .container .left * + .product-image { margin-top: .45rem; } section.product-performance-section .container .right { padding: .24rem .16rem; background-color: #F9F6F6; } section.product-performance-section .container .right * + .performance-container { margin-top: .24rem; } section.product-performance-section .container .right .performance-container > * + * { margin-top: .24rem; } section.product-performance-section .container .right .performance-container .top-img { width: 1.1rem; } section.product-performance-section .container .right .performance-container .items { width: 100%; } section.product-performance-section .container .right .performance-container .items::-webkit-scrollbar { width: 0; } section.product-performance-section .container .right .performance-container::before { display: none; } section.product-performance-section .container .right .performance-container * + .items { margin-top: .24rem; } /* Compare */ section.compare .container { display: block; padding-top: .24rem; padding-bottom: .24rem; } section.compare .container .single-item { width: 100%; } section.compare .container .compare-items { width: 100%; padding-left: 0; } section.compare .container .compare-items .wrapper { max-width: 100%; width: 100%; padding: 0; } section.compare .single-item * + .card-item { margin-top: .16rem; } section.compare .card-item { width: 100%; padding: .16rem .16rem .24rem .16rem; } section.compare .card-item .top img { width: .9rem; } section.compare .card-item .scale-item { padding-top: .12rem; padding-bottom: .12rem; } section.compare .card-item .scale-item .scale-title { font-size: .14rem; } section.compare .container .compare-items { margin-top: .24rem; } section.compare .container .compare-items * + .related-products { margin-top: .16rem; } section.compare .container .compare-items .related-products .owl-nav { display: none !important; } section.compare .container .compare-items .owl-dots { margin-top: .24rem; text-align: center; } section.compare .container .compare-items .owl-dot { display: inline-block; vertical-align: middle; width: .12rem; height: .12rem; border: .03rem solid #E0D8D7; border-radius: .1rem; background-color: #400E03; transition: .2s border-color ease; -webkit-transition: .2s border-color ease; -ms-transition: .2s border-color ease; -moz-transition: .2s border-color ease; -o-transition: .2s border-color ease; } section.compare .container .compare-items .owl-dot.active { width: .12rem; height: .12rem; border: .03rem solid #400E03; } section.compare .container .compare-items .owl-dot + .owl-dot { margin-left: .06rem; } /* Tyre Sizes */ section.tyre-sizes { padding-bottom: 0 !important; } section.tyre-sizes .container { padding-top: .24rem; padding-bottom: .24rem; } section.tyre-sizes .container .head { font-size: .24rem; text-align: left; } section.tyre-sizes .container .dimensions { width: calc(100% + .32rem); margin-left: -.16rem; margin-right: -.16rem; padding-left: .16rem; padding-right: .16rem; height: .4rem; } section.tyre-sizes .container * + .dimensions { margin-top: .16rem; } section.tyre-sizes .container .dimensions a { height: .4rem; min-width: .4rem; font-size: .12rem; line-height: .4rem; } section.tyre-sizes .container .tyres { display: block; width: 100%; height: 2.5rem; margin: 0; overflow: auto; } section.tyre-sizes .container * + .tyres { margin-top: .32rem; } section.tyre-sizes .container .tyres .row-part { position: relative; display: block; width: 100%; padding: .16rem 0; padding-right: .24rem; margin: 0; } section.tyre-sizes .container .tyres .row-part .row-part-detail { display: none; position: relative; width: calc(100% + .24rem); top: auto; left: auto; margin-right: -.24rem; margin-top: .16rem; padding: 0; background-color: #400E03; opacity: 1; visibility: visible; } section.tyre-sizes .container .tyres .row-part .row-part-detail.active { display: block; } section.tyre-sizes .container .tyres .row-part .row-part-detail.active img { max-width: 80%; height: auto; } section.tyre-sizes .container .tyres .row-part .row-part-detail .btns { width: 100%; margin: 0; } section.tyre-sizes .container .tyres .row-part .row-part-detail .btns .btn-default { width: calc(50% - .08rem); font-size: .11rem; padding-left: .12rem; padding-right: .12rem; } section.tyre-sizes .container .tyres .row-part .row-part-detail .btns .btn-default + .btn-default { margin-left: .16rem; } section.tyre-sizes .container .tyres .row-part .plus { position: absolute; right: 0; top: .16rem; padding-right: 0; border-right: none; } /* Product Detail Suggest */ section.product-detail-suggest .container { padding-top: .24rem; padding-bottom: .24rem; } section.product-detail-suggest .container .wrapper { width: 100%; max-width: unset; display: block; margin: 0; } section.product-detail-suggest .container .wrapper > * { width: 100%; } section.product-detail-suggest .container .wrapper .pic { width: 100%; } section.product-detail-suggest .container .wrapper .content { display: block; padding: .08rem; text-align: left; background-color: white; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.21); } section.product-detail-suggest .container .wrapper .content .head { font-size: .2rem; } section.product-detail-suggest .container .wrapper .content .desc { font-size: .14rem; text-align: left; } section.product-detail-suggest .container .wrapper .content * + .desc { margin-top: .16rem; } section.product-detail-suggest .container .wrapper .content .btn-default { width: 100%; max-width: unset; } section.product-detail-suggest .container .wrapper .content * + .btn-default { margin-top: .24rem; } section.product-detail-suggest .container .wrapper .content br { display: none; } /* Faq Slider */ section.faq-slider .container { padding-top: .24rem; padding-bottom: .24rem; } section.faq-slider .container .head { font-size: .24rem; text-align: left; } section.faq-slider .container .items { width: calc(100% + .32rem); max-width: unset; padding: 0; margin-left: -.16rem; margin-right: -.16rem; } section.faq-slider .container * + .items { margin-top: .2rem; } section.faq-slider .container .items .owl-nav { display: none !important; } section.faq-slider .container .items .owl-dots { margin-top: .16rem; } section.faq-slider .container .items .owl-dots .owl-dot { width: .06rem; height: .06rem; } section.faq-slider .container .items .owl-dots .owl-dot.active { width: .12rem; height: .12rem; } section.faq-slider .container .items .item { display: block; width: 3.2rem; margin-left: .08rem; margin-right: .08rem; } section.faq-slider .container .items .item .tags { display: flex; flex-wrap: wrap; margin-bottom: -.05rem; } section.faq-slider .container .items .item .tag-item { display: inline-flex; padding: .08rem .12rem; border: 1px solid #E0D8D7; border-radius: 4.8rem; margin-right: .05rem; margin-bottom: .05rem; } section.faq-slider .container .items .item .tag-item .tag-pic { width: .14rem; object-position: center; object-fit: contain; } section.faq-slider .container .items .item .tag-item .desc { font-size: .11rem; font-weight: 400; padding-left: .08rem; } /* Go Banner */ section.go-banner { height: auto; margin: 0; padding-top: .47rem; padding-bottom: .57rem; } section.go-banner .container { padding: 0 .16rem; align-items: flex-start; text-align: left; } section.go-banner .container .head { font-size: .24rem; } section.go-banner .container .desc { line-height: 1.6em; } section.go-banner .container * + .desc { margin-top: .16rem; } section.go-banner .container .btn-default { font-size: .12rem; } section.go-banner .container * + .btn-default { margin-top: .24rem; } /* Company Contact */ section.company-contact .container { flex-direction: column; padding: 0.16rem 0.16rem 0; } section.company-contact .container .card.company { width: 100%; } section.company-contact .container .card.contact { width: calc(100% + .32rem); margin: 0 -.16rem; } section.company-contact .container * + .card.contact { margin-top: .16rem; } /* Chrono */ section.chrono { padding: 0; } section.chrono .container { padding-top: .16rem; padding-bottom: .48rem; } section.chrono .container .progress-bar .fill-bar { border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -moz-border-radius: 0.12rem; -ms-border-radius: 0.12rem; -o-border-radius: 0.12rem; } section.chrono .container .progress-bar .fill-bar::after { width: 0.32rem; height: 0.32rem; top: 0; margin-top: .03rem; right: -0.32rem; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } section.chrono .container > * + * { margin-top: .32rem; } /* Company Info */ section.company-info-top { padding-bottom: .24rem; } section.company-info-top .img { position: relative; height: 2.4rem; } section.company-info-top .container { padding-top: 0; } section.company-info-top .container .brand { width: calc(100% + .32rem); margin: 0 -.16rem; padding: 0.24rem 0.24rem 1.48rem; } section.company-info-top .container .desc-mid { padding: 0.16rem; font-size: .14rem; width: 100%; margin-top: -1.24rem; line-height: 1.6em; } section.company-info-top .container .desc-bottom { width: 100%; margin-top: 0; text-align: left; } section.company-info-top .container * + .desc-bottom { margin-top: .24rem; } section.company-info-top .container .desc-bottom .desc { font-size: .14rem; line-height: 1.6em; } section.orange-band .band { height: .88rem; } section.orange-band .container { padding-left: .16rem; padding-right: .16rem; margin-top: -.64rem; padding-bottom: 0.24rem; } section.orange-band .container .paragh { text-align: left; width: 100%; } section.orange-band .container * + .paragh { margin-top: .24rem; } section.orange-band .container .paragh .head { font-size: .24rem; } section.orange-band .container .paragh .desc { font-size: .14rem; } section.orange-band .container .paragh * + .desc { margin-top: .16rem; } section.brown-band .container { padding: 0.24rem .16rem; text-align: left; } section.brown-band .container .head { font-size: .24rem; } section.brown-band .container .desc { font-size: .14rem; } section.brown-band .container * + .desc { margin-top: .16rem; } /* Spots */ section.spots { padding: .08rem 0; } section.spots .items { flex-direction: column; } section.spots .items .item { width: 100%; border-left: none; padding: .16rem 0; margin: 0; text-align: left; } section.spots .items * + .item { border-top: 1px solid white; } section.spots .items .item .title { font-size: .24rem; } section.spots .items .item .text { font-size: .14rem; } /* Company News */ section.news-list { padding-bottom: .24rem; } section.news-list .choices { width: 100%; padding: 0; } section.news-list .choices .tabs { width: calc(100% + .16rem); margin-right: -.16rem; overflow: auto; padding-bottom: .08rem; } section.news-list .choices .tabs .btn { white-space: nowrap; } section.news-list .container * + .items { margin-top: 0.24rem; } section.news-list .items .item { display: flex; flex-wrap: wrap; width: calc(100% - 0.16rem); margin: 0.08rem; background-color: white; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.21); border-radius: 0.02rem; -webkit-border-radius: 0.02rem; -moz-border-radius: 0.02rem; -ms-border-radius: 0.02rem; -o-border-radius: 0.02rem; } section.news-list .items .item .title { font-size: .2rem; font-weight: 700; } section.news-list .items .item .body .header .date .month { line-height: 1.4em; } section.news-list .items .item .body .header .date .year { line-height: 1.4em; } /* Not Found */ section.not-found .content .main-title { font-size: .9rem; } section.not-found .content .title { font-size: .2rem; } section.not-found .content * + .title { margin-top: .06rem; } section.not-found .content .text { padding: 0 .16rem; font-size: .16rem; } .cookie-container { padding-top: .24rem; } .cookie-container .text { font-size: .12rem; line-height: 1.3em; } .cookie-container * + .buttons { margin-top: .24rem; } .cookie-container .buttons .btn-default { width: 100%; max-width: none; } .cookie-container .buttons * + .btn-default { margin-left: 0; margin-top: .16rem; } section.text-section .table-responsive { overflow-x: auto; } section.search .container .search .search-container { width: 100%; } section.search .container .search { padding-top: 0.16rem; padding-bottom: 0.16rem; } section.search .container .results-list { padding-bottom: 0.32rem; } section.search .container .results-list .item { width: 100%; padding: .16rem; } section.search .container .results-list .item .second .title { font-size: .16rem; } section.search .container .results-list .item .second .content { font-size: .14rem; } section.search .container .results-conclusion { margin-bottom: 0.32rem; } section.search .container .results-list .item .img { align-items: flex-start; } }